(this.webpackChunk_gorgias_chat_client=this.webpackChunk_gorgias_chat_client||[]).push([[915],{2377:(n,e,t)=>{"use strict";t.d(e,{r:()=>c});var r,i=t(969),o=["title","titleId"];function a(){return a=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},a.apply(this,arguments)}function l(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function s(n,e){var t=n.title,s=n.titleId,c=l(n,o);return i.createElement("svg",a({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"check-icon",ref:e,"aria-labelledby":s},c),t?i.createElement("title",{id:s},t):null,r||(r=i.createElement("path",{d:"M8.99989 16.17L5.52989 12.7C5.13989 12.31 4.50989 12.31 4.11989 12.7C3.72989 13.09 3.72989 13.72 4.11989 14.11L8.29989 18.29C8.68989 18.68 9.31989 18.68 9.70989 18.29L20.2899 7.71001C20.6799 7.32001 20.6799 6.69001 20.2899 6.30001C19.8999 5.91001 19.2699 5.91001 18.8799 6.30001L8.99989 16.17Z",fill:"#161616"})))}var c=i.forwardRef(s);t.p},8297:(n,e,t)=>{"use strict";t.d(e,{r:()=>c});var r,i=t(969),o=["title","titleId"];function a(){return a=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},a.apply(this,arguments)}function l(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function s(n,e){var t=n.title,s=n.titleId,c=l(n,o);return i.createElement("svg",a({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"chevron-down-icon",ref:e,"aria-labelledby":s},c),t?i.createElement("title",{id:s},t):null,r||(r=i.createElement("path",{d:"M8.71005 11.71L11.3001 14.3C11.6901 14.69 12.3201 14.69 12.7101 14.3L15.3001 11.71C15.9301 11.08 15.4801 10 14.5901 10H9.41005C8.52005 10 8.08005 11.08 8.71005 11.71Z",fill:"inherit"})))}var c=i.forwardRef(s);t.p},2670:(n,e,t)=>{"use strict";t.d(e,{p:()=>a});var r=t(3028),i=(t(969),t(2609)),o=t(7574),a=n=>{var e=n.children,t=n.isOpen,a=void 0!==t&&t,l=n.timeout,s=void 0===l?100:l,c={transition:"opacity ".concat(s,"ms ease-in-out"),opacity:0},d={entering:{opacity:0},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}};return(0,o.jsx)(i.ZP,{in:a,appear:a,mountOnEnter:!0,unmountOnExit:!0,timeout:s,children:n=>(0,o.jsx)("div",{style:(0,r.Z)((0,r.Z)({},c),d[n]),children:e})})}},8570:(n,e,t)=>{"use strict";t.d(e,{Z:()=>x});var r,i,o=t(969),a=t(5274),l=t(1171),s=t(3632),c=t(1034),d=t(9384),u=t(5413),p=t(2377);function h(n){return(0,c.H3)(n)>.5?(0,c._j)(n,.1):(0,c.$n)(n,.1)}var v=s.Z.button(r||(r=(0,l.Z)(["\n    width: 100%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: ",";\n    border: none;\n    border-radius: 4px;\n\n    background-color: ",";\n\n    color: ",";\n\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n\n    cursor: pointer;\n\n    transition: background-color 300ms ease;\n\n    &:hover {\n        background-color: ",";\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n\n    svg {\n        vertical-align: middle;\n        font-size: 16px;\n    }\n"])),(n=>"big"===n.size?"12px":"6px 12px"),(n=>n.isFinished||n.isDisabled?d.jV.neutral1:n.isLoading?h(n.theme.mainColor):n.theme.mainColor),(n=>n.isFinished||n.isDisabled?d.jV.neutral10:d.jV.white),(n=>n.isFinished||n.isDisabled?d.jV.neutral1:h(n.theme.mainColor))),g=(0,s.Z)(p.r)(i||(i=(0,l.Z)(["\n    margin-right: 6px;\n\n    & > path {\n        fill: ",";\n    }\n"])),u.wL.DarkGreen),f=t(7574);const x=n=>{var e=n.children,t=n.isLoading,r=void 0!==t&&t,i=n.isFinished,l=void 0!==i&&i,s=n.isDisabled,c=void 0!==s&&s,d=n.size,u=void 0===d?"regular":d,p=n.onClickCapture,h=(0,o.useMemo)((()=>l?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(g,{}),e]}):r?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{style:{marginRight:6},children:(0,f.jsx)(a.Z,{size:"sm"})}),e]}):e),[e,r,l]);return(0,f.jsx)(v,{isLoading:r,isFinished:l,isDisabled:c,size:u,disabled:c||r||l,onClickCapture:p,children:h})}},5274:(n,e,t)=>{"use strict";t.d(e,{Z:()=>b});var r,i,o=t(1171),a=t(969),l=t(4470),s=t(3632),c=["title","titleId"];function d(){return d=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},d.apply(this,arguments)}function u(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function p(n,e){var t=n.title,o=n.titleId,l=u(n,c);return a.createElement("svg",d({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"loading-icon",ref:e,"aria-labelledby":o},l),t?a.createElement("title",{id:o},t):null,r||(r=a.createElement("path",{opacity:.32,fillRule:"evenodd",clipRule:"evenodd",d:"M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM18.7 12C18.7 15.7003 15.7003 18.7 12 18.7C8.29969 18.7 5.3 15.7003 5.3 12C5.3 8.29969 8.29969 5.3 12 5.3C15.7003 5.3 18.7 8.29969 18.7 12Z",fill:"currentColor"})),i||(i=a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.8365 5.35162C15.8676 5.72883 18.2711 8.13241 18.6483 11.1635C18.736 11.8679 19.3131 12.5 20.1 12.5C20.8584 12.5 21.5347 11.8738 21.4532 11.0519C21.0081 6.56178 17.4382 2.99189 12.9481 2.54672C12.1261 2.46523 11.5 3.14157 11.5 3.89997C11.5 4.68687 12.132 5.26396 12.8365 5.35162ZM12 3.89997C12 3.89997 12 3.89998 12 3.89997V3.89997ZM20.9557 11.1012C20.9618 11.1631 20.9608 11.2235 20.9534 11.2819L20.9557 11.1012Z",fill:"currentColor"})))}var h=a.forwardRef(p);t.p;var v,g,f=t(7574),x=(0,l.css)(v||(v=(0,o.Z)(["\n    animation: Spin 0.8s infinite linear;\n\n    @keyframes Spin {\n        0% {\n            transform: rotate(0deg);\n        }\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n"]))),m=(0,s.Z)(h)(g||(g=(0,o.Z)(["\n    ","\n\n    ","\n"])),x,(n=>{switch(n.size){case"md":default:return"width: 24px; height: 24px;";case"lg":return"width: 32px; height: 32px;"}}));const b=n=>{var e=n.size,t=void 0===e?"md":e;return(0,f.jsx)(m,{size:t})}},7085:(n,e,t)=>{"use strict";t.d(e,{W:()=>An,F:()=>Bn});var r=t(969),i=t(1574),o=t(2876),a=t(1745),l=t(3812),s=t(7193),c=t(1692),d=t(8468),u=t(315),p=t(8533),h=t(2867),v=t(5886),g=t(8770),f=t(5749);function x(n){var e=(0,r.useRef)();return(0,r.useEffect)((()=>{var t,r=document.querySelector("#".concat(n)),i=r||function(n){var e=document.createElement("div");return e.setAttribute("id",n),e}(n);return r||(t=i,document.body.lastElementChild&&document.body.insertBefore(t,document.body.lastElementChild.nextElementSibling)),e.current&&i.appendChild(e.current),()=>{e.current&&e.current.remove(),i.childElementCount||i.remove()}}),[n]),e.current||(e.current=document.createElement("div")),e.current}var m,b,C,Z,j,y,w,O,S,k,E,P=n=>{var e=n.id,t=n.children,r=x(e);return(0,f.createPortal)(t,r)},D=t(8226),T=t(5333),M=t(5909),R=t(6636),L=t(8570),A=t(1171),V=t(4470),B=t(3632),N=t(9384);var K=B.Z.li(m||(m=(0,A.Z)(["\n    position: relative;\n\n    height: 320px;\n\n    background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(22, 22, 22, 0.1) 100%\n    );\n    border-radius: 16px;\n\n    box-shadow: 4px 4px 16px rgba(22, 22, 22, 0.1);\n    transition: box-shadow 350ms ease;\n    list-style-type: none;\n\n    cursor: pointer;\n\n    &:hover {\n        box-shadow: 4px 4px 16px rgba(22, 22, 22, 0.2);\n    }\n\n    &.noAction {\n        height: 272px;\n    }\n\n    &.widget-xs {\n        height: 230px;\n    }\n"]))),F=B.Z.div(b||(b=(0,A.Z)(["\n    height: 220px;\n    border-radius: 16px 16px 0 0;\n    overflow: hidden;\n\n    &.widget-xs {\n        height: 158px;\n    }\n"]))),z=B.Z.div((n=>{var e=n.position,t=(0,V.css)(C||(C=(0,A.Z)(["\n            background-blend-mode: overlay;\n            background-repeat: no-repeat;\n        "])));return e&&e.size>0&&0!==e.x&&0!==e.y?(0,V.css)(Z||(Z=(0,A.Z)(["\n                ","\n                background-size: ","%;\n                background-position: ","px ","px;\n            "])),t,e.size,e.x,e.y):(0,V.css)(j||(j=(0,A.Z)(["\n            ","\n            height: 220px;\n            background-size: cover;\n            background-position: center;\n\n            &.widget-xs {\n                height: 158px;\n            }\n        "])),t)})),I=B.Z.div(y||(y=(0,A.Z)(["\n    position: absolute;\n    right: 8px;\n    bottom: 8px;\n    left: 8px;\n\n    height: 120px;\n\n    padding: 16px;\n    border-radius: 10px;\n\n    background: ",";\n\n    box-sizing: border-box;\n\n    &.widget-xs {\n        padding: 12px;\n        height: 100px;\n    }\n"])),N.jV.white),H=B.Z.div(w||(w=(0,A.Z)(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n    width: 100%;\n"]))),G=B.Z.div(O||(O=(0,A.Z)(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    margin-bottom: 4px;\n\n    user-select: none;\n"]))),_=B.Z.p(S||(S=(0,A.Z)(["\n    margin: 0;\n\n    color: ",";\n\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.01em;\n    word-break: break-word;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])),N.jV.neutral10),$=B.Z.span(k||(k=(0,A.Z)(["\n    margin: 0;\n    margin-left: 16px;\n\n    color: ",";\n\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.01em;\n"])),N.jV.neutral8),U=B.Z.div(E||(E=(0,A.Z)(["\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n"]))),W=t(7574);const Y=n=>{var e=n.campaign,t=n.isHighlighted,i=void 0!==t&&t,o=n.hasOptions,s=void 0!==o&&o,c=n.product,d=n.onAddToCart,u=n.onClickProduct,f=(0,D.d)().appTexts,x=(0,v.Z)(),m=(0,h.Z)(x,2),b=m[0],C=m[1],Z=C.width,j=C.height,y=(0,g.Z)(null===c||void 0===c?void 0:c.currency),w=(0,a.z)(),O=(0,T.t)(),S=O.isLoading,k=O.isSuccess,E=O.error,A=O.addToCartFn,V=(0,R.s)().onOpenModal,B=l.Z.chatAppId(),N=!(0,M.r)()&&(0,p.t)(B),Y="url(".concat(c.featured_image,"), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(22, 22, 22, 0.065) 100%)"),X=(0,r.useMemo)((()=>c.position?{width:Z,height:j,backgroundImage:Y}:{backgroundImage:Y}),[Z,j,Y]),J=()=>{u&&u(c)},q=f(s?"selectOptionsLabel":"addToCartButtonLabel");return S&&(q=f("addingToCartButtonLabel")),k&&(q="".concat(f("addedButtonLabel"),"!")),""!==E&&(q=E),(0,W.jsxs)(K,{isHighlighted:i,className:N?"widget-".concat(w):"noAction widget-".concat(w),onClick:J,children:[(0,W.jsx)(F,{className:"widget-".concat(w),children:(0,W.jsx)(z,{className:"widget-".concat(w),position:null===c||void 0===c?void 0:c.position,style:X})}),(0,W.jsx)(I,{className:"widget-".concat(w),children:(0,W.jsxs)(H,{children:[(0,W.jsxs)(G,{children:[(0,W.jsx)(_,{children:c.title}),(0,W.jsx)($,{children:y(c.price)})]}),(0,W.jsx)(U,{children:N?(0,W.jsx)(L.Z,{isLoading:S,isFinished:k,isDisabled:""!==E,onClickCapture:n=>{n.stopPropagation(),s?V(c,e):(A(c),d&&d(c))},children:q}):(0,W.jsx)(L.Z,{onClickCapture:J,children:f("showDetailsButtonLabel")})})]})}),(0,W.jsx)(P,{id:"hidden-featured-".concat(c.id),children:(0,W.jsx)("div",{style:{position:"absolute",left:"-100%",top:"-100%",zIndex:-1,opacity:0,width:"100%",height:0,overflow:"hidden"},children:(0,W.jsx)("img",{ref:b,src:c.featured_image,alt:c.title,style:{maxWidth:"none"}})})})]})};var X,J=B.Z.ul(X||(X=(0,A.Z)(["\n    padding: 0 16px 16px;\n"])));const q=n=>{var e=n.products,t=n.onAddToCart,i=n.onClickProduct,o=(0,s.I)(),a=(0,s.v)(d.Xp);(0,r.useEffect)((()=>{Array.isArray(e)&&e.forEach((n=>{a[n.id]||h(n)}))}),[e]);var h=n=>{(0,p.t)(l.Z.chatAppId())&&(0,u.K)(n.url).then((n=>{o((0,c.lc)(n))}))};return Array.isArray(e)?(0,W.jsx)(J,{children:e.map((n=>{var e,r;return(0,W.jsx)(Y,{isHighlighted:!0,hasOptions:(null===(e=a[n.id])||void 0===e||null===(r=e.variants)||void 0===r?void 0:r.length)>1,product:n,onAddToCart:t,onClickProduct:i},n.id)}))}):null};var Q,nn=["title","titleId"];function en(){return en=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},en.apply(this,arguments)}function tn(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function rn(n,e){var t=n.title,i=n.titleId,o=tn(n,nn);return r.createElement("svg",en({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"chevron-left-icon",ref:e,"aria-labelledby":i},o),t?r.createElement("title",{id:i},t):null,Q||(Q=r.createElement("path",{d:"M14.71 6.70998C14.32 6.31998 13.69 6.31998 13.3 6.70998L8.70998 11.3C8.31998 11.69 8.31998 12.32 8.70998 12.71L13.3 17.3C13.69 17.69 14.32 17.69 14.71 17.3C15.1 16.91 15.1 16.28 14.71 15.89L10.83 12L14.71 8.11998C15.1 7.72998 15.09 7.08998 14.71 6.70998Z",fill:"currentColor"})))}var on=r.forwardRef(rn);t.p;var an,ln=["title","titleId"];function sn(){return sn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},sn.apply(this,arguments)}function cn(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function dn(n,e){var t=n.title,i=n.titleId,o=cn(n,ln);return r.createElement("svg",sn({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"chevron-right-icon",ref:e,"aria-labelledby":i},o),t?r.createElement("title",{id:i},t):null,an||(an=r.createElement("path",{d:"M9.29006 6.71002C8.90006 7.10002 8.90006 7.73002 9.29006 8.12002L13.1701 12L9.29006 15.88C8.90006 16.27 8.90006 16.9 9.29006 17.29C9.68006 17.68 10.3101 17.68 10.7001 17.29L15.2901 12.7C15.6801 12.31 15.6801 11.68 15.2901 11.29L10.7001 6.70002C10.3201 6.32002 9.68006 6.32002 9.29006 6.71002Z",fill:"currentColor"})))}var un=r.forwardRef(dn);t.p;var pn,hn,vn,gn,fn,xn,mn,bn,Cn,Zn,jn=B.Z.div(pn||(pn=(0,A.Z)(["\n    position: relative;\n\n    width: 100%;\n\n    box-sizing: border-box;\n"]))),yn=B.Z.div(hn||(hn=(0,A.Z)(["\n    overflow: hidden;\n"]))),wn=B.Z.div(vn||(vn=(0,A.Z)(["\n    position: relative;\n\n    display: flex;\n    flex-wrap: nowrap;\n\n    width: 100%;\n    padding: ",";\n\n    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n    backface-visibility: hidden;\n    transform-style: preserve-3d;\n    touch-action: pan-Y;\n    will-change: transform;\n\n    &.slideMeDemo {\n        animation-delay: 5s;\n        animation-duration: 2s;\n        animation-name: shake;\n        animation-timing-function: cubic-bezier(0.14, 0.75, 0.2, 1.01);\n        animation-iteration-count: 2;\n    }\n\n    @keyframes shake {\n        from {\n            transform: ",";\n        }\n\n        50% {\n            transform: translate3d(-30px, 0px, 0px);\n        }\n\n        to {\n            transform: ",";\n        }\n    }\n"])),(n=>n.requiresPadding?"16px 0":"6px 0 16px"),(n=>{var e=n.navigationPadding;return"translate3d(".concat(e,", 0px, 0px)")}),(n=>{var e=n.navigationPadding;return"translate3d(".concat(e,", 0px, 0px)")})),On=B.Z.div(gn||(gn=(0,A.Z)(["\n    flex-shrink: 0;\n\n    margin: 0 4px;\n\n    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n    transform: scale(0.9);\n\n    &.highlighted {\n        transform: scale(1);\n    }\n\n    :first-child {\n        margin-left: 0px;\n    }\n\n    :last-child {\n        margin-right: 0px;\n    }\n"]))),Sn=B.Z.div(fn||(fn=(0,A.Z)([""]))),kn=B.Z.button(xn||(xn=(0,A.Z)(["\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    width: 40px;\n    height: 40px;\n\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: none;\n\n    box-shadow: 0px 2px 4px rgba(22, 22, 22, 0.16);\n    border-radius: 80px;\n\n    background: ",";\n\n    color: ",";\n\n    cursor: pointer;\n\n    :focus {\n        outline: none;\n    }\n\n    svg {\n        vertical-align: middle;\n        font-size: 16px;\n    }\n"])),N.jV.neutral1,N.jV.neutral6),En=(0,B.Z)(kn)(mn||(mn=(0,A.Z)(["\n    left: 8px;\n"]))),Pn=(0,B.Z)(kn)(bn||(bn=(0,A.Z)(["\n    right: 8px;\n"]))),Dn=B.Z.div(Cn||(Cn=(0,A.Z)(["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n\n    margin: 8px 0;\n"]))),Tn=B.Z.div(Zn||(Zn=(0,A.Z)(["\n    width: 8px;\n    height: 8px;\n\n    margin: 0 4px;\n    border-radius: 50%;\n\n    background: ",";\n\n    cursor: pointer;\n\n    &.active {\n        background: ",";\n    }\n"])),N.jV.neutral1,N.jV.neutral6),Mn=function(n){return n.prev="prev",n.next="next",n}({}),Rn=function(n){return n.click="click",n.swipe="swipe",n.dotClick="dotClick",n}({});const Ln=n=>{var e,t=n.isCompact,a=void 0!==t&&t,v=n.products,g=n.configuration,f=n.campaign,x=n.origin,m=n.onAddToCart,b=n.onClickProduct,C=(0,s.I)(),Z=(0,s.v)(d.Xp),j=(0,r.useState)(!0),y=(0,h.Z)(j,2),w=y[0],O=y[1],S=(0,r.useState)(0),k=(0,h.Z)(S,2),E=k[0],P=k[1],D=(0,r.useState)(g.carouselNavigationPadding),T=(0,h.Z)(D,2),M=T[0],R=T[1],L=(0,r.useState)(),A=(0,h.Z)(L,2),V=A[0],B=A[1],N=(0,r.useState)(),K=(0,h.Z)(N,2),F=K[0],z=K[1];(0,r.useEffect)((()=>{R(I(E,v))}),[g.carouselNavigationPadding]);var I=(n,e)=>{if(0===n)return g.carouselNavigationPadding;var t=n*g.frameWidth-g.carouselNavigationPadding+n*g.frameGutter;return n!==e.length-1&&0!==n||(t+=g.frameGutter/2),-1*t},H=n=>{if(!(n>=v.length||n<0)&&(O(!1),P(n),R(I(n,v)),n!==E)){var e=n>E?Mn.next:Mn.prev;U(e,Rn.dotClick)}},G=n=>{(0,p.t)(l.Z.chatAppId())&&(0,u.K)(n.url).then((n=>{C((0,c.lc)(n))}))},_=n=>{var e=E+1,t=v[e];t&&(Z[t.id]||G(t),H(e),U(Mn.next,n))},$=n=>{H(E-1),U(Mn.prev,n)},U=(n,e)=>{(0,i.Kz)(i.MK.CHAT_PRODUCTS_NAVIGATED,(0,o.S)({direction:n,action:e,origin:x}))};return(0,r.useEffect)((()=>{var n=v[0];null!==n&&void 0!==n&&n.id&&!Z[n.id]&&G(v[0])}),[]),(0,W.jsx)(jn,{style:{maxWidth:g.carouselMaxWidth},children:(0,W.jsxs)(yn,{children:[(0,W.jsx)(wn,{requiresPadding:null!==(e=g.requiresPadding)&&void 0!==e&&e,navigationPadding:g.carouselNavigationPadding,className:a&&w?"slideMeDemo":void 0,style:{transform:"translate3d(".concat(M,"px, 0px, 0px)"),transition:"transform 0.6s ease-out"},onTouchStart:n=>{z(void 0),B(n.targetTouches[0].clientX)},onTouchMove:n=>{z(n.targetTouches[0].clientX)},onTouchEnd:()=>{if(V&&F){var n=V-F>50,e=Rn.swipe;n?_(e):$(e)}},children:v.map(((n,e)=>{var t,r;return(0,W.jsx)(On,{className:E===e?"highlighted":void 0,style:{width:g.frameWidth},children:(0,W.jsx)(Y,{campaign:f,isHighlighted:E===e,product:n,hasOptions:(null===(t=Z[n.id])||void 0===t||null===(r=t.variants)||void 0===r?void 0:r.length)>1,onAddToCart:m,onClickProduct:b})},n.id)}))}),a?(0,W.jsx)(Dn,{children:v.map(((n,e)=>(0,W.jsx)(Tn,{className:E===e?"active":void 0,onClick:()=>H(e)},"bullet-".concat(n.id))))}):(0,W.jsxs)(Sn,{children:[E>0&&(0,W.jsx)(En,{onClick:()=>{$(Rn.click)},"aria-label":"prev-btn",children:(0,W.jsx)(on,{})}),E<v.length-1&&(0,W.jsx)(Pn,{onClick:()=>{_(Rn.click)},"aria-label":"next-btn",children:(0,W.jsx)(un,{})})]})]})})};const An=n=>{var e=n.campaign,t=n.products,l=n.onMove,s=(0,a.z)(),c="xs"===s,d=c?260:330,u=c?200:280,p=(d-u)/2,h=Boolean(t.length>1),v=n=>{(0,i.Kz)(i.MK.CHAT_PRODUCT_ADD_TO_CART,(0,o.S)({product:n,campaign:e,origin:"campaign",campaign_id:e.id,campaign_name:e.name}))},g=n=>{var t;(0,i.Kz)(i.MK.CHAT_PRODUCT_CLICKED,(0,o.S)({product:n,campaign:e,origin:"campaign",campaign_id:e.id,campaign_name:e.name})),window.open(null!==(t=n.tracking_url)&&void 0!==t?t:n.url)};return(0,r.useEffect)((()=>{t.length&&(0,i.Kz)(i.MK.CHAT_PRODUCTS_DELIVERED,(0,o.S)({products:t,campaign:e,origin:"campaign",campaign_id:e.id,campaign_name:e.name}))}),[e,t]),h?(0,W.jsx)(Ln,{isCompact:"xs"===s,products:t,configuration:{frameGutter:8,frameWidth:u,carouselMaxWidth:d,carouselNavigationPadding:p},campaign:e,origin:"campaign",onAddToCart:v,onClickProduct:g,onMove:l}):(0,W.jsx)(q,{products:t,onAddToCart:v,onClickProduct:g})};var Vn={xs:0,md:-16,lg:-16};const Bn=n=>{var e=n.products,t=n.onMove,l=(0,a.z)(),s="xs"===l,c=s?260:330,d=s?200:280,u=(c-d)/2,p=Boolean(e.length>1),h=n=>{(0,i.Kz)(i.MK.CHAT_PRODUCT_ADD_TO_CART,(0,o.S)({product:n,origin:"conversation"}))},v=n=>{var e;(0,i.Kz)(i.MK.CHAT_PRODUCT_CLICKED,(0,o.S)({product:n,origin:"conversation"})),window.open(null!==(e=n.tracking_url)&&void 0!==e?e:n.url)};return(0,r.useEffect)((()=>{e.length&&(0,i.Kz)(i.MK.CHAT_PRODUCTS_DELIVERED,{products:e,origin:"conversation"})}),[e]),p?(0,W.jsx)("div",{style:{position:"relative",height:s?376:352},children:(0,W.jsx)("div",{style:{position:"absolute",left:Vn[l]},children:(0,W.jsx)(Ln,{isCompact:s,products:e,configuration:{frameGutter:8,frameWidth:d,carouselMaxWidth:c,carouselNavigationPadding:u,requiresPadding:!0},origin:"conversation",onAddToCart:h,onClickProduct:v,onMove:t})})}):(0,W.jsx)(q,{products:e,onAddToCart:h,onClickProduct:v})}},9165:(n,e,t)=>{"use strict";t.d(e,{bw:()=>y,yJ:()=>Z,vZ:()=>C,ZP:()=>w});var r,i,o,a,l=t(3028),s=t(9740),c=t(2264),d=t(969),u=["title","titleId"];function p(){return p=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},p.apply(this,arguments)}function h(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}function v(n,e){var t=n.title,l=n.titleId,s=h(n,u);return d.createElement("svg",p({width:22,height:22,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"bot-icon",ref:e,"aria-labelledby":l},s),t?d.createElement("title",{id:l},t):null,r||(r=d.createElement("path",{d:"M9.21657 0.458334C9.02672 0.458334 8.87282 0.612236 8.87282 0.802084C8.87282 0.991932 9.02672 1.14583 9.21657 1.14583H13.1946C13.3844 1.14583 13.5383 0.991932 13.5383 0.802084C13.5383 0.612236 13.3844 0.458334 13.1946 0.458334H9.21657Z",fill:"white"})),i||(i=d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.28205 3.64072C3.57316 3.64072 1.93382 4.57211 1.54009 6.33288C1.13715 8.13486 0.916656 10.3022 0.916656 11.5426C0.916656 17.2249 5.52307 21.8314 11.2054 21.8314C16.8877 21.8314 21.4941 17.2249 21.4941 11.5426C21.4941 10.3022 21.2736 8.13486 20.8707 6.33287C20.4769 4.57211 18.8376 3.64072 17.1287 3.64072H5.28205ZM2.21102 6.4829C2.51475 5.12461 3.79485 4.32822 5.28205 4.32822H17.1287C18.6159 4.32822 19.896 5.12461 20.1997 6.4829C20.5925 8.23922 20.8066 10.3562 20.8066 11.5426C20.8066 16.8452 16.508 21.1439 11.2054 21.1439C5.90277 21.1439 1.60416 16.8452 1.60416 11.5426C1.60416 10.3562 1.81829 8.23922 2.21102 6.4829Z",fill:"white"})),o||(o=d.createElement("path",{d:"M6.03532 11.1451C5.15653 11.1451 4.44412 10.4327 4.44412 9.5539C4.44412 8.67511 5.15652 7.9627 6.03532 7.9627H16.3781C17.2569 7.9627 17.9693 8.67511 17.9693 9.5539C17.9693 10.4327 17.2569 11.1451 16.3781 11.1451H6.03532Z",fill:"white"})),a||(a=d.createElement("path",{d:"M7.85409 15.6615C7.7122 15.5354 7.49492 15.5482 7.36879 15.6901C7.24267 15.832 7.25545 16.0492 7.39734 16.1754C7.88308 16.6071 8.53301 16.946 9.13703 17.1996C10.4592 17.7548 11.9526 17.7548 13.2748 17.1996C13.8788 16.946 14.5287 16.6071 15.0145 16.1754C15.1564 16.0492 15.1691 15.832 15.043 15.6901C14.9169 15.5482 14.6996 15.5354 14.5577 15.6615C14.1548 16.0196 13.5853 16.3236 13.0086 16.5657C11.8567 17.0494 10.5551 17.0494 9.4032 16.5657C8.82647 16.3236 8.25696 16.0196 7.85409 15.6615Z",fill:"white"})))}var g=d.forwardRef(v);t.p;var f=t(9384);function x(n,e){var t=n.split(" ").filter((n=>n.length>0));return 0===t.length?"":1===t.length||e?t[0][0]:"".concat(t[0][0]).concat(t[1][0])}var m=t(7574),b=["isBot","src","name","showName","hasStatusIndicator","size"];var C=(0,c.Z)("span",{target:"ej2kg1j3"})("color:",f.jV.dark,";font-size:14px;font-weight:500;letter-spacing:-0.01em;"),Z=(0,c.Z)("div",{target:"ej2kg1j2"})({name:"1926zhr",styles:"display:inline-flex;align-items:center;gap:8px"}),j=(0,c.Z)("div",{target:"ej2kg1j1"})("position:absolute;bottom:0;right:0;width:25%;height:25%;background-color:",f.jV.secondaryGreen,";outline:1.5px solid ",f.jV.white,";border-radius:50%;"),y=(0,c.Z)("div",{target:"ej2kg1j0"})("display:inline-block;position:relative;border-radius:50%;background-image:",(n=>{var e=n.isBot,t=n.src;return e?"none":"url(".concat(t,")")}),";background-size:cover;background-position:center;background-color:",(n=>n.isBot?f.jV.neutralGrey4:f.jV.neutralGrey2),";svg{width:64.31%;}",(n=>{var e=n.size;return"width: ".concat(e,"px; height: ").concat(e,"px; font-size: ").concat(Math.floor(.375*e),"px;")})," font-weight:600;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:",(n=>n.src?"transparent":f.jV.neutralGrey4),";");const w=n=>{var e=n.isBot,t=n.src,r=n.name,i=n.showName,o=n.hasStatusIndicator,a=n.size,c=void 0===a?32:a,d=(0,s.Z)(n,b);return(0,m.jsxs)(Z,{children:[(0,m.jsxs)(y,(0,l.Z)((0,l.Z)({src:t,isBot:e,size:c},d),{},{children:[e&&(0,m.jsx)(g,{}),!e&&r&&x(r),o&&(0,m.jsx)(j,{})]})),i&&r&&(0,m.jsx)(C,{children:r})]})}},5333:(n,e,t)=>{"use strict";t.d(e,{t:()=>Z});var r=t(2723),i=t(4795),o=t(2867),a=t(969),l=t(5413),s=t(9428),c=t(6114),d=t(8126);function u(n,e){return n.map((n=>n.variant_id)).includes(e.id)}var p=t(7057),h=t(315);function v(n,e){return g.apply(this,arguments)}function g(){return(g=(0,i.Z)((0,r.Z)().mark((function n(e,t){return(0,r.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!(0,d.P)()){n.next=2;break}return n.abrupt("return",u(e,t)?"/cart/update.js":"/cart/add.js");case 2:return n.abrupt("return","");case 3:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function f(n,e,t){if(n.endsWith("update.js")){var r=(i=t,e.find((n=>n.variant_id===i)));return{updates:{[t]:null!==r&&void 0!==r&&r.quantity?r.quantity+1:1}}}var i;return{items:[{id:t,quantity:1}]}}function x(n,e,t){return m.apply(this,arguments)}function m(){return(m=(0,i.Z)((0,r.Z)().mark((function n(e,t,i){var o,a,l,s,u,g;return(0,r.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!(0,d.P)()){n.next=18;break}return n.next=3,(0,p.d)();case 3:if(o=n.sent,a=i){n.next=9;break}return n.next=8,(0,h.K)(e);case 8:a=n.sent;case 9:return l=null!==t&&void 0!==t?t:a.variants[0],n.next=12,v(o.items,l);case 12:return s=n.sent,u=f(s,o.items,l.id),n.next=16,(0,c.Z)(s,{method:"POST",headers:{"Content-Type":"application/json; charset=utf-8"},body:JSON.stringify(u)}).then((n=>n.json()));case 16:return g=n.sent,n.abrupt("return",g);case 18:throw new Error("Shopify - Operation not available outside Shopify environment!");case 19:case"end":return n.stop()}}),n)})))).apply(this,arguments)}var b=t(8226),C=3e3;function Z(){var n=(0,b.d)().appTexts,e=(0,a.useState)(!1),t=(0,o.Z)(e,2),c=t[0],u=t[1],p=(0,a.useState)(!1),h=(0,o.Z)(p,2),v=h[0],g=h[1],f=(0,a.useState)(""),m=(0,o.Z)(f,2),Z=m[0],j=m[1],y=function(){var e=(0,i.Z)((0,r.Z)().mark((function e(t,i,o){var a;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(0,d.P)()){e.next=17;break}return u(!0),e.prev=2,e.next=5,x(t.url,i,o);case 5:404===(null===(a=e.sent)||void 0===a?void 0:a.status)||422===(null===a||void 0===a?void 0:a.status)?(j(n("outOfStockButtonLabel")),g(!1)):(g(!0),s.LO.trigger(l.IH.CART_UPDATED,t)),e.next=14;break;case 9:throw e.prev=9,e.t0=e.catch(2),j(n("genericErrorButtonLabel")),g(!1),e.t0;case 14:return e.prev=14,u(!1),e.finish(14);case 17:case"end":return e.stop()}}),e,null,[[2,9,14,17]])})));return function(n,t,r){return e.apply(this,arguments)}}();return(0,a.useEffect)((()=>{var n;return v&&!1===c&&(n=setTimeout((()=>{g(!1),u(!1),j("")}),C)),()=>{n&&clearTimeout(n)}}),[v,c]),{isLoading:c,isSuccess:v,error:Z,addToCartFn:y,resetState:()=>{g(!1),u(!1),j("")}}}},8770:(n,e,t)=>{"use strict";t.d(e,{Z:()=>a});var r=t(5385),i=t(991),o=t(4085);const a=n=>{var e=(0,r.useSelector)(i.G3);return(0,o.k)(e,n)}},6636:(n,e,t)=>{"use strict";t.d(e,{Q:()=>$n,s:()=>Un});var r=t(3028),i=t(2867),o=t(969),a=t(8226),l=t(5333),s=t(8770),c=t(7193),d=t(8468),u=t(9740),p=t(5886),h=t(9361);const v=function(n){var e=(0,h.Z)({x:0,y:0}),t=e[0],r=e[1];return(0,o.useEffect)((function(){var e=function(){n.current&&r({x:n.current.scrollLeft,y:n.current.scrollTop})};return n.current&&n.current.addEventListener("scroll",e,{capture:!1,passive:!0}),function(){n.current&&n.current.removeEventListener("scroll",e)}}),[n]),t};var g,f,x,m,b,C,Z,j,y,w,O,S,k,E,P,D,T,M,R,L,A,V,B,N,K,F,z,I,H,G,_,$=t(2609),U=t(7574),W=n=>{var e=n.children,t=n.component,i=n.isOpen,a=void 0!==i&&i,l=n.timeout,s=void 0===l?100:l,c=n.transitions,d={transition:c?"".concat(c,", transform ").concat(s,"ms ease-in-out"):"transform ".concat(s,"ms ease-in-out"),transform:"translateY(101%)"},u={entering:{transform:"translateY(101%)"},entered:{transform:"translateY(0)"},exiting:{transform:"translateY(0)"},exited:{transform:"translateY(101%)"}};return(0,U.jsx)($.ZP,{in:a,appear:a,timeout:s,children:n=>t?o.cloneElement(t,{style:(0,r.Z)((0,r.Z)((0,r.Z)({},t.props.style),d),u[n]),children:e}):(0,U.jsx)("div",{style:(0,r.Z)((0,r.Z)({},d),u[n]),children:e})})},Y=t(2670),X=t(5749),J=t(8297),q=t(1171),Q=t(3632),nn=t(9384),en=t(2377),tn=Q.Z.button(g||(g=(0,q.Z)(["\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    height: 48px;\n\n    padding: 14px 12px;\n    border: none;\n    border-radius: 8px;\n    background: none;\n    outline: none;\n\n    box-sizing: border-box;\n\n    &:hover,\n    &:focus {\n        outline: none;\n        background: ",";\n    }\n"])),nn.jV.neutral1),rn=Q.Z.span(f||(f=(0,q.Z)(["\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.01em;\n\n    color: ",";\n"])),nn.jV.neutral10),on=(0,Q.Z)(en.r)(x||(x=(0,q.Z)(["\n    & > path {\n        fill: ",";\n    }\n"])),nn.jV.neutral6),an=n=>{var e=n.active,t=n.label,r=n.value,i=n.onClick;return(0,U.jsxs)(tn,{role:"option","aria-label":t,onClick:n=>{i(n,r)},children:[(0,U.jsx)(rn,{children:t}),e&&(0,U.jsx)(on,{})]})},ln=t(3478),sn=Q.Z.span(m||(m=(0,q.Z)(["\n    color: ",";\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -1%;\n"])),nn.jV.neutral10),cn=Q.Z.button(b||(b=(0,q.Z)(["\n    width: 100%;\n    height: 48px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-top: 4px;\n    padding: 0 12px;\n    border: 1px solid ",";\n    border-radius: 4px;\n\n    background-color: ",";\n    cursor: pointer;\n"])),nn.jV.neutral4,nn.jV.white),dn=Q.Z.span(C||(C=(0,q.Z)(["\n    color: ",";\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: -1%;\n"])),nn.jV.neutral10),un=Q.Z.div(Z||(Z=(0,q.Z)(["\n    fill: ",";\n"])),nn.jV.neutral4),pn=Q.Z.div(j||(j=(0,q.Z)(["\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    background: ",";\n    opacity: 0.3;\n    z-index: 0;\n    border-radius: 5px;\n"])),nn.jV.dark),hn=Q.Z.div(y||(y=(0,q.Z)(["\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 25px;\n\n    padding: 12px;\n    box-shadow: 4px 4px 16px rgba(22, 22, 22, 0.1);\n    border-radius: 5px;\n\n    background-color: ",";\n    z-index: 100;\n"])),nn.jV.white),vn=Q.Z.div(w||(w=(0,q.Z)(["\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    width: 100%;\n    padding: 12px 0;\n    margin-bottom: 12px;\n"]))),gn=Q.Z.span(O||(O=(0,q.Z)(["\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 24px;\n    text-align: center;\n\n    color: ",";\n"])),nn.jV.neutral10),fn=Q.Z.div(S||(S=(0,q.Z)(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 48px;\n\n    cursor: pointer;\n"]))),xn=(0,Q.Z)(ln.r)(k||(k=(0,q.Z)(["\n    & > path {\n        fill: ",";\n    }\n"])),nn.jV.neutral6),mn=Q.Z.div(E||(E=(0,q.Z)(["\n    overflow-y: auto;\n    overflow-x: hidden;\n    overscroll-behavior: contain;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 1px;\n"]))),bn=n=>{var e=n.defaultValue,t=n.label,r=n.options,a=n.value,l=n.hideOverlay,s=void 0!==l&&l,c=n.optionModalRef,d=n.onOpenSelectingModal,u=n.onCloseSelectingModal,h=n.onSelectOption,v=(0,o.useState)(!1),g=(0,i.Z)(v,2),f=g[0],x=g[1],m=(0,o.useState)(null!==a&&void 0!==a?a:e),b=(0,i.Z)(m,2),C=b[0],Z=b[1],j=(0,p.Z)(),y=(0,i.Z)(j,2),w=y[0],O=y[1].height,S=()=>{x(!0),null===d||void 0===d||d()},k=()=>{x(!1),null===u||void 0===u||u()},E=(n,e)=>{Z(e),h(e),k()},P=(0,o.useMemo)((()=>r.find((n=>n.value===C))),[r,C]),D=(0,o.useMemo)((()=>(0,U.jsxs)(W,{component:(0,U.jsx)(hn,{ref:w}),isOpen:f,timeout:200,children:[(0,U.jsxs)(vn,{children:[(0,U.jsx)(gn,{children:t}),(0,U.jsx)(fn,{children:(0,U.jsx)(xn,{onClick:k})})]}),(0,U.jsx)(mn,{style:{height:O-48},children:r.map((n=>(0,U.jsx)(an,{active:n.value===C,label:n.label,value:n.value,onClick:E},n.value)))})]})),[C,E,k,O,f,t,r,w]);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(sn,{"data-testid":"option-".concat(t),children:t}),(0,U.jsxs)(cn,{role:"group","aria-label":t,onKeyDown:n=>{"Enter"!==n.key&&13!==n.keyCode||S()},onClick:S,children:[(0,U.jsx)(dn,{children:null===P||void 0===P?void 0:P.label}),(0,U.jsx)(un,{children:(0,U.jsx)(J.r,{})})]}),f&&!s&&(0,U.jsx)(pn,{}),null!==c&&void 0!==c&&c.current?(0,X.createPortal)(D,c.current):D]})},Cn=120,Zn=Q.Z.div(P||(P=(0,q.Z)(["\n    max-height: ",";\n    padding: 0 24px;\n\n    overflow-y: auto;\n    overflow-x: hidden;\n    overscroll-behavior: contain;\n"])),(n=>{var e=n.maxHeight;return"".concat(e||288,"px")})),jn=Q.Z.div(D||(D=(0,q.Z)(["\n    margin-bottom: 24px;\n"]))),yn=(0,o.forwardRef)((function(n,e){var t=n.options,r=n.values,a=n.maxHeight,l=n.optionModalRef,s=n.onChangeValue,c=Un(),d=c.onOpenOptionSelect,u=c.onCloseOptionSelect,p=(0,o.useMemo)((()=>[...t].sort(((n,e)=>n.position<e.position?-1:n.position>e.position?1:0))),[t]),h=(0,o.useCallback)((n=>{var e=n.values.map((n=>({label:n,value:n}))),t=Object.entries(r).find((e=>(0,i.Z)(e,1)[0]===n.id.toString()));return(0,U.jsx)(jn,{children:(0,U.jsx)(bn,{label:n.name,value:t?t[1]:void 0,defaultValue:n.values[0],options:e,hideOverlay:!0,optionModalRef:l,onSelectOption:e=>s(n.id,e),onOpenSelectingModal:d,onCloseSelectingModal:u})},n.id)}),[s,u,d,l,r]);return(0,U.jsx)(Zn,{ref:e,maxHeight:a,children:p.map(h)})})),wn=t(8570),On=Q.Z.div(T||(T=(0,q.Z)(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    padding: 0 24px;\n    box-shadow: ",";\n"])),(n=>{var e=n.isScrolled;return n.hasScroll?e?"none":"1px 1px 8px rgba(22, 22, 22, 0.1)":"none"})),Sn=Q.Z.div(M||(M=(0,q.Z)(["\n    display: flex;\n    flex-direction: row;\n\n    justify-content: space-between;\n    align-items: center;\n\n    margin-bottom: 12px;\n"]))),kn=Q.Z.span(R||(R=(0,q.Z)(["\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n\n    color: ",";\n"])),nn.jV.neutral10),En=Q.Z.span(L||(L=(0,q.Z)(["\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 24px;\n    color: ",";\n"])),nn.jV.neutral10),Pn=Q.Z.div(A||(A=(0,q.Z)([""]))),Dn=n=>{var e=n.addToCartText,t=n.totalText,r=n.totalPrice,i=n.isLoading,o=void 0!==i&&i,a=n.isFinished,l=void 0!==a&&a,s=n.isDisabled,c=void 0!==s&&s,d=n.isScrolled,u=void 0!==d&&d,p=n.hasScroll,h=void 0!==p&&p,v=n.onClick;return(0,U.jsxs)(On,{isScrolled:u,hasScroll:h,children:[(0,U.jsxs)(Sn,{children:[(0,U.jsx)(kn,{children:"".concat(t,":")}),(0,U.jsx)(En,{children:r})]}),(0,U.jsx)(Pn,{children:(0,U.jsx)(wn.Z,{isLoading:o,isFinished:l,isDisabled:c,size:"big",onClickCapture:v,children:e})})]})},Tn=Q.Z.div(V||(V=(0,q.Z)(["\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0 24px;\n\n    box-shadow: ","};\n"])),(n=>n.isScrolled?"1px 1px 8px rgba(22, 22, 22, 0.1)":"none")),Mn=Q.Z.span(B||(B=(0,q.Z)(["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    padding: 0 48px;\n\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 24px;\n    text-align: center;\n\n    color: ",";\n"])),nn.jV.neutral10),Rn=Q.Z.div(N||(N=(0,q.Z)(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 48px;\n\n    cursor: pointer;\n"]))),Ln=(0,Q.Z)(ln.r)(K||(K=(0,q.Z)(["\n    & > path {\n        fill: ",";\n    }\n"])),nn.jV.neutral6),An=n=>{var e=n.title,t=n.isScrolled,r=void 0!==t&&t,i=n.onClose;return(0,U.jsxs)(Tn,{isScrolled:r,children:[(0,U.jsx)(Mn,{children:e}),(0,U.jsx)(Rn,{children:(0,U.jsx)(Ln,{onClick:i})})]})},Vn=Q.Z.div(F||(F=(0,q.Z)(["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n\n    display: grid;\n    align-items: end;\n\n    border-radius: 5px;\n    overflow: hidden;\n\n    transition: all 0.3s ease-in-out;\n"]))),Bn=Q.Z.div(z||(z=(0,q.Z)(["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n\n    background-color: rgba(0, 0, 0, 0.5);\n"]))),Nn=(Q.Z.div(I||(I=(0,q.Z)(["\n    display: grid;\n    align-items: end;\n"]))),Q.Z.div(H||(H=(0,q.Z)(["\n    display: grid;\n    grid-template-rows: ",";\n\n    margin-top: ","px;\n    border-radius: 5px;\n\n    background-color: ",";\n    z-index: 1;\n"])),(n=>{n.isScrolled;return"".concat(72,"px auto ").concat(Cn,"px")}),32,nn.jV.white)),Kn=Q.Z.div(G||(G=(0,q.Z)(["\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    left: 16px;\n    bottom: 0;\n"]))),Fn=Q.Z.div(_||(_=(0,q.Z)(["\n    width: 100%;\n    height: 20px;\n\n    border-radius: 8px 8px 0 0;\n    background-color: ",";\n    box-shadow: 4px -4px 16px rgba(22, 22, 22, 0.1);\n"])),nn.jV.white),zn=["options","values","productTitle","totalPrice","error","isOpen","isSelectOptionOpen","onClickAddToCart","onClickClose","onChangeValue"],In=n=>{var e=n.options,t=n.values,l=n.productTitle,s=n.totalPrice,c=n.error,d=n.isOpen,h=void 0!==d&&d,g=n.isSelectOptionOpen,f=void 0!==g&&g,x=n.onClickAddToCart,m=n.onClickClose,b=n.onChangeValue,C=(0,u.Z)(n,zn),Z=(0,a.d)().appTexts,j=(0,o.useRef)(null),y=(0,o.useRef)(null),w=(0,p.Z)(),O=(0,i.Z)(w,2),S=O[0],k=O[1].height,E=v(j).y>5,P=Z("addToCartButtonLabel");C.isLoading&&(P=Z("addingToCartButtonLabel")),C.isFinished&&(P="".concat(Z("addedButtonLabel"),"!")),c&&(P=c);var D=k-32-72-Cn;return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(Vn,{ref:S,style:{top:h?0:"100%"},children:[(0,U.jsx)(Y.p,{isOpen:h,timeout:100,children:(0,U.jsx)(Bn,{})}),(0,U.jsx)(W,{isOpen:f,component:(0,U.jsx)(Kn,{}),timeout:200,children:(0,U.jsx)(Fn,{})}),(0,U.jsxs)(W,{isOpen:h,component:(0,U.jsx)(Nn,{isScrolled:E}),timeout:200,transitions:"height 200ms ease-in-out",children:[(0,U.jsx)(An,{isScrolled:E,title:l,onClose:m}),(0,U.jsx)(yn,{ref:j,optionModalRef:y,options:e,values:t,maxHeight:D,onChangeValue:b}),(0,U.jsx)(Dn,(0,r.Z)((0,r.Z)({},C),{},{isDisabled:!!c,isScrolled:E,hasScroll:k>D,addToCartText:P,totalText:Z("totalPriceLabel"),totalPrice:s,onClick:x}))]})]}),(0,U.jsx)("div",{ref:y,style:{position:"absolute",left:0,right:0,bottom:0,top:0,overflow:"hidden",display:h?"block":"none"}})]})};const Hn=(0,o.createContext)({onOpenModal:()=>null,onCloseModal:()=>null,onOpenOptionSelect:()=>null,onCloseOptionSelect:()=>null});var Gn=t(9159);class _n extends Error{constructor(n){super(n),this.name="ShopifyClientError"}}var $n=n=>{var e,t,u=n.children,p=n.onOpenModal,h=n.onAddToCart,v=(0,a.d)().appTexts,g=(0,o.useState)(!1),f=(0,i.Z)(g,2),x=f[0],m=f[1],b=(0,o.useState)(),C=(0,i.Z)(b,2),Z=C[0],j=C[1],y=(0,o.useState)(void 0),w=(0,i.Z)(y,2),O=w[0],S=w[1],k=(0,c.v)(d.Xp),E=(0,s.Z)(null===O||void 0===O?void 0:O.currency),P=(0,o.useState)({}),D=(0,i.Z)(P,2),T=D[0],M=D[1],R=(0,o.useState)(),L=(0,i.Z)(R,2),A=L[0],V=L[1],B=(0,l.t)(),N=B.isLoading,K=B.isSuccess,F=B.error,z=B.addToCartFn,I=B.resetState;(0,o.useEffect)((()=>{if(O){var n=k[null===O||void 0===O?void 0:O.id];if(n){var e=function(n,e){return Object.entries(n).reduce(((t,o)=>{var a=(0,i.Z)(o,2),l=a[0],s=a[1],c=null===e||void 0===e?void 0:e.options.find((n=>n.id===Number(l)));return c?(0,r.Z)((0,r.Z)({},t),{},{["option".concat(null===c||void 0===c?void 0:c.position)]:s}):(Gn.Z.addBreadcrumb({message:"shopper selection is not a valid option",data:{values:n,productDetails:e}}),{})}),{})}(T,n),t=function(n,e){if(0!==Object.keys(n).length)return e.variants.find((e=>Object.entries(n).every((n=>{var t=(0,i.Z)(n,2),r=t[0],o=t[1],a=e[r];return!!a&&a.toLowerCase()===o.toLowerCase()}))));Gn.Z.error(new _n("Variant not found for given options."),{},{additionalData:{productDetails:e,selectedOptions:n}})}(e,n);V(t)}}}),[O,k,T]);var H=(0,o.useMemo)((()=>{var n,e;return O&&null!==(n=null===(e=k[O.id])||void 0===e?void 0:e.options)&&void 0!==n?n:[]}),[k,O]),G=(0,o.useCallback)(((n,e)=>{I();var t=k[n.id];if(t){var i=t.options.reduce(((n,e)=>(0,r.Z)((0,r.Z)({},n),{},{[e.id]:e.values[0]})),{});M(i),S(n),e&&j(e),p&&p(n,e)}}),[p,k,I]),_=(0,o.useCallback)((()=>{S(void 0)}),[]),$=(0,o.useCallback)(((n,e)=>{var t=(0,r.Z)((0,r.Z)({},T),{},{[n]:e});M(t),F&&I()}),[F,I,T]),W=(0,o.useCallback)((()=>{m(!0)}),[]),Y=(0,o.useCallback)((()=>{m(!1)}),[]),X=(0,o.useCallback)((()=>{if(O&&A){var n=k[O.id],e=function(n,e){return{id:n.id,title:n.title,url:e.url,price:parseFloat(n.price),tracking_url:null===e||void 0===e?void 0:e.tracking_url,currency:null===e||void 0===e?void 0:e.currency,featured_image:e.featured_image,position:null===e||void 0===e?void 0:e.position}}(A,O);e&&(z(e,A,n),h&&h(e,Z))}}),[z,Z,O,A,h,k]),J=(0,o.useMemo)((()=>({onOpenModal:G,onCloseModal:_,onOpenOptionSelect:W,onCloseOptionSelect:Y})),[G,_,W,Y]);return(0,U.jsxs)(Hn.Provider,{value:J,children:[u,(0,U.jsx)(In,{options:H,values:T,productTitle:null!==(e=null===O||void 0===O?void 0:O.title)&&void 0!==e?e:"",totalPrice:E(A?A.price:null!==(t=null===O||void 0===O?void 0:O.price)&&void 0!==t?t:"0"),isOpen:O&&H.length>0,isSelectOptionOpen:x,isLoading:N,isFinished:K,error:A?F:v("genericErrorButtonLabel"),onClickAddToCart:X,onClickClose:_,onChangeValue:$})]})};function Un(){return(0,o.useContext)(Hn)}},8131:(n,e,t)=>{"use strict";t.d(e,{V:()=>o,m:()=>i});var r=/<figure[^<]*?><div[^<]*?data-video-src="([^"]+?)"[^<]*?><\/div><\/figure>/,i=n=>new RegExp(r).test(n),o=n=>{for(var e,t=(n=>{var e=new RegExp(r,"g"),t=new RegExp(/<div><br><\/div>/,"g");return n.replace(e,"").replace(t,"")})(n),i=[],o=new RegExp(r,"g");null!==(e=o.exec(n));)i.push(e[1]);return{cleanedHtml:t,urlSources:i}}},4085:(n,e,t)=>{"use strict";t.d(e,{k:()=>l});var r=t(7880),i=t.n(r),o=["ARS","AUD","BRL","CAD","CLP","CNY","COP","DKK","HKD","INR","ILS","JPY","KRW","MYR","MXN","NZD","NOK","PHP","SGD","ZAR","CHF","TWD","GBP","USD"],a=(n,e,t)=>{var r=i()(n),a=void 0!==r?r:n,l=e.toString();return(n=>Intl.NumberFormat.supportedLocalesOf([n]).includes(n))(t)&&(l=new Intl.NumberFormat(t,{useGrouping:!1,minimumFractionDigits:2,maximumFractionDigits:2}).format(e)),o.indexOf(n)>-1?"".concat(a," ").concat(l):"".concat(l," ").concat(a)},l=(n,e)=>t=>{var r="string"===typeof t?Number(t):t;if(isNaN(r))return"-";if(void 0===e)return new Intl.NumberFormat(n,{useGrouping:!1,minimumFractionDigits:2,maximumFractionDigits:2}).format(r);try{return new Intl.NumberFormat(n,{style:"currency",currency:e,currencyDisplay:"narrowSymbol",useGrouping:!1}).format(r)}catch(i){return a(e,r,n)}}},7880:(n,e,t)=>{var r=t(6265);n.exports=function(n){if("string"===typeof n){var e=n.toUpperCase();if(Object.prototype.hasOwnProperty.call(r,e))return r[e]}},n.exports.currencySymbolMap=r},6265:n=>{n.exports={AED:"\u062f.\u0625",AFN:"\u060b",ALL:"L",AMD:"\u058f",ANG:"\u0192",AOA:"Kz",ARS:"$",AUD:"$",AWG:"\u0192",AZN:"\u20bc",BAM:"KM",BBD:"$",BDT:"\u09f3",BGN:"\u043b\u0432",BHD:".\u062f.\u0628",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BOV:"BOV",BRL:"R$",BSD:"$",BTC:"\u20bf",BTN:"Nu.",BWP:"P",BYN:"Br",BYR:"Br",BZD:"BZ$",CAD:"$",CDF:"FC",CHE:"CHE",CHF:"CHF",CHW:"CHW",CLF:"CLF",CLP:"$",CNY:"\xa5",COP:"$",COU:"COU",CRC:"\u20a1",CUC:"$",CUP:"\u20b1",CVE:"$",CZK:"K\u010d",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"\u062f\u062c",EEK:"kr",EGP:"\xa3",ERN:"Nfk",ETB:"Br",ETH:"\u039e",EUR:"\u20ac",FJD:"$",FKP:"\xa3",GBP:"\xa3",GEL:"\u20be",GGP:"\xa3",GHC:"\u20b5",GHS:"GH\u20b5",GIP:"\xa3",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"\u20aa",IMP:"\xa3",INR:"\u20b9",IQD:"\u0639.\u062f",IRR:"\ufdfc",ISK:"kr",JEP:"\xa3",JMD:"J$",JOD:"JD",JPY:"\xa5",KES:"KSh",KGS:"\u043b\u0432",KHR:"\u17db",KMF:"CF",KPW:"\u20a9",KRW:"\u20a9",KWD:"KD",KYD:"$",KZT:"\u20b8",LAK:"\u20ad",LBP:"\xa3",LKR:"\u20a8",LRD:"$",LSL:"M",LTC:"\u0141",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"\u0434\u0435\u043d",MMK:"K",MNT:"\u20ae",MOP:"MOP$",MRO:"UM",MRU:"UM",MUR:"\u20a8",MVR:"Rf",MWK:"MK",MXN:"$",MXV:"MXV",MYR:"RM",MZN:"MT",NAD:"$",NGN:"\u20a6",NIO:"C$",NOK:"kr",NPR:"\u20a8",NZD:"$",OMR:"\ufdfc",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"\u20b1",PKR:"\u20a8",PLN:"z\u0142",PYG:"Gs",QAR:"\ufdfc",RMB:"\uffe5",RON:"lei",RSD:"\u0414\u0438\u043d.",RUB:"\u20bd",RWF:"R\u20a3",SAR:"\ufdfc",SBD:"$",SCR:"\u20a8",SDG:"\u062c.\u0633.",SEK:"kr",SGD:"S$",SHP:"\xa3",SLL:"Le",SOS:"S",SRD:"$",SSP:"\xa3",STD:"Db",STN:"Db",SVC:"$",SYP:"\xa3",SZL:"E",THB:"\u0e3f",TJS:"SM",TMT:"T",TND:"\u062f.\u062a",TOP:"T$",TRL:"\u20a4",TRY:"\u20ba",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"\u20b4",UGX:"USh",USD:"$",UYI:"UYI",UYU:"$U",UYW:"UYW",UZS:"\u043b\u0432",VEF:"Bs",VES:"Bs.S",VND:"\u20ab",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"\u0243",XCD:"$",XOF:"CFA",XPF:"\u20a3",XSU:"Sucre",XUA:"XUA",YER:"\ufdfc",ZAR:"R",ZMW:"ZK",ZWD:"Z$",ZWL:"$"}},4038:(n,e,t)=>{"use strict";t.d(e,{Z:()=>h});var r=t(1461),i=t(7896);var o=t(6981),a=t(969),l=t(2058);function s(n,e){var t=Object.create(null);return n&&a.Children.map(n,(function(n){return n})).forEach((function(n){t[n.key]=function(n){return e&&(0,a.isValidElement)(n)?e(n):n}(n)})),t}function c(n,e,t){return null!=t[e]?t[e]:n.props[e]}function d(n,e,t){var r=s(n.children),i=function(n,e){function t(t){return t in e?e[t]:n[t]}n=n||{},e=e||{};var r,i=Object.create(null),o=[];for(var a in n)a in e?o.length&&(i[a]=o,o=[]):o.push(a);var l={};for(var s in e){if(i[s])for(r=0;r<i[s].length;r++){var c=i[s][r];l[i[s][r]]=t(c)}l[s]=t(s)}for(r=0;r<o.length;r++)l[o[r]]=t(o[r]);return l}(e,r);return Object.keys(i).forEach((function(o){var l=i[o];if((0,a.isValidElement)(l)){var s=o in e,d=o in r,u=e[o],p=(0,a.isValidElement)(u)&&!u.props.in;!d||s&&!p?d||!s||p?d&&s&&(0,a.isValidElement)(u)&&(i[o]=(0,a.cloneElement)(l,{onExited:t.bind(null,l),in:u.props.in,exit:c(l,"exit",n),enter:c(l,"enter",n)})):i[o]=(0,a.cloneElement)(l,{in:!1}):i[o]=(0,a.cloneElement)(l,{onExited:t.bind(null,l),in:!0,exit:c(l,"exit",n),enter:c(l,"enter",n)})}})),i}var u=Object.values||function(n){return Object.keys(n).map((function(e){return n[e]}))},p=function(n){function e(e,t){var r,i=(r=n.call(this,e,t)||this).handleExited.bind(function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(r));return r.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},r}(0,o.Z)(e,n);var t=e.prototype;return t.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},t.componentWillUnmount=function(){this.mounted=!1},e.getDerivedStateFromProps=function(n,e){var t,r,i=e.children,o=e.handleExited;return{children:e.firstRender?(t=n,r=o,s(t.children,(function(n){return(0,a.cloneElement)(n,{onExited:r.bind(null,n),in:!0,appear:c(n,"appear",t),enter:c(n,"enter",t),exit:c(n,"exit",t)})}))):d(n,i,o),firstRender:!1}},t.handleExited=function(n,e){var t=s(this.props.children);n.key in t||(n.props.onExited&&n.props.onExited(e),this.mounted&&this.setState((function(e){var t=(0,i.Z)({},e.children);return delete t[n.key],{children:t}})))},t.render=function(){var n=this.props,e=n.component,t=n.childFactory,i=(0,r.Z)(n,["component","childFactory"]),o=this.state.contextValue,s=u(this.state.children).map(t);return delete i.appear,delete i.enter,delete i.exit,null===e?a.createElement(l.Z.Provider,{value:o},s):a.createElement(l.Z.Provider,{value:o},a.createElement(e,i,s))},e}(a.Component);p.propTypes={},p.defaultProps={component:"div",childFactory:function(n){return n}};const h=p},5886:(n,e,t)=>{"use strict";t.d(e,{Z:()=>l});var r=t(969);const i="undefined"!==typeof window?r.useLayoutEffect:r.useEffect;var o=t(6092),a={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};const l=o.C5&&window.ResizeObserver?function(){var n=(0,r.useState)(null),e=n[0],t=n[1],o=(0,r.useState)(a),l=o[0],s=o[1],c=(0,r.useMemo)((function(){return new window.ResizeObserver((function(n){if(n[0]){var e=n[0].contentRect,t=e.x,r=e.y,i=e.width,o=e.height,a=e.top,l=e.left,c=e.bottom,d=e.right;s({x:t,y:r,width:i,height:o,top:a,left:l,bottom:c,right:d})}}))}),[]);return i((function(){if(e)return c.observe(e),function(){c.disconnect()}}),[e]),[t,l]}:function(){return[function(){},a]}},1033:(n,e,t)=>{"use strict";t.d(e,{Z:()=>i});var r=t(969);function i(n){var e=(0,r.useRef)();return(0,r.useEffect)((function(){e.current=n})),e.current}}}]);
//# sourceMappingURL=915.3cfb1ce0a18ef479.js.map