@billgangcom/theme-lib 1.107.1 → 1.108.0

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./builder.cjs.js"),e=require("./index-mczEqgk1.cjs");exports.App=t.App;exports.Checkout=t.Checkout;exports.ColorVariables=t.ColorVariables;exports.hotReload=t.hotReload;exports.iconNames=t.iconNames;exports.removeNotification=t.removeNotification;exports.showNotification=t.showNotification;exports.useBalance=t.useBalance;exports.useBuilderPages=t.useBuilderPages;exports.useCreateTicket=t.useCreateTicket;exports.MarkdownText=e.MarkdownText;exports.ReCaptchaProvider=e.ReCaptchaProvider;exports.aspectRatioOptions=e.aspectRatioOptions;exports.formatPrice=e.formatPrice;exports.parseDraftJsText=e.parseDraftJsText;exports.splitTextIntoSpans=e.splitTextIntoSpans;exports.useAdaptiveStyles=e.useAdaptiveStyles;exports.useCart=e.useCart;exports.useGeneralInfo=e.useGeneralInfo;exports.useMarkdownIt=e.useMarkdownIt;exports.useReCaptcha=e.useReCaptcha;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./builder.cjs.js"),e=require("./index-DHZKC0cu.cjs");exports.App=t.App;exports.Checkout=t.Checkout;exports.ColorVariables=t.ColorVariables;exports.hotReload=t.hotReload;exports.iconNames=t.iconNames;exports.removeNotification=t.removeNotification;exports.showNotification=t.showNotification;exports.useBalance=t.useBalance;exports.useBuilderPages=t.useBuilderPages;exports.useCreateTicket=t.useCreateTicket;exports.MarkdownText=e.MarkdownText;exports.ReCaptchaProvider=e.ReCaptchaProvider;exports.aspectRatioOptions=e.aspectRatioOptions;exports.formatPrice=e.formatPrice;exports.parseDraftJsText=e.parseDraftJsText;exports.splitTextIntoSpans=e.splitTextIntoSpans;exports.useAdaptiveStyles=e.useAdaptiveStyles;exports.useCart=e.useCart;exports.useGeneralInfo=e.useGeneralInfo;exports.useMarkdownIt=e.useMarkdownIt;exports.useReCaptcha=e.useReCaptcha;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { App as s, Checkout as t, ColorVariables as o, hotReload as r, iconNames as i, removeNotification as p, showNotification as c, useBalance as n, useBuilderPages as u, useCreateTicket as f } from "./builder.es.js";
-import { M as d, R as C, a as h, f as m, p as x, s as R, d as k, b as T, c as v, e as w, u as I } from "./index-BJ2sBvmH.js";
+import { M as d, R as C, a as h, f as m, p as x, s as R, d as k, b as T, c as v, e as w, u as I } from "./index-BaHwFFyS.js";
 export {
   s as App,
   t as Checkout,

package/dist/pages/order/model.d.ts

@@ -75,6 +75,7 @@ export declare const enum DeliveryConfigurationType {
     Link = "LINK",
     Download = "DOWNLOAD",
     Discord = "DISCORD",
+    Telegram = "TELEGRAM",
     Custom = "CUSTOM"
 }
 export type BaseDeliveryItem = {

package/dist/storefront/models/order.d.ts

@@ -104,7 +104,7 @@ type BaseDeliveryConfiguration = {
     customName?: string;
 };
 export type ExternalDeliveryConfiguration = BaseDeliveryConfiguration & {
-    type: DeliveryConfigurationType.Ebook | DeliveryConfigurationType.Link | DeliveryConfigurationType.Download;
+    type: DeliveryConfigurationType.Ebook | DeliveryConfigurationType.Link | DeliveryConfigurationType.Download | DeliveryConfigurationType.Telegram;
     deliveryItems: [TextDeliveryItem];
 };
 export type InternalDeliveryConfiguration = BaseDeliveryConfiguration & ({
@@ -122,6 +122,7 @@ export declare const enum DeliveryConfigurationType {
     Link = "LINK",
     Download = "DOWNLOAD",
     Discord = "DISCORD",
+    Telegram = "TELEGRAM",
     Custom = "CUSTOM"
 }
 export type BaseDeliveryItem = {

package/dist/ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-mczEqgk1.cjs"),h=require("react");require("react-dom");const dt="_block_kh9z8_8",ut="_title_kh9z8_16",xt="_subtitle_kh9z8_23",mt="_alignmentContent_kh9z8_30",pt="_alignments_kh9z8_39",jt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",gt="_paddings_kh9z8_71",ft="_padding_kh9z8_71",yt="_active_kh9z8_97",z={block:dt,title:ut,subtitle:xt,alignmentContent:mt,alignments:pt,alignment:jt,circle:ht,paddings:gt,padding:ft,active:yt},_t=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Et=["left","top","right","bottom"],Rt=u=>{const{alignment:n,padding:r,setPadding:s,setAlignment:a,isAlignment:e=!0,isPadding:x=!0}=u;function d(l){switch(l){case"left":case"topLeft":case"bottomLeft":return"TextAlignLeft";case"right":case"topRight":case"bottomRight":return"TextAlignRight";case"center":case"top":case"bottom":return"TextAlignCenter";default:return"TextAlignCenter"}}function j(l){switch(l){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[f,k]=h.useState(null),[b,c]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:z.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:z.title,children:"Layout (for Desktop version)"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentContent,children:[e&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsx("div",{className:z.alignments,children:_t.map(l=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{a(l)},className:z.alignment,onMouseEnter:()=>{k(l)},onMouseLeave:()=>{k(null)},children:[l!==n&&f!==l&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),l!==n&&f===l&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(f),fill:"#c2c2c2",width:22,height:22}),l===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(n),fill:"#FF3F19",width:22,height:22})]},l))})]}),x&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Paddings"}),t.jsxRuntimeExports.jsx("div",{className:z.paddings,children:Et.map(l=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:b===l}),onFocus:()=>{c(l)},onBlur:()=>{c(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(l),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(r[l]),onChange:y=>s({...r,[l]:Math.min(Number(y),999)}),max:999,paddingless:!0,borderless:!0})]},l))})]})]})]})},bt="_title_82zux_1",vt="_subtitle_82zux_5",It="_productsBlock_82zux_14",St="_top_82zux_26",Nt="_products_82zux_14",Ct="_product_82zux_14",Pt="_button_82zux_80",kt="_disabled_82zux_91",Tt="_buttons_82zux_118",wt="_addButton_82zux_157",Bt="_deleteButton_82zux_179",F={title:bt,subtitle:vt,productsBlock:It,top:St,products:Nt,product:Ct,button:Pt,disabled:kt,buttons:Tt,addButton:wt,deleteButton:Bt};function Mt({id:u,children:n}){const{attributes:r,listeners:s,setNodeRef:a,transform:e,transition:x,isDragging:d}=t.useSortable({id:u}),j={transform:t.CSS.Transform.toString(e),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:a,style:j,className:`${F.product} ${d?F.dragging:""}`,...r,...s,children:n})}const $t=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,tags:x,title:d,subtitle:j,draggable:f=!1,withImage:k=!1,addable:b=!0,itemsOptions:c,hasRangeSelector:l=!1,rangeSelectorOptions:y,limit:g,autoScrollInterval:m,deletable:o,aspectRatio:_,setAspectRatio:S}=u,M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=i=>{const{active:E,over:N}=i;if(N&&E.id!==N.id){const $=s.findIndex(v=>v===E.id),w=s.findIndex(v=>v===N.id);if($!==-1&&w!==-1){const v=[...s],[Y]=v.splice($,1);v.splice(w,0,Y),a(v)}}};function V(i){if(k)return i?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const q=(i,E=!1)=>{const N=c.find(w=>w.id===i);if(!N)return;const $=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:w=>{const v=[...s],Y=c.find(p=>p.name===w);if(!Y)return;const R=Y.id,O=v.map(p=>p===i?R:p);a([...O])},value:N.name,options:c.filter(w=>!s.find(v=>v===w.id)).map(w=>w.name),leftAddonOptions:c.map(w=>({value:w.name,addon:V(w.images)}))}),E&&t.jsxRuntimeExports.jsx("div",{className:F.buttons,children:t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(w=>w!==i))})})})]});return f?t.jsxRuntimeExports.jsx(Mt,{id:i,children:$},t.v4()):t.jsxRuntimeExports.jsx("div",{className:F.product,children:$},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:i=>r==null?void 0:r(i)})]}),l&&y&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...y}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:j}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(i=>q(i,o))})}):s.map(i=>q(i,o)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(F.button,{[F.disabled]:!!(g&&g<=s.length||s.length===c.length)}),size:"s",disabled:!!(g&&g<=s.length||s.length===c.length),onClick:()=>{const i=[...s];let E=null;if(c){for(let N=0;N<c.length;N++)if(!s.find($=>$===c[N].id)){E=c[N];break}}i.push((E==null?void 0:E.id)||c[0].id),a(i)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:F.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),_&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:_,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:i=>S(i),leftAddonOptions:t.aspectRatioOptions}),x!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:x}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e}),m!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(m.scrollInterval),onChange:i=>m.setScrollInterval(Number(i)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Ot="_title_roi3a_1",At="_subtitle_roi3a_5",qt="_productsBlock_roi3a_14",Dt="_top_roi3a_26",Lt="_products_roi3a_14",Ut="_product_roi3a_14",Ht="_button_roi3a_80",zt="_disabled_roi3a_91",Ft="_buttons_roi3a_118",Vt="_addButton_roi3a_164",Yt="_deleteButton_roi3a_179",H={title:Ot,subtitle:At,productsBlock:qt,top:Dt,products:Lt,product:Ut,button:Ht,disabled:zt,buttons:Ft,addButton:Vt,deleteButton:Yt};function Gt({product:u,children:n}){const{attributes:r,listeners:s,setNodeRef:a,transform:e,transition:x,isDragging:d}=t.useSortable({id:u.id}),j={transform:t.CSS.Transform.toString(e),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:a,style:j,className:`${H.product} ${d?H.dragging:""}`,...r,...s,children:n})}const Wt=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,title:e,subtitle:x,editable:d=!0,draggable:j=!1,deletable:f=!0,addable:k=!0,itemsType:b,itemsOptions:c,addableOptions:l={},limit:y}=u,[g,m]=h.useState(null),[o,_]=h.useState(null),S=h.useRef(null),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(g){const i=[...s].map(E=>E.id===g.id?g:E);a(i)}},[g]),h.useEffect(()=>{S.current&&o&&(S.current.getBoundingClientRect().height,o.top)},[S.current,o]);const A=(i,E)=>{i.stopPropagation();const N=i.target.getBoundingClientRect();_({top:N.top+window.scrollY,left:N.left-30}),m(E)},V=i=>{const{active:E,over:N}=i;if(N&&E.id!==N.id){const $=s.findIndex(v=>v.id===E.id),w=s.findIndex(v=>v.id===N.id);if($!==-1&&w!==-1){const v=[...s],[Y]=v.splice($,1);v.splice(w,0,Y),a(v)}}},q=(i,E)=>{const N=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[j&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),b==="select"&&c&&t.jsxRuntimeExports.jsx(t.Select,{onChange:$=>{const w=[...s],v=c.find(R=>R.name===$);if(!v)return;const Y=w.map(R=>R.id===i.id?{...v,name:{"en-US":$}}:R);m({...i,name:{"en-US":$}}),a([...Y])},value:i.name,options:c.filter($=>!s.find(w=>w.name===$.name)).map($=>$.name)}),t.jsxRuntimeExports.jsxs("div",{className:H.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:$=>A($,i)})}),f&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter($=>$.id!==i.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Gt,{product:i,index:E,children:N},i.id):t.jsxRuntimeExports.jsx("div",{className:H.product,children:N},i.id)};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(e||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[e&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:e}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:i=>r==null?void 0:r(i)})]}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:x}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:V,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(i=>i.id),strategy:t.verticalListSortingStrategy,children:s.map((i,E)=>q(i,E))})}):s.map((i,E)=>q(i,E)),k&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(y&&y<=s.length||s.length===(c==null?void 0:c.length))}),size:"s",disabled:!!(y&&y<=s.length||s.length===(c==null?void 0:c.length)),onClick:()=>{const i=[...s];let E=null;if(c){for(let N=0;N<c.length;N++)if(!s.find($=>$.id===c[N].id)){E=c[N];break}}b==="select"&&c&&i.push({name:E?E.name:c[0].name,id:(E==null?void 0:E.id)||c[0].id,...l}),a(i)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:H.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function Xt(u){const{product:n,children:r}=u,{attributes:s,listeners:a,setNodeRef:e,transform:x,transition:d,isDragging:j}=t.useSortable({id:n.id}),f={transform:t.CSS.Transform.toString(x),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...a,children:r})}const Qt=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,title:x,subtitle:d,editable:j=!0,draggable:f=!1,deletable:k=!0,addable:b=!0,itemsType:c,itemsPlaceholder:l="",itemsOptions:y,hasRangeSelector:g=!1,rangeSelectorOptions:m,modalOptions:o,addableOptions:_={},limit:S}=u,[M,A]=h.useState(null),[V,q]=h.useState({top:0,left:0}),[i,E]=h.useState(null),N=h.useRef(null),[$,w]=h.useState(!1),v=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const p=()=>{A(null),w(!1)};return document.body.addEventListener("click",p),A(null),w(!1),()=>{A(null),w(!1),document.body.removeEventListener("click",p)}},[]),h.useEffect(()=>{if(M){const p=[...s].map(I=>I.id===M.id?M:I);a(p)}},[M]),h.useEffect(()=>{if(N.current&&i){const p=N.current.getBoundingClientRect().height,I=window.innerHeight;let T=i.top;T+p>I+window.scrollY-200&&(T=I+window.scrollY-p-200),T<0&&(T=10),q({top:T,left:i.left})}},[N.current,i]);const Y=(p,I)=>{p.stopPropagation();const T=p.target.getBoundingClientRect();E({top:T.top+window.scrollY,left:T.left-30}),A(I),w(!0)},R=p=>{const{active:I,over:T}=p;if(T&&I.id!==T.id){const P=s.findIndex(L=>L.id===I.id),G=s.findIndex(L=>L.id===T.id);if(P!==-1&&G!==-1){const L=[...s],[U]=L.splice(P,1);L.splice(G,0,U),a(L)}}},O=p=>{var T;const I=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),c==="select"&&y&&t.jsxRuntimeExports.jsx(t.Select,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);A({...p,name:{"en-US":P}}),a([...L])},value:p.name["en-US"],options:y.filter(P=>!s.find(G=>G.name["en-US"]===P))}),c==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);a([...L])},value:p.name["en-US"],placeholder:l}),c==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,images:P}:U);a([...L])},activeImage:(T=s.find(P=>P.id===p.id))==null?void 0:T.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:P=>Y(P,p)})}),k&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(P=>P.id!==p.id))})})]})]});return f?t.jsxRuntimeExports.jsx(Xt,{product:p,children:I},p.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:I},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>r==null?void 0:r(p)})]}),M&&j&&o&&$&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:M,setActiveItem:A,popupPosition:V,modalOptions:o,setIsOpenModal:w}),g&&m&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...m}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:v,onDragEnd:R,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map(p=>O(p))})}):s.map(p=>O(p)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(S&&S<=s.length)}),size:"s",disabled:!!(S&&S<=s.length),onClick:()=>{const p=[...s];let I=null;if(y){for(let T=0;T<y.length;T++)if(!s.find(P=>P.name["en-US"]===y[T])){I=y[T];break}}c==="select"&&y?p.push({name:{"en-US":I||y[0]},id:t.v4(),..._,maxSymbols:100}):c==="input"?p.push({name:{"en-US":""},id:t.v4(),..._,maxSymbols:100}):p.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),..._,maxSymbols:100}),a(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},Jt="_subtitle_jql1y_1",Kt="_products_jql1y_10",Zt="_product_jql1y_10",te="_button_jql1y_11",ee="_buttons_jql1y_11",se="_addButton_jql1y_150",ne="_deleteButton_jql1y_165",X={subtitle:Jt,products:Kt,product:Zt,button:te,buttons:ee,addButton:se,deleteButton:ne},nt=u=>{const{buttons:n,setButtons:r,deletable:s=!0,addable:a=!0,editableLink:e=!0}=u,{pages:x}=t.usePagesStore(),[d,j]=h.useState(null),[f,k]=h.useState({top:0,left:0}),[b,c]=h.useState(null),l=h.useRef(null);h.useEffect(()=>{if(d){const m=[...n].map(o=>o.id===d.id?d:o);r(m)}},[d]),h.useEffect(()=>{if(l.current&&b){const m=l.current.getBoundingClientRect().height,o=window.innerHeight;let _=b.top;_+m>o+window.scrollY-200&&(_=o+window.scrollY-m-200),_<0&&(_=10),k({top:_,left:b.left})}},[l.current,b]);const y=(m,o)=>{m.stopPropagation();const _=m.target.getBoundingClientRect();c({top:_.top+window.scrollY-70,left:_.left-(a?30:65)}),j(o)},g=(m,o)=>{const _=[...n],S={...m,id:Math.random().toString(36).substr(2,9)};_.splice(o+1,0,S),r(_)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),n.map((m,o)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:_=>{const M=[...n].map(A=>A.id===m.id?{...m,type:_}:A);r(M)},value:m.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{g(m,o)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:_=>{y(_,m)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const _=n.filter(S=>S.id!==m.id);r(_)},width:20,height:20,fill:"#C12A2A"})})]})]},m.id)),d&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:l,activeButton:d,setActiveButton:j,popupPosition:f,editableLink:e}),a&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:X.button,size:"s",onClick:()=>{const m=[...n];e?m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:x?Object.values(x)[0].path:"/",openInNewTab:!1}):m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:x?Object.values(x)[0].path:"/",openInNewTab:!1}),r(m)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:X.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},ie=u=>{const{isActiveButtons:n,setIsActiveButtons:r,buttons:s,setButtons:a,editableLink:e=!0,addable:x=!0,deletable:d=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:j=>r(j)})]}),n&&t.jsxRuntimeExports.jsx(nt,{buttons:s,setButtons:a,editableLink:e,addable:x,deletable:d})]})})};function oe(u){const{product:n,children:r}=u,{attributes:s,listeners:a,setNodeRef:e,transform:x,transition:d,isDragging:j}=t.useSortable({id:String(n.listingId)}),f={transform:t.CSS.Transform.toString(x),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...a,children:r})}const re=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,title:x,subtitle:d,editable:j=!0,draggable:f=!1,withImage:k=!1,deletable:b=!0,addable:c=!0,itemsType:l,itemsOptions:y,limit:g,aspectRatio:m,setAspectRatio:o}=u,[_,S]=h.useState(null),[M,A]=h.useState({top:0,left:0}),[V,q]=h.useState(!1),i=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const R=()=>{S(null),q(!1)};return document.body.addEventListener("click",R),S(null),q(!1),()=>{S(null),q(!1),document.body.removeEventListener("click",R)}},[]),h.useEffect(()=>{if(_){const R=[...s].map(O=>O.listingId===_.listingId?_:O);a(R)}},[_]);const E=(R,O)=>{R.stopPropagation();const p=R.target.getBoundingClientRect(),I=100,T=window.innerHeight;let P=p.top+window.scrollY;P+I>T&&(P=T-I-20),q(!0),A({top:P-80,left:p.left-30}),S(O)};function N(R){if(k)return R?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${R}/w=50`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const $=R=>{const{active:O,over:p}=R;if(p&&O.id!==p.id){const I=s.findIndex(P=>String(P.listingId)===O.id),T=s.findIndex(P=>String(P.listingId)===p.id);if(I!==-1&&T!==-1){const P=[...s],[G]=P.splice(I,1);P.splice(T,0,G),a(P)}}},w=()=>{q(!1),S(null)},v=R=>{const O=y.find(I=>R.listingId===I.id);if(!O)return null;const p=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),l==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const T=[...s],P=y.find(U=>U.productData.name===I);if(!P)return;const G={listingId:P.id,image:P.productData.images.length>0?P.productData.images[0].cfId:""},L=T.map(U=>U.listingId===R.listingId?G:U);S(G),a([...L])},value:O.productData.name,options:[...y.filter(I=>!s.find(T=>T.listingId===I.id)).map(I=>I.productData.name)],leftAddonOptions:y.map(I=>{var T;return{value:I.productData.name,addon:N(((T=I.productData.images[0])==null?void 0:T.cfId)||"")}})}),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:I=>E(I,R)})}),b&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(I=>I!==R))})})]})]});return f?t.jsxRuntimeExports.jsx(oe,{product:R,children:p},R.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:p},R.listingId)},Y=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:R=>r==null?void 0:r(R)})]}),V&&_&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:Y,activeItem:_,setActiveItem:S,setIsOpenModal:q,popupPosition:M,itemsOptions:y}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:i,onDragEnd:$,onDragStart:w,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(R=>String(R.listingId)),strategy:t.verticalListSortingStrategy,children:s.map(R=>v(R))})}):s.map(R=>v(R)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const R=[...s];for(let O=0;O<y.length;O++)if(!s.find(p=>p.listingId===y[O].id)){R.push({listingId:y[O].id,image:y[O].productData.images.length>0?y[O].productData.images[0].cfId:""});break}a(R)},disabled:s.length===(g||y.length),style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),m&&o&&t.jsxRuntimeExports.jsx(t.Select,{value:m,options:Object.keys(t.aspectRatio),onChange:R=>o(R),leftAddonOptions:t.aspectRatioOptions}),n&&e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},ae="_options_s4lx3_1",ce="_price_s4lx3_18",le="_oldPrice_s4lx3_25",de="_newPrice_s4lx3_34",ue="_animate_s4lx3_42",xe="_meta_s4lx3_60",me="_info_s4lx3_66",pe="_infoRight_s4lx3_75",je="_buttons_s4lx3_82",he="_variants_s4lx3_89",ge="_variant_s4lx3_89",fe="_stock_s4lx3_107",ye="_variantInfo_s4lx3_115",_e="_quantity_s4lx3_122",Ee="_button_s4lx3_82",Re="_activeVariant_s4lx3_168",be="_chargeTypes_s4lx3_172",ve="_charge_s4lx3_172",Ie="_chargeActive_s4lx3_197",Se="_title_s4lx3_205",B={options:ae,price:ce,oldPrice:le,newPrice:de,animate:ue,meta:xe,info:me,infoRight:pe,buttons:je,variants:he,variant:ge,stock:fe,variantInfo:ye,quantity:_e,button:Ee,activeVariant:Re,chargeTypes:be,charge:ve,chargeActive:Ie,title:Se};var Z=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(Z||{});const it=u=>{var V,q;const{product:n,setIsOpen:r,isCartEnabled:s=!0}=u,{variants:a}=n,[e,x]=h.useState(a[0]),[d,j]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:f,setNotifications:k}=t.useNotificationStore(),b=t.useNavigate(),[c,l]=h.useState(1),{cart:y,reset:g,addProductToCart:m}=t.useCart(),[o,_]=h.useState(!1);h.useEffect(()=>{_(!0);const i=setTimeout(()=>_(!1),600);return()=>clearTimeout(i)},[c]);async function S(){try{m({productId:n.id,productVariantId:e.id,chargeType:d,quantity:c}),k([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(i){const E=i;k([...f,{id:t.v4(),message:`Product failed to add to cart: ${E.message}`,status:"error"}])}r==null||r(!1)}function M(){g(),S(),b("/checkout")}function A(i){if(i>=864e5){const v=Math.floor(i/864e5);return`${v} ${v===1?"day":"days"}`}else if(i>=36e5){const v=Math.floor(i/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(i>=6e4){const v=Math.floor(i/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(i/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?l(0):l(1)},[e.quantity.available]),h.useEffect(()=>{e.chargeTypes&&j(e.chargeTypes.includes(d)?d:e.chargeTypes[0])},[e.chargeTypes]),t.jsxRuntimeExports.jsxs("div",{className:B.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:B.chargeTypes,children:e.chargeTypes.map(i=>t.jsxRuntimeExports.jsx("div",{className:t.clx(B.charge,{[B.chargeActive]:d===i}),onClick:()=>j(i),children:Z[i]},i))}),t.jsxRuntimeExports.jsx("div",{className:B.variants,children:a.filter(i=>{var E;return(E=i.chargeTypes)==null?void 0:E.includes(d)}).map(i=>{var E,N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(B.variant,{[B.activeVariant]:e.id===i.id}),onClick:()=>{x(i),l(1)},children:[t.jsxRuntimeExports.jsxs("div",{className:B.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:B.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(i.name)}}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:[t.formatPrice({amount:d==="ONE_TIME"?i.price.amount:i.subscriptionSettings?i.subscriptionSettings.price.amount:0,currency:d==="ONE_TIME"?i.price.currency:i.subscriptionSettings?i.subscriptionSettings.price.currency:"USD"})," ",d==="RECURRING"&&i.subscriptionSettings&&` / ${t.normalizeInterval(i.subscriptionSettings.recurringIntervalDays||0)}`]})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:B.stock,id:"md",children:[(E=i.quantity.restrictions)!=null&&E.max||i.quantity.available!==void 0?((N=i.quantity.restrictions)==null?void 0:N.max)||i.quantity.available:"∞"," ","in stock"]})})]},i.id)})}),d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:B.quantity,id:"md",children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{c>1?l(i=>i-1):l(1)},className:B.button,disabled:e.quantity.available&&e.quantity.restrictions&&c<=e.quantity.restrictions.min||e.quantity.available===0,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(c),onChange:i=>{e.quantity.available&&Number(i)>e.quantity.available?l(e.quantity.available):l(Number(i))},max:((V=e.quantity.restrictions)==null?void 0:V.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((q=e.quantity.restrictions)==null?void 0:q.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&c>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{l(i=>i+1)},className:B.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&c>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&c>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:B.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:B.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{id:"md",children:!e.deliveryTime||e.deliveryTime===0?"Instant":A(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:B.infoRight,children:d==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),children:t.formatPrice({amount:e.price.amount*c,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.compareAtPrice.amount*c,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.price.amount*c,currency:e.price.currency})}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*c,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*c,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*c,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>M(),disabled:e.quantity&&e.quantity.available===0||c===0,children:d==="ONE_TIME"?"Buy Now":"Subscribe Now"}),d==="ONE_TIME"&&s&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0||c===0,children:y.parts.some(i=>i.productId===n.id&&i.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Ne="_buttons_1uy6y_23",Ce="_modal_1uy6y_32",Pe="_closing_1uy6y_65",ke="_info_1uy6y_114",Te="_top_1uy6y_121",we="_title_1uy6y_132",Be="_clear_1uy6y_139",Me="_activeClear_1uy6y_146",$e="_count_1uy6y_150",Oe="_cart_1uy6y_165",Ae="_empty_1uy6y_173",qe="_product_1uy6y_199",De="_products_1uy6y_208",Le="_image_1uy6y_216",Ue="_productInfo_1uy6y_233",He="_content_1uy6y_240",ze="_name_1uy6y_246",Fe="_price_1uy6y_252",Ve="_productButtons_1uy6y_258",Ye="_productButton_1uy6y_258",Ge="_productCount_1uy6y_275",We="_bottom_1uy6y_292",Xe="_subtotal_1uy6y_300",Qe="_block_1uy6y_308",Je="_shoppingCount_1uy6y_315",Ke="_total_1uy6y_335",Ze="_link_1uy6y_341",ts="_userInfo_1uy6y_348",es="_pagesMobileModal_1uy6y_360",ss="_pagesMobileModalContent_1uy6y_374",ns="_pagesMobileModalHeader_1uy6y_380",is="_pagesMobileModalFooter_1uy6y_390",os="_pageLink_1uy6y_397",rs="_rightButtons_1uy6y_406",C={buttons:Ne,modal:Ce,closing:Pe,info:ke,top:Te,title:we,clear:Be,activeClear:Me,count:$e,cart:Oe,empty:Ae,product:qe,products:De,image:Le,productInfo:Ue,content:He,name:ze,price:Fe,productButtons:Ve,productButton:Ye,productCount:Ge,bottom:We,subtotal:Xe,block:Qe,shoppingCount:Je,total:Ke,link:Ze,userInfo:ts,pagesMobileModal:es,pagesMobileModalContent:ss,pagesMobileModalHeader:ns,pagesMobileModalFooter:is,pageLink:os,rightButtons:rs,delete:"_delete_1uy6y_413"},as=u=>{const{shopping:n,signUp:r,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:(n||s)&&t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[n&&t.jsxRuntimeExports.jsx(ot,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:r})]})})},ot=()=>{const[u,n]=h.useState(!1),[r,s]=h.useState([]),[a,e]=h.useState(!1),{cart:x,products:d}=t.useCart();h.useEffect(()=>{(async()=>{const c=x.parts.map(g=>String(g.productId)),l=d.filter(g=>c.includes(String(g.id)))||[],y=x.parts.map(g=>{const m=l.find(o=>o.id===g.productId);return m?{...m,activeVariantId:g.productVariantId,quantity:g.quantity,chargeType:g.chargeType}:null}).filter(Boolean);s(y)})()},[x.parts,d]);function j(b){return!b||!(b!=null&&b.variants)?!1:b.chargeType==="RECURRING"}const f=x.parts.length>0&&r.length>0&&!j(r[0]);function k(){e(!1),setTimeout(()=>{n(!1)},300)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:b=>{b.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),e(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),f&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:x.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:k,withAnimation:!1,children:t.jsxRuntimeExports.jsx(rt,{activeProducts:r,isCartNotEmpty:f,isOpen:a,close:k})})]})},rt=u=>{var g,m;const{activeProducts:n,isCartNotEmpty:r,isOpen:s,close:a}=u,{cart:e,reset:x,getTotalAndDiscount:d,updateQuantityOfProduct:j,removeProduct:f}=t.useCart(),k=t.useNavigate();function b(o,_){k(o,{replace:_})}function c(o){o.quantity&&j({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity+1,chargeType:o.chargeType})}function l(o){o.quantity&&j({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity-1,chargeType:o.chargeType})}function y(o){f({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity||1,chargeType:o.chargeType})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:o=>o.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.top,children:[t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{className:C.title,id:"h4",children:"Cart"}),r&&t.jsxRuntimeExports.jsx("div",{className:C.count,id:"md",children:e.parts.length})]}),t.jsxRuntimeExports.jsxs("div",{className:C.rightButtons,children:[r&&t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:r}),disabled:!r,onClick:x,id:"md",children:"Clear all"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",onClick:a,hoverable:!0,width:24,height:24,fill:"var(--text-primary)"})]})]}),r?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:n.map(o=>{var _,S;return t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[o.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:C.image}):t.jsxRuntimeExports.jsx("div",{className:C.image,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsxs("div",{className:C.content,children:[t.jsxRuntimeExports.jsx("div",{className:C.name,dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(((_=o.variants.find(M=>M.id===o.activeVariantId))==null?void 0:_.name)||o.name)}}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:o.variants.find(M=>M.id===o.activeVariantId).price.amount*((o==null?void 0:o.quantity)||1),currency:o.variants.find(M=>M.id===o.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o.quantity!==1&&l(o)},className:C.productButton,disabled:o.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("input",{className:C.productCount,type:"number",value:((S=o.quantity)==null?void 0:S.toString())||"",onChange:M=>{const A=Math.min(Number(M.target.value),o.variants.find(V=>V.id===o.activeVariantId).quantity.available||1/0);A<1||j({productId:o.id,productVariantId:o.activeVariantId,quantity:A,chargeType:o.chargeType})},min:1,max:o.variants.find(M=>M.id===o.activeVariantId).quantity.available||1/0}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>c(o),className:C.productButton,disabled:o.quantity===o.variants.find(M=>M.id===o.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.delete,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",fill:"var(--text-action)",width:20,height:20,onClick:()=>y(o),hoverable:!0})})]})]},o.id)})}),t.jsxRuntimeExports.jsxs("div",{className:C.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:C.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:C.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsx("div",{className:C.total,children:t.formatPrice({amount:d().total,currency:e.parts.length>0&&((m=(g=n.find(o=>o.id===e.parts[0].productId))==null?void 0:g.variants.find(o=>o.id===e.parts[0].productVariantId))==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>b("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(at,{})]})},at=()=>t.jsxRuntimeExports.jsxs("div",{className:C.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsx("span",{id:"h5",children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,id:"md",children:"view products"})]})]}),tt=({signUp:u,close:n})=>{const{token:r}=t.useStorefrontStore(),s=t.useNavigate(),[a,e]=h.useState("test-email@gmail.com");h.useEffect(()=>{r&&(async()=>{if(!r)return;const j=t.jwtDecode(r);e(j.email)})()},[r]);function x(d){window.location.pathname.includes("/admin/builder")||s(d)}return r?t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",className:C.userInfo,onClick:()=>{x("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:a||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},ct=({logo:u,setIsOpen:n,signUp:r,pages:s})=>{const{setIsOpen:a}=t.useModalStore(),e=()=>{a(!1),setTimeout(()=>{n(!1),a(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:x=>x.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:u}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:e,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:s.length>0&&s.map(x=>t.jsxRuntimeExports.jsx("div",{className:C.pageLink,onClick:e,children:t.jsxRuntimeExports.jsx(et,{path:x.path,children:x.name["en-US"]},x.id)}))}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:r,close:e})})]})},cs=({logo:u,signUp:n,pages:r})=>{const[s,a]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(lt,{setIsOpenModal:a}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>a(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(ct,{logo:u,setIsOpen:a,signUp:n,pages:r})})]})},lt=u=>{const{setIsOpenModal:n}=u;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:r=>{r.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},ls="_share_onabp_1",ds="_modal_onabp_8",us="_header_onabp_20",xs="_title_onabp_46",ms="_copyWrapper_onabp_53",ps="_copyText_onabp_62",js="_copyTextMobile_onabp_75",hs="_copyTextMiniMobile_onabp_94",Q={share:ls,modal:ds,header:us,title:xs,copyWrapper:ms,copyText:ps,copyTextMobile:js,copyTextMiniMobile:hs},gs=({title:u="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:r}=t.useShareLinkStore();function s(){r(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:a=>{a.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:r,children:t.jsxRuntimeExports.jsx(fs,{title:u})})]})},fs=({title:u="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notifications:r,setNotifications:s}=t.useNotificationStore(),{setIsOpen:a}=t.useModalStore(),e=window.location.href;function x(){navigator.clipboard.writeText(e),s([...r,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function d(){a(!1),setTimeout(()=>{n(!1),a(!0)},300)}function j(f,k){return f.length>k?f.slice(0,k)+"...":f}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:f=>f.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,id:"h4",children:u}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:d,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:x,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,id:"md",children:j(e,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,id:"md",children:j(e,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,id:"md",children:j(e,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:x,children:r.find(f=>f.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},ys="_accordion_153d4_1",_s="_header_153d4_12",Es="_icon_153d4_21",Rs="_open_153d4_24",bs="_content_153d4_28",vs="_contentOpen_153d4_36",Is="_contentText_153d4_40",J={accordion:ys,header:_s,icon:Es,open:Rs,content:bs,contentOpen:vs,contentText:Is},Ss=({title:u,content:n,defaultOpen:r=!1})=>{const[s,a]=h.useState(r),[e,x]=h.useState(0),d=h.useRef(null),j=()=>{a(!s)};return h.useEffect(()=>{d.current&&x(s?d.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:J.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,onClick:j,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.content,{[J.contentOpen]:s}),children:t.jsxRuntimeExports.jsx("p",{id:"md",className:J.contentText,ref:d,style:{height:`${e}px`,marginTop:`${e>0?"20px":"0px"}`},children:n})})]})},et=({children:u,path:n,className:r,target:s="_self",id:a})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:r,role:"link",style:{cursor:"pointer"},id:a,children:u});const e=t.useNavigate(),x=/^https?:\/\//.test(n),d=j=>{x||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.open(n,"_self"):(j.preventDefault(),e(n,{replace:!1}))};return t.jsxRuntimeExports.jsx("div",{onClick:d,className:r,role:"link",style:{cursor:"pointer"},id:a,children:u})},Ns="_buttonsBlock_1x6xf_1",Cs="_cartDisabled_1x6xf_25",st={buttonsBlock:Ns,cartDisabled:Cs},Ps=u=>{var k,b;const{setIsOpen:n,setModalType:r,productId:s,isCartEnabled:a=!0}=u,{cart:e}=t.useCart(),{pageContext:x}=t.usePagesStore(),d=(k=x==null?void 0:x.listings)==null?void 0:k.find(c=>c.id===s);if(!d)return null;const j=(b=x==null?void 0:x.products)==null?void 0:b.find(c=>c.uniquePath===d.productData.uniquePath);if(!j)return null;const f=e.parts.find(c=>c.productId===j.id);return t.jsxRuntimeExports.jsxs("div",{className:t.clx(st.buttonsBlock,{[st.cartDisabled]:!a}),onClick:c=>c.stopPropagation(),children:[a&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{r("Add To Cart"),n(!0)},children:f?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{r("Buy Now"),n(!0)},style:{width:"100%"},children:"Buy"})]})},ks="_wrapper_27wzz_1",Ts="_logo_27wzz_8",ws="_info_27wzz_12",K={wrapper:ks,logo:Ts,info:ws},Bs=({date:u})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function r(s){const a=new Date(s),e={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return a.toLocaleDateString("en-US",e)}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:K.logo,children:n.info.logo?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,alt:"image",style:{objectFit:"contain",width:"48px",height:"48px"}}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:48,height:48})}),t.jsxRuntimeExports.jsxs("div",{className:K.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:n.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:r(u)})]})]})},Ms="_variants_18tbu_82",$s="_variant_18tbu_82",Os="_stock_18tbu_100",As="_variantInfo_18tbu_108",qs="_title_18tbu_202",Ds="_modal_18tbu_208",Ls="_header_18tbu_228",Us="_productOptions_18tbu_236",Hs="_loading_18tbu_244",W={variants:Ms,variant:$s,stock:Os,variantInfo:As,title:qs,modal:Ds,header:Ls,productOptions:Us,loading:Hs},zs=u=>{var c;const{pageContext:n}=t.usePagesStore(),r=(c=n==null?void 0:n.listings)==null?void 0:c.find(l=>l.id===u.productId),[s,a]=h.useState(!0),[e,x]=h.useState(null),d=(e==null?void 0:e.variants[0])||null,[j,f]=h.useState("ONE_TIME"),{addProducts:k}=t.useCart(),{setIsOpen:b}=t.useModalStore();return h.useEffect(()=>{(async()=>{a(!0);const y=await t.getDynamicPage(encodeURIComponent(`/product/${r.productData.uniquePath}`));k(y==null?void 0:y.data.products),x(y==null?void 0:y.data.products[0]),a(!1)})()},[]),h.useEffect(()=>{b(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:u.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:W.modal,onClick:l=>l.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:W.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),u.type==="Add To Cart"&&u.isCartEnabled&&e&&d&&!s&&t.jsxRuntimeExports.jsx(Fs,{variants:e.variants,activeVariant:d,activeChargeType:j,setActiveChargeType:f,productId:e.id,setIsOpen:u.setIsOpen}),u.type==="Buy Now"&&e&&!s&&t.jsxRuntimeExports.jsx(Vs,{product:e,setIsOpen:u.setIsOpen,isCartEnabled:u.isCartEnabled})]})})},Fs=u=>{const{variants:n,activeChargeType:r,productId:s,setIsOpen:a}=u,{cart:e,addProductToCart:x,addProducts:d,updateQuantityOfProduct:j}=t.useCart(),{notifications:f,setNotifications:k}=t.useNotificationStore(),{pageContext:b}=t.usePagesStore(),{setIsOpen:c}=t.useModalStore(),l=()=>{c(!1),setTimeout(()=>{a(!1)},300)};async function y(g){const m=n.find(S=>S.id===g),o=e.parts.find(S=>S.productId===u.productId&&S.productVariantId===g);if((m==null?void 0:m.quantity.available)&&(m==null?void 0:m.quantity.restrictions)&&((o==null?void 0:o.quantity)||0)+1>(m==null?void 0:m.quantity.restrictions.max)||(m==null?void 0:m.quantity.available)===0||(m==null?void 0:m.quantity.available)&&((o==null?void 0:o.quantity)||0)+1>(m==null?void 0:m.quantity.available)){k([...f,{id:t.v4(),message:"Product is out of stock",status:"error"}]);return}if(o)j({productId:s,productVariantId:g,quantity:o.quantity+1,chargeType:r});else{b!=null&&b.products&&d(b.products);try{x({productId:s,productVariantId:g,quantity:1,chargeType:r}),k([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){const M=S;k([...f,{id:t.v4(),message:`Product failed to add to cart: ${M.message}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",children:"Choose a Variant"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:l})]}),t.jsxRuntimeExports.jsx("div",{className:W.variants,children:n.filter(g=>{var m;return(m=g.chargeTypes)==null?void 0:m.includes(r)}).map(g=>{var m,o,_;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.variant),onClick:()=>{y(g.id),a(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:W.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:W.title,id:"h4",children:g.name}),t.jsxRuntimeExports.jsx("span",{id:"md",children:t.formatPrice({amount:r==="ONE_TIME"?g.price.amount:g.subscriptionSettings?g.subscriptionSettings.price.amount:0,currency:r==="ONE_TIME"?g.price.currency:((m=g.subscriptionSettings)==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:r==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:W.stock,id:"md",children:[(o=g.quantity.restrictions)!=null&&o.max||g.quantity.available!==void 0?((_=g.quantity.restrictions)==null?void 0:_.max)||g.quantity.available:"∞"," ","in stock"]})})]},g.id)})})]})},Vs=u=>{const{product:n,setIsOpen:r,isCartEnabled:s}=u,{setIsOpen:a}=t.useModalStore(),e=()=>{a(!1),setTimeout(()=>{r(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",className:W.title,dangerouslySetInnerHTML:{__html:`Buy ${t.splitTextIntoSpans(n.name)}`}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:e,style:{minWidth:24,minHeight:24}})]}),t.jsxRuntimeExports.jsx("div",{className:W.productOptions,children:t.jsxRuntimeExports.jsx(it,{product:n,setIsOpen:r,isCartEnabled:s})})]})},Ys="_contentModal_m2tf9_1",Gs="_modalTop_m2tf9_12",Ws="_loading_m2tf9_19",Xs="_modalCards_m2tf9_28",Qs="_modalImage_m2tf9_34",Js="_card_m2tf9_39",Ks="_cardInfo_m2tf9_51",Zs="_cardButtons_m2tf9_58",tn="_title_m2tf9_64",en="_blockImage_m2tf9_71",sn="_short_m2tf9_80",nn="_price_m2tf9_84",on="_oldPrice_m2tf9_91",rn="_newPrice_m2tf9_100",D={contentModal:Ys,modalTop:Gs,loading:Ws,modalCards:Xs,modalImage:Qs,card:Js,cardInfo:Ks,cardButtons:Zs,title:tn,blockImage:en,short:sn,price:nn,oldPrice:on,newPrice:rn},an=u=>{const{setIsOpen:n,pageContext:r,groupData:s,setProductId:a,setIsProductModalOpen:e,setShowDropdown:x}=u,[d,j]=h.useState(null),[f,k]=h.useState(!0),{setIsOpen:b}=t.useModalStore();h.useEffect(()=>{var y;k(!0);const l=(y=r.listings)==null?void 0:y.filter(g=>s.listingIdList.includes(g.id));l&&j([...l]),k(!1)},[r]),h.useEffect(()=>{b(!0)},[]);const c=()=>{b(!1),setTimeout(()=>{n(!1)},300)};return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsxs("div",{className:D.contentModal,onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:D.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:D.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(s.name)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:c,fill:"var(--text-primary)"})]}),!f&&d&&t.jsxRuntimeExports.jsx("div",{className:D.modalCards,children:d.map(l=>t.jsxRuntimeExports.jsxs("div",{className:D.card,children:[t.jsxRuntimeExports.jsx("div",{children:l.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:D.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(D.blockImage,D.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:D.cardInfo,children:[t.jsxRuntimeExports.jsx("div",{id:"h5",children:l.productData.compareAtPrice&&(l.productData.compareAtPrice.amount||0)-(l.productData.minPrice.amount||0)>0?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsxs("span",{className:D.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})}),t.jsxRuntimeExports.jsx("span",{className:D.oldPrice,id:"md",children:t.formatPrice({amount:l.productData.compareAtPrice.amount,currency:l.productData.compareAtPrice.currency})})]})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})})]})}),l.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:D.short,id:"md",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(l.productData.shortDescription)}})]}),t.jsxRuntimeExports.jsxs("div",{className:D.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a(l.id),n(!1),e(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(et,{path:`/product/${l.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{whiteSpace:"nowrap"},onClick:()=>{x(!1),c()},children:"View Details"})})]})]},l.id))}),f&&t.jsxRuntimeExports.jsx("div",{className:D.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};exports.AlignText=t.AlignText;exports.Button=t.Button$1;exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.InputUI=t.Input$1;exports.ItemsSettings=t.ItemsSettings;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RadioUI=t.Radio;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.SelectInfiniteList=t.SelectInfiniteList;exports.SelectTypeText=t.SelectTypeText;exports.SelectUI=t.Select$1;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TextareaUI=t.Textarea$1;exports.TypesText=t.TypesText;exports.Wrapper=t.Wrapper;exports.Accordion=Ss;exports.BurgerMenuButton=lt;exports.ButtonTypeSettings=nt;exports.ButtonsSettings=ie;exports.CategorySettings=$t;exports.ChargeTypes=Z;exports.EmptyCart=at;exports.FormSettings=Qt;exports.GroupCardModal=an;exports.HeaderButtons=as;exports.LayoutSettings=Rt;exports.Link=et;exports.ListingSelector=re;exports.MetaInfoPost=Bs;exports.PagesMobileMenu=cs;exports.PagesMobileModal=ct;exports.PagesSettings=Wt;exports.ProductCardButtons=Ps;exports.ProductCardModal=zs;exports.ProductOptions=it;exports.ShareLink=gs;exports.ShoppingButton=ot;exports.ShoppingModalCart=rt;exports.UserInfo=tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DHZKC0cu.cjs"),h=require("react");require("react-dom");const dt="_block_kh9z8_8",ut="_title_kh9z8_16",xt="_subtitle_kh9z8_23",mt="_alignmentContent_kh9z8_30",pt="_alignments_kh9z8_39",jt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",gt="_paddings_kh9z8_71",ft="_padding_kh9z8_71",yt="_active_kh9z8_97",z={block:dt,title:ut,subtitle:xt,alignmentContent:mt,alignments:pt,alignment:jt,circle:ht,paddings:gt,padding:ft,active:yt},_t=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Et=["left","top","right","bottom"],Rt=u=>{const{alignment:n,padding:r,setPadding:s,setAlignment:a,isAlignment:e=!0,isPadding:x=!0}=u;function d(l){switch(l){case"left":case"topLeft":case"bottomLeft":return"TextAlignLeft";case"right":case"topRight":case"bottomRight":return"TextAlignRight";case"center":case"top":case"bottom":return"TextAlignCenter";default:return"TextAlignCenter"}}function j(l){switch(l){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[f,k]=h.useState(null),[b,c]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:z.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:z.title,children:"Layout (for Desktop version)"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentContent,children:[e&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsx("div",{className:z.alignments,children:_t.map(l=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{a(l)},className:z.alignment,onMouseEnter:()=>{k(l)},onMouseLeave:()=>{k(null)},children:[l!==n&&f!==l&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),l!==n&&f===l&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(f),fill:"#c2c2c2",width:22,height:22}),l===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(n),fill:"#FF3F19",width:22,height:22})]},l))})]}),x&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Paddings"}),t.jsxRuntimeExports.jsx("div",{className:z.paddings,children:Et.map(l=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:b===l}),onFocus:()=>{c(l)},onBlur:()=>{c(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(l),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(r[l]),onChange:y=>s({...r,[l]:Math.min(Number(y),999)}),max:999,paddingless:!0,borderless:!0})]},l))})]})]})]})},bt="_title_82zux_1",vt="_subtitle_82zux_5",It="_productsBlock_82zux_14",St="_top_82zux_26",Nt="_products_82zux_14",Ct="_product_82zux_14",Pt="_button_82zux_80",kt="_disabled_82zux_91",Tt="_buttons_82zux_118",wt="_addButton_82zux_157",Bt="_deleteButton_82zux_179",F={title:bt,subtitle:vt,productsBlock:It,top:St,products:Nt,product:Ct,button:Pt,disabled:kt,buttons:Tt,addButton:wt,deleteButton:Bt};function Mt({id:u,children:n}){const{attributes:r,listeners:s,setNodeRef:a,transform:e,transition:x,isDragging:d}=t.useSortable({id:u}),j={transform:t.CSS.Transform.toString(e),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:a,style:j,className:`${F.product} ${d?F.dragging:""}`,...r,...s,children:n})}const $t=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,tags:x,title:d,subtitle:j,draggable:f=!1,withImage:k=!1,addable:b=!0,itemsOptions:c,hasRangeSelector:l=!1,rangeSelectorOptions:y,limit:g,autoScrollInterval:m,deletable:o,aspectRatio:_,setAspectRatio:S}=u,M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=i=>{const{active:E,over:N}=i;if(N&&E.id!==N.id){const $=s.findIndex(v=>v===E.id),w=s.findIndex(v=>v===N.id);if($!==-1&&w!==-1){const v=[...s],[Y]=v.splice($,1);v.splice(w,0,Y),a(v)}}};function V(i){if(k)return i?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const q=(i,E=!1)=>{const N=c.find(w=>w.id===i);if(!N)return;const $=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:w=>{const v=[...s],Y=c.find(p=>p.name===w);if(!Y)return;const R=Y.id,O=v.map(p=>p===i?R:p);a([...O])},value:N.name,options:c.filter(w=>!s.find(v=>v===w.id)).map(w=>w.name),leftAddonOptions:c.map(w=>({value:w.name,addon:V(w.images)}))}),E&&t.jsxRuntimeExports.jsx("div",{className:F.buttons,children:t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(w=>w!==i))})})})]});return f?t.jsxRuntimeExports.jsx(Mt,{id:i,children:$},t.v4()):t.jsxRuntimeExports.jsx("div",{className:F.product,children:$},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:i=>r==null?void 0:r(i)})]}),l&&y&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...y}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:j}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(i=>q(i,o))})}):s.map(i=>q(i,o)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(F.button,{[F.disabled]:!!(g&&g<=s.length||s.length===c.length)}),size:"s",disabled:!!(g&&g<=s.length||s.length===c.length),onClick:()=>{const i=[...s];let E=null;if(c){for(let N=0;N<c.length;N++)if(!s.find($=>$===c[N].id)){E=c[N];break}}i.push((E==null?void 0:E.id)||c[0].id),a(i)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:F.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),_&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:_,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:i=>S(i),leftAddonOptions:t.aspectRatioOptions}),x!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:x}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e}),m!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(m.scrollInterval),onChange:i=>m.setScrollInterval(Number(i)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Ot="_title_roi3a_1",At="_subtitle_roi3a_5",qt="_productsBlock_roi3a_14",Dt="_top_roi3a_26",Lt="_products_roi3a_14",Ut="_product_roi3a_14",Ht="_button_roi3a_80",zt="_disabled_roi3a_91",Ft="_buttons_roi3a_118",Vt="_addButton_roi3a_164",Yt="_deleteButton_roi3a_179",H={title:Ot,subtitle:At,productsBlock:qt,top:Dt,products:Lt,product:Ut,button:Ht,disabled:zt,buttons:Ft,addButton:Vt,deleteButton:Yt};function Gt({product:u,children:n}){const{attributes:r,listeners:s,setNodeRef:a,transform:e,transition:x,isDragging:d}=t.useSortable({id:u.id}),j={transform:t.CSS.Transform.toString(e),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:a,style:j,className:`${H.product} ${d?H.dragging:""}`,...r,...s,children:n})}const Wt=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,title:e,subtitle:x,editable:d=!0,draggable:j=!1,deletable:f=!0,addable:k=!0,itemsType:b,itemsOptions:c,addableOptions:l={},limit:y}=u,[g,m]=h.useState(null),[o,_]=h.useState(null),S=h.useRef(null),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(g){const i=[...s].map(E=>E.id===g.id?g:E);a(i)}},[g]),h.useEffect(()=>{S.current&&o&&(S.current.getBoundingClientRect().height,o.top)},[S.current,o]);const A=(i,E)=>{i.stopPropagation();const N=i.target.getBoundingClientRect();_({top:N.top+window.scrollY,left:N.left-30}),m(E)},V=i=>{const{active:E,over:N}=i;if(N&&E.id!==N.id){const $=s.findIndex(v=>v.id===E.id),w=s.findIndex(v=>v.id===N.id);if($!==-1&&w!==-1){const v=[...s],[Y]=v.splice($,1);v.splice(w,0,Y),a(v)}}},q=(i,E)=>{const N=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[j&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),b==="select"&&c&&t.jsxRuntimeExports.jsx(t.Select,{onChange:$=>{const w=[...s],v=c.find(R=>R.name===$);if(!v)return;const Y=w.map(R=>R.id===i.id?{...v,name:{"en-US":$}}:R);m({...i,name:{"en-US":$}}),a([...Y])},value:i.name,options:c.filter($=>!s.find(w=>w.name===$.name)).map($=>$.name)}),t.jsxRuntimeExports.jsxs("div",{className:H.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:$=>A($,i)})}),f&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter($=>$.id!==i.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Gt,{product:i,index:E,children:N},i.id):t.jsxRuntimeExports.jsx("div",{className:H.product,children:N},i.id)};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(e||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[e&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:e}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:i=>r==null?void 0:r(i)})]}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:x}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:V,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(i=>i.id),strategy:t.verticalListSortingStrategy,children:s.map((i,E)=>q(i,E))})}):s.map((i,E)=>q(i,E)),k&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(y&&y<=s.length||s.length===(c==null?void 0:c.length))}),size:"s",disabled:!!(y&&y<=s.length||s.length===(c==null?void 0:c.length)),onClick:()=>{const i=[...s];let E=null;if(c){for(let N=0;N<c.length;N++)if(!s.find($=>$.id===c[N].id)){E=c[N];break}}b==="select"&&c&&i.push({name:E?E.name:c[0].name,id:(E==null?void 0:E.id)||c[0].id,...l}),a(i)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:H.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function Xt(u){const{product:n,children:r}=u,{attributes:s,listeners:a,setNodeRef:e,transform:x,transition:d,isDragging:j}=t.useSortable({id:n.id}),f={transform:t.CSS.Transform.toString(x),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...a,children:r})}const Qt=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,title:x,subtitle:d,editable:j=!0,draggable:f=!1,deletable:k=!0,addable:b=!0,itemsType:c,itemsPlaceholder:l="",itemsOptions:y,hasRangeSelector:g=!1,rangeSelectorOptions:m,modalOptions:o,addableOptions:_={},limit:S}=u,[M,A]=h.useState(null),[V,q]=h.useState({top:0,left:0}),[i,E]=h.useState(null),N=h.useRef(null),[$,w]=h.useState(!1),v=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const p=()=>{A(null),w(!1)};return document.body.addEventListener("click",p),A(null),w(!1),()=>{A(null),w(!1),document.body.removeEventListener("click",p)}},[]),h.useEffect(()=>{if(M){const p=[...s].map(I=>I.id===M.id?M:I);a(p)}},[M]),h.useEffect(()=>{if(N.current&&i){const p=N.current.getBoundingClientRect().height,I=window.innerHeight;let T=i.top;T+p>I+window.scrollY-200&&(T=I+window.scrollY-p-200),T<0&&(T=10),q({top:T,left:i.left})}},[N.current,i]);const Y=(p,I)=>{p.stopPropagation();const T=p.target.getBoundingClientRect();E({top:T.top+window.scrollY,left:T.left-30}),A(I),w(!0)},R=p=>{const{active:I,over:T}=p;if(T&&I.id!==T.id){const P=s.findIndex(L=>L.id===I.id),G=s.findIndex(L=>L.id===T.id);if(P!==-1&&G!==-1){const L=[...s],[U]=L.splice(P,1);L.splice(G,0,U),a(L)}}},O=p=>{var T;const I=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),c==="select"&&y&&t.jsxRuntimeExports.jsx(t.Select,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);A({...p,name:{"en-US":P}}),a([...L])},value:p.name["en-US"],options:y.filter(P=>!s.find(G=>G.name["en-US"]===P))}),c==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);a([...L])},value:p.name["en-US"],placeholder:l}),c==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,images:P}:U);a([...L])},activeImage:(T=s.find(P=>P.id===p.id))==null?void 0:T.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:P=>Y(P,p)})}),k&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(P=>P.id!==p.id))})})]})]});return f?t.jsxRuntimeExports.jsx(Xt,{product:p,children:I},p.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:I},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>r==null?void 0:r(p)})]}),M&&j&&o&&$&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:M,setActiveItem:A,popupPosition:V,modalOptions:o,setIsOpenModal:w}),g&&m&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...m}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:v,onDragEnd:R,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map(p=>O(p))})}):s.map(p=>O(p)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(S&&S<=s.length)}),size:"s",disabled:!!(S&&S<=s.length),onClick:()=>{const p=[...s];let I=null;if(y){for(let T=0;T<y.length;T++)if(!s.find(P=>P.name["en-US"]===y[T])){I=y[T];break}}c==="select"&&y?p.push({name:{"en-US":I||y[0]},id:t.v4(),..._,maxSymbols:100}):c==="input"?p.push({name:{"en-US":""},id:t.v4(),..._,maxSymbols:100}):p.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),..._,maxSymbols:100}),a(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},Jt="_subtitle_jql1y_1",Kt="_products_jql1y_10",Zt="_product_jql1y_10",te="_button_jql1y_11",ee="_buttons_jql1y_11",se="_addButton_jql1y_150",ne="_deleteButton_jql1y_165",X={subtitle:Jt,products:Kt,product:Zt,button:te,buttons:ee,addButton:se,deleteButton:ne},nt=u=>{const{buttons:n,setButtons:r,deletable:s=!0,addable:a=!0,editableLink:e=!0}=u,{pages:x}=t.usePagesStore(),[d,j]=h.useState(null),[f,k]=h.useState({top:0,left:0}),[b,c]=h.useState(null),l=h.useRef(null);h.useEffect(()=>{if(d){const m=[...n].map(o=>o.id===d.id?d:o);r(m)}},[d]),h.useEffect(()=>{if(l.current&&b){const m=l.current.getBoundingClientRect().height,o=window.innerHeight;let _=b.top;_+m>o+window.scrollY-200&&(_=o+window.scrollY-m-200),_<0&&(_=10),k({top:_,left:b.left})}},[l.current,b]);const y=(m,o)=>{m.stopPropagation();const _=m.target.getBoundingClientRect();c({top:_.top+window.scrollY-70,left:_.left-(a?30:65)}),j(o)},g=(m,o)=>{const _=[...n],S={...m,id:Math.random().toString(36).substr(2,9)};_.splice(o+1,0,S),r(_)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),n.map((m,o)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:_=>{const M=[...n].map(A=>A.id===m.id?{...m,type:_}:A);r(M)},value:m.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{g(m,o)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:_=>{y(_,m)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const _=n.filter(S=>S.id!==m.id);r(_)},width:20,height:20,fill:"#C12A2A"})})]})]},m.id)),d&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:l,activeButton:d,setActiveButton:j,popupPosition:f,editableLink:e}),a&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:X.button,size:"s",onClick:()=>{const m=[...n];e?m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:x?Object.values(x)[0].path:"/",openInNewTab:!1}):m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:x?Object.values(x)[0].path:"/",openInNewTab:!1}),r(m)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:X.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},ie=u=>{const{isActiveButtons:n,setIsActiveButtons:r,buttons:s,setButtons:a,editableLink:e=!0,addable:x=!0,deletable:d=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:j=>r(j)})]}),n&&t.jsxRuntimeExports.jsx(nt,{buttons:s,setButtons:a,editableLink:e,addable:x,deletable:d})]})})};function oe(u){const{product:n,children:r}=u,{attributes:s,listeners:a,setNodeRef:e,transform:x,transition:d,isDragging:j}=t.useSortable({id:String(n.listingId)}),f={transform:t.CSS.Transform.toString(x),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...a,children:r})}const re=u=>{const{isActiveItems:n,setIsActiveItems:r,items:s,setItems:a,other:e,title:x,subtitle:d,editable:j=!0,draggable:f=!1,withImage:k=!1,deletable:b=!0,addable:c=!0,itemsType:l,itemsOptions:y,limit:g,aspectRatio:m,setAspectRatio:o}=u,[_,S]=h.useState(null),[M,A]=h.useState({top:0,left:0}),[V,q]=h.useState(!1),i=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const R=()=>{S(null),q(!1)};return document.body.addEventListener("click",R),S(null),q(!1),()=>{S(null),q(!1),document.body.removeEventListener("click",R)}},[]),h.useEffect(()=>{if(_){const R=[...s].map(O=>O.listingId===_.listingId?_:O);a(R)}},[_]);const E=(R,O)=>{R.stopPropagation();const p=R.target.getBoundingClientRect(),I=100,T=window.innerHeight;let P=p.top+window.scrollY;P+I>T&&(P=T-I-20),q(!0),A({top:P-80,left:p.left-30}),S(O)};function N(R){if(k)return R?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${R}/w=50`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const $=R=>{const{active:O,over:p}=R;if(p&&O.id!==p.id){const I=s.findIndex(P=>String(P.listingId)===O.id),T=s.findIndex(P=>String(P.listingId)===p.id);if(I!==-1&&T!==-1){const P=[...s],[G]=P.splice(I,1);P.splice(T,0,G),a(P)}}},w=()=>{q(!1),S(null)},v=R=>{const O=y.find(I=>R.listingId===I.id);if(!O)return null;const p=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),l==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const T=[...s],P=y.find(U=>U.productData.name===I);if(!P)return;const G={listingId:P.id,image:P.productData.images.length>0?P.productData.images[0].cfId:""},L=T.map(U=>U.listingId===R.listingId?G:U);S(G),a([...L])},value:O.productData.name,options:[...y.filter(I=>!s.find(T=>T.listingId===I.id)).map(I=>I.productData.name)],leftAddonOptions:y.map(I=>{var T;return{value:I.productData.name,addon:N(((T=I.productData.images[0])==null?void 0:T.cfId)||"")}})}),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:I=>E(I,R)})}),b&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>a(s.filter(I=>I!==R))})})]})]});return f?t.jsxRuntimeExports.jsx(oe,{product:R,children:p},R.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:p},R.listingId)},Y=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:R=>r==null?void 0:r(R)})]}),V&&_&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:Y,activeItem:_,setActiveItem:S,setIsOpenModal:q,popupPosition:M,itemsOptions:y}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:i,onDragEnd:$,onDragStart:w,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(R=>String(R.listingId)),strategy:t.verticalListSortingStrategy,children:s.map(R=>v(R))})}):s.map(R=>v(R)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const R=[...s];for(let O=0;O<y.length;O++)if(!s.find(p=>p.listingId===y[O].id)){R.push({listingId:y[O].id,image:y[O].productData.images.length>0?y[O].productData.images[0].cfId:""});break}a(R)},disabled:s.length===(g||y.length),style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),m&&o&&t.jsxRuntimeExports.jsx(t.Select,{value:m,options:Object.keys(t.aspectRatio),onChange:R=>o(R),leftAddonOptions:t.aspectRatioOptions}),n&&e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},ae="_options_s4lx3_1",ce="_price_s4lx3_18",le="_oldPrice_s4lx3_25",de="_newPrice_s4lx3_34",ue="_animate_s4lx3_42",xe="_meta_s4lx3_60",me="_info_s4lx3_66",pe="_infoRight_s4lx3_75",je="_buttons_s4lx3_82",he="_variants_s4lx3_89",ge="_variant_s4lx3_89",fe="_stock_s4lx3_107",ye="_variantInfo_s4lx3_115",_e="_quantity_s4lx3_122",Ee="_button_s4lx3_82",Re="_activeVariant_s4lx3_168",be="_chargeTypes_s4lx3_172",ve="_charge_s4lx3_172",Ie="_chargeActive_s4lx3_197",Se="_title_s4lx3_205",B={options:ae,price:ce,oldPrice:le,newPrice:de,animate:ue,meta:xe,info:me,infoRight:pe,buttons:je,variants:he,variant:ge,stock:fe,variantInfo:ye,quantity:_e,button:Ee,activeVariant:Re,chargeTypes:be,charge:ve,chargeActive:Ie,title:Se};var Z=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(Z||{});const it=u=>{var V,q;const{product:n,setIsOpen:r,isCartEnabled:s=!0}=u,{variants:a}=n,[e,x]=h.useState(a[0]),[d,j]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:f,setNotifications:k}=t.useNotificationStore(),b=t.useNavigate(),[c,l]=h.useState(1),{cart:y,reset:g,addProductToCart:m}=t.useCart(),[o,_]=h.useState(!1);h.useEffect(()=>{_(!0);const i=setTimeout(()=>_(!1),600);return()=>clearTimeout(i)},[c]);async function S(){try{m({productId:n.id,productVariantId:e.id,chargeType:d,quantity:c}),k([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(i){const E=i;k([...f,{id:t.v4(),message:`Product failed to add to cart: ${E.message}`,status:"error"}])}r==null||r(!1)}function M(){g(),S(),b("/checkout")}function A(i){if(i>=864e5){const v=Math.floor(i/864e5);return`${v} ${v===1?"day":"days"}`}else if(i>=36e5){const v=Math.floor(i/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(i>=6e4){const v=Math.floor(i/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(i/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?l(0):l(1)},[e.quantity.available]),h.useEffect(()=>{e.chargeTypes&&j(e.chargeTypes.includes(d)?d:e.chargeTypes[0])},[e.chargeTypes]),t.jsxRuntimeExports.jsxs("div",{className:B.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:B.chargeTypes,children:e.chargeTypes.map(i=>t.jsxRuntimeExports.jsx("div",{className:t.clx(B.charge,{[B.chargeActive]:d===i}),onClick:()=>j(i),children:Z[i]},i))}),t.jsxRuntimeExports.jsx("div",{className:B.variants,children:a.filter(i=>{var E;return(E=i.chargeTypes)==null?void 0:E.includes(d)}).map(i=>{var E,N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(B.variant,{[B.activeVariant]:e.id===i.id}),onClick:()=>{x(i),l(1)},children:[t.jsxRuntimeExports.jsxs("div",{className:B.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:B.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(i.name)}}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:[t.formatPrice({amount:d==="ONE_TIME"?i.price.amount:i.subscriptionSettings?i.subscriptionSettings.price.amount:0,currency:d==="ONE_TIME"?i.price.currency:i.subscriptionSettings?i.subscriptionSettings.price.currency:"USD"})," ",d==="RECURRING"&&i.subscriptionSettings&&` / ${t.normalizeInterval(i.subscriptionSettings.recurringIntervalDays||0)}`]})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:B.stock,id:"md",children:[(E=i.quantity.restrictions)!=null&&E.max||i.quantity.available!==void 0?((N=i.quantity.restrictions)==null?void 0:N.max)||i.quantity.available:"∞"," ","in stock"]})})]},i.id)})}),d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:B.quantity,id:"md",children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{c>1?l(i=>i-1):l(1)},className:B.button,disabled:e.quantity.available&&e.quantity.restrictions&&c<=e.quantity.restrictions.min||e.quantity.available===0,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(c),onChange:i=>{e.quantity.available&&Number(i)>e.quantity.available?l(e.quantity.available):l(Number(i))},max:((V=e.quantity.restrictions)==null?void 0:V.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((q=e.quantity.restrictions)==null?void 0:q.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&c>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{l(i=>i+1)},className:B.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&c>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&c>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:B.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:B.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{id:"md",children:!e.deliveryTime||e.deliveryTime===0?"Instant":A(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:B.infoRight,children:d==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),children:t.formatPrice({amount:e.price.amount*c,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.compareAtPrice.amount*c,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.price.amount*c,currency:e.price.currency})}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*c,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*c,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:o}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*c,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>M(),disabled:e.quantity&&e.quantity.available===0||c===0,children:d==="ONE_TIME"?"Buy Now":"Subscribe Now"}),d==="ONE_TIME"&&s&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0||c===0,children:y.parts.some(i=>i.productId===n.id&&i.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Ne="_buttons_1uy6y_23",Ce="_modal_1uy6y_32",Pe="_closing_1uy6y_65",ke="_info_1uy6y_114",Te="_top_1uy6y_121",we="_title_1uy6y_132",Be="_clear_1uy6y_139",Me="_activeClear_1uy6y_146",$e="_count_1uy6y_150",Oe="_cart_1uy6y_165",Ae="_empty_1uy6y_173",qe="_product_1uy6y_199",De="_products_1uy6y_208",Le="_image_1uy6y_216",Ue="_productInfo_1uy6y_233",He="_content_1uy6y_240",ze="_name_1uy6y_246",Fe="_price_1uy6y_252",Ve="_productButtons_1uy6y_258",Ye="_productButton_1uy6y_258",Ge="_productCount_1uy6y_275",We="_bottom_1uy6y_292",Xe="_subtotal_1uy6y_300",Qe="_block_1uy6y_308",Je="_shoppingCount_1uy6y_315",Ke="_total_1uy6y_335",Ze="_link_1uy6y_341",ts="_userInfo_1uy6y_348",es="_pagesMobileModal_1uy6y_360",ss="_pagesMobileModalContent_1uy6y_374",ns="_pagesMobileModalHeader_1uy6y_380",is="_pagesMobileModalFooter_1uy6y_390",os="_pageLink_1uy6y_397",rs="_rightButtons_1uy6y_406",C={buttons:Ne,modal:Ce,closing:Pe,info:ke,top:Te,title:we,clear:Be,activeClear:Me,count:$e,cart:Oe,empty:Ae,product:qe,products:De,image:Le,productInfo:Ue,content:He,name:ze,price:Fe,productButtons:Ve,productButton:Ye,productCount:Ge,bottom:We,subtotal:Xe,block:Qe,shoppingCount:Je,total:Ke,link:Ze,userInfo:ts,pagesMobileModal:es,pagesMobileModalContent:ss,pagesMobileModalHeader:ns,pagesMobileModalFooter:is,pageLink:os,rightButtons:rs,delete:"_delete_1uy6y_413"},as=u=>{const{shopping:n,signUp:r,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:(n||s)&&t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[n&&t.jsxRuntimeExports.jsx(ot,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:r})]})})},ot=()=>{const[u,n]=h.useState(!1),[r,s]=h.useState([]),[a,e]=h.useState(!1),{cart:x,products:d}=t.useCart();h.useEffect(()=>{(async()=>{const c=x.parts.map(g=>String(g.productId)),l=d.filter(g=>c.includes(String(g.id)))||[],y=x.parts.map(g=>{const m=l.find(o=>o.id===g.productId);return m?{...m,activeVariantId:g.productVariantId,quantity:g.quantity,chargeType:g.chargeType}:null}).filter(Boolean);s(y)})()},[x.parts,d]);function j(b){return!b||!(b!=null&&b.variants)?!1:b.chargeType==="RECURRING"}const f=x.parts.length>0&&r.length>0&&!j(r[0]);function k(){e(!1),setTimeout(()=>{n(!1)},300)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:b=>{b.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),e(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),f&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:x.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:k,withAnimation:!1,children:t.jsxRuntimeExports.jsx(rt,{activeProducts:r,isCartNotEmpty:f,isOpen:a,close:k})})]})},rt=u=>{var g,m;const{activeProducts:n,isCartNotEmpty:r,isOpen:s,close:a}=u,{cart:e,reset:x,getTotalAndDiscount:d,updateQuantityOfProduct:j,removeProduct:f}=t.useCart(),k=t.useNavigate();function b(o,_){k(o,{replace:_})}function c(o){o.quantity&&j({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity+1,chargeType:o.chargeType})}function l(o){o.quantity&&j({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity-1,chargeType:o.chargeType})}function y(o){f({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity||1,chargeType:o.chargeType})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:o=>o.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.top,children:[t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{className:C.title,id:"h4",children:"Cart"}),r&&t.jsxRuntimeExports.jsx("div",{className:C.count,id:"md",children:e.parts.length})]}),t.jsxRuntimeExports.jsxs("div",{className:C.rightButtons,children:[r&&t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:r}),disabled:!r,onClick:x,id:"md",children:"Clear all"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",onClick:a,hoverable:!0,width:24,height:24,fill:"var(--text-primary)"})]})]}),r?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:n.map(o=>{var _,S;return t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[o.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:C.image}):t.jsxRuntimeExports.jsx("div",{className:C.image,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsxs("div",{className:C.content,children:[t.jsxRuntimeExports.jsx("div",{className:C.name,dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(((_=o.variants.find(M=>M.id===o.activeVariantId))==null?void 0:_.name)||o.name)}}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:o.variants.find(M=>M.id===o.activeVariantId).price.amount*((o==null?void 0:o.quantity)||1),currency:o.variants.find(M=>M.id===o.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o.quantity!==1&&l(o)},className:C.productButton,disabled:o.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("input",{className:C.productCount,type:"number",value:((S=o.quantity)==null?void 0:S.toString())||"",onChange:M=>{const A=Math.min(Number(M.target.value),o.variants.find(V=>V.id===o.activeVariantId).quantity.available||1/0);A<1||j({productId:o.id,productVariantId:o.activeVariantId,quantity:A,chargeType:o.chargeType})},min:1,max:o.variants.find(M=>M.id===o.activeVariantId).quantity.available||1/0}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>c(o),className:C.productButton,disabled:o.quantity===o.variants.find(M=>M.id===o.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.delete,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",fill:"var(--text-action)",width:20,height:20,onClick:()=>y(o),hoverable:!0})})]})]},o.id)})}),t.jsxRuntimeExports.jsxs("div",{className:C.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:C.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:C.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsx("div",{className:C.total,children:t.formatPrice({amount:d().total,currency:e.parts.length>0&&((m=(g=n.find(o=>o.id===e.parts[0].productId))==null?void 0:g.variants.find(o=>o.id===e.parts[0].productVariantId))==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>b("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(at,{})]})},at=()=>t.jsxRuntimeExports.jsxs("div",{className:C.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsx("span",{id:"h5",children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,id:"md",children:"view products"})]})]}),tt=({signUp:u,close:n})=>{const{token:r}=t.useStorefrontStore(),s=t.useNavigate(),[a,e]=h.useState("test-email@gmail.com");h.useEffect(()=>{r&&(async()=>{if(!r)return;const j=t.jwtDecode(r);e(j.email)})()},[r]);function x(d){window.location.pathname.includes("/admin/builder")||s(d)}return r?t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",className:C.userInfo,onClick:()=>{x("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:a||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},ct=({logo:u,setIsOpen:n,signUp:r,pages:s})=>{const{setIsOpen:a}=t.useModalStore(),e=()=>{a(!1),setTimeout(()=>{n(!1),a(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:x=>x.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:u}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:e,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:s.length>0&&s.map(x=>t.jsxRuntimeExports.jsx("div",{className:C.pageLink,onClick:e,children:t.jsxRuntimeExports.jsx(et,{path:x.path,children:x.name["en-US"]},x.id)}))}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:r,close:e})})]})},cs=({logo:u,signUp:n,pages:r})=>{const[s,a]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(lt,{setIsOpenModal:a}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>a(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(ct,{logo:u,setIsOpen:a,signUp:n,pages:r})})]})},lt=u=>{const{setIsOpenModal:n}=u;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:r=>{r.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},ls="_share_onabp_1",ds="_modal_onabp_8",us="_header_onabp_20",xs="_title_onabp_46",ms="_copyWrapper_onabp_53",ps="_copyText_onabp_62",js="_copyTextMobile_onabp_75",hs="_copyTextMiniMobile_onabp_94",Q={share:ls,modal:ds,header:us,title:xs,copyWrapper:ms,copyText:ps,copyTextMobile:js,copyTextMiniMobile:hs},gs=({title:u="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:r}=t.useShareLinkStore();function s(){r(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:a=>{a.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:r,children:t.jsxRuntimeExports.jsx(fs,{title:u})})]})},fs=({title:u="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notifications:r,setNotifications:s}=t.useNotificationStore(),{setIsOpen:a}=t.useModalStore(),e=window.location.href;function x(){navigator.clipboard.writeText(e),s([...r,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function d(){a(!1),setTimeout(()=>{n(!1),a(!0)},300)}function j(f,k){return f.length>k?f.slice(0,k)+"...":f}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:f=>f.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,id:"h4",children:u}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:d,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:x,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,id:"md",children:j(e,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,id:"md",children:j(e,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,id:"md",children:j(e,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:x,children:r.find(f=>f.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},ys="_accordion_153d4_1",_s="_header_153d4_12",Es="_icon_153d4_21",Rs="_open_153d4_24",bs="_content_153d4_28",vs="_contentOpen_153d4_36",Is="_contentText_153d4_40",J={accordion:ys,header:_s,icon:Es,open:Rs,content:bs,contentOpen:vs,contentText:Is},Ss=({title:u,content:n,defaultOpen:r=!1})=>{const[s,a]=h.useState(r),[e,x]=h.useState(0),d=h.useRef(null),j=()=>{a(!s)};return h.useEffect(()=>{d.current&&x(s?d.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:J.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,onClick:j,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.content,{[J.contentOpen]:s}),children:t.jsxRuntimeExports.jsx("p",{id:"md",className:J.contentText,ref:d,style:{height:`${e}px`,marginTop:`${e>0?"20px":"0px"}`},children:n})})]})},et=({children:u,path:n,className:r,target:s="_self",id:a})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:r,role:"link",style:{cursor:"pointer"},id:a,children:u});const e=t.useNavigate(),x=/^https?:\/\//.test(n),d=j=>{x||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.open(n,"_self"):(j.preventDefault(),e(n,{replace:!1}))};return t.jsxRuntimeExports.jsx("div",{onClick:d,className:r,role:"link",style:{cursor:"pointer"},id:a,children:u})},Ns="_buttonsBlock_1x6xf_1",Cs="_cartDisabled_1x6xf_25",st={buttonsBlock:Ns,cartDisabled:Cs},Ps=u=>{var k,b;const{setIsOpen:n,setModalType:r,productId:s,isCartEnabled:a=!0}=u,{cart:e}=t.useCart(),{pageContext:x}=t.usePagesStore(),d=(k=x==null?void 0:x.listings)==null?void 0:k.find(c=>c.id===s);if(!d)return null;const j=(b=x==null?void 0:x.products)==null?void 0:b.find(c=>c.uniquePath===d.productData.uniquePath);if(!j)return null;const f=e.parts.find(c=>c.productId===j.id);return t.jsxRuntimeExports.jsxs("div",{className:t.clx(st.buttonsBlock,{[st.cartDisabled]:!a}),onClick:c=>c.stopPropagation(),children:[a&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{r("Add To Cart"),n(!0)},children:f?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{r("Buy Now"),n(!0)},style:{width:"100%"},children:"Buy"})]})},ks="_wrapper_27wzz_1",Ts="_logo_27wzz_8",ws="_info_27wzz_12",K={wrapper:ks,logo:Ts,info:ws},Bs=({date:u})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function r(s){const a=new Date(s),e={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return a.toLocaleDateString("en-US",e)}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:K.logo,children:n.info.logo?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,alt:"image",style:{objectFit:"contain",width:"48px",height:"48px"}}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:48,height:48})}),t.jsxRuntimeExports.jsxs("div",{className:K.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:n.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:r(u)})]})]})},Ms="_variants_18tbu_82",$s="_variant_18tbu_82",Os="_stock_18tbu_100",As="_variantInfo_18tbu_108",qs="_title_18tbu_202",Ds="_modal_18tbu_208",Ls="_header_18tbu_228",Us="_productOptions_18tbu_236",Hs="_loading_18tbu_244",W={variants:Ms,variant:$s,stock:Os,variantInfo:As,title:qs,modal:Ds,header:Ls,productOptions:Us,loading:Hs},zs=u=>{var c;const{pageContext:n}=t.usePagesStore(),r=(c=n==null?void 0:n.listings)==null?void 0:c.find(l=>l.id===u.productId),[s,a]=h.useState(!0),[e,x]=h.useState(null),d=(e==null?void 0:e.variants[0])||null,[j,f]=h.useState("ONE_TIME"),{addProducts:k}=t.useCart(),{setIsOpen:b}=t.useModalStore();return h.useEffect(()=>{(async()=>{a(!0);const y=await t.getDynamicPage(encodeURIComponent(`/product/${r.productData.uniquePath}`));k(y==null?void 0:y.data.products),x(y==null?void 0:y.data.products[0]),a(!1)})()},[]),h.useEffect(()=>{b(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:u.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:W.modal,onClick:l=>l.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:W.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),u.type==="Add To Cart"&&u.isCartEnabled&&e&&d&&!s&&t.jsxRuntimeExports.jsx(Fs,{variants:e.variants,activeVariant:d,activeChargeType:j,setActiveChargeType:f,productId:e.id,setIsOpen:u.setIsOpen}),u.type==="Buy Now"&&e&&!s&&t.jsxRuntimeExports.jsx(Vs,{product:e,setIsOpen:u.setIsOpen,isCartEnabled:u.isCartEnabled})]})})},Fs=u=>{const{variants:n,activeChargeType:r,productId:s,setIsOpen:a}=u,{cart:e,addProductToCart:x,addProducts:d,updateQuantityOfProduct:j}=t.useCart(),{notifications:f,setNotifications:k}=t.useNotificationStore(),{pageContext:b}=t.usePagesStore(),{setIsOpen:c}=t.useModalStore(),l=()=>{c(!1),setTimeout(()=>{a(!1)},300)};async function y(g){const m=n.find(S=>S.id===g),o=e.parts.find(S=>S.productId===u.productId&&S.productVariantId===g);if((m==null?void 0:m.quantity.available)&&(m==null?void 0:m.quantity.restrictions)&&((o==null?void 0:o.quantity)||0)+1>(m==null?void 0:m.quantity.restrictions.max)||(m==null?void 0:m.quantity.available)===0||(m==null?void 0:m.quantity.available)&&((o==null?void 0:o.quantity)||0)+1>(m==null?void 0:m.quantity.available)){k([...f,{id:t.v4(),message:"Product is out of stock",status:"error"}]);return}if(o)j({productId:s,productVariantId:g,quantity:o.quantity+1,chargeType:r});else{b!=null&&b.products&&d(b.products);try{x({productId:s,productVariantId:g,quantity:1,chargeType:r}),k([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){const M=S;k([...f,{id:t.v4(),message:`Product failed to add to cart: ${M.message}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",children:"Choose a Variant"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:l})]}),t.jsxRuntimeExports.jsx("div",{className:W.variants,children:n.filter(g=>{var m;return(m=g.chargeTypes)==null?void 0:m.includes(r)}).map(g=>{var m,o,_;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.variant),onClick:()=>{y(g.id),a(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:W.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:W.title,id:"h4",children:g.name}),t.jsxRuntimeExports.jsx("span",{id:"md",children:t.formatPrice({amount:r==="ONE_TIME"?g.price.amount:g.subscriptionSettings?g.subscriptionSettings.price.amount:0,currency:r==="ONE_TIME"?g.price.currency:((m=g.subscriptionSettings)==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:r==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:W.stock,id:"md",children:[(o=g.quantity.restrictions)!=null&&o.max||g.quantity.available!==void 0?((_=g.quantity.restrictions)==null?void 0:_.max)||g.quantity.available:"∞"," ","in stock"]})})]},g.id)})})]})},Vs=u=>{const{product:n,setIsOpen:r,isCartEnabled:s}=u,{setIsOpen:a}=t.useModalStore(),e=()=>{a(!1),setTimeout(()=>{r(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",className:W.title,dangerouslySetInnerHTML:{__html:`Buy ${t.splitTextIntoSpans(n.name)}`}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:e,style:{minWidth:24,minHeight:24}})]}),t.jsxRuntimeExports.jsx("div",{className:W.productOptions,children:t.jsxRuntimeExports.jsx(it,{product:n,setIsOpen:r,isCartEnabled:s})})]})},Ys="_contentModal_m2tf9_1",Gs="_modalTop_m2tf9_12",Ws="_loading_m2tf9_19",Xs="_modalCards_m2tf9_28",Qs="_modalImage_m2tf9_34",Js="_card_m2tf9_39",Ks="_cardInfo_m2tf9_51",Zs="_cardButtons_m2tf9_58",tn="_title_m2tf9_64",en="_blockImage_m2tf9_71",sn="_short_m2tf9_80",nn="_price_m2tf9_84",on="_oldPrice_m2tf9_91",rn="_newPrice_m2tf9_100",D={contentModal:Ys,modalTop:Gs,loading:Ws,modalCards:Xs,modalImage:Qs,card:Js,cardInfo:Ks,cardButtons:Zs,title:tn,blockImage:en,short:sn,price:nn,oldPrice:on,newPrice:rn},an=u=>{const{setIsOpen:n,pageContext:r,groupData:s,setProductId:a,setIsProductModalOpen:e,setShowDropdown:x}=u,[d,j]=h.useState(null),[f,k]=h.useState(!0),{setIsOpen:b}=t.useModalStore();h.useEffect(()=>{var y;k(!0);const l=(y=r.listings)==null?void 0:y.filter(g=>s.listingIdList.includes(g.id));l&&j([...l]),k(!1)},[r]),h.useEffect(()=>{b(!0)},[]);const c=()=>{b(!1),setTimeout(()=>{n(!1)},300)};return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsxs("div",{className:D.contentModal,onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:D.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:D.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(s.name)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:c,fill:"var(--text-primary)"})]}),!f&&d&&t.jsxRuntimeExports.jsx("div",{className:D.modalCards,children:d.map(l=>t.jsxRuntimeExports.jsxs("div",{className:D.card,children:[t.jsxRuntimeExports.jsx("div",{children:l.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:D.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(D.blockImage,D.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:D.cardInfo,children:[t.jsxRuntimeExports.jsx("div",{id:"h5",children:l.productData.compareAtPrice&&(l.productData.compareAtPrice.amount||0)-(l.productData.minPrice.amount||0)>0?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsxs("span",{className:D.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})}),t.jsxRuntimeExports.jsx("span",{className:D.oldPrice,id:"md",children:t.formatPrice({amount:l.productData.compareAtPrice.amount,currency:l.productData.compareAtPrice.currency})})]})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})})]})}),l.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:D.short,id:"md",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(l.productData.shortDescription)}})]}),t.jsxRuntimeExports.jsxs("div",{className:D.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a(l.id),n(!1),e(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(et,{path:`/product/${l.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{whiteSpace:"nowrap"},onClick:()=>{x(!1),c()},children:"View Details"})})]})]},l.id))}),f&&t.jsxRuntimeExports.jsx("div",{className:D.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};exports.AlignText=t.AlignText;exports.Button=t.Button$1;exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.InputUI=t.Input$1;exports.ItemsSettings=t.ItemsSettings;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RadioUI=t.Radio;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.SelectInfiniteList=t.SelectInfiniteList;exports.SelectTypeText=t.SelectTypeText;exports.SelectUI=t.Select$1;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TextareaUI=t.Textarea$1;exports.TypesText=t.TypesText;exports.Wrapper=t.Wrapper;exports.Accordion=Ss;exports.BurgerMenuButton=lt;exports.ButtonTypeSettings=nt;exports.ButtonsSettings=ie;exports.CategorySettings=$t;exports.ChargeTypes=Z;exports.EmptyCart=at;exports.FormSettings=Qt;exports.GroupCardModal=an;exports.HeaderButtons=as;exports.LayoutSettings=Rt;exports.Link=et;exports.ListingSelector=re;exports.MetaInfoPost=Bs;exports.PagesMobileMenu=cs;exports.PagesMobileModal=ct;exports.PagesSettings=Wt;exports.ProductCardButtons=Ps;exports.ProductCardModal=zs;exports.ProductOptions=it;exports.ShareLink=gs;exports.ShoppingButton=ot;exports.ShoppingModalCart=rt;exports.UserInfo=tt;

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, g as U, h as Ct, i as mt, k as pt, P as gt, S as lt, l as Pt, D as ft, m as xt, v as _t, B as dt, n as ot, a as wt, o as Tt, O as ht, q as J, r as yt, C as jt, t as V, w as At, x as Dt, y as bt, z as Et, A as It, E as W, L as Rt, F as St, G as vt, b as ct, s as at, f as Q, H as Lt, J as R, K as Ut, N as ut, Q as Ht, T as rt, U as zt, V as Mt, W as Ft, X as Bt, Y as Vt } from "./index-BJ2sBvmH.js";
-import { a4 as si, a8 as ni, a2 as ii, a0 as ai, a7 as oi, a6 as ci, $ as ri, a1 as li, Z as di, _ as ui, a3 as hi, a5 as mi } from "./index-BJ2sBvmH.js";
+import { j as t, I as j, g as U, h as Ct, i as mt, k as pt, P as gt, S as lt, l as Pt, D as ft, m as xt, v as _t, B as dt, n as ot, a as wt, o as Tt, O as ht, q as J, r as yt, C as jt, t as V, w as At, x as Dt, y as bt, z as Et, A as It, E as W, L as Rt, F as St, G as vt, b as ct, s as at, f as Q, H as Lt, J as R, K as Ut, N as ut, Q as Ht, T as rt, U as zt, V as Mt, W as Ft, X as Bt, Y as Vt } from "./index-BaHwFFyS.js";
+import { a4 as si, a8 as ni, a2 as ii, a0 as ai, a7 as oi, a6 as ci, $ as ri, a1 as li, Z as di, _ as ui, a3 as hi, a5 as mi } from "./index-BaHwFFyS.js";
 import f from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@billgangcom/theme-lib",
-  "version": "1.107.1",
+  "version": "1.108.0",
   "type": "module",
   "publishConfig": {
     "access": "public"