"use strict";(self.webpackChunkbuyee_connect=self.webpackChunkbuyee_connect||[]).push([[691],{52691:(e,t,a)=>{a.r(t),a.d(t,{default:()=>D});var s=a(67294),n=a(83253),o=a.n(n),r=a(78607),l=a(43573),c=a(75867),i=a(9743),p=a(36593),m=a(32308),h=a(98035);const d=(0,r.Zh)()((e=>{let{linkUrl:t,message:a,postToParentGaModal:n,ga:o,paragraphText:r=""}=e;return s.createElement("div",{className:"bc__textLink"},r&&s.createElement("div",null,r),s.createElement("a",{href:t,target:"_blank",onClick:()=>n(o.CATEGORY.MODAL,o.ACTION.MODAL.PRODUCTS_FOR_OVERSEAS)},s.createElement("i",{className:"g-feather g-feather-chevron-right"}),a))}));class _ extends s.Component{constructor(e){super(e)}render(){const{scraperKey:e,vendor:t,t:a,postToParentGaModal:n}=this.props,o=(0,h.Nj)(e),{DOMAIN:r,SERVICE_NAME:c}=l.BC1,_=(0,i.D8)(r);return s.createElement("div",{className:"bcIntro__header"},s.createElement("div",{className:"bcIntro__headerLogo"},!o&&s.createElement(s.Fragment,null,s.createElement("img",{src:p,alt:e,className:"bc__partnerLogo"}),s.createElement("img",{src:m,alt:"",className:"bc__cross"})),s.createElement("img",{src:_,alt:r,className:"bc__buyeeLogo"})),s.createElement("div",{className:"bcIntro__heading"},a("msg.modal.intro_1")),s.createElement("p",{className:"bc__paragraph"},a("msg.modal.intro_2",{serviceName:c})),t.LIST_PAGE_URL&&s.createElement(d,{linkUrl:t.LIST_PAGE_URL,message:a("msg.popup.link_text"),postToParentGaModal:n,ga:l.GA}),t.TERMS_CONDITION_LINK&&s.createElement(d,{linkUrl:t.TERMS_CONDITION_LINK,message:a("msg.modal.terms_condition_link"),postToParentGaModal:n,ga:l.GA,paragraphText:a("msg.modal.terms_condition_text")}))}}const g=(0,r.Zh)()(_);var E=a(30782),u=a(71186),M=a(91344),C=a(64276);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},O.apply(this,arguments)}class T extends s.Component{constructor(e){super(e)}render(){const e=E.t[this.props.scraperKey].METRICS.RC.GUIDE,{imagePC:t,imageSP:a}=i.l$[l.BC1.DOMAIN],n=(0,M.X)(l.BUYEE.B_MEDIA_URL,e,"guide/bcv2/{10langs}/checkout.html",this.props.language);return s.createElement("div",{className:"bcIntro__main"},this.props.coupon?s.createElement(C.Z,O({},this.props,{CONSTANTS:l})):s.createElement(u.ZP,O({},this.props,{CONSTANTS:l,showCampaignInModal:!0})),s.createElement("picture",{className:"bcIntro__mainImg"},s.createElement("source",{srcSet:t,media:"(min-width: 680px)"}),s.createElement("img",{src:a,alt:""})),s.createElement("a",{href:n,className:"bcIntro__guideLink",onClick:()=>this.props.postToParentGaModal(l.GA.CATEGORY.MODAL,l.GA.ACTION.MODAL.HOW_TO_USE),target:"_blank"},this.props.t("msg.modal.content_1")))}}const N=(0,r.Zh)()(T);class A extends s.Component{constructor(e){super(e)}render(){return s.createElement("div",{className:"bcIntro__innerShadow"},s.createElement("div",{className:"bcIntro__outerShadow"},s.createElement(N,this.props)))}}const b=(0,r.Zh)()(A);var G=a(52653),I=a(77698),P=a(64663),v=a(83433),L=a(38355),S=a(71725);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},y.apply(this,arguments)}o().setAppElement("#js-mainModal");class w extends s.Component{constructor(e){super(e),this.state={showModal:!0,language:l.BC1.DEFAULT_LANGUAGE,campaign:(0,v.l)({...e},l.BC1.DOMAIN)},this.widgetMessage=new P.Z,this.handleCloseModal=this.handleCloseModal.bind(this),this.postToParentGaModal=this.postToParentGaModal.bind(this)}async componentDidMount(){const e=await(0,L.L)(this.props.scraperKey),t=window.innerWidth>l.BC1.STYLE_BREAK_POINT?"PC":"SP";this.style=e?e.customStyle(t):{},this.handlers={set_language_modal:async e=>{await(0,S.m)(this.props.i18n,e),this.setState({language:e})}},this.widgetMessage.addIframeEventHandlers(this.handlers);const a=await(0,S.G)(this.props.i18n);await(0,S.m)(this.props.i18n,a),this.state.language!==a&&this.setState({language:a}),this.postToParentGaModal(l.GA.CATEGORY.MODAL,l.GA.ACTION.MODAL.PREVIEW)}postToParentGaModal(e,t){this.widgetMessage.postToParent({type:"ga_send",data:{event:"event",category:e,action:`bc_co_${t}`,label:this.props.scraperKey}})}async handleCloseModal(){this.postToParentGaModal(l.GA.CATEGORY.MODAL,l.GA.ACTION.MODAL.CLOSE),await(0,I.uq)(I.Uf.MODAL_OPEN,!1),this.setState({showModal:!1}),(0,G.U)()}render(){return s.createElement("div",null,s.createElement(o(),{style:this.style,isOpen:this.state.showModal,contentLabel:"onRequestClose BCModal",className:"bc__modalBase",overlayClassName:"bc__modalBg",onRequestClose:this.handleCloseModal,shouldCloseOnOverlayClick:!0},s.createElement("div",{className:"bc__closeBtn",onClick:this.handleCloseModal},s.createElement("i",{className:"g-feather g-feather-x"}),this.props.t("button_name_close")),s.createElement(c.Z,y({},this.props,this.state,{postToParentGaModal:this.postToParentGaModal})),s.createElement("div",{className:"bcIntro"},s.createElement(g,y({},this.props,this.state,{postToParentGaModal:this.postToParentGaModal})),s.createElement(b,y({},this.props,this.state,{postToParentGaModal:this.postToParentGaModal})))))}}const D=(0,r.Zh)()(w)}}]);