@billgangcom/theme-lib 1.62.2 → 1.62.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/builder.cjs.js +3 -3
  2. package/dist/builder.es.js +857 -851
  3. package/dist/ui.cjs.js +1 -1
  4. package/dist/ui.es.js +42 -42
  5. package/package.json +1 -1
package/dist/ui.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DX-_0-Pq.cjs"),j=require("react");require("@phosphor-icons/react");const ct="_wrapper_1vmyb_2",lt="_alignmentBlock_1vmyb_8",ut="_title_1vmyb_15",dt="_subtitle_1vmyb_22",xt="_alignmentContent_1vmyb_29",mt="_alignments_1vmyb_37",pt="_alignment_1vmyb_8",jt="_circle_1vmyb_60",ht="_paddings_1vmyb_67",_t="_padding_1vmyb_67",gt="_active_1vmyb_91",ft="_input_1vmyb_98",F={wrapper:ct,alignmentBlock:lt,title:ut,subtitle:dt,alignmentContent:xt,alignments:mt,alignment:pt,circle:jt,paddings:ht,padding:_t,active:gt,input:ft},Et=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Rt=["left","top","right","bottom"],bt=l=>{const{alignment:n,padding:e,setPadding:s,setAlignment:i}=l;function u(a){switch(a){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 d(a){switch(a){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,x]=j.useState(null),[h,S]=j.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:F.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:F.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:F.alignments,children:Et.map(a=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{i(a)},className:F.alignment,onMouseEnter:()=>{x(a)},onMouseLeave:()=>{x(null)},children:[a!==n&&o!==a&&t.jsxRuntimeExports.jsx("div",{className:F.circle}),a!==n&&o===a&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(o),fill:"#c2c2c2",width:22,height:22}),a===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(n),fill:"#FF3F19",width:22,height:22})]},a))}),t.jsxRuntimeExports.jsx("div",{className:F.paddings,children:Rt.map(a=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(F.padding,{[F.active]:h===a}),onFocus:()=>{S(a)},onBlur:()=>{S(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:d(a),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[a]),onChange:c=>s({...e,[a]:Math.min(Number(c),999)}),max:999,paddingless:!0,borderless:!0})]},a))})]})]})]})},vt="_title_82zux_1",yt="_subtitle_82zux_5",It="_header_82zux_12",St="_text_82zux_13",Nt="_productsBlock_82zux_14",kt="_top_82zux_26",Ct="_itemsBlock_82zux_35",$t="_typeTexts_82zux_41",wt="_block_82zux_48",Bt="_active_82zux_61",Pt="_products_82zux_14",Mt="_product_82zux_14",Tt="_button_82zux_80",qt="_disabled_82zux_91",At="_image_82zux_95",Ot="_info_82zux_102",Lt="_name_82zux_114",Dt="_buttons_82zux_118",zt="_modal_82zux_125",Ut="_link_82zux_145",Ht="_modalOptions_82zux_151",Ft="_addButton_82zux_157",Vt="_deleteButton_82zux_179",V={title:vt,subtitle:yt,header:It,text:St,productsBlock:Nt,top:kt,itemsBlock:Ct,typeTexts:$t,block:wt,active:Bt,products:Pt,product:Mt,button:Tt,disabled:qt,image:At,info:Ot,name:Lt,buttons:Dt,modal:zt,link:Ut,modalOptions:Ht,addButton:Ft,deleteButton:Vt},Yt=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,draggable:x=!1,withImage:h=!1,addable:S=!0,itemsOptions:a,hasRangeSelector:c=!1,rangeSelectorOptions:B,limit:k,autoScrollInterval:w,deletable:_}=l;function v(f){if(h)return f?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${f[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const r=(f,O=!1)=>{const N=a.find(I=>I.id===f);if(!N)return;const D=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const E=[...s],y=a.find(p=>p.name===I);if(!y)return;const P=y.id,C=E.map(p=>p===f?P:p);i([...C])},value:N.name,options:a.filter(I=>!s.find(E=>E===I.id)).map(I=>I.name),leftAddon:v(N.images)}),O&&t.jsxRuntimeExports.jsx("div",{className:V.buttons,children:t.jsxRuntimeExports.jsx("div",{className:V.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(I=>I!==f))})})})]});return t.jsxRuntimeExports.jsx("div",{className:V.product,children:D},f)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:f=>e==null?void 0:e(f)})]}),c&&B&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...B}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:o}),s.map(f=>r(f,_)),S&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(V.button,{[V.disabled]:!!(k&&k<=s.length||s.length===a.length)}),size:"s",disabled:!!(k&&k<=s.length||s.length===a.length),onClick:()=>{const f=[...s];let O=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(D=>D===a[N].id)){O=a[N];break}}f.push((O==null?void 0:O.id)||a[0].id),i(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:V.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u}),w!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(w.scrollInterval),onChange:f=>w.setScrollInterval(Number(f)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Gt="_title_roi3a_1",Wt="_subtitle_roi3a_5",Xt="_header_roi3a_12",Jt="_text_roi3a_13",Qt="_productsBlock_roi3a_14",Kt="_top_roi3a_26",Zt="_itemsBlock_roi3a_35",te="_typeTexts_roi3a_41",ee="_block_roi3a_48",se="_active_roi3a_61",ne="_products_roi3a_14",ie="_product_roi3a_14",oe="_button_roi3a_80",re="_disabled_roi3a_91",ae="_image_roi3a_95",ce="_info_roi3a_102",le="_name_roi3a_114",ue="_buttons_roi3a_118",de="_modal_roi3a_125",xe="_link_roi3a_145",me="_modalOptions_roi3a_151",pe="_addButton_roi3a_164",je="_deleteButton_roi3a_179",he="_closeIcon_roi3a_191",U={title:Gt,subtitle:Wt,header:Xt,text:Jt,productsBlock:Qt,top:Kt,itemsBlock:Zt,typeTexts:te,block:ee,active:se,products:ne,product:ie,button:oe,disabled:re,image:ae,info:ce,name:le,buttons:ue,modal:de,link:xe,modalOptions:me,addButton:pe,deleteButton:je,closeIcon:he};function _e({product:l,children:n}){const{attributes:e,listeners:s,setNodeRef:i,transform:u,transition:d,isDragging:o}=t.useSortable({id:l.id}),x={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:i,style:x,className:`${U.product} ${o?U.dragging:""}`,...e,...s,children:n})}const ge=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,title:u,subtitle:d,editable:o=!0,draggable:x=!1,deletable:h=!0,addable:S=!0,itemsType:a,itemsOptions:c,addableOptions:B={},limit:k}=l,[w,_]=j.useState(null),[v,r]=j.useState(null),f=j.useRef(null),O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{if(w){const E=[...s].map(y=>y.id===w.id?w:y);i(E)}},[w]),j.useEffect(()=>{f.current&&v&&(f.current.getBoundingClientRect().height,v.top)},[f.current,v]);const N=(E,y)=>{E.stopPropagation();const P=E.target.getBoundingClientRect();r({top:P.top+window.scrollY,left:P.left-30}),_(y)},D=E=>{const{active:y,over:P}=E;if(P&&y.id!==P.id){const C=s.findIndex(g=>g.id===y.id),p=s.findIndex(g=>g.id===P.id);if(C!==-1&&p!==-1){const g=[...s],[M]=g.splice(C,1);g.splice(p,0,M),i(g)}}},I=(E,y)=>{const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&c&&t.jsxRuntimeExports.jsx(t.Select,{onChange:C=>{const p=[...s],g=c.find(z=>z.name===C);if(!g)return;const M=p.map(z=>z.id===E.id?{...g,name:{"en-US":C}}:z);_({...E,name:{"en-US":C}}),i([...M])},value:E.name,options:c.filter(C=>!s.find(p=>p.name===C.name)).map(C=>C.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[o&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:C=>N(C,E)})}),h&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(C=>C.id!==E.id))})})]})]});return x?t.jsxRuntimeExports.jsx(_e,{product:E,index:y,children:P},E.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:P},E.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(u||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:u}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:E=>e==null?void 0:e(E)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:d}),x?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:D,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(E=>E.id),strategy:t.verticalListSortingStrategy,children:s.map((E,y)=>I(E,y))})}):s.map((E,y)=>I(E,y)),S&&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]:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length))}),size:"s",disabled:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length)),onClick:()=>{const E=[...s];let y=null;if(c){for(let P=0;P<c.length;P++)if(!s.find(C=>C.id===c[P].id)){y=c[P];break}}a==="select"&&c&&E.push({name:y?y.name:c[0].name,id:(y==null?void 0:y.id)||c[0].id,...B}),i(E)},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 fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:n.id}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles.product} ${x?t.styles.dragging:""}`,...s,...i,children:e})}const Ee=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:B,itemsPlaceholder:k="",itemsOptions:w,hasRangeSelector:_=!1,rangeSelectorOptions:v,modalOptions:r,addableOptions:f={},limit:O}=l,[N,D]=j.useState(null),[I,E]=j.useState({top:0,left:0}),[y,P]=j.useState(null),C=j.useRef(null),[p,g]=j.useState(!1),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const m=()=>{D(null),g(!1)};return document.body.addEventListener("click",m),D(null),g(!1),()=>{D(null),g(!1),document.body.removeEventListener("click",m)}},[]),j.useEffect(()=>{if(N){const m=[...s].map(q=>q.id===N.id?N:q);i(m)}},[N]),j.useEffect(()=>{if(C.current&&y){const m=C.current.getBoundingClientRect().height,q=window.innerHeight;let $=y.top;$+m>q+window.scrollY-200&&($=q+window.scrollY-m-200),$<0&&($=10),E({top:$,left:y.left})}},[C.current,y]);const z=(m,q)=>{m.stopPropagation();const $=m.target.getBoundingClientRect();P({top:$.top+window.scrollY,left:$.left-30}),D(q),g(!0)};function T(m){if(S)return m?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${m[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const L=m=>{const{active:q,over:$}=m;if($&&q.id!==$.id){const A=s.findIndex(H=>H.id===q.id),J=s.findIndex(H=>H.id===$.id);if(A!==-1&&J!==-1){const H=[...s],[Y]=H.splice(A,1);H.splice(J,0,Y),i(H)}}},G=m=>{var $;const q=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),B==="select"&&w&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);D({...m,name:{"en-US":A}}),i([...H])},value:m.name["en-US"],options:w.filter(A=>!s.find(J=>J.name["en-US"]===A)),leftAddon:T(m.images)}),B==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);i([...H])},value:m.name["en-US"],placeholder:k}),B==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,images:A}:Y);i([...H])},activeImage:($=s.find(A=>A.id===m.id))==null?void 0:$.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>z(A,m)})}),a&&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:()=>i(s.filter(A=>A.id!==m.id))})})]})]});return h?t.jsxRuntimeExports.jsx(fe,{product:m,children:q},m.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:q},m.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:m=>e==null?void 0:e(m)})]}),N&&x&&r&&p&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:C,activeItem:N,setActiveItem:D,popupPosition:I,modalOptions:r,setIsOpenModal:g}),_&&v&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...v}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:L,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(m=>m.id),strategy:t.verticalListSortingStrategy,children:s.map(m=>G(m))})}):s.map(m=>G(m)),c&&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]:!!(O&&O<=s.length)}),size:"s",disabled:!!(O&&O<=s.length),onClick:()=>{const m=[...s];let q=null;if(w){for(let $=0;$<w.length;$++)if(!s.find(A=>A.name["en-US"]===w[$])){q=w[$];break}}B==="select"&&w?m.push({name:{"en-US":q||w[0]},id:t.v4(),...f,maxSymbols:100}):B==="input"?m.push({name:{"en-US":""},id:t.v4(),...f,maxSymbols:100}):m.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...f,maxSymbols:100}),i(m)},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})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Re="_subtitle_jql1y_1",be="_header_jql1y_8",ve="_text_jql1y_9",ye="_productsBlock_jql1y_10",Ie="_buttonsBlock_jql1y_11",Se="_top_jql1y_23",Ne="_itemsBlock_jql1y_32",ke="_typeTexts_jql1y_38",Ce="_block_jql1y_45",$e="_active_jql1y_58",we="_products_jql1y_10",Be="_product_jql1y_10",Pe="_button_jql1y_11",Me="_image_jql1y_88",Te="_info_jql1y_95",qe="_name_jql1y_107",Ae="_buttons_jql1y_11",Oe="_modal_jql1y_118",Le="_other_jql1y_138",De="_options_jql1y_144",ze="_addButton_jql1y_150",Ue="_deleteButton_jql1y_165",W={subtitle:Re,header:be,text:ve,productsBlock:ye,buttonsBlock:Ie,top:Se,itemsBlock:Ne,typeTexts:ke,block:Ce,active:$e,products:we,product:Be,button:Pe,image:Me,info:Te,name:qe,buttons:Ae,modal:Oe,other:Le,options:De,addButton:ze,deleteButton:Ue},et=l=>{const{buttons:n,setButtons:e,deletable:s=!0,addable:i=!0,editableLink:u=!0}=l,{pages:d}=t.usePagesStore(),[o,x]=j.useState(null),[h,S]=j.useState({top:0,left:0}),[a,c]=j.useState(null),B=j.useRef(null);j.useEffect(()=>{if(o){const _=[...n].map(v=>v.id===o.id?o:v);e(_)}},[o]),j.useEffect(()=>{if(B.current&&a){const _=B.current.getBoundingClientRect().height,v=window.innerHeight;let r=a.top;r+_>v+window.scrollY-200&&(r=v+window.scrollY-_-200),r<0&&(r=10),S({top:r,left:a.left})}},[B.current,a]);const k=(_,v)=>{_.stopPropagation();const r=_.target.getBoundingClientRect();c({top:r.top+window.scrollY-70,left:r.left-(i?30:65)}),x(v)},w=(_,v)=>{const r=[...n],f={..._,id:Math.random().toString(36).substr(2,9)};r.splice(v+1,0,f),e(r)};return t.jsxRuntimeExports.jsxs("div",{className:W.products,children:[t.jsxRuntimeExports.jsx("h5",{className:W.subtitle,children:"Button Type"}),n.map((_,v)=>t.jsxRuntimeExports.jsxs("div",{className:W.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:r=>{const O=[...n].map(N=>N.id===_.id?{..._,type:r}:N);e(O)},value:_.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:W.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{w(_,v)}})}),t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:r=>{k(r,_)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const r=n.filter(f=>f.id!==_.id);e(r)},width:20,height:20,fill:"#C12A2A"})})]})]},_.id)),o&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:B,activeButton:o,setActiveButton:x,popupPosition:h,editableLink:u}),i&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:W.button,size:"s",onClick:()=>{const _=[...n];u?_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:d?Object.values(d)[0].path:"/",openInNewTab:!1}):_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:d?Object.values(d)[0].path:"/",openInNewTab:!1}),e(_)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:W.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},He=l=>{const{isActiveButtons:n,setIsActiveButtons:e,buttons:s,setButtons:i,editableLink:u=!0,addable:d=!0,deletable:o=!0}=l;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:x=>e(x)})]}),n&&t.jsxRuntimeExports.jsx(et,{buttons:s,setButtons:i,editableLink:u,addable:d,deletable:o})]})})};function Fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:String(n.listingId)}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles$2.product} ${x?t.styles$2.dragging:""}`,...s,...i,children:e})}const Ve=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:B,itemsOptions:k,limit:w}=l,[_,v]=j.useState(null),[r,f]=j.useState({top:0,left:0}),[O,N]=j.useState(!1),D=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const p=()=>{v(null),N(!1)};return document.body.addEventListener("click",p),v(null),N(!1),()=>{v(null),N(!1),document.body.removeEventListener("click",p)}},[]),j.useEffect(()=>{if(_){const p=[...s].map(g=>g.listingId===_.listingId?_:g);i(p)}},[_]);const I=(p,g)=>{p.stopPropagation();const M=p.target.getBoundingClientRect(),z=100,T=window.innerHeight;let L=M.top+window.scrollY;L+z>T&&(L=T-z-20),N(!0),f({top:L-80,left:M.left-30}),v(g)};function E(p){if(S)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const y=p=>{const{active:g,over:M}=p;if(M&&g.id!==M.id){const z=s.findIndex(L=>String(L.listingId)===g.id),T=s.findIndex(L=>String(L.listingId)===M.id);if(z!==-1&&T!==-1){const L=[...s],[G]=L.splice(z,1);L.splice(T,0,G),i(L)}}},P=(p,g)=>{const M=k.find(T=>p.listingId===T.id);if(!M)return null;const z=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),B==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:T=>{const L=[...s],G=k.find($=>$.productData.name===T);if(!G)return;const m={listingId:G.id,image:G.productData.images.length>0?G.productData.images[0].cfId:""},q=L.map($=>$.listingId===p.listingId?m:$);v(m),i([...q])},value:M.productData.name,options:[...k.filter(T=>!s.find(L=>L.listingId===T.id)).map(T=>T.productData.name)],leftAddon:E(p.image||M.productData.images.length>0&&M.productData.images[0].cfId||"")},g),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:T=>I(T,p)})}),a&&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:()=>i(s.filter(T=>T!==p))})})]})]});return h?t.jsxRuntimeExports.jsx(Fe,{product:p,children:z},p.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:z},p.listingId)},C=j.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>e==null?void 0:e(p)})]}),O&&_&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:C,activeItem:_,setActiveItem:v,setIsOpenModal:N,popupPosition:r,itemsOptions:k}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:D,onDragEnd:y,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>String(p.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((p,g)=>P(p,g))})}):s.map((p,g)=>P(p,g)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const p=[...s];for(let g=0;g<k.length;g++)if(!s.find(M=>M.listingId===k[g].id)){p.push({listingId:k[g].id,image:k[g].productData.images.length>0?k[g].productData.images[0].cfId:""});break}i(p)},disabled:s.length===(w||k.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})]})})})]}),n&&u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Ye="_options_6cemk_1",Ge="_price_6cemk_12",We="_oldPrice_6cemk_19",Xe="_newPrice_6cemk_27",Je="_animate_6cemk_34",Qe="_appearAndBounce_6cemk_1",Ke="_meta_6cemk_52",Ze="_info_6cemk_58",ts="_infoRight_6cemk_66",es="_buttons_6cemk_73",ss="_variants_6cemk_80",ns="_variant_6cemk_80",is="_stock_6cemk_98",os="_variantInfo_6cemk_105",rs="_quantity_6cemk_111",as="_count_6cemk_118",cs="_focused_6cemk_135",ls="_button_6cemk_73",us="_activeVariant_6cemk_161",ds="_chargeTypes_6cemk_165",xs="_charge_6cemk_165",ms="_chargeActive_6cemk_190",ps="_title_6cemk_198",b={options:Ye,price:Ge,oldPrice:We,newPrice:Xe,animate:Je,appearAndBounce:Qe,meta:Ke,info:Ze,infoRight:ts,buttons:es,variants:ss,variant:ns,stock:is,variantInfo:os,quantity:rs,count:as,focused:cs,button:ls,activeVariant:us,chargeTypes:ds,charge:xs,chargeActive:ms,title:ps};var st=(l=>(l.ONE_TIME="One-Time",l.RECURRING="Subscribe & Save",l))(st||{});const js=l=>{var _,v;const{variants:n}=l,[e,s]=j.useState(n[0]),[i,u]=j.useState(e.chargeTypes[0]),d=t.useNavigate(),[o,x]=j.useState(1),{reset:h,addProductToCart:S}=t.di(),[a,c]=j.useState(!1);j.useEffect(()=>{c(!0);const r=setTimeout(()=>c(!1),600);return()=>clearTimeout(r)},[o]);async function B(){await S({productId:l.id,productVariantId:e.id,quantity:o})}function k(){h(),B(),d("/checkout")}function w(r){if(r>=864e5){const I=Math.floor(r/864e5);return`${I} ${I===1?"day":"days"}`}else if(r>=36e5){const I=Math.floor(r/36e5);return`${I} ${I===1?"hour":"hours"}`}else if(r>=6e4){const I=Math.floor(r/6e4);return`${I} ${I===1?"minute":"minutes"}`}else{const I=Math.floor(r/1e3);return`${I} ${I===1?"second":"seconds"}`}}return j.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&x(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:b.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:b.chargeTypes,children:e.chargeTypes.map(r=>t.jsxRuntimeExports.jsx("div",{className:t.clx(b.charge,{[b.chargeActive]:i===r}),onClick:()=>u(r),children:st[r]},r))}),t.jsxRuntimeExports.jsx("div",{className:b.variants,children:n.map(r=>{var f;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(b.variant,{[b.activeVariant]:e.id===r.id}),onClick:()=>s(r),children:[t.jsxRuntimeExports.jsxs("div",{className:b.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:b.title,children:r.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",i==="ONE_TIME"?r.price.amount:r.subscriptionSettings?r.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:b.stock,children:[((f=r.quantity.restrictions)==null?void 0:f.max)||r.quantity.available||0," in stock"]})})]},r.id)})}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:b.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o>1?x(r=>r-1):x(1)},className:b.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(o),onChange:r=>x(Number(r)),max:((_=e.quantity.restrictions)==null?void 0:_.max)||e.quantity.available||1/0,min:((v=e.quantity.restrictions)==null?void 0:v.min)||0,centered:!0,disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{x(r=>r+1)},className:b.button,disabled:!!(e.quantity.restrictions&&o>=e.quantity.restrictions.max||e.quantity.available!==void 0&&o>=e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:b.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:b.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"#FF3F19",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{children:!e.deliveryTime||e.deliveryTime===0?"Instant":w(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:b.infoRight,children:i==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount||0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>k(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:i==="ONE_TIME"?"Buy Now":"Subscribe Now"}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>B(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},hs="_button_1tdo3_1",_s="_login_1tdo3_14",gs="_signUp_1tdo3_18",fs="_buttons_1tdo3_23",Es="_modal_1tdo3_32",Rs="_closing_1tdo3_64",bs="_info_1tdo3_113",vs="_top_1tdo3_120",ys="_title_1tdo3_131",Is="_clear_1tdo3_138",Ss="_activeClear_1tdo3_145",Ns="_count_1tdo3_149",ks="_cart_1tdo3_164",Cs="_empty_1tdo3_172",$s="_product_1tdo3_198",ws="_products_1tdo3_207",Bs="_image_1tdo3_215",Ps="_productInfo_1tdo3_221",Ms="_content_1tdo3_228",Ts="_name_1tdo3_234",qs="_price_1tdo3_240",As="_productButtons_1tdo3_246",Os="_productButton_1tdo3_246",Ls="_productCount_1tdo3_266",Ds="_bottom_1tdo3_282",zs="_subtotal_1tdo3_290",Us="_block_1tdo3_298",Hs="_shoppingCount_1tdo3_305",Fs="_total_1tdo3_325",Vs="_link_1tdo3_331",Ys="_userInfo_1tdo3_338",Gs="_pagesMobileModal_1tdo3_349",Ws="_pagesMobileModalContent_1tdo3_363",Xs="_pagesMobileModalHeader_1tdo3_369",Js="_pagesMobileModalFooter_1tdo3_379",R={button:hs,login:_s,signUp:gs,buttons:fs,modal:Es,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:Rs,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:bs,top:vs,title:ys,clear:Is,activeClear:Ss,count:Ns,cart:ks,empty:Cs,product:$s,products:ws,image:Bs,productInfo:Ps,content:Ms,name:Ts,price:qs,productButtons:As,productButton:Os,productCount:Ls,bottom:Ds,subtotal:zs,block:Us,shoppingCount:Hs,total:Fs,link:Vs,userInfo:Ys,pagesMobileModal:Gs,pagesMobileModalContent:Ws,pagesMobileModalHeader:Xs,pagesMobileModalFooter:Js},Qs=l=>{const{shopping:n,signUp:e,isShowUserInfo:s=!0}=l;return t.jsxRuntimeExports.jsxs("div",{className:R.buttons,children:[n&&t.jsxRuntimeExports.jsx(nt,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:e})]})},nt=()=>{const[l,n]=j.useState(!1),[e,s]=j.useState([]),{cart:i}=t.di();function u(h){var S;return!h||!(h!=null&&h.variants)?!1:(S=h.variants.find(a=>a.id===h.activeVariantId))==null?void 0:S.subscriptionSettings}const d=i.parts.length>0&&e.length>0&&!u(e[0]),[o,x]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10},onClick:h=>{h.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),x(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-primary)"}),d&&t.jsxRuntimeExports.jsx("div",{className:R.shoppingCount,children:i.parts.length})]}),l&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{x(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(it,{activeProducts:e,isCartNotEmpty:d,isOpen:o})})]})},it=l=>{const{activeProducts:n,isCartNotEmpty:e,isOpen:s}=l,{cart:i,reset:u,getTotalAndDiscount:d,updateQuantityOfProduct:o}=t.di(),x=t.useNavigate();function h(c){x(c)}function S(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity+1})}function a(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(R.modal,{[R.closing]:!s}),onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.top,children:[t.jsxRuntimeExports.jsxs("div",{className:R.info,children:[t.jsxRuntimeExports.jsx("span",{className:R.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:R.count,children:i.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(R.clear,{[R.activeClear]:e}),disabled:!e,onClick:u,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:R.cart,children:[t.jsxRuntimeExports.jsx("div",{className:R.products,children:n.map(c=>t.jsxRuntimeExports.jsxs("div",{className:R.product,children:[t.jsxRuntimeExports.jsxs("div",{className:R.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${c.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:R.image}),t.jsxRuntimeExports.jsxs("div",{className:R.content,children:[t.jsxRuntimeExports.jsx("div",{className:R.name,children:c.name}),t.jsxRuntimeExports.jsxs("div",{className:R.price,children:["$",c.variants.find(B=>B.id===c.activeVariantId).price.amount*((c==null?void 0:c.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:R.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{c.quantity!==1&&a(c)},className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:R.productCount,children:c.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>S(c),className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},c.id))}),t.jsxRuntimeExports.jsxs("div",{className:R.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:R.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:R.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsxs("div",{className:R.total,children:["$",d().total]})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>h("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ot,{})]})},ot=()=>t.jsxRuntimeExports.jsxs("div",{className:R.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:R.link,children:"view products"})]})]}),tt=({signUp:l,close:n})=>{const e=JSON.parse(localStorage.getItem("token")||"{}"),{data:s}=e,i=t.useNavigate();function u(x){window.location.pathname.includes("/admin/builder")||i(x)}if(!s)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),l&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]});const[d,o]=j.useState("test-email@gmail.com");return j.useEffect(()=>{(async()=>{const h=t.jwtDecode(s);o(h.email)})()},[s]),t.jsxRuntimeExports.jsx("div",{className:R.userInfo,onClick:()=>{u("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:d||"test-email@gmail.com"})})},rt=({children:l,logo:n,setIsOpen:e,signUp:s})=>{const{setIsOpen:i}=t.useModalStore(),u=()=>{i(!1),setTimeout(()=>{e(!1),i(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModal,onClick:d=>d.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:u,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--text-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalContent,children:l}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:s,close:u})})]})},Ks=({children:l,logo:n,signUp:e})=>{const[s,i]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(at,{setIsOpenModal:i}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>i(!1),children:t.jsxRuntimeExports.jsx(rt,{logo:n,setIsOpen:i,signUp:e,children:l})})]})},at=l=>{const{setIsOpenModal:n}=l;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--text-primary)"})})},Zs="_share_10urc_1",tn="_modal_10urc_9",en="_header_10urc_21",sn="_socials_10urc_31",nn="_social_10urc_31",on="_copy_10urc_41",rn="_title_10urc_48",an="_copyWrapper_10urc_54",cn="_copyText_10urc_63",ln="_copyTextMobile_10urc_76",un="_copyTextMiniMobile_10urc_95",X={share:Zs,modal:tn,header:en,socials:sn,social:nn,copy:on,title:rn,copyWrapper:an,copyText:cn,copyTextMobile:ln,copyTextMiniMobile:un},dn=({title:l="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:e}=t.useShareLinkStore();function s(){e(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:X.share,onClick:i=>{i.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:e,children:t.jsxRuntimeExports.jsx(xn,{title:l})})]})},xn=({title:l="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notification:e,setNotification:s}=t.useNotificationStore(),{setIsOpen:i}=t.useModalStore(),u=window.location.href;function d(){navigator.clipboard.writeText(u),s({message:"Link copied to clipboard",status:"success"})}function o(){i(!1),setTimeout(()=>{n(!1),i(!0)},300)}function x(h,S){return h.length>S?h.slice(0,S)+"...":h}return t.jsxRuntimeExports.jsxs("div",{className:X.modal,onClick:h=>h.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:X.header,children:[t.jsxRuntimeExports.jsx("div",{className:X.title,children:l}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:o,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:X.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:d,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:X.copyText,children:x(u,100)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMobile,children:x(u,40)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMiniMobile,children:x(u,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:d,children:e?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},mn="_accordion_1s1lq_1",pn="_header_1s1lq_9",jn="_icon_1s1lq_18",hn="_open_1s1lq_21",_n="_content_1s1lq_25",Q={accordion:mn,header:pn,icon:jn,open:hn,content:_n},gn=({title:l,content:n,defaultOpen:e=!1})=>{const[s,i]=j.useState(e),[u,d]=j.useState(0),o=j.useRef(null),x=()=>{i(!s)};return j.useEffect(()=>{o.current&&d(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:Q.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,onClick:x,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:l}),t.jsxRuntimeExports.jsx("div",{className:t.clx(Q.icon,{[Q.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:Q.content,style:{height:`${u}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},fn=({children:l,path:n,className:e,target:s="_self",id:i})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:i,children:l});const u=t.useNavigate(),d=/^https?:\/\//.test(n),o=x=>{d||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.history.pushState({},"",n):(x.preventDefault(),u(n))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:i,children:l})},En="_buttonsBlock_1b2rb_1",Rn="_slideUp_1b2rb_1",bn={buttonsBlock:En,slideUp:Rn},vn=()=>t.jsxRuntimeExports.jsxs("div",{className:bn.buttonsBlock,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",children:"Buy"})]}),yn="_wrapper_27wzz_1",In="_logo_27wzz_8",Sn="_info_27wzz_12",Z={wrapper:yn,logo:In,info:Sn},Nn=({date:l})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function e(s){const i=new Date(s),u={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return i.toLocaleDateString("en-US",u)}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:e(l)})]})]})},kn="_wrapper_st58d_1",Cn="_label_st58d_10",$n="_textarea_st58d_18",wn="_length_st58d_33",K={wrapper:kn,label:Cn,textarea:$n,length:wn},Bn=l=>{const{onChange:n,label:e,value:s,maxLength:i,placeholder:u="Type something...",type:d="text"}=l,[o,x]=j.useState(s.length);function h(S){return d==="number"?S.replace(/[^\d\n]+/g,""):S}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:K.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,value:s,onChange:S=>{const a=h(S.target.value);x(a.length),n(a)},placeholder:u,className:K.textarea,maxLength:i}),i&&t.jsxRuntimeExports.jsxs("div",{className:K.length,children:[o,"/",i]})]})};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.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TypesText=t.TypesText;exports.Accordion=gn;exports.BurgerMenuButton=at;exports.ButtonTypeSettings=et;exports.ButtonsSettings=He;exports.CategorySettings=Yt;exports.EmptyCart=ot;exports.FormSettings=Ee;exports.HeaderButtons=Qs;exports.LayoutSettings=bt;exports.Link=fn;exports.ListingSelector=Ve;exports.MetaInfoPost=Nn;exports.PagesMobileMenu=Ks;exports.PagesMobileModal=rt;exports.PagesSettings=ge;exports.ProductCardButtons=vn;exports.ProductOptions=js;exports.ShareLink=dn;exports.ShoppingButton=nt;exports.ShoppingModalCart=it;exports.TextareaUI=Bn;exports.UserInfo=tt;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DX-_0-Pq.cjs"),j=require("react");require("@phosphor-icons/react");const ct="_wrapper_1vmyb_2",lt="_alignmentBlock_1vmyb_8",ut="_title_1vmyb_15",dt="_subtitle_1vmyb_22",xt="_alignmentContent_1vmyb_29",mt="_alignments_1vmyb_37",pt="_alignment_1vmyb_8",jt="_circle_1vmyb_60",ht="_paddings_1vmyb_67",_t="_padding_1vmyb_67",gt="_active_1vmyb_91",ft="_input_1vmyb_98",F={wrapper:ct,alignmentBlock:lt,title:ut,subtitle:dt,alignmentContent:xt,alignments:mt,alignment:pt,circle:jt,paddings:ht,padding:_t,active:gt,input:ft},Et=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Rt=["left","top","right","bottom"],bt=l=>{const{alignment:n,padding:e,setPadding:s,setAlignment:i}=l;function u(a){switch(a){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 d(a){switch(a){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,x]=j.useState(null),[h,S]=j.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:F.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:F.title,children:"Layout (for Desktop version)"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:F.alignments,children:Et.map(a=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{i(a)},className:F.alignment,onMouseEnter:()=>{x(a)},onMouseLeave:()=>{x(null)},children:[a!==n&&o!==a&&t.jsxRuntimeExports.jsx("div",{className:F.circle}),a!==n&&o===a&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(o),fill:"#c2c2c2",width:22,height:22}),a===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(n),fill:"#FF3F19",width:22,height:22})]},a))}),t.jsxRuntimeExports.jsx("div",{className:F.paddings,children:Rt.map(a=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(F.padding,{[F.active]:h===a}),onFocus:()=>{S(a)},onBlur:()=>{S(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:d(a),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[a]),onChange:c=>s({...e,[a]:Math.min(Number(c),999)}),max:999,paddingless:!0,borderless:!0})]},a))})]})]})]})},vt="_title_82zux_1",yt="_subtitle_82zux_5",It="_header_82zux_12",St="_text_82zux_13",Nt="_productsBlock_82zux_14",kt="_top_82zux_26",Ct="_itemsBlock_82zux_35",$t="_typeTexts_82zux_41",wt="_block_82zux_48",Bt="_active_82zux_61",Pt="_products_82zux_14",Mt="_product_82zux_14",Tt="_button_82zux_80",qt="_disabled_82zux_91",At="_image_82zux_95",Ot="_info_82zux_102",Lt="_name_82zux_114",Dt="_buttons_82zux_118",zt="_modal_82zux_125",Ut="_link_82zux_145",Ht="_modalOptions_82zux_151",Ft="_addButton_82zux_157",Vt="_deleteButton_82zux_179",V={title:vt,subtitle:yt,header:It,text:St,productsBlock:Nt,top:kt,itemsBlock:Ct,typeTexts:$t,block:wt,active:Bt,products:Pt,product:Mt,button:Tt,disabled:qt,image:At,info:Ot,name:Lt,buttons:Dt,modal:zt,link:Ut,modalOptions:Ht,addButton:Ft,deleteButton:Vt},Yt=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,draggable:x=!1,withImage:h=!1,addable:S=!0,itemsOptions:a,hasRangeSelector:c=!1,rangeSelectorOptions:B,limit:k,autoScrollInterval:w,deletable:_}=l;function v(f){if(h)return f?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${f[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const r=(f,O=!1)=>{const N=a.find(I=>I.id===f);if(!N)return;const D=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const E=[...s],y=a.find(p=>p.name===I);if(!y)return;const P=y.id,C=E.map(p=>p===f?P:p);i([...C])},value:N.name,options:a.filter(I=>!s.find(E=>E===I.id)).map(I=>I.name),leftAddon:v(N.images)}),O&&t.jsxRuntimeExports.jsx("div",{className:V.buttons,children:t.jsxRuntimeExports.jsx("div",{className:V.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(I=>I!==f))})})})]});return t.jsxRuntimeExports.jsx("div",{className:V.product,children:D},f)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:f=>e==null?void 0:e(f)})]}),c&&B&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...B}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:o}),s.map(f=>r(f,_)),S&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(V.button,{[V.disabled]:!!(k&&k<=s.length||s.length===a.length)}),size:"s",disabled:!!(k&&k<=s.length||s.length===a.length),onClick:()=>{const f=[...s];let O=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(D=>D===a[N].id)){O=a[N];break}}f.push((O==null?void 0:O.id)||a[0].id),i(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:V.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u}),w!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(w.scrollInterval),onChange:f=>w.setScrollInterval(Number(f)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Gt="_title_roi3a_1",Wt="_subtitle_roi3a_5",Xt="_header_roi3a_12",Jt="_text_roi3a_13",Qt="_productsBlock_roi3a_14",Kt="_top_roi3a_26",Zt="_itemsBlock_roi3a_35",te="_typeTexts_roi3a_41",ee="_block_roi3a_48",se="_active_roi3a_61",ne="_products_roi3a_14",ie="_product_roi3a_14",oe="_button_roi3a_80",re="_disabled_roi3a_91",ae="_image_roi3a_95",ce="_info_roi3a_102",le="_name_roi3a_114",ue="_buttons_roi3a_118",de="_modal_roi3a_125",xe="_link_roi3a_145",me="_modalOptions_roi3a_151",pe="_addButton_roi3a_164",je="_deleteButton_roi3a_179",he="_closeIcon_roi3a_191",U={title:Gt,subtitle:Wt,header:Xt,text:Jt,productsBlock:Qt,top:Kt,itemsBlock:Zt,typeTexts:te,block:ee,active:se,products:ne,product:ie,button:oe,disabled:re,image:ae,info:ce,name:le,buttons:ue,modal:de,link:xe,modalOptions:me,addButton:pe,deleteButton:je,closeIcon:he};function _e({product:l,children:n}){const{attributes:e,listeners:s,setNodeRef:i,transform:u,transition:d,isDragging:o}=t.useSortable({id:l.id}),x={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:i,style:x,className:`${U.product} ${o?U.dragging:""}`,...e,...s,children:n})}const ge=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,title:u,subtitle:d,editable:o=!0,draggable:x=!1,deletable:h=!0,addable:S=!0,itemsType:a,itemsOptions:c,addableOptions:B={},limit:k}=l,[w,_]=j.useState(null),[v,r]=j.useState(null),f=j.useRef(null),O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{if(w){const E=[...s].map(y=>y.id===w.id?w:y);i(E)}},[w]),j.useEffect(()=>{f.current&&v&&(f.current.getBoundingClientRect().height,v.top)},[f.current,v]);const N=(E,y)=>{E.stopPropagation();const P=E.target.getBoundingClientRect();r({top:P.top+window.scrollY,left:P.left-30}),_(y)},D=E=>{const{active:y,over:P}=E;if(P&&y.id!==P.id){const C=s.findIndex(g=>g.id===y.id),p=s.findIndex(g=>g.id===P.id);if(C!==-1&&p!==-1){const g=[...s],[M]=g.splice(C,1);g.splice(p,0,M),i(g)}}},I=(E,y)=>{const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&c&&t.jsxRuntimeExports.jsx(t.Select,{onChange:C=>{const p=[...s],g=c.find(z=>z.name===C);if(!g)return;const M=p.map(z=>z.id===E.id?{...g,name:{"en-US":C}}:z);_({...E,name:{"en-US":C}}),i([...M])},value:E.name,options:c.filter(C=>!s.find(p=>p.name===C.name)).map(C=>C.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[o&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:C=>N(C,E)})}),h&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(C=>C.id!==E.id))})})]})]});return x?t.jsxRuntimeExports.jsx(_e,{product:E,index:y,children:P},E.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:P},E.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(u||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:u}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:E=>e==null?void 0:e(E)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:d}),x?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:D,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(E=>E.id),strategy:t.verticalListSortingStrategy,children:s.map((E,y)=>I(E,y))})}):s.map((E,y)=>I(E,y)),S&&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]:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length))}),size:"s",disabled:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length)),onClick:()=>{const E=[...s];let y=null;if(c){for(let P=0;P<c.length;P++)if(!s.find(C=>C.id===c[P].id)){y=c[P];break}}a==="select"&&c&&E.push({name:y?y.name:c[0].name,id:(y==null?void 0:y.id)||c[0].id,...B}),i(E)},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 fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:n.id}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles.product} ${x?t.styles.dragging:""}`,...s,...i,children:e})}const Ee=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:B,itemsPlaceholder:k="",itemsOptions:w,hasRangeSelector:_=!1,rangeSelectorOptions:v,modalOptions:r,addableOptions:f={},limit:O}=l,[N,D]=j.useState(null),[I,E]=j.useState({top:0,left:0}),[y,P]=j.useState(null),C=j.useRef(null),[p,g]=j.useState(!1),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const m=()=>{D(null),g(!1)};return document.body.addEventListener("click",m),D(null),g(!1),()=>{D(null),g(!1),document.body.removeEventListener("click",m)}},[]),j.useEffect(()=>{if(N){const m=[...s].map(q=>q.id===N.id?N:q);i(m)}},[N]),j.useEffect(()=>{if(C.current&&y){const m=C.current.getBoundingClientRect().height,q=window.innerHeight;let $=y.top;$+m>q+window.scrollY-200&&($=q+window.scrollY-m-200),$<0&&($=10),E({top:$,left:y.left})}},[C.current,y]);const z=(m,q)=>{m.stopPropagation();const $=m.target.getBoundingClientRect();P({top:$.top+window.scrollY,left:$.left-30}),D(q),g(!0)};function T(m){if(S)return m?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${m[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const L=m=>{const{active:q,over:$}=m;if($&&q.id!==$.id){const A=s.findIndex(H=>H.id===q.id),J=s.findIndex(H=>H.id===$.id);if(A!==-1&&J!==-1){const H=[...s],[Y]=H.splice(A,1);H.splice(J,0,Y),i(H)}}},G=m=>{var $;const q=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),B==="select"&&w&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);D({...m,name:{"en-US":A}}),i([...H])},value:m.name["en-US"],options:w.filter(A=>!s.find(J=>J.name["en-US"]===A)),leftAddon:T(m.images)}),B==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);i([...H])},value:m.name["en-US"],placeholder:k}),B==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,images:A}:Y);i([...H])},activeImage:($=s.find(A=>A.id===m.id))==null?void 0:$.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>z(A,m)})}),a&&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:()=>i(s.filter(A=>A.id!==m.id))})})]})]});return h?t.jsxRuntimeExports.jsx(fe,{product:m,children:q},m.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:q},m.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:m=>e==null?void 0:e(m)})]}),N&&x&&r&&p&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:C,activeItem:N,setActiveItem:D,popupPosition:I,modalOptions:r,setIsOpenModal:g}),_&&v&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...v}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:L,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(m=>m.id),strategy:t.verticalListSortingStrategy,children:s.map(m=>G(m))})}):s.map(m=>G(m)),c&&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]:!!(O&&O<=s.length)}),size:"s",disabled:!!(O&&O<=s.length),onClick:()=>{const m=[...s];let q=null;if(w){for(let $=0;$<w.length;$++)if(!s.find(A=>A.name["en-US"]===w[$])){q=w[$];break}}B==="select"&&w?m.push({name:{"en-US":q||w[0]},id:t.v4(),...f,maxSymbols:100}):B==="input"?m.push({name:{"en-US":""},id:t.v4(),...f,maxSymbols:100}):m.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...f,maxSymbols:100}),i(m)},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})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Re="_subtitle_jql1y_1",be="_header_jql1y_8",ve="_text_jql1y_9",ye="_productsBlock_jql1y_10",Ie="_buttonsBlock_jql1y_11",Se="_top_jql1y_23",Ne="_itemsBlock_jql1y_32",ke="_typeTexts_jql1y_38",Ce="_block_jql1y_45",$e="_active_jql1y_58",we="_products_jql1y_10",Be="_product_jql1y_10",Pe="_button_jql1y_11",Me="_image_jql1y_88",Te="_info_jql1y_95",qe="_name_jql1y_107",Ae="_buttons_jql1y_11",Oe="_modal_jql1y_118",Le="_other_jql1y_138",De="_options_jql1y_144",ze="_addButton_jql1y_150",Ue="_deleteButton_jql1y_165",W={subtitle:Re,header:be,text:ve,productsBlock:ye,buttonsBlock:Ie,top:Se,itemsBlock:Ne,typeTexts:ke,block:Ce,active:$e,products:we,product:Be,button:Pe,image:Me,info:Te,name:qe,buttons:Ae,modal:Oe,other:Le,options:De,addButton:ze,deleteButton:Ue},et=l=>{const{buttons:n,setButtons:e,deletable:s=!0,addable:i=!0,editableLink:u=!0}=l,{pages:d}=t.usePagesStore(),[o,x]=j.useState(null),[h,S]=j.useState({top:0,left:0}),[a,c]=j.useState(null),B=j.useRef(null);j.useEffect(()=>{if(o){const _=[...n].map(v=>v.id===o.id?o:v);e(_)}},[o]),j.useEffect(()=>{if(B.current&&a){const _=B.current.getBoundingClientRect().height,v=window.innerHeight;let r=a.top;r+_>v+window.scrollY-200&&(r=v+window.scrollY-_-200),r<0&&(r=10),S({top:r,left:a.left})}},[B.current,a]);const k=(_,v)=>{_.stopPropagation();const r=_.target.getBoundingClientRect();c({top:r.top+window.scrollY-70,left:r.left-(i?30:65)}),x(v)},w=(_,v)=>{const r=[...n],f={..._,id:Math.random().toString(36).substr(2,9)};r.splice(v+1,0,f),e(r)};return t.jsxRuntimeExports.jsxs("div",{className:W.products,children:[t.jsxRuntimeExports.jsx("h5",{className:W.subtitle,children:"Button Type"}),n.map((_,v)=>t.jsxRuntimeExports.jsxs("div",{className:W.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:r=>{const O=[...n].map(N=>N.id===_.id?{..._,type:r}:N);e(O)},value:_.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:W.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{w(_,v)}})}),t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:r=>{k(r,_)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const r=n.filter(f=>f.id!==_.id);e(r)},width:20,height:20,fill:"#C12A2A"})})]})]},_.id)),o&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:B,activeButton:o,setActiveButton:x,popupPosition:h,editableLink:u}),i&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:W.button,size:"s",onClick:()=>{const _=[...n];u?_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:d?Object.values(d)[0].path:"/",openInNewTab:!1}):_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:d?Object.values(d)[0].path:"/",openInNewTab:!1}),e(_)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:W.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},He=l=>{const{isActiveButtons:n,setIsActiveButtons:e,buttons:s,setButtons:i,editableLink:u=!0,addable:d=!0,deletable:o=!0}=l;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:x=>e(x)})]}),n&&t.jsxRuntimeExports.jsx(et,{buttons:s,setButtons:i,editableLink:u,addable:d,deletable:o})]})})};function Fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:String(n.listingId)}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles$2.product} ${x?t.styles$2.dragging:""}`,...s,...i,children:e})}const Ve=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:B,itemsOptions:k,limit:w}=l,[_,v]=j.useState(null),[r,f]=j.useState({top:0,left:0}),[O,N]=j.useState(!1),D=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const p=()=>{v(null),N(!1)};return document.body.addEventListener("click",p),v(null),N(!1),()=>{v(null),N(!1),document.body.removeEventListener("click",p)}},[]),j.useEffect(()=>{if(_){const p=[...s].map(g=>g.listingId===_.listingId?_:g);i(p)}},[_]);const I=(p,g)=>{p.stopPropagation();const M=p.target.getBoundingClientRect(),z=100,T=window.innerHeight;let L=M.top+window.scrollY;L+z>T&&(L=T-z-20),N(!0),f({top:L-80,left:M.left-30}),v(g)};function E(p){if(S)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const y=p=>{const{active:g,over:M}=p;if(M&&g.id!==M.id){const z=s.findIndex(L=>String(L.listingId)===g.id),T=s.findIndex(L=>String(L.listingId)===M.id);if(z!==-1&&T!==-1){const L=[...s],[G]=L.splice(z,1);L.splice(T,0,G),i(L)}}},P=(p,g)=>{const M=k.find(T=>p.listingId===T.id);if(!M)return null;const z=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),B==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:T=>{const L=[...s],G=k.find($=>$.productData.name===T);if(!G)return;const m={listingId:G.id,image:G.productData.images.length>0?G.productData.images[0].cfId:""},q=L.map($=>$.listingId===p.listingId?m:$);v(m),i([...q])},value:M.productData.name,options:[...k.filter(T=>!s.find(L=>L.listingId===T.id)).map(T=>T.productData.name)],leftAddon:E(p.image||M.productData.images.length>0&&M.productData.images[0].cfId||"")},g),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:T=>I(T,p)})}),a&&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:()=>i(s.filter(T=>T!==p))})})]})]});return h?t.jsxRuntimeExports.jsx(Fe,{product:p,children:z},p.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:z},p.listingId)},C=j.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>e==null?void 0:e(p)})]}),O&&_&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:C,activeItem:_,setActiveItem:v,setIsOpenModal:N,popupPosition:r,itemsOptions:k}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:D,onDragEnd:y,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>String(p.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((p,g)=>P(p,g))})}):s.map((p,g)=>P(p,g)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const p=[...s];for(let g=0;g<k.length;g++)if(!s.find(M=>M.listingId===k[g].id)){p.push({listingId:k[g].id,image:k[g].productData.images.length>0?k[g].productData.images[0].cfId:""});break}i(p)},disabled:s.length===(w||k.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})]})})})]}),n&&u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Ye="_options_6cemk_1",Ge="_price_6cemk_12",We="_oldPrice_6cemk_19",Xe="_newPrice_6cemk_27",Je="_animate_6cemk_34",Qe="_appearAndBounce_6cemk_1",Ke="_meta_6cemk_52",Ze="_info_6cemk_58",ts="_infoRight_6cemk_66",es="_buttons_6cemk_73",ss="_variants_6cemk_80",ns="_variant_6cemk_80",is="_stock_6cemk_98",os="_variantInfo_6cemk_105",rs="_quantity_6cemk_111",as="_count_6cemk_118",cs="_focused_6cemk_135",ls="_button_6cemk_73",us="_activeVariant_6cemk_161",ds="_chargeTypes_6cemk_165",xs="_charge_6cemk_165",ms="_chargeActive_6cemk_190",ps="_title_6cemk_198",b={options:Ye,price:Ge,oldPrice:We,newPrice:Xe,animate:Je,appearAndBounce:Qe,meta:Ke,info:Ze,infoRight:ts,buttons:es,variants:ss,variant:ns,stock:is,variantInfo:os,quantity:rs,count:as,focused:cs,button:ls,activeVariant:us,chargeTypes:ds,charge:xs,chargeActive:ms,title:ps};var st=(l=>(l.ONE_TIME="One-Time",l.RECURRING="Subscribe & Save",l))(st||{});const js=l=>{var _,v;const{variants:n}=l,[e,s]=j.useState(n[0]),[i,u]=j.useState(e.chargeTypes[0]),d=t.useNavigate(),[o,x]=j.useState(1),{reset:h,addProductToCart:S}=t.di(),[a,c]=j.useState(!1);j.useEffect(()=>{c(!0);const r=setTimeout(()=>c(!1),600);return()=>clearTimeout(r)},[o]);async function B(){await S({productId:l.id,productVariantId:e.id,quantity:o})}function k(){h(),B(),d("/checkout")}function w(r){if(r>=864e5){const I=Math.floor(r/864e5);return`${I} ${I===1?"day":"days"}`}else if(r>=36e5){const I=Math.floor(r/36e5);return`${I} ${I===1?"hour":"hours"}`}else if(r>=6e4){const I=Math.floor(r/6e4);return`${I} ${I===1?"minute":"minutes"}`}else{const I=Math.floor(r/1e3);return`${I} ${I===1?"second":"seconds"}`}}return j.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&x(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:b.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:b.chargeTypes,children:e.chargeTypes.map(r=>t.jsxRuntimeExports.jsx("div",{className:t.clx(b.charge,{[b.chargeActive]:i===r}),onClick:()=>u(r),children:st[r]},r))}),t.jsxRuntimeExports.jsx("div",{className:b.variants,children:n.map(r=>{var f;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(b.variant,{[b.activeVariant]:e.id===r.id}),onClick:()=>s(r),children:[t.jsxRuntimeExports.jsxs("div",{className:b.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:b.title,children:r.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",i==="ONE_TIME"?r.price.amount:r.subscriptionSettings?r.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:b.stock,children:[((f=r.quantity.restrictions)==null?void 0:f.max)||r.quantity.available||0," in stock"]})})]},r.id)})}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:b.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o>1?x(r=>r-1):x(1)},className:b.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(o),onChange:r=>x(Number(r)),max:((_=e.quantity.restrictions)==null?void 0:_.max)||e.quantity.available||1/0,min:((v=e.quantity.restrictions)==null?void 0:v.min)||0,centered:!0,disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{x(r=>r+1)},className:b.button,disabled:!!(e.quantity.restrictions&&o>=e.quantity.restrictions.max||e.quantity.available!==void 0&&o>=e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:b.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:b.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"#FF3F19",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{children:!e.deliveryTime||e.deliveryTime===0?"Instant":w(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:b.infoRight,children:i==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount||0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>k(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:i==="ONE_TIME"?"Buy Now":"Subscribe Now"}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>B(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},hs="_button_1tdo3_1",_s="_login_1tdo3_14",gs="_signUp_1tdo3_18",fs="_buttons_1tdo3_23",Es="_modal_1tdo3_32",Rs="_closing_1tdo3_64",bs="_info_1tdo3_113",vs="_top_1tdo3_120",ys="_title_1tdo3_131",Is="_clear_1tdo3_138",Ss="_activeClear_1tdo3_145",Ns="_count_1tdo3_149",ks="_cart_1tdo3_164",Cs="_empty_1tdo3_172",$s="_product_1tdo3_198",ws="_products_1tdo3_207",Bs="_image_1tdo3_215",Ps="_productInfo_1tdo3_221",Ms="_content_1tdo3_228",Ts="_name_1tdo3_234",qs="_price_1tdo3_240",As="_productButtons_1tdo3_246",Os="_productButton_1tdo3_246",Ls="_productCount_1tdo3_266",Ds="_bottom_1tdo3_282",zs="_subtotal_1tdo3_290",Us="_block_1tdo3_298",Hs="_shoppingCount_1tdo3_305",Fs="_total_1tdo3_325",Vs="_link_1tdo3_331",Ys="_userInfo_1tdo3_338",Gs="_pagesMobileModal_1tdo3_349",Ws="_pagesMobileModalContent_1tdo3_363",Xs="_pagesMobileModalHeader_1tdo3_369",Js="_pagesMobileModalFooter_1tdo3_379",R={button:hs,login:_s,signUp:gs,buttons:fs,modal:Es,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:Rs,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:bs,top:vs,title:ys,clear:Is,activeClear:Ss,count:Ns,cart:ks,empty:Cs,product:$s,products:ws,image:Bs,productInfo:Ps,content:Ms,name:Ts,price:qs,productButtons:As,productButton:Os,productCount:Ls,bottom:Ds,subtotal:zs,block:Us,shoppingCount:Hs,total:Fs,link:Vs,userInfo:Ys,pagesMobileModal:Gs,pagesMobileModalContent:Ws,pagesMobileModalHeader:Xs,pagesMobileModalFooter:Js},Qs=l=>{const{shopping:n,signUp:e,isShowUserInfo:s=!0}=l;return t.jsxRuntimeExports.jsxs("div",{className:R.buttons,children:[n&&t.jsxRuntimeExports.jsx(nt,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:e})]})},nt=()=>{const[l,n]=j.useState(!1),[e,s]=j.useState([]),{cart:i}=t.di();function u(h){var S;return!h||!(h!=null&&h.variants)?!1:(S=h.variants.find(a=>a.id===h.activeVariantId))==null?void 0:S.subscriptionSettings}const d=i.parts.length>0&&e.length>0&&!u(e[0]),[o,x]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10},onClick:h=>{h.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),x(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-primary)"}),d&&t.jsxRuntimeExports.jsx("div",{className:R.shoppingCount,children:i.parts.length})]}),l&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{x(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(it,{activeProducts:e,isCartNotEmpty:d,isOpen:o})})]})},it=l=>{const{activeProducts:n,isCartNotEmpty:e,isOpen:s}=l,{cart:i,reset:u,getTotalAndDiscount:d,updateQuantityOfProduct:o}=t.di(),x=t.useNavigate();function h(c){x(c)}function S(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity+1})}function a(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(R.modal,{[R.closing]:!s}),onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.top,children:[t.jsxRuntimeExports.jsxs("div",{className:R.info,children:[t.jsxRuntimeExports.jsx("span",{className:R.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:R.count,children:i.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(R.clear,{[R.activeClear]:e}),disabled:!e,onClick:u,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:R.cart,children:[t.jsxRuntimeExports.jsx("div",{className:R.products,children:n.map(c=>t.jsxRuntimeExports.jsxs("div",{className:R.product,children:[t.jsxRuntimeExports.jsxs("div",{className:R.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${c.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:R.image}),t.jsxRuntimeExports.jsxs("div",{className:R.content,children:[t.jsxRuntimeExports.jsx("div",{className:R.name,children:c.name}),t.jsxRuntimeExports.jsxs("div",{className:R.price,children:["$",c.variants.find(B=>B.id===c.activeVariantId).price.amount*((c==null?void 0:c.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:R.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{c.quantity!==1&&a(c)},className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:R.productCount,children:c.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>S(c),className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},c.id))}),t.jsxRuntimeExports.jsxs("div",{className:R.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:R.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:R.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsxs("div",{className:R.total,children:["$",d().total]})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>h("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ot,{})]})},ot=()=>t.jsxRuntimeExports.jsxs("div",{className:R.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:R.link,children:"view products"})]})]}),tt=({signUp:l,close:n})=>{const e=JSON.parse(localStorage.getItem("token")||"{}"),{data:s}=e,i=t.useNavigate();function u(x){window.location.pathname.includes("/admin/builder")||i(x)}if(!s)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),l&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]});const[d,o]=j.useState("test-email@gmail.com");return j.useEffect(()=>{(async()=>{const h=t.jwtDecode(s);o(h.email)})()},[s]),t.jsxRuntimeExports.jsx("div",{className:R.userInfo,onClick:()=>{u("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:d||"test-email@gmail.com"})})},rt=({children:l,logo:n,setIsOpen:e,signUp:s})=>{const{setIsOpen:i}=t.useModalStore(),u=()=>{i(!1),setTimeout(()=>{e(!1),i(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModal,onClick:d=>d.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:u,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--text-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalContent,children:l}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:s,close:u})})]})},Ks=({children:l,logo:n,signUp:e})=>{const[s,i]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(at,{setIsOpenModal:i}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>i(!1),children:t.jsxRuntimeExports.jsx(rt,{logo:n,setIsOpen:i,signUp:e,children:l})})]})},at=l=>{const{setIsOpenModal:n}=l;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),window.location.pathname.includes("/admin/builder")||n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--text-primary)"})})},Zs="_share_10urc_1",tn="_modal_10urc_9",en="_header_10urc_21",sn="_socials_10urc_31",nn="_social_10urc_31",on="_copy_10urc_41",rn="_title_10urc_48",an="_copyWrapper_10urc_54",cn="_copyText_10urc_63",ln="_copyTextMobile_10urc_76",un="_copyTextMiniMobile_10urc_95",X={share:Zs,modal:tn,header:en,socials:sn,social:nn,copy:on,title:rn,copyWrapper:an,copyText:cn,copyTextMobile:ln,copyTextMiniMobile:un},dn=({title:l="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:e}=t.useShareLinkStore();function s(){e(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:X.share,onClick:i=>{i.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:e,children:t.jsxRuntimeExports.jsx(xn,{title:l})})]})},xn=({title:l="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notification:e,setNotification:s}=t.useNotificationStore(),{setIsOpen:i}=t.useModalStore(),u=window.location.href;function d(){navigator.clipboard.writeText(u),s({message:"Link copied to clipboard",status:"success"})}function o(){i(!1),setTimeout(()=>{n(!1),i(!0)},300)}function x(h,S){return h.length>S?h.slice(0,S)+"...":h}return t.jsxRuntimeExports.jsxs("div",{className:X.modal,onClick:h=>h.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:X.header,children:[t.jsxRuntimeExports.jsx("div",{className:X.title,children:l}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:o,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:X.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:d,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:X.copyText,children:x(u,100)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMobile,children:x(u,40)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMiniMobile,children:x(u,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:d,children:e?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},mn="_accordion_1s1lq_1",pn="_header_1s1lq_9",jn="_icon_1s1lq_18",hn="_open_1s1lq_21",_n="_content_1s1lq_25",Q={accordion:mn,header:pn,icon:jn,open:hn,content:_n},gn=({title:l,content:n,defaultOpen:e=!1})=>{const[s,i]=j.useState(e),[u,d]=j.useState(0),o=j.useRef(null),x=()=>{i(!s)};return j.useEffect(()=>{o.current&&d(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:Q.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,onClick:x,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:l}),t.jsxRuntimeExports.jsx("div",{className:t.clx(Q.icon,{[Q.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:Q.content,style:{height:`${u}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},fn=({children:l,path:n,className:e,target:s="_self",id:i})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:i,children:l});const u=t.useNavigate(),d=/^https?:\/\//.test(n),o=x=>{d||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.history.pushState({},"",n):(x.preventDefault(),u(n))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:i,children:l})},En="_buttonsBlock_1b2rb_1",Rn="_slideUp_1b2rb_1",bn={buttonsBlock:En,slideUp:Rn},vn=()=>t.jsxRuntimeExports.jsxs("div",{className:bn.buttonsBlock,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",children:"Buy"})]}),yn="_wrapper_27wzz_1",In="_logo_27wzz_8",Sn="_info_27wzz_12",Z={wrapper:yn,logo:In,info:Sn},Nn=({date:l})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function e(s){const i=new Date(s),u={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return i.toLocaleDateString("en-US",u)}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:e(l)})]})]})},kn="_wrapper_st58d_1",Cn="_label_st58d_10",$n="_textarea_st58d_18",wn="_length_st58d_33",K={wrapper:kn,label:Cn,textarea:$n,length:wn},Bn=l=>{const{onChange:n,label:e,value:s,maxLength:i,placeholder:u="Type something...",type:d="text"}=l,[o,x]=j.useState(s.length);function h(S){return d==="number"?S.replace(/[^\d\n]+/g,""):S}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:K.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,value:s,onChange:S=>{const a=h(S.target.value);x(a.length),n(a)},placeholder:u,className:K.textarea,maxLength:i}),i&&t.jsxRuntimeExports.jsxs("div",{className:K.length,children:[o,"/",i]})]})};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.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TypesText=t.TypesText;exports.Accordion=gn;exports.BurgerMenuButton=at;exports.ButtonTypeSettings=et;exports.ButtonsSettings=He;exports.CategorySettings=Yt;exports.EmptyCart=ot;exports.FormSettings=Ee;exports.HeaderButtons=Qs;exports.LayoutSettings=bt;exports.Link=fn;exports.ListingSelector=Ve;exports.MetaInfoPost=Nn;exports.PagesMobileMenu=Ks;exports.PagesMobileModal=rt;exports.PagesSettings=ge;exports.ProductCardButtons=vn;exports.ProductOptions=js;exports.ShareLink=dn;exports.ShoppingButton=nt;exports.ShoppingModalCart=it;exports.TextareaUI=Bn;exports.UserInfo=tt;
package/dist/ui.es.js CHANGED
@@ -2,10 +2,10 @@ import { j as t, I as f, c as W, a as ut, S as it, R as Nt, B as ot, O as mt, d
2
2
  import { K as bi, G as ji, J as vi, F as yi, T as Ni, H as ki } from "./index-gMad4uy4.js";
3
3
  import _ from "react";
4
4
  import "@phosphor-icons/react";
5
- const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
5
+ const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
6
6
  wrapper: Et,
7
- alignmentBlock: Rt,
8
- title: Dt,
7
+ alignmentBlock: Dt,
8
+ title: Rt,
9
9
  subtitle: Lt,
10
10
  alignmentContent: zt,
11
11
  alignments: Ut,
@@ -59,7 +59,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
59
59
  }
60
60
  const [o, m] = _.useState(null), [g, C] = _.useState(null);
61
61
  return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
62
- /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
62
+ /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout (for Desktop version)" }),
63
63
  /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
64
64
  /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
65
65
  /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
@@ -205,7 +205,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
205
205
  }
206
206
  );
207
207
  }
208
- const a = (j, D = !1) => {
208
+ const a = (j, R = !1) => {
209
209
  const w = c.find((S) => S.id === j);
210
210
  if (!w) return;
211
211
  const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -232,7 +232,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
232
232
  leftAddon: k(w.images)
233
233
  }
234
234
  ),
235
- D && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
235
+ R && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
236
236
  f,
237
237
  {
238
238
  name: "Trash",
@@ -288,15 +288,15 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
288
288
  disabled: !!($ && $ <= n.length || n.length === c.length),
289
289
  onClick: () => {
290
290
  const j = [...n];
291
- let D = null;
291
+ let R = null;
292
292
  if (c) {
293
293
  for (let w = 0; w < c.length; w++)
294
294
  if (!n.find((z) => z === c[w].id)) {
295
- D = c[w];
295
+ R = c[w];
296
296
  break;
297
297
  }
298
298
  }
299
- j.push((D == null ? void 0 : D.id) || c[0].id), i(j);
299
+ j.push((R == null ? void 0 : R.id) || c[0].id), i(j);
300
300
  },
301
301
  style: {
302
302
  width: "fit-content"
@@ -334,7 +334,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
334
334
  }
335
335
  )
336
336
  ] });
337
- }, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", Re = "_modal_roi3a_125", De = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
337
+ }, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", De = "_modal_roi3a_125", Re = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
338
338
  title: je,
339
339
  subtitle: ve,
340
340
  header: ye,
@@ -353,8 +353,8 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
353
353
  info: Ae,
354
354
  name: Oe,
355
355
  buttons: Ee,
356
- modal: Re,
357
- link: De,
356
+ modal: De,
357
+ link: Re,
358
358
  modalOptions: Le,
359
359
  addButton: ze,
360
360
  deleteButton: Ue,
@@ -402,7 +402,7 @@ const ii = (r) => {
402
402
  itemsOptions: l,
403
403
  addableOptions: T = {},
404
404
  limit: $
405
- } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), D = ht(
405
+ } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), R = ht(
406
406
  pt(_t, {
407
407
  activationConstraint: {
408
408
  distance: 5
@@ -524,7 +524,7 @@ const ii = (r) => {
524
524
  m ? /* @__PURE__ */ t.jsx(
525
525
  gt,
526
526
  {
527
- sensors: D,
527
+ sensors: R,
528
528
  onDragEnd: z,
529
529
  children: /* @__PURE__ */ t.jsx(
530
530
  ft,
@@ -630,7 +630,7 @@ const oi = (r) => {
630
630
  rangeSelectorOptions: k,
631
631
  modalOptions: a,
632
632
  addableOptions: j = {},
633
- limit: D
633
+ limit: R
634
634
  } = r, [w, z] = _.useState(null), [S, v] = _.useState({
635
635
  top: 0,
636
636
  left: 0
@@ -694,9 +694,9 @@ const oi = (r) => {
694
694
  const L = (h) => {
695
695
  const { active: E, over: P } = h;
696
696
  if (P && E.id !== P.id) {
697
- const R = n.findIndex((Y) => Y.id === E.id), et = n.findIndex((Y) => Y.id === P.id);
698
- if (R !== -1 && et !== -1) {
699
- const Y = [...n], [K] = Y.splice(R, 1);
697
+ const D = n.findIndex((Y) => Y.id === E.id), et = n.findIndex((Y) => Y.id === P.id);
698
+ if (D !== -1 && et !== -1) {
699
+ const Y = [...n], [K] = Y.splice(D, 1);
700
700
  Y.splice(et, 0, K), i(Y);
701
701
  }
702
702
  }
@@ -715,23 +715,23 @@ const oi = (r) => {
715
715
  T === "select" && M && /* @__PURE__ */ t.jsx(
716
716
  at,
717
717
  {
718
- onChange: (R) => {
718
+ onChange: (D) => {
719
719
  const Y = [...n].map((K) => K.id === h.id ? {
720
720
  ...h,
721
721
  name: {
722
- "en-US": R
722
+ "en-US": D
723
723
  }
724
724
  } : K);
725
725
  z({
726
726
  ...h,
727
727
  name: {
728
- "en-US": R
728
+ "en-US": D
729
729
  }
730
730
  }), i([...Y]);
731
731
  },
732
732
  value: h.name["en-US"],
733
733
  options: M.filter(
734
- (R) => !n.find((et) => et.name["en-US"] === R)
734
+ (D) => !n.find((et) => et.name["en-US"] === D)
735
735
  ),
736
736
  leftAddon: O(h.images)
737
737
  }
@@ -739,11 +739,11 @@ const oi = (r) => {
739
739
  T === "input" && /* @__PURE__ */ t.jsx(
740
740
  ut,
741
741
  {
742
- onChange: (R) => {
742
+ onChange: (D) => {
743
743
  const Y = [...n].map((K) => K.id === h.id ? {
744
744
  ...h,
745
745
  name: {
746
- "en-US": R
746
+ "en-US": D
747
747
  }
748
748
  } : K);
749
749
  i([...Y]);
@@ -755,14 +755,14 @@ const oi = (r) => {
755
755
  T === "image" && /* @__PURE__ */ t.jsx(
756
756
  $t,
757
757
  {
758
- onChange: (R) => {
758
+ onChange: (D) => {
759
759
  const Y = [...n].map((K) => K.id === h.id ? {
760
760
  ...h,
761
- images: R
761
+ images: D
762
762
  } : K);
763
763
  i([...Y]);
764
764
  },
765
- activeImage: (P = n.find((R) => R.id === h.id)) == null ? void 0 : P.images[0]
765
+ activeImage: (P = n.find((D) => D.id === h.id)) == null ? void 0 : P.images[0]
766
766
  }
767
767
  ),
768
768
  /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
@@ -773,7 +773,7 @@ const oi = (r) => {
773
773
  hoverable: !0,
774
774
  width: 20,
775
775
  height: 20,
776
- onClick: (R) => U(R, h)
776
+ onClick: (D) => U(D, h)
777
777
  }
778
778
  ) }),
779
779
  c && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -784,7 +784,7 @@ const oi = (r) => {
784
784
  width: 20,
785
785
  height: 20,
786
786
  fill: "#C12A2A",
787
- onClick: () => i(n.filter((R) => R.id !== h.id))
787
+ onClick: () => i(n.filter((D) => D.id !== h.id))
788
788
  }
789
789
  ) })
790
790
  ] })
@@ -858,16 +858,16 @@ const oi = (r) => {
858
858
  {
859
859
  withoutHover: !0,
860
860
  className: W(F.button, {
861
- [F.disabled]: !!(D && D <= n.length)
861
+ [F.disabled]: !!(R && R <= n.length)
862
862
  }),
863
863
  size: "s",
864
- disabled: !!(D && D <= n.length),
864
+ disabled: !!(R && R <= n.length),
865
865
  onClick: () => {
866
866
  const h = [...n];
867
867
  let E = null;
868
868
  if (M) {
869
869
  for (let P = 0; P < M.length; P++)
870
- if (!n.find((R) => R.name["en-US"] === M[P])) {
870
+ if (!n.find((D) => D.name["en-US"] === M[P])) {
871
871
  E = M[P];
872
872
  break;
873
873
  }
@@ -986,11 +986,11 @@ const oi = (r) => {
986
986
  at,
987
987
  {
988
988
  onChange: (a) => {
989
- const D = [...s].map((w) => w.id === x.id ? {
989
+ const R = [...s].map((w) => w.id === x.id ? {
990
990
  ...x,
991
991
  type: a
992
992
  } : w);
993
- e(D);
993
+ e(R);
994
994
  },
995
995
  value: x.type,
996
996
  options: ["Primary", "Secondary", "Tertiary"]
@@ -1181,7 +1181,7 @@ const ci = (r) => {
1181
1181
  ), [a, j] = _.useState({
1182
1182
  top: 0,
1183
1183
  left: 0
1184
- }), [D, w] = _.useState(!1), z = ht(
1184
+ }), [R, w] = _.useState(!1), z = ht(
1185
1185
  pt(_t, {
1186
1186
  activationConstraint: {
1187
1187
  distance: 5
@@ -1325,7 +1325,7 @@ const ci = (r) => {
1325
1325
  }
1326
1326
  )
1327
1327
  ] }),
1328
- D && x && /* @__PURE__ */ t.jsx(
1328
+ R && x && /* @__PURE__ */ t.jsx(
1329
1329
  Mt,
1330
1330
  {
1331
1331
  ref: B,
@@ -1401,7 +1401,7 @@ const ci = (r) => {
1401
1401
  ] }),
1402
1402
  s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
1403
1403
  ] });
1404
- }, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Rn = "_chargeActive_6cemk_190", Dn = "_title_6cemk_198", N = {
1404
+ }, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Dn = "_chargeActive_6cemk_190", Rn = "_title_6cemk_198", N = {
1405
1405
  options: fn,
1406
1406
  price: xn,
1407
1407
  oldPrice: bn,
@@ -1423,8 +1423,8 @@ const ci = (r) => {
1423
1423
  activeVariant: An,
1424
1424
  chargeTypes: On,
1425
1425
  charge: En,
1426
- chargeActive: Rn,
1427
- title: Dn
1426
+ chargeActive: Dn,
1427
+ title: Rn
1428
1428
  };
1429
1429
  var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
1430
1430
  const li = (r) => {
@@ -2091,9 +2091,9 @@ const li = (r) => {
2091
2091
  ]
2092
2092
  }
2093
2093
  );
2094
- }, Rs = "_accordion_1s1lq_1", Ds = "_header_1s1lq_9", Ls = "_icon_1s1lq_18", zs = "_open_1s1lq_21", Us = "_content_1s1lq_25", nt = {
2095
- accordion: Rs,
2096
- header: Ds,
2094
+ }, Ds = "_accordion_1s1lq_1", Rs = "_header_1s1lq_9", Ls = "_icon_1s1lq_18", zs = "_open_1s1lq_21", Us = "_content_1s1lq_25", nt = {
2095
+ accordion: Ds,
2096
+ header: Rs,
2097
2097
  icon: Ls,
2098
2098
  open: zs,
2099
2099
  content: Us
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@billgangcom/theme-lib",
3
- "version": "1.62.2",
3
+ "version": "1.62.4",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"