"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[21],{652:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadStylux=void 0;const s=n(19);t.loadStylux=function(e){const t=Object.assign({src:"https://sdk.stylux.io/js-sdk.js",id:"styluxScript",anonymous:!1},e);(0,s.loadScript)(t)}},18:function(e,t,n){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.QuantitySelector=void 0;const i=n(0),a=(n(1),n(2)),o=n(4),l=s(n(25)),{wrapper:r,wrapperLargeSize:c,wrapperSmallSize:d,wrapperMediumSize:u,wrapperInput:p,wrapperDecrementBtn:h,wrapperIncrementBtn:x}=l.default;t.QuantitySelector=function({quantity:e=1,decrementQuantity:t,incrementQuantity:n,className:s="",height:l="large",isInstantCartItem:v=!1}){return(0,i.jsxs)("div",Object.assign({className:(0,a.cx)(r,"large"===l?c:"medium"===l?u:d,s)},{children:[(0,i.jsx)("button",Object.assign({className:(0,a.cx)(h,"switch"),onClick:t,disabled:v},{children:(0,i.jsx)(o.Icons.MinusIcon,{})})),(0,i.jsx)("input",{className:p,value:e,readOnly:!0,"aria-label":"Quantity"}),(0,i.jsx)("button",Object.assign({className:(0,a.cx)(x,"switch"),onClick:n,disabled:v},{children:(0,i.jsx)(o.Icons.PlusIcon,{})}))]}))}},198:function(e,t,n){var s=this&&this.__awaiter||function(e,t,n,s){return new(n||(n=Promise))((function(i,a){function o(e){try{r(s.next(e))}catch(e){a(e)}}function l(e){try{r(s.throw(e))}catch(e){a(e)}}function r(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}r((s=s.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.useStyluxFeature=void 0;const i=n(3),a=n(652);t.useStyluxFeature=({addToCartWithPayload:e,payload:t,styluxAddToCartAnimation:n=!0,styluxPersonalizationPrice:o,isNotSleeve:l})=>{const[r,c]=(0,i.useState)(""),[d,u]=(0,i.useState)(!1),[p,h]=(0,i.useState)(!1),[x,v]=(0,i.useState)(!1),[j,y]=(0,i.useState)(!0),f=()=>h(!1),[m,b]=(0,i.useState)(l?10:3),w=d||!!r.length,[g,S]=(0,i.useState)(null);function O(){var e,n,i,a;return s(this,void 0,void 0,(function*(){if(window.Stylux)try{const s=yield window.Stylux.api.getProduct(t.variant.id),{offers:o=[]}=s;if(1===o.length){S(o[0]);const t=Number(null===(a=null===(i=null===(n=null===(e=o[0])||void 0===e?void 0:e.options)||void 0===n?void 0:n[0])||void 0===i?void 0:i.simpleText)||void 0===a?void 0:a.maxLength);Number.isNaN(t)||t==m||b(t)}}catch(e){return void console.warn("ERROR GETING STYLUX PRODUCT ====> ",e)}}))}function C(){return s(this,void 0,void 0,(function*(){try{function e(){return s(this,void 0,void 0,(function*(){if(!window.Stylux)throw new Error("Stylux is not defined");console.warn("STYLUX SETUP START"),yield window.Stylux.setup({apiKey:"STLX_7e571906d0d98eafeba362aec8e4b8d3225ba3b17c875d44a58859d0155f",merchantId:"fc220d21-1347-4fd8-a741-587bc5842827",preload:!1}),console.warn("STYLUX SETUP END")}))}return yield e(),yield O(),!0}catch(t){return!1}}))}return(0,i.useEffect)((()=>{let e=0;if("undefined"==typeof window)return;const t=setInterval((()=>s(void 0,void 0,void 0,(function*(){window.Stylux?(clearInterval(t),C(),console.warn("stylux loaded")):(e>50&&clearInterval(t),e++,console.warn("loading stylux"),(0,a.loadStylux)())}))),500)}),[]),(0,i.useEffect)((()=>{O()}),[t.variant.id]),{text:r,isActive:w,handleBlur:()=>{u(!1)},handleChange:e=>{y(!0),/[\uD800-\uDFFF\u2600-\u26FF\u2700-\u27BF\uD83C][\uDC00-\uDFFF\uDFC0-\uDFFF]/.test(e.currentTarget.value)&&y(!1),c(e.currentTarget.value)},handleFocus:()=>{u(!0)},MAX_TEXT_LENGTH:m,show:p,handleOpen:()=>h(!0),handleClose:f,addToCart:i=>s(void 0,void 0,void 0,(function*(){if(x)return;v(!0);const a=yield function(e){var t,n;return s(this,void 0,void 0,(function*(){try{if(!e&&(yield C(),!e))throw new Error("offer is not defined");const s=null===(n=null===(t=null==e?void 0:e.options)||void 0===t?void 0:t[0])||void 0===n?void 0:n.id,i=yield window.Stylux.api.createBundle([{personalizationOptionId:s,simpleText:{personalizationText:r}}],e),{id:a}=i;return a||null}catch(e){return console.log("error creating stylux bundle",e),null}}))}(g);a?(e(Object.assign(Object.assign({},t),{properties:Object.assign(Object.assign({},t.properties),{_STYLUX_BUNDLE:a,_styluxPersonalizationText:r,_styluxPersonalizationPrice:o})}),n?i:void 0,n?t.quantity:void 0),f(),v(!1)):v(!1)})),isAddingToCart:x,isValid:j}}},71:function(e,t,n){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StyluxFeature=void 0;const i=n(0),a=n(1),o=n(2),l=n(20),r=n(4),c=s(n(86)),d=n(198),u=n(36),{wrapper:p,wrapperImage:h,wrapperText:x,wrapperContent:v,wrapperHeader:j,wrapperIcons:y,wrapperIcon:f,wrapperButtons:m,wrapperInput:b,wrapperInputActive:w,wrapperInputError:g,wrapperButton:S,wrapperClose:O,modalCloseWhite:C,button:T}=c.default;t.StyluxFeature=function({onClose:e,image:t,onOpen:n,onSubmit:s,displayPrice:c,styluxPersonalizationPrice:N,labels:{beUnique:I,chooseCharacters:_,customizeYourSleeve:F,greatGift:P,makeItMine:E,makeItYours:k,nevermind:z},addToCartWithPayload:A,payload:D,styluxAddToCartAnimation:M}){var L,B;const U=!(null===(B=null===(L=null==D?void 0:D.product)||void 0===L?void 0:L.title)||void 0===B?void 0:B.includes("Sleeve")),{handleBlur:X,handleChange:Y,handleFocus:G,isActive:Q,text:R,MAX_TEXT_LENGTH:W,handleClose:q,handleOpen:H,show:$,addToCart:V,isAddingToCart:J,isValid:K}=(0,d.useStyluxFeature)({addToCartWithPayload:A,payload:D,styluxAddToCartAnimation:M,styluxPersonalizationPrice:N,isNotSleeve:U}),Z=`personalize - ${c}`;return(0,i.jsxs)(a.Fragment,{children:[(0,i.jsx)("button",Object.assign({className:T,onClick:()=>{n&&n(),H()}},{children:Z})),(0,i.jsx)(l.Modal,Object.assign({show:$,onClose:()=>{e&&e(),q()},className:C},{children:(0,i.jsxs)("div",Object.assign({className:p},{children:[(0,i.jsxs)("div",Object.assign({className:h},{children:[(0,i.jsx)("img",{src:t.src,alt:t.alt,style:{objectFit:U?"contain":"cover"}}),(0,i.jsx)("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:U?"50%":"30%",left:"50%",transform:"translate(-50%, -50%)"}},{children:(0,i.jsx)("span",Object.assign({className:x,style:{transform:U?"rotate(-90deg)":"unset",color:U?"black":"white",fontSize:U?"16px":"10px",position:"unset"}},{children:R}))}))]})),(0,i.jsxs)("div",Object.assign({className:v},{children:[(0,i.jsxs)("div",Object.assign({className:j},{children:[(0,i.jsx)("h2",{children:k}),(0,i.jsx)("h5",{children:U?"Customize Your Jar":F})]})),(0,i.jsxs)("div",Object.assign({className:y},{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("span",Object.assign({className:f},{children:(0,i.jsx)(r.Icons.StarIcon,{})})),(0,i.jsx)("p",Object.assign({class:"no-translate"},{children:I}))]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",Object.assign({className:f},{children:(0,i.jsx)(r.Icons.GiftIcon,{})})),(0,i.jsx)("p",Object.assign({class:"no-translate"},{children:P}))]})]})),(0,i.jsxs)("div",Object.assign({className:m},{children:[(0,i.jsxs)("div",Object.assign({className:(0,o.cx)(b,Q&&w)},{children:[(0,i.jsx)("input",{type:"text",onChange:Y,value:R,maxLength:U?10:3,name:"textInput",placeholder:"",onFocus:G,onBlur:X}),(0,i.jsx)("label",Object.assign({class:"no-translate"},{children:U?_.replace("3","10"):_})),(0,i.jsx)("span",{children:`${R.length}/${W}`})]})),!K&&(0,i.jsx)("p",Object.assign({className:g},{children:"Text should not contain emojis"})),(0,i.jsx)("button",Object.assign({disabled:!K||J,className:S,onClick:e=>{s&&s(),V(e)}},{children:J?(0,i.jsx)(u.Spinner,{}):E})),(0,i.jsx)("button",Object.assign({onClick:()=>{e&&e(),q()},className:O},{children:z}))]}))]}))]}))}))]})}}}]);