npm - @billgangcom/theme-lib - Versions diffs - 1.50.0 → 1.51.0 - Mend

@billgangcom/theme-lib 1.50.0 → 1.51.0

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 (10) hide show

package/dist/builder/ui/Select/utils/index.d.ts +2 -0
package/dist/builder.cjs.js +4 -4
package/dist/builder.es.js +157 -147
package/dist/{index-C87hOfMQ.js → index-Cm_7HBSO.js} +2478 -2479
package/dist/{index-DSOQcy7R.cjs → index-DzPheMm2.cjs} +31 -31
package/dist/index.cjs.js +1 -1
package/dist/index.es.js +1 -1
package/dist/ui.cjs.js +1 -1
package/dist/ui.es.js +2 -2
package/package.json +1 -1

package/dist/index.cjs.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),o=require("./index-~~DSOQcy7R~~.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.splitTextIntoSpans=o.splitTextIntoSpans;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),o=require("./index-DzPheMm2.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.splitTextIntoSpans=o.splitTextIntoSpans;

package/dist/index.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { App as e, ColorVariables as p, hotReload as r, iconNames as s } from "./builder.es.js";
-import { s as l } from "./index-C87hOfMQ.js";
+import { s as l } from "./index-Cm_7HBSO.js";
 export {
   e as App,
   p as ColorVariables,

package/dist/ui.cjs.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DSOQcy7R.cjs"),_=require("react");require("@phosphor-icons/react");const ut="_wrapper_1ibay_2",xt="_alignmentBlock_1ibay_8",pt="_title_1ibay_15",mt="_subtitle_1ibay_22",jt="_alignmentContent_1ibay_29",ht="_alignments_1ibay_37",_t="_alignment_1ibay_8",gt="_circle_1ibay_60",ft="_paddings_1ibay_67",bt="_padding_1ibay_67",Et="_active_1ibay_91",vt="_input_1ibay_98",F={wrapper:ut,alignmentBlock:xt,title:pt,subtitle:mt,alignmentContent:jt,alignments:ht,alignment:_t,circle:gt,paddings:ft,padding:bt,active:Et,input:vt},yt=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Rt=["left","top","right","bottom"],It=u=>{const{alignment:i,padding:e,setPadding:s,setAlignment:n}=u;function l(j){switch(j){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 a(j){switch(j){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[r,m]=_.useState(null),[y,C]=_.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:yt.map(j=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{n(j)},className:F.alignment,onMouseEnter:()=>{m(j)},onMouseLeave:()=>{m(null)},children:[j!==i&&r!==j&&t.jsxRuntimeExports.jsx("div",{className:F.circle}),j!==i&&r===j&&t.jsxRuntimeExports.jsx(t.Icon,{name:l(r),fill:"#c2c2c2",width:22,height:22}),j===i&&t.jsxRuntimeExports.jsx(t.Icon,{name:l(i),fill:"#FF3F19",width:22,height:22})]},j))}),t.jsxRuntimeExports.jsx("div",{className:F.paddings,children:Rt.map(j=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(F.padding,{[F.active]:y===j}),onFocus:()=>{C(j)},onBlur:()=>{C(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:a(j),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[j]),onChange:o=>s({...e,[j]:Number(o)}),paddingless:!0,borderless:!0})]},j))})]})]})]})},St="_title_82zux_1",Nt="_subtitle_82zux_5",kt="_header_82zux_12",Ct="_text_82zux_13",$t="_productsBlock_82zux_14",Bt="_top_82zux_26",wt="_itemsBlock_82zux_35",Pt="_typeTexts_82zux_41",Mt="_block_82zux_48",Tt="_active_82zux_61",qt="_products_82zux_14",At="_product_82zux_14",Ot="_button_82zux_80",Lt="_disabled_82zux_91",zt="_image_82zux_95",Dt="_info_82zux_102",Ht="_name_82zux_114",Ut="_buttons_82zux_118",Ft="_modal_82zux_125",Vt="_link_82zux_145",Yt="_modalOptions_82zux_151",Wt="_addButton_82zux_157",Gt="_deleteButton_82zux_179",V={title:St,subtitle:Nt,header:kt,text:Ct,productsBlock:$t,top:Bt,itemsBlock:wt,typeTexts:Pt,block:Mt,active:Tt,products:qt,product:At,button:Ot,disabled:Lt,image:zt,info:Dt,name:Ht,buttons:Ut,modal:Ft,link:Vt,modalOptions:Yt,addButton:Wt,deleteButton:Gt},Xt=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,draggable:m=!1,withImage:y=!1,addable:C=!0,itemsOptions:j,hasRangeSelector:o=!1,rangeSelectorOptions:b,limit:d,autoScrollInterval:g,deletable:E}=u;function O(c){if(y)return c?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${c[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=(c,N=!1)=>{const B=j.find(k=>k.id===c);if(!B)return;const U=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[m&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:k=>{const p=[...s],S=j.find(R=>R.name===k);if(!S)return;const x=S.id,f=p.map(R=>R===c?x:R);n([...f])},value:B.name,options:j.filter(k=>!s.find(p=>p===k.id)).map(k=>k.name),leftAddon:O(B.images)}),N&&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:()=>n(s.filter(k=>k!==c))})})})]});return t.jsxRuntimeExports.jsx("div",{className:V.product,children:U},c)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:c=>e==null?void 0:e(c)})]}),o&&b&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...b}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:r}),s.map(c=>M(c,E)),C&&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]:!!(d&&d<=s.length\|\|s.length===j.length)}),size:"s",disabled:!!(d&&d<=s.length\|\|s.length===j.length),onClick:()=>{const c=[...s];let N=null;if(j){for(let B=0;B<j.length;B++)if(!s.find(U=>U===j[B].id)){N=j[B];break}}c.push((N==null?void 0:N.id)\|\|j[0].id),n(c)},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})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l}),g!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(g.scrollInterval),onChange:c=>g.setScrollInterval(Number(c)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Qt="_title_roi3a_1",Jt="_subtitle_roi3a_5",Kt="_header_roi3a_12",Zt="_text_roi3a_13",te="_productsBlock_roi3a_14",ee="_top_roi3a_26",se="_itemsBlock_roi3a_35",ne="_typeTexts_roi3a_41",oe="_block_roi3a_48",ie="_active_roi3a_61",re="_products_roi3a_14",ae="_product_roi3a_14",ce="_button_roi3a_80",le="_disabled_roi3a_91",de="_image_roi3a_95",ue="_info_roi3a_102",xe="_name_roi3a_114",pe="_buttons_roi3a_118",me="_modal_roi3a_125",je="_link_roi3a_145",he="_modalOptions_roi3a_151",_e="_addButton_roi3a_164",ge="_deleteButton_roi3a_179",fe="_closeIcon_roi3a_191",z={title:Qt,subtitle:Jt,header:Kt,text:Zt,productsBlock:te,top:ee,itemsBlock:se,typeTexts:ne,block:oe,active:ie,products:re,product:ae,button:ce,disabled:le,image:de,info:ue,name:xe,buttons:pe,modal:me,link:je,modalOptions:he,addButton:_e,deleteButton:ge,closeIcon:fe};function be({product:u,children:i}){const{attributes:e,listeners:s,setNodeRef:n,transform:l,transition:a,isDragging:r}=t.useSortable({id:u.id}),m={transform:t.CSS.Transform.toString(l),transition:a};return t.jsxRuntimeExports.jsx("div",{ref:n,style:m,className:`${z.product} ${r?z.dragging:""}`,...e,...s,children:i})}const Ee=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,title:l,subtitle:a,editable:r=!0,draggable:m=!1,deletable:y=!0,addable:C=!0,itemsType:j,itemsOptions:o,addableOptions:b={},limit:d}=u,[g,E]=_.useState(null),[O,M]=_.useState(null),c=_.useRef(null),N=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{if(g){const p=[...s].map(S=>S.id===g.id?g:S);n(p)}},[g]),_.useEffect(()=>{c.current&&O&&(c.current.getBoundingClientRect().height,O.top)},[c.current,O]);const B=(p,S)=>{p.stopPropagation();const x=p.target.getBoundingClientRect();M({top:x.top+window.scrollY,left:x.left-30}),E(S)},U=p=>{const{active:S,over:x}=p;if(x&&S.id!==x.id){const f=s.findIndex(T=>T.id===S.id),R=s.findIndex(T=>T.id===x.id);if(f!==-1&&R!==-1){const T=[...s],[$]=T.splice(f,1);T.splice(R,0,$),n(T)}}},k=(p,S)=>{const x=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[m&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),j==="select"&&o&&t.jsxRuntimeExports.jsx(t.Select,{onChange:f=>{const R=[...s],T=o.find(w=>w.name===f);if(!T)return;const $=R.map(w=>w.id===p.id?{...T,name:{"en-US":f}}:w);E({...p,name:{"en-US":f}}),n([...$])},value:p.name,options:o.filter(f=>!s.find(R=>R.name===f.name)).map(f=>f.name)}),t.jsxRuntimeExports.jsxs("div",{className:z.buttons,children:[r&&t.jsxRuntimeExports.jsx("div",{className:z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:f=>B(f,p)})}),y&&t.jsxRuntimeExports.jsx("div",{className:z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter(f=>f.id!==p.id))})})]})]});return m?t.jsxRuntimeExports.jsx(be,{product:p,index:S,children:x},p.id):t.jsxRuntimeExports.jsx("div",{className:z.product,children:x},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:z.productsBlock,children:[(l\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:z.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:z.title,children:l}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:p=>e==null?void 0:e(p)})]}),t.jsxRuntimeExports.jsxs("div",{className:z.products,children:[a&&t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:a}),m?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:N,onDragEnd:U,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map((p,S)=>k(p,S))})}):s.map((p,S)=>k(p,S)),C&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(z.button,{[z.disabled]:!!(d&&d<=s.length\|\|s.length===(o==null?void 0:o.length))}),size:"s",disabled:!!(d&&d<=s.length\|\|s.length===(o==null?void 0:o.length)),onClick:()=>{const p=[...s];let S=null;if(o){for(let x=0;x<o.length;x++)if(!s.find(f=>f.id===o[x].id)){S=o[x];break}}j==="select"&&o&&p.push({name:S?S.name:o[0].name,id:(S==null?void 0:S.id)\|\|o[0].id,...b}),n(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:z.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function ve(u){const{product:i,children:e}=u,{attributes:s,listeners:n,setNodeRef:l,transform:a,transition:r,isDragging:m}=t.useSortable({id:i.id}),y={transform:t.CSS.Transform.toString(a),transition:r};return t.jsxRuntimeExports.jsx("div",{ref:l,style:y,className:`${t.styles.product} ${m?t.styles.dragging:""}`,...s,...n,children:e})}const ye=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,editable:m=!0,draggable:y=!1,withImage:C=!1,deletable:j=!0,addable:o=!0,itemsType:b,itemsPlaceholder:d="",itemsOptions:g,hasRangeSelector:E=!1,rangeSelectorOptions:O,modalOptions:M,addableOptions:c={}}=u,[N,B]=_.useState(null),[U,k]=_.useState({top:0,left:0}),[p,S]=_.useState(null),x=_.useRef(null),[f,R]=_.useState(!1),T=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{const h=()=>{B(null),R(!1)};return document.body.addEventListener("click",h),B(null),R(!1),()=>{B(null),R(!1),document.body.removeEventListener("click",h)}},[]),_.useEffect(()=>{if(N){const h=[...s].map(P=>P.id===N.id?N:P);n(h)}},[N]),_.useEffect(()=>{if(x.current&&p){const h=x.current.getBoundingClientRect().height,P=window.innerHeight;let q=p.top;q+h>P+window.scrollY-200&&(q=P+window.scrollY-h-200),q<0&&(q=10),k({top:q,left:p.left})}},[x.current,p]);const $=(h,P)=>{h.stopPropagation();const q=h.target.getBoundingClientRect();S({top:q.top+window.scrollY,left:q.left-30}),B(P),R(!0)};function w(h){if(C)return h?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${h[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const G=h=>{const{active:P,over:q}=h;if(q&&P.id!==q.id){const A=s.findIndex(D=>D.id===P.id),K=s.findIndex(D=>D.id===q.id);if(A!==-1&&K!==-1){const D=[...s],[Y]=D.splice(A,1);D.splice(K,0,Y),n(D)}}},Z=h=>{var q;const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[y&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),b==="select"&&g&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,name:{"en-US":A}}:Y);B({...h,name:{"en-US":A}}),n([...D])},value:h.name["en-US"],options:g.filter(A=>!s.find(K=>K.name["en-US"]===A)),leftAddon:w(h.images)}),b==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,name:{"en-US":A}}:Y);n([...D])},value:h.name["en-US"],placeholder:d}),b==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,images:A}:Y);n([...D])},activeImage:(q=s.find(A=>A.id===h.id))==null?void 0:q.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[m&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>$(A,h)})}),j&&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:()=>n(s.filter(A=>A.id!==h.id))})})]})]});return y?t.jsxRuntimeExports.jsx(ve,{product:h,children:P},h.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:P},h.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:h=>e==null?void 0:e(h)})]}),N&&m&&M&&f&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:x,activeItem:N,setActiveItem:B,popupPosition:U,modalOptions:M,setIsOpenModal:R}),E&&O&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...O}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:r}),y?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:T,onDragEnd:G,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(h=>h.id),strategy:t.verticalListSortingStrategy,children:s.map(h=>Z(h))})}):s.map(h=>Z(h)),o&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles.button,size:"s",onClick:()=>{const h=[...s];let P=null;if(g){for(let q=0;q<g.length;q++)if(!s.find(A=>A.name["en-US"]===g[q])){P=g[q];break}}b==="select"&&g?h.push({name:{"en-US":P\|\|g[0]},id:t.v4(),...c,maxSymbols:100}):b==="input"?h.push({name:{"en-US":""},id:t.v4(),...c,maxSymbols:100}):h.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...c,maxSymbols:100}),n(h)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l})]})},Re="_subtitle_jql1y_1",Ie="_header_jql1y_8",Se="_text_jql1y_9",Ne="_productsBlock_jql1y_10",ke="_buttonsBlock_jql1y_11",Ce="_top_jql1y_23",$e="_itemsBlock_jql1y_32",Be="_typeTexts_jql1y_38",we="_block_jql1y_45",Pe="_active_jql1y_58",Me="_products_jql1y_10",Te="_product_jql1y_10",qe="_button_jql1y_11",Ae="_image_jql1y_88",Oe="_info_jql1y_95",Le="_name_jql1y_107",ze="_buttons_jql1y_11",De="_modal_jql1y_118",He="_other_jql1y_138",Ue="_options_jql1y_144",Fe="_addButton_jql1y_150",Ve="_deleteButton_jql1y_165",X={subtitle:Re,header:Ie,text:Se,productsBlock:Ne,buttonsBlock:ke,top:Ce,itemsBlock:$e,typeTexts:Be,block:we,active:Pe,products:Me,product:Te,button:qe,image:Ae,info:Oe,name:Le,buttons:ze,modal:De,other:He,options:Ue,addButton:Fe,deleteButton:Ve},nt=u=>{const{buttons:i,setButtons:e,deletable:s=!0,addable:n=!0,editableLink:l=!0}=u,[a,r]=_.useState(null),[m,y]=_.useState({top:0,left:0}),[C,j]=_.useState(null),o=_.useRef(null);_.useEffect(()=>{const d=()=>{r(null)};return document.body.addEventListener("click",d),r(null),()=>{r(null),document.body.removeEventListener("click",d)}},[]),_.useEffect(()=>{if(a){const d=[...i].map(g=>g.id===a.id?a:g);e(d)}},[a]),_.useEffect(()=>{if(o.current&&C){const d=o.current.getBoundingClientRect().height,g=window.innerHeight;let E=C.top;E+d>g+window.scrollY-200&&(E=g+window.scrollY-d-200),E<0&&(E=10),y({top:E,left:C.left})}},[o.current,C]);const b=(d,g)=>{d.stopPropagation();const E=d.target.getBoundingClientRect();j({top:E.top+window.scrollY-70,left:E.left-(n?30:65)}),r(g)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),i.map(d=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:g=>{const O=[...i].map(M=>M.id===d.id?{...d,type:g}:M);e(O)},value:d.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:g=>{b(g,d)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const g=i.filter(E=>E.id!==d.id);e(g)},width:20,height:20,fill:"#C12A2A"})})]})]},d.id)),a&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:o,activeButton:a,setActiveButton:r,popupPosition:m,editableLink:l}),n&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:X.button,size:"s",onClick:()=>{const d=[...i];l?d.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:"",openInNewTab:!1}):d.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:"",openInNewTab:!1}),e(d)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:X.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},Ye=u=>{const{isActiveButtons:i,setIsActiveButtons:e,buttons:s,setButtons:n,editableLink:l=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:a=>e(a)})]}),t.jsxRuntimeExports.jsx(nt,{buttons:s,setButtons:n,editableLink:l})]})})},We="_title_1ropb_1",Ge="_subtitle_1ropb_5",Xe="_header_1ropb_12",Qe="_text_1ropb_13",Je="_productsBlock_1ropb_14",Ke="_top_1ropb_26",Ze="_itemsBlock_1ropb_35",ts="_typeTexts_1ropb_41",es="_block_1ropb_48",ss="_active_1ropb_61",ns="_products_1ropb_14",os="_product_1ropb_14",is="_button_1ropb_80",rs="_image_1ropb_91",as="_info_1ropb_98",cs="_name_1ropb_110",ls="_buttons_1ropb_114",ds="_modal_1ropb_121",us="_link_1ropb_142",xs="_modalOptions_1ropb_148",ps="_addButton_1ropb_161",ms="_deleteButton_1ropb_176",js="_closeIcon_1ropb_188",L={title:We,subtitle:Ge,header:Xe,text:Qe,productsBlock:Je,top:Ke,itemsBlock:Ze,typeTexts:ts,block:es,active:ss,products:ns,product:os,button:is,image:rs,info:as,name:cs,buttons:ls,modal:ds,link:us,modalOptions:xs,addButton:ps,deleteButton:ms,closeIcon:js},hs=u=>{const{activeItem:i,setActiveItem:e,popupPosition:s,setIsOpenModal:n,itemsOptions:l}=u,a=l.find(r=>r.id===i.listingId);return a?t.jsxRuntimeExports.jsxs("div",{className:L.modal,onClick:r=>{r.stopPropagation()},style:{top:`${s.top}px`,left:`${s.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[t.jsxRuntimeExports.jsx("h3",{children:t.splitTextIntoSpans(a.productData.name)}),t.jsxRuntimeExports.jsx("div",{className:L.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{n(!1),e(null)}})})]}),t.jsxRuntimeExports.jsx("div",{className:L.modalOptions,children:t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:a.productData.images.length>0?a.productData.images[0].cfId:void 0,onChange:r=>{const m={...i,image:r[0]};e(m)}})})]}):null};function _s(u){const{product:i,children:e}=u,{attributes:s,listeners:n,setNodeRef:l,transform:a,transition:r,isDragging:m}=t.useSortable({id:String(i.listingId)}),y={transform:t.CSS.Transform.toString(a),transition:r};return t.jsxRuntimeExports.jsx("div",{ref:l,style:y,className:`${L.product} ${m?L.dragging:""}`,...s,...n,children:e})}const gs=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,editable:m=!0,draggable:y=!1,withImage:C=!1,deletable:j=!0,addable:o=!0,itemsType:b,itemsOptions:d}=u,[g,E]=_.useState(null),[O,M]=_.useState({top:0,left:0}),[c,N]=_.useState(!1),B=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{const x=()=>{E(null),N(!1)};return document.body.addEventListener("click",x),E(null),N(!1),()=>{E(null),N(!1),document.body.removeEventListener("click",x)}},[]),_.useEffect(()=>{if(g){const x=[...s].map(f=>f.listingId===g.listingId?g:f);n(x)}},[g]);const U=(x,f)=>{x.stopPropagation();const R=x.target.getBoundingClientRect(),T=100,$=window.innerHeight;let w=R.top+window.scrollY;w+T>$&&(w=$-T-20),N(!0),M({top:w-80,left:R.left-30}),E(f)};function k(x){if(C)return x?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${x}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const p=x=>{const{active:f,over:R}=x;if(R&&f.id!==R.id){const T=s.findIndex(w=>String(w.listingId)===f.id),$=s.findIndex(w=>String(w.listingId)===R.id);if(T!==-1&&$!==-1){const w=[...s],[G]=w.splice(T,1);w.splice($,0,G),n(w)}}},S=(x,f)=>{const R=d.find($=>x.listingId===$.id);if(!R)return null;const T=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[y&&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:$=>{const w=[...s],G=d.find(P=>P.productData.name===$);if(!G)return;const Z={listingId:G.id,image:G.productData.images.length>0?G.productData.images[0].cfId:""},h=w.map(P=>P.listingId===x.listingId?Z:P);E(Z),n([...h])},value:R.productData.name,options:[...d.filter($=>!s.find(w=>w.listingId===$.id)).map($=>$.productData.name)],leftAddon:k(x.image\|\|R.productData.images.length>0&&R.productData.images[0].cfId\|\|"")},f),t.jsxRuntimeExports.jsxs("div",{className:L.buttons,children:[m&&t.jsxRuntimeExports.jsx("div",{className:L.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:$=>U($,x)})}),j&&t.jsxRuntimeExports.jsx("div",{className:L.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter($=>$!==x))})})]})]});return y?t.jsxRuntimeExports.jsx(_s,{product:x,children:T},x.listingId):t.jsxRuntimeExports.jsx("div",{className:L.product,children:T},x.listingId)};return t.jsxRuntimeExports.jsxs("div",{className:L.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:L.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:x=>e==null?void 0:e(x)})]}),c&&g&&t.jsxRuntimeExports.jsx(hs,{activeItem:g,setActiveItem:E,setIsOpenModal:N,popupPosition:O,itemsOptions:d}),t.jsxRuntimeExports.jsxs("div",{className:L.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:L.subtitle,children:r}),y?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:B,onDragEnd:p,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(x=>String(x.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((x,f)=>S(x,f))})}):s.map((x,f)=>S(x,f)),o&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:L.button,size:"s",onClick:()=>{const x=[...s];for(let f=0;f<d.length;f++)if(!s.find(R=>R.listingId===d[f].id)){x.push({listingId:d[f].id,image:d[f].productData.images.length>0?d[f].productData.images[0].cfId:""});break}n(x)},disabled:s.length===d.length,style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:L.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l})]})},fs="_options_6cemk_1",bs="_price_6cemk_12",Es="_oldPrice_6cemk_19",vs="_newPrice_6cemk_27",ys="_animate_6cemk_34",Rs="_appearAndBounce_6cemk_1",Is="_meta_6cemk_52",Ss="_info_6cemk_58",Ns="_infoRight_6cemk_66",ks="_buttons_6cemk_73",Cs="_variants_6cemk_80",$s="_variant_6cemk_80",Bs="_stock_6cemk_98",ws="_variantInfo_6cemk_105",Ps="_quantity_6cemk_111",Ms="_count_6cemk_118",Ts="_focused_6cemk_135",qs="_button_6cemk_73",As="_activeVariant_6cemk_161",Os="_chargeTypes_6cemk_165",Ls="_charge_6cemk_165",zs="_chargeActive_6cemk_190",Ds="_title_6cemk_198",I={options:fs,price:bs,oldPrice:Es,newPrice:vs,animate:ys,appearAndBounce:Rs,meta:Is,info:Ss,infoRight:Ns,buttons:ks,variants:Cs,variant:$s,stock:Bs,variantInfo:ws,quantity:Ps,count:Ms,focused:Ts,button:qs,activeVariant:As,chargeTypes:Os,charge:Ls,chargeActive:zs,title:Ds},Hs="_wrapper_c1dht_1",Us="_label_c1dht_9",Fs="_input_c1dht_18",Vs="_paddingless_c1dht_31",Ys="_content_c1dht_35",Ws="_contentBorder_c1dht_47",Gs="_borderless_c1dht_52",Xs="_rightIcon_c1dht_57",W={wrapper:Hs,label:Us,input:Fs,paddingless:Vs,content:Ys,contentBorder:Ws,borderless:Gs,rightIcon:Xs},ot=u=>{const{onChange:i,style:e,label:s,value:n,type:l,min:a,max:r,placeholder:m,disabled:y=!1,required:C=!1,regex:j,paddingless:o=!1,borderless:b=!1,editable:d=!1,isSearch:g=!1,centered:E=!1}=u,{themeSettings:O}=t.useThemeSettingsStore(),{inputs:M}=O,[c,N]=_.useState(!1);function B(k){return Number(k)<0?String(a):k}function U(k){return!C\|\|!j?!0:new RegExp(j).test(k)}return t.jsxRuntimeExports.jsxs("div",{className:W.wrapper,children:[s&&t.jsxRuntimeExports.jsx("label",{className:W.label,htmlFor:s,children:s}),t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.content,{[W.contentBorder]:M.border.active}),style:{...e},children:[t.jsxRuntimeExports.jsx("input",{id:s,type:l\|\|"text",onChange:k=>{if(l==="text")i(k.target.value);else{const p=B(k.target.value);i(p)}},value:n,autoComplete:"off",placeholder:m\|\|"Type something...",className:t.clx(W.input,{[W.required]:c&&C&&!U(n),[W.paddingless]:o,[W.borderless]:b}),min:l==="number"?a:void 0,max:l==="number"?r:void 0,disabled:y,onFocus:()=>N(!0),style:{textAlign:E?"center":"left",background:M.field.active?M.field.color:"transparent",padding:g?`7px ${Number(M.general.size)+20}px 7px 11px`:"7px 11px"}}),g&&t.jsxRuntimeExports.jsx("div",{className:W.rightIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"MagnifyingGlass",fill:"var(--icon-secondary)",width:M.general.size,height:M.general.size})}),d&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",width:20,height:20,hoverable:!0})})]})]})},Qs="_button_85085_1",Js="_primary_85085_20",Ks="_primaryHovered_85085_30",Zs="_secondary_85085_34",tn="_secondaryHovered_85085_44",en="_tertiary_85085_48",sn="_tertiaryHovered_85085_58",nn="_content_85085_62",Q={button:Qs,primary:Js,primaryHovered:Ks,secondary:Zs,secondaryHovered:tn,tertiary:en,tertiaryHovered:sn,content:nn},H=u=>{const{children:i,onClick:e,style:s,className:n,disabled:l=!1,type:a="Primary"}=u,{themeSettings:r}=t.useThemeSettingsStore();return t.jsxRuntimeExports.jsx("button",{className:t.clx(Q.button,n,{[Q.primary]:a==="Primary",[Q.secondary]:a==="Secondary",[Q.tertiary]:a==="Tertiary",[Q.primaryHovered]:a==="Primary"&&!l&&r.buttons.primary.hover,[Q.secondaryHovered]:a==="Secondary"&&!l&&r.buttons.secondary.hover,[Q.tertiaryHovered]:a==="Tertiary"&&!l&&r.buttons.tertiary.hover}),onClick:e,style:{...s},disabled:l,children:a==="Tertiary"?t.jsxRuntimeExports.jsxs("div",{className:Q.content,children:[i,t.jsxRuntimeExports.jsx(t.Icon,{name:"ArrowRight",fill:"var(--icon-tertiary)",width:20,height:20})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:i})})};var it=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(it\|\|{});const on=u=>{var O,M;const{variants:i}=u,[e,s]=_.useState(i[0]),[n,l]=_.useState(e.chargeTypes[0]),a=t.useNavigate(),[r,m]=_.useState(1),{reset:y,addProductToCart:C,getProducts:j}=t.useCart(),[o,b]=_.useState(!1);_.useEffect(()=>{b(!0);const c=setTimeout(()=>b(!1),600);return()=>clearTimeout(c)},[r]);async function d(){await j(),await C({productId:u.id,productVariantId:e.id,quantity:r})}function g(){y(),d(),a("/checkout")}function E(c){if(c>=864e5){const p=Math.floor(c/864e5);return`${p} ${p===1?"day":"days"}`}else if(c>=36e5){const p=Math.floor(c/36e5);return`${p} ${p===1?"hour":"hours"}`}else if(c>=6e4){const p=Math.floor(c/6e4);return`${p} ${p===1?"minute":"minutes"}`}else{const p=Math.floor(c/1e3);return`${p} ${p===1?"second":"seconds"}`}}return _.useEffect(()=>{(e.quantity.available===0\|\|!e.quantity.available)&&m(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:I.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:I.chargeTypes,children:e.chargeTypes.map(c=>t.jsxRuntimeExports.jsx("div",{className:t.clx(I.charge,{[I.chargeActive]:n===c}),onClick:()=>l(c),children:it[c]},c))}),t.jsxRuntimeExports.jsx("div",{className:I.variants,children:i.map(c=>{var N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(I.variant,{[I.activeVariant]:e.id===c.id}),onClick:()=>s(c),children:[t.jsxRuntimeExports.jsxs("div",{className:I.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:I.title,children:c.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",n==="ONE_TIME"?c.price.amount:c.subscriptionSettings?c.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:I.stock,children:[((N=c.quantity.restrictions)==null?void 0:N.max)\|\|c.quantity.available\|\|0," in stock"]})})]},c.id)})}),n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:I.quantity,children:[t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:()=>{r>1?m(c=>c-1):m(1)},className:I.button,disabled:e.quantity.available===0\|\|e.quantity.restrictions&&r<=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(ot,{type:"number",value:String(r),onChange:c=>m(Number(c)),max:((O=e.quantity.restrictions)==null?void 0:O.max)\|\|e.quantity.available\|\|1/0,min:((M=e.quantity.restrictions)==null?void 0:M.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(H,{type:"Secondary",onClick:()=>{m(c=>c+1)},className:I.button,disabled:!!(e.quantity.restrictions&&r>=e.quantity.restrictions.max\|\|e.quantity.available!==void 0&&r>=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:I.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:I.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:I.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":E(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:I.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:I.infoRight,children:n==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount\|\|0)-(e.price.amount\|\|0)>0?t.jsxRuntimeExports.jsxs("div",{className:I.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",(e.price.amount\|\|0)r]}),t.jsxRuntimeExports.jsxs("span",{className:I.oldPrice,children:["$ ",(e.compareAtPrice.amount\|\|0)r]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",(e.price.amount\|\|0)r]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount\|\|0)-(e.subscriptionSettings.price.amount\|\|0)>0?t.jsxRuntimeExports.jsxs("div",{className:I.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",e.subscriptionSettings.price.amount\|\|0]}),t.jsxRuntimeExports.jsxs("span",{className:I.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount\|\|0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",e.subscriptionSettings.price.amount\|\|0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:I.buttons,children:[t.jsxRuntimeExports.jsx(H,{type:"Primary",onClick:()=>g(),disabled:e.quantity.available===0\|\|!e.quantity.available\|\|Object.keys(e.quantity.restrictions\|\|{}).length===0&&!e.quantity.available,children:n==="ONE_TIME"?"Buy Now":"Subscribe Now"}),n==="ONE_TIME"&&t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:()=>d(),disabled:e.quantity.available===0\|\|!e.quantity.available\|\|Object.keys(e.quantity.restrictions\|\|{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},rn="_button_1tdo3_1",an="_login_1tdo3_14",cn="_signUp_1tdo3_18",ln="_buttons_1tdo3_23",dn="_modal_1tdo3_32",un="_closing_1tdo3_64",xn="_info_1tdo3_113",pn="_top_1tdo3_120",mn="_title_1tdo3_131",jn="_clear_1tdo3_138",hn="_activeClear_1tdo3_145",_n="_count_1tdo3_149",gn="_cart_1tdo3_164",fn="_empty_1tdo3_172",bn="_product_1tdo3_198",En="_products_1tdo3_207",vn="_image_1tdo3_215",yn="_productInfo_1tdo3_221",Rn="_content_1tdo3_228",In="_name_1tdo3_234",Sn="_price_1tdo3_240",Nn="_productButtons_1tdo3_246",kn="_productButton_1tdo3_246",Cn="_productCount_1tdo3_266",$n="_bottom_1tdo3_282",Bn="_subtotal_1tdo3_290",wn="_block_1tdo3_298",Pn="_shoppingCount_1tdo3_305",Mn="_total_1tdo3_325",Tn="_link_1tdo3_331",qn="_userInfo_1tdo3_338",An="_pagesMobileModal_1tdo3_349",On="_pagesMobileModalContent_1tdo3_363",Ln="_pagesMobileModalHeader_1tdo3_369",zn="_pagesMobileModalFooter_1tdo3_379",v={button:rn,login:an,signUp:cn,buttons:ln,modal:dn,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:un,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:xn,top:pn,title:mn,clear:jn,activeClear:hn,count:_n,cart:gn,empty:fn,product:bn,products:En,image:vn,productInfo:yn,content:Rn,name:In,price:Sn,productButtons:Nn,productButton:kn,productCount:Cn,bottom:$n,subtotal:Bn,block:wn,shoppingCount:Pn,total:Mn,link:Tn,userInfo:qn,pagesMobileModal:An,pagesMobileModalContent:On,pagesMobileModalHeader:Ln,pagesMobileModalFooter:zn},Dn=u=>{const{shopping:i,signUp:e,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsxs("div",{className:v.buttons,children:[i&&t.jsxRuntimeExports.jsx(rt,{}),s&&t.jsxRuntimeExports.jsx(st,{signUp:e})]})},rt=()=>{const[u,i]=_.useState(!1),[e,s]=_.useState([]),{cart:n,getProducts:l}=t.useCart();function a(o){for(let b=0;b<n.parts.length;b++)for(let d=0;d<o.variants.length;d++)if(n.parts[b].productVariantId===o.variants[b].id)return n.parts[b].productVariantId}function r(o){for(let b=0;b<n.parts.length;b++)for(let d=0;d<o.variants.length;d++)if(n.parts[b].productVariantId===o.variants[b].id)return n.parts[b].quantity}_.useEffect(()=>{(async()=>{const b=n.parts.map(E=>String(E.productId)),g=(await l([...b])).map(E=>({...E,activeVariantId:a(E),quantity:r(E)}));s(g)})()},[n.parts.length]);function m(o){var b;return!o\|\|!(o!=null&&o.variants)?!1:(b=o.variants.find(d=>d.id===o.activeVariantId))==null?void 0:b.subscriptionSettings}const y=n.parts.length>0&&e.length>0&&!m(e[0]),[C,j]=_.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(H,{type:"Secondary",style:{padding:10},onClick:o=>{o.stopPropagation(),window.location.pathname.includes("/admin/builder")\|\|(i(!0),j(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),y&&t.jsxRuntimeExports.jsx("div",{className:v.shoppingCount,children:n.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{j(!1),setTimeout(()=>{i(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(at,{activeProducts:e,isCartNotEmpty:y,isOpen:C})})]})},at=u=>{const{activeProducts:i,isCartNotEmpty:e,isOpen:s}=u,{cart:n,reset:l,getTotalAndDiscount:a,updateQuantityOfProduct:r}=t.useCart(),m=t.useNavigate();function y(o){m(o)}function C(o){r({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity+1})}function j(o){r({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(v.modal,{[v.closing]:!s}),onClick:o=>o.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:v.top,children:[t.jsxRuntimeExports.jsxs("div",{className:v.info,children:[t.jsxRuntimeExports.jsx("span",{className:v.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:v.count,children:n.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(v.clear,{[v.activeClear]:e}),disabled:!e,onClick:l,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:v.cart,children:[t.jsxRuntimeExports.jsx("div",{className:v.products,children:i.map(o=>t.jsxRuntimeExports.jsxs("div",{className:v.product,children:[t.jsxRuntimeExports.jsxs("div",{className:v.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:v.image}),t.jsxRuntimeExports.jsxs("div",{className:v.content,children:[t.jsxRuntimeExports.jsx("div",{className:v.name,children:o.name}),t.jsxRuntimeExports.jsxs("div",{className:v.price,children:["$",o.variants.find(b=>b.id===o.activeVariantId).price.amount((o==null?void 0:o.quantity)\|\|1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:v.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{o.quantity!==1&&j(o)},className:v.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:v.productCount,children:o.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>C(o),className:v.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},o.id))}),t.jsxRuntimeExports.jsxs("div",{className:v.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:v.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:v.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:v.total,children:["$",a().total]})]}),t.jsxRuntimeExports.jsx(H,{onClick:()=>y("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ct,{})]})},ct=()=>t.jsxRuntimeExports.jsxs("div",{className:v.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-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:v.link,children:"view products"})]})]}),st=({signUp:u})=>{const i=JSON.parse(localStorage.getItem("token")\|\|"{}"),{data:e}=i,s=t.useNavigate();function n(r){window.location.pathname.includes("/admin/builder")\|\|s(r)}if(!e)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(H,{onClick:()=>n("/customer-dash"),type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(H,{onClick:()=>n("/customer-dash"),type:"Primary",style:{padding:10},children:"Sign Up"})]});const[l,a]=_.useState("test-email@gmail.com");return _.useEffect(()=>{(async()=>{const m=t.jwtDecode(e);a(m.email)})()},[e]),t.jsxRuntimeExports.jsx("div",{className:v.userInfo,onClick:()=>n("/customer-dash"),children:t.jsxRuntimeExports.jsx("div",{children:l\|\|"test-email@gmail.com"})})},lt=({children:u,logo:i,setIsOpen:e,signUp:s})=>{const{setIsOpen:n}=t.useModalStore(),l=()=>{n(!1),setTimeout(()=>{e(!1),n(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:v.pagesMobileModal,onClick:a=>a.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:v.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:i}),t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:l,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:v.pagesMobileModalContent,children:u}),t.jsxRuntimeExports.jsx("div",{className:v.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(st,{signUp:s})})]})},Hn=({children:u,logo:i,signUp:e})=>{const[s,n]=_.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(dt,{setIsOpenModal:n}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsx(lt,{logo:i,setIsOpen:n,signUp:e,children:u})})]})},dt=u=>{const{setIsOpenModal:i}=u;return t.jsxRuntimeExports.jsx(H,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),i(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},Un="_share_xddz7_1",Fn="_modal_xddz7_8",Vn="_header_xddz7_20",Yn="_socials_xddz7_30",Wn="_social_xddz7_30",Gn="_copy_xddz7_40",Xn="_title_xddz7_47",Qn="_copyWrapper_xddz7_53",Jn="_copyText_xddz7_62",Kn="_copyTextMobile_xddz7_75",Zn="_copyTextMiniMobile_xddz7_94",J={share:Un,modal:Fn,header:Vn,socials:Yn,social:Wn,copy:Gn,title:Xn,copyWrapper:Qn,copyText:Jn,copyTextMobile:Kn,copyTextMiniMobile:Zn},to=()=>{const{isOpenModal:u,setIsOpenModal:i}=t.useShareLinkStore();function e(){i(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button,{className:J.share,onClick:s=>{s.stopPropagation(),e()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:i,children:t.jsxRuntimeExports.jsx(eo,{})})]})},eo=()=>{const{setIsOpenModal:u}=t.useShareLinkStore(),{notification:i,setNotification:e}=t.useNotificationStore(),{setIsOpen:s}=t.useModalStore(),n=window.location.href;function l(){navigator.clipboard.writeText(n),e({message:"Link copied to clipboard",status:"success"})}function a(){s(!1),setTimeout(()=>{u(!1),s(!0)},300)}function r(m,y){return m.length>y?m.slice(0,y)+"...":m}return t.jsxRuntimeExports.jsxs("div",{className:J.modal,onClick:m=>m.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,children:[t.jsxRuntimeExports.jsx("div",{className:J.title,children:"Copy Product Link"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:a,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:J.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button,{type:"Secondary",onClick:l,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:J.copyText,children:r(n,100)}),t.jsxRuntimeExports.jsx("div",{className:J.copyTextMobile,children:r(n,40)}),t.jsxRuntimeExports.jsx("div",{className:J.copyTextMiniMobile,children:r(n,20)})]}),t.jsxRuntimeExports.jsx(t.Button,{type:"Secondary",onClick:l,children:i?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},so="_accordion_1s1lq_1",no="_header_1s1lq_9",oo="_icon_1s1lq_18",io="_open_1s1lq_21",ro="_content_1s1lq_25",tt={accordion:so,header:no,icon:oo,open:io,content:ro},ao=({title:u,content:i,defaultOpen:e=!1})=>{const[s,n]=_.useState(e),[l,a]=_.useState(0),r=_.useRef(null),m=()=>{n(!s)};return _.useEffect(()=>{r.current&&a(s?r.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:tt.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:tt.header,onClick:m,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(tt.icon,{[tt.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:r,className:tt.content,style:{height:`${l}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:i})})]})},co=({children:u,path:i,className:e,target:s="_self",id:n})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:n,children:u});const l=t.useNavigate(),a=/^https?:\/\//.test(i),r=m=>{a\|\|s==="_blank"?s==="_blank"?window.open(i,"_blank"):window.location.href=i:(m.preventDefault(),l(i,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:r,className:e,role:"link",style:{cursor:"pointer"},id:n,children:u})},lo="_buttonsBlock_1b2rb_1",uo="_slideUp_1b2rb_1",xo={buttonsBlock:lo,slideUp:uo},po=()=>t.jsxRuntimeExports.jsxs("div",{className:xo.buttonsBlock,children:[t.jsxRuntimeExports.jsx(H,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(H,{type:"Secondary",children:"Buy"})]}),mo="_wrapper_st58d_1",jo="_label_st58d_10",ho="_textarea_st58d_18",_o="_length_st58d_33",et={wrapper:mo,label:jo,textarea:ho,length:_o},go=u=>{const{onChange:i,label:e,value:s,maxLength:n,placeholder:l="Type something..."}=u,[a,r]=_.useState(s.length);return t.jsxRuntimeExports.jsxs("div",{className:et.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:et.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,defaultValue:s,onChange:m=>{r(m.target.value.length),i(m.target.value)},placeholder:l,className:et.textarea,maxLength:n}),n&&t.jsxRuntimeExports.jsxs("div",{className:et.length,children:[a,"/",n]})]})};exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;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=ao;exports.BurgerMenuButton=dt;exports.Button=H;exports.ButtonTypeSettings=nt;exports.ButtonsSettings=Ye;exports.CategorySettings=Xt;exports.EmptyCart=ct;exports.FormSettings=ye;exports.HeaderButtons=Dn;exports.InputUI=ot;exports.LayoutSettings=It;exports.Link=co;exports.ListingSelector=gs;exports.PagesMobileMenu=Hn;exports.PagesMobileModal=lt;exports.PagesSettings=Ee;exports.ProductCardButtons=po;exports.ProductOptions=on;exports.ShareLink=to;exports.ShoppingButton=rt;exports.ShoppingModalCart=at;exports.TextareaUI=go;exports.UserInfo=st;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DzPheMm2.cjs"),_=require("react");require("@phosphor-icons/react");const ut="_wrapper_1ibay_2",xt="_alignmentBlock_1ibay_8",pt="_title_1ibay_15",mt="_subtitle_1ibay_22",jt="_alignmentContent_1ibay_29",ht="_alignments_1ibay_37",_t="_alignment_1ibay_8",gt="_circle_1ibay_60",ft="_paddings_1ibay_67",bt="_padding_1ibay_67",Et="_active_1ibay_91",vt="_input_1ibay_98",F={wrapper:ut,alignmentBlock:xt,title:pt,subtitle:mt,alignmentContent:jt,alignments:ht,alignment:_t,circle:gt,paddings:ft,padding:bt,active:Et,input:vt},yt=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Rt=["left","top","right","bottom"],It=u=>{const{alignment:i,padding:e,setPadding:s,setAlignment:n}=u;function l(j){switch(j){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 a(j){switch(j){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[r,m]=_.useState(null),[y,C]=_.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:yt.map(j=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{n(j)},className:F.alignment,onMouseEnter:()=>{m(j)},onMouseLeave:()=>{m(null)},children:[j!==i&&r!==j&&t.jsxRuntimeExports.jsx("div",{className:F.circle}),j!==i&&r===j&&t.jsxRuntimeExports.jsx(t.Icon,{name:l(r),fill:"#c2c2c2",width:22,height:22}),j===i&&t.jsxRuntimeExports.jsx(t.Icon,{name:l(i),fill:"#FF3F19",width:22,height:22})]},j))}),t.jsxRuntimeExports.jsx("div",{className:F.paddings,children:Rt.map(j=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(F.padding,{[F.active]:y===j}),onFocus:()=>{C(j)},onBlur:()=>{C(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:a(j),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[j]),onChange:o=>s({...e,[j]:Number(o)}),paddingless:!0,borderless:!0})]},j))})]})]})]})},St="_title_82zux_1",Nt="_subtitle_82zux_5",kt="_header_82zux_12",Ct="_text_82zux_13",$t="_productsBlock_82zux_14",Bt="_top_82zux_26",wt="_itemsBlock_82zux_35",Pt="_typeTexts_82zux_41",Mt="_block_82zux_48",Tt="_active_82zux_61",qt="_products_82zux_14",At="_product_82zux_14",Ot="_button_82zux_80",Lt="_disabled_82zux_91",zt="_image_82zux_95",Dt="_info_82zux_102",Ht="_name_82zux_114",Ut="_buttons_82zux_118",Ft="_modal_82zux_125",Vt="_link_82zux_145",Yt="_modalOptions_82zux_151",Wt="_addButton_82zux_157",Gt="_deleteButton_82zux_179",V={title:St,subtitle:Nt,header:kt,text:Ct,productsBlock:$t,top:Bt,itemsBlock:wt,typeTexts:Pt,block:Mt,active:Tt,products:qt,product:At,button:Ot,disabled:Lt,image:zt,info:Dt,name:Ht,buttons:Ut,modal:Ft,link:Vt,modalOptions:Yt,addButton:Wt,deleteButton:Gt},Xt=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,draggable:m=!1,withImage:y=!1,addable:C=!0,itemsOptions:j,hasRangeSelector:o=!1,rangeSelectorOptions:b,limit:d,autoScrollInterval:g,deletable:E}=u;function O(c){if(y)return c?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${c[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=(c,N=!1)=>{const B=j.find(k=>k.id===c);if(!B)return;const U=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[m&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:k=>{const p=[...s],S=j.find(R=>R.name===k);if(!S)return;const x=S.id,f=p.map(R=>R===c?x:R);n([...f])},value:B.name,options:j.filter(k=>!s.find(p=>p===k.id)).map(k=>k.name),leftAddon:O(B.images)}),N&&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:()=>n(s.filter(k=>k!==c))})})})]});return t.jsxRuntimeExports.jsx("div",{className:V.product,children:U},c)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:c=>e==null?void 0:e(c)})]}),o&&b&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...b}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:r}),s.map(c=>M(c,E)),C&&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]:!!(d&&d<=s.length\|\|s.length===j.length)}),size:"s",disabled:!!(d&&d<=s.length\|\|s.length===j.length),onClick:()=>{const c=[...s];let N=null;if(j){for(let B=0;B<j.length;B++)if(!s.find(U=>U===j[B].id)){N=j[B];break}}c.push((N==null?void 0:N.id)\|\|j[0].id),n(c)},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})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l}),g!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(g.scrollInterval),onChange:c=>g.setScrollInterval(Number(c)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Qt="_title_roi3a_1",Jt="_subtitle_roi3a_5",Kt="_header_roi3a_12",Zt="_text_roi3a_13",te="_productsBlock_roi3a_14",ee="_top_roi3a_26",se="_itemsBlock_roi3a_35",ne="_typeTexts_roi3a_41",oe="_block_roi3a_48",ie="_active_roi3a_61",re="_products_roi3a_14",ae="_product_roi3a_14",ce="_button_roi3a_80",le="_disabled_roi3a_91",de="_image_roi3a_95",ue="_info_roi3a_102",xe="_name_roi3a_114",pe="_buttons_roi3a_118",me="_modal_roi3a_125",je="_link_roi3a_145",he="_modalOptions_roi3a_151",_e="_addButton_roi3a_164",ge="_deleteButton_roi3a_179",fe="_closeIcon_roi3a_191",z={title:Qt,subtitle:Jt,header:Kt,text:Zt,productsBlock:te,top:ee,itemsBlock:se,typeTexts:ne,block:oe,active:ie,products:re,product:ae,button:ce,disabled:le,image:de,info:ue,name:xe,buttons:pe,modal:me,link:je,modalOptions:he,addButton:_e,deleteButton:ge,closeIcon:fe};function be({product:u,children:i}){const{attributes:e,listeners:s,setNodeRef:n,transform:l,transition:a,isDragging:r}=t.useSortable({id:u.id}),m={transform:t.CSS.Transform.toString(l),transition:a};return t.jsxRuntimeExports.jsx("div",{ref:n,style:m,className:`${z.product} ${r?z.dragging:""}`,...e,...s,children:i})}const Ee=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,title:l,subtitle:a,editable:r=!0,draggable:m=!1,deletable:y=!0,addable:C=!0,itemsType:j,itemsOptions:o,addableOptions:b={},limit:d}=u,[g,E]=_.useState(null),[O,M]=_.useState(null),c=_.useRef(null),N=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{if(g){const p=[...s].map(S=>S.id===g.id?g:S);n(p)}},[g]),_.useEffect(()=>{c.current&&O&&(c.current.getBoundingClientRect().height,O.top)},[c.current,O]);const B=(p,S)=>{p.stopPropagation();const x=p.target.getBoundingClientRect();M({top:x.top+window.scrollY,left:x.left-30}),E(S)},U=p=>{const{active:S,over:x}=p;if(x&&S.id!==x.id){const f=s.findIndex(T=>T.id===S.id),R=s.findIndex(T=>T.id===x.id);if(f!==-1&&R!==-1){const T=[...s],[$]=T.splice(f,1);T.splice(R,0,$),n(T)}}},k=(p,S)=>{const x=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[m&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),j==="select"&&o&&t.jsxRuntimeExports.jsx(t.Select,{onChange:f=>{const R=[...s],T=o.find(w=>w.name===f);if(!T)return;const $=R.map(w=>w.id===p.id?{...T,name:{"en-US":f}}:w);E({...p,name:{"en-US":f}}),n([...$])},value:p.name,options:o.filter(f=>!s.find(R=>R.name===f.name)).map(f=>f.name)}),t.jsxRuntimeExports.jsxs("div",{className:z.buttons,children:[r&&t.jsxRuntimeExports.jsx("div",{className:z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:f=>B(f,p)})}),y&&t.jsxRuntimeExports.jsx("div",{className:z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter(f=>f.id!==p.id))})})]})]});return m?t.jsxRuntimeExports.jsx(be,{product:p,index:S,children:x},p.id):t.jsxRuntimeExports.jsx("div",{className:z.product,children:x},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:z.productsBlock,children:[(l\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:z.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:z.title,children:l}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:p=>e==null?void 0:e(p)})]}),t.jsxRuntimeExports.jsxs("div",{className:z.products,children:[a&&t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:a}),m?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:N,onDragEnd:U,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map((p,S)=>k(p,S))})}):s.map((p,S)=>k(p,S)),C&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(z.button,{[z.disabled]:!!(d&&d<=s.length\|\|s.length===(o==null?void 0:o.length))}),size:"s",disabled:!!(d&&d<=s.length\|\|s.length===(o==null?void 0:o.length)),onClick:()=>{const p=[...s];let S=null;if(o){for(let x=0;x<o.length;x++)if(!s.find(f=>f.id===o[x].id)){S=o[x];break}}j==="select"&&o&&p.push({name:S?S.name:o[0].name,id:(S==null?void 0:S.id)\|\|o[0].id,...b}),n(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:z.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function ve(u){const{product:i,children:e}=u,{attributes:s,listeners:n,setNodeRef:l,transform:a,transition:r,isDragging:m}=t.useSortable({id:i.id}),y={transform:t.CSS.Transform.toString(a),transition:r};return t.jsxRuntimeExports.jsx("div",{ref:l,style:y,className:`${t.styles.product} ${m?t.styles.dragging:""}`,...s,...n,children:e})}const ye=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,editable:m=!0,draggable:y=!1,withImage:C=!1,deletable:j=!0,addable:o=!0,itemsType:b,itemsPlaceholder:d="",itemsOptions:g,hasRangeSelector:E=!1,rangeSelectorOptions:O,modalOptions:M,addableOptions:c={}}=u,[N,B]=_.useState(null),[U,k]=_.useState({top:0,left:0}),[p,S]=_.useState(null),x=_.useRef(null),[f,R]=_.useState(!1),T=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{const h=()=>{B(null),R(!1)};return document.body.addEventListener("click",h),B(null),R(!1),()=>{B(null),R(!1),document.body.removeEventListener("click",h)}},[]),_.useEffect(()=>{if(N){const h=[...s].map(P=>P.id===N.id?N:P);n(h)}},[N]),_.useEffect(()=>{if(x.current&&p){const h=x.current.getBoundingClientRect().height,P=window.innerHeight;let q=p.top;q+h>P+window.scrollY-200&&(q=P+window.scrollY-h-200),q<0&&(q=10),k({top:q,left:p.left})}},[x.current,p]);const $=(h,P)=>{h.stopPropagation();const q=h.target.getBoundingClientRect();S({top:q.top+window.scrollY,left:q.left-30}),B(P),R(!0)};function w(h){if(C)return h?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${h[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const G=h=>{const{active:P,over:q}=h;if(q&&P.id!==q.id){const A=s.findIndex(D=>D.id===P.id),K=s.findIndex(D=>D.id===q.id);if(A!==-1&&K!==-1){const D=[...s],[Y]=D.splice(A,1);D.splice(K,0,Y),n(D)}}},Z=h=>{var q;const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[y&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),b==="select"&&g&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,name:{"en-US":A}}:Y);B({...h,name:{"en-US":A}}),n([...D])},value:h.name["en-US"],options:g.filter(A=>!s.find(K=>K.name["en-US"]===A)),leftAddon:w(h.images)}),b==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,name:{"en-US":A}}:Y);n([...D])},value:h.name["en-US"],placeholder:d}),b==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const D=[...s].map(Y=>Y.id===h.id?{...h,images:A}:Y);n([...D])},activeImage:(q=s.find(A=>A.id===h.id))==null?void 0:q.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[m&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>$(A,h)})}),j&&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:()=>n(s.filter(A=>A.id!==h.id))})})]})]});return y?t.jsxRuntimeExports.jsx(ve,{product:h,children:P},h.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:P},h.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:h=>e==null?void 0:e(h)})]}),N&&m&&M&&f&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:x,activeItem:N,setActiveItem:B,popupPosition:U,modalOptions:M,setIsOpenModal:R}),E&&O&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...O}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:r}),y?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:T,onDragEnd:G,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(h=>h.id),strategy:t.verticalListSortingStrategy,children:s.map(h=>Z(h))})}):s.map(h=>Z(h)),o&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles.button,size:"s",onClick:()=>{const h=[...s];let P=null;if(g){for(let q=0;q<g.length;q++)if(!s.find(A=>A.name["en-US"]===g[q])){P=g[q];break}}b==="select"&&g?h.push({name:{"en-US":P\|\|g[0]},id:t.v4(),...c,maxSymbols:100}):b==="input"?h.push({name:{"en-US":""},id:t.v4(),...c,maxSymbols:100}):h.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...c,maxSymbols:100}),n(h)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l})]})},Re="_subtitle_jql1y_1",Ie="_header_jql1y_8",Se="_text_jql1y_9",Ne="_productsBlock_jql1y_10",ke="_buttonsBlock_jql1y_11",Ce="_top_jql1y_23",$e="_itemsBlock_jql1y_32",Be="_typeTexts_jql1y_38",we="_block_jql1y_45",Pe="_active_jql1y_58",Me="_products_jql1y_10",Te="_product_jql1y_10",qe="_button_jql1y_11",Ae="_image_jql1y_88",Oe="_info_jql1y_95",Le="_name_jql1y_107",ze="_buttons_jql1y_11",De="_modal_jql1y_118",He="_other_jql1y_138",Ue="_options_jql1y_144",Fe="_addButton_jql1y_150",Ve="_deleteButton_jql1y_165",X={subtitle:Re,header:Ie,text:Se,productsBlock:Ne,buttonsBlock:ke,top:Ce,itemsBlock:$e,typeTexts:Be,block:we,active:Pe,products:Me,product:Te,button:qe,image:Ae,info:Oe,name:Le,buttons:ze,modal:De,other:He,options:Ue,addButton:Fe,deleteButton:Ve},nt=u=>{const{buttons:i,setButtons:e,deletable:s=!0,addable:n=!0,editableLink:l=!0}=u,[a,r]=_.useState(null),[m,y]=_.useState({top:0,left:0}),[C,j]=_.useState(null),o=_.useRef(null);_.useEffect(()=>{const d=()=>{r(null)};return document.body.addEventListener("click",d),r(null),()=>{r(null),document.body.removeEventListener("click",d)}},[]),_.useEffect(()=>{if(a){const d=[...i].map(g=>g.id===a.id?a:g);e(d)}},[a]),_.useEffect(()=>{if(o.current&&C){const d=o.current.getBoundingClientRect().height,g=window.innerHeight;let E=C.top;E+d>g+window.scrollY-200&&(E=g+window.scrollY-d-200),E<0&&(E=10),y({top:E,left:C.left})}},[o.current,C]);const b=(d,g)=>{d.stopPropagation();const E=d.target.getBoundingClientRect();j({top:E.top+window.scrollY-70,left:E.left-(n?30:65)}),r(g)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),i.map(d=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:g=>{const O=[...i].map(M=>M.id===d.id?{...d,type:g}:M);e(O)},value:d.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:g=>{b(g,d)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const g=i.filter(E=>E.id!==d.id);e(g)},width:20,height:20,fill:"#C12A2A"})})]})]},d.id)),a&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:o,activeButton:a,setActiveButton:r,popupPosition:m,editableLink:l}),n&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:X.button,size:"s",onClick:()=>{const d=[...i];l?d.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:"",openInNewTab:!1}):d.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:"",openInNewTab:!1}),e(d)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:X.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},Ye=u=>{const{isActiveButtons:i,setIsActiveButtons:e,buttons:s,setButtons:n,editableLink:l=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:a=>e(a)})]}),t.jsxRuntimeExports.jsx(nt,{buttons:s,setButtons:n,editableLink:l})]})})},We="_title_1ropb_1",Ge="_subtitle_1ropb_5",Xe="_header_1ropb_12",Qe="_text_1ropb_13",Je="_productsBlock_1ropb_14",Ke="_top_1ropb_26",Ze="_itemsBlock_1ropb_35",ts="_typeTexts_1ropb_41",es="_block_1ropb_48",ss="_active_1ropb_61",ns="_products_1ropb_14",os="_product_1ropb_14",is="_button_1ropb_80",rs="_image_1ropb_91",as="_info_1ropb_98",cs="_name_1ropb_110",ls="_buttons_1ropb_114",ds="_modal_1ropb_121",us="_link_1ropb_142",xs="_modalOptions_1ropb_148",ps="_addButton_1ropb_161",ms="_deleteButton_1ropb_176",js="_closeIcon_1ropb_188",L={title:We,subtitle:Ge,header:Xe,text:Qe,productsBlock:Je,top:Ke,itemsBlock:Ze,typeTexts:ts,block:es,active:ss,products:ns,product:os,button:is,image:rs,info:as,name:cs,buttons:ls,modal:ds,link:us,modalOptions:xs,addButton:ps,deleteButton:ms,closeIcon:js},hs=u=>{const{activeItem:i,setActiveItem:e,popupPosition:s,setIsOpenModal:n,itemsOptions:l}=u,a=l.find(r=>r.id===i.listingId);return a?t.jsxRuntimeExports.jsxs("div",{className:L.modal,onClick:r=>{r.stopPropagation()},style:{top:`${s.top}px`,left:`${s.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[t.jsxRuntimeExports.jsx("h3",{children:t.splitTextIntoSpans(a.productData.name)}),t.jsxRuntimeExports.jsx("div",{className:L.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{n(!1),e(null)}})})]}),t.jsxRuntimeExports.jsx("div",{className:L.modalOptions,children:t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:a.productData.images.length>0?a.productData.images[0].cfId:void 0,onChange:r=>{const m={...i,image:r[0]};e(m)}})})]}):null};function _s(u){const{product:i,children:e}=u,{attributes:s,listeners:n,setNodeRef:l,transform:a,transition:r,isDragging:m}=t.useSortable({id:String(i.listingId)}),y={transform:t.CSS.Transform.toString(a),transition:r};return t.jsxRuntimeExports.jsx("div",{ref:l,style:y,className:`${L.product} ${m?L.dragging:""}`,...s,...n,children:e})}const gs=u=>{const{isActiveItems:i,setIsActiveItems:e,items:s,setItems:n,other:l,title:a,subtitle:r,editable:m=!0,draggable:y=!1,withImage:C=!1,deletable:j=!0,addable:o=!0,itemsType:b,itemsOptions:d}=u,[g,E]=_.useState(null),[O,M]=_.useState({top:0,left:0}),[c,N]=_.useState(!1),B=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));_.useEffect(()=>{const x=()=>{E(null),N(!1)};return document.body.addEventListener("click",x),E(null),N(!1),()=>{E(null),N(!1),document.body.removeEventListener("click",x)}},[]),_.useEffect(()=>{if(g){const x=[...s].map(f=>f.listingId===g.listingId?g:f);n(x)}},[g]);const U=(x,f)=>{x.stopPropagation();const R=x.target.getBoundingClientRect(),T=100,$=window.innerHeight;let w=R.top+window.scrollY;w+T>$&&(w=$-T-20),N(!0),M({top:w-80,left:R.left-30}),E(f)};function k(x){if(C)return x?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${x}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const p=x=>{const{active:f,over:R}=x;if(R&&f.id!==R.id){const T=s.findIndex(w=>String(w.listingId)===f.id),$=s.findIndex(w=>String(w.listingId)===R.id);if(T!==-1&&$!==-1){const w=[...s],[G]=w.splice(T,1);w.splice($,0,G),n(w)}}},S=(x,f)=>{const R=d.find($=>x.listingId===$.id);if(!R)return null;const T=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[y&&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:$=>{const w=[...s],G=d.find(P=>P.productData.name===$);if(!G)return;const Z={listingId:G.id,image:G.productData.images.length>0?G.productData.images[0].cfId:""},h=w.map(P=>P.listingId===x.listingId?Z:P);E(Z),n([...h])},value:R.productData.name,options:[...d.filter($=>!s.find(w=>w.listingId===$.id)).map($=>$.productData.name)],leftAddon:k(x.image\|\|R.productData.images.length>0&&R.productData.images[0].cfId\|\|"")},f),t.jsxRuntimeExports.jsxs("div",{className:L.buttons,children:[m&&t.jsxRuntimeExports.jsx("div",{className:L.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:$=>U($,x)})}),j&&t.jsxRuntimeExports.jsx("div",{className:L.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter($=>$!==x))})})]})]});return y?t.jsxRuntimeExports.jsx(_s,{product:x,children:T},x.listingId):t.jsxRuntimeExports.jsx("div",{className:L.product,children:T},x.listingId)};return t.jsxRuntimeExports.jsxs("div",{className:L.productsBlock,children:[(a\|\|i!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[a&&t.jsxRuntimeExports.jsx("h3",{className:L.title,children:a}),i!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:x=>e==null?void 0:e(x)})]}),c&&g&&t.jsxRuntimeExports.jsx(hs,{activeItem:g,setActiveItem:E,setIsOpenModal:N,popupPosition:O,itemsOptions:d}),t.jsxRuntimeExports.jsxs("div",{className:L.products,children:[r&&t.jsxRuntimeExports.jsx("h5",{className:L.subtitle,children:r}),y?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:B,onDragEnd:p,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(x=>String(x.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((x,f)=>S(x,f))})}):s.map((x,f)=>S(x,f)),o&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:L.button,size:"s",onClick:()=>{const x=[...s];for(let f=0;f<d.length;f++)if(!s.find(R=>R.listingId===d[f].id)){x.push({listingId:d[f].id,image:d[f].productData.images.length>0?d[f].productData.images[0].cfId:""});break}n(x)},disabled:s.length===d.length,style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:L.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),l!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:l})]})},fs="_options_6cemk_1",bs="_price_6cemk_12",Es="_oldPrice_6cemk_19",vs="_newPrice_6cemk_27",ys="_animate_6cemk_34",Rs="_appearAndBounce_6cemk_1",Is="_meta_6cemk_52",Ss="_info_6cemk_58",Ns="_infoRight_6cemk_66",ks="_buttons_6cemk_73",Cs="_variants_6cemk_80",$s="_variant_6cemk_80",Bs="_stock_6cemk_98",ws="_variantInfo_6cemk_105",Ps="_quantity_6cemk_111",Ms="_count_6cemk_118",Ts="_focused_6cemk_135",qs="_button_6cemk_73",As="_activeVariant_6cemk_161",Os="_chargeTypes_6cemk_165",Ls="_charge_6cemk_165",zs="_chargeActive_6cemk_190",Ds="_title_6cemk_198",I={options:fs,price:bs,oldPrice:Es,newPrice:vs,animate:ys,appearAndBounce:Rs,meta:Is,info:Ss,infoRight:Ns,buttons:ks,variants:Cs,variant:$s,stock:Bs,variantInfo:ws,quantity:Ps,count:Ms,focused:Ts,button:qs,activeVariant:As,chargeTypes:Os,charge:Ls,chargeActive:zs,title:Ds},Hs="_wrapper_c1dht_1",Us="_label_c1dht_9",Fs="_input_c1dht_18",Vs="_paddingless_c1dht_31",Ys="_content_c1dht_35",Ws="_contentBorder_c1dht_47",Gs="_borderless_c1dht_52",Xs="_rightIcon_c1dht_57",W={wrapper:Hs,label:Us,input:Fs,paddingless:Vs,content:Ys,contentBorder:Ws,borderless:Gs,rightIcon:Xs},ot=u=>{const{onChange:i,style:e,label:s,value:n,type:l,min:a,max:r,placeholder:m,disabled:y=!1,required:C=!1,regex:j,paddingless:o=!1,borderless:b=!1,editable:d=!1,isSearch:g=!1,centered:E=!1}=u,{themeSettings:O}=t.useThemeSettingsStore(),{inputs:M}=O,[c,N]=_.useState(!1);function B(k){return Number(k)<0?String(a):k}function U(k){return!C\|\|!j?!0:new RegExp(j).test(k)}return t.jsxRuntimeExports.jsxs("div",{className:W.wrapper,children:[s&&t.jsxRuntimeExports.jsx("label",{className:W.label,htmlFor:s,children:s}),t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.content,{[W.contentBorder]:M.border.active}),style:{...e},children:[t.jsxRuntimeExports.jsx("input",{id:s,type:l\|\|"text",onChange:k=>{if(l==="text")i(k.target.value);else{const p=B(k.target.value);i(p)}},value:n,autoComplete:"off",placeholder:m\|\|"Type something...",className:t.clx(W.input,{[W.required]:c&&C&&!U(n),[W.paddingless]:o,[W.borderless]:b}),min:l==="number"?a:void 0,max:l==="number"?r:void 0,disabled:y,onFocus:()=>N(!0),style:{textAlign:E?"center":"left",background:M.field.active?M.field.color:"transparent",padding:g?`7px ${Number(M.general.size)+20}px 7px 11px`:"7px 11px"}}),g&&t.jsxRuntimeExports.jsx("div",{className:W.rightIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"MagnifyingGlass",fill:"var(--icon-secondary)",width:M.general.size,height:M.general.size})}),d&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",width:20,height:20,hoverable:!0})})]})]})},Qs="_button_85085_1",Js="_primary_85085_20",Ks="_primaryHovered_85085_30",Zs="_secondary_85085_34",tn="_secondaryHovered_85085_44",en="_tertiary_85085_48",sn="_tertiaryHovered_85085_58",nn="_content_85085_62",Q={button:Qs,primary:Js,primaryHovered:Ks,secondary:Zs,secondaryHovered:tn,tertiary:en,tertiaryHovered:sn,content:nn},H=u=>{const{children:i,onClick:e,style:s,className:n,disabled:l=!1,type:a="Primary"}=u,{themeSettings:r}=t.useThemeSettingsStore();return t.jsxRuntimeExports.jsx("button",{className:t.clx(Q.button,n,{[Q.primary]:a==="Primary",[Q.secondary]:a==="Secondary",[Q.tertiary]:a==="Tertiary",[Q.primaryHovered]:a==="Primary"&&!l&&r.buttons.primary.hover,[Q.secondaryHovered]:a==="Secondary"&&!l&&r.buttons.secondary.hover,[Q.tertiaryHovered]:a==="Tertiary"&&!l&&r.buttons.tertiary.hover}),onClick:e,style:{...s},disabled:l,children:a==="Tertiary"?t.jsxRuntimeExports.jsxs("div",{className:Q.content,children:[i,t.jsxRuntimeExports.jsx(t.Icon,{name:"ArrowRight",fill:"var(--icon-tertiary)",width:20,height:20})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:i})})};var it=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(it\|\|{});const on=u=>{var O,M;const{variants:i}=u,[e,s]=_.useState(i[0]),[n,l]=_.useState(e.chargeTypes[0]),a=t.useNavigate(),[r,m]=_.useState(1),{reset:y,addProductToCart:C,getProducts:j}=t.useCart(),[o,b]=_.useState(!1);_.useEffect(()=>{b(!0);const c=setTimeout(()=>b(!1),600);return()=>clearTimeout(c)},[r]);async function d(){await j(),await C({productId:u.id,productVariantId:e.id,quantity:r})}function g(){y(),d(),a("/checkout")}function E(c){if(c>=864e5){const p=Math.floor(c/864e5);return`${p} ${p===1?"day":"days"}`}else if(c>=36e5){const p=Math.floor(c/36e5);return`${p} ${p===1?"hour":"hours"}`}else if(c>=6e4){const p=Math.floor(c/6e4);return`${p} ${p===1?"minute":"minutes"}`}else{const p=Math.floor(c/1e3);return`${p} ${p===1?"second":"seconds"}`}}return _.useEffect(()=>{(e.quantity.available===0\|\|!e.quantity.available)&&m(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:I.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:I.chargeTypes,children:e.chargeTypes.map(c=>t.jsxRuntimeExports.jsx("div",{className:t.clx(I.charge,{[I.chargeActive]:n===c}),onClick:()=>l(c),children:it[c]},c))}),t.jsxRuntimeExports.jsx("div",{className:I.variants,children:i.map(c=>{var N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(I.variant,{[I.activeVariant]:e.id===c.id}),onClick:()=>s(c),children:[t.jsxRuntimeExports.jsxs("div",{className:I.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:I.title,children:c.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",n==="ONE_TIME"?c.price.amount:c.subscriptionSettings?c.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:I.stock,children:[((N=c.quantity.restrictions)==null?void 0:N.max)\|\|c.quantity.available\|\|0," in stock"]})})]},c.id)})}),n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:I.quantity,children:[t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:()=>{r>1?m(c=>c-1):m(1)},className:I.button,disabled:e.quantity.available===0\|\|e.quantity.restrictions&&r<=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(ot,{type:"number",value:String(r),onChange:c=>m(Number(c)),max:((O=e.quantity.restrictions)==null?void 0:O.max)\|\|e.quantity.available\|\|1/0,min:((M=e.quantity.restrictions)==null?void 0:M.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(H,{type:"Secondary",onClick:()=>{m(c=>c+1)},className:I.button,disabled:!!(e.quantity.restrictions&&r>=e.quantity.restrictions.max\|\|e.quantity.available!==void 0&&r>=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:I.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:I.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:I.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":E(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:I.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:I.infoRight,children:n==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount\|\|0)-(e.price.amount\|\|0)>0?t.jsxRuntimeExports.jsxs("div",{className:I.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",(e.price.amount\|\|0)r]}),t.jsxRuntimeExports.jsxs("span",{className:I.oldPrice,children:["$ ",(e.compareAtPrice.amount\|\|0)r]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",(e.price.amount\|\|0)r]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount\|\|0)-(e.subscriptionSettings.price.amount\|\|0)>0?t.jsxRuntimeExports.jsxs("div",{className:I.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",e.subscriptionSettings.price.amount\|\|0]}),t.jsxRuntimeExports.jsxs("span",{className:I.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount\|\|0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:o}),children:["$ ",e.subscriptionSettings.price.amount\|\|0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:I.buttons,children:[t.jsxRuntimeExports.jsx(H,{type:"Primary",onClick:()=>g(),disabled:e.quantity.available===0\|\|!e.quantity.available\|\|Object.keys(e.quantity.restrictions\|\|{}).length===0&&!e.quantity.available,children:n==="ONE_TIME"?"Buy Now":"Subscribe Now"}),n==="ONE_TIME"&&t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:()=>d(),disabled:e.quantity.available===0\|\|!e.quantity.available\|\|Object.keys(e.quantity.restrictions\|\|{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},rn="_button_1tdo3_1",an="_login_1tdo3_14",cn="_signUp_1tdo3_18",ln="_buttons_1tdo3_23",dn="_modal_1tdo3_32",un="_closing_1tdo3_64",xn="_info_1tdo3_113",pn="_top_1tdo3_120",mn="_title_1tdo3_131",jn="_clear_1tdo3_138",hn="_activeClear_1tdo3_145",_n="_count_1tdo3_149",gn="_cart_1tdo3_164",fn="_empty_1tdo3_172",bn="_product_1tdo3_198",En="_products_1tdo3_207",vn="_image_1tdo3_215",yn="_productInfo_1tdo3_221",Rn="_content_1tdo3_228",In="_name_1tdo3_234",Sn="_price_1tdo3_240",Nn="_productButtons_1tdo3_246",kn="_productButton_1tdo3_246",Cn="_productCount_1tdo3_266",$n="_bottom_1tdo3_282",Bn="_subtotal_1tdo3_290",wn="_block_1tdo3_298",Pn="_shoppingCount_1tdo3_305",Mn="_total_1tdo3_325",Tn="_link_1tdo3_331",qn="_userInfo_1tdo3_338",An="_pagesMobileModal_1tdo3_349",On="_pagesMobileModalContent_1tdo3_363",Ln="_pagesMobileModalHeader_1tdo3_369",zn="_pagesMobileModalFooter_1tdo3_379",v={button:rn,login:an,signUp:cn,buttons:ln,modal:dn,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:un,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:xn,top:pn,title:mn,clear:jn,activeClear:hn,count:_n,cart:gn,empty:fn,product:bn,products:En,image:vn,productInfo:yn,content:Rn,name:In,price:Sn,productButtons:Nn,productButton:kn,productCount:Cn,bottom:$n,subtotal:Bn,block:wn,shoppingCount:Pn,total:Mn,link:Tn,userInfo:qn,pagesMobileModal:An,pagesMobileModalContent:On,pagesMobileModalHeader:Ln,pagesMobileModalFooter:zn},Dn=u=>{const{shopping:i,signUp:e,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsxs("div",{className:v.buttons,children:[i&&t.jsxRuntimeExports.jsx(rt,{}),s&&t.jsxRuntimeExports.jsx(st,{signUp:e})]})},rt=()=>{const[u,i]=_.useState(!1),[e,s]=_.useState([]),{cart:n,getProducts:l}=t.useCart();function a(o){for(let b=0;b<n.parts.length;b++)for(let d=0;d<o.variants.length;d++)if(n.parts[b].productVariantId===o.variants[b].id)return n.parts[b].productVariantId}function r(o){for(let b=0;b<n.parts.length;b++)for(let d=0;d<o.variants.length;d++)if(n.parts[b].productVariantId===o.variants[b].id)return n.parts[b].quantity}_.useEffect(()=>{(async()=>{const b=n.parts.map(E=>String(E.productId)),g=(await l([...b])).map(E=>({...E,activeVariantId:a(E),quantity:r(E)}));s(g)})()},[n.parts.length]);function m(o){var b;return!o\|\|!(o!=null&&o.variants)?!1:(b=o.variants.find(d=>d.id===o.activeVariantId))==null?void 0:b.subscriptionSettings}const y=n.parts.length>0&&e.length>0&&!m(e[0]),[C,j]=_.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(H,{type:"Secondary",style:{padding:10},onClick:o=>{o.stopPropagation(),window.location.pathname.includes("/admin/builder")\|\|(i(!0),j(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),y&&t.jsxRuntimeExports.jsx("div",{className:v.shoppingCount,children:n.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{j(!1),setTimeout(()=>{i(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(at,{activeProducts:e,isCartNotEmpty:y,isOpen:C})})]})},at=u=>{const{activeProducts:i,isCartNotEmpty:e,isOpen:s}=u,{cart:n,reset:l,getTotalAndDiscount:a,updateQuantityOfProduct:r}=t.useCart(),m=t.useNavigate();function y(o){m(o)}function C(o){r({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity+1})}function j(o){r({productId:o.id,productVariantId:o.activeVariantId,quantity:o.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(v.modal,{[v.closing]:!s}),onClick:o=>o.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:v.top,children:[t.jsxRuntimeExports.jsxs("div",{className:v.info,children:[t.jsxRuntimeExports.jsx("span",{className:v.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:v.count,children:n.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(v.clear,{[v.activeClear]:e}),disabled:!e,onClick:l,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:v.cart,children:[t.jsxRuntimeExports.jsx("div",{className:v.products,children:i.map(o=>t.jsxRuntimeExports.jsxs("div",{className:v.product,children:[t.jsxRuntimeExports.jsxs("div",{className:v.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:v.image}),t.jsxRuntimeExports.jsxs("div",{className:v.content,children:[t.jsxRuntimeExports.jsx("div",{className:v.name,children:o.name}),t.jsxRuntimeExports.jsxs("div",{className:v.price,children:["$",o.variants.find(b=>b.id===o.activeVariantId).price.amount((o==null?void 0:o.quantity)\|\|1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:v.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{o.quantity!==1&&j(o)},className:v.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:v.productCount,children:o.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>C(o),className:v.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},o.id))}),t.jsxRuntimeExports.jsxs("div",{className:v.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:v.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:v.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:v.total,children:["$",a().total]})]}),t.jsxRuntimeExports.jsx(H,{onClick:()=>y("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ct,{})]})},ct=()=>t.jsxRuntimeExports.jsxs("div",{className:v.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-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:v.link,children:"view products"})]})]}),st=({signUp:u})=>{const i=JSON.parse(localStorage.getItem("token")\|\|"{}"),{data:e}=i,s=t.useNavigate();function n(r){window.location.pathname.includes("/admin/builder")\|\|s(r)}if(!e)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(H,{onClick:()=>n("/customer-dash"),type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(H,{onClick:()=>n("/customer-dash"),type:"Primary",style:{padding:10},children:"Sign Up"})]});const[l,a]=_.useState("test-email@gmail.com");return _.useEffect(()=>{(async()=>{const m=t.jwtDecode(e);a(m.email)})()},[e]),t.jsxRuntimeExports.jsx("div",{className:v.userInfo,onClick:()=>n("/customer-dash"),children:t.jsxRuntimeExports.jsx("div",{children:l\|\|"test-email@gmail.com"})})},lt=({children:u,logo:i,setIsOpen:e,signUp:s})=>{const{setIsOpen:n}=t.useModalStore(),l=()=>{n(!1),setTimeout(()=>{e(!1),n(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:v.pagesMobileModal,onClick:a=>a.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:v.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:i}),t.jsxRuntimeExports.jsx(H,{type:"Secondary",onClick:l,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:v.pagesMobileModalContent,children:u}),t.jsxRuntimeExports.jsx("div",{className:v.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(st,{signUp:s})})]})},Hn=({children:u,logo:i,signUp:e})=>{const[s,n]=_.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(dt,{setIsOpenModal:n}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsx(lt,{logo:i,setIsOpen:n,signUp:e,children:u})})]})},dt=u=>{const{setIsOpenModal:i}=u;return t.jsxRuntimeExports.jsx(H,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),i(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},Un="_share_xddz7_1",Fn="_modal_xddz7_8",Vn="_header_xddz7_20",Yn="_socials_xddz7_30",Wn="_social_xddz7_30",Gn="_copy_xddz7_40",Xn="_title_xddz7_47",Qn="_copyWrapper_xddz7_53",Jn="_copyText_xddz7_62",Kn="_copyTextMobile_xddz7_75",Zn="_copyTextMiniMobile_xddz7_94",J={share:Un,modal:Fn,header:Vn,socials:Yn,social:Wn,copy:Gn,title:Xn,copyWrapper:Qn,copyText:Jn,copyTextMobile:Kn,copyTextMiniMobile:Zn},to=()=>{const{isOpenModal:u,setIsOpenModal:i}=t.useShareLinkStore();function e(){i(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button,{className:J.share,onClick:s=>{s.stopPropagation(),e()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:i,children:t.jsxRuntimeExports.jsx(eo,{})})]})},eo=()=>{const{setIsOpenModal:u}=t.useShareLinkStore(),{notification:i,setNotification:e}=t.useNotificationStore(),{setIsOpen:s}=t.useModalStore(),n=window.location.href;function l(){navigator.clipboard.writeText(n),e({message:"Link copied to clipboard",status:"success"})}function a(){s(!1),setTimeout(()=>{u(!1),s(!0)},300)}function r(m,y){return m.length>y?m.slice(0,y)+"...":m}return t.jsxRuntimeExports.jsxs("div",{className:J.modal,onClick:m=>m.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,children:[t.jsxRuntimeExports.jsx("div",{className:J.title,children:"Copy Product Link"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:a,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:J.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button,{type:"Secondary",onClick:l,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:J.copyText,children:r(n,100)}),t.jsxRuntimeExports.jsx("div",{className:J.copyTextMobile,children:r(n,40)}),t.jsxRuntimeExports.jsx("div",{className:J.copyTextMiniMobile,children:r(n,20)})]}),t.jsxRuntimeExports.jsx(t.Button,{type:"Secondary",onClick:l,children:i?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},so="_accordion_1s1lq_1",no="_header_1s1lq_9",oo="_icon_1s1lq_18",io="_open_1s1lq_21",ro="_content_1s1lq_25",tt={accordion:so,header:no,icon:oo,open:io,content:ro},ao=({title:u,content:i,defaultOpen:e=!1})=>{const[s,n]=_.useState(e),[l,a]=_.useState(0),r=_.useRef(null),m=()=>{n(!s)};return _.useEffect(()=>{r.current&&a(s?r.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:tt.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:tt.header,onClick:m,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(tt.icon,{[tt.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:r,className:tt.content,style:{height:`${l}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:i})})]})},co=({children:u,path:i,className:e,target:s="_self",id:n})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:n,children:u});const l=t.useNavigate(),a=/^https?:\/\//.test(i),r=m=>{a\|\|s==="_blank"?s==="_blank"?window.open(i,"_blank"):window.location.href=i:(m.preventDefault(),l(i,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:r,className:e,role:"link",style:{cursor:"pointer"},id:n,children:u})},lo="_buttonsBlock_1b2rb_1",uo="_slideUp_1b2rb_1",xo={buttonsBlock:lo,slideUp:uo},po=()=>t.jsxRuntimeExports.jsxs("div",{className:xo.buttonsBlock,children:[t.jsxRuntimeExports.jsx(H,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(H,{type:"Secondary",children:"Buy"})]}),mo="_wrapper_st58d_1",jo="_label_st58d_10",ho="_textarea_st58d_18",_o="_length_st58d_33",et={wrapper:mo,label:jo,textarea:ho,length:_o},go=u=>{const{onChange:i,label:e,value:s,maxLength:n,placeholder:l="Type something..."}=u,[a,r]=_.useState(s.length);return t.jsxRuntimeExports.jsxs("div",{className:et.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:et.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,defaultValue:s,onChange:m=>{r(m.target.value.length),i(m.target.value)},placeholder:l,className:et.textarea,maxLength:n}),n&&t.jsxRuntimeExports.jsxs("div",{className:et.length,children:[a,"/",n]})]})};exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;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=ao;exports.BurgerMenuButton=dt;exports.Button=H;exports.ButtonTypeSettings=nt;exports.ButtonsSettings=Ye;exports.CategorySettings=Xt;exports.EmptyCart=ct;exports.FormSettings=ye;exports.HeaderButtons=Dn;exports.InputUI=ot;exports.LayoutSettings=It;exports.Link=co;exports.ListingSelector=gs;exports.PagesMobileMenu=Hn;exports.PagesMobileModal=lt;exports.PagesSettings=Ee;exports.ProductCardButtons=po;exports.ProductOptions=on;exports.ShareLink=to;exports.ShoppingButton=rt;exports.ShoppingModalCart=at;exports.TextareaUI=go;exports.UserInfo=st;

package/dist/ui.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { j as t, I as b, c as H, a as ut, S as at, R as kt, B as et, O as pt, b as ct, u as mt, d as _t, P as ht, D as gt, e as xt, v as ft, f as bt, C as vt, g as F, h as Bt, i as ot, k as Nt, l as Pt, m as dt, s as Mt, n as It, o as rt, p as jt, M as yt, q as $t, r as Tt, t as St, w as qt } from "./index-C87hOfMQ.js";
-import { A as to, y as eo, L as so, x as no, T as io, z as oo } from "./index-C87hOfMQ.js";
+import { j as t, I as b, c as H, a as ut, S as at, R as kt, B as et, O as pt, b as ct, u as mt, d as _t, P as ht, D as gt, e as xt, v as ft, f as bt, C as vt, g as F, h as Bt, i as ot, k as Nt, l as Pt, m as dt, s as Mt, n as It, o as rt, p as jt, M as yt, q as $t, r as Tt, t as St, w as qt } from "./index-Cm_7HBSO.js";
+import { A as to, y as eo, L as so, x as no, T as io, z as oo } from "./index-Cm_7HBSO.js";
 import x from "react";
 import "@phosphor-icons/react";
 const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1ibay_15", zt = "_subtitle_1ibay_22", Dt = "_alignmentContent_1ibay_29", Rt = "_alignments_1ibay_37", Ht = "_alignment_1ibay_8", Lt = "_circle_1ibay_60", Ut = "_paddings_1ibay_67", Ft = "_padding_1ibay_67", Vt = "_active_1ibay_91", Yt = "_input_1ibay_98", W = {

package/package.json CHANGED Viewed

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