@billgangcom/theme-lib 1.69.11 → 1.70.0

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-BmGejS-J.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.createTicket=e.createTicket;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.useBuilderPages=e.useBuilderPages;exports.ReCaptchaProvider=t.ReCaptchaProvider;exports.aspectRatioOptions=t.aspectRatioOptions;exports.formatPrice=t.formatPrice;exports.splitTextIntoSpans=t.splitTextIntoSpans;exports.useAdaptiveStyles=t.useAdaptiveStyles;exports.useReCaptcha=t.useReCaptcha;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-Cy8eg8c9.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.createTicket=e.createTicket;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.useBuilderPages=e.useBuilderPages;exports.ReCaptchaProvider=t.ReCaptchaProvider;exports.aspectRatioOptions=t.aspectRatioOptions;exports.formatPrice=t.formatPrice;exports.splitTextIntoSpans=t.splitTextIntoSpans;exports.useAdaptiveStyles=t.useAdaptiveStyles;exports.useReCaptcha=t.useReCaptcha;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { App as s, ColorVariables as t, createTicket as o, hotReload as r, iconNames as p, useBuilderPages as i } from "./builder.es.js";
-import { R as l, a as u, f as R, s as d, b as f, u as m } from "./index-tqQPnjru.js";
+import { R as l, a as u, f as R, s as d, b as f, u as m } from "./index-Cdy-HLHi.js";
 export {
   s as App,
   t as ColorVariables,

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

@@ -19,7 +19,7 @@ export interface Home {
     createdAt: string;
     ratingPlacement: number;
     balance?: Price;
-    spendMoreUsdForNextPlace: number;
+    spendMoreDefaultCurrencyForNextPlace: number;
     topSpenderProduct?: Product;
     favoriteProduct?: Product;
 }

package/dist/ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BmGejS-J.cjs"),h=require("react");require("react-dom");const lt="_block_kh9z8_8",dt="_title_kh9z8_16",ut="_subtitle_kh9z8_23",xt="_alignmentContent_kh9z8_30",pt="_alignments_kh9z8_39",mt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",jt="_paddings_kh9z8_71",gt="_padding_kh9z8_71",ft="_active_kh9z8_97",z={block:lt,title:dt,subtitle:ut,alignmentContent:xt,alignments:pt,alignment:mt,circle:ht,paddings:jt,padding:gt,active:ft},Et=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],_t=["left","top","right","bottom"],Rt=d=>{const{alignment:n,padding:o,setPadding:s,setAlignment:e,isAlignment:l=!0,isPadding:c=!0}=d;function x(r){switch(r){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(r){switch(r){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[_,P]=h.useState(null),[g,a]=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:[l&&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:Et.map(r=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{e(r)},className:z.alignment,onMouseEnter:()=>{P(r)},onMouseLeave:()=>{P(null)},children:[r!==n&&_!==r&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),r!==n&&_===r&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(_),fill:"#c2c2c2",width:22,height:22}),r===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(n),fill:"#FF3F19",width:22,height:22})]},r))})]}),c&&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:_t.map(r=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:g===r}),onFocus:()=>{a(r)},onBlur:()=>{a(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(r),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(o[r]),onChange:i=>s({...o,[r]:Math.min(Number(i),999)}),max:999,paddingless:!0,borderless:!0})]},r))})]})]})]})},vt="_title_82zux_1",yt="_subtitle_82zux_5",bt="_productsBlock_82zux_14",It="_top_82zux_26",St="_products_82zux_14",Nt="_product_82zux_14",Ct="_button_82zux_80",Pt="_disabled_82zux_91",kt="_buttons_82zux_118",wt="_addButton_82zux_157",Bt="_deleteButton_82zux_179",H={title:vt,subtitle:yt,productsBlock:bt,top:It,products:St,product:Nt,button:Ct,disabled:Pt,buttons:kt,addButton:wt,deleteButton:Bt};function Mt({id:d,children:n}){const{attributes:o,listeners:s,setNodeRef:e,transform:l,transition:c,isDragging:x}=t.useSortable({id:d}),j={transform:t.CSS.Transform.toString(l),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:e,style:j,className:`${H.product} ${x?H.dragging:""}`,...o,...s,children:n})}const $t=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,tags:c,title:x,subtitle:j,draggable:_=!1,withImage:P=!1,addable:g=!0,itemsOptions:a,hasRangeSelector:r=!1,rangeSelectorOptions:i,limit:k,autoScrollInterval:f,deletable:E,aspectRatio:y,setAspectRatio:S}=d,O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=p=>{const{active:b,over:N}=p;if(N&&b.id!==N.id){const M=s.findIndex($=>$===b.id),v=s.findIndex($=>$===N.id);if(M!==-1&&v!==-1){const $=[...s],[R]=$.splice(M,1);$.splice(v,0,R),e($)}}};function Y(p){if(P)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const m=(p,b=!1)=>{const N=a.find(v=>v.id===p);if(!N)return;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:v=>{const $=[...s],R=a.find(u=>u.name===v);if(!R)return;const T=R.id,L=$.map(u=>u===p?T:u);e([...L])},value:N.name,options:a.filter(v=>!s.find($=>$===v.id)).map(v=>v.name),leftAddonOptions:a.map(v=>({value:v.name,addon:Y(v.images)}))}),b&&t.jsxRuntimeExports.jsx("div",{className:H.buttons,children:t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>e(s.filter(v=>v!==p))})})})]});return _?t.jsxRuntimeExports.jsx(Mt,{id:p,children:M},t.v4()):t.jsxRuntimeExports.jsx("div",{className:H.product,children:M},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>o==null?void 0:o(p)})]}),r&&i&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...i}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:j}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(p=>m(p,E))})}):s.map(p=>m(p,E)),g&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(k&&k<=s.length||s.length===a.length)}),size:"s",disabled:!!(k&&k<=s.length||s.length===a.length),onClick:()=>{const p=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M===a[N].id)){b=a[N];break}}p.push((b==null?void 0:b.id)||a[0].id),e(p)},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})]})})})]}),y&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:y,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:p=>S(p),leftAddonOptions:t.aspectRatioOptions}),c!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:c}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l}),f!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(f.scrollInterval),onChange:p=>f.setScrollInterval(Number(p)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Tt="_title_roi3a_1",qt="_subtitle_roi3a_5",Ot="_productsBlock_roi3a_14",At="_top_roi3a_26",Dt="_products_roi3a_14",Lt="_product_roi3a_14",Ut="_button_roi3a_80",zt="_disabled_roi3a_91",Vt="_buttons_roi3a_118",Ht="_addButton_roi3a_164",Ft="_deleteButton_roi3a_179",U={title:Tt,subtitle:qt,productsBlock:Ot,top:At,products:Dt,product:Lt,button:Ut,disabled:zt,buttons:Vt,addButton:Ht,deleteButton:Ft};function Yt({product:d,children:n}){const{attributes:o,listeners:s,setNodeRef:e,transform:l,transition:c,isDragging:x}=t.useSortable({id:d.id}),j={transform:t.CSS.Transform.toString(l),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:e,style:j,className:`${U.product} ${x?U.dragging:""}`,...o,...s,children:n})}const Wt=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,title:l,subtitle:c,editable:x=!0,draggable:j=!1,deletable:_=!0,addable:P=!0,itemsType:g,itemsOptions:a,addableOptions:r={},limit:i}=d,[k,f]=h.useState(null),[E,y]=h.useState(null),S=h.useRef(null),O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(k){const p=[...s].map(b=>b.id===k.id?k:b);e(p)}},[k]),h.useEffect(()=>{S.current&&E&&(S.current.getBoundingClientRect().height,E.top)},[S.current,E]);const A=(p,b)=>{p.stopPropagation();const N=p.target.getBoundingClientRect();y({top:N.top+window.scrollY,left:N.left-30}),f(b)},Y=p=>{const{active:b,over:N}=p;if(N&&b.id!==N.id){const M=s.findIndex($=>$.id===b.id),v=s.findIndex($=>$.id===N.id);if(M!==-1&&v!==-1){const $=[...s],[R]=$.splice(M,1);$.splice(v,0,R),e($)}}},m=(p,b)=>{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})}),g==="select"&&a&&t.jsxRuntimeExports.jsx(t.Select,{onChange:M=>{const v=[...s],$=a.find(T=>T.name===M);if(!$)return;const R=v.map(T=>T.id===p.id?{...$,name:{"en-US":M}}:T);f({...p,name:{"en-US":M}}),e([...R])},value:p.name,options:a.filter(M=>!s.find(v=>v.name===M.name)).map(M=>M.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:M=>A(M,p)})}),_&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>e(s.filter(M=>M.id!==p.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Yt,{product:p,index:b,children:N},p.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:N},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(l||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:l}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>o==null?void 0:o(p)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[c&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:c}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:Y,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map((p,b)=>m(p,b))})}):s.map((p,b)=>m(p,b)),P&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(U.button,{[U.disabled]:!!(i&&i<=s.length||s.length===(a==null?void 0:a.length))}),size:"s",disabled:!!(i&&i<=s.length||s.length===(a==null?void 0:a.length)),onClick:()=>{const p=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M.id===a[N].id)){b=a[N];break}}g==="select"&&a&&p.push({name:b?b.name:a[0].name,id:(b==null?void 0:b.id)||a[0].id,...r}),e(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:U.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function Gt(d){const{product:n,children:o}=d,{attributes:s,listeners:e,setNodeRef:l,transform:c,transition:x,isDragging:j}=t.useSortable({id:n.id}),_={transform:t.CSS.Transform.toString(c),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:l,style:_,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...e,children:o})}const Xt=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,title:c,subtitle:x,editable:j=!0,draggable:_=!1,deletable:P=!0,addable:g=!0,itemsType:a,itemsPlaceholder:r="",itemsOptions:i,hasRangeSelector:k=!1,rangeSelectorOptions:f,modalOptions:E,addableOptions:y={},limit:S}=d,[O,A]=h.useState(null),[Y,m]=h.useState({top:0,left:0}),[p,b]=h.useState(null),N=h.useRef(null),[M,v]=h.useState(!1),$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const u=()=>{A(null),v(!1)};return document.body.addEventListener("click",u),A(null),v(!1),()=>{A(null),v(!1),document.body.removeEventListener("click",u)}},[]),h.useEffect(()=>{if(O){const u=[...s].map(B=>B.id===O.id?O:B);e(u)}},[O]),h.useEffect(()=>{if(N.current&&p){const u=N.current.getBoundingClientRect().height,B=window.innerHeight;let I=p.top;I+u>B+window.scrollY-200&&(I=B+window.scrollY-u-200),I<0&&(I=10),m({top:I,left:p.left})}},[N.current,p]);const R=(u,B)=>{u.stopPropagation();const I=u.target.getBoundingClientRect();b({top:I.top+window.scrollY,left:I.left-30}),A(B),v(!0)},T=u=>{const{active:B,over:I}=u;if(I&&B.id!==I.id){const q=s.findIndex(D=>D.id===B.id),G=s.findIndex(D=>D.id===I.id);if(q!==-1&&G!==-1){const D=[...s],[W]=D.splice(q,1);D.splice(G,0,W),e(D)}}},L=u=>{var I;const B=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&i&&t.jsxRuntimeExports.jsx(t.Select,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,name:{"en-US":q}}:W);A({...u,name:{"en-US":q}}),e([...D])},value:u.name["en-US"],options:i.filter(q=>!s.find(G=>G.name["en-US"]===q))}),a==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,name:{"en-US":q}}:W);e([...D])},value:u.name["en-US"],placeholder:r}),a==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,images:q}:W);e([...D])},activeImage:(I=s.find(q=>q.id===u.id))==null?void 0:I.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:q=>R(q,u)})}),P&&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:()=>e(s.filter(q=>q.id!==u.id))})})]})]});return _?t.jsxRuntimeExports.jsx(Gt,{product:u,children:B},u.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:B},u.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(c||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:c}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:u=>o==null?void 0:o(u)})]}),O&&j&&E&&M&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:O,setActiveItem:A,popupPosition:Y,modalOptions:E,setIsOpenModal:v}),k&&f&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...f}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:x}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:T,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(u=>u.id),strategy:t.verticalListSortingStrategy,children:s.map(u=>L(u))})}):s.map(u=>L(u)),g&&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 u=[...s];let B=null;if(i){for(let I=0;I<i.length;I++)if(!s.find(q=>q.name["en-US"]===i[I])){B=i[I];break}}a==="select"&&i?u.push({name:{"en-US":B||i[0]},id:t.v4(),...y,maxSymbols:100}):a==="input"?u.push({name:{"en-US":""},id:t.v4(),...y,maxSymbols:100}):u.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...y,maxSymbols:100}),e(u)},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})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l})]})},Qt="_subtitle_jql1y_1",Jt="_products_jql1y_10",Kt="_product_jql1y_10",Zt="_button_jql1y_11",te="_buttons_jql1y_11",ee="_addButton_jql1y_150",se="_deleteButton_jql1y_165",X={subtitle:Qt,products:Jt,product:Kt,button:Zt,buttons:te,addButton:ee,deleteButton:se},et=d=>{const{buttons:n,setButtons:o,deletable:s=!0,addable:e=!0,editableLink:l=!0}=d,{pages:c}=t.usePagesStore(),[x,j]=h.useState(null),[_,P]=h.useState({top:0,left:0}),[g,a]=h.useState(null),r=h.useRef(null);h.useEffect(()=>{if(x){const f=[...n].map(E=>E.id===x.id?x:E);o(f)}},[x]),h.useEffect(()=>{if(r.current&&g){const f=r.current.getBoundingClientRect().height,E=window.innerHeight;let y=g.top;y+f>E+window.scrollY-200&&(y=E+window.scrollY-f-200),y<0&&(y=10),P({top:y,left:g.left})}},[r.current,g]);const i=(f,E)=>{f.stopPropagation();const y=f.target.getBoundingClientRect();a({top:y.top+window.scrollY-70,left:y.left-(e?30:65)}),j(E)},k=(f,E)=>{const y=[...n],S={...f,id:Math.random().toString(36).substr(2,9)};y.splice(E+1,0,S),o(y)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),n.map((f,E)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:y=>{const O=[...n].map(A=>A.id===f.id?{...f,type:y}:A);o(O)},value:f.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:()=>{k(f,E)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:y=>{i(y,f)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const y=n.filter(S=>S.id!==f.id);o(y)},width:20,height:20,fill:"#C12A2A"})})]})]},f.id)),x&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:r,activeButton:x,setActiveButton:j,popupPosition:_,editableLink:l}),e&&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 f=[...n];l?f.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:c?Object.values(c)[0].path:"/",openInNewTab:!1}):f.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:c?Object.values(c)[0].path:"/",openInNewTab:!1}),o(f)},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})]})})})]})},ne=d=>{const{isActiveButtons:n,setIsActiveButtons:o,buttons:s,setButtons:e,editableLink:l=!0,addable:c=!0,deletable:x=!0}=d;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=>o(j)})]}),n&&t.jsxRuntimeExports.jsx(et,{buttons:s,setButtons:e,editableLink:l,addable:c,deletable:x})]})})};function ie(d){const{product:n,children:o}=d,{attributes:s,listeners:e,setNodeRef:l,transform:c,transition:x,isDragging:j}=t.useSortable({id:String(n.listingId)}),_={transform:t.CSS.Transform.toString(c),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:l,style:_,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...e,children:o})}const oe=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,title:c,subtitle:x,editable:j=!0,draggable:_=!1,withImage:P=!1,deletable:g=!0,addable:a=!0,itemsType:r,itemsOptions:i,limit:k,aspectRatio:f,setAspectRatio:E}=d,[y,S]=h.useState(null),[O,A]=h.useState({top:0,left:0}),[Y,m]=h.useState(!1),p=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const R=()=>{S(null),m(!1)};return document.body.addEventListener("click",R),S(null),m(!1),()=>{S(null),m(!1),document.body.removeEventListener("click",R)}},[]),h.useEffect(()=>{if(y){const R=[...s].map(T=>T.listingId===y.listingId?y:T);e(R)}},[y]);const b=(R,T)=>{R.stopPropagation();const L=R.target.getBoundingClientRect(),u=100,B=window.innerHeight;let I=L.top+window.scrollY;I+u>B&&(I=B-u-20),m(!0),A({top:I-80,left:L.left-30}),S(T)};function N(R){if(P)return R?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${R}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=R=>{const{active:T,over:L}=R;if(L&&T.id!==L.id){const u=s.findIndex(I=>String(I.listingId)===T.id),B=s.findIndex(I=>String(I.listingId)===L.id);if(u!==-1&&B!==-1){const I=[...s],[q]=I.splice(u,1);I.splice(B,0,q),e(I)}}},v=R=>{const T=i.find(u=>R.listingId===u.id);if(!T)return null;const L=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),r==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:u=>{const B=[...s],I=i.find(D=>D.productData.name===u);if(!I)return;const q={listingId:I.id,image:I.productData.images.length>0?I.productData.images[0].cfId:""},G=B.map(D=>D.listingId===R.listingId?q:D);S(q),e([...G])},value:T.productData.name,options:[...i.filter(u=>!s.find(B=>B.listingId===u.id)).map(u=>u.productData.name)],leftAddonOptions:i.map(u=>{var B;return{value:u.productData.name,addon:N(((B=u.productData.images[0])==null?void 0:B.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:u=>b(u,R)})}),g&&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:()=>e(s.filter(u=>u!==R))})})]})]});return _?t.jsxRuntimeExports.jsx(ie,{product:R,children:L},R.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:L},R.listingId)},$=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(c||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:c}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:R=>o==null?void 0:o(R)})]}),Y&&y&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:$,activeItem:y,setActiveItem:S,setIsOpenModal:m,popupPosition:O,itemsOptions:i}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:x}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:p,onDragEnd:M,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)),a&&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 T=0;T<i.length;T++)if(!s.find(L=>L.listingId===i[T].id)){R.push({listingId:i[T].id,image:i[T].productData.images.length>0?i[T].productData.images[0].cfId:""});break}e(R)},disabled:s.length===(k||i.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})]})})})]}),f&&E&&t.jsxRuntimeExports.jsx(t.Select,{value:f,options:Object.keys(t.aspectRatio),onChange:R=>E(R),leftAddonOptions:t.aspectRatioOptions}),n&&l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l})]})},re="_options_167h8_1",ae="_price_167h8_18",ce="_oldPrice_167h8_25",le="_newPrice_167h8_33",de="_animate_167h8_40",ue="_meta_167h8_58",xe="_info_167h8_64",pe="_infoRight_167h8_73",me="_buttons_167h8_80",he="_variants_167h8_87",je="_variant_167h8_87",ge="_stock_167h8_105",fe="_variantInfo_167h8_112",Ee="_quantity_167h8_119",_e="_button_167h8_80",Re="_activeVariant_167h8_165",ve="_chargeTypes_167h8_169",ye="_charge_167h8_169",be="_chargeActive_167h8_194",Ie="_title_167h8_202",w={options:re,price:ae,oldPrice:ce,newPrice:le,animate:de,meta:ue,info:xe,infoRight:pe,buttons:me,variants:he,variant:je,stock:ge,variantInfo:fe,quantity:Ee,button:_e,activeVariant:Re,chargeTypes:ve,charge:ye,chargeActive:be,title:Ie};var K=(d=>(d.ONE_TIME="One-Time",d.RECURRING="Subscribe & Save",d))(K||{});const st=d=>{var A,Y;const{product:n,setIsOpen:o}=d,{variants:s}=n,[e,l]=h.useState(s[0]),[c,x]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:j,setNotifications:_}=t.useNotificationStore(),P=t.useNavigate(),[g,a]=h.useState(1),{cart:r,reset:i,addProductToCart:k}=t.useCart(),[f,E]=h.useState(!1);h.useEffect(()=>{E(!0);const m=setTimeout(()=>E(!1),600);return()=>clearTimeout(m)},[g]);async function y(){try{k({productId:n.id,productVariantId:e.id,quantity:g}),_([...j,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(m){_([...j,{id:t.v4(),message:`Product failed to add to cart: ${m}`,status:"error"}])}o==null||o(!1)}function S(){i(),y(),P("/checkout")}function O(m){if(m>=864e5){const v=Math.floor(m/864e5);return`${v} ${v===1?"day":"days"}`}else if(m>=36e5){const v=Math.floor(m/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(m>=6e4){const v=Math.floor(m/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(m/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?a(0):a(1)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:w.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:w.chargeTypes,children:e.chargeTypes.map(m=>t.jsxRuntimeExports.jsx("div",{className:t.clx(w.charge,{[w.chargeActive]:c===m}),onClick:()=>x(m),children:K[m]},m))}),t.jsxRuntimeExports.jsx("div",{className:w.variants,children:s.map(m=>{var p,b;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(w.variant,{[w.activeVariant]:e.id===m.id}),onClick:()=>l(m),children:[t.jsxRuntimeExports.jsxs("div",{className:w.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:w.title,children:t.splitTextIntoSpans(m.name)}),t.jsxRuntimeExports.jsx("span",{children:t.formatPrice({amount:c==="ONE_TIME"?m.price.amount:m.subscriptionSettings?m.subscriptionSettings.price.amount:0,currency:c==="ONE_TIME"?m.price.currency:m.subscriptionSettings?m.subscriptionSettings.price.currency:"USD"})})]}),t.jsxRuntimeExports.jsx("div",{children:c==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:w.stock,children:[(p=m.quantity.restrictions)!=null&&p.max||m.quantity.available!==void 0?((b=m.quantity.restrictions)==null?void 0:b.max)||m.quantity.available:"∞"," ","in stock"]})})]},m.id)})}),c==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:w.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{g>1?a(m=>m-1):a(1)},className:w.button,disabled:e.quantity.available&&e.quantity.restrictions&&g<=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(g),onChange:m=>{e.quantity.available&&Number(m)>e.quantity.available?a(e.quantity.available):a(Number(m))},max:((A=e.quantity.restrictions)==null?void 0:A.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((Y=e.quantity.restrictions)==null?void 0:Y.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&g>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a(m=>m+1)},className:w.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&g>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&g>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:w.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:w.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:w.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{children:!e.deliveryTime||e.deliveryTime===0?"Instant":O(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:w.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:w.infoRight,children:c==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:w.price,children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.price.amount*g,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:w.oldPrice,children:t.formatPrice({amount:e.compareAtPrice.amount*g,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.price.amount*g,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:w.price,children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.subscriptionSettings.price.amount*g,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:w.oldPrice,children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*g,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.subscriptionSettings.price.amount*g,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:w.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0,children:c==="ONE_TIME"?"Buy Now":"Subscribe Now"}),c==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>y(),disabled:e.quantity&&e.quantity.available===0,children:r.parts.some(m=>m.productId===n.id&&m.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Se="_buttons_qns27_23",Ne="_modal_qns27_32",Ce="_closing_qns27_64",Pe="_info_qns27_113",ke="_top_qns27_120",we="_title_qns27_131",Be="_clear_qns27_138",Me="_activeClear_qns27_145",$e="_count_qns27_149",Te="_cart_qns27_164",qe="_empty_qns27_172",Oe="_product_qns27_198",Ae="_products_qns27_207",De="_image_qns27_215",Le="_productInfo_qns27_231",Ue="_content_qns27_238",ze="_name_qns27_244",Ve="_price_qns27_250",He="_productButtons_qns27_256",Fe="_productButton_qns27_256",Ye="_productCount_qns27_273",We="_bottom_qns27_290",Ge="_subtotal_qns27_298",Xe="_block_qns27_306",Qe="_shoppingCount_qns27_313",Je="_total_qns27_333",Ke="_link_qns27_339",Ze="_userInfo_qns27_346",ts="_pagesMobileModal_qns27_358",es="_pagesMobileModalContent_qns27_372",ss="_pagesMobileModalHeader_qns27_378",ns="_pagesMobileModalFooter_qns27_388",C={buttons:Se,modal:Ne,closing:Ce,info:Pe,top:ke,title:we,clear:Be,activeClear:Me,count:$e,cart:Te,empty:qe,product:Oe,products:Ae,image:De,productInfo:Le,content:Ue,name:ze,price:Ve,productButtons:He,productButton:Fe,productCount:Ye,bottom:We,subtotal:Ge,block:Xe,shoppingCount:Qe,total:Je,link:Ke,userInfo:Ze,pagesMobileModal:ts,pagesMobileModalContent:es,pagesMobileModalHeader:ss,pagesMobileModalFooter:ns},is=d=>{const{shopping:n,signUp:o,isShowUserInfo:s=!0}=d;return t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[n&&t.jsxRuntimeExports.jsx(nt,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:o})]})},nt=()=>{const[d,n]=h.useState(!1),[o,s]=h.useState([]),[e,l]=h.useState(!1),{cart:c,products:x}=t.useCart();function j(a){if(a.variants.length>0){for(let r=0;r<c.parts.length;r++)for(let i=0;i<a.variants.length;i++)if(a.variants[i]&&c.parts[r].productVariantId===a.variants[i].id)return c.parts[r].productVariantId}return a.variants[0].id}function _(a){for(let r=0;r<c.parts.length;r++)for(let i=0;i<a.variants.length;i++)if(a.variants[i]&&c.parts[r].productVariantId===a.variants[i].id)return c.parts[r].quantity}h.useEffect(()=>{(async()=>{const r=c.parts.map(f=>String(f.productId)),k=(x.filter(f=>r.includes(String(f.id)))||[]).map(f=>({...f,activeVariantId:j(f),quantity:_(f)}));s(k)})()},[c.parts]);function P(a){var r;return!a||!(a!=null&&a.variants)?!1:(r=a.variants.find(i=>i.id===a.activeVariantId))==null?void 0:r.subscriptionSettings}const g=c.parts.length>0&&o.length>0&&!P(o[0]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:a=>{a.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),l(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),g&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:c.parts.length})]}),d&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{l(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(it,{activeProducts:o,isCartNotEmpty:g,isOpen:e})})]})},it=d=>{var a,r;const{activeProducts:n,isCartNotEmpty:o,isOpen:s}=d,{cart:e,reset:l,getTotalAndDiscount:c,updateQuantityOfProduct:x}=t.useCart(),j=t.useNavigate();function _(i,k){j(i,{replace:k})}function P(i){i.quantity&&x({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity+1})}function g(i){i.quantity&&x({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:i=>i.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,children:"Cart"}),o&&t.jsxRuntimeExports.jsx("div",{className:C.count,children:e.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:o}),disabled:!o,onClick:l,children:"Clear all"})]}),o?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:[...new Map(n.map(i=>[i.id,i])).values()].map(i=>t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[i.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i.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,children:t.splitTextIntoSpans(i.name)}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:i.variants.find(k=>k.id===i.activeVariantId).price.amount*((i==null?void 0:i.quantity)||1),currency:i.variants.find(k=>k.id===i.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{i.quantity!==1&&g(i)},className:C.productButton,disabled:i.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.productCount,children:i.quantity}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>P(i),className:C.productButton,disabled:i.quantity===i.variants.find(k=>k.id===i.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},i.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:c().total,currency:e.parts.length>0&&((r=(a=n.find(i=>i.id===e.parts[0].productId))==null?void 0:a.variants.find(i=>i.id===e.parts[0].productVariantId))==null?void 0:r.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>_("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ot,{})]})},ot=()=>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",{children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,children:"view products"})]})]}),tt=({signUp:d,close:n})=>{const{token:o}=t.useStorefrontStore(),s=t.useNavigate(),[e,l]=h.useState("test-email@gmail.com");h.useEffect(()=>{o&&(async()=>{if(!o)return;const j=t.jwtDecode(o);l(j.email)})()},[o]);function c(x){window.location.pathname.includes("/admin/builder")||s(x)}return o?t.jsxRuntimeExports.jsx("div",{className:C.userInfo,onClick:()=>{c("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:e||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{c("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),d&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{c("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},rt=({children:d,logo:n,setIsOpen:o,signUp:s})=>{const{setIsOpen:e}=t.useModalStore(),l=()=>{e(!1),setTimeout(()=>{o(!1),e(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:l,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:d}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:s,close:l})})]})},os=({children:d,logo:n,signUp:o})=>{const[s,e]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(at,{setIsOpenModal:e}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>e(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(rt,{logo:n,setIsOpen:e,signUp:o,children:d})})]})},at=d=>{const{setIsOpenModal:n}=d;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:o=>{o.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},rs="_share_rlgln_1",as="_modal_rlgln_8",cs="_header_rlgln_20",ls="_title_rlgln_46",ds="_copyWrapper_rlgln_52",us="_copyText_rlgln_61",xs="_copyTextMobile_rlgln_74",ps="_copyTextMiniMobile_rlgln_93",Q={share:rs,modal:as,header:cs,title:ls,copyWrapper:ds,copyText:us,copyTextMobile:xs,copyTextMiniMobile:ps},ms=({title:d="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:o}=t.useShareLinkStore();function s(){o(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:e=>{e.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:o,children:t.jsxRuntimeExports.jsx(hs,{title:d})})]})},hs=({title:d="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notifications:o,setNotifications:s}=t.useNotificationStore(),{setIsOpen:e}=t.useModalStore(),l=window.location.href;function c(){navigator.clipboard.writeText(l),s([...o,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function x(){e(!1),setTimeout(()=>{n(!1),e(!0)},300)}function j(_,P){return _.length>P?_.slice(0,P)+"...":_}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:_=>_.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,children:d}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:x,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:c,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,children:j(l,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,children:j(l,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,children:j(l,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:c,children:o.find(_=>_.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},js="_accordion_1to77_1",gs="_header_1to77_9",fs="_icon_1to77_18",Es="_open_1to77_21",_s="_content_1to77_25",J={accordion:js,header:gs,icon:fs,open:Es,content:_s},Rs=({title:d,content:n,defaultOpen:o=!1})=>{const[s,e]=h.useState(o),[l,c]=h.useState(0),x=h.useRef(null),j=()=>{e(!s)};return h.useEffect(()=>{x.current&&c(s?x.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:d}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:x,className:J.content,style:{height:`${l}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},ct=({children:d,path:n,className:o,target:s="_self",id:e})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:o,role:"link",style:{cursor:"pointer"},id:e,children:d});const l=t.useNavigate(),c=/^https?:\/\//.test(n),x=j=>{c||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.open(n,"_self"):(j.preventDefault(),l(n,{replace:!1}))};return t.jsxRuntimeExports.jsx("div",{onClick:x,className:o,role:"link",style:{cursor:"pointer"},id:e,children:d})},vs="_buttonsBlock_1b2rb_1",ys={buttonsBlock:vs},bs=d=>{var _,P;const{setIsOpen:n,setModalType:o,productId:s}=d,{cart:e}=t.useCart(),{pageContext:l}=t.usePagesStore(),c=(_=l==null?void 0:l.listings)==null?void 0:_.find(g=>g.id===s);if(!c)return null;const x=(P=l==null?void 0:l.products)==null?void 0:P.find(g=>g.uniquePath===c.productData.uniquePath);if(!x)return null;const j=e.parts.find(g=>g.productId===x.id);return t.jsxRuntimeExports.jsxs("div",{className:ys.buttonsBlock,onClick:g=>g.stopPropagation(),children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{o("Add To Cart"),n(!0)},children:j?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{o("Buy Now"),n(!0)},children:"Buy"})]})},Is="_wrapper_27wzz_1",Ss="_logo_27wzz_8",Ns="_info_27wzz_12",Z={wrapper:Is,logo:Ss,info:Ns},Cs=({date:d})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function o(s){const e=new Date(s),l={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return e.toLocaleDateString("en-US",l)}return t.jsxRuntimeExports.jsxs("div",{className:Z.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:Z.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:Z.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:n.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:o(d)})]})]})},Ps="_variants_puxd1_80",ks="_variant_puxd1_80",ws="_stock_puxd1_98",Bs="_variantInfo_puxd1_105",Ms="_chargeTypes_puxd1_165",$s="_charge_puxd1_165",Ts="_chargeActive_puxd1_190",qs="_title_puxd1_198",Os="_modal_puxd1_204",As="_header_puxd1_224",Ds="_productOptions_puxd1_232",Ls="_loading_puxd1_236",F={variants:Ps,variant:ks,stock:ws,variantInfo:Bs,chargeTypes:Ms,charge:$s,chargeActive:Ts,title:qs,modal:Os,header:As,productOptions:Ds,loading:Ls},Us=d=>{var a;const{pageContext:n}=t.usePagesStore(),o=(a=n==null?void 0:n.listings)==null?void 0:a.find(r=>r.id===d.productId),[s,e]=h.useState(!0),[l,c]=h.useState(null),x=(l==null?void 0:l.variants[0])||null,[j,_]=h.useState(x!=null&&x.chargeTypes&&x.chargeTypes.length>1?x.chargeTypes[0]:"ONE_TIME"),{addProducts:P}=t.useCart(),{setIsOpen:g}=t.useModalStore();return h.useEffect(()=>{(async()=>{e(!0);const i=await t.getDynamicPage(encodeURIComponent(`/product/${o.productData.uniquePath}`));P(i==null?void 0:i.data.products),c(i==null?void 0:i.data.products[0]),e(!1)})()},[]),h.useEffect(()=>{g(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:d.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:F.modal,onClick:r=>r.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:F.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),d.type==="Add To Cart"&&l&&x&&!s&&t.jsxRuntimeExports.jsx(zs,{variants:l.variants,activeVariant:x,activeChargeType:j,setActiveChargeType:_,productId:l.id,setIsOpen:d.setIsOpen}),d.type==="Buy Now"&&l&&!s&&t.jsxRuntimeExports.jsx(Vs,{product:l,setIsOpen:d.setIsOpen})]})})},zs=d=>{const{variants:n,activeChargeType:o,setActiveChargeType:s,activeVariant:e,productId:l,setIsOpen:c}=d,{cart:x,addProductToCart:j,addProducts:_,updateQuantityOfProduct:P}=t.useCart(),{notifications:g,setNotifications:a}=t.useNotificationStore(),{pageContext:r}=t.usePagesStore(),{setIsOpen:i}=t.useModalStore(),k=()=>{i(!1),setTimeout(()=>{c(!1)},300)};async function f(E){const y=x.parts.find(S=>S.productId===d.productId&&S.productVariantId===E);if(y)P({productId:l,productVariantId:E,quantity:y.quantity+1});else{r!=null&&r.products&&_(r.products);try{j({productId:l,productVariantId:E,quantity:1}),a([...g,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){console.log(S,"error"),a([...g,{id:t.v4(),message:`Product failed to add to cart: ${S}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:F.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:k})]}),e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:F.chargeTypes,children:e.chargeTypes.map(E=>t.jsxRuntimeExports.jsx("div",{className:t.clx(F.charge,{[F.chargeActive]:o===E}),onClick:()=>s(E),children:K[E]},E))}),t.jsxRuntimeExports.jsx("div",{className:F.variants,children:n.map(E=>{var y,S,O;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(F.variant),onClick:()=>{f(E.id),c(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:F.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:F.title,children:E.name}),t.jsxRuntimeExports.jsx("span",{children:t.formatPrice({amount:o==="ONE_TIME"?E.price.amount:E.subscriptionSettings?E.subscriptionSettings.price.amount:0,currency:o==="ONE_TIME"?E.price.currency:((y=E.subscriptionSettings)==null?void 0:y.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{children:o==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:F.stock,children:[(S=E.quantity.restrictions)!=null&&S.max||E.quantity.available!==void 0?((O=E.quantity.restrictions)==null?void 0:O.max)||E.quantity.available:"∞"," ","in stock"]})})]},E.id)})})]})},Vs=d=>{const{product:n,setIsOpen:o}=d,{setIsOpen:s}=t.useModalStore(),e=()=>{s(!1),setTimeout(()=>{o(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:F.header,children:[t.jsxRuntimeExports.jsxs("div",{id:"h3",children:["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:F.productOptions,children:t.jsxRuntimeExports.jsx(st,{product:n,setIsOpen:o})})]})},Hs="_contentModal_2a136_1",Fs="_modalTop_2a136_13",Ys="_loading_2a136_19",Ws="_modalCards_2a136_27",Gs="_modalImage_2a136_32",Xs="_card_2a136_37",Qs="_cardInfo_2a136_48",Js="_cardButtons_2a136_55",Ks="_title_2a136_61",Zs="_blockImage_2a136_68",V={contentModal:Hs,modalTop:Fs,loading:Ys,modalCards:Ws,modalImage:Gs,card:Xs,cardInfo:Qs,cardButtons:Js,title:Ks,blockImage:Zs},tn=d=>{const{setIsOpen:n,pageContext:o,groupData:s,setProductId:e,setIsProductModalOpen:l}=d,[c,x]=h.useState(null),[j,_]=h.useState(!0),{setIsOpen:P}=t.useModalStore();h.useEffect(()=>{var i;_(!0);const r=(i=o.listings)==null?void 0:i.filter(k=>s.listingIdList.includes(k.id));r&&x([...r]),_(!1)},[o]),h.useEffect(()=>{P(!0)},[]);const g=()=>{P(!1),setTimeout(()=>{n(!1)},300)};function a(r){return r.productData.compareAtPrice?r.productData.compareAtPrice.amount:0}return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsxs("div",{className:V.contentModal,onClick:r=>r.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:V.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:V.title,id:"h4",children:t.splitTextIntoSpans(s.name)}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:g})]}),!j&&c&&t.jsxRuntimeExports.jsx("div",{className:V.modalCards,children:c.map(r=>t.jsxRuntimeExports.jsxs("div",{className:V.card,children:[t.jsxRuntimeExports.jsx("div",{children:r.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${r.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:V.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(V.blockImage,V.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:V.cardInfo,children:[t.jsxRuntimeExports.jsxs("span",{className:V.name,id:"h5",children:[t.splitTextIntoSpans(r.productData.name)," $",r.productData.minPrice.amount," ","- $",a(r)]}),r.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:V.short,id:"md",children:t.splitTextIntoSpans(r.productData.shortDescription)}),t.jsxRuntimeExports.jsx("span",{})]}),t.jsxRuntimeExports.jsxs("div",{className:V.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{e(r.id),n(!1),l(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(ct,{path:`/product/${r.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",children:"View Details"})})]})]},r.id))}),j&&t.jsxRuntimeExports.jsx("div",{className:V.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};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.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=Rs;exports.BurgerMenuButton=at;exports.ButtonTypeSettings=et;exports.ButtonsSettings=ne;exports.CategorySettings=$t;exports.ChargeTypes=K;exports.EmptyCart=ot;exports.FormSettings=Xt;exports.GroupCardModal=tn;exports.HeaderButtons=is;exports.LayoutSettings=Rt;exports.Link=ct;exports.ListingSelector=oe;exports.MetaInfoPost=Cs;exports.PagesMobileMenu=os;exports.PagesMobileModal=rt;exports.PagesSettings=Wt;exports.ProductCardButtons=bs;exports.ProductCardModal=Us;exports.ProductOptions=st;exports.ShareLink=ms;exports.ShoppingButton=nt;exports.ShoppingModalCart=it;exports.UserInfo=tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-Cy8eg8c9.cjs"),h=require("react");require("react-dom");const lt="_block_kh9z8_8",dt="_title_kh9z8_16",ut="_subtitle_kh9z8_23",xt="_alignmentContent_kh9z8_30",pt="_alignments_kh9z8_39",mt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",jt="_paddings_kh9z8_71",gt="_padding_kh9z8_71",ft="_active_kh9z8_97",z={block:lt,title:dt,subtitle:ut,alignmentContent:xt,alignments:pt,alignment:mt,circle:ht,paddings:jt,padding:gt,active:ft},Et=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],_t=["left","top","right","bottom"],Rt=d=>{const{alignment:n,padding:o,setPadding:s,setAlignment:e,isAlignment:l=!0,isPadding:c=!0}=d;function x(r){switch(r){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(r){switch(r){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[_,P]=h.useState(null),[g,a]=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:[l&&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:Et.map(r=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{e(r)},className:z.alignment,onMouseEnter:()=>{P(r)},onMouseLeave:()=>{P(null)},children:[r!==n&&_!==r&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),r!==n&&_===r&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(_),fill:"#c2c2c2",width:22,height:22}),r===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(n),fill:"#FF3F19",width:22,height:22})]},r))})]}),c&&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:_t.map(r=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:g===r}),onFocus:()=>{a(r)},onBlur:()=>{a(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(r),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(o[r]),onChange:i=>s({...o,[r]:Math.min(Number(i),999)}),max:999,paddingless:!0,borderless:!0})]},r))})]})]})]})},vt="_title_82zux_1",yt="_subtitle_82zux_5",bt="_productsBlock_82zux_14",It="_top_82zux_26",St="_products_82zux_14",Nt="_product_82zux_14",Ct="_button_82zux_80",Pt="_disabled_82zux_91",kt="_buttons_82zux_118",wt="_addButton_82zux_157",Bt="_deleteButton_82zux_179",H={title:vt,subtitle:yt,productsBlock:bt,top:It,products:St,product:Nt,button:Ct,disabled:Pt,buttons:kt,addButton:wt,deleteButton:Bt};function Mt({id:d,children:n}){const{attributes:o,listeners:s,setNodeRef:e,transform:l,transition:c,isDragging:x}=t.useSortable({id:d}),j={transform:t.CSS.Transform.toString(l),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:e,style:j,className:`${H.product} ${x?H.dragging:""}`,...o,...s,children:n})}const $t=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,tags:c,title:x,subtitle:j,draggable:_=!1,withImage:P=!1,addable:g=!0,itemsOptions:a,hasRangeSelector:r=!1,rangeSelectorOptions:i,limit:k,autoScrollInterval:f,deletable:E,aspectRatio:y,setAspectRatio:S}=d,O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=p=>{const{active:b,over:N}=p;if(N&&b.id!==N.id){const M=s.findIndex($=>$===b.id),v=s.findIndex($=>$===N.id);if(M!==-1&&v!==-1){const $=[...s],[R]=$.splice(M,1);$.splice(v,0,R),e($)}}};function Y(p){if(P)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const m=(p,b=!1)=>{const N=a.find(v=>v.id===p);if(!N)return;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:v=>{const $=[...s],R=a.find(u=>u.name===v);if(!R)return;const T=R.id,L=$.map(u=>u===p?T:u);e([...L])},value:N.name,options:a.filter(v=>!s.find($=>$===v.id)).map(v=>v.name),leftAddonOptions:a.map(v=>({value:v.name,addon:Y(v.images)}))}),b&&t.jsxRuntimeExports.jsx("div",{className:H.buttons,children:t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>e(s.filter(v=>v!==p))})})})]});return _?t.jsxRuntimeExports.jsx(Mt,{id:p,children:M},t.v4()):t.jsxRuntimeExports.jsx("div",{className:H.product,children:M},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>o==null?void 0:o(p)})]}),r&&i&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...i}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:j}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(p=>m(p,E))})}):s.map(p=>m(p,E)),g&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(k&&k<=s.length||s.length===a.length)}),size:"s",disabled:!!(k&&k<=s.length||s.length===a.length),onClick:()=>{const p=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M===a[N].id)){b=a[N];break}}p.push((b==null?void 0:b.id)||a[0].id),e(p)},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})]})})})]}),y&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:y,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:p=>S(p),leftAddonOptions:t.aspectRatioOptions}),c!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:c}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l}),f!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(f.scrollInterval),onChange:p=>f.setScrollInterval(Number(p)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Tt="_title_roi3a_1",qt="_subtitle_roi3a_5",Ot="_productsBlock_roi3a_14",At="_top_roi3a_26",Dt="_products_roi3a_14",Lt="_product_roi3a_14",Ut="_button_roi3a_80",zt="_disabled_roi3a_91",Vt="_buttons_roi3a_118",Ht="_addButton_roi3a_164",Ft="_deleteButton_roi3a_179",U={title:Tt,subtitle:qt,productsBlock:Ot,top:At,products:Dt,product:Lt,button:Ut,disabled:zt,buttons:Vt,addButton:Ht,deleteButton:Ft};function Yt({product:d,children:n}){const{attributes:o,listeners:s,setNodeRef:e,transform:l,transition:c,isDragging:x}=t.useSortable({id:d.id}),j={transform:t.CSS.Transform.toString(l),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:e,style:j,className:`${U.product} ${x?U.dragging:""}`,...o,...s,children:n})}const Wt=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,title:l,subtitle:c,editable:x=!0,draggable:j=!1,deletable:_=!0,addable:P=!0,itemsType:g,itemsOptions:a,addableOptions:r={},limit:i}=d,[k,f]=h.useState(null),[E,y]=h.useState(null),S=h.useRef(null),O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(k){const p=[...s].map(b=>b.id===k.id?k:b);e(p)}},[k]),h.useEffect(()=>{S.current&&E&&(S.current.getBoundingClientRect().height,E.top)},[S.current,E]);const A=(p,b)=>{p.stopPropagation();const N=p.target.getBoundingClientRect();y({top:N.top+window.scrollY,left:N.left-30}),f(b)},Y=p=>{const{active:b,over:N}=p;if(N&&b.id!==N.id){const M=s.findIndex($=>$.id===b.id),v=s.findIndex($=>$.id===N.id);if(M!==-1&&v!==-1){const $=[...s],[R]=$.splice(M,1);$.splice(v,0,R),e($)}}},m=(p,b)=>{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})}),g==="select"&&a&&t.jsxRuntimeExports.jsx(t.Select,{onChange:M=>{const v=[...s],$=a.find(T=>T.name===M);if(!$)return;const R=v.map(T=>T.id===p.id?{...$,name:{"en-US":M}}:T);f({...p,name:{"en-US":M}}),e([...R])},value:p.name,options:a.filter(M=>!s.find(v=>v.name===M.name)).map(M=>M.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:M=>A(M,p)})}),_&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>e(s.filter(M=>M.id!==p.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Yt,{product:p,index:b,children:N},p.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:N},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(l||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:l}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>o==null?void 0:o(p)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[c&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:c}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:Y,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map((p,b)=>m(p,b))})}):s.map((p,b)=>m(p,b)),P&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(U.button,{[U.disabled]:!!(i&&i<=s.length||s.length===(a==null?void 0:a.length))}),size:"s",disabled:!!(i&&i<=s.length||s.length===(a==null?void 0:a.length)),onClick:()=>{const p=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M.id===a[N].id)){b=a[N];break}}g==="select"&&a&&p.push({name:b?b.name:a[0].name,id:(b==null?void 0:b.id)||a[0].id,...r}),e(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:U.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function Gt(d){const{product:n,children:o}=d,{attributes:s,listeners:e,setNodeRef:l,transform:c,transition:x,isDragging:j}=t.useSortable({id:n.id}),_={transform:t.CSS.Transform.toString(c),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:l,style:_,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...e,children:o})}const Xt=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,title:c,subtitle:x,editable:j=!0,draggable:_=!1,deletable:P=!0,addable:g=!0,itemsType:a,itemsPlaceholder:r="",itemsOptions:i,hasRangeSelector:k=!1,rangeSelectorOptions:f,modalOptions:E,addableOptions:y={},limit:S}=d,[O,A]=h.useState(null),[Y,m]=h.useState({top:0,left:0}),[p,b]=h.useState(null),N=h.useRef(null),[M,v]=h.useState(!1),$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const u=()=>{A(null),v(!1)};return document.body.addEventListener("click",u),A(null),v(!1),()=>{A(null),v(!1),document.body.removeEventListener("click",u)}},[]),h.useEffect(()=>{if(O){const u=[...s].map(B=>B.id===O.id?O:B);e(u)}},[O]),h.useEffect(()=>{if(N.current&&p){const u=N.current.getBoundingClientRect().height,B=window.innerHeight;let I=p.top;I+u>B+window.scrollY-200&&(I=B+window.scrollY-u-200),I<0&&(I=10),m({top:I,left:p.left})}},[N.current,p]);const R=(u,B)=>{u.stopPropagation();const I=u.target.getBoundingClientRect();b({top:I.top+window.scrollY,left:I.left-30}),A(B),v(!0)},T=u=>{const{active:B,over:I}=u;if(I&&B.id!==I.id){const q=s.findIndex(D=>D.id===B.id),G=s.findIndex(D=>D.id===I.id);if(q!==-1&&G!==-1){const D=[...s],[W]=D.splice(q,1);D.splice(G,0,W),e(D)}}},L=u=>{var I;const B=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&i&&t.jsxRuntimeExports.jsx(t.Select,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,name:{"en-US":q}}:W);A({...u,name:{"en-US":q}}),e([...D])},value:u.name["en-US"],options:i.filter(q=>!s.find(G=>G.name["en-US"]===q))}),a==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,name:{"en-US":q}}:W);e([...D])},value:u.name["en-US"],placeholder:r}),a==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:q=>{const D=[...s].map(W=>W.id===u.id?{...u,images:q}:W);e([...D])},activeImage:(I=s.find(q=>q.id===u.id))==null?void 0:I.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:q=>R(q,u)})}),P&&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:()=>e(s.filter(q=>q.id!==u.id))})})]})]});return _?t.jsxRuntimeExports.jsx(Gt,{product:u,children:B},u.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:B},u.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(c||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:c}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:u=>o==null?void 0:o(u)})]}),O&&j&&E&&M&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:O,setActiveItem:A,popupPosition:Y,modalOptions:E,setIsOpenModal:v}),k&&f&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...f}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:x}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:T,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(u=>u.id),strategy:t.verticalListSortingStrategy,children:s.map(u=>L(u))})}):s.map(u=>L(u)),g&&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 u=[...s];let B=null;if(i){for(let I=0;I<i.length;I++)if(!s.find(q=>q.name["en-US"]===i[I])){B=i[I];break}}a==="select"&&i?u.push({name:{"en-US":B||i[0]},id:t.v4(),...y,maxSymbols:100}):a==="input"?u.push({name:{"en-US":""},id:t.v4(),...y,maxSymbols:100}):u.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...y,maxSymbols:100}),e(u)},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})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l})]})},Qt="_subtitle_jql1y_1",Jt="_products_jql1y_10",Kt="_product_jql1y_10",Zt="_button_jql1y_11",te="_buttons_jql1y_11",ee="_addButton_jql1y_150",se="_deleteButton_jql1y_165",X={subtitle:Qt,products:Jt,product:Kt,button:Zt,buttons:te,addButton:ee,deleteButton:se},et=d=>{const{buttons:n,setButtons:o,deletable:s=!0,addable:e=!0,editableLink:l=!0}=d,{pages:c}=t.usePagesStore(),[x,j]=h.useState(null),[_,P]=h.useState({top:0,left:0}),[g,a]=h.useState(null),r=h.useRef(null);h.useEffect(()=>{if(x){const f=[...n].map(E=>E.id===x.id?x:E);o(f)}},[x]),h.useEffect(()=>{if(r.current&&g){const f=r.current.getBoundingClientRect().height,E=window.innerHeight;let y=g.top;y+f>E+window.scrollY-200&&(y=E+window.scrollY-f-200),y<0&&(y=10),P({top:y,left:g.left})}},[r.current,g]);const i=(f,E)=>{f.stopPropagation();const y=f.target.getBoundingClientRect();a({top:y.top+window.scrollY-70,left:y.left-(e?30:65)}),j(E)},k=(f,E)=>{const y=[...n],S={...f,id:Math.random().toString(36).substr(2,9)};y.splice(E+1,0,S),o(y)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),n.map((f,E)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:y=>{const O=[...n].map(A=>A.id===f.id?{...f,type:y}:A);o(O)},value:f.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:()=>{k(f,E)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:y=>{i(y,f)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const y=n.filter(S=>S.id!==f.id);o(y)},width:20,height:20,fill:"#C12A2A"})})]})]},f.id)),x&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:r,activeButton:x,setActiveButton:j,popupPosition:_,editableLink:l}),e&&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 f=[...n];l?f.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:c?Object.values(c)[0].path:"/",openInNewTab:!1}):f.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:c?Object.values(c)[0].path:"/",openInNewTab:!1}),o(f)},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})]})})})]})},ne=d=>{const{isActiveButtons:n,setIsActiveButtons:o,buttons:s,setButtons:e,editableLink:l=!0,addable:c=!0,deletable:x=!0}=d;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=>o(j)})]}),n&&t.jsxRuntimeExports.jsx(et,{buttons:s,setButtons:e,editableLink:l,addable:c,deletable:x})]})})};function ie(d){const{product:n,children:o}=d,{attributes:s,listeners:e,setNodeRef:l,transform:c,transition:x,isDragging:j}=t.useSortable({id:String(n.listingId)}),_={transform:t.CSS.Transform.toString(c),transition:x};return t.jsxRuntimeExports.jsx("div",{ref:l,style:_,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...e,children:o})}const oe=d=>{const{isActiveItems:n,setIsActiveItems:o,items:s,setItems:e,other:l,title:c,subtitle:x,editable:j=!0,draggable:_=!1,withImage:P=!1,deletable:g=!0,addable:a=!0,itemsType:r,itemsOptions:i,limit:k,aspectRatio:f,setAspectRatio:E}=d,[y,S]=h.useState(null),[O,A]=h.useState({top:0,left:0}),[Y,m]=h.useState(!1),p=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const R=()=>{S(null),m(!1)};return document.body.addEventListener("click",R),S(null),m(!1),()=>{S(null),m(!1),document.body.removeEventListener("click",R)}},[]),h.useEffect(()=>{if(y){const R=[...s].map(T=>T.listingId===y.listingId?y:T);e(R)}},[y]);const b=(R,T)=>{R.stopPropagation();const L=R.target.getBoundingClientRect(),u=100,B=window.innerHeight;let I=L.top+window.scrollY;I+u>B&&(I=B-u-20),m(!0),A({top:I-80,left:L.left-30}),S(T)};function N(R){if(P)return R?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${R}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=R=>{const{active:T,over:L}=R;if(L&&T.id!==L.id){const u=s.findIndex(I=>String(I.listingId)===T.id),B=s.findIndex(I=>String(I.listingId)===L.id);if(u!==-1&&B!==-1){const I=[...s],[q]=I.splice(u,1);I.splice(B,0,q),e(I)}}},v=R=>{const T=i.find(u=>R.listingId===u.id);if(!T)return null;const L=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[_&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),r==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:u=>{const B=[...s],I=i.find(D=>D.productData.name===u);if(!I)return;const q={listingId:I.id,image:I.productData.images.length>0?I.productData.images[0].cfId:""},G=B.map(D=>D.listingId===R.listingId?q:D);S(q),e([...G])},value:T.productData.name,options:[...i.filter(u=>!s.find(B=>B.listingId===u.id)).map(u=>u.productData.name)],leftAddonOptions:i.map(u=>{var B;return{value:u.productData.name,addon:N(((B=u.productData.images[0])==null?void 0:B.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:u=>b(u,R)})}),g&&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:()=>e(s.filter(u=>u!==R))})})]})]});return _?t.jsxRuntimeExports.jsx(ie,{product:R,children:L},R.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:L},R.listingId)},$=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(c||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:c}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:R=>o==null?void 0:o(R)})]}),Y&&y&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:$,activeItem:y,setActiveItem:S,setIsOpenModal:m,popupPosition:O,itemsOptions:i}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[x&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:x}),_?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:p,onDragEnd:M,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)),a&&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 T=0;T<i.length;T++)if(!s.find(L=>L.listingId===i[T].id)){R.push({listingId:i[T].id,image:i[T].productData.images.length>0?i[T].productData.images[0].cfId:""});break}e(R)},disabled:s.length===(k||i.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})]})})})]}),f&&E&&t.jsxRuntimeExports.jsx(t.Select,{value:f,options:Object.keys(t.aspectRatio),onChange:R=>E(R),leftAddonOptions:t.aspectRatioOptions}),n&&l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:l})]})},re="_options_167h8_1",ae="_price_167h8_18",ce="_oldPrice_167h8_25",le="_newPrice_167h8_33",de="_animate_167h8_40",ue="_meta_167h8_58",xe="_info_167h8_64",pe="_infoRight_167h8_73",me="_buttons_167h8_80",he="_variants_167h8_87",je="_variant_167h8_87",ge="_stock_167h8_105",fe="_variantInfo_167h8_112",Ee="_quantity_167h8_119",_e="_button_167h8_80",Re="_activeVariant_167h8_165",ve="_chargeTypes_167h8_169",ye="_charge_167h8_169",be="_chargeActive_167h8_194",Ie="_title_167h8_202",w={options:re,price:ae,oldPrice:ce,newPrice:le,animate:de,meta:ue,info:xe,infoRight:pe,buttons:me,variants:he,variant:je,stock:ge,variantInfo:fe,quantity:Ee,button:_e,activeVariant:Re,chargeTypes:ve,charge:ye,chargeActive:be,title:Ie};var K=(d=>(d.ONE_TIME="One-Time",d.RECURRING="Subscribe & Save",d))(K||{});const st=d=>{var A,Y;const{product:n,setIsOpen:o}=d,{variants:s}=n,[e,l]=h.useState(s[0]),[c,x]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:j,setNotifications:_}=t.useNotificationStore(),P=t.useNavigate(),[g,a]=h.useState(1),{cart:r,reset:i,addProductToCart:k}=t.useCart(),[f,E]=h.useState(!1);h.useEffect(()=>{E(!0);const m=setTimeout(()=>E(!1),600);return()=>clearTimeout(m)},[g]);async function y(){try{k({productId:n.id,productVariantId:e.id,quantity:g}),_([...j,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(m){_([...j,{id:t.v4(),message:`Product failed to add to cart: ${m}`,status:"error"}])}o==null||o(!1)}function S(){i(),y(),P("/checkout")}function O(m){if(m>=864e5){const v=Math.floor(m/864e5);return`${v} ${v===1?"day":"days"}`}else if(m>=36e5){const v=Math.floor(m/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(m>=6e4){const v=Math.floor(m/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(m/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?a(0):a(1)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:w.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:w.chargeTypes,children:e.chargeTypes.map(m=>t.jsxRuntimeExports.jsx("div",{className:t.clx(w.charge,{[w.chargeActive]:c===m}),onClick:()=>x(m),children:K[m]},m))}),t.jsxRuntimeExports.jsx("div",{className:w.variants,children:s.map(m=>{var p,b;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(w.variant,{[w.activeVariant]:e.id===m.id}),onClick:()=>l(m),children:[t.jsxRuntimeExports.jsxs("div",{className:w.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:w.title,children:t.splitTextIntoSpans(m.name)}),t.jsxRuntimeExports.jsx("span",{children:t.formatPrice({amount:c==="ONE_TIME"?m.price.amount:m.subscriptionSettings?m.subscriptionSettings.price.amount:0,currency:c==="ONE_TIME"?m.price.currency:m.subscriptionSettings?m.subscriptionSettings.price.currency:"USD"})})]}),t.jsxRuntimeExports.jsx("div",{children:c==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:w.stock,children:[(p=m.quantity.restrictions)!=null&&p.max||m.quantity.available!==void 0?((b=m.quantity.restrictions)==null?void 0:b.max)||m.quantity.available:"∞"," ","in stock"]})})]},m.id)})}),c==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:w.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{g>1?a(m=>m-1):a(1)},className:w.button,disabled:e.quantity.available&&e.quantity.restrictions&&g<=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(g),onChange:m=>{e.quantity.available&&Number(m)>e.quantity.available?a(e.quantity.available):a(Number(m))},max:((A=e.quantity.restrictions)==null?void 0:A.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((Y=e.quantity.restrictions)==null?void 0:Y.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&g>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a(m=>m+1)},className:w.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&g>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&g>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:w.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:w.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:w.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{children:!e.deliveryTime||e.deliveryTime===0?"Instant":O(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:w.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:w.infoRight,children:c==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:w.price,children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.price.amount*g,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:w.oldPrice,children:t.formatPrice({amount:e.compareAtPrice.amount*g,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.price.amount*g,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:w.price,children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.subscriptionSettings.price.amount*g,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:w.oldPrice,children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*g,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(w.newPrice,{[w.animate]:f}),children:t.formatPrice({amount:e.subscriptionSettings.price.amount*g,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:w.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0,children:c==="ONE_TIME"?"Buy Now":"Subscribe Now"}),c==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>y(),disabled:e.quantity&&e.quantity.available===0,children:r.parts.some(m=>m.productId===n.id&&m.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Se="_buttons_qns27_23",Ne="_modal_qns27_32",Ce="_closing_qns27_64",Pe="_info_qns27_113",ke="_top_qns27_120",we="_title_qns27_131",Be="_clear_qns27_138",Me="_activeClear_qns27_145",$e="_count_qns27_149",Te="_cart_qns27_164",qe="_empty_qns27_172",Oe="_product_qns27_198",Ae="_products_qns27_207",De="_image_qns27_215",Le="_productInfo_qns27_231",Ue="_content_qns27_238",ze="_name_qns27_244",Ve="_price_qns27_250",He="_productButtons_qns27_256",Fe="_productButton_qns27_256",Ye="_productCount_qns27_273",We="_bottom_qns27_290",Ge="_subtotal_qns27_298",Xe="_block_qns27_306",Qe="_shoppingCount_qns27_313",Je="_total_qns27_333",Ke="_link_qns27_339",Ze="_userInfo_qns27_346",ts="_pagesMobileModal_qns27_358",es="_pagesMobileModalContent_qns27_372",ss="_pagesMobileModalHeader_qns27_378",ns="_pagesMobileModalFooter_qns27_388",C={buttons:Se,modal:Ne,closing:Ce,info:Pe,top:ke,title:we,clear:Be,activeClear:Me,count:$e,cart:Te,empty:qe,product:Oe,products:Ae,image:De,productInfo:Le,content:Ue,name:ze,price:Ve,productButtons:He,productButton:Fe,productCount:Ye,bottom:We,subtotal:Ge,block:Xe,shoppingCount:Qe,total:Je,link:Ke,userInfo:Ze,pagesMobileModal:ts,pagesMobileModalContent:es,pagesMobileModalHeader:ss,pagesMobileModalFooter:ns},is=d=>{const{shopping:n,signUp:o,isShowUserInfo:s=!0}=d;return t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[n&&t.jsxRuntimeExports.jsx(nt,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:o})]})},nt=()=>{const[d,n]=h.useState(!1),[o,s]=h.useState([]),[e,l]=h.useState(!1),{cart:c,products:x}=t.useCart();function j(a){if(a.variants.length>0){for(let r=0;r<c.parts.length;r++)for(let i=0;i<a.variants.length;i++)if(a.variants[i]&&c.parts[r].productVariantId===a.variants[i].id)return c.parts[r].productVariantId}return a.variants[0].id}function _(a){for(let r=0;r<c.parts.length;r++)for(let i=0;i<a.variants.length;i++)if(a.variants[i]&&c.parts[r].productVariantId===a.variants[i].id)return c.parts[r].quantity}h.useEffect(()=>{(async()=>{const r=c.parts.map(f=>String(f.productId)),k=(x.filter(f=>r.includes(String(f.id)))||[]).map(f=>({...f,activeVariantId:j(f),quantity:_(f)}));s(k)})()},[c.parts]);function P(a){var r;return!a||!(a!=null&&a.variants)?!1:(r=a.variants.find(i=>i.id===a.activeVariantId))==null?void 0:r.subscriptionSettings}const g=c.parts.length>0&&o.length>0&&!P(o[0]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:a=>{a.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),l(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),g&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:c.parts.length})]}),d&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{l(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(it,{activeProducts:o,isCartNotEmpty:g,isOpen:e})})]})},it=d=>{var a,r;const{activeProducts:n,isCartNotEmpty:o,isOpen:s}=d,{cart:e,reset:l,getTotalAndDiscount:c,updateQuantityOfProduct:x}=t.useCart(),j=t.useNavigate();function _(i,k){j(i,{replace:k})}function P(i){i.quantity&&x({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity+1})}function g(i){i.quantity&&x({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:i=>i.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,children:"Cart"}),o&&t.jsxRuntimeExports.jsx("div",{className:C.count,children:e.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:o}),disabled:!o,onClick:l,children:"Clear all"})]}),o?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:[...new Map(n.map(i=>[i.id,i])).values()].map(i=>t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[i.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i.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,children:t.splitTextIntoSpans(i.name)}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:i.variants.find(k=>k.id===i.activeVariantId).price.amount*((i==null?void 0:i.quantity)||1),currency:i.variants.find(k=>k.id===i.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{i.quantity!==1&&g(i)},className:C.productButton,disabled:i.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.productCount,children:i.quantity}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>P(i),className:C.productButton,disabled:i.quantity===i.variants.find(k=>k.id===i.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},i.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:c().total,currency:e.parts.length>0&&((r=(a=n.find(i=>i.id===e.parts[0].productId))==null?void 0:a.variants.find(i=>i.id===e.parts[0].productVariantId))==null?void 0:r.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>_("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ot,{})]})},ot=()=>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",{children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,children:"view products"})]})]}),tt=({signUp:d,close:n})=>{const{token:o}=t.useStorefrontStore(),s=t.useNavigate(),[e,l]=h.useState("test-email@gmail.com");h.useEffect(()=>{o&&(async()=>{if(!o)return;const j=t.jwtDecode(o);l(j.email)})()},[o]);function c(x){window.location.pathname.includes("/admin/builder")||s(x)}return o?t.jsxRuntimeExports.jsx("div",{className:C.userInfo,onClick:()=>{c("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:e||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{c("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),d&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{c("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},rt=({children:d,logo:n,setIsOpen:o,signUp:s})=>{const{setIsOpen:e}=t.useModalStore(),l=()=>{e(!1),setTimeout(()=>{o(!1),e(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:l,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:d}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:s,close:l})})]})},os=({children:d,logo:n,signUp:o})=>{const[s,e]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(at,{setIsOpenModal:e}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>e(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(rt,{logo:n,setIsOpen:e,signUp:o,children:d})})]})},at=d=>{const{setIsOpenModal:n}=d;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:o=>{o.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},rs="_share_rlgln_1",as="_modal_rlgln_8",cs="_header_rlgln_20",ls="_title_rlgln_46",ds="_copyWrapper_rlgln_52",us="_copyText_rlgln_61",xs="_copyTextMobile_rlgln_74",ps="_copyTextMiniMobile_rlgln_93",Q={share:rs,modal:as,header:cs,title:ls,copyWrapper:ds,copyText:us,copyTextMobile:xs,copyTextMiniMobile:ps},ms=({title:d="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:o}=t.useShareLinkStore();function s(){o(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:e=>{e.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:o,children:t.jsxRuntimeExports.jsx(hs,{title:d})})]})},hs=({title:d="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notifications:o,setNotifications:s}=t.useNotificationStore(),{setIsOpen:e}=t.useModalStore(),l=window.location.href;function c(){navigator.clipboard.writeText(l),s([...o,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function x(){e(!1),setTimeout(()=>{n(!1),e(!0)},300)}function j(_,P){return _.length>P?_.slice(0,P)+"...":_}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:_=>_.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,children:d}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:x,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:c,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,children:j(l,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,children:j(l,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,children:j(l,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:c,children:o.find(_=>_.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},js="_accordion_1to77_1",gs="_header_1to77_9",fs="_icon_1to77_18",Es="_open_1to77_21",_s="_content_1to77_25",J={accordion:js,header:gs,icon:fs,open:Es,content:_s},Rs=({title:d,content:n,defaultOpen:o=!1})=>{const[s,e]=h.useState(o),[l,c]=h.useState(0),x=h.useRef(null),j=()=>{e(!s)};return h.useEffect(()=>{x.current&&c(s?x.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:d}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:x,className:J.content,style:{height:`${l}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},ct=({children:d,path:n,className:o,target:s="_self",id:e})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:o,role:"link",style:{cursor:"pointer"},id:e,children:d});const l=t.useNavigate(),c=/^https?:\/\//.test(n),x=j=>{c||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.open(n,"_self"):(j.preventDefault(),l(n,{replace:!1}))};return t.jsxRuntimeExports.jsx("div",{onClick:x,className:o,role:"link",style:{cursor:"pointer"},id:e,children:d})},vs="_buttonsBlock_1b2rb_1",ys={buttonsBlock:vs},bs=d=>{var _,P;const{setIsOpen:n,setModalType:o,productId:s}=d,{cart:e}=t.useCart(),{pageContext:l}=t.usePagesStore(),c=(_=l==null?void 0:l.listings)==null?void 0:_.find(g=>g.id===s);if(!c)return null;const x=(P=l==null?void 0:l.products)==null?void 0:P.find(g=>g.uniquePath===c.productData.uniquePath);if(!x)return null;const j=e.parts.find(g=>g.productId===x.id);return t.jsxRuntimeExports.jsxs("div",{className:ys.buttonsBlock,onClick:g=>g.stopPropagation(),children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{o("Add To Cart"),n(!0)},children:j?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{o("Buy Now"),n(!0)},children:"Buy"})]})},Is="_wrapper_27wzz_1",Ss="_logo_27wzz_8",Ns="_info_27wzz_12",Z={wrapper:Is,logo:Ss,info:Ns},Cs=({date:d})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function o(s){const e=new Date(s),l={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return e.toLocaleDateString("en-US",l)}return t.jsxRuntimeExports.jsxs("div",{className:Z.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:Z.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:Z.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:n.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:o(d)})]})]})},Ps="_variants_puxd1_80",ks="_variant_puxd1_80",ws="_stock_puxd1_98",Bs="_variantInfo_puxd1_105",Ms="_chargeTypes_puxd1_165",$s="_charge_puxd1_165",Ts="_chargeActive_puxd1_190",qs="_title_puxd1_198",Os="_modal_puxd1_204",As="_header_puxd1_224",Ds="_productOptions_puxd1_232",Ls="_loading_puxd1_236",F={variants:Ps,variant:ks,stock:ws,variantInfo:Bs,chargeTypes:Ms,charge:$s,chargeActive:Ts,title:qs,modal:Os,header:As,productOptions:Ds,loading:Ls},Us=d=>{var a;const{pageContext:n}=t.usePagesStore(),o=(a=n==null?void 0:n.listings)==null?void 0:a.find(r=>r.id===d.productId),[s,e]=h.useState(!0),[l,c]=h.useState(null),x=(l==null?void 0:l.variants[0])||null,[j,_]=h.useState(x!=null&&x.chargeTypes&&x.chargeTypes.length>1?x.chargeTypes[0]:"ONE_TIME"),{addProducts:P}=t.useCart(),{setIsOpen:g}=t.useModalStore();return h.useEffect(()=>{(async()=>{e(!0);const i=await t.getDynamicPage(encodeURIComponent(`/product/${o.productData.uniquePath}`));P(i==null?void 0:i.data.products),c(i==null?void 0:i.data.products[0]),e(!1)})()},[]),h.useEffect(()=>{g(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:d.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:F.modal,onClick:r=>r.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:F.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),d.type==="Add To Cart"&&l&&x&&!s&&t.jsxRuntimeExports.jsx(zs,{variants:l.variants,activeVariant:x,activeChargeType:j,setActiveChargeType:_,productId:l.id,setIsOpen:d.setIsOpen}),d.type==="Buy Now"&&l&&!s&&t.jsxRuntimeExports.jsx(Vs,{product:l,setIsOpen:d.setIsOpen})]})})},zs=d=>{const{variants:n,activeChargeType:o,setActiveChargeType:s,activeVariant:e,productId:l,setIsOpen:c}=d,{cart:x,addProductToCart:j,addProducts:_,updateQuantityOfProduct:P}=t.useCart(),{notifications:g,setNotifications:a}=t.useNotificationStore(),{pageContext:r}=t.usePagesStore(),{setIsOpen:i}=t.useModalStore(),k=()=>{i(!1),setTimeout(()=>{c(!1)},300)};async function f(E){const y=x.parts.find(S=>S.productId===d.productId&&S.productVariantId===E);if(y)P({productId:l,productVariantId:E,quantity:y.quantity+1});else{r!=null&&r.products&&_(r.products);try{j({productId:l,productVariantId:E,quantity:1}),a([...g,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){console.log(S,"error"),a([...g,{id:t.v4(),message:`Product failed to add to cart: ${S}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:F.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:k})]}),e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:F.chargeTypes,children:e.chargeTypes.map(E=>t.jsxRuntimeExports.jsx("div",{className:t.clx(F.charge,{[F.chargeActive]:o===E}),onClick:()=>s(E),children:K[E]},E))}),t.jsxRuntimeExports.jsx("div",{className:F.variants,children:n.map(E=>{var y,S,O;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(F.variant),onClick:()=>{f(E.id),c(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:F.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:F.title,children:E.name}),t.jsxRuntimeExports.jsx("span",{children:t.formatPrice({amount:o==="ONE_TIME"?E.price.amount:E.subscriptionSettings?E.subscriptionSettings.price.amount:0,currency:o==="ONE_TIME"?E.price.currency:((y=E.subscriptionSettings)==null?void 0:y.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{children:o==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:F.stock,children:[(S=E.quantity.restrictions)!=null&&S.max||E.quantity.available!==void 0?((O=E.quantity.restrictions)==null?void 0:O.max)||E.quantity.available:"∞"," ","in stock"]})})]},E.id)})})]})},Vs=d=>{const{product:n,setIsOpen:o}=d,{setIsOpen:s}=t.useModalStore(),e=()=>{s(!1),setTimeout(()=>{o(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:F.header,children:[t.jsxRuntimeExports.jsxs("div",{id:"h3",children:["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:F.productOptions,children:t.jsxRuntimeExports.jsx(st,{product:n,setIsOpen:o})})]})},Hs="_contentModal_2a136_1",Fs="_modalTop_2a136_13",Ys="_loading_2a136_19",Ws="_modalCards_2a136_27",Gs="_modalImage_2a136_32",Xs="_card_2a136_37",Qs="_cardInfo_2a136_48",Js="_cardButtons_2a136_55",Ks="_title_2a136_61",Zs="_blockImage_2a136_68",V={contentModal:Hs,modalTop:Fs,loading:Ys,modalCards:Ws,modalImage:Gs,card:Xs,cardInfo:Qs,cardButtons:Js,title:Ks,blockImage:Zs},tn=d=>{const{setIsOpen:n,pageContext:o,groupData:s,setProductId:e,setIsProductModalOpen:l}=d,[c,x]=h.useState(null),[j,_]=h.useState(!0),{setIsOpen:P}=t.useModalStore();h.useEffect(()=>{var i;_(!0);const r=(i=o.listings)==null?void 0:i.filter(k=>s.listingIdList.includes(k.id));r&&x([...r]),_(!1)},[o]),h.useEffect(()=>{P(!0)},[]);const g=()=>{P(!1),setTimeout(()=>{n(!1)},300)};function a(r){return r.productData.compareAtPrice?r.productData.compareAtPrice.amount:0}return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsxs("div",{className:V.contentModal,onClick:r=>r.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:V.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:V.title,id:"h4",children:t.splitTextIntoSpans(s.name)}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:g})]}),!j&&c&&t.jsxRuntimeExports.jsx("div",{className:V.modalCards,children:c.map(r=>t.jsxRuntimeExports.jsxs("div",{className:V.card,children:[t.jsxRuntimeExports.jsx("div",{children:r.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${r.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:V.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(V.blockImage,V.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:V.cardInfo,children:[t.jsxRuntimeExports.jsxs("span",{className:V.name,id:"h5",children:[t.splitTextIntoSpans(r.productData.name)," $",r.productData.minPrice.amount," ","- $",a(r)]}),r.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:V.short,id:"md",children:t.splitTextIntoSpans(r.productData.shortDescription)}),t.jsxRuntimeExports.jsx("span",{})]}),t.jsxRuntimeExports.jsxs("div",{className:V.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{e(r.id),n(!1),l(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(ct,{path:`/product/${r.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",children:"View Details"})})]})]},r.id))}),j&&t.jsxRuntimeExports.jsx("div",{className:V.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};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.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=Rs;exports.BurgerMenuButton=at;exports.ButtonTypeSettings=et;exports.ButtonsSettings=ne;exports.CategorySettings=$t;exports.ChargeTypes=K;exports.EmptyCart=ot;exports.FormSettings=Xt;exports.GroupCardModal=tn;exports.HeaderButtons=is;exports.LayoutSettings=Rt;exports.Link=ct;exports.ListingSelector=oe;exports.MetaInfoPost=Cs;exports.PagesMobileMenu=os;exports.PagesMobileModal=rt;exports.PagesSettings=Wt;exports.ProductCardButtons=bs;exports.ProductCardModal=Us;exports.ProductOptions=st;exports.ShareLink=ms;exports.ShoppingButton=nt;exports.ShoppingModalCart=it;exports.UserInfo=tt;

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as b, c as V, d as Ct, e as pt, g as mt, P as gt, S as lt, h as wt, D as ft, i as xt, v as _t, B as dt, k as it, a as Pt, l as Mt, O as ht, m as J, n as jt, C as vt, o as H, p as $t, q as Ot, r as bt, t as At, w as It, x as G, L as Et, y as St, z as yt, A as ot, s as at, f as tt, E as R, F as Dt, M as ut, G as Rt, H as ct, J as Lt, K as Tt, N as Ut, Q as Bt, T as zt } from "./index-tqQPnjru.js";
-import { a1 as Xn, Z as Qn, X as Jn, a0 as Kn, W as Zn, Y as ti, U as ei, V as si, _ as ni, $ as ii } from "./index-tqQPnjru.js";
+import { j as t, I as b, c as V, d as Ct, e as pt, g as mt, P as gt, S as lt, h as wt, D as ft, i as xt, v as _t, B as dt, k as it, a as Pt, l as Mt, O as ht, m as J, n as jt, C as vt, o as H, p as $t, q as Ot, r as bt, t as At, w as It, x as G, L as Et, y as St, z as yt, A as ot, s as at, f as tt, E as R, F as Dt, M as ut, G as Rt, H as ct, J as Lt, K as Tt, N as Ut, Q as Bt, T as zt } from "./index-Cdy-HLHi.js";
+import { a1 as Xn, Z as Qn, X as Jn, a0 as Kn, W as Zn, Y as ti, U as ei, V as si, _ as ni, $ as ii } from "./index-Cdy-HLHi.js";
 import g from "react";
 import "react-dom";
 const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Wt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Y = {

package/package.json

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