@billgangcom/theme-lib 1.44.2 → 1.44.3

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),o=require("./index-X-Olyqgp.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.splitTextIntoSpans=o.splitTextIntoSpans;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),o=require("./index-DFHUslAr.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

@@ -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-CbgVRiD5.js";
+import { s as l } from "./index-FNbiNtjB.js";
 export {
   e as App,
   p as ColorVariables,

package/dist/pages/builder/index.d.ts

@@ -6,6 +6,7 @@ interface BuilderProps {
     settings: ISettings;
     header: IBlock;
     footer: IBlock;
+    announcement: IBlock;
 }
 export declare const BuilderPage: React.FC<BuilderProps>;
 export {};

package/dist/ui/ButtonTypeSettings/index.d.ts

@@ -5,6 +5,7 @@ interface Props {
     setButtons: (value: ButtonType[]) => void;
     deletable?: boolean;
     addable?: boolean;
+    editable?: boolean;
 }
 export declare const ButtonTypeSettings: React.FC<Props>;
 export {};

package/dist/ui/ButtonsSettings/index.d.ts

@@ -20,6 +20,7 @@ interface Props {
     setIsActiveButtons: (value: boolean) => void;
     buttons: ButtonType[];
     setButtons: (value: ButtonType[]) => void;
+    editable?: boolean;
 }
 export declare const ButtonsSettings: React.FC<Props>;
 export {};

package/dist/ui/FormSettings/popup.d.ts

@@ -43,6 +43,7 @@ interface SelectOption<T> {
     field: keyof T;
     itemsOptions: string[];
     leftAddon?: string;
+    switcher?: string;
 }
 export type ModalOption<T> = ImageOption<T> | TextOption<T> | InputOption<T> | InputSwitchOption<T> | ListOption<T> | SelectOption<T>;
 interface Props<T extends ItemBase> {

package/dist/ui/ItemsSettings/index.d.ts

@@ -33,9 +33,10 @@ interface CommomPropsBase<T extends ItemBase> {
     };
     limit?: number;
     modalOptions?: ModalOption<T>[];
-    autoScrollInterval?: {
-        setScrollInterval: React.Dispatch<React.SetStateAction<number>>;
-        scrollInterval: number;
+    autoInterval?: {
+        setAutoInterval: React.Dispatch<React.SetStateAction<number>>;
+        autoInterval: number;
+        title?: string;
     };
 }
 interface SelectProps<T extends ItemBase> extends CommomPropsBase<T> {

package/dist/ui/ItemsSettings/popup.d.ts

@@ -36,8 +36,10 @@ interface ListOption<T> {
     field: keyof T;
     draggable?: boolean;
     deletable?: boolean;
+    editable?: boolean;
     itemsOptions: T[];
     addableOptions?: Record<string, any>;
+    modalOptions?: ModalOption<any>[];
 }
 interface SelectOption<T> {
     type: 'select';
@@ -45,6 +47,7 @@ interface SelectOption<T> {
     field: keyof T;
     itemsOptions: string[];
     leftAddon?: string;
+    switcher?: keyof T;
 }
 export type ModalOption<T> = ImageOption<T> | TextOption<T> | InputOption<T> | InputSwitchOption<T> | ListOption<T> | SelectOption<T>;
 interface Props<T extends ItemBase> {

package/dist/ui/PagesSettings/index.d.ts

@@ -0,0 +1,26 @@
+export interface PageBase {
+    name: string;
+    id: string;
+}
+interface CommomPropsBase<T extends PageBase> {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: T[];
+    setItems: (value: T[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    addableOptions?: Record<string, any>;
+    limit?: number;
+}
+interface SelectProps<T extends PageBase> extends CommomPropsBase<T> {
+    itemsType: 'select';
+    itemsPlaceholder?: never;
+    itemsOptions: T[];
+}
+type Props<T extends PageBase> = SelectProps<T>;
+export declare const PagesSettings: <T extends PageBase>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/index.d.ts

@@ -2,6 +2,7 @@ export * from './LayoutSettings';
 export * from './TextSettings';
 export * from './ItemsSettings';
 export * from './CategorySettings';
+export * from './PagesSettings';
 export * from './FormSettings';
 export * from './ButtonsSettings';
 export * from './TypesText';

package/dist/ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-X-Olyqgp.cjs"),h=require("react");require("@phosphor-icons/react");const $t="_wrapper_1ibay_2",wt="_alignmentBlock_1ibay_8",Ct="_title_1ibay_15",Bt="_subtitle_1ibay_22",Tt="_alignmentContent_1ibay_29",Pt="_alignments_1ibay_37",Mt="_alignment_1ibay_8",At="_circle_1ibay_60",Ot="_paddings_1ibay_67",qt="_padding_1ibay_67",Lt="_active_1ibay_91",Ut="_input_1ibay_98",X={wrapper:$t,alignmentBlock:wt,title:Ct,subtitle:Bt,alignmentContent:Tt,alignments:Pt,alignment:Mt,circle:At,paddings:Ot,padding:qt,active:Lt,input:Ut},Dt=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Ht=["left","top","right","bottom"],zt=d=>{const{alignment:a,padding:e,setPadding:s,setAlignment:n}=d;function r(p){switch(p){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 l(p){switch(p){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,i]=h.useState(null),[c,b]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:X.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:X.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:X.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:X.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:X.alignments,children:Dt.map(p=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{n(p)},className:X.alignment,onMouseEnter:()=>{i(p)},onMouseLeave:()=>{i(null)},children:[p!==a&&o!==p&&t.jsxRuntimeExports.jsx("div",{className:X.circle}),p!==a&&o===p&&t.jsxRuntimeExports.jsx(t.Icon,{name:r(o),fill:"#c2c2c2",width:22,height:22}),p===a&&t.jsxRuntimeExports.jsx(t.Icon,{name:r(a),fill:"#FF3F19",width:22,height:22})]},p))}),t.jsxRuntimeExports.jsx("div",{className:X.paddings,children:Ht.map(p=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(X.padding,{[X.active]:c===p}),onFocus:()=>{b(p)},onBlur:()=>{b(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:l(p),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[p]),onChange:_=>s({...e,[p]:Number(_)}),paddingless:!0,borderless:!0})]},p))})]})]})]})},Ft="_title_1jkiw_1",Vt="_subtitle_1jkiw_5",Yt="_header_1jkiw_12",Gt="_text_1jkiw_13",Xt="_top_1jkiw_20",Wt="_itemsBlock_1jkiw_29",rt={title:Ft,subtitle:Vt,header:Yt,text:Gt,top:Xt,itemsBlock:Wt},Jt="_typeTexts_167ez_1",Qt="_block_167ez_8",Kt="_active_167ez_25",_t={typeTexts:Jt,block:Qt,active:Kt},Zt=["bold","italic","underline","strike-through","code"],jt=d=>{const{typesText:a,setTypesText:e}=d;function s(n){switch(n){case"bold":return"TextB";case"italic":return"TextItalic";case"code":return"CodeSimple";case"strike-through":return"TextStrikethrough";case"underline":return"TextUnderline"}}return t.jsxRuntimeExports.jsx("div",{className:_t.typeTexts,children:Zt.map(n=>t.jsxRuntimeExports.jsx("div",{className:t.clx(_t.block,{[_t.active]:a.includes(n)}),onClick:()=>{const r=[...a];if(r.includes(n)){const l=r.filter(o=>o!==n);e(l)}else r.push(n),e(r)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:s(n),fill:a.includes(n)?"#252525":"#757575",width:20,height:20})},String(n)))})},ct={h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",h4:"Heading 4",h5:"Heading 5",h6:"Heading 6",p:"Paragraph"},gt=d=>{const{typesText:a,isActiveText:e,setIsActiveText:s,text:n,setText:r,setTypesText:l,title:o,subtitle:i="Items",typeFont:c,setTypeFont:b}=d;return t.jsxRuntimeExports.jsxs("div",{className:rt.text,children:[(o||e!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:rt.top,children:[o&&t.jsxRuntimeExports.jsx("h3",{className:rt.title,children:o}),e!==void 0&&s&&t.jsxRuntimeExports.jsx(t.Switch,{current:e,onChange:p=>s(p)})]}),t.jsxRuntimeExports.jsxs("div",{className:rt.itemsBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:rt.subtitle,children:i}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:p=>r(p),value:n,maxLength:150}),t.jsxRuntimeExports.jsx(jt,{typesText:a,setTypesText:l}),t.jsxRuntimeExports.jsx(t.Select,{label:"Type Text",options:Object.values(ct).filter(p=>p!==ct[c]),onChange:p=>b(Object.keys(ct).find(_=>ct[_]===p)),value:ct[c]})]})]})},te="_title_roi3a_1",ee="_subtitle_roi3a_5",se="_header_roi3a_12",ne="_text_roi3a_13",ie="_productsBlock_roi3a_14",oe="_top_roi3a_26",ae="_itemsBlock_roi3a_35",re="_typeTexts_roi3a_41",ce="_block_roi3a_48",le="_active_roi3a_61",de="_products_roi3a_14",ue="_product_roi3a_14",xe="_button_roi3a_80",me="_disabled_roi3a_91",pe="_image_roi3a_95",_e="_info_roi3a_102",he="_name_roi3a_114",je="_buttons_roi3a_118",ge="_modal_roi3a_125",fe="_link_roi3a_145",be="_modalOptions_roi3a_151",ve="_addButton_roi3a_164",Ee="_deleteButton_roi3a_179",Re="_closeIcon_roi3a_191",L={title:te,subtitle:ee,header:se,text:ne,productsBlock:ie,top:oe,itemsBlock:ae,typeTexts:re,block:ce,active:le,products:de,product:ue,button:xe,disabled:me,image:pe,info:_e,name:he,buttons:je,modal:ge,link:fe,modalOptions:be,addButton:ve,deleteButton:Ee,closeIcon:Re},ye=h.forwardRef((d,a)=>{const{activeItem:e,setActiveItem:s,popupPosition:n,modalOptions:r,setIsOpenModal:l}=d;function o(i,c){return i.length>c?`${i.slice(0,c)}...`:i}return t.jsxRuntimeExports.jsxs("div",{ref:a,className:L.modal,onClick:i=>{i.stopPropagation()},style:{top:`${n.top}px`,left:`${n.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[t.jsxRuntimeExports.jsx("h3",{className:L.title,children:o(e.name["en-US"],20)}),t.jsxRuntimeExports.jsx("div",{className:L.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{s(null),l(!1)}})})]}),t.jsxRuntimeExports.jsx("div",{className:L.modalOptions,children:r.map(i=>{if(i.type==="image")return t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:e[i.field],onChange:c=>{const b={...e,[i.field]:c};s(b)}},String(i.field));if(i.type==="text")return t.jsxRuntimeExports.jsx(gt,{typesText:e[i.field.type],setTypesText:c=>{const b={...e,[i.field.type]:c};s(b)},text:e[i.field.text]["en-US"]||"",setText:c=>{const b={...e,[i.field.text]:{"en-US":c}};s(b)},typeFont:e[i.field.typeFont],setTypeFont:c=>{const b={...e,[i.field.typeFont]:c};s(b)},subtitle:i.label});if(i.type==="input")return t.jsxRuntimeExports.jsx(t.Input,{onChange:c=>{const b={...e,[i.field]:c};s(b)},value:e[i.field]||"",label:i.label,placeholder:i.placeholder});if(i.type==="inputSwitch")return t.jsxRuntimeExports.jsxs("div",{className:L.link,children:[t.jsxRuntimeExports.jsx(t.Input,{onChange:c=>{const b={...e,[i.field.text]:c};s(b)},value:e[i.field.text]||"",label:i.inputLabel,placeholder:i.placeholder}),t.jsxRuntimeExports.jsx(t.Switch,{current:!!e[i.field.switch]||!1,label:i.switchLabel,onChange:c=>{const b={...e,[i.field.switch]:c};s(b)}})]});if(i.type==="list")return t.jsxRuntimeExports.jsx(bt,{items:e[i.field]||[],setItems:c=>{const b={...e,[i.field]:c};s(b)},itemsType:"select",draggable:i.draggable||!1,itemsOptions:i.itemsOptions,deletable:i.deletable||!1,editable:!1,subtitle:i.label,addableOptions:i.addableOptions});if(i.type==="select")return t.jsxRuntimeExports.jsx(t.Select,{options:i.itemsOptions,onChange:c=>{const b={...e,[i.field]:c};s(b)},label:i.label,value:e[i.field]||"String",leftAddon:i.leftAddon&&i.leftAddon==="icon"&&t.jsxRuntimeExports.jsx(t.Icon,{name:e[i.field]})})})})]})}),Ie="_other_g74jx_1",ke="_subtitle_g74jx_7",Se="_items_g74jx_14",ht={other:Ie,subtitle:ke,items:Se},mt=d=>{const{items:a,title:e="Other"}=d;return t.jsxRuntimeExports.jsxs("div",{className:ht.other,children:[t.jsxRuntimeExports.jsx("h5",{className:ht.subtitle,children:e}),t.jsxRuntimeExports.jsx("div",{className:ht.items,children:a.map((s,n)=>t.jsxRuntimeExports.jsx(t.Switch,{current:s.isItem,onChange:r=>s.setIsItem(r),label:s.label,hasBackground:!0,paddingless:!1},n))})]})};function Ne({product:d,children:a}){const{attributes:e,listeners:s,setNodeRef:n,transform:r,transition:l,isDragging:o}=t.useSortable({id:d.id}),i={transform:t.CSS.Transform.toString(r),transition:l};return t.jsxRuntimeExports.jsx("div",{ref:n,style:i,className:`${L.product} ${o?L.dragging:""}`,...e,...s,children:a})}const bt=d=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:n,other:r,title:l,subtitle:o,editable:i=!0,draggable:c=!1,withImage:b=!1,deletable:p=!0,addable:_=!0,itemsType:m,itemsPlaceholder:g="",itemsOptions:u,hasRangeSelector:S=!1,rangeSelectorOptions:q,modalOptions:R,addableOptions:j={},limit:k,autoScrollInterval:A}=d,[H,N]=h.useState(null),[C,Q]=h.useState({top:0,left:0}),[v,T]=h.useState(null),$=h.useRef(null),[G,P]=h.useState(!1),U=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const x=()=>{N(null),P(!1)};return document.body.addEventListener("click",x),N(null),P(!1),()=>{N(null),P(!1),document.body.removeEventListener("click",x)}},[]),h.useEffect(()=>{if(H){const x=[...s].map(E=>E.id===H.id?H:E);n(x)}},[H]),h.useEffect(()=>{if($.current&&v){const x=$.current.getBoundingClientRect().height,E=window.innerHeight;let w=v.top;w+x>E+window.scrollY-200&&(w=E+window.scrollY-x-200),w<0&&(w=10),Q({top:w,left:v.left})}},[$.current,v]);const J=(x,E)=>{x.stopPropagation();const w=x.target.getBoundingClientRect();T({top:w.top+window.scrollY,left:w.left-30}),N(E),P(!0)};function nt(x){if(b)return x?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${x[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const f=x=>{const{active:E,over:w}=x;if(w&&E.id!==w.id){const O=s.findIndex(B=>B.id===E.id),F=s.findIndex(B=>B.id===w.id);if(O!==-1&&F!==-1){const B=[...s],[it]=B.splice(O,1);B.splice(F,0,it),n(B)}}},M=(x,E)=>{var O,F;const w=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[c&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),m==="select"&&u&&t.jsxRuntimeExports.jsx(t.Select,{onChange:B=>{const it=[...s],at=u.find(ut=>ut.name["en-US"]===B);if(!at)return;const ot=it.map(ut=>ut.id===x.id?{...at,name:{"en-US":B}}:ut);N({...x,name:{"en-US":B}}),n([...ot])},value:x.name["en-US"],options:u.filter(B=>!s.find(it=>it.name["en-US"]===B.name["en-US"])).map(B=>B.name["en-US"]),leftAddon:nt(x.images)}),m==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:B=>{const at=[...s].map(ot=>ot.id===x.id?{...x,name:{"en-US":B}}:ot);n([...at])},value:x.name["en-US"],placeholder:g}),m==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:B=>{const at=[...s].map(ot=>ot.id===x.id?{...x,images:B}:ot);n([...at])},activeImage:(O=s.find(B=>B.id===x.id))!=null&&O.images?(F=s.find(B=>B.id===x.id))==null?void 0:F.images[0]:void 0}),t.jsxRuntimeExports.jsxs("div",{className:L.buttons,children:[i&&t.jsxRuntimeExports.jsx("div",{className:L.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:B=>J(B,x)})}),p&&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(B=>B.id!==x.id))})})]})]});return c?t.jsxRuntimeExports.jsx(Ne,{product:x,index:E,children:w},x.id):t.jsxRuntimeExports.jsx("div",{className:L.product,children:w},x.id)};return t.jsxRuntimeExports.jsxs("div",{className:L.productsBlock,children:[(l||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:L.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:L.title,children:l}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:x=>e==null?void 0:e(x)})]}),H&&i&&R&&G&&t.jsxRuntimeExports.jsx(ye,{ref:$,activeItem:H,setActiveItem:N,popupPosition:C,modalOptions:R,setIsOpenModal:P}),S&&q&&t.jsxRuntimeExports.jsx(pt,{...q}),t.jsxRuntimeExports.jsxs("div",{className:L.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:L.subtitle,children:o}),c?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:U,onDragEnd:f,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(x=>x.id),strategy:t.verticalListSortingStrategy,children:s.map((x,E)=>M(x,E))})}):s.map((x,E)=>M(x,E)),_&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(L.button,{[L.disabled]:!!(k&&k<=s.length||s.length===(u==null?void 0:u.length))}),size:"s",disabled:!!(k&&k<=s.length||s.length===(u==null?void 0:u.length)),onClick:()=>{const x=[...s];let E=null;if(u){for(let w=0;w<u.length;w++)if(!s.find(O=>O.id===u[w].id)){E=u[w];break}}m==="select"&&u?x.push({name:E?E.name:u[0].name,id:(E==null?void 0:E.id)||u[0].id,...j}):m==="input"?x.push({name:{"en-US":""},id:t.v4(),...j}):x.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...j}),n(x)},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})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(mt,{items:r}),A!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(A.scrollInterval),onChange:x=>A.setScrollInterval(Number(x)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},$e="_title_82zux_1",we="_subtitle_82zux_5",Ce="_header_82zux_12",Be="_text_82zux_13",Te="_productsBlock_82zux_14",Pe="_top_82zux_26",Me="_itemsBlock_82zux_35",Ae="_typeTexts_82zux_41",Oe="_block_82zux_48",qe="_active_82zux_61",Le="_products_82zux_14",Ue="_product_82zux_14",De="_button_82zux_80",He="_disabled_82zux_91",ze="_image_82zux_95",Fe="_info_82zux_102",Ve="_name_82zux_114",Ye="_buttons_82zux_118",Ge="_modal_82zux_125",Xe="_link_82zux_145",We="_modalOptions_82zux_151",Je="_addButton_82zux_157",Qe="_deleteButton_82zux_179",W={title:$e,subtitle:we,header:Ce,text:Be,productsBlock:Te,top:Pe,itemsBlock:Me,typeTexts:Ae,block:Oe,active:qe,products:Le,product:Ue,button:De,disabled:He,image:ze,info:Fe,name:Ve,buttons:Ye,modal:Ge,link:Xe,modalOptions:We,addButton:Je,deleteButton:Qe},Ke=d=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:n,other:r,title:l,subtitle:o,draggable:i=!1,withImage:c=!1,addable:b=!0,itemsOptions:p,hasRangeSelector:_=!1,rangeSelectorOptions:m,limit:g,autoScrollInterval:u,deletable:S}=d;function q(j){if(c)return j?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${j[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const R=(j,k=!1)=>{const A=p.find(N=>N.id===j);if(!A)return;const H=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[i&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:N=>{const C=[...s],Q=p.find($=>$.name===N);if(!Q)return;const v=Q.id,T=C.map($=>$===j?v:$);n([...T])},value:A.name,options:p.filter(N=>!s.find(C=>C===N.id)).map(N=>N.name),leftAddon:q(A.images)}),k&&t.jsxRuntimeExports.jsx("div",{className:W.buttons,children:t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter(N=>N!==j))})})})]});return t.jsxRuntimeExports.jsx("div",{className:W.product,children:H},j)};return t.jsxRuntimeExports.jsxs("div",{className:W.productsBlock,children:[(l||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:W.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:W.title,children:l}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:j=>e==null?void 0:e(j)})]}),_&&m&&t.jsxRuntimeExports.jsx(pt,{...m}),t.jsxRuntimeExports.jsxs("div",{className:W.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:W.subtitle,children:o}),s.map(j=>R(j,S)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(W.button,{[W.disabled]:!!(g&&g<=s.length||s.length===p.length)}),size:"s",disabled:!!(g&&g<=s.length||s.length===p.length),onClick:()=>{const j=[...s];let k=null;if(p){for(let A=0;A<p.length;A++)if(!s.find(H=>H===p[A].id)){k=p[A];break}}j.push((k==null?void 0:k.id)||p[0].id),n(j)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:W.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(mt,{items:r}),u!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(u.scrollInterval),onChange:j=>u.setScrollInterval(Number(j)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Ze="_title_1vfw9_1",ts="_subtitle_1vfw9_5",es="_header_1vfw9_12",ss="_text_1vfw9_13",ns="_productsBlock_1vfw9_14",is="_top_1vfw9_26",os="_itemsBlock_1vfw9_35",as="_typeTexts_1vfw9_41",rs="_block_1vfw9_48",cs="_active_1vfw9_61",ls="_products_1vfw9_14",ds="_product_1vfw9_14",us="_button_1vfw9_80",xs="_disabled_1vfw9_91",ms="_image_1vfw9_95",ps="_info_1vfw9_102",_s="_name_1vfw9_114",hs="_buttons_1vfw9_118",js="_modal_1vfw9_125",gs="_link_1vfw9_145",fs="_modalOptions_1vfw9_151",bs="_addButton_1vfw9_164",vs="_deleteButton_1vfw9_179",Es="_closeIcon_1vfw9_191",D={title:Ze,subtitle:ts,header:es,text:ss,productsBlock:ns,top:is,itemsBlock:os,typeTexts:as,block:rs,active:cs,products:ls,product:ds,button:us,disabled:xs,image:ms,info:ps,name:_s,buttons:hs,modal:js,link:gs,modalOptions:fs,addButton:bs,deleteButton:vs,closeIcon:Es},Rs=h.forwardRef((d,a)=>{const{activeItem:e,setActiveItem:s,popupPosition:n,modalOptions:r,setIsOpenModal:l}=d;return t.jsxRuntimeExports.jsxs("div",{ref:a,className:D.modal,onClick:o=>{o.stopPropagation()},style:{top:`${n.top}px`,left:`${n.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:D.top,children:[t.jsxRuntimeExports.jsx("h3",{className:D.title,children:e.name["en-US"]}),t.jsxRuntimeExports.jsx("div",{className:D.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,hoverable:!0,onClick:()=>{s(null),l(!1)}})})]}),t.jsxRuntimeExports.jsx("div",{className:D.modalOptions,children:r.map(o=>{if(o.type==="image")return t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:e[o.field],onChange:i=>{const c={...e,[o.field]:i};s(c)}},String(o.field));if(o.type==="text")return t.jsxRuntimeExports.jsx(gt,{typesText:e[o.field.type],setTypesText:i=>{const c={...e,[o.field.type]:i};s(c)},text:e[o.field.text]["en-US"]||"",setText:i=>{const c={...e,[o.field.text]:{"en-US":i}};s(c)},typeFont:e[o.field.type],setTypeFont:i=>{const c={...e,[o.field.type]:i};s(c)},subtitle:o.label});if(o.type==="input")return t.jsxRuntimeExports.jsx(t.Input,{onChange:i=>{const c={...e,[o.field]:i};s(c)},value:e[o.field]||"",label:o.label,placeholder:o.placeholder});if(o.type==="inputSwitch")return t.jsxRuntimeExports.jsxs("div",{className:D.link,children:[t.jsxRuntimeExports.jsx(t.Input,{onChange:i=>{const c={...e,[o.field.text]:i};s(c)},value:e[o.field.text]||"",label:o.inputLabel,placeholder:o.placeholder}),t.jsxRuntimeExports.jsx(t.Switch,{current:!!e[o.field.switch]||!1,label:o.switchLabel,onChange:i=>{const c={...e,[o.field.switch]:i};s(c)}})]});if(o.type==="select")return t.jsxRuntimeExports.jsx(t.Select,{options:o.itemsOptions,onChange:i=>{const c={...e,[o.field]:i};s(c)},label:o.label,value:e[o.field]||"String",leftAddon:o.leftAddon&&o.leftAddon==="icon"&&t.jsxRuntimeExports.jsx(t.Icon,{name:e[o.field]})})})})]})});function ys(d){const{product:a,children:e}=d,{attributes:s,listeners:n,setNodeRef:r,transform:l,transition:o,isDragging:i}=t.useSortable({id:a.id}),c={transform:t.CSS.Transform.toString(l),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:r,style:c,className:`${D.product} ${i?D.dragging:""}`,...s,...n,children:e})}const Is=d=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:n,other:r,title:l,subtitle:o,editable:i=!0,draggable:c=!1,withImage:b=!1,deletable:p=!0,addable:_=!0,itemsType:m,itemsPlaceholder:g="",itemsOptions:u,hasRangeSelector:S=!1,rangeSelectorOptions:q,modalOptions:R,addableOptions:j={}}=d,[k,A]=h.useState(null),[H,N]=h.useState({top:0,left:0}),[C,Q]=h.useState(null),v=h.useRef(null),[T,$]=h.useState(!1),G=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const f=()=>{A(null),$(!1)};return document.body.addEventListener("click",f),A(null),$(!1),()=>{A(null),$(!1),document.body.removeEventListener("click",f)}},[]),h.useEffect(()=>{if(k){const f=[...s].map(M=>M.id===k.id?k:M);n(f)}},[k]),h.useEffect(()=>{if(v.current&&C){const f=v.current.getBoundingClientRect().height,M=window.innerHeight;let x=C.top;x+f>M+window.scrollY-200&&(x=M+window.scrollY-f-200),x<0&&(x=10),N({top:x,left:C.left})}},[v.current,C]);const P=(f,M)=>{f.stopPropagation();const x=f.target.getBoundingClientRect();Q({top:x.top+window.scrollY,left:x.left-30}),A(M),$(!0)};function U(f){if(b)return f?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${f[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const J=f=>{const{active:M,over:x}=f;if(x&&M.id!==x.id){const E=s.findIndex(O=>O.id===M.id),w=s.findIndex(O=>O.id===x.id);if(E!==-1&&w!==-1){const O=[...s],[F]=O.splice(E,1);O.splice(w,0,F),n(O)}}},nt=f=>{var x;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[c&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),m==="select"&&u&&t.jsxRuntimeExports.jsx(t.Select,{onChange:E=>{const O=[...s].map(F=>F.id===f.id?{...f,name:{"en-US":E}}:F);A({...f,name:{"en-US":E}}),n([...O])},value:f.name["en-US"],options:u.filter(E=>!s.find(w=>w.name["en-US"]===E)),leftAddon:U(f.images)}),m==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:E=>{const O=[...s].map(F=>F.id===f.id?{...f,name:{"en-US":E}}:F);n([...O])},value:f.name["en-US"],placeholder:g}),m==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:E=>{const O=[...s].map(F=>F.id===f.id?{...f,images:E}:F);n([...O])},activeImage:(x=s.find(E=>E.id===f.id))==null?void 0:x.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:D.buttons,children:[i&&t.jsxRuntimeExports.jsx("div",{className:D.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:E=>P(E,f)})}),p&&t.jsxRuntimeExports.jsx("div",{className:D.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>n(s.filter(E=>E.id!==f.id))})})]})]});return c?t.jsxRuntimeExports.jsx(ys,{product:f,children:M},f.id):t.jsxRuntimeExports.jsx("div",{className:D.product,children:M},f.id)};return t.jsxRuntimeExports.jsxs("div",{className:D.productsBlock,children:[(l||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:D.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:D.title,children:l}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:f=>e==null?void 0:e(f)})]}),k&&i&&R&&T&&t.jsxRuntimeExports.jsx(Rs,{ref:v,activeItem:k,setActiveItem:A,popupPosition:H,modalOptions:R,setIsOpenModal:$}),S&&q&&t.jsxRuntimeExports.jsx(pt,{...q}),t.jsxRuntimeExports.jsxs("div",{className:D.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:D.subtitle,children:o}),c?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:G,onDragEnd:J,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(f=>f.id),strategy:t.verticalListSortingStrategy,children:s.map(f=>nt(f))})}):s.map(f=>nt(f)),_&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:D.button,size:"s",onClick:()=>{const f=[...s];let M=null;if(u){for(let x=0;x<u.length;x++)if(!s.find(E=>E.name["en-US"]===u[x])){M=u[x];break}}m==="select"&&u?f.push({name:{"en-US":M||u[0]},id:t.v4(),...j,maxSymbols:100}):m==="input"?f.push({name:{"en-US":""},id:t.v4(),...j,maxSymbols:100}):f.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...j,maxSymbols:100}),n(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:D.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(mt,{items:r})]})},ks="_title_bn7sv_1",Ss="_subtitle_bn7sv_5",Ns="_header_bn7sv_12",$s="_text_bn7sv_13",ws="_productsBlock_bn7sv_14",Cs="_buttonsBlock_bn7sv_15",Bs="_top_bn7sv_26",Ts="_itemsBlock_bn7sv_35",Ps="_typeTexts_bn7sv_41",Ms="_block_bn7sv_48",As="_active_bn7sv_60",Os="_products_bn7sv_14",qs="_product_bn7sv_14",Ls="_button_bn7sv_15",Us="_image_bn7sv_90",Ds="_info_bn7sv_97",Hs="_name_bn7sv_109",zs="_buttons_bn7sv_15",Fs="_modal_bn7sv_120",Vs="_other_bn7sv_139",Ys="_options_bn7sv_145",Gs="_closeIcon_bn7sv_153",st={title:ks,subtitle:Ss,header:Ns,text:$s,productsBlock:ws,buttonsBlock:Cs,top:Bs,itemsBlock:Ts,typeTexts:Ps,block:Ms,active:As,products:Os,product:qs,button:Ls,image:Us,info:Ds,name:Hs,buttons:zs,modal:Fs,other:Vs,options:Ys,closeIcon:Gs},Xs=h.forwardRef((d,a)=>{const{activeButton:e,setActiveButton:s,popupPosition:n}=d,[r,l]=h.useState(e.typesText),[o,i]=h.useState(e.destination),[c,b]=h.useState(e.page),[p,_]=h.useState(e.link||""),[m,g]=h.useState(e.text||""),[u,S]=h.useState(e.openInNewTab),{pages:q}=t.usePagesStore();return h.useEffect(()=>{s({...e,...{text:m,link:p,destination:o,typesText:r,page:c,openInNewTab:u}})},[r,o,p,m,c,u]),t.jsxRuntimeExports.jsxs("div",{className:st.modal,onClick:R=>{R.stopPropagation()},style:{top:`${n.top}px`,left:`${n.left}px`},ref:a,children:[t.jsxRuntimeExports.jsxs("div",{className:st.top,children:[t.jsxRuntimeExports.jsx("h3",{className:st.title,children:e.type}),t.jsxRuntimeExports.jsx("div",{className:st.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,hoverable:!0,onClick:()=>s(null)})})]}),t.jsxRuntimeExports.jsxs("div",{className:st.options,children:[t.jsxRuntimeExports.jsx(t.Select,{label:"Destination",onChange:R=>i(R),options:["Go to Page","Open Link"].filter(R=>R!==o),value:o}),o==="Go to Page"?t.jsxRuntimeExports.jsx(t.Select,{label:"Go to",onChange:R=>b(R),options:q?Object.values(q).filter(R=>R.name!==c).map(R=>R.name):[],value:c}):t.jsxRuntimeExports.jsx(t.Input,{onChange:R=>_(R),value:p,placeholder:"https://",label:"Link"}),t.jsxRuntimeExports.jsx(t.Switch,{current:e.openInNewTab,label:"Open in new tab",onChange:R=>S(R)}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:R=>g({"en-US":R}),value:m["en-US"],label:"Text",maxLength:150}),t.jsxRuntimeExports.jsx(jt,{typesText:r,setTypesText:l})]})]})}),Ws="_subtitle_jql1y_1",Js="_header_jql1y_8",Qs="_text_jql1y_9",Ks="_productsBlock_jql1y_10",Zs="_buttonsBlock_jql1y_11",tn="_top_jql1y_23",en="_itemsBlock_jql1y_32",sn="_typeTexts_jql1y_38",nn="_block_jql1y_45",on="_active_jql1y_58",an="_products_jql1y_10",rn="_product_jql1y_10",cn="_button_jql1y_11",ln="_image_jql1y_88",dn="_info_jql1y_95",un="_name_jql1y_107",xn="_buttons_jql1y_11",mn="_modal_jql1y_118",pn="_other_jql1y_138",_n="_options_jql1y_144",hn="_addButton_jql1y_150",jn="_deleteButton_jql1y_165",Z={subtitle:Ws,header:Js,text:Qs,productsBlock:Ks,buttonsBlock:Zs,top:tn,itemsBlock:en,typeTexts:sn,block:nn,active:on,products:an,product:rn,button:cn,image:ln,info:dn,name:un,buttons:xn,modal:mn,other:pn,options:_n,addButton:hn,deleteButton:jn},vt=d=>{const{buttons:a,setButtons:e,deletable:s=!0,addable:n=!0}=d,[r,l]=h.useState(null),[o,i]=h.useState({top:0,left:0}),[c,b]=h.useState(null),p=h.useRef(null);h.useEffect(()=>{const m=()=>{l(null)};return document.body.addEventListener("click",m),l(null),()=>{l(null),document.body.removeEventListener("click",m)}},[]),h.useEffect(()=>{if(r){const m=[...a].map(g=>g.id===r.id?r:g);e(m)}},[r]),h.useEffect(()=>{if(p.current&&c){const m=p.current.getBoundingClientRect().height,g=window.innerHeight;let u=c.top;u+m>g+window.scrollY-200&&(u=g+window.scrollY-m-200),u<0&&(u=10),i({top:u,left:c.left})}},[p.current,c]);const _=(m,g)=>{m.stopPropagation();const u=m.target.getBoundingClientRect();b({top:u.top+window.scrollY,left:u.left-30}),l(g)};return t.jsxRuntimeExports.jsxs("div",{className:Z.products,children:[t.jsxRuntimeExports.jsx("h5",{className:Z.subtitle,children:"Button Type"}),a.map(m=>t.jsxRuntimeExports.jsxs("div",{className:Z.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:g=>{const S=[...a].map(q=>q.id===m.id?{...m,type:g}:q);e(S)},value:m.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:Z.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:Z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:g=>{_(g,m)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:Z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const g=a.filter(u=>u.id!==m.id);e(g)},width:20,height:20,fill:"#C12A2A"})})]})]},m.id)),r&&t.jsxRuntimeExports.jsx(Xs,{ref:p,activeButton:r,setActiveButton:l,popupPosition:o}),n&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:Z.button,size:"s",onClick:()=>{const m=[...a];m.push({type:"Primary",id:t.v4(),typesText:[],destination:"Go to Page",text:{"en-US":"Button Name"},page:"home",openInNewTab:!0}),e(m)},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})]})})})]})},gn=d=>{const{isActiveButtons:a,setIsActiveButtons:e,buttons:s,setButtons:n}=d;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:st.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:st.top,children:[t.jsxRuntimeExports.jsx("h3",{className:st.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:r=>e(r)})]}),t.jsxRuntimeExports.jsx(vt,{buttons:s,setButtons:n})]})})},fn="_wrapper_m18qi_1",bn="_subtitle_m18qi_7",vn="_content_m18qi_14",En="_range_m18qi_22",Rn="_track_m18qi_27",yn="_progress_m18qi_36",In="_dots_m18qi_46",kn="_dot_m18qi_46",Sn="_active_m18qi_65",Nn="_input_m18qi_77",$n="_countBlock_m18qi_91",wn="_count_m18qi_91",Cn="_controls_m18qi_107",Bn="_button_m18qi_113",V={wrapper:fn,subtitle:bn,content:vn,range:En,track:Rn,progress:yn,dots:In,dot:kn,active:Sn,input:Nn,countBlock:$n,count:wn,controls:Cn,button:Bn},pt=d=>{const{label:a,min:e=1,max:s=4,step:n=1,count:r,setCount:l}=d,[o,i]=h.useState(!1),c=Array.from({length:(s-e)/n+1}),b=(r-e)/(s-e)*100,p=()=>{r<s&&l(r+n)},_=()=>{r>e&&l(r-n)},m=g=>{const u=e+g*n;l(u)};return t.jsxRuntimeExports.jsxs("div",{className:V.wrapper,children:[a&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:a}),t.jsxRuntimeExports.jsxs("div",{className:V.content,children:[t.jsxRuntimeExports.jsxs("div",{className:V.range,children:[t.jsxRuntimeExports.jsx("div",{className:V.track}),t.jsxRuntimeExports.jsx("div",{className:V.progress,style:{width:`${b}%`}}),t.jsxRuntimeExports.jsx("div",{className:V.dots,children:c.map((g,u)=>{const S=u<=(r-e)/n;return t.jsxRuntimeExports.jsx("button",{onClick:()=>m(u),className:t.clx(V.dot,{[V.active]:S,[V.inactive]:!S,[V.dragging]:o}),"aria-label":`Set value to ${e+u*n}`},u)})}),t.jsxRuntimeExports.jsx("input",{type:"range",min:e,max:s,step:n,value:r,onChange:g=>l(Number(g.target.value)),onMouseDown:()=>i(!0),onMouseUp:()=>i(!1),onTouchStart:()=>i(!0),onTouchEnd:()=>i(!1),className:V.input})]}),t.jsxRuntimeExports.jsxs("div",{className:V.countBlock,children:[t.jsxRuntimeExports.jsx(t.Input,{type:"number",min:e,max:s,paddingless:!0,onChange:g=>{const u=Number(g);u>s?l(s):u<e?l(e):l(u)},value:String(r)}),t.jsxRuntimeExports.jsxs("div",{className:V.controls,children:[t.jsxRuntimeExports.jsx("button",{onClick:p,disabled:r>=s,className:V.button,"aria-label":"Increment count",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretUp",width:15,height:15})}),t.jsxRuntimeExports.jsx("button",{onClick:_,disabled:r<=e,className:V.button,"aria-label":"Decrement count",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown",width:15,height:15})})]})]})]})]})},Tn="_title_ix5ax_1",Pn="_subtitle_ix5ax_5",Mn="_header_ix5ax_12",An="_text_ix5ax_13",On="_productsBlock_ix5ax_14",qn="_top_ix5ax_26",Ln="_itemsBlock_ix5ax_35",Un="_typeTexts_ix5ax_41",Dn="_block_ix5ax_48",Hn="_active_ix5ax_61",zn="_products_ix5ax_14",Fn="_product_ix5ax_14",Vn="_button_ix5ax_80",Yn="_image_ix5ax_91",Gn="_info_ix5ax_98",Xn="_name_ix5ax_110",Wn="_buttons_ix5ax_114",Jn="_modal_ix5ax_121",Qn="_link_ix5ax_141",Kn="_modalOptions_ix5ax_147",Zn="_addButton_ix5ax_160",ti="_deleteButton_ix5ax_175",ei="_closeIcon_ix5ax_187",z={title:Tn,subtitle:Pn,header:Mn,text:An,productsBlock:On,top:qn,itemsBlock:Ln,typeTexts:Un,block:Dn,active:Hn,products:zn,product:Fn,button:Vn,image:Yn,info:Gn,name:Xn,buttons:Wn,modal:Jn,link:Qn,modalOptions:Kn,addButton:Zn,deleteButton:ti,closeIcon:ei},si=d=>{const{activeItem:a,setActiveItem:e,popupPosition:s,setIsOpenModal:n,itemsOptions:r}=d,l=r.find(o=>o.id===a.listingId);return l?t.jsxRuntimeExports.jsxs("div",{className:z.modal,onClick:o=>{o.stopPropagation()},style:{top:`${s.top}px`,left:`${s.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:z.top,children:[t.jsxRuntimeExports.jsx("h3",{children:t.splitTextIntoSpans(l.productData.name)}),t.jsxRuntimeExports.jsx("div",{className:z.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{n(!1),e(null)}})})]}),t.jsxRuntimeExports.jsx("div",{className:z.modalOptions,children:t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:l.productData.images.length>0?l.productData.images[0].cfId:void 0,onChange:o=>{const i={...a,image:o[0]};e(i)}})})]}):null};function ni(d){const{product:a,children:e}=d,{attributes:s,listeners:n,setNodeRef:r,transform:l,transition:o,isDragging:i}=t.useSortable({id:String(a.listingId)}),c={transform:t.CSS.Transform.toString(l),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:r,style:c,className:`${z.product} ${i?z.dragging:""}`,...s,...n,children:e})}const ii=d=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:n,other:r,title:l,subtitle:o,editable:i=!0,draggable:c=!1,withImage:b=!1,deletable:p=!0,addable:_=!0,itemsType:m,itemsOptions:g}=d,[u,S]=h.useState(null),[q,R]=h.useState({top:0,left:0}),[j,k]=h.useState(!1),A=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const v=()=>{S(null),k(!1)};return document.body.addEventListener("click",v),S(null),k(!1),()=>{S(null),k(!1),document.body.removeEventListener("click",v)}},[]),h.useEffect(()=>{if(u){const v=[...s].map(T=>T.listingId===u.listingId?u:T);n(v)}},[u]);const H=(v,T)=>{v.stopPropagation();const $=v.target.getBoundingClientRect(),G=100,P=window.innerHeight;let U=$.top+window.scrollY;U+G>P&&(U=P-G-20),k(!0),R({top:U-80,left:$.left-30}),S(T)};function N(v){if(b)return v?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${v}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const C=v=>{const{active:T,over:$}=v;if($&&T.id!==$.id){const G=s.findIndex(U=>String(U.listingId)===T.id),P=s.findIndex(U=>String(U.listingId)===$.id);if(G!==-1&&P!==-1){const U=[...s],[J]=U.splice(G,1);U.splice(P,0,J),n(U)}}},Q=(v,T)=>{const $=g.find(P=>v.listingId===P.id);if(!$)return null;const G=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[c&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),m==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:P=>{const U=[...s],J=g.find(M=>M.productData.name===P);if(!J)return;const nt={listingId:J.id,image:J.productData.images.length>0?J.productData.images[0].cfId:""},f=U.map(M=>M.listingId===v.listingId?nt:M);S(nt),n([...f])},value:$.productData.name,options:[...g.filter(P=>!s.find(U=>U.listingId===P.id)).map(P=>P.productData.name)],leftAddon:N(v.image||$.productData.images.length>0&&$.productData.images[0].cfId||"")},T),t.jsxRuntimeExports.jsxs("div",{className:z.buttons,children:[i&&t.jsxRuntimeExports.jsx("div",{className:z.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:P=>H(P,v)})}),p&&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(P=>P!==v))})})]})]});return c?t.jsxRuntimeExports.jsx(ni,{product:v,children:G},v.listingId):t.jsxRuntimeExports.jsx("div",{className:z.product,children:G},v.listingId)};return t.jsxRuntimeExports.jsxs("div",{className:z.productsBlock,children:[(l||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:z.top,children:[l&&t.jsxRuntimeExports.jsx("h3",{className:z.title,children:l}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:v=>e==null?void 0:e(v)})]}),j&&u&&t.jsxRuntimeExports.jsx(si,{activeItem:u,setActiveItem:S,setIsOpenModal:k,popupPosition:q,itemsOptions:g}),t.jsxRuntimeExports.jsxs("div",{className:z.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:o}),c?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:A,onDragEnd:C,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(v=>String(v.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((v,T)=>Q(v,T))})}):s.map((v,T)=>Q(v,T)),_&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:z.button,size:"s",onClick:()=>{const v=[...s];for(let T=0;T<g.length;T++)if(!s.find($=>$.listingId===g[T].id)){v.push({listingId:g[T].id,image:g[T].productData.images.length>0?g[T].productData.images[0].cfId:""});break}n(v)},disabled:s.length===g.length,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})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(mt,{items:r})]})},oi="_options_6cemk_1",ai="_price_6cemk_12",ri="_oldPrice_6cemk_19",ci="_newPrice_6cemk_27",li="_animate_6cemk_34",di="_appearAndBounce_6cemk_1",ui="_meta_6cemk_52",xi="_info_6cemk_58",mi="_infoRight_6cemk_66",pi="_buttons_6cemk_73",_i="_variants_6cemk_80",hi="_variant_6cemk_80",ji="_stock_6cemk_98",gi="_variantInfo_6cemk_105",fi="_quantity_6cemk_111",bi="_count_6cemk_118",vi="_focused_6cemk_135",Ei="_button_6cemk_73",Ri="_activeVariant_6cemk_161",yi="_chargeTypes_6cemk_165",Ii="_charge_6cemk_165",ki="_chargeActive_6cemk_190",Si="_title_6cemk_198",I={options:oi,price:ai,oldPrice:ri,newPrice:ci,animate:li,appearAndBounce:di,meta:ui,info:xi,infoRight:mi,buttons:pi,variants:_i,variant:hi,stock:ji,variantInfo:gi,quantity:fi,count:bi,focused:vi,button:Ei,activeVariant:Ri,chargeTypes:yi,charge:Ii,chargeActive:ki,title:Si},Ni="_wrapper_c1dht_1",$i="_label_c1dht_9",wi="_input_c1dht_18",Ci="_paddingless_c1dht_31",Bi="_content_c1dht_35",Ti="_contentBorder_c1dht_47",Pi="_borderless_c1dht_52",Mi="_rightIcon_c1dht_57",K={wrapper:Ni,label:$i,input:wi,paddingless:Ci,content:Bi,contentBorder:Ti,borderless:Pi,rightIcon:Mi},Et=d=>{const{onChange:a,style:e,label:s,value:n,type:r,min:l,max:o,placeholder:i,disabled:c=!1,required:b=!1,regex:p,paddingless:_=!1,borderless:m=!1,editable:g=!1,isSearch:u=!1,centered:S=!1}=d,{themeSettings:q}=t.useThemeSettingsStore(),{inputs:R}=q,[j,k]=h.useState(!1);function A(N){return Number(N)<0?String(l):N}function H(N){return!b||!p?!0:new RegExp(p).test(N)}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[s&&t.jsxRuntimeExports.jsx("label",{className:K.label,htmlFor:s,children:s}),t.jsxRuntimeExports.jsxs("div",{className:t.clx(K.content,{[K.contentBorder]:R.border.active}),style:{...e,background:R.field.active?R.field.color:"transparent",padding:u?`7px ${Number(R.general.size)+20}px 7px 11px`:"7px 11px"},children:[t.jsxRuntimeExports.jsx("input",{id:s,type:r||"text",onChange:N=>{if(r==="text")a(N.target.value);else{const C=A(N.target.value);a(C)}},value:n,autoComplete:"off",placeholder:i||"Type something...",className:t.clx(K.input,{[K.required]:j&&b&&!H(n),[K.paddingless]:_,[K.borderless]:m}),min:r==="number"?l:void 0,max:r==="number"?o:void 0,disabled:c,onFocus:()=>k(!0),style:{textAlign:S?"center":"left"}}),u&&t.jsxRuntimeExports.jsx("div",{className:K.rightIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"MagnifyingGlass",fill:"var(--icon-secondary)",width:R.general.size,height:R.general.size})}),g&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",width:20,height:20,hoverable:!0})})]})]})},Ai="_button_85085_1",Oi="_primary_85085_20",qi="_primaryHovered_85085_30",Li="_secondary_85085_34",Ui="_secondaryHovered_85085_44",Di="_tertiary_85085_48",Hi="_tertiaryHovered_85085_58",zi="_content_85085_62",tt={button:Ai,primary:Oi,primaryHovered:qi,secondary:Li,secondaryHovered:Ui,tertiary:Di,tertiaryHovered:Hi,content:zi},Y=d=>{const{children:a,onClick:e,style:s,className:n,disabled:r=!1,type:l="Primary"}=d,{themeSettings:o}=t.useThemeSettingsStore();return t.jsxRuntimeExports.jsx("button",{className:t.clx(tt.button,n,{[tt.primary]:l==="Primary",[tt.secondary]:l==="Secondary",[tt.tertiary]:l==="Tertiary",[tt.primaryHovered]:l==="Primary"&&!r&&o.buttons.primary.hover,[tt.secondaryHovered]:l==="Secondary"&&!r&&o.buttons.secondary.hover,[tt.tertiaryHovered]:l==="Tertiary"&&!r&&o.buttons.tertiary.hover}),onClick:e,style:{...s},disabled:r,children:l==="Tertiary"?t.jsxRuntimeExports.jsxs("div",{className:tt.content,children:[a,t.jsxRuntimeExports.jsx(t.Icon,{name:"ArrowRight",fill:"var(--icon-tertiary)",width:20,height:20})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a})})};var Rt=(d=>(d.ONE_TIME="One-Time",d.RECURRING="Subscribe & Save",d))(Rt||{});const Fi=d=>{var q,R;const{variants:a}=d,[e,s]=h.useState(a[0]),[n,r]=h.useState(e.chargeTypes[0]),l=t.useNavigate(),[o,i]=h.useState(1),{reset:c,addProductToCart:b,getProducts:p}=t.useCart(),[_,m]=h.useState(!1);h.useEffect(()=>{m(!0);const j=setTimeout(()=>m(!1),600);return()=>clearTimeout(j)},[o]);async function g(){await p(),await b({productId:d.id,productVariantId:e.id,quantity:o})}function u(){c(),g(),l("/checkout")}function S(j){if(j>=864e5){const C=Math.floor(j/864e5);return`${C} ${C===1?"day":"days"}`}else if(j>=36e5){const C=Math.floor(j/36e5);return`${C} ${C===1?"hour":"hours"}`}else if(j>=6e4){const C=Math.floor(j/6e4);return`${C} ${C===1?"minute":"minutes"}`}else{const C=Math.floor(j/1e3);return`${C} ${C===1?"second":"seconds"}`}}return h.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&i(0)},[e.quantity.available]),console.log(e.quantity),t.jsxRuntimeExports.jsxs("div",{className:I.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:I.chargeTypes,children:e.chargeTypes.map(j=>t.jsxRuntimeExports.jsx("div",{className:t.clx(I.charge,{[I.chargeActive]:n===j}),onClick:()=>r(j),children:Rt[j]},j))}),t.jsxRuntimeExports.jsx("div",{className:I.variants,children:a.map(j=>{var k;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(I.variant,{[I.activeVariant]:e.id===j.id}),onClick:()=>s(j),children:[t.jsxRuntimeExports.jsxs("div",{className:I.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:I.title,children:j.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",n==="ONE_TIME"?j.price.amount:j.subscriptionSettings?j.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:I.stock,children:[((k=j.quantity.restrictions)==null?void 0:k.max)||j.quantity.available||0," in stock"]})})]},j.id)})}),n==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:I.quantity,children:[t.jsxRuntimeExports.jsx(Y,{type:"Secondary",onClick:()=>{o>1?i(j=>j-1):i(1)},className:I.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(Et,{type:"number",value:String(o),onChange:j=>i(Number(j)),max:((q=e.quantity.restrictions)==null?void 0:q.max)||e.quantity.available||1/0,min:((R=e.quantity.restrictions)==null?void 0:R.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(Y,{type:"Secondary",onClick:()=>{i(j=>j+1)},className:I.button,disabled:!!(e.quantity.restrictions&&o>=e.quantity.restrictions.max||e.quantity.available!==void 0&&o>=e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className: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":S(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]:_}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:I.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:_}),children:["$ ",(e.price.amount||0)*o]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:I.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(I.newPrice,{[I.animate]:_}),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]:_}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:I.buttons,children:[t.jsxRuntimeExports.jsx(Y,{type:"Primary",onClick:()=>u(),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(Y,{type:"Secondary",onClick:()=>g(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},Vi="_button_1tdo3_1",Yi="_login_1tdo3_14",Gi="_signUp_1tdo3_18",Xi="_buttons_1tdo3_23",Wi="_modal_1tdo3_32",Ji="_closing_1tdo3_64",Qi="_info_1tdo3_113",Ki="_top_1tdo3_120",Zi="_title_1tdo3_131",to="_clear_1tdo3_138",eo="_activeClear_1tdo3_145",so="_count_1tdo3_149",no="_cart_1tdo3_164",io="_empty_1tdo3_172",oo="_product_1tdo3_198",ao="_products_1tdo3_207",ro="_image_1tdo3_215",co="_productInfo_1tdo3_221",lo="_content_1tdo3_228",uo="_name_1tdo3_234",xo="_price_1tdo3_240",mo="_productButtons_1tdo3_246",po="_productButton_1tdo3_246",_o="_productCount_1tdo3_266",ho="_bottom_1tdo3_282",jo="_subtotal_1tdo3_290",go="_block_1tdo3_298",fo="_shoppingCount_1tdo3_305",bo="_total_1tdo3_325",vo="_link_1tdo3_331",Eo="_userInfo_1tdo3_338",Ro="_pagesMobileModal_1tdo3_349",yo="_pagesMobileModalContent_1tdo3_363",Io="_pagesMobileModalHeader_1tdo3_369",ko="_pagesMobileModalFooter_1tdo3_379",y={button:Vi,login:Yi,signUp:Gi,buttons:Xi,modal:Wi,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:Ji,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:Qi,top:Ki,title:Zi,clear:to,activeClear:eo,count:so,cart:no,empty:io,product:oo,products:ao,image:ro,productInfo:co,content:lo,name:uo,price:xo,productButtons:mo,productButton:po,productCount:_o,bottom:ho,subtotal:jo,block:go,shoppingCount:fo,total:bo,link:vo,userInfo:Eo,pagesMobileModal:Ro,pagesMobileModalContent:yo,pagesMobileModalHeader:Io,pagesMobileModalFooter:ko};class dt extends Error{}dt.prototype.name="InvalidTokenError";function So(d){return decodeURIComponent(atob(d).replace(/(.)/g,(a,e)=>{let s=e.charCodeAt(0).toString(16).toUpperCase();return s.length<2&&(s="0"+s),"%"+s}))}function No(d){let a=d.replace(/-/g,"+").replace(/_/g,"/");switch(a.length%4){case 0:break;case 2:a+="==";break;case 3:a+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return So(a)}catch{return atob(a)}}function $o(d,a){if(typeof d!="string")throw new dt("Invalid token specified: must be a string");a||(a={});const e=a.header===!0?0:1,s=d.split(".")[e];if(typeof s!="string")throw new dt(`Invalid token specified: missing part #${e+1}`);let n;try{n=No(s)}catch(r){throw new dt(`Invalid token specified: invalid base64 for part #${e+1} (${r.message})`)}try{return JSON.parse(n)}catch(r){throw new dt(`Invalid token specified: invalid json for part #${e+1} (${r.message})`)}}const wo=d=>{const{shopping:a,signUp:e,isShowUserInfo:s=!0}=d;return t.jsxRuntimeExports.jsxs("div",{className:y.buttons,children:[a&&t.jsxRuntimeExports.jsx(yt,{}),s&&t.jsxRuntimeExports.jsx(ft,{signUp:e})]})},yt=()=>{const[d,a]=h.useState(!1),[e,s]=h.useState([]),{cart:n,getProducts:r}=t.useCart();function l(_){for(let m=0;m<n.parts.length;m++)for(let g=0;g<_.variants.length;g++)if(n.parts[m].productVariantId===_.variants[m].id)return n.parts[m].productVariantId}function o(_){for(let m=0;m<n.parts.length;m++)for(let g=0;g<_.variants.length;g++)if(n.parts[m].productVariantId===_.variants[m].id)return n.parts[m].quantity}h.useEffect(()=>{(async()=>{const m=n.parts.map(S=>String(S.productId)),u=(await r([...m])).map(S=>({...S,activeVariantId:l(S),quantity:o(S)}));s(u)})()},[n.parts.length]);function i(_){var m;return!_||!(_!=null&&_.variants)?!1:(m=_.variants.find(g=>g.id===_.activeVariantId))==null?void 0:m.subscriptionSettings}const c=n.parts.length>0&&e.length>0&&!i(e[0]),[b,p]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(Y,{type:"Secondary",style:{padding:10},onClick:_=>{_.stopPropagation(),window.location.pathname!=="/admin/builder"&&(a(!0),p(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),c&&t.jsxRuntimeExports.jsx("div",{className:y.shoppingCount,children:n.parts.length})]}),d&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{p(!1),setTimeout(()=>{a(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(It,{activeProducts:e,isCartNotEmpty:c,isOpen:b})})]})},It=d=>{const{activeProducts:a,isCartNotEmpty:e,isOpen:s}=d,{cart:n,reset:r,getTotalAndDiscount:l,updateQuantityOfProduct:o}=t.useCart(),i=t.useNavigate();function c(_){i(_)}function b(_){o({productId:_.id,productVariantId:_.activeVariantId,quantity:_.quantity+1})}function p(_){o({productId:_.id,productVariantId:_.activeVariantId,quantity:_.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(y.modal,{[y.closing]:!s}),onClick:_=>_.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:y.top,children:[t.jsxRuntimeExports.jsxs("div",{className:y.info,children:[t.jsxRuntimeExports.jsx("span",{className:y.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:y.count,children:n.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(y.clear,{[y.activeClear]:e}),disabled:!e,onClick:r,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:y.cart,children:[t.jsxRuntimeExports.jsx("div",{className:y.products,children:a.map(_=>t.jsxRuntimeExports.jsxs("div",{className:y.product,children:[t.jsxRuntimeExports.jsxs("div",{className:y.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${_.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:y.image}),t.jsxRuntimeExports.jsxs("div",{className:y.content,children:[t.jsxRuntimeExports.jsx("div",{className:y.name,children:_.name}),t.jsxRuntimeExports.jsxs("div",{className:y.price,children:["$",_.variants.find(m=>m.id===_.activeVariantId).price.amount*((_==null?void 0:_.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:y.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{_.quantity!==1&&p(_)},className:y.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:y.productCount,children:_.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>b(_),className:y.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},_.id))}),t.jsxRuntimeExports.jsxs("div",{className:y.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:y.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:y.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:y.total,children:["$",l().total]})]}),t.jsxRuntimeExports.jsx(Y,{onClick:()=>c("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(kt,{})]})},kt=()=>t.jsxRuntimeExports.jsxs("div",{className:y.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:y.link,children:"view products"})]})]}),ft=({signUp:d})=>{const a=JSON.parse(localStorage.getItem("token")||"{}"),{data:e}=a,s=t.useNavigate();function n(o){s(o)}if(!e)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Y,{onClick:()=>n("/customer-dash"),type:"Secondary",style:{padding:10},children:"Login"}),d&&t.jsxRuntimeExports.jsx(Y,{onClick:()=>n("/customer-dash"),type:"Primary",style:{padding:10},children:"Sign Up"})]});const[r,l]=h.useState("test-email@gmail.com");return h.useEffect(()=>{(async()=>{const i=$o(e);l(i.email)})()},[e]),t.jsxRuntimeExports.jsx("div",{className:y.userInfo,onClick:()=>n("/customer-dash"),children:t.jsxRuntimeExports.jsx("div",{children:r||"test-email@gmail.com"})})},St=({children:d,logo:a,setIsOpen:e,signUp:s})=>{const{setIsOpen:n}=t.useModalStore(),r=()=>{n(!1),setTimeout(()=>{e(!1),n(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:y.pagesMobileModal,onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:y.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:a}),t.jsxRuntimeExports.jsx(Y,{type:"Secondary",onClick:r,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:y.pagesMobileModalContent,children:d}),t.jsxRuntimeExports.jsx("div",{className:y.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(ft,{signUp:s})})]})},Co=({children:d,logo:a,signUp:e})=>{const[s,n]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Nt,{setIsOpenModal:n}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>n(!1),children:t.jsxRuntimeExports.jsx(St,{logo:a,setIsOpen:n,signUp:e,children:d})})]})},Nt=d=>{const{setIsOpenModal:a}=d;return t.jsxRuntimeExports.jsx(Y,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),a(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},Bo="_share_xddz7_1",To="_modal_xddz7_8",Po="_header_xddz7_20",Mo="_socials_xddz7_30",Ao="_social_xddz7_30",Oo="_copy_xddz7_40",qo="_title_xddz7_47",Lo="_copyWrapper_xddz7_53",Uo="_copyText_xddz7_62",Do="_copyTextMobile_xddz7_75",Ho="_copyTextMiniMobile_xddz7_94",et={share:Bo,modal:To,header:Po,socials:Mo,social:Ao,copy:Oo,title:qo,copyWrapper:Lo,copyText:Uo,copyTextMobile:Do,copyTextMiniMobile:Ho},zo=()=>{const{isOpenModal:d,setIsOpenModal:a}=t.useShareLinkStore();function e(){a(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button,{className:et.share,onClick:s=>{s.stopPropagation(),e()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),d&&t.jsxRuntimeExports.jsx(t.Modal,{close:a,children:t.jsxRuntimeExports.jsx(Fo,{})})]})},Fo=()=>{const{setIsOpenModal:d}=t.useShareLinkStore(),{notification:a,setNotification:e}=t.useNotificationStore(),{setIsOpen:s}=t.useModalStore(),n=window.location.href;function r(){navigator.clipboard.writeText(n),e({message:"Link copied to clipboard",status:"success"})}function l(){s(!1),setTimeout(()=>{d(!1),s(!0)},300)}function o(i,c){return i.length>c?i.slice(0,c)+"...":i}return t.jsxRuntimeExports.jsxs("div",{className:et.modal,onClick:i=>i.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:et.header,children:[t.jsxRuntimeExports.jsx("div",{className:et.title,children:"Copy Product Link"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:l,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:et.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button,{type:"Secondary",onClick:r,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:et.copyText,children:o(n,100)}),t.jsxRuntimeExports.jsx("div",{className:et.copyTextMobile,children:o(n,40)}),t.jsxRuntimeExports.jsx("div",{className:et.copyTextMiniMobile,children:o(n,20)})]}),t.jsxRuntimeExports.jsx(t.Button,{type:"Secondary",onClick:r,children:a?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},Vo="_accordion_1s1lq_1",Yo="_header_1s1lq_9",Go="_icon_1s1lq_18",Xo="_open_1s1lq_21",Wo="_content_1s1lq_25",lt={accordion:Vo,header:Yo,icon:Go,open:Xo,content:Wo},Jo=({title:d,content:a,defaultOpen:e=!1})=>{const[s,n]=h.useState(e),[r,l]=h.useState(0),o=h.useRef(null),i=()=>{n(!s)};return h.useEffect(()=>{o.current&&l(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:lt.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:lt.header,onClick:i,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:d}),t.jsxRuntimeExports.jsx("div",{className:t.clx(lt.icon,{[lt.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:lt.content,style:{height:`${r}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:a})})]})},Qo=({children:d,path:a,className:e,target:s="_self",id:n})=>{const r=t.useNavigate(),l=/^https?:\/\//.test(a),o=i=>{l||s==="_blank"?s==="_blank"?window.open(a,"_blank"):window.location.href=a:(i.preventDefault(),r(a,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:n,children:d})},Ko="_buttonsBlock_1b2rb_1",Zo="_slideUp_1b2rb_1",ta={buttonsBlock:Ko,slideUp:Zo},ea=()=>t.jsxRuntimeExports.jsxs("div",{className:ta.buttonsBlock,children:[t.jsxRuntimeExports.jsx(Y,{type:"Primary",style:{width:"100%"},onClick:()=>{console.log("add to cart")},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(Y,{type:"Secondary",children:"Buy"})]}),sa="_wrapper_st58d_1",na="_label_st58d_10",ia="_textarea_st58d_18",oa="_length_st58d_33",xt={wrapper:sa,label:na,textarea:ia,length:oa},aa=d=>{const{onChange:a,label:e,value:s,maxLength:n,placeholder:r="Type something..."}=d,[l,o]=h.useState(s.length);return t.jsxRuntimeExports.jsxs("div",{className:xt.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:xt.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,defaultValue:s,onChange:i=>{o(i.target.value.length),a(i.target.value)},placeholder:r,className:xt.textarea,maxLength:n}),n&&t.jsxRuntimeExports.jsxs("div",{className:xt.length,children:[l,"/",n]})]})};exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextareaSettings=t.Textarea;exports.Accordion=Jo;exports.BurgerMenuButton=Nt;exports.Button=Y;exports.ButtonTypeSettings=vt;exports.ButtonsSettings=gn;exports.CategorySettings=Ke;exports.EmptyCart=kt;exports.FormSettings=Is;exports.HeaderButtons=wo;exports.InputUI=Et;exports.ItemsSettings=bt;exports.LayoutSettings=zt;exports.Link=Qo;exports.ListingSelector=ii;exports.PagesMobileMenu=Co;exports.PagesMobileModal=St;exports.ProductCardButtons=ea;exports.ProductOptions=Fi;exports.RangeSelector=pt;exports.ShareLink=zo;exports.ShoppingButton=yt;exports.ShoppingModalCart=It;exports.TextSettings=gt;exports.TextareaUI=aa;exports.TypesText=jt;exports.UserInfo=ft;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DFHUslAr.cjs"),h=require("react");require("@phosphor-icons/react");const wt="_wrapper_1ibay_2",Ct="_alignmentBlock_1ibay_8",Bt="_title_1ibay_15",Tt="_subtitle_1ibay_22",Pt="_alignmentContent_1ibay_29",At="_alignments_1ibay_37",Mt="_alignment_1ibay_8",Ot="_circle_1ibay_60",qt="_paddings_1ibay_67",Dt="_padding_1ibay_67",Ut="_active_1ibay_91",Lt="_input_1ibay_98",J={wrapper:wt,alignmentBlock:Ct,title:Bt,subtitle:Tt,alignmentContent:Pt,alignments:At,alignment:Mt,circle:Ot,paddings:qt,padding:Dt,active:Ut,input:Lt},Ht=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],zt=["left","top","right","bottom"],Ft=u=>{const{alignment:a,padding:e,setPadding:s,setAlignment:i}=u;function r(_){switch(_){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 c(_){switch(_){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,n]=h.useState(null),[d,b]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:J.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:J.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:J.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:J.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:J.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:J.alignments,children:Ht.map(_=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{i(_)},className:J.alignment,onMouseEnter:()=>{n(_)},onMouseLeave:()=>{n(null)},children:[_!==a&&o!==_&&t.jsxRuntimeExports.jsx("div",{className:J.circle}),_!==a&&o===_&&t.jsxRuntimeExports.jsx(t.Icon,{name:r(o),fill:"#c2c2c2",width:22,height:22}),_===a&&t.jsxRuntimeExports.jsx(t.Icon,{name:r(a),fill:"#FF3F19",width:22,height:22})]},_))}),t.jsxRuntimeExports.jsx("div",{className:J.paddings,children:zt.map(_=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(J.padding,{[J.active]:d===_}),onFocus:()=>{b(_)},onBlur:()=>{b(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:c(_),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[_]),onChange:l=>s({...e,[_]:Number(l)}),paddingless:!0,borderless:!0})]},_))})]})]})]})},Vt="_title_1jkiw_1",Yt="_subtitle_1jkiw_5",Gt="_header_1jkiw_12",Xt="_text_1jkiw_13",Wt="_top_1jkiw_20",Jt="_itemsBlock_1jkiw_29",ct={title:Vt,subtitle:Yt,header:Gt,text:Xt,top:Wt,itemsBlock:Jt},Qt="_typeTexts_167ez_1",Kt="_block_167ez_8",Zt="_active_167ez_25",ht={typeTexts:Qt,block:Kt,active:Zt},te=["bold","italic","underline","strike-through","code"],gt=u=>{const{typesText:a,setTypesText:e}=u;function s(i){switch(i){case"bold":return"TextB";case"italic":return"TextItalic";case"code":return"CodeSimple";case"strike-through":return"TextStrikethrough";case"underline":return"TextUnderline"}}return t.jsxRuntimeExports.jsx("div",{className:ht.typeTexts,children:te.map(i=>t.jsxRuntimeExports.jsx("div",{className:t.clx(ht.block,{[ht.active]:a.includes(i)}),onClick:()=>{const r=[...a];if(r.includes(i)){const c=r.filter(o=>o!==i);e(c)}else r.push(i),e(r)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:s(i),fill:a.includes(i)?"#252525":"#757575",width:20,height:20})},String(i)))})},lt={h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",h4:"Heading 4",h5:"Heading 5",h6:"Heading 6",p:"Paragraph"},ft=u=>{const{typesText:a,isActiveText:e,setIsActiveText:s,text:i,setText:r,setTypesText:c,title:o,subtitle:n="Items",typeFont:d,setTypeFont:b}=u;return t.jsxRuntimeExports.jsxs("div",{className:ct.text,children:[(o||e!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:ct.top,children:[o&&t.jsxRuntimeExports.jsx("h3",{className:ct.title,children:o}),e!==void 0&&s&&t.jsxRuntimeExports.jsx(t.Switch,{current:e,onChange:_=>s(_)})]}),t.jsxRuntimeExports.jsxs("div",{className:ct.itemsBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:ct.subtitle,children:n}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:_=>r(_),value:i,maxLength:150}),t.jsxRuntimeExports.jsx(gt,{typesText:a,setTypesText:c}),t.jsxRuntimeExports.jsx(t.Select,{label:"Type Text",options:Object.values(lt).filter(_=>_!==lt[d]),onChange:_=>b(Object.keys(lt).find(l=>lt[l]===_)),value:lt[d]})]})]})},ee="_title_pef24_1",se="_subtitle_pef24_5",ne="_header_pef24_12",ie="_text_pef24_13",oe="_productsBlock_pef24_14",ae="_top_pef24_26",re="_itemsBlock_pef24_35",ce="_typeTexts_pef24_41",le="_block_pef24_48",de="_active_pef24_61",ue="_products_pef24_14",xe="_product_pef24_14",me="_button_pef24_80",pe="_disabled_pef24_91",_e="_image_pef24_95",he="_info_pef24_102",je="_name_pef24_114",ge="_buttons_pef24_118",fe="_modal_pef24_125",be="_link_pef24_145",ve="_modalOptions_pef24_151",Ee="_addButton_pef24_164",Re="_deleteButton_pef24_179",ye="_closeIcon_pef24_191",H={title:ee,subtitle:se,header:ne,text:ie,productsBlock:oe,top:ae,itemsBlock:re,typeTexts:ce,block:le,active:de,products:ue,product:xe,button:me,disabled:pe,image:_e,info:he,name:je,buttons:ge,modal:fe,link:be,modalOptions:ve,addButton:Ee,deleteButton:Re,closeIcon:ye},Ie=h.forwardRef((u,a)=>{const{activeItem:e,setActiveItem:s,popupPosition:i,modalOptions:r,setIsOpenModal:c}=u;function o(n,d){return n.length>d?`${n.slice(0,d)}...`:n}return t.jsxRuntimeExports.jsxs("div",{ref:a,className:H.modal,onClick:n=>{n.stopPropagation()},style:{top:`${i.top}px`,left:`${i.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[t.jsxRuntimeExports.jsx("h3",{className:H.title,children:o(e.name["en-US"],20)}),t.jsxRuntimeExports.jsx("div",{className:H.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{s(null),c(!1)}})})]}),t.jsxRuntimeExports.jsx("div",{className:H.modalOptions,children:r.map(n=>{if(n.type==="image")return t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:e[n.field],onChange:d=>{const b={...e,[n.field]:d};s(b)}},String(n.field));if(n.type==="text")return t.jsxRuntimeExports.jsx(ft,{typesText:e[n.field.type],setTypesText:d=>{const b={...e,[n.field.type]:d};s(b)},text:e[n.field.text]["en-US"]||"",setText:d=>{const b={...e,[n.field.text]:{"en-US":d}};s(b)},typeFont:e[n.field.typeFont],setTypeFont:d=>{const b={...e,[n.field.typeFont]:d};s(b)},subtitle:n.label});if(n.type==="input")return t.jsxRuntimeExports.jsx(t.Input,{onChange:d=>{const b={...e,[n.field]:d};s(b)},value:e[n.field]||"",label:n.label,placeholder:n.placeholder});if(n.type==="inputSwitch")return t.jsxRuntimeExports.jsxs("div",{className:H.link,children:[t.jsxRuntimeExports.jsx(t.Input,{onChange:d=>{const b={...e,[n.field.text]:d};s(b)},value:e[n.field.text]||"",label:n.inputLabel,placeholder:n.placeholder}),t.jsxRuntimeExports.jsx(t.Switch,{current:!!e[n.field.switch]||!1,label:n.switchLabel,onChange:d=>{const b={...e,[n.field.switch]:d};s(b)}})]});if(n.type==="list")return t.jsxRuntimeExports.jsx(vt,{items:e[n.field]||[],setItems:d=>{const b={...e,[n.field]:d};s(b)},itemsType:"select",draggable:n.draggable||!1,itemsOptions:n.itemsOptions,deletable:n.deletable||!1,editable:n.editable||!1,subtitle:n.label,addableOptions:n.addableOptions,modalOptions:n.modalOptions});if(n.type==="select")return t.jsxRuntimeExports.jsx(t.Select,{options:n.itemsOptions,onChange:d=>{const b={...e,[n.field]:d};s(b)},label:n.label,value:e[n.field]||"String",leftAddon:n.leftAddon&&n.leftAddon==="icon"&&t.jsxRuntimeExports.jsx(t.Icon,{name:e[n.field]}),switcher:n.switcher?{value:!!e[n.switcher],onChange:d=>{if(n.switcher==="isActive"){const b={...e,[n.switcher]:d};s(b)}}}:void 0})})})]})}),ke="_other_g74jx_1",Se="_subtitle_g74jx_7",$e="_items_g74jx_14",jt={other:ke,subtitle:Se,items:$e},pt=u=>{const{items:a,title:e="Other"}=u;return t.jsxRuntimeExports.jsxs("div",{className:jt.other,children:[t.jsxRuntimeExports.jsx("h5",{className:jt.subtitle,children:e}),t.jsxRuntimeExports.jsx("div",{className:jt.items,children:a.map((s,i)=>t.jsxRuntimeExports.jsx(t.Switch,{current:s.isItem,onChange:r=>s.setIsItem(r),label:s.label,hasBackground:!0,paddingless:!1},i))})]})};function Ne({product:u,children:a}){const{attributes:e,listeners:s,setNodeRef:i,transform:r,transition:c,isDragging:o}=t.useSortable({id:u.id}),n={transform:t.CSS.Transform.toString(r),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:i,style:n,className:`${H.product} ${o?H.dragging:""}`,...e,...s,children:a})}const vt=u=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:i,other:r,title:c,subtitle:o,editable:n=!0,draggable:d=!1,withImage:b=!1,deletable:_=!0,addable:l=!0,itemsType:v,itemsPlaceholder:p="",itemsOptions:x,hasRangeSelector:k=!1,rangeSelectorOptions:D,modalOptions:R,addableOptions:j={},limit:N,autoInterval:M}=u,[z,w]=h.useState(null),[f,B]=h.useState({top:0,left:0}),[g,y]=h.useState(null),S=h.useRef(null),[U,T]=h.useState(!1),q=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const m=()=>{w(null),T(!1)};return document.body.addEventListener("click",m),w(null),T(!1),()=>{w(null),T(!1),document.body.removeEventListener("click",m)}},[]),h.useEffect(()=>{if(z){const m=[...s].map(I=>I.id===z.id?z:I);i(m)}},[z]),h.useEffect(()=>{if(S.current&&g){const m=S.current.getBoundingClientRect().height,I=window.innerHeight;let P=g.top;P+m>I+window.scrollY-200&&(P=I+window.scrollY-m-200),P<0&&(P=10),B({top:P,left:g.left})}},[S.current,g]);const K=(m,I)=>{m.stopPropagation();const P=m.target.getBoundingClientRect();y({top:P.top+window.scrollY-70,left:P.left-(l?30:65)}),w(I),T(!0)};function it(m){if(b)return m?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${m[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const E=m=>{const{active:I,over:P}=m;if(P&&I.id!==P.id){const L=s.findIndex(A=>A.id===I.id),Y=s.findIndex(A=>A.id===P.id);if(L!==-1&&Y!==-1){const A=[...s],[ot]=A.splice(L,1);A.splice(Y,0,ot),i(A)}}},O=(m,I)=>{var L,Y;const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[d&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),v==="select"&&x&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const ot=[...s],rt=x.find(xt=>xt.name["en-US"]===A);if(!rt)return;const at=ot.map(xt=>xt.id===m.id?{...rt,name:{"en-US":A}}:xt);w({...m,name:{"en-US":A}}),i([...at])},value:m.name["en-US"],options:x.filter(A=>!s.find(ot=>ot.name["en-US"]===A.name["en-US"])).map(A=>A.name["en-US"]),leftAddon:it(m.images)}),v==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const rt=[...s].map(at=>at.id===m.id?{...m,name:{"en-US":A}}:at);i([...rt])},value:m.name["en-US"],placeholder:p}),v==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const rt=[...s].map(at=>at.id===m.id?{...m,images:A}:at);i([...rt])},activeImage:(L=s.find(A=>A.id===m.id))!=null&&L.images?(Y=s.find(A=>A.id===m.id))==null?void 0:Y.images[0]:void 0}),t.jsxRuntimeExports.jsxs("div",{className:H.buttons,children:[n&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>{console.log(A,m),K(A,m)}})}),_&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(A=>A.id!==m.id))})})]})]});return d?t.jsxRuntimeExports.jsx(Ne,{product:m,index:I,children:P},m.id):t.jsxRuntimeExports.jsx("div",{className:H.product,children:P},m.id)};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(c||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:c}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:m=>e==null?void 0:e(m)})]}),z&&n&&R&&U&&t.jsxRuntimeExports.jsx(Ie,{ref:S,activeItem:z,setActiveItem:w,popupPosition:f,modalOptions:R,setIsOpenModal:T}),k&&D&&t.jsxRuntimeExports.jsx(_t,{...D}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:o}),d?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:q,onDragEnd:E,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(m=>m.id),strategy:t.verticalListSortingStrategy,children:s.map((m,I)=>O(m,I))})}):s.map((m,I)=>O(m,I)),l&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(N&&N<=s.length||s.length===(x==null?void 0:x.length))}),size:"s",disabled:!!(N&&N<=s.length||s.length===(x==null?void 0:x.length)),onClick:()=>{const m=[...s];let I=null;if(x){for(let P=0;P<x.length;P++)if(!s.find(L=>L.id===x[P].id)){I=x[P];break}}v==="select"&&x?m.push({name:I?I.name:x[0].name,id:(I==null?void 0:I.id)||x[0].id,...j}):v==="input"?m.push({name:{"en-US":""},id:t.v4(),...j}):m.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...j}),i(m)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:H.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(pt,{items:r}),M!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:M.title||"Auto scroll interval",type:"number",value:String(M.autoInterval),onChange:m=>M.setAutoInterval(Number(m)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},we="_title_82zux_1",Ce="_subtitle_82zux_5",Be="_header_82zux_12",Te="_text_82zux_13",Pe="_productsBlock_82zux_14",Ae="_top_82zux_26",Me="_itemsBlock_82zux_35",Oe="_typeTexts_82zux_41",qe="_block_82zux_48",De="_active_82zux_61",Ue="_products_82zux_14",Le="_product_82zux_14",He="_button_82zux_80",ze="_disabled_82zux_91",Fe="_image_82zux_95",Ve="_info_82zux_102",Ye="_name_82zux_114",Ge="_buttons_82zux_118",Xe="_modal_82zux_125",We="_link_82zux_145",Je="_modalOptions_82zux_151",Qe="_addButton_82zux_157",Ke="_deleteButton_82zux_179",Q={title:we,subtitle:Ce,header:Be,text:Te,productsBlock:Pe,top:Ae,itemsBlock:Me,typeTexts:Oe,block:qe,active:De,products:Ue,product:Le,button:He,disabled:ze,image:Fe,info:Ve,name:Ye,buttons:Ge,modal:Xe,link:We,modalOptions:Je,addButton:Qe,deleteButton:Ke},Ze=u=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:i,other:r,title:c,subtitle:o,draggable:n=!1,withImage:d=!1,addable:b=!0,itemsOptions:_,hasRangeSelector:l=!1,rangeSelectorOptions:v,limit:p,autoScrollInterval:x,deletable:k}=u;function D(j){if(d)return j?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${j[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const R=(j,N=!1)=>{const M=_.find(w=>w.id===j);if(!M)return;const z=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:w=>{const f=[...s],B=_.find(S=>S.name===w);if(!B)return;const g=B.id,y=f.map(S=>S===j?g:S);i([...y])},value:M.name,options:_.filter(w=>!s.find(f=>f===w.id)).map(w=>w.name),leftAddon:D(M.images)}),N&&t.jsxRuntimeExports.jsx("div",{className:Q.buttons,children:t.jsxRuntimeExports.jsx("div",{className:Q.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(w=>w!==j))})})})]});return t.jsxRuntimeExports.jsx("div",{className:Q.product,children:z},j)};return t.jsxRuntimeExports.jsxs("div",{className:Q.productsBlock,children:[(c||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:Q.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:Q.title,children:c}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:j=>e==null?void 0:e(j)})]}),l&&v&&t.jsxRuntimeExports.jsx(_t,{...v}),t.jsxRuntimeExports.jsxs("div",{className:Q.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:Q.subtitle,children:o}),s.map(j=>R(j,k)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(Q.button,{[Q.disabled]:!!(p&&p<=s.length||s.length===_.length)}),size:"s",disabled:!!(p&&p<=s.length||s.length===_.length),onClick:()=>{const j=[...s];let N=null;if(_){for(let M=0;M<_.length;M++)if(!s.find(z=>z===_[M].id)){N=_[M];break}}j.push((N==null?void 0:N.id)||_[0].id),i(j)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:Q.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(pt,{items:r}),x!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(x.scrollInterval),onChange:j=>x.setScrollInterval(Number(j)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},ts="_title_roi3a_1",es="_subtitle_roi3a_5",ss="_header_roi3a_12",ns="_text_roi3a_13",is="_productsBlock_roi3a_14",os="_top_roi3a_26",as="_itemsBlock_roi3a_35",rs="_typeTexts_roi3a_41",cs="_block_roi3a_48",ls="_active_roi3a_61",ds="_products_roi3a_14",us="_product_roi3a_14",xs="_button_roi3a_80",ms="_disabled_roi3a_91",ps="_image_roi3a_95",_s="_info_roi3a_102",hs="_name_roi3a_114",js="_buttons_roi3a_118",gs="_modal_roi3a_125",fs="_link_roi3a_145",bs="_modalOptions_roi3a_151",vs="_addButton_roi3a_164",Es="_deleteButton_roi3a_179",Rs="_closeIcon_roi3a_191",X={title:ts,subtitle:es,header:ss,text:ns,productsBlock:is,top:os,itemsBlock:as,typeTexts:rs,block:cs,active:ls,products:ds,product:us,button:xs,disabled:ms,image:ps,info:_s,name:hs,buttons:js,modal:gs,link:fs,modalOptions:bs,addButton:vs,deleteButton:Es,closeIcon:Rs};function ys({product:u,children:a}){const{attributes:e,listeners:s,setNodeRef:i,transform:r,transition:c,isDragging:o}=t.useSortable({id:u.id}),n={transform:t.CSS.Transform.toString(r),transition:c};return t.jsxRuntimeExports.jsx("div",{ref:i,style:n,className:`${X.product} ${o?X.dragging:""}`,...e,...s,children:a})}const Is=u=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:i,title:r,subtitle:c,editable:o=!0,draggable:n=!1,deletable:d=!0,addable:b=!0,itemsType:_,itemsOptions:l,addableOptions:v={},limit:p}=u,[x,k]=h.useState(null),[D,R]=h.useState(null),j=h.useRef(null),N=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(x){const f=[...s].map(B=>B.id===x.id?x:B);i(f)}},[x]),h.useEffect(()=>{j.current&&D&&(j.current.getBoundingClientRect().height,D.top)},[j.current,D]);const M=(f,B)=>{f.stopPropagation();const g=f.target.getBoundingClientRect();R({top:g.top+window.scrollY,left:g.left-30}),k(B)},z=f=>{const{active:B,over:g}=f;if(g&&B.id!==g.id){const y=s.findIndex(U=>U.id===B.id),S=s.findIndex(U=>U.id===g.id);if(y!==-1&&S!==-1){const U=[...s],[T]=U.splice(y,1);U.splice(S,0,T),i(U)}}},w=(f,B)=>{const g=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),_==="select"&&l&&t.jsxRuntimeExports.jsx(t.Select,{onChange:y=>{const S=[...s],U=l.find(q=>q.name===y);if(!U)return;const T=S.map(q=>q.id===f.id?{...U,name:{"en-US":y}}:q);k({...f,name:{"en-US":y}}),i([...T])},value:f.name,options:l.filter(y=>!s.find(S=>S.name===y.name)).map(y=>y.name)}),t.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[o&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:y=>M(y,f)})}),d&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(y=>y.id!==f.id))})})]})]});return n?t.jsxRuntimeExports.jsx(ys,{product:f,index:B,children:g},f.id):t.jsxRuntimeExports.jsx("div",{className:X.product,children:g},f.id)};return t.jsxRuntimeExports.jsxs("div",{className:X.productsBlock,children:[(r||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:X.top,children:[r&&t.jsxRuntimeExports.jsx("h3",{className:X.title,children:r}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:f=>e==null?void 0:e(f)})]}),t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[c&&t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:c}),n?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:N,onDragEnd:z,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(f=>f.id),strategy:t.verticalListSortingStrategy,children:s.map((f,B)=>w(f,B))})}):s.map((f,B)=>w(f,B)),b&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(X.button,{[X.disabled]:!!(p&&p<=s.length||s.length===(l==null?void 0:l.length))}),size:"s",disabled:!!(p&&p<=s.length||s.length===(l==null?void 0:l.length)),onClick:()=>{const f=[...s];let B=null;if(l){for(let g=0;g<l.length;g++)if(!s.find(y=>y.id===l[g].id)){B=l[g];break}}_==="select"&&l&&f.push({name:B?B.name:l[0].name,id:(B==null?void 0:B.id)||l[0].id,...v}),i(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:X.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})},ks="_title_1vfw9_1",Ss="_subtitle_1vfw9_5",$s="_header_1vfw9_12",Ns="_text_1vfw9_13",ws="_productsBlock_1vfw9_14",Cs="_top_1vfw9_26",Bs="_itemsBlock_1vfw9_35",Ts="_typeTexts_1vfw9_41",Ps="_block_1vfw9_48",As="_active_1vfw9_61",Ms="_products_1vfw9_14",Os="_product_1vfw9_14",qs="_button_1vfw9_80",Ds="_disabled_1vfw9_91",Us="_image_1vfw9_95",Ls="_info_1vfw9_102",Hs="_name_1vfw9_114",zs="_buttons_1vfw9_118",Fs="_modal_1vfw9_125",Vs="_link_1vfw9_145",Ys="_modalOptions_1vfw9_151",Gs="_addButton_1vfw9_164",Xs="_deleteButton_1vfw9_179",Ws="_closeIcon_1vfw9_191",F={title:ks,subtitle:Ss,header:$s,text:Ns,productsBlock:ws,top:Cs,itemsBlock:Bs,typeTexts:Ts,block:Ps,active:As,products:Ms,product:Os,button:qs,disabled:Ds,image:Us,info:Ls,name:Hs,buttons:zs,modal:Fs,link:Vs,modalOptions:Ys,addButton:Gs,deleteButton:Xs,closeIcon:Ws},Js=h.forwardRef((u,a)=>{const{activeItem:e,setActiveItem:s,popupPosition:i,modalOptions:r,setIsOpenModal:c}=u;return t.jsxRuntimeExports.jsxs("div",{ref:a,className:F.modal,onClick:o=>{o.stopPropagation()},style:{top:`${i.top}px`,left:`${i.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[t.jsxRuntimeExports.jsx("h3",{className:F.title,children:e.name["en-US"]}),t.jsxRuntimeExports.jsx("div",{className:F.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,hoverable:!0,onClick:()=>{s(null),c(!1)}})})]}),t.jsxRuntimeExports.jsx("div",{className:F.modalOptions,children:r.map(o=>{if(o.type==="image")return t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:e[o.field],onChange:n=>{const d={...e,[o.field]:n};s(d)}},String(o.field));if(o.type==="text")return t.jsxRuntimeExports.jsx(ft,{typesText:e[o.field.type],setTypesText:n=>{const d={...e,[o.field.type]:n};s(d)},text:e[o.field.text]["en-US"]||"",setText:n=>{const d={...e,[o.field.text]:{"en-US":n}};s(d)},typeFont:e[o.field.type],setTypeFont:n=>{const d={...e,[o.field.type]:n};s(d)},subtitle:o.label});if(o.type==="input")return t.jsxRuntimeExports.jsx(t.Input,{onChange:n=>{const d={...e,[o.field]:n};s(d)},value:e[o.field]||"",label:o.label,placeholder:o.placeholder});if(o.type==="inputSwitch")return t.jsxRuntimeExports.jsxs("div",{className:F.link,children:[t.jsxRuntimeExports.jsx(t.Input,{onChange:n=>{const d={...e,[o.field.text]:n};s(d)},value:e[o.field.text]||"",label:o.inputLabel,placeholder:o.placeholder}),t.jsxRuntimeExports.jsx(t.Switch,{current:!!e[o.field.switch]||!1,label:o.switchLabel,onChange:n=>{const d={...e,[o.field.switch]:n};s(d)}})]});if(o.type==="select")return t.jsxRuntimeExports.jsx(t.Select,{options:o.itemsOptions,onChange:n=>{const d={...e,[o.field]:n};s(d)},label:o.label,value:e[o.field]||"String",leftAddon:o.leftAddon&&o.leftAddon==="icon"&&t.jsxRuntimeExports.jsx(t.Icon,{name:e[o.field]})})})})]})});function Qs(u){const{product:a,children:e}=u,{attributes:s,listeners:i,setNodeRef:r,transform:c,transition:o,isDragging:n}=t.useSortable({id:a.id}),d={transform:t.CSS.Transform.toString(c),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:r,style:d,className:`${F.product} ${n?F.dragging:""}`,...s,...i,children:e})}const Ks=u=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:i,other:r,title:c,subtitle:o,editable:n=!0,draggable:d=!1,withImage:b=!1,deletable:_=!0,addable:l=!0,itemsType:v,itemsPlaceholder:p="",itemsOptions:x,hasRangeSelector:k=!1,rangeSelectorOptions:D,modalOptions:R,addableOptions:j={}}=u,[N,M]=h.useState(null),[z,w]=h.useState({top:0,left:0}),[f,B]=h.useState(null),g=h.useRef(null),[y,S]=h.useState(!1),U=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const E=()=>{M(null),S(!1)};return document.body.addEventListener("click",E),M(null),S(!1),()=>{M(null),S(!1),document.body.removeEventListener("click",E)}},[]),h.useEffect(()=>{if(N){const E=[...s].map(O=>O.id===N.id?N:O);i(E)}},[N]),h.useEffect(()=>{if(g.current&&f){const E=g.current.getBoundingClientRect().height,O=window.innerHeight;let m=f.top;m+E>O+window.scrollY-200&&(m=O+window.scrollY-E-200),m<0&&(m=10),w({top:m,left:f.left})}},[g.current,f]);const T=(E,O)=>{E.stopPropagation();const m=E.target.getBoundingClientRect();B({top:m.top+window.scrollY,left:m.left-30}),M(O),S(!0)};function q(E){if(b)return E?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${E[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const K=E=>{const{active:O,over:m}=E;if(m&&O.id!==m.id){const I=s.findIndex(L=>L.id===O.id),P=s.findIndex(L=>L.id===m.id);if(I!==-1&&P!==-1){const L=[...s],[Y]=L.splice(I,1);L.splice(P,0,Y),i(L)}}},it=E=>{var m;const O=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[d&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),v==="select"&&x&&t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const L=[...s].map(Y=>Y.id===E.id?{...E,name:{"en-US":I}}:Y);M({...E,name:{"en-US":I}}),i([...L])},value:E.name["en-US"],options:x.filter(I=>!s.find(P=>P.name["en-US"]===I)),leftAddon:q(E.images)}),v==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:I=>{const L=[...s].map(Y=>Y.id===E.id?{...E,name:{"en-US":I}}:Y);i([...L])},value:E.name["en-US"],placeholder:p}),v==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:I=>{const L=[...s].map(Y=>Y.id===E.id?{...E,images:I}:Y);i([...L])},activeImage:(m=s.find(I=>I.id===E.id))==null?void 0:m.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:F.buttons,children:[n&&t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:I=>T(I,E)})}),_&&t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(I=>I.id!==E.id))})})]})]});return d?t.jsxRuntimeExports.jsx(Qs,{product:E,children:O},E.id):t.jsxRuntimeExports.jsx("div",{className:F.product,children:O},E.id)};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(c||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:c}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:E=>e==null?void 0:e(E)})]}),N&&n&&R&&y&&t.jsxRuntimeExports.jsx(Js,{ref:g,activeItem:N,setActiveItem:M,popupPosition:z,modalOptions:R,setIsOpenModal:S}),k&&D&&t.jsxRuntimeExports.jsx(_t,{...D}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:o}),d?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:U,onDragEnd:K,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(E=>E.id),strategy:t.verticalListSortingStrategy,children:s.map(E=>it(E))})}):s.map(E=>it(E)),l&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:F.button,size:"s",onClick:()=>{const E=[...s];let O=null;if(x){for(let m=0;m<x.length;m++)if(!s.find(I=>I.name["en-US"]===x[m])){O=x[m];break}}v==="select"&&x?E.push({name:{"en-US":O||x[0]},id:t.v4(),...j,maxSymbols:100}):v==="input"?E.push({name:{"en-US":""},id:t.v4(),...j,maxSymbols:100}):E.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...j,maxSymbols:100}),i(E)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:F.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(pt,{items:r})]})},Zs="_title_bn7sv_1",tn="_subtitle_bn7sv_5",en="_header_bn7sv_12",sn="_text_bn7sv_13",nn="_productsBlock_bn7sv_14",on="_buttonsBlock_bn7sv_15",an="_top_bn7sv_26",rn="_itemsBlock_bn7sv_35",cn="_typeTexts_bn7sv_41",ln="_block_bn7sv_48",dn="_active_bn7sv_60",un="_products_bn7sv_14",xn="_product_bn7sv_14",mn="_button_bn7sv_15",pn="_image_bn7sv_90",_n="_info_bn7sv_97",hn="_name_bn7sv_109",jn="_buttons_bn7sv_15",gn="_modal_bn7sv_120",fn="_other_bn7sv_139",bn="_options_bn7sv_145",vn="_closeIcon_bn7sv_153",nt={title:Zs,subtitle:tn,header:en,text:sn,productsBlock:nn,buttonsBlock:on,top:an,itemsBlock:rn,typeTexts:cn,block:ln,active:dn,products:un,product:xn,button:mn,image:pn,info:_n,name:hn,buttons:jn,modal:gn,other:fn,options:bn,closeIcon:vn},En=h.forwardRef((u,a)=>{const{activeButton:e,setActiveButton:s,popupPosition:i}=u,[r,c]=h.useState(e.typesText),[o,n]=h.useState(e.destination),[d,b]=h.useState(e.page),[_,l]=h.useState(e.link||""),[v,p]=h.useState(e.text||{"en-US":""}),[x,k]=h.useState(e.openInNewTab),{pages:D}=t.usePagesStore();return h.useEffect(()=>{s({...e,...{text:v,link:_,destination:o,typesText:r,page:d,openInNewTab:x}})},[r,o,_,v,d,x]),console.log(v),t.jsxRuntimeExports.jsxs("div",{className:nt.modal,onClick:R=>{R.stopPropagation()},style:{top:`${i.top}px`,left:`${i.left}px`},ref:a,children:[t.jsxRuntimeExports.jsxs("div",{className:nt.top,children:[t.jsxRuntimeExports.jsx("h3",{className:nt.title,children:e.type}),t.jsxRuntimeExports.jsx("div",{className:nt.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,hoverable:!0,onClick:()=>s(null)})})]}),t.jsxRuntimeExports.jsxs("div",{className:nt.options,children:[t.jsxRuntimeExports.jsx(t.Select,{label:"Destination",onChange:R=>n(R),options:["Go to Page","Open Link"].filter(R=>R!==o),value:o}),o==="Go to Page"?t.jsxRuntimeExports.jsx(t.Select,{label:"Go to",onChange:R=>b(R),options:D?Object.values(D).filter(R=>R.name!==d).map(R=>R.name):[],value:d}):t.jsxRuntimeExports.jsx(t.Input,{onChange:R=>l(R),value:_,placeholder:"https://",label:"Link"}),t.jsxRuntimeExports.jsx(t.Switch,{current:e.openInNewTab,label:"Open in new tab",onChange:R=>k(R)}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:R=>p({"en-US":R}),value:v["en-US"],label:"Text",maxLength:150}),t.jsxRuntimeExports.jsx(gt,{typesText:r,setTypesText:c})]})]})}),Rn="_subtitle_jql1y_1",yn="_header_jql1y_8",In="_text_jql1y_9",kn="_productsBlock_jql1y_10",Sn="_buttonsBlock_jql1y_11",$n="_top_jql1y_23",Nn="_itemsBlock_jql1y_32",wn="_typeTexts_jql1y_38",Cn="_block_jql1y_45",Bn="_active_jql1y_58",Tn="_products_jql1y_10",Pn="_product_jql1y_10",An="_button_jql1y_11",Mn="_image_jql1y_88",On="_info_jql1y_95",qn="_name_jql1y_107",Dn="_buttons_jql1y_11",Un="_modal_jql1y_118",Ln="_other_jql1y_138",Hn="_options_jql1y_144",zn="_addButton_jql1y_150",Fn="_deleteButton_jql1y_165",tt={subtitle:Rn,header:yn,text:In,productsBlock:kn,buttonsBlock:Sn,top:$n,itemsBlock:Nn,typeTexts:wn,block:Cn,active:Bn,products:Tn,product:Pn,button:An,image:Mn,info:On,name:qn,buttons:Dn,modal:Un,other:Ln,options:Hn,addButton:zn,deleteButton:Fn},Et=u=>{const{buttons:a,setButtons:e,deletable:s=!0,addable:i=!0,editable:r=!0}=u,[c,o]=h.useState(null),[n,d]=h.useState({top:0,left:0}),[b,_]=h.useState(null),l=h.useRef(null);h.useEffect(()=>{const p=()=>{o(null)};return document.body.addEventListener("click",p),o(null),()=>{o(null),document.body.removeEventListener("click",p)}},[]),h.useEffect(()=>{if(c){const p=[...a].map(x=>x.id===c.id?c:x);e(p)}},[c]),h.useEffect(()=>{if(l.current&&b){const p=l.current.getBoundingClientRect().height,x=window.innerHeight;let k=b.top;k+p>x+window.scrollY-200&&(k=x+window.scrollY-p-200),k<0&&(k=10),d({top:k,left:b.left})}},[l.current,b]);const v=(p,x)=>{p.stopPropagation();const k=p.target.getBoundingClientRect();_({top:k.top+window.scrollY-70,left:k.left-(i?30:65)}),o(x)};return t.jsxRuntimeExports.jsxs("div",{className:tt.products,children:[t.jsxRuntimeExports.jsx("h5",{className:tt.subtitle,children:"Button Type"}),a.map(p=>t.jsxRuntimeExports.jsxs("div",{className:tt.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:x=>{const D=[...a].map(R=>R.id===p.id?{...p,type:x}:R);e(D)},value:p.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:tt.buttons,children:[r&&t.jsxRuntimeExports.jsx("div",{className:tt.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:x=>{v(x,p)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:tt.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const x=a.filter(k=>k.id!==p.id);e(x)},width:20,height:20,fill:"#C12A2A"})})]})]},p.id)),c&&t.jsxRuntimeExports.jsx(En,{ref:l,activeButton:c,setActiveButton:o,popupPosition:n}),i&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:tt.button,size:"s",onClick:()=>{const p=[...a];p.push({type:"Primary",id:t.v4(),typesText:[],destination:"Go to Page",text:{"en-US":"Button Name"},page:"home",openInNewTab:!0}),e(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:tt.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},Vn=u=>{const{isActiveButtons:a,setIsActiveButtons:e,buttons:s,setButtons:i,editable:r=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:nt.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:nt.top,children:[t.jsxRuntimeExports.jsx("h3",{className:nt.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:c=>e(c)})]}),t.jsxRuntimeExports.jsx(Et,{buttons:s,setButtons:i,editable:r})]})})},Yn="_wrapper_m18qi_1",Gn="_subtitle_m18qi_7",Xn="_content_m18qi_14",Wn="_range_m18qi_22",Jn="_track_m18qi_27",Qn="_progress_m18qi_36",Kn="_dots_m18qi_46",Zn="_dot_m18qi_46",ti="_active_m18qi_65",ei="_input_m18qi_77",si="_countBlock_m18qi_91",ni="_count_m18qi_91",ii="_controls_m18qi_107",oi="_button_m18qi_113",G={wrapper:Yn,subtitle:Gn,content:Xn,range:Wn,track:Jn,progress:Qn,dots:Kn,dot:Zn,active:ti,input:ei,countBlock:si,count:ni,controls:ii,button:oi},_t=u=>{const{label:a,min:e=1,max:s=4,step:i=1,count:r,setCount:c}=u,[o,n]=h.useState(!1),d=Array.from({length:(s-e)/i+1}),b=(r-e)/(s-e)*100,_=()=>{r<s&&c(r+i)},l=()=>{r>e&&c(r-i)},v=p=>{const x=e+p*i;c(x)};return t.jsxRuntimeExports.jsxs("div",{className:G.wrapper,children:[a&&t.jsxRuntimeExports.jsx("h5",{className:G.subtitle,children:a}),t.jsxRuntimeExports.jsxs("div",{className:G.content,children:[t.jsxRuntimeExports.jsxs("div",{className:G.range,children:[t.jsxRuntimeExports.jsx("div",{className:G.track}),t.jsxRuntimeExports.jsx("div",{className:G.progress,style:{width:`${b}%`}}),t.jsxRuntimeExports.jsx("div",{className:G.dots,children:d.map((p,x)=>{const k=x<=(r-e)/i;return t.jsxRuntimeExports.jsx("button",{onClick:()=>v(x),className:t.clx(G.dot,{[G.active]:k,[G.inactive]:!k,[G.dragging]:o}),"aria-label":`Set value to ${e+x*i}`},x)})}),t.jsxRuntimeExports.jsx("input",{type:"range",min:e,max:s,step:i,value:r,onChange:p=>c(Number(p.target.value)),onMouseDown:()=>n(!0),onMouseUp:()=>n(!1),onTouchStart:()=>n(!0),onTouchEnd:()=>n(!1),className:G.input})]}),t.jsxRuntimeExports.jsxs("div",{className:G.countBlock,children:[t.jsxRuntimeExports.jsx(t.Input,{type:"number",min:e,max:s,paddingless:!0,onChange:p=>{const x=Number(p);x>s?c(s):x<e?c(e):c(x)},value:String(r)}),t.jsxRuntimeExports.jsxs("div",{className:G.controls,children:[t.jsxRuntimeExports.jsx("button",{onClick:_,disabled:r>=s,className:G.button,"aria-label":"Increment count",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretUp",width:15,height:15})}),t.jsxRuntimeExports.jsx("button",{onClick:l,disabled:r<=e,className:G.button,"aria-label":"Decrement count",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown",width:15,height:15})})]})]})]})]})},ai="_title_ix5ax_1",ri="_subtitle_ix5ax_5",ci="_header_ix5ax_12",li="_text_ix5ax_13",di="_productsBlock_ix5ax_14",ui="_top_ix5ax_26",xi="_itemsBlock_ix5ax_35",mi="_typeTexts_ix5ax_41",pi="_block_ix5ax_48",_i="_active_ix5ax_61",hi="_products_ix5ax_14",ji="_product_ix5ax_14",gi="_button_ix5ax_80",fi="_image_ix5ax_91",bi="_info_ix5ax_98",vi="_name_ix5ax_110",Ei="_buttons_ix5ax_114",Ri="_modal_ix5ax_121",yi="_link_ix5ax_141",Ii="_modalOptions_ix5ax_147",ki="_addButton_ix5ax_160",Si="_deleteButton_ix5ax_175",$i="_closeIcon_ix5ax_187",V={title:ai,subtitle:ri,header:ci,text:li,productsBlock:di,top:ui,itemsBlock:xi,typeTexts:mi,block:pi,active:_i,products:hi,product:ji,button:gi,image:fi,info:bi,name:vi,buttons:Ei,modal:Ri,link:yi,modalOptions:Ii,addButton:ki,deleteButton:Si,closeIcon:$i},Ni=u=>{const{activeItem:a,setActiveItem:e,popupPosition:s,setIsOpenModal:i,itemsOptions:r}=u,c=r.find(o=>o.id===a.listingId);return c?t.jsxRuntimeExports.jsxs("div",{className:V.modal,onClick:o=>{o.stopPropagation()},style:{top:`${s.top}px`,left:`${s.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[t.jsxRuntimeExports.jsx("h3",{children:t.splitTextIntoSpans(c.productData.name)}),t.jsxRuntimeExports.jsx("div",{className:V.closeIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",height:20,width:20,onClick:()=>{i(!1),e(null)}})})]}),t.jsxRuntimeExports.jsx("div",{className:V.modalOptions,children:t.jsxRuntimeExports.jsx(t.ChooseImage,{label:"Put up an attractive image",activeImage:c.productData.images.length>0?c.productData.images[0].cfId:void 0,onChange:o=>{const n={...a,image:o[0]};e(n)}})})]}):null};function wi(u){const{product:a,children:e}=u,{attributes:s,listeners:i,setNodeRef:r,transform:c,transition:o,isDragging:n}=t.useSortable({id:String(a.listingId)}),d={transform:t.CSS.Transform.toString(c),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:r,style:d,className:`${V.product} ${n?V.dragging:""}`,...s,...i,children:e})}const Ci=u=>{const{isActiveItems:a,setIsActiveItems:e,items:s,setItems:i,other:r,title:c,subtitle:o,editable:n=!0,draggable:d=!1,withImage:b=!1,deletable:_=!0,addable:l=!0,itemsType:v,itemsOptions:p}=u,[x,k]=h.useState(null),[D,R]=h.useState({top:0,left:0}),[j,N]=h.useState(!1),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const g=()=>{k(null),N(!1)};return document.body.addEventListener("click",g),k(null),N(!1),()=>{k(null),N(!1),document.body.removeEventListener("click",g)}},[]),h.useEffect(()=>{if(x){const g=[...s].map(y=>y.listingId===x.listingId?x:y);i(g)}},[x]);const z=(g,y)=>{g.stopPropagation();const S=g.target.getBoundingClientRect(),U=100,T=window.innerHeight;let q=S.top+window.scrollY;q+U>T&&(q=T-U-20),N(!0),R({top:q-80,left:S.left-30}),k(y)};function w(g){if(b)return g?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${g}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const f=g=>{const{active:y,over:S}=g;if(S&&y.id!==S.id){const U=s.findIndex(q=>String(q.listingId)===y.id),T=s.findIndex(q=>String(q.listingId)===S.id);if(U!==-1&&T!==-1){const q=[...s],[K]=q.splice(U,1);q.splice(T,0,K),i(q)}}},B=(g,y)=>{const S=p.find(T=>g.listingId===T.id);if(!S)return null;const U=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[d&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),v==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:T=>{const q=[...s],K=p.find(O=>O.productData.name===T);if(!K)return;const it={listingId:K.id,image:K.productData.images.length>0?K.productData.images[0].cfId:""},E=q.map(O=>O.listingId===g.listingId?it:O);k(it),i([...E])},value:S.productData.name,options:[...p.filter(T=>!s.find(q=>q.listingId===T.id)).map(T=>T.productData.name)],leftAddon:w(g.image||S.productData.images.length>0&&S.productData.images[0].cfId||"")},y),t.jsxRuntimeExports.jsxs("div",{className:V.buttons,children:[n&&t.jsxRuntimeExports.jsx("div",{className:V.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:T=>z(T,g)})}),_&&t.jsxRuntimeExports.jsx("div",{className:V.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(T=>T!==g))})})]})]});return d?t.jsxRuntimeExports.jsx(wi,{product:g,children:U},g.listingId):t.jsxRuntimeExports.jsx("div",{className:V.product,children:U},g.listingId)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(c||a!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[c&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:c}),a!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:a,onChange:g=>e==null?void 0:e(g)})]}),j&&x&&t.jsxRuntimeExports.jsx(Ni,{activeItem:x,setActiveItem:k,setIsOpenModal:N,popupPosition:D,itemsOptions:p}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:o}),d?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:f,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(g=>String(g.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((g,y)=>B(g,y))})}):s.map((g,y)=>B(g,y)),l&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:V.button,size:"s",onClick:()=>{const g=[...s];for(let y=0;y<p.length;y++)if(!s.find(S=>S.listingId===p[y].id)){g.push({listingId:p[y].id,image:p[y].productData.images.length>0?p[y].productData.images[0].cfId:""});break}i(g)},disabled:s.length===p.length,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})]})})})]}),r!==void 0&&t.jsxRuntimeExports.jsx(pt,{items:r})]})},Bi="_options_6cemk_1",Ti="_price_6cemk_12",Pi="_oldPrice_6cemk_19",Ai="_newPrice_6cemk_27",Mi="_animate_6cemk_34",Oi="_appearAndBounce_6cemk_1",qi="_meta_6cemk_52",Di="_info_6cemk_58",Ui="_infoRight_6cemk_66",Li="_buttons_6cemk_73",Hi="_variants_6cemk_80",zi="_variant_6cemk_80",Fi="_stock_6cemk_98",Vi="_variantInfo_6cemk_105",Yi="_quantity_6cemk_111",Gi="_count_6cemk_118",Xi="_focused_6cemk_135",Wi="_button_6cemk_73",Ji="_activeVariant_6cemk_161",Qi="_chargeTypes_6cemk_165",Ki="_charge_6cemk_165",Zi="_chargeActive_6cemk_190",to="_title_6cemk_198",C={options:Bi,price:Ti,oldPrice:Pi,newPrice:Ai,animate:Mi,appearAndBounce:Oi,meta:qi,info:Di,infoRight:Ui,buttons:Li,variants:Hi,variant:zi,stock:Fi,variantInfo:Vi,quantity:Yi,count:Gi,focused:Xi,button:Wi,activeVariant:Ji,chargeTypes:Qi,charge:Ki,chargeActive:Zi,title:to},eo="_wrapper_c1dht_1",so="_label_c1dht_9",no="_input_c1dht_18",io="_paddingless_c1dht_31",oo="_content_c1dht_35",ao="_contentBorder_c1dht_47",ro="_borderless_c1dht_52",co="_rightIcon_c1dht_57",Z={wrapper:eo,label:so,input:no,paddingless:io,content:oo,contentBorder:ao,borderless:ro,rightIcon:co},Rt=u=>{const{onChange:a,style:e,label:s,value:i,type:r,min:c,max:o,placeholder:n,disabled:d=!1,required:b=!1,regex:_,paddingless:l=!1,borderless:v=!1,editable:p=!1,isSearch:x=!1,centered:k=!1}=u,{themeSettings:D}=t.useThemeSettingsStore(),{inputs:R}=D,[j,N]=h.useState(!1);function M(w){return Number(w)<0?String(c):w}function z(w){return!b||!_?!0:new RegExp(_).test(w)}return t.jsxRuntimeExports.jsxs("div",{className:Z.wrapper,children:[s&&t.jsxRuntimeExports.jsx("label",{className:Z.label,htmlFor:s,children:s}),t.jsxRuntimeExports.jsxs("div",{className:t.clx(Z.content,{[Z.contentBorder]:R.border.active}),style:{...e,background:R.field.active?R.field.color:"transparent",padding:x?`7px ${Number(R.general.size)+20}px 7px 11px`:"7px 11px"},children:[t.jsxRuntimeExports.jsx("input",{id:s,type:r||"text",onChange:w=>{if(r==="text")a(w.target.value);else{const f=M(w.target.value);a(f)}},value:i,autoComplete:"off",placeholder:n||"Type something...",className:t.clx(Z.input,{[Z.required]:j&&b&&!z(i),[Z.paddingless]:l,[Z.borderless]:v}),min:r==="number"?c:void 0,max:r==="number"?o:void 0,disabled:d,onFocus:()=>N(!0),style:{textAlign:k?"center":"left"}}),x&&t.jsxRuntimeExports.jsx("div",{className:Z.rightIcon,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"MagnifyingGlass",fill:"var(--icon-secondary)",width:R.general.size,height:R.general.size})}),p&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",width:20,height:20,hoverable:!0})})]})]})},lo="_button_85085_1",uo="_primary_85085_20",xo="_primaryHovered_85085_30",mo="_secondary_85085_34",po="_secondaryHovered_85085_44",_o="_tertiary_85085_48",ho="_tertiaryHovered_85085_58",jo="_content_85085_62",et={button:lo,primary:uo,primaryHovered:xo,secondary:mo,secondaryHovered:po,tertiary:_o,tertiaryHovered:ho,content:jo},W=u=>{const{children:a,onClick:e,style:s,className:i,disabled:r=!1,type:c="Primary"}=u,{themeSettings:o}=t.useThemeSettingsStore();return t.jsxRuntimeExports.jsx("button",{className:t.clx(et.button,i,{[et.primary]:c==="Primary",[et.secondary]:c==="Secondary",[et.tertiary]:c==="Tertiary",[et.primaryHovered]:c==="Primary"&&!r&&o.buttons.primary.hover,[et.secondaryHovered]:c==="Secondary"&&!r&&o.buttons.secondary.hover,[et.tertiaryHovered]:c==="Tertiary"&&!r&&o.buttons.tertiary.hover}),onClick:e,style:{...s},disabled:r,children:c==="Tertiary"?t.jsxRuntimeExports.jsxs("div",{className:et.content,children:[a,t.jsxRuntimeExports.jsx(t.Icon,{name:"ArrowRight",fill:"var(--icon-tertiary)",width:20,height:20})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a})})};var yt=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(yt||{});const go=u=>{var D,R;const{variants:a}=u,[e,s]=h.useState(a[0]),[i,r]=h.useState(e.chargeTypes[0]),c=t.useNavigate(),[o,n]=h.useState(1),{reset:d,addProductToCart:b,getProducts:_}=t.useCart(),[l,v]=h.useState(!1);h.useEffect(()=>{v(!0);const j=setTimeout(()=>v(!1),600);return()=>clearTimeout(j)},[o]);async function p(){await _(),await b({productId:u.id,productVariantId:e.id,quantity:o})}function x(){d(),p(),c("/checkout")}function k(j){if(j>=864e5){const f=Math.floor(j/864e5);return`${f} ${f===1?"day":"days"}`}else if(j>=36e5){const f=Math.floor(j/36e5);return`${f} ${f===1?"hour":"hours"}`}else if(j>=6e4){const f=Math.floor(j/6e4);return`${f} ${f===1?"minute":"minutes"}`}else{const f=Math.floor(j/1e3);return`${f} ${f===1?"second":"seconds"}`}}return h.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&n(0)},[e.quantity.available]),console.log(e.quantity),t.jsxRuntimeExports.jsxs("div",{className:C.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:C.chargeTypes,children:e.chargeTypes.map(j=>t.jsxRuntimeExports.jsx("div",{className:t.clx(C.charge,{[C.chargeActive]:i===j}),onClick:()=>r(j),children:yt[j]},j))}),t.jsxRuntimeExports.jsx("div",{className:C.variants,children:a.map(j=>{var N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.variant,{[C.activeVariant]:e.id===j.id}),onClick:()=>s(j),children:[t.jsxRuntimeExports.jsxs("div",{className:C.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:C.title,children:j.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",i==="ONE_TIME"?j.price.amount:j.subscriptionSettings?j.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:C.stock,children:[((N=j.quantity.restrictions)==null?void 0:N.max)||j.quantity.available||0," in stock"]})})]},j.id)})}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:C.quantity,children:[t.jsxRuntimeExports.jsx(W,{type:"Secondary",onClick:()=>{o>1?n(j=>j-1):n(1)},className:C.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(Rt,{type:"number",value:String(o),onChange:j=>n(Number(j)),max:((D=e.quantity.restrictions)==null?void 0:D.max)||e.quantity.available||1/0,min:((R=e.quantity.restrictions)==null?void 0:R.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(W,{type:"Secondary",onClick:()=>{n(j=>j+1)},className:C.button,disabled:!!(e.quantity.restrictions&&o>=e.quantity.restrictions.max||e.quantity.available!==void 0&&o>=e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:C.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:C.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":k(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:C.infoRight,children:i==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:C.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(C.newPrice,{[C.animate]:l}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:C.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(C.newPrice,{[C.animate]:l}),children:["$ ",(e.price.amount||0)*o]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:C.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(C.newPrice,{[C.animate]:l}),children:["$ ",e.subscriptionSettings.price.amount||0]}),t.jsxRuntimeExports.jsxs("span",{className:C.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount||0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(C.newPrice,{[C.animate]:l}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[t.jsxRuntimeExports.jsx(W,{type:"Primary",onClick:()=>x(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:i==="ONE_TIME"?"Buy Now":"Subscribe Now"}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsx(W,{type:"Secondary",onClick:()=>p(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},fo="_button_1tdo3_1",bo="_login_1tdo3_14",vo="_signUp_1tdo3_18",Eo="_buttons_1tdo3_23",Ro="_modal_1tdo3_32",yo="_closing_1tdo3_64",Io="_info_1tdo3_113",ko="_top_1tdo3_120",So="_title_1tdo3_131",$o="_clear_1tdo3_138",No="_activeClear_1tdo3_145",wo="_count_1tdo3_149",Co="_cart_1tdo3_164",Bo="_empty_1tdo3_172",To="_product_1tdo3_198",Po="_products_1tdo3_207",Ao="_image_1tdo3_215",Mo="_productInfo_1tdo3_221",Oo="_content_1tdo3_228",qo="_name_1tdo3_234",Do="_price_1tdo3_240",Uo="_productButtons_1tdo3_246",Lo="_productButton_1tdo3_246",Ho="_productCount_1tdo3_266",zo="_bottom_1tdo3_282",Fo="_subtotal_1tdo3_290",Vo="_block_1tdo3_298",Yo="_shoppingCount_1tdo3_305",Go="_total_1tdo3_325",Xo="_link_1tdo3_331",Wo="_userInfo_1tdo3_338",Jo="_pagesMobileModal_1tdo3_349",Qo="_pagesMobileModalContent_1tdo3_363",Ko="_pagesMobileModalHeader_1tdo3_369",Zo="_pagesMobileModalFooter_1tdo3_379",$={button:fo,login:bo,signUp:vo,buttons:Eo,modal:Ro,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:yo,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:Io,top:ko,title:So,clear:$o,activeClear:No,count:wo,cart:Co,empty:Bo,product:To,products:Po,image:Ao,productInfo:Mo,content:Oo,name:qo,price:Do,productButtons:Uo,productButton:Lo,productCount:Ho,bottom:zo,subtotal:Fo,block:Vo,shoppingCount:Yo,total:Go,link:Xo,userInfo:Wo,pagesMobileModal:Jo,pagesMobileModalContent:Qo,pagesMobileModalHeader:Ko,pagesMobileModalFooter:Zo};class ut extends Error{}ut.prototype.name="InvalidTokenError";function ta(u){return decodeURIComponent(atob(u).replace(/(.)/g,(a,e)=>{let s=e.charCodeAt(0).toString(16).toUpperCase();return s.length<2&&(s="0"+s),"%"+s}))}function ea(u){let a=u.replace(/-/g,"+").replace(/_/g,"/");switch(a.length%4){case 0:break;case 2:a+="==";break;case 3:a+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return ta(a)}catch{return atob(a)}}function sa(u,a){if(typeof u!="string")throw new ut("Invalid token specified: must be a string");a||(a={});const e=a.header===!0?0:1,s=u.split(".")[e];if(typeof s!="string")throw new ut(`Invalid token specified: missing part #${e+1}`);let i;try{i=ea(s)}catch(r){throw new ut(`Invalid token specified: invalid base64 for part #${e+1} (${r.message})`)}try{return JSON.parse(i)}catch(r){throw new ut(`Invalid token specified: invalid json for part #${e+1} (${r.message})`)}}const na=u=>{const{shopping:a,signUp:e,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsxs("div",{className:$.buttons,children:[a&&t.jsxRuntimeExports.jsx(It,{}),s&&t.jsxRuntimeExports.jsx(bt,{signUp:e})]})},It=()=>{const[u,a]=h.useState(!1),[e,s]=h.useState([]),{cart:i,getProducts:r}=t.useCart();function c(l){for(let v=0;v<i.parts.length;v++)for(let p=0;p<l.variants.length;p++)if(i.parts[v].productVariantId===l.variants[v].id)return i.parts[v].productVariantId}function o(l){for(let v=0;v<i.parts.length;v++)for(let p=0;p<l.variants.length;p++)if(i.parts[v].productVariantId===l.variants[v].id)return i.parts[v].quantity}h.useEffect(()=>{(async()=>{const v=i.parts.map(k=>String(k.productId)),x=(await r([...v])).map(k=>({...k,activeVariantId:c(k),quantity:o(k)}));s(x)})()},[i.parts.length]);function n(l){var v;return!l||!(l!=null&&l.variants)?!1:(v=l.variants.find(p=>p.id===l.activeVariantId))==null?void 0:v.subscriptionSettings}const d=i.parts.length>0&&e.length>0&&!n(e[0]),[b,_]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(W,{type:"Secondary",style:{padding:10},onClick:l=>{l.stopPropagation(),window.location.pathname!=="/admin/builder"&&(a(!0),_(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),d&&t.jsxRuntimeExports.jsx("div",{className:$.shoppingCount,children:i.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{_(!1),setTimeout(()=>{a(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(kt,{activeProducts:e,isCartNotEmpty:d,isOpen:b})})]})},kt=u=>{const{activeProducts:a,isCartNotEmpty:e,isOpen:s}=u,{cart:i,reset:r,getTotalAndDiscount:c,updateQuantityOfProduct:o}=t.useCart(),n=t.useNavigate();function d(l){n(l)}function b(l){o({productId:l.id,productVariantId:l.activeVariantId,quantity:l.quantity+1})}function _(l){o({productId:l.id,productVariantId:l.activeVariantId,quantity:l.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx($.modal,{[$.closing]:!s}),onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:$.top,children:[t.jsxRuntimeExports.jsxs("div",{className:$.info,children:[t.jsxRuntimeExports.jsx("span",{className:$.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:$.count,children:i.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx($.clear,{[$.activeClear]:e}),disabled:!e,onClick:r,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:$.cart,children:[t.jsxRuntimeExports.jsx("div",{className:$.products,children:a.map(l=>t.jsxRuntimeExports.jsxs("div",{className:$.product,children:[t.jsxRuntimeExports.jsxs("div",{className:$.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:$.image}),t.jsxRuntimeExports.jsxs("div",{className:$.content,children:[t.jsxRuntimeExports.jsx("div",{className:$.name,children:l.name}),t.jsxRuntimeExports.jsxs("div",{className:$.price,children:["$",l.variants.find(v=>v.id===l.activeVariantId).price.amount*((l==null?void 0:l.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:$.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{l.quantity!==1&&_(l)},className:$.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:$.productCount,children:l.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>b(l),className:$.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},l.id))}),t.jsxRuntimeExports.jsxs("div",{className:$.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:$.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:$.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:$.total,children:["$",c().total]})]}),t.jsxRuntimeExports.jsx(W,{onClick:()=>d("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(St,{})]})},St=()=>t.jsxRuntimeExports.jsxs("div",{className:$.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:$.link,children:"view products"})]})]}),bt=({signUp:u})=>{const a=JSON.parse(localStorage.getItem("token")||"{}"),{data:e}=a,s=t.useNavigate();function i(o){s(o)}if(!e)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(W,{onClick:()=>i("/customer-dash"),type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(W,{onClick:()=>i("/customer-dash"),type:"Primary",style:{padding:10},children:"Sign Up"})]});const[r,c]=h.useState("test-email@gmail.com");return h.useEffect(()=>{(async()=>{const n=sa(e);c(n.email)})()},[e]),t.jsxRuntimeExports.jsx("div",{className:$.userInfo,onClick:()=>i("/customer-dash"),children:t.jsxRuntimeExports.jsx("div",{children:r||"test-email@gmail.com"})})},$t=({children:u,logo:a,setIsOpen:e,signUp:s})=>{const{setIsOpen:i}=t.useModalStore(),r=()=>{i(!1),setTimeout(()=>{e(!1),i(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:$.pagesMobileModal,onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:$.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:a}),t.jsxRuntimeExports.jsx(W,{type:"Secondary",onClick:r,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:$.pagesMobileModalContent,children:u}),t.jsxRuntimeExports.jsx("div",{className:$.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(bt,{signUp:s})})]})},ia=({children:u,logo:a,signUp:e})=>{const[s,i]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Nt,{setIsOpenModal:i}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>i(!1),children:t.jsxRuntimeExports.jsx($t,{logo:a,setIsOpen:i,signUp:e,children:u})})]})},Nt=u=>{const{setIsOpenModal:a}=u;return t.jsxRuntimeExports.jsx(W,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),a(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},oa="_share_xddz7_1",aa="_modal_xddz7_8",ra="_header_xddz7_20",ca="_socials_xddz7_30",la="_social_xddz7_30",da="_copy_xddz7_40",ua="_title_xddz7_47",xa="_copyWrapper_xddz7_53",ma="_copyText_xddz7_62",pa="_copyTextMobile_xddz7_75",_a="_copyTextMiniMobile_xddz7_94",st={share:oa,modal:aa,header:ra,socials:ca,social:la,copy:da,title:ua,copyWrapper:xa,copyText:ma,copyTextMobile:pa,copyTextMiniMobile:_a},ha=()=>{const{isOpenModal:u,setIsOpenModal:a}=t.useShareLinkStore();function e(){a(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button,{className:st.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:a,children:t.jsxRuntimeExports.jsx(ja,{})})]})},ja=()=>{const{setIsOpenModal:u}=t.useShareLinkStore(),{notification:a,setNotification:e}=t.useNotificationStore(),{setIsOpen:s}=t.useModalStore(),i=window.location.href;function r(){navigator.clipboard.writeText(i),e({message:"Link copied to clipboard",status:"success"})}function c(){s(!1),setTimeout(()=>{u(!1),s(!0)},300)}function o(n,d){return n.length>d?n.slice(0,d)+"...":n}return t.jsxRuntimeExports.jsxs("div",{className:st.modal,onClick:n=>n.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:st.header,children:[t.jsxRuntimeExports.jsx("div",{className:st.title,children:"Copy Product Link"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:c,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:st.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button,{type:"Secondary",onClick:r,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:st.copyText,children:o(i,100)}),t.jsxRuntimeExports.jsx("div",{className:st.copyTextMobile,children:o(i,40)}),t.jsxRuntimeExports.jsx("div",{className:st.copyTextMiniMobile,children:o(i,20)})]}),t.jsxRuntimeExports.jsx(t.Button,{type:"Secondary",onClick:r,children:a?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},ga="_accordion_1s1lq_1",fa="_header_1s1lq_9",ba="_icon_1s1lq_18",va="_open_1s1lq_21",Ea="_content_1s1lq_25",dt={accordion:ga,header:fa,icon:ba,open:va,content:Ea},Ra=({title:u,content:a,defaultOpen:e=!1})=>{const[s,i]=h.useState(e),[r,c]=h.useState(0),o=h.useRef(null),n=()=>{i(!s)};return h.useEffect(()=>{o.current&&c(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:dt.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:dt.header,onClick:n,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(dt.icon,{[dt.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:dt.content,style:{height:`${r}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:a})})]})},ya=({children:u,path:a,className:e,target:s="_self",id:i})=>{const r=t.useNavigate(),c=/^https?:\/\//.test(a),o=n=>{c||s==="_blank"?s==="_blank"?window.open(a,"_blank"):window.location.href=a:(n.preventDefault(),r(a,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:i,children:u})},Ia="_buttonsBlock_1b2rb_1",ka="_slideUp_1b2rb_1",Sa={buttonsBlock:Ia,slideUp:ka},$a=()=>t.jsxRuntimeExports.jsxs("div",{className:Sa.buttonsBlock,children:[t.jsxRuntimeExports.jsx(W,{type:"Primary",style:{width:"100%"},onClick:()=>{console.log("add to cart")},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(W,{type:"Secondary",children:"Buy"})]}),Na="_wrapper_st58d_1",wa="_label_st58d_10",Ca="_textarea_st58d_18",Ba="_length_st58d_33",mt={wrapper:Na,label:wa,textarea:Ca,length:Ba},Ta=u=>{const{onChange:a,label:e,value:s,maxLength:i,placeholder:r="Type something..."}=u,[c,o]=h.useState(s.length);return t.jsxRuntimeExports.jsxs("div",{className:mt.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:mt.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,defaultValue:s,onChange:n=>{o(n.target.value.length),a(n.target.value)},placeholder:r,className:mt.textarea,maxLength:i}),i&&t.jsxRuntimeExports.jsxs("div",{className:mt.length,children:[c,"/",i]})]})};exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextareaSettings=t.Textarea;exports.Accordion=Ra;exports.BurgerMenuButton=Nt;exports.Button=W;exports.ButtonTypeSettings=Et;exports.ButtonsSettings=Vn;exports.CategorySettings=Ze;exports.EmptyCart=St;exports.FormSettings=Ks;exports.HeaderButtons=na;exports.InputUI=Rt;exports.ItemsSettings=vt;exports.LayoutSettings=Ft;exports.Link=ya;exports.ListingSelector=Ci;exports.PagesMobileMenu=ia;exports.PagesMobileModal=$t;exports.PagesSettings=Is;exports.ProductCardButtons=$a;exports.ProductOptions=go;exports.RangeSelector=_t;exports.ShareLink=ha;exports.ShoppingButton=It;exports.ShoppingModalCart=kt;exports.TextSettings=ft;exports.TextareaUI=Ta;exports.TypesText=gt;exports.UserInfo=bt;