(this["webpackJsonp6th-street"]=this["webpackJsonp6th-street"]||[]).push([[67,147],{1664:function(e,t,a){e.exports=a.p+"static/media/bank_icons.9ac4bfc8.svg"},1665:function(e,t,a){"use strict";(function(e){var n=a(1),c=a.n(n),o=a(479),i=(a(1666),a(11)),s=a(31),l=(a(1667),a(13).checkBEMProps);t.a=function(t){const{isArabic:a,isMobile:n,pageType:r,payLaterData:d}=t,u=Object(i.d)()||"",{range:{number_of_installments:m}={},value:p}=d||{};return null==p||null==m?null:l(c.a,"div",{className:"paylater-widget-example paylater-widget"},l(c.a,"div",{className:"paylater"},l(c.a,"img",{className:n||"cartPage"!==r?"paylater-icon":"paylater-icon-paylater-widget paylater-icon",src:o.T,alt:"Paylater"}),l(c.a,"div",{className:a?"paylater-summary-widget-content-ar":"paylater-summary-widget-content"},l(c.a,"span",{className:"paylater-widget__number-of-installments-node"},m," ",e("interest-free payments of")),(()=>{const t=Object(s.U)(u);return l(c.a,"span",{className:"paylater-summary-widget-amount"}," ",l(c.a,c.a.Fragment,null,l(c.a,"span",null,null!=t?t:u)," ",l(c.a,"span",null,p,e("/mo")))," ")})()," -",l(c.a,"span",{className:"paylater-widget__number-of-installments-node"},e("No late fees, Sharia-compliant!")))))}}).call(this,a(28))},1666:function(e,t,a){e.exports=a.p+"static/media/payLaterWidgetBigLogo.55786a4b.png"},1667:function(e,t,a){},2823:function(e,t,a){"use strict";a.r(t),function(e,n){a(2824);var c=a(1),o=a(25),i=a(3),s=a(4),l=a(11),r=a(16),d=a(9),u=a(1269),m=a(1580),p=a(15),b=a(14),y=a(0),f=a(77),v=a(1664),h=a.n(v),g=a(479),_=a(627),O=a(1665),k=a(695);Object(c.lazy)(()=>a.e(56).then(a.bind(null,2830)));var j=a(13).checkBEMProps;t.default=t=>{const a=Object(c.useRef)(null),v=Object(c.useRef)({x:0,y:0}),{product:{sku:S,brand_name:w,category_ids:N,is_sale:P,objectID:C,price:A,name:D,url:L},product:E,config:{countries:B={}},TabbyInstallment:T,isNewDesign:x}=t,[M,R]=Object(c.useState)(null),[I,q]=Object(c.useState)(!1),[X,W]=Object(c.useState)(!1),[U,F]=Object(c.useState)(!1),[J,Y]=Object(c.useState)(!1),[V,z]=Object(c.useState)(null),G=Object(b.d)(e=>e.AppConfig.payLaterisPwaEnable),H=Object(b.d)(e=>e.AppConfig.payLaterisPwaMINVal),K=Object(b.d)(e=>e.AppConfig.payLaterisPwaMAXVal),Q=Object(o.l)(),Z=i.a.getItem("customer"),$=Z&&Z.id?Z.id:null,ee=void 0===(null===E||void 0===E?void 0:E.discountable)||("Yes"===(null===E||void 0===E?void 0:E.discountable)||"\u0646\u0639\u0645"===(null===E||void 0===E?void 0:E.discountable)),te=Object(b.c)(),{bank_offers:ae=""}=Object(b.d)(e=>e.PDP.PDPJsonData),ne=Array.isArray(A)?null===A||void 0===A?void 0:A[0]:A,ce=ne?Object.values(ne)[0]:{},oe=null===ce||void 0===ce?void 0:ce.default,ie=Object(c.useRef)(null),[se,le]=Object(c.useState)(!1),re=e("Offers for you"),de=e("Bank Offers"),ue=e("Payment Option");Object(c.useEffect)(()=>{const e=ie.current;if(!e||se)return;const t=new IntersectionObserver(e=>{let[a]=e;a.isIntersecting&&(le(!0),t.disconnect())},{root:null,rootMargin:"100px",threshold:0});return t.observe(e),()=>t.disconnect()},[se]),Object(c.useEffect)(()=>{if(!se)return;let e=!0;return z(null),(async()=>{if(!oe||oe<H||oe>K||!G)z(null);else try{const t=await Object(k.b)(oe)||{};e&&z(t)}catch(t){e&&z(null)}})(),()=>{e=!1}},[se,oe]),Object(c.useEffect)(()=>{if(!se||!A)return;const e=document.createElement("script");e.src=m.a,document.body.appendChild(e);const t=Array.isArray(A)?A[0]:A,[a,n]=Object.entries(t)[0];e.onload=()=>T(n.default,a,e=>{e&&W(!0)})},[se]),Object(c.useEffect)(()=>{se&&(window.tamaraWidgetConfig=u.c,(()=>{const e=document.getElementById("TamaraScript");return new Promise((t,a)=>{e&&t(!1);const n=document.createElement("script");n.src="https://cdn.tamara.co/widget-v2/tamara-widget.js",n.id="TamaraScript",n.onerror=e=>a(!1),n.onload=()=>t(!0),document.body.appendChild(n)})})().then(e=>{e&&q(!0)}).catch(()=>q(!1)))},[se]),Object(c.useEffect)(()=>{if(!se)return;let e=!1;return Y(!0),s.a.post("/promotioninfo",{locale:Q,customerId:$,sku:S,brand:w,categoryId:N.join(", "),is_sale:P,discountable:ee}).then(t=>{var a;e||R(null!==(a=null===t||void 0===t?void 0:t.avail_coupons)&&void 0!==a?a:null)}).catch(e=>console.error("PDPTabsSection: promotioninfo failed",e)).finally(()=>{e||Y(!1)}),()=>{e=!0,R(null)}},[se,E,$]);const me=e=>{Object(y.Ni)(y.Ug,{product_sku:null!==S&&void 0!==S?S:"",brand_name:null!==w&&void 0!==w?w:"",product_name:null!==D&&void 0!==D?D:"",tab_name:null,tile_selected:null,coupon_code:null,bank_name:null,payment_method:null,...e})},pe=()=>{Object(y.Ni)(y.di,{country:Object(d.f)().toUpperCase(),language:Object(d.i)().toUpperCase(),product_name:D||"",product_sku:S||"",product_url:L||"",app6thstreet_platform:"Web"});const e={name:y.di,action:y.di,product_name:D,product_id:S};y.dj.dispatch(y.Rc,e),me({payment_method:"tabby",tab_name:ue,tile_selected:1})},be=e=>{if("tabby"===e){pe();const e=document.querySelector('#TabbyPromo [class*="containerPortal"]');if(null===e||void 0===e?void 0:e.shadowRoot){const t=e.shadowRoot.querySelector("div[class*='tabbyPromoSnippet']")||e.shadowRoot.querySelector("div[class*='snippetContentWrapper']")||e.shadowRoot.querySelector("div");null===t||void 0===t||t.click()}}if("tamara"===e){me({payment_method:"tamara",tab_name:ue,tile_selected:2});const e=document.querySelector("tamara-widget");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("a")||e.shadowRoot.querySelector("[class*='learn-more']")||e.shadowRoot.querySelector("button");if(t)return void t.click()}const t=document.querySelector("#TamaraPromo");t&&t.click()}};return j(n,c.Suspense,{fallback:j(n,n.Fragment,null)},j(n,"div",{ref:ie,className:"PDPTabsSection"},se&&j(n,n.Fragment,null,(null===M||void 0===M?void 0:M.length)?(ve=M,he=re,j(n,_.default,{data:{rootClass:"copySection-Block",ref:a}},j(n,"div",{className:"copySection-Block",ref:a,id:"copySection-Block"},j(n,"div",{className:"copySection-Block-inner"},ve.map((t,a)=>j(n,"button",{key:a,className:"copySection-item ".concat(Object(l.h)()?"isArabic":""," ").concat(ve.length>1?"copySection-item-multiple":"copySection-item-single"),onMouseDown:e=>{v.current={x:e.clientX,y:e.clientY}},onClick:n=>{const c=Math.abs(n.clientX-v.current.x),o=Math.abs(n.clientY-v.current.y);if(c>5||o>5)return void n.preventDefault();const i={tab_name:he,tile_selected:a+1,coupon_code:t.code};(async t=>{try{await navigator.clipboard.writeText(null===t||void 0===t?void 0:t.coupon_code),te(Object(p.d)("success",e("Coupon copied"))),Object(y.Ni)(y.Sg,{tab_name:null,tile_selected:null,coupon_code:null,product_name:D,product_sku:S,brand_name:w,...t})}catch{te(Object(p.d)("error",e("Something went wrong! Please, try again!")))}})(i),me(i)}},j(n,"h3",{className:"copySection-title ".concat(Object(l.h)()?"isArabic":"")},t.code),j(n,"span",{className:"copySection-desc ".concat(Object(l.h)()?"isArabic":"")},t.name),j(n,"span",{className:"copyIcon icon_Copy ".concat(Object(l.h)()?"isArabic":"")}))))))):null,(()=>{const e=(()=>{var e;const t=Object(d.f)();if(!A||!(null===(e=B[t])||void 0===e?void 0:e.isTamaraEnable))return null;const a=Array.isArray(A)?A[0]:A,[c,o]=Object.entries(a)[0],i=o.default,{tamara_range:{min:s,max:m}={}}=B[t];return i<s||i>m?null:j(n,"div",{id:"TamaraPromo",onClick:()=>me({payment_method:"tamara",tab_name:ue,tile_selected:2})},j(n,u.b,{isArabic:Object(l.h)(),countryCode:t,productPrice:i,isMobile:r.a.any()||r.a.tablet(),currency:c,pageType:"pdpPage"}))})(),t=X,a=I&&!!e,{range:{number_of_installments:c}={},value:o}=V||{},i=G&&null!=o&&null!=c&&oe>=H&&oe<=K;return t||a||i?j(n,"div",{className:"paymentOption-Block",style:{display:X||I||i?"block":"none"}},j(n,"div",{className:"paymentOption-Block-inner"},a&&j(n,"div",{block:"paymentOption",elem:"item",style:{display:I?"block":"none"}},j(n,"div",{className:"paymentOption-item-content"},e,!r.a.any()&&j(n,g.f,{id:"tamara",onClick:()=>be("tamara")}))),t&&j(n,"div",{block:"paymentOption",elem:"item",style:{display:X?"block":"none"}},j(n,"div",{className:"paymentOption-item-content"},j(n,"div",{id:"TabbyPromo",onClick:pe}),!r.a.any()&&j(n,g.f,{id:"tabby",onClick:()=>be("tabby")}))),i&&j(n,"div",{block:"paymentOption",elem:"item"},j(n,"div",{className:"paymentOption-item-content"},j(n,O.a,{isArabic:Object(l.h)(),isMobile:r.a.any()||r.a.tablet(),pageType:"pdpPage",payLaterData:V}))))):null})(),(fe=de,j(n,"div",{key:"dataSection-Block",className:"dataSection-Block"},j(n,"div",{key:"dataSection-Block-inner",className:"dataSection-Block-inner"},null===(ye=ae)||void 0===ye?void 0:ye.map((e,t)=>e.link?j(n,f.default,{to:e.link,title:e.bank_name,key:t,className:"dataSection-item ".concat(Object(l.h)()?"isArabic":""),onClick:()=>{me({tab_name:fe,tile_selected:t+1,bank_name:e.bank_name})}},j(n,"img",{width:"35px",height:"35px",className:"dataSection-img ".concat(e.icon?e.bank_name.replace(/ /g,"_"):""," ").concat(Object(l.h)()?"isArabic":""),alt:e.bank_name,src:e.icon?e.icon:h.a}),j(n,"span",{className:"dataSection-desc ".concat(Object(l.h)()?"isArabic":"")},e.desc)):j(n,"div",{key:t,className:"dataSection-item ".concat(Object(l.h)()?"isArabic":""),onClick:()=>{me({tab_name:fe,tile_selected:t+1,bank_name:e.bank_name})}},j(n,"img",{width:"35px",height:"35px",className:"dataSection-img ".concat(e.icon?e.bank_name.replace(/ /g,"_"):""," ").concat(Object(l.h)()?"isArabic":""),alt:e.bank_name,src:e.icon?e.icon:h.a}),j(n,"span",{className:"dataSection-desc ".concat(Object(l.h)()?"isArabic":"")},e.desc)))))))));var ye,fe,ve,he}}.call(this,a(28),a(1))},2824:function(e,t,a){},627:function(e,t,a){"use strict";a.r(t);var n=a(1),c=a.n(n),o=a(13).checkBEMProps;class i extends n.PureComponent{constructor(e){super(e),this.startDragScroll=()=>{const{data:{ref:e,rootClass:t}}=this.props,a=e.current;if(!a)return;const n=[...a.childNodes].filter(e=>e.id==t),c=n&&n[0]?n[0]:[];c&&0==c.length||(c.addEventListener("mousedown",e=>{this.setState({isDown:!0}),c.classList.add("active"),this.setState({startX:e.pageX-c.offsetLeft}),this.setState({scrollLeft:c.scrollLeft})}),c.addEventListener("mouseleave",()=>{this.setState({isDown:!1}),c.classList.remove("active")}),c.addEventListener("mouseup",()=>{this.setState({isDown:!1}),c.classList.remove("active")}),c.addEventListener("mousemove",e=>{if(!this.state.isDown)return;e.preventDefault();const t=3*(e.pageX-c.offsetLeft-this.state.startX);c&&(c.scrollLeft=this.state.scrollLeft-t)}))},this.ref=c.a.createRef(),this.state={activeClass:!1,isDown:!1,startX:0,scrollLeft:0}}componentDidMount(){this.startDragScroll()}render(){const{children:e,data:{ref:t},rootClass:a}=this.props;return o(c.a,"div",{ref:t,className:"DragWrapper"},c.a.Children.map(this.props.children,e=>c.a.Children.only(e)))}}i.defaultProps={ref:{current:{}},rootClass:""},t.default=i}}]);