{"version":3,"file":"static/chunks/7027.cd256d137b281146.js","mappings":"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","sources":["webpack://_N_E/./components/FAQBlock/FAQBlock.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport dynamic from 'next/dynamic'\nconst FAQQA = dynamic(() => import('./FAQQA'))\nimport { FAQConstants } from '../../adapters/helpers/Constants'\nimport { scrollIntoView } from '../../adapters/helpers/Scroll'\nimport { optimizeImage } from '../../adapters/helpers/pagespeedHelper'\nconst Heading = dynamic(() => import('../Heading/Heading'))\nconst ContactUsBlock = dynamic(() => import('../ContactUsBlock/ContactUsBlock'))\n\nconst FAQBlock = (props) => {\n    const doc = props?.document?.fields;\n    const topics = doc?.topics || null\n    const contactUsBlock = doc?.contactUsBlock || null\n    const iframeUrl = doc?.iframeUrl || null;\n    const pageTitle =doc?.pageTitle || null;\n    const [activeIndex, setActiveIndex] = useState(0)\n\n    useEffect(() => {\n        var element = document.getElementById(`ob-faq-qa-index-${activeIndex}`)\n        if (element) {\n            scrollIntoView(element, { behavior: 'smooth' })\n        }\n    }, [activeIndex])\n\n    const handleMouseOver = (event, image) => {\n        event.currentTarget.src = image\n    }\n    const handleMouseOut = (event, image) => {\n        event.currentTarget.src = image\n    }\n\n    return (\n        <div className='ob-faq-blocks'>\n            <div className='ob-faq-block-description'>\n                {<Heading tag={'h2'}>{pageTitle}</Heading>}\n                <div>\n                    <ul>\n                        {topics &&\n                            topics.map((item, index) => {\n                                return (\n                                    <li key={index} onClick={() => setActiveIndex(index)} className={index === activeIndex ? 'qa-active' : ''}>\n                                        <div className='ob-faq-desc-img'>\n                                            <img\n                                                src={optimizeImage(item?.fields?.topicIcon.fields.asset.fields.file.url)}\n                                                alt={item?.fields?.topicIcon?.fields.alternateText}\n                                                onMouseOver={(event) => handleMouseOver(event, item?.fields?.topicHoverIcon?.fields?.asset?.fields?.file?.url)}\n                                                onMouseOut={(event) => handleMouseOut(event, item?.fields?.topicIcon?.fields?.asset?.fields?.file?.url)}\n                                            />\n                                        </div>\n                                        <div className='ob-faq-desc-cont'>{item?.fields?.topic && <Heading tag={'h2'}>{item?.fields?.topic}</Heading>}</div>\n                                    </li>\n                                )\n                            })}\n                    </ul>\n                    <div>\n                        <FAQQA topics={topics} activeIndex={activeIndex} />\n                    </div>\n                </div>\n                <div>\n                    {contactUsBlock && <ContactUsBlock contactUsProps={contactUsBlock} classNamesFaq={'ob-faq-contactus-block'} />}\n                    {iframeUrl && activeIndex === 1 && (\n                        <div>\n                            <iframe title={FAQConstants.MONEYBACK_GUARANTEE_TITLE} className={'ob-faq-iframe'} src={iframeUrl} />\n                        </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    )\n}\nFAQBlock.propTypes = {\n    extraAttributes: PropTypes.any,\n    document: PropTypes.object,\n}\nFAQBlock.defaultProps = {\n    extraAttributes: {},\n    document: {},\n}\nexport default React.memo(FAQBlock)\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7027],{7027:function(l,n,e){e.r(n);var i=e(67294),t=e(5152),s=e.n(t),c=e(24036),u=e(55891),o=e(19271),r=e(85893),a=s()((function(){return e.e(1130).then(e.bind(e,81130))}),{loadableGenerated:{webpack:function(){return[81130]}}}),d=s()((function(){return Promise.resolve().then(e.bind(e,92116))}),{loadableGenerated:{webpack:function(){return[92116]}}}),f=s()((function(){return e.e(4101).then(e.bind(e,84101))}),{loadableGenerated:{webpack:function(){return[84101]}}}),v=function(l){var n,e=null==l||null==(n=l.document)?void 0:n.fields,t=(null==e?void 0:e.topics)||null,s=(null==e?void 0:e.contactUsBlock)||null,v=(null==e?void 0:e.iframeUrl)||null,b=(null==e?void 0:e.pageTitle)||null,h=(0,i.useState)(0),m=h[0],x=h[1];(0,i.useEffect)((function(){var l=document.getElementById(\"ob-faq-qa-index-\".concat(m));l&&(0,u.z)(l,{behavior:\"smooth\"})}),[m]);return(0,r.jsx)(\"div\",{className:\"ob-faq-blocks\",children:(0,r.jsxs)(\"div\",{className:\"ob-faq-block-description\",children:[(0,r.jsx)(d,{tag:\"h2\",children:b}),(0,r.jsxs)(\"div\",{children:[(0,r.jsx)(\"ul\",{children:t&&t.map((function(l,n){var e,i,t,s,c;return(0,r.jsxs)(\"li\",{onClick:function(){return x(n)},className:n===m?\"qa-active\":\"\",children:[(0,r.jsx)(\"div\",{className:\"ob-faq-desc-img\",children:(0,r.jsx)(\"img\",{src:(0,o.H)(null==l||null==(e=l.fields)?void 0:e.topicIcon.fields.asset.fields.file.url),alt:null==l||null==(i=l.fields)||null==(t=i.topicIcon)?void 0:t.fields.alternateText,onMouseOver:function(n){var e,i,t,s,c,u;return function(l,n){l.currentTarget.src=n}(n,null==l||null==(e=l.fields)||null==(i=e.topicHoverIcon)||null==(t=i.fields)||null==(s=t.asset)||null==(c=s.fields)||null==(u=c.file)?void 0:u.url)},onMouseOut:function(n){var e,i,t,s,c,u;return function(l,n){l.currentTarget.src=n}(n,null==l||null==(e=l.fields)||null==(i=e.topicIcon)||null==(t=i.fields)||null==(s=t.asset)||null==(c=s.fields)||null==(u=c.file)?void 0:u.url)}})}),(0,r.jsx)(\"div\",{className:\"ob-faq-desc-cont\",children:(null==l||null==(s=l.fields)?void 0:s.topic)&&(0,r.jsx)(d,{tag:\"h2\",children:null==l||null==(c=l.fields)?void 0:c.topic})})]},n)}))}),(0,r.jsx)(\"div\",{children:(0,r.jsx)(a,{topics:t,activeIndex:m})})]}),(0,r.jsxs)(\"div\",{children:[s&&(0,r.jsx)(f,{contactUsProps:s,classNamesFaq:\"ob-faq-contactus-block\"}),v&&1===m&&(0,r.jsx)(\"div\",{children:(0,r.jsx)(\"iframe\",{title:c.Lt.MONEYBACK_GUARANTEE_TITLE,className:\"ob-faq-iframe\",src:v})})]})]})})};v.defaultProps={extraAttributes:{},document:{}},n.default=i.memo(v)}}]);"],"names":["self","webpackChunk_N_E","push","l","n","e","r","i","t","s","c","u","o","a","then","bind","loadableGenerated","webpack","d","Promise","resolve","f","v","document","fields","topics","contactUsBlock","iframeUrl","b","pageTitle","h","useState","m","x","useEffect","getElementById","concat","z","behavior","jsx","className","children","jsxs","tag","map","onClick","src","H","topicIcon","asset","file","url","alt","alternateText","onMouseOver","topicHoverIcon","currentTarget","onMouseOut","topic","activeIndex","contactUsProps","classNamesFaq","title","Lt","MONEYBACK_GUARANTEE_TITLE","defaultProps","extraAttributes","default","memo"],"sourceRoot":""}