{"version":3,"file":"static/chunks/5094.d28c1de67a217102.js","mappings":"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","sources":["webpack://_N_E/./components/FaqDetailsBlock/FaqDetailsBlock.js","webpack://_N_E/<anon>"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport dynamic from 'next/dynamic';\nconst MarkdownText = dynamic(() => import('../MarkdownText/MarkdownText'))\nimport Block from '../../adapters/helpers/Block';\nimport Component from '../../adapters/helpers/entity/Component';\nimport { FaqDetailsBlockConstants, AppDownloadBlockConstants } from '../../adapters/helpers/Constants';\nimport { mediaQueryHOC } from '../../adapters/helpers/Hooks';\nimport { optimizeImage } from '../../adapters/helpers/pagespeedHelper';\nconst ArticleFeeback = dynamic(() => import('../ArticleFeedback/ArticleFeedback'))\nconst HowToSEO = dynamic(() => import('../SEOschema/HowToSEO'))\n\nfunction FAQDetailsBlock(props) {\n    const {extraAttributes,isLarge} = props;\n    const entityFAQ = extraAttributes?.entity;\n\n    if (!entityFAQ) {\n        return null;\n    }\n\n    const block = new Block(props);\n    const faq = new Component(entityFAQ);\n\n    const title = faq?.props?.question;\n    const body = faq?.props?.answer;\n    const faqArticleFeedback = props?.extraAttributes?.entity?.faqFeedback;\n    const classNames = FaqDetailsBlockConstants.baseClass + block.getFieldValue(FaqDetailsBlockConstants.classNames);\n    const anchorId = block.getFieldValue(FaqDetailsBlockConstants.anchorId);\n    const faqAppdetails =props?.extraAttributes?.entity?.faqAppdetails;\n    const howTo = props?.extraAttributes?.entity?.howTo;\n    return (\n        <React.Fragment>\n            <div id={anchorId} className={classNames}>\n                <h1>{title}</h1>\n                <div className={'ob-faq-details__body'}>\n                    <MarkdownText\n                        className={'ob-faq-details__body-text'}\n                        value={body}\n                    />\n                </div>\n            </div>\n            {faqArticleFeedback && (\n              <ArticleFeeback articleFeedback={faqArticleFeedback} />\n            )}\n            {faqAppdetails && (\n          <>\n            {faqAppdetails?.imageBackgroundDesktop && (\n              <div\n                className=\"ob-background-wrapper ob-wrapper-article-io\"\n                style={{\n                  backgroundImage: `url(${ !isLarge ? faqAppdetails?.imageBackgroundDesktop:faqAppdetails?.imageBackgroundMobile})`,\n                }}\n              >\n               {isLarge  && <h2 className=\"ob-heading-logo ob-spotlight-waitlist__title\" data-white-text=\"false\"><span><img src={optimizeImage(faqAppdetails?.imageLogoMobile)} alt={faqAppdetails?.imageAltLogo} className=\"logo-popup-december\"/>\n                              </span></h2>}\n                <div className=\"ob-app-download-stores-txt-container\">\n                  <p className=\"ob-app-download-stores-txt-body\">{faqAppdetails?.body}</p>\n                  <div className=\"ob-app-download-stores\">\n                    {faqAppdetails?.links?.map((asset, i) => {\n                      return (\n                        <a\n                          key={i}\n                          className=\"event_button_click ob-app-download-store ob-app-download-storeFaq\"\n                          href={asset.url}\n                          target={'_blank'}\n                          aria-label={`${asset?.title}`}\n                          rel={'noopener noreferrer'}\n                          data-action-detail={asset?.dataActionDetail}\n                        >\n                          <img\n                            data-format={AppDownloadBlockConstants.mobile}\n                            alt={asset.title}\n                            src={optimizeImage(asset.imageURL)}\n                            className=\"ob-app-download-store-app-mobile\"\n                          />\n                          <img\n                            data-format={AppDownloadBlockConstants.desktop}\n                            alt={asset.title}                           \n                            src={optimizeImage(asset.imageURL)}\n                          />\n                        </a>\n                      );\n                    })}\n                  </div>\n                </div>\n              </div>\n            )}\n          </>\n        )}\n            {\n               howTo && <HowToSEO howTo={howTo} />\n            }   \n        </React.Fragment>\n    )\n}\n\nexport default mediaQueryHOC(FAQDetailsBlock);\n\nFAQDetailsBlock.propTypes = {\n    extraAttributes: PropTypes.any,\n    isLarge: PropTypes.bool\n};\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5094],{45094:function(e,l,a){a.r(l);var t=a(67294),n=a(5152),o=a.n(n),i=a(40483),s=a(29224),r=a(24036),d=a(71357),u=a(19271),c=a(85893),b=o()((function(){return Promise.resolve().then(a.bind(a,80811))}),{loadableGenerated:{webpack:function(){return[80811]}}}),p=o()((function(){return a.e(1513).then(a.bind(a,61513))}),{loadableGenerated:{webpack:function(){return[61513]}}}),m=o()((function(){return a.e(1741).then(a.bind(a,11741))}),{loadableGenerated:{webpack:function(){return[11741]}}});l.default=(0,d.Ui)((function(e){var l,a,n,o,d,g,h,v,x,f=e.extraAttributes,k=e.isLarge,w=null==f?void 0:f.entity;if(!w)return null;var j=new i.Z(e),N=new s.Z(w),_=null==N||null==(l=N.props)?void 0:l.question,y=null==N||null==(a=N.props)?void 0:a.answer,A=null==e||null==(n=e.extraAttributes)||null==(o=n.entity)?void 0:o.faqFeedback,F=r.Vt.baseClass+j.getFieldValue(r.Vt.classNames),q=j.getFieldValue(r.Vt.anchorId),L=null==e||null==(d=e.extraAttributes)||null==(g=d.entity)?void 0:g.faqAppdetails,V=null==e||null==(h=e.extraAttributes)||null==(v=h.entity)?void 0:v.howTo;return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsxs)(\"div\",{id:q,className:F,children:[(0,c.jsx)(\"h1\",{children:_}),(0,c.jsx)(\"div\",{className:\"ob-faq-details__body\",children:(0,c.jsx)(b,{className:\"ob-faq-details__body-text\",value:y})})]}),A&&(0,c.jsx)(p,{articleFeedback:A}),L&&(0,c.jsx)(c.Fragment,{children:(null==L?void 0:L.imageBackgroundDesktop)&&(0,c.jsxs)(\"div\",{className:\"ob-background-wrapper ob-wrapper-article-io\",style:{backgroundImage:\"url(\".concat(k?null==L?void 0:L.imageBackgroundMobile:null==L?void 0:L.imageBackgroundDesktop,\")\")},children:[k&&(0,c.jsx)(\"h2\",{className:\"ob-heading-logo ob-spotlight-waitlist__title\",\"data-white-text\":\"false\",children:(0,c.jsx)(\"span\",{children:(0,c.jsx)(\"img\",{src:(0,u.H)(null==L?void 0:L.imageLogoMobile),alt:null==L?void 0:L.imageAltLogo,className:\"logo-popup-december\"})})}),(0,c.jsxs)(\"div\",{className:\"ob-app-download-stores-txt-container\",children:[(0,c.jsx)(\"p\",{className:\"ob-app-download-stores-txt-body\",children:null==L?void 0:L.body}),(0,c.jsx)(\"div\",{className:\"ob-app-download-stores\",children:null==L||null==(x=L.links)?void 0:x.map((function(e,l){return(0,c.jsxs)(\"a\",{className:\"event_button_click ob-app-download-store ob-app-download-storeFaq\",href:e.url,target:\"_blank\",\"aria-label\":\"\".concat(null==e?void 0:e.title),rel:\"noopener noreferrer\",\"data-action-detail\":null==e?void 0:e.dataActionDetail,children:[(0,c.jsx)(\"img\",{\"data-format\":r.If.mobile,alt:e.title,src:(0,u.H)(e.imageURL),className:\"ob-app-download-store-app-mobile\"}),(0,c.jsx)(\"img\",{\"data-format\":r.If.desktop,alt:e.title,src:(0,u.H)(e.imageURL)})]},l)}))})]})]})}),V&&(0,c.jsx)(m,{howTo:V})]})}))}}]);"],"names":["self","webpackChunk_N_E","push","e","l","a","r","t","n","o","i","s","d","u","c","b","Promise","resolve","then","bind","loadableGenerated","webpack","p","m","default","Ui","g","h","v","x","f","extraAttributes","k","isLarge","w","entity","j","Z","N","_","props","question","y","answer","A","faqFeedback","F","Vt","baseClass","getFieldValue","classNames","q","anchorId","L","faqAppdetails","V","howTo","jsxs","Fragment","children","id","className","jsx","value","articleFeedback","imageBackgroundDesktop","style","backgroundImage","concat","imageBackgroundMobile","src","H","imageLogoMobile","alt","imageAltLogo","body","links","map","href","url","target","title","rel","dataActionDetail","If","mobile","imageURL","desktop"],"sourceRoot":""}