@billgangcom/theme-lib 1.59.0 → 1.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/abstractions/PageContext.d.ts +2 -1
- package/dist/builder/constants/general.d.ts +1 -1
- package/dist/builder.cjs.js +12 -12
- package/dist/builder.es.js +1517 -1526
- package/dist/{index-BV-uzi53.cjs → index-B_WMDkcu.cjs} +3 -3
- package/dist/{index-Cs6Fcjy6.js → index-VdHBtEiJ.js} +19 -19
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/dist/pages/dynamic-error-page/index.d.ts +1 -0
- package/dist/ui/ListingSelector/index.d.ts +1 -0
- package/dist/ui/MetaInfoPost/index.d.ts +6 -0
- package/dist/ui/ShareLink/index.d.ts +5 -1
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +1001 -960
- package/package.json +1 -1
|
@@ -7820,7 +7820,7 @@ const _i = (e) => {
|
|
|
7820
7820
|
h(""), n(N), d(!1), m(null);
|
|
7821
7821
|
}
|
|
7822
7822
|
function _(N, O) {
|
|
7823
|
-
return N ? N.length > O ? `${N.slice(0, O)}...` : N : "";
|
|
7823
|
+
return N ? N.length > O + 3 ? `${N.slice(0, O)}...` : N : "";
|
|
7824
7824
|
}
|
|
7825
7825
|
function w(N) {
|
|
7826
7826
|
if (!u) {
|
|
@@ -7879,7 +7879,7 @@ const _i = (e) => {
|
|
|
7879
7879
|
tabIndex: 0,
|
|
7880
7880
|
children: [
|
|
7881
7881
|
t && /* @__PURE__ */ E.jsx("div", { className: fn.addon, children: t }),
|
|
7882
|
-
/* @__PURE__ */ E.jsx("div", { className: fn.input, children: _(a,
|
|
7882
|
+
/* @__PURE__ */ E.jsx("div", { className: fn.input, children: _(a, 15) }),
|
|
7883
7883
|
/* @__PURE__ */ E.jsx(
|
|
7884
7884
|
"div",
|
|
7885
7885
|
{
|
|
@@ -13433,7 +13433,7 @@ const vG = (e) => {
|
|
|
13433
13433
|
const M = Y.current.getBoundingClientRect().height, U = window.innerHeight;
|
|
13434
13434
|
let X = P.top;
|
|
13435
13435
|
X + M > U + window.scrollY - 200 && (X = U + window.scrollY - M - 200), X < 0 && (X = 10), O({
|
|
13436
|
-
top: X,
|
|
13436
|
+
top: X - 30,
|
|
13437
13437
|
left: P.left
|
|
13438
13438
|
});
|
|
13439
13439
|
}
|
|
@@ -32966,7 +32966,7 @@ const C4e = F.forwardRef(
|
|
|
32966
32966
|
uu,
|
|
32967
32967
|
{
|
|
32968
32968
|
label: "Put up an attractive image",
|
|
32969
|
-
activeImage: l.productData.images.length > 0 ? l.productData.images[0].cfId : void 0,
|
|
32969
|
+
activeImage: l.productData.images.length > 0 ? l.productData.images[0].cfId : n.image ? n.image : void 0,
|
|
32970
32970
|
onChange: (c) => {
|
|
32971
32971
|
const u = {
|
|
32972
32972
|
...n,
|
|
@@ -33181,34 +33181,34 @@ function S4e(e, t) {
|
|
|
33181
33181
|
}
|
|
33182
33182
|
}
|
|
33183
33183
|
export {
|
|
33184
|
-
|
|
33184
|
+
z7e as $,
|
|
33185
33185
|
Al as A,
|
|
33186
33186
|
Y1 as B,
|
|
33187
33187
|
Ls as C,
|
|
33188
33188
|
GZ as D,
|
|
33189
|
-
|
|
33190
|
-
|
|
33191
|
-
|
|
33192
|
-
|
|
33189
|
+
s4e as E,
|
|
33190
|
+
i5 as F,
|
|
33191
|
+
vG as G,
|
|
33192
|
+
a5 as H,
|
|
33193
33193
|
xt as I,
|
|
33194
|
-
|
|
33195
|
-
|
|
33194
|
+
c4e as J,
|
|
33195
|
+
u4e as K,
|
|
33196
33196
|
C4e as L,
|
|
33197
33197
|
l4e as M,
|
|
33198
|
-
|
|
33198
|
+
r5 as N,
|
|
33199
33199
|
Lz as O,
|
|
33200
33200
|
nh as P,
|
|
33201
|
-
|
|
33201
|
+
b2 as Q,
|
|
33202
33202
|
SY as R,
|
|
33203
33203
|
Uo as S,
|
|
33204
33204
|
o5 as T,
|
|
33205
|
-
|
|
33206
|
-
|
|
33207
|
-
|
|
33208
|
-
|
|
33209
|
-
|
|
33205
|
+
Bt as U,
|
|
33206
|
+
G7e as V,
|
|
33207
|
+
X7e as W,
|
|
33208
|
+
Y7e as X,
|
|
33209
|
+
Ll as Y,
|
|
33210
33210
|
M3 as Z,
|
|
33211
|
-
|
|
33211
|
+
t4e as _,
|
|
33212
33212
|
na as a,
|
|
33213
33213
|
$q as a0,
|
|
33214
33214
|
Vo as a1,
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-B_WMDkcu.cjs");exports.App=e.App;exports.ColorVariables=e.ColorVariables;exports.createTicket=e.createTicket;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.ReCaptchaProvider=t.Z2;exports.splitTextIntoSpans=t.splitTextIntoSpans;exports.useReCaptcha=t.bi;
|
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { App as o, ColorVariables as t, createTicket as r, hotReload as s, iconNames as p } from "./builder.es.js";
|
|
2
|
-
import { Z as i, s as l, b as h } from "./index-
|
|
2
|
+
import { Z as i, s as l, b as h } from "./index-VdHBtEiJ.js";
|
|
3
3
|
export {
|
|
4
4
|
o as App,
|
|
5
5
|
t as ColorVariables,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DynamicErrorPage: React.FC;
|
|
@@ -125,6 +125,7 @@ interface Props {
|
|
|
125
125
|
addableOptions?: Record<string, any>;
|
|
126
126
|
itemsType: 'select';
|
|
127
127
|
itemsOptions: ListingData[];
|
|
128
|
+
limit?: number;
|
|
128
129
|
}
|
|
129
130
|
export declare const ListingSelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
130
131
|
export {};
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export * from './Accordion';
|
|
|
16
16
|
export * from './Button';
|
|
17
17
|
export * from './Link';
|
|
18
18
|
export * from './ProductCardButtons';
|
|
19
|
+
export * from './MetaInfoPost';
|
|
19
20
|
export * from '../builder/ui';
|
|
20
21
|
export { Input as InputSettings } from '../builder/ui/Input';
|
|
21
22
|
export { Input as InputUI } from './Input';
|
package/dist/ui.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BV-uzi53.cjs"),j=require("react");require("@phosphor-icons/react");const at="_wrapper_1vmyb_2",ct="_alignmentBlock_1vmyb_8",lt="_title_1vmyb_15",ut="_subtitle_1vmyb_22",dt="_alignmentContent_1vmyb_29",xt="_alignments_1vmyb_37",mt="_alignment_1vmyb_8",pt="_circle_1vmyb_60",jt="_paddings_1vmyb_67",ht="_padding_1vmyb_67",_t="_active_1vmyb_91",gt="_input_1vmyb_98",z={wrapper:at,alignmentBlock:ct,title:lt,subtitle:ut,alignmentContent:dt,alignments:xt,alignment:mt,circle:pt,paddings:jt,padding:ht,active:_t,input:gt},ft=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Et=["left","top","right","bottom"],bt=u=>{const{alignment:n,padding:e,setPadding:s,setAlignment:i}=u;function x(c){switch(c){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 m(c){switch(c){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,d]=j.useState(null),[h,C]=j.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:z.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:z.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:z.alignments,children:ft.map(c=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{i(c)},className:z.alignment,onMouseEnter:()=>{d(c)},onMouseLeave:()=>{d(null)},children:[c!==n&&o!==c&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),c!==n&&o===c&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(o),fill:"#c2c2c2",width:22,height:22}),c===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:x(n),fill:"#FF3F19",width:22,height:22})]},c))}),t.jsxRuntimeExports.jsx("div",{className:z.paddings,children:Et.map(c=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:h===c}),onFocus:()=>{C(c)},onBlur:()=>{C(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:m(c),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[c]),onChange:l=>s({...e,[c]:Math.min(Number(l),999)}),max:999,paddingless:!0,borderless:!0})]},c))})]})]})]})},Rt="_title_82zux_1",vt="_subtitle_82zux_5",yt="_header_82zux_12",It="_text_82zux_13",St="_productsBlock_82zux_14",Nt="_top_82zux_26",kt="_itemsBlock_82zux_35",Ct="_typeTexts_82zux_41",$t="_block_82zux_48",Bt="_active_82zux_61",wt="_products_82zux_14",Pt="_product_82zux_14",Mt="_button_82zux_80",Tt="_disabled_82zux_91",qt="_image_82zux_95",At="_info_82zux_102",Ot="_name_82zux_114",Lt="_buttons_82zux_118",Dt="_modal_82zux_125",Ut="_link_82zux_145",Ht="_modalOptions_82zux_151",zt="_addButton_82zux_157",Ft="_deleteButton_82zux_179",F={title:Rt,subtitle:vt,header:yt,text:It,productsBlock:St,top:Nt,itemsBlock:kt,typeTexts:Ct,block:$t,active:Bt,products:wt,product:Pt,button:Mt,disabled:Tt,image:qt,info:At,name:Ot,buttons:Lt,modal:Dt,link:Ut,modalOptions:Ht,addButton:zt,deleteButton:Ft},Vt=u=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:x,title:m,subtitle:o,draggable:d=!1,withImage:h=!1,addable:C=!0,itemsOptions:c,hasRangeSelector:l=!1,rangeSelectorOptions:w,limit:N,autoScrollInterval:I,deletable:_}=u;function k(g){if(h)return g?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${g[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const r=(g,P=!1)=>{const B=c.find(S=>S.id===g);if(!B)return;const L=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})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:S=>{const f=[...s],R=c.find(E=>E.name===S);if(!R)return;const T=R.id,a=f.map(E=>E===g?T:E);i([...a])},value:B.name,options:c.filter(S=>!s.find(f=>f===S.id)).map(S=>S.name),leftAddon:k(B.images)}),P&&t.jsxRuntimeExports.jsx("div",{className:F.buttons,children:t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(S=>S!==g))})})})]});return t.jsxRuntimeExports.jsx("div",{className:F.product,children:L},g)};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(m||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[m&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:m}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:g=>e==null?void 0:e(g)})]}),l&&w&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...w}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:o}),s.map(g=>r(g,_)),C&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(F.button,{[F.disabled]:!!(N&&N<=s.length||s.length===c.length)}),size:"s",disabled:!!(N&&N<=s.length||s.length===c.length),onClick:()=>{const g=[...s];let P=null;if(c){for(let B=0;B<c.length;B++)if(!s.find(L=>L===c[B].id)){P=c[B];break}}g.push((P==null?void 0:P.id)||c[0].id),i(g)},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})]})})})]}),x!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:x}),I!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(I.scrollInterval),onChange:g=>I.setScrollInterval(Number(g)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Yt="_title_roi3a_1",Wt="_subtitle_roi3a_5",Gt="_header_roi3a_12",Xt="_text_roi3a_13",Jt="_productsBlock_roi3a_14",Qt="_top_roi3a_26",Kt="_itemsBlock_roi3a_35",Zt="_typeTexts_roi3a_41",te="_block_roi3a_48",ee="_active_roi3a_61",se="_products_roi3a_14",ne="_product_roi3a_14",ie="_button_roi3a_80",oe="_disabled_roi3a_91",re="_image_roi3a_95",ae="_info_roi3a_102",ce="_name_roi3a_114",le="_buttons_roi3a_118",ue="_modal_roi3a_125",de="_link_roi3a_145",xe="_modalOptions_roi3a_151",me="_addButton_roi3a_164",pe="_deleteButton_roi3a_179",je="_closeIcon_roi3a_191",U={title:Yt,subtitle:Wt,header:Gt,text:Xt,productsBlock:Jt,top:Qt,itemsBlock:Kt,typeTexts:Zt,block:te,active:ee,products:se,product:ne,button:ie,disabled:oe,image:re,info:ae,name:ce,buttons:le,modal:ue,link:de,modalOptions:xe,addButton:me,deleteButton:pe,closeIcon:je};function he({product:u,children:n}){const{attributes:e,listeners:s,setNodeRef:i,transform:x,transition:m,isDragging:o}=t.useSortable({id:u.id}),d={transform:t.CSS.Transform.toString(x),transition:m};return t.jsxRuntimeExports.jsx("div",{ref:i,style:d,className:`${U.product} ${o?U.dragging:""}`,...e,...s,children:n})}const _e=u=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,title:x,subtitle:m,editable:o=!0,draggable:d=!1,deletable:h=!0,addable:C=!0,itemsType:c,itemsOptions:l,addableOptions:w={},limit:N}=u,[I,_]=j.useState(null),[k,r]=j.useState(null),g=j.useRef(null),P=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{if(I){const f=[...s].map(R=>R.id===I.id?I:R);i(f)}},[I]),j.useEffect(()=>{g.current&&k&&(g.current.getBoundingClientRect().height,k.top)},[g.current,k]);const B=(f,R)=>{f.stopPropagation();const T=f.target.getBoundingClientRect();r({top:T.top+window.scrollY,left:T.left-30}),_(R)},L=f=>{const{active:R,over:T}=f;if(T&&R.id!==T.id){const a=s.findIndex(y=>y.id===R.id),E=s.findIndex(y=>y.id===T.id);if(a!==-1&&E!==-1){const y=[...s],[D]=y.splice(a,1);y.splice(E,0,D),i(y)}}},S=(f,R)=>{const T=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})}),c==="select"&&l&&t.jsxRuntimeExports.jsx(t.Select,{onChange:a=>{const E=[...s],y=l.find($=>$.name===a);if(!y)return;const D=E.map($=>$.id===f.id?{...y,name:{"en-US":a}}:$);_({...f,name:{"en-US":a}}),i([...D])},value:f.name,options:l.filter(a=>!s.find(E=>E.name===a.name)).map(a=>a.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[o&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:a=>B(a,f)})}),h&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(a=>a.id!==f.id))})})]})]});return d?t.jsxRuntimeExports.jsx(he,{product:f,index:R,children:T},f.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:T},f.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(x||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[x&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:x}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:f=>e==null?void 0:e(f)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[m&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:m}),d?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:P,onDragEnd:L,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(f=>f.id),strategy:t.verticalListSortingStrategy,children:s.map((f,R)=>S(f,R))})}):s.map((f,R)=>S(f,R)),C&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(U.button,{[U.disabled]:!!(N&&N<=s.length||s.length===(l==null?void 0:l.length))}),size:"s",disabled:!!(N&&N<=s.length||s.length===(l==null?void 0:l.length)),onClick:()=>{const f=[...s];let R=null;if(l){for(let T=0;T<l.length;T++)if(!s.find(a=>a.id===l[T].id)){R=l[T];break}}c==="select"&&l&&f.push({name:R?R.name:l[0].name,id:(R==null?void 0:R.id)||l[0].id,...w}),i(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:U.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function ge(u){const{product:n,children:e}=u,{attributes:s,listeners:i,setNodeRef:x,transform:m,transition:o,isDragging:d}=t.useSortable({id:n.id}),h={transform:t.CSS.Transform.toString(m),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:x,style:h,className:`${t.styles.product} ${d?t.styles.dragging:""}`,...s,...i,children:e})}const fe=u=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:x,title:m,subtitle:o,editable:d=!0,draggable:h=!1,withImage:C=!1,deletable:c=!0,addable:l=!0,itemsType:w,itemsPlaceholder:N="",itemsOptions:I,hasRangeSelector:_=!1,rangeSelectorOptions:k,modalOptions:r,addableOptions:g={},limit:P}=u,[B,L]=j.useState(null),[S,f]=j.useState({top:0,left:0}),[R,T]=j.useState(null),a=j.useRef(null),[E,y]=j.useState(!1),D=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const p=()=>{L(null),y(!1)};return document.body.addEventListener("click",p),L(null),y(!1),()=>{L(null),y(!1),document.body.removeEventListener("click",p)}},[]),j.useEffect(()=>{if(B){const p=[...s].map(M=>M.id===B.id?B:M);i(p)}},[B]),j.useEffect(()=>{if(a.current&&R){const p=a.current.getBoundingClientRect().height,M=window.innerHeight;let q=R.top;q+p>M+window.scrollY-200&&(q=M+window.scrollY-p-200),q<0&&(q=10),f({top:q,left:R.left})}},[a.current,R]);const $=(p,M)=>{p.stopPropagation();const q=p.target.getBoundingClientRect();T({top:q.top+window.scrollY,left:q.left-30}),L(M),y(!0)};function O(p){if(C)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const W=p=>{const{active:M,over:q}=p;if(q&&M.id!==q.id){const A=s.findIndex(H=>H.id===M.id),X=s.findIndex(H=>H.id===q.id);if(A!==-1&&X!==-1){const H=[...s],[V]=H.splice(A,1);H.splice(X,0,V),i(H)}}},J=p=>{var q;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),w==="select"&&I&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const H=[...s].map(V=>V.id===p.id?{...p,name:{"en-US":A}}:V);L({...p,name:{"en-US":A}}),i([...H])},value:p.name["en-US"],options:I.filter(A=>!s.find(X=>X.name["en-US"]===A)),leftAddon:O(p.images)}),w==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const H=[...s].map(V=>V.id===p.id?{...p,name:{"en-US":A}}:V);i([...H])},value:p.name["en-US"],placeholder:N}),w==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const H=[...s].map(V=>V.id===p.id?{...p,images:A}:V);i([...H])},activeImage:(q=s.find(A=>A.id===p.id))==null?void 0:q.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>$(A,p)})}),c&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(A=>A.id!==p.id))})})]})]});return h?t.jsxRuntimeExports.jsx(ge,{product:p,children:M},p.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:M},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(m||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[m&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:m}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>e==null?void 0:e(p)})]}),B&&d&&r&&E&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:a,activeItem:B,setActiveItem:L,popupPosition:S,modalOptions:r,setIsOpenModal:y}),_&&k&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...k}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:D,onDragEnd:W,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map(p=>J(p))})}):s.map(p=>J(p)),l&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(P&&P<=s.length)}),size:"s",disabled:!!(P&&P<=s.length),onClick:()=>{const p=[...s];let M=null;if(I){for(let q=0;q<I.length;q++)if(!s.find(A=>A.name["en-US"]===I[q])){M=I[q];break}}w==="select"&&I?p.push({name:{"en-US":M||I[0]},id:t.v4(),...g,maxSymbols:100}):w==="input"?p.push({name:{"en-US":""},id:t.v4(),...g,maxSymbols:100}):p.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...g,maxSymbols:100}),i(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),x!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:x})]})},Ee="_subtitle_jql1y_1",be="_header_jql1y_8",Re="_text_jql1y_9",ve="_productsBlock_jql1y_10",ye="_buttonsBlock_jql1y_11",Ie="_top_jql1y_23",Se="_itemsBlock_jql1y_32",Ne="_typeTexts_jql1y_38",ke="_block_jql1y_45",Ce="_active_jql1y_58",$e="_products_jql1y_10",Be="_product_jql1y_10",we="_button_jql1y_11",Pe="_image_jql1y_88",Me="_info_jql1y_95",Te="_name_jql1y_107",qe="_buttons_jql1y_11",Ae="_modal_jql1y_118",Oe="_other_jql1y_138",Le="_options_jql1y_144",De="_addButton_jql1y_150",Ue="_deleteButton_jql1y_165",Y={subtitle:Ee,header:be,text:Re,productsBlock:ve,buttonsBlock:ye,top:Ie,itemsBlock:Se,typeTexts:Ne,block:ke,active:Ce,products:$e,product:Be,button:we,image:Pe,info:Me,name:Te,buttons:qe,modal:Ae,other:Oe,options:Le,addButton:De,deleteButton:Ue},tt=u=>{const{buttons:n,setButtons:e,deletable:s=!0,addable:i=!0,editableLink:x=!0}=u,{pages:m}=t.usePagesStore(),[o,d]=j.useState(null),[h,C]=j.useState({top:0,left:0}),[c,l]=j.useState(null),w=j.useRef(null);j.useEffect(()=>{if(o){const _=[...n].map(k=>k.id===o.id?o:k);e(_)}},[o]),j.useEffect(()=>{if(w.current&&c){const _=w.current.getBoundingClientRect().height,k=window.innerHeight;let r=c.top;r+_>k+window.scrollY-200&&(r=k+window.scrollY-_-200),r<0&&(r=10),C({top:r,left:c.left})}},[w.current,c]);const N=(_,k)=>{_.stopPropagation();const r=_.target.getBoundingClientRect();l({top:r.top+window.scrollY-70,left:r.left-(i?30:65)}),d(k)},I=(_,k)=>{const r=[...n],g={..._,id:Math.random().toString(36).substr(2,9)};r.splice(k+1,0,g),e(r)};return t.jsxRuntimeExports.jsxs("div",{className:Y.products,children:[t.jsxRuntimeExports.jsx("h5",{className:Y.subtitle,children:"Button Type"}),n.map((_,k)=>t.jsxRuntimeExports.jsxs("div",{className:Y.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:r=>{const P=[...n].map(B=>B.id===_.id?{..._,type:r}:B);e(P)},value:_.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:Y.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:Y.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{I(_,k)}})}),t.jsxRuntimeExports.jsx("div",{className:Y.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:r=>{N(r,_)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:Y.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const r=n.filter(g=>g.id!==_.id);e(r)},width:20,height:20,fill:"#C12A2A"})})]})]},_.id)),o&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:w,activeButton:o,setActiveButton:d,popupPosition:h,editableLink:x}),i&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:Y.button,size:"s",onClick:()=>{const _=[...n];x?_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:m?Object.values(m)[0].name:"Home",openInNewTab:!1}):_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:m?Object.values(m)[0].name:"Home",openInNewTab:!1}),e(_)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:Y.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},He=u=>{const{isActiveButtons:n,setIsActiveButtons:e,buttons:s,setButtons:i,editableLink:x=!0,addable:m=!0,deletable:o=!0}=u;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:d=>e(d)})]}),n&&t.jsxRuntimeExports.jsx(tt,{buttons:s,setButtons:i,editableLink:x,addable:m,deletable:o})]})})};function ze(u){const{product:n,children:e}=u,{attributes:s,listeners:i,setNodeRef:x,transform:m,transition:o,isDragging:d}=t.useSortable({id:String(n.listingId)}),h={transform:t.CSS.Transform.toString(m),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:x,style:h,className:`${t.styles$2.product} ${d?t.styles$2.dragging:""}`,...s,...i,children:e})}const Fe=u=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:x,title:m,subtitle:o,editable:d=!0,draggable:h=!1,withImage:C=!1,deletable:c=!0,addable:l=!0,itemsType:w,itemsOptions:N}=u,[I,_]=j.useState(null),[k,r]=j.useState({top:0,left:0}),[g,P]=j.useState(!1),B=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const a=()=>{_(null),P(!1)};return document.body.addEventListener("click",a),_(null),P(!1),()=>{_(null),P(!1),document.body.removeEventListener("click",a)}},[]),j.useEffect(()=>{if(I){const a=[...s].map(E=>E.listingId===I.listingId?I:E);i(a)}},[I]);const L=(a,E)=>{a.stopPropagation();const y=a.target.getBoundingClientRect(),D=100,$=window.innerHeight;let O=y.top+window.scrollY;O+D>$&&(O=$-D-20),P(!0),r({top:O-80,left:y.left-30}),_(E)};function S(a){if(C)return a?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${a}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const f=a=>{const{active:E,over:y}=a;if(y&&E.id!==y.id){const D=s.findIndex(O=>String(O.listingId)===E.id),$=s.findIndex(O=>String(O.listingId)===y.id);if(D!==-1&&$!==-1){const O=[...s],[W]=O.splice(D,1);O.splice($,0,W),i(O)}}},R=(a,E)=>{const y=N.find($=>a.listingId===$.id);if(!y)return null;const D=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),w==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:$=>{const O=[...s],W=N.find(M=>M.productData.name===$);if(!W)return;const J={listingId:W.id,image:W.productData.images.length>0?W.productData.images[0].cfId:""},p=O.map(M=>M.listingId===a.listingId?J:M);_(J),i([...p])},value:y.productData.name,options:[...N.filter($=>!s.find(O=>O.listingId===$.id)).map($=>$.productData.name)],leftAddon:S(a.image||y.productData.images.length>0&&y.productData.images[0].cfId||"")},E),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:$=>L($,a)})}),c&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter($=>$!==a))})})]})]});return h?t.jsxRuntimeExports.jsx(ze,{product:a,children:D},a.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:D},a.listingId)},T=j.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(m||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[m&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:m}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:a=>e==null?void 0:e(a)})]}),g&&I&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:T,activeItem:I,setActiveItem:_,setIsOpenModal:P,popupPosition:k,itemsOptions:N}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:B,onDragEnd:f,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(a=>String(a.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((a,E)=>R(a,E))})}):s.map((a,E)=>R(a,E)),l&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const a=[...s];for(let E=0;E<N.length;E++)if(!s.find(y=>y.listingId===N[E].id)){a.push({listingId:N[E].id,image:N[E].productData.images.length>0?N[E].productData.images[0].cfId:""});break}i(a)},disabled:s.length===N.length,style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),n&&x!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:x})]})},Ve="_options_6cemk_1",Ye="_price_6cemk_12",We="_oldPrice_6cemk_19",Ge="_newPrice_6cemk_27",Xe="_animate_6cemk_34",Je="_appearAndBounce_6cemk_1",Qe="_meta_6cemk_52",Ke="_info_6cemk_58",Ze="_infoRight_6cemk_66",ts="_buttons_6cemk_73",es="_variants_6cemk_80",ss="_variant_6cemk_80",ns="_stock_6cemk_98",is="_variantInfo_6cemk_105",os="_quantity_6cemk_111",rs="_count_6cemk_118",as="_focused_6cemk_135",cs="_button_6cemk_73",ls="_activeVariant_6cemk_161",us="_chargeTypes_6cemk_165",ds="_charge_6cemk_165",xs="_chargeActive_6cemk_190",ms="_title_6cemk_198",v={options:Ve,price:Ye,oldPrice:We,newPrice:Ge,animate:Xe,appearAndBounce:Je,meta:Qe,info:Ke,infoRight:Ze,buttons:ts,variants:es,variant:ss,stock:ns,variantInfo:is,quantity:os,count:rs,focused:as,button:cs,activeVariant:ls,chargeTypes:us,charge:ds,chargeActive:xs,title:ms};var et=(u=>(u.ONE_TIME="One-Time",u.RECURRING="Subscribe & Save",u))(et||{});const ps=u=>{var _,k;const{variants:n}=u,[e,s]=j.useState(n[0]),[i,x]=j.useState(e.chargeTypes[0]),m=t.useNavigate(),[o,d]=j.useState(1),{reset:h,addProductToCart:C}=t.di(),[c,l]=j.useState(!1);j.useEffect(()=>{l(!0);const r=setTimeout(()=>l(!1),600);return()=>clearTimeout(r)},[o]);async function w(){await C({productId:u.id,productVariantId:e.id,quantity:o})}function N(){h(),w(),m("/checkout")}function I(r){if(r>=864e5){const S=Math.floor(r/864e5);return`${S} ${S===1?"day":"days"}`}else if(r>=36e5){const S=Math.floor(r/36e5);return`${S} ${S===1?"hour":"hours"}`}else if(r>=6e4){const S=Math.floor(r/6e4);return`${S} ${S===1?"minute":"minutes"}`}else{const S=Math.floor(r/1e3);return`${S} ${S===1?"second":"seconds"}`}}return j.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&d(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:v.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:v.chargeTypes,children:e.chargeTypes.map(r=>t.jsxRuntimeExports.jsx("div",{className:t.clx(v.charge,{[v.chargeActive]:i===r}),onClick:()=>x(r),children:et[r]},r))}),t.jsxRuntimeExports.jsx("div",{className:v.variants,children:n.map(r=>{var g;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(v.variant,{[v.activeVariant]:e.id===r.id}),onClick:()=>s(r),children:[t.jsxRuntimeExports.jsxs("div",{className:v.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:v.title,children:r.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",i==="ONE_TIME"?r.price.amount:r.subscriptionSettings?r.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:v.stock,children:[((g=r.quantity.restrictions)==null?void 0:g.max)||r.quantity.available||0," in stock"]})})]},r.id)})}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:v.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o>1?d(r=>r-1):d(1)},className:v.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(o),onChange:r=>d(Number(r)),max:((_=e.quantity.restrictions)==null?void 0:_.max)||e.quantity.available||1/0,min:((k=e.quantity.restrictions)==null?void 0:k.min)||0,centered:!0,disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{d(r=>r+1)},className:v.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:v.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:v.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:v.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":I(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:v.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:v.infoRight,children:i==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:v.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(v.newPrice,{[v.animate]:c}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:v.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(v.newPrice,{[v.animate]:c}),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:v.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(v.newPrice,{[v.animate]:c}),children:["$ ",e.subscriptionSettings.price.amount||0]}),t.jsxRuntimeExports.jsxs("span",{className:v.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount||0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(v.newPrice,{[v.animate]:c}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:v.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>N(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:i==="ONE_TIME"?"Buy Now":"Subscribe Now"}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>w(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},js="_button_1tdo3_1",hs="_login_1tdo3_14",_s="_signUp_1tdo3_18",gs="_buttons_1tdo3_23",fs="_modal_1tdo3_32",Es="_closing_1tdo3_64",bs="_info_1tdo3_113",Rs="_top_1tdo3_120",vs="_title_1tdo3_131",ys="_clear_1tdo3_138",Is="_activeClear_1tdo3_145",Ss="_count_1tdo3_149",Ns="_cart_1tdo3_164",ks="_empty_1tdo3_172",Cs="_product_1tdo3_198",$s="_products_1tdo3_207",Bs="_image_1tdo3_215",ws="_productInfo_1tdo3_221",Ps="_content_1tdo3_228",Ms="_name_1tdo3_234",Ts="_price_1tdo3_240",qs="_productButtons_1tdo3_246",As="_productButton_1tdo3_246",Os="_productCount_1tdo3_266",Ls="_bottom_1tdo3_282",Ds="_subtotal_1tdo3_290",Us="_block_1tdo3_298",Hs="_shoppingCount_1tdo3_305",zs="_total_1tdo3_325",Fs="_link_1tdo3_331",Vs="_userInfo_1tdo3_338",Ys="_pagesMobileModal_1tdo3_349",Ws="_pagesMobileModalContent_1tdo3_363",Gs="_pagesMobileModalHeader_1tdo3_369",Xs="_pagesMobileModalFooter_1tdo3_379",b={button:js,login:hs,signUp:_s,buttons:gs,modal:fs,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:Es,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:bs,top:Rs,title:vs,clear:ys,activeClear:Is,count:Ss,cart:Ns,empty:ks,product:Cs,products:$s,image:Bs,productInfo:ws,content:Ps,name:Ms,price:Ts,productButtons:qs,productButton:As,productCount:Os,bottom:Ls,subtotal:Ds,block:Us,shoppingCount:Hs,total:zs,link:Fs,userInfo:Vs,pagesMobileModal:Ys,pagesMobileModalContent:Ws,pagesMobileModalHeader:Gs,pagesMobileModalFooter:Xs},Js=u=>{const{shopping:n,signUp:e,isShowUserInfo:s=!0}=u;return t.jsxRuntimeExports.jsxs("div",{className:b.buttons,children:[n&&t.jsxRuntimeExports.jsx(st,{}),s&&t.jsxRuntimeExports.jsx(Z,{signUp:e})]})},st=()=>{const[u,n]=j.useState(!1),[e,s]=j.useState([]),{cart:i}=t.di();function x(h){var C;return!h||!(h!=null&&h.variants)?!1:(C=h.variants.find(c=>c.id===h.activeVariantId))==null?void 0:C.subscriptionSettings}const m=i.parts.length>0&&e.length>0&&!x(e[0]),[o,d]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10},onClick:h=>{h.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),d(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),m&&t.jsxRuntimeExports.jsx("div",{className:b.shoppingCount,children:i.parts.length})]}),u&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{d(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(nt,{activeProducts:e,isCartNotEmpty:m,isOpen:o})})]})},nt=u=>{const{activeProducts:n,isCartNotEmpty:e,isOpen:s}=u,{cart:i,reset:x,getTotalAndDiscount:m,updateQuantityOfProduct:o}=t.di(),d=t.useNavigate();function h(l){d(l)}function C(l){o({productId:l.id,productVariantId:l.activeVariantId,quantity:l.quantity+1})}function c(l){o({productId:l.id,productVariantId:l.activeVariantId,quantity:l.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(b.modal,{[b.closing]:!s}),onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:b.top,children:[t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{className:b.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:b.count,children:i.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(b.clear,{[b.activeClear]:e}),disabled:!e,onClick:x,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:b.cart,children:[t.jsxRuntimeExports.jsx("div",{className:b.products,children:n.map(l=>t.jsxRuntimeExports.jsxs("div",{className:b.product,children:[t.jsxRuntimeExports.jsxs("div",{className:b.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:b.image}),t.jsxRuntimeExports.jsxs("div",{className:b.content,children:[t.jsxRuntimeExports.jsx("div",{className:b.name,children:l.name}),t.jsxRuntimeExports.jsxs("div",{className:b.price,children:["$",l.variants.find(w=>w.id===l.activeVariantId).price.amount*((l==null?void 0:l.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{l.quantity!==1&&c(l)},className:b.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:b.productCount,children:l.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>C(l),className:b.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},l.id))}),t.jsxRuntimeExports.jsxs("div",{className:b.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:b.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:b.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:b.total,children:["$",m().total]})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>h("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(it,{})]})},it=()=>t.jsxRuntimeExports.jsxs("div",{className:b.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:b.link,children:"view products"})]})]}),Z=({signUp:u,close:n})=>{const e=JSON.parse(localStorage.getItem("token")||"{}"),{data:s}=e,i=t.useNavigate();function x(d){window.location.pathname.includes("/admin/builder")||i(d)}if(!s)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),u&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{x("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]});const[m,o]=j.useState("test-email@gmail.com");return j.useEffect(()=>{(async()=>{const h=t.jwtDecode(s);o(h.email)})()},[s]),t.jsxRuntimeExports.jsx("div",{className:b.userInfo,onClick:()=>{x("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:m||"test-email@gmail.com"})})},ot=({children:u,logo:n,setIsOpen:e,signUp:s})=>{const{setIsOpen:i}=t.useModalStore(),x=()=>{i(!1),setTimeout(()=>{e(!1),i(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:b.pagesMobileModal,onClick:m=>m.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:b.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:x,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:b.pagesMobileModalContent,children:u}),t.jsxRuntimeExports.jsx("div",{className:b.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(Z,{signUp:s,close:x})})]})},Qs=({children:u,logo:n,signUp:e})=>{const[s,i]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(rt,{setIsOpenModal:i}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>i(!1),children:t.jsxRuntimeExports.jsx(ot,{logo:n,setIsOpen:i,signUp:e,children:u})})]})},rt=u=>{const{setIsOpenModal:n}=u;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},Ks="_share_10urc_1",Zs="_modal_10urc_9",tn="_header_10urc_21",en="_socials_10urc_31",sn="_social_10urc_31",nn="_copy_10urc_41",on="_title_10urc_48",rn="_copyWrapper_10urc_54",an="_copyText_10urc_63",cn="_copyTextMobile_10urc_76",ln="_copyTextMiniMobile_10urc_95",G={share:Ks,modal:Zs,header:tn,socials:en,social:sn,copy:nn,title:on,copyWrapper:rn,copyText:an,copyTextMobile:cn,copyTextMiniMobile:ln},un=()=>{const{isOpenModal:u,setIsOpenModal:n}=t.useShareLinkStore();function e(){n(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:G.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:n,children:t.jsxRuntimeExports.jsx(dn,{})})]})},dn=()=>{const{setIsOpenModal:u}=t.useShareLinkStore(),{notification:n,setNotification:e}=t.useNotificationStore(),{setIsOpen:s}=t.useModalStore(),i=window.location.href;function x(){navigator.clipboard.writeText(i),e({message:"Link copied to clipboard",status:"success"})}function m(){s(!1),setTimeout(()=>{u(!1),s(!0)},300)}function o(d,h){return d.length>h?d.slice(0,h)+"...":d}return t.jsxRuntimeExports.jsxs("div",{className:G.modal,onClick:d=>d.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:G.header,children:[t.jsxRuntimeExports.jsx("div",{className:G.title,children:"Copy Product Link"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:m,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:G.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:x,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:G.copyText,children:o(i,100)}),t.jsxRuntimeExports.jsx("div",{className:G.copyTextMobile,children:o(i,40)}),t.jsxRuntimeExports.jsx("div",{className:G.copyTextMiniMobile,children:o(i,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:x,children:n?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},xn="_accordion_1s1lq_1",mn="_header_1s1lq_9",pn="_icon_1s1lq_18",jn="_open_1s1lq_21",hn="_content_1s1lq_25",Q={accordion:xn,header:mn,icon:pn,open:jn,content:hn},_n=({title:u,content:n,defaultOpen:e=!1})=>{const[s,i]=j.useState(e),[x,m]=j.useState(0),o=j.useRef(null),d=()=>{i(!s)};return j.useEffect(()=>{o.current&&m(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:Q.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,onClick:d,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:u}),t.jsxRuntimeExports.jsx("div",{className:t.clx(Q.icon,{[Q.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:Q.content,style:{height:`${x}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},gn=({children:u,path:n,className:e,target:s="_self",id:i})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:i,children:u});const x=t.useNavigate(),m=/^https?:\/\//.test(n),o=d=>{m||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.location.href=n:(d.preventDefault(),x(n,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:i,children:u})},fn="_buttonsBlock_1b2rb_1",En="_slideUp_1b2rb_1",bn={buttonsBlock:fn,slideUp:En},Rn=()=>t.jsxRuntimeExports.jsxs("div",{className:bn.buttonsBlock,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",children:"Buy"})]}),vn="_wrapper_st58d_1",yn="_label_st58d_10",In="_textarea_st58d_18",Sn="_length_st58d_33",K={wrapper:vn,label:yn,textarea:In,length:Sn},Nn=u=>{const{onChange:n,label:e,value:s,maxLength:i,placeholder:x="Type something...",type:m="text"}=u,[o,d]=j.useState(s.length);function h(C){return m==="number"?C.replace(/[^\d\n]+/g,""):C}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:K.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,value:s,onChange:C=>{const c=h(C.target.value);d(c.length),n(c)},placeholder:x,className:K.textarea,maxLength:i}),i&&t.jsxRuntimeExports.jsxs("div",{className:K.length,children:[o,"/",i]})]})};exports.Button=t.Button$1;exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.InputUI=t.Input$1;exports.ItemsSettings=t.ItemsSettings;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TypesText=t.TypesText;exports.Accordion=_n;exports.BurgerMenuButton=rt;exports.ButtonTypeSettings=tt;exports.ButtonsSettings=He;exports.CategorySettings=Vt;exports.EmptyCart=it;exports.FormSettings=fe;exports.HeaderButtons=Js;exports.LayoutSettings=bt;exports.Link=gn;exports.ListingSelector=Fe;exports.PagesMobileMenu=Qs;exports.PagesMobileModal=ot;exports.PagesSettings=_e;exports.ProductCardButtons=Rn;exports.ProductOptions=ps;exports.ShareLink=un;exports.ShoppingButton=st;exports.ShoppingModalCart=nt;exports.TextareaUI=Nn;exports.UserInfo=Z;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B_WMDkcu.cjs"),j=require("react");require("@phosphor-icons/react");const ct="_wrapper_1vmyb_2",lt="_alignmentBlock_1vmyb_8",ut="_title_1vmyb_15",dt="_subtitle_1vmyb_22",xt="_alignmentContent_1vmyb_29",mt="_alignments_1vmyb_37",pt="_alignment_1vmyb_8",jt="_circle_1vmyb_60",ht="_paddings_1vmyb_67",_t="_padding_1vmyb_67",gt="_active_1vmyb_91",ft="_input_1vmyb_98",F={wrapper:ct,alignmentBlock:lt,title:ut,subtitle:dt,alignmentContent:xt,alignments:mt,alignment:pt,circle:jt,paddings:ht,padding:_t,active:gt,input:ft},Et=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Rt=["left","top","right","bottom"],bt=l=>{const{alignment:n,padding:e,setPadding:s,setAlignment:i}=l;function u(a){switch(a){case"left":case"topLeft":case"bottomLeft":return"TextAlignLeft";case"right":case"topRight":case"bottomRight":return"TextAlignRight";case"center":case"top":case"bottom":return"TextAlignCenter";default:return"TextAlignCenter"}}function d(a){switch(a){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[o,x]=j.useState(null),[h,S]=j.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:F.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:F.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:F.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:F.alignments,children:Et.map(a=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{i(a)},className:F.alignment,onMouseEnter:()=>{x(a)},onMouseLeave:()=>{x(null)},children:[a!==n&&o!==a&&t.jsxRuntimeExports.jsx("div",{className:F.circle}),a!==n&&o===a&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(o),fill:"#c2c2c2",width:22,height:22}),a===n&&t.jsxRuntimeExports.jsx(t.Icon,{name:u(n),fill:"#FF3F19",width:22,height:22})]},a))}),t.jsxRuntimeExports.jsx("div",{className:F.paddings,children:Rt.map(a=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(F.padding,{[F.active]:h===a}),onFocus:()=>{S(a)},onBlur:()=>{S(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:d(a),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(e[a]),onChange:c=>s({...e,[a]:Math.min(Number(c),999)}),max:999,paddingless:!0,borderless:!0})]},a))})]})]})]})},vt="_title_82zux_1",yt="_subtitle_82zux_5",It="_header_82zux_12",St="_text_82zux_13",Nt="_productsBlock_82zux_14",kt="_top_82zux_26",Ct="_itemsBlock_82zux_35",$t="_typeTexts_82zux_41",Bt="_block_82zux_48",wt="_active_82zux_61",Pt="_products_82zux_14",Mt="_product_82zux_14",Tt="_button_82zux_80",qt="_disabled_82zux_91",At="_image_82zux_95",Ot="_info_82zux_102",Lt="_name_82zux_114",Dt="_buttons_82zux_118",zt="_modal_82zux_125",Ut="_link_82zux_145",Ht="_modalOptions_82zux_151",Ft="_addButton_82zux_157",Vt="_deleteButton_82zux_179",V={title:vt,subtitle:yt,header:It,text:St,productsBlock:Nt,top:kt,itemsBlock:Ct,typeTexts:$t,block:Bt,active:wt,products:Pt,product:Mt,button:Tt,disabled:qt,image:At,info:Ot,name:Lt,buttons:Dt,modal:zt,link:Ut,modalOptions:Ht,addButton:Ft,deleteButton:Vt},Yt=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,draggable:x=!1,withImage:h=!1,addable:S=!0,itemsOptions:a,hasRangeSelector:c=!1,rangeSelectorOptions:w,limit:k,autoScrollInterval:B,deletable:_}=l;function v(f){if(h)return f?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${f[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const r=(f,O=!1)=>{const N=a.find(I=>I.id===f);if(!N)return;const D=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const E=[...s],y=a.find(p=>p.name===I);if(!y)return;const P=y.id,C=E.map(p=>p===f?P:p);i([...C])},value:N.name,options:a.filter(I=>!s.find(E=>E===I.id)).map(I=>I.name),leftAddon:v(N.images)}),O&&t.jsxRuntimeExports.jsx("div",{className:V.buttons,children:t.jsxRuntimeExports.jsx("div",{className:V.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(I=>I!==f))})})})]});return t.jsxRuntimeExports.jsx("div",{className:V.product,children:D},f)};return t.jsxRuntimeExports.jsxs("div",{className:V.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:V.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:V.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:f=>e==null?void 0:e(f)})]}),c&&w&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...w}),t.jsxRuntimeExports.jsxs("div",{className:V.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:V.subtitle,children:o}),s.map(f=>r(f,_)),S&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(V.button,{[V.disabled]:!!(k&&k<=s.length||s.length===a.length)}),size:"s",disabled:!!(k&&k<=s.length||s.length===a.length),onClick:()=>{const f=[...s];let O=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(D=>D===a[N].id)){O=a[N];break}}f.push((O==null?void 0:O.id)||a[0].id),i(f)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:V.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u}),B!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(B.scrollInterval),onChange:f=>B.setScrollInterval(Number(f)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},Gt="_title_roi3a_1",Wt="_subtitle_roi3a_5",Xt="_header_roi3a_12",Jt="_text_roi3a_13",Qt="_productsBlock_roi3a_14",Kt="_top_roi3a_26",Zt="_itemsBlock_roi3a_35",te="_typeTexts_roi3a_41",ee="_block_roi3a_48",se="_active_roi3a_61",ne="_products_roi3a_14",ie="_product_roi3a_14",oe="_button_roi3a_80",re="_disabled_roi3a_91",ae="_image_roi3a_95",ce="_info_roi3a_102",le="_name_roi3a_114",ue="_buttons_roi3a_118",de="_modal_roi3a_125",xe="_link_roi3a_145",me="_modalOptions_roi3a_151",pe="_addButton_roi3a_164",je="_deleteButton_roi3a_179",he="_closeIcon_roi3a_191",U={title:Gt,subtitle:Wt,header:Xt,text:Jt,productsBlock:Qt,top:Kt,itemsBlock:Zt,typeTexts:te,block:ee,active:se,products:ne,product:ie,button:oe,disabled:re,image:ae,info:ce,name:le,buttons:ue,modal:de,link:xe,modalOptions:me,addButton:pe,deleteButton:je,closeIcon:he};function _e({product:l,children:n}){const{attributes:e,listeners:s,setNodeRef:i,transform:u,transition:d,isDragging:o}=t.useSortable({id:l.id}),x={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:i,style:x,className:`${U.product} ${o?U.dragging:""}`,...e,...s,children:n})}const ge=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,title:u,subtitle:d,editable:o=!0,draggable:x=!1,deletable:h=!0,addable:S=!0,itemsType:a,itemsOptions:c,addableOptions:w={},limit:k}=l,[B,_]=j.useState(null),[v,r]=j.useState(null),f=j.useRef(null),O=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{if(B){const E=[...s].map(y=>y.id===B.id?B:y);i(E)}},[B]),j.useEffect(()=>{f.current&&v&&(f.current.getBoundingClientRect().height,v.top)},[f.current,v]);const N=(E,y)=>{E.stopPropagation();const P=E.target.getBoundingClientRect();r({top:P.top+window.scrollY,left:P.left-30}),_(y)},D=E=>{const{active:y,over:P}=E;if(P&&y.id!==P.id){const C=s.findIndex(g=>g.id===y.id),p=s.findIndex(g=>g.id===P.id);if(C!==-1&&p!==-1){const g=[...s],[M]=g.splice(C,1);g.splice(p,0,M),i(g)}}},I=(E,y)=>{const P=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&c&&t.jsxRuntimeExports.jsx(t.Select,{onChange:C=>{const p=[...s],g=c.find(z=>z.name===C);if(!g)return;const M=p.map(z=>z.id===E.id?{...g,name:{"en-US":C}}:z);_({...E,name:{"en-US":C}}),i([...M])},value:E.name,options:c.filter(C=>!s.find(p=>p.name===C.name)).map(C=>C.name)}),t.jsxRuntimeExports.jsxs("div",{className:U.buttons,children:[o&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:C=>N(C,E)})}),h&&t.jsxRuntimeExports.jsx("div",{className:U.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(C=>C.id!==E.id))})})]})]});return x?t.jsxRuntimeExports.jsx(_e,{product:E,index:y,children:P},E.id):t.jsxRuntimeExports.jsx("div",{className:U.product,children:P},E.id)};return t.jsxRuntimeExports.jsxs("div",{className:U.productsBlock,children:[(u||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:U.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:U.title,children:u}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:E=>e==null?void 0:e(E)})]}),t.jsxRuntimeExports.jsxs("div",{className:U.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:U.subtitle,children:d}),x?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:O,onDragEnd:D,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(E=>E.id),strategy:t.verticalListSortingStrategy,children:s.map((E,y)=>I(E,y))})}):s.map((E,y)=>I(E,y)),S&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(U.button,{[U.disabled]:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length))}),size:"s",disabled:!!(k&&k<=s.length||s.length===(c==null?void 0:c.length)),onClick:()=>{const E=[...s];let y=null;if(c){for(let P=0;P<c.length;P++)if(!s.find(C=>C.id===c[P].id)){y=c[P];break}}a==="select"&&c&&E.push({name:y?y.name:c[0].name,id:(y==null?void 0:y.id)||c[0].id,...w}),i(E)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:U.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})]})};function fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:n.id}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles.product} ${x?t.styles.dragging:""}`,...s,...i,children:e})}const Ee=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:w,itemsPlaceholder:k="",itemsOptions:B,hasRangeSelector:_=!1,rangeSelectorOptions:v,modalOptions:r,addableOptions:f={},limit:O}=l,[N,D]=j.useState(null),[I,E]=j.useState({top:0,left:0}),[y,P]=j.useState(null),C=j.useRef(null),[p,g]=j.useState(!1),M=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const m=()=>{D(null),g(!1)};return document.body.addEventListener("click",m),D(null),g(!1),()=>{D(null),g(!1),document.body.removeEventListener("click",m)}},[]),j.useEffect(()=>{if(N){const m=[...s].map(q=>q.id===N.id?N:q);i(m)}},[N]),j.useEffect(()=>{if(C.current&&y){const m=C.current.getBoundingClientRect().height,q=window.innerHeight;let $=y.top;$+m>q+window.scrollY-200&&($=q+window.scrollY-m-200),$<0&&($=10),E({top:$,left:y.left})}},[C.current,y]);const z=(m,q)=>{m.stopPropagation();const $=m.target.getBoundingClientRect();P({top:$.top+window.scrollY,left:$.left-30}),D(q),g(!0)};function T(m){if(S)return m?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${m[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const L=m=>{const{active:q,over:$}=m;if($&&q.id!==$.id){const A=s.findIndex(H=>H.id===q.id),J=s.findIndex(H=>H.id===$.id);if(A!==-1&&J!==-1){const H=[...s],[Y]=H.splice(A,1);H.splice(J,0,Y),i(H)}}},G=m=>{var $;const q=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),w==="select"&&B&&t.jsxRuntimeExports.jsx(t.Select,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);D({...m,name:{"en-US":A}}),i([...H])},value:m.name["en-US"],options:B.filter(A=>!s.find(J=>J.name["en-US"]===A)),leftAddon:T(m.images)}),w==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,name:{"en-US":A}}:Y);i([...H])},value:m.name["en-US"],placeholder:k}),w==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:A=>{const H=[...s].map(Y=>Y.id===m.id?{...m,images:A}:Y);i([...H])},activeImage:($=s.find(A=>A.id===m.id))==null?void 0:$.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:A=>z(A,m)})}),a&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(A=>A.id!==m.id))})})]})]});return h?t.jsxRuntimeExports.jsx(fe,{product:m,children:q},m.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:q},m.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:m=>e==null?void 0:e(m)})]}),N&&x&&r&&p&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:C,activeItem:N,setActiveItem:D,popupPosition:I,modalOptions:r,setIsOpenModal:g}),_&&v&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...v}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:M,onDragEnd:L,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(m=>m.id),strategy:t.verticalListSortingStrategy,children:s.map(m=>G(m))})}):s.map(m=>G(m)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(O&&O<=s.length)}),size:"s",disabled:!!(O&&O<=s.length),onClick:()=>{const m=[...s];let q=null;if(B){for(let $=0;$<B.length;$++)if(!s.find(A=>A.name["en-US"]===B[$])){q=B[$];break}}w==="select"&&B?m.push({name:{"en-US":q||B[0]},id:t.v4(),...f,maxSymbols:100}):w==="input"?m.push({name:{"en-US":""},id:t.v4(),...f,maxSymbols:100}):m.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...f,maxSymbols:100}),i(m)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Re="_subtitle_jql1y_1",be="_header_jql1y_8",ve="_text_jql1y_9",ye="_productsBlock_jql1y_10",Ie="_buttonsBlock_jql1y_11",Se="_top_jql1y_23",Ne="_itemsBlock_jql1y_32",ke="_typeTexts_jql1y_38",Ce="_block_jql1y_45",$e="_active_jql1y_58",Be="_products_jql1y_10",we="_product_jql1y_10",Pe="_button_jql1y_11",Me="_image_jql1y_88",Te="_info_jql1y_95",qe="_name_jql1y_107",Ae="_buttons_jql1y_11",Oe="_modal_jql1y_118",Le="_other_jql1y_138",De="_options_jql1y_144",ze="_addButton_jql1y_150",Ue="_deleteButton_jql1y_165",W={subtitle:Re,header:be,text:ve,productsBlock:ye,buttonsBlock:Ie,top:Se,itemsBlock:Ne,typeTexts:ke,block:Ce,active:$e,products:Be,product:we,button:Pe,image:Me,info:Te,name:qe,buttons:Ae,modal:Oe,other:Le,options:De,addButton:ze,deleteButton:Ue},et=l=>{const{buttons:n,setButtons:e,deletable:s=!0,addable:i=!0,editableLink:u=!0}=l,{pages:d}=t.usePagesStore(),[o,x]=j.useState(null),[h,S]=j.useState({top:0,left:0}),[a,c]=j.useState(null),w=j.useRef(null);j.useEffect(()=>{if(o){const _=[...n].map(v=>v.id===o.id?o:v);e(_)}},[o]),j.useEffect(()=>{if(w.current&&a){const _=w.current.getBoundingClientRect().height,v=window.innerHeight;let r=a.top;r+_>v+window.scrollY-200&&(r=v+window.scrollY-_-200),r<0&&(r=10),S({top:r,left:a.left})}},[w.current,a]);const k=(_,v)=>{_.stopPropagation();const r=_.target.getBoundingClientRect();c({top:r.top+window.scrollY-70,left:r.left-(i?30:65)}),x(v)},B=(_,v)=>{const r=[...n],f={..._,id:Math.random().toString(36).substr(2,9)};r.splice(v+1,0,f),e(r)};return t.jsxRuntimeExports.jsxs("div",{className:W.products,children:[t.jsxRuntimeExports.jsx("h5",{className:W.subtitle,children:"Button Type"}),n.map((_,v)=>t.jsxRuntimeExports.jsxs("div",{className:W.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:r=>{const O=[...n].map(N=>N.id===_.id?{..._,type:r}:N);e(O)},value:_.type,options:["Primary","Secondary","Tertiary"]}),t.jsxRuntimeExports.jsxs("div",{className:W.buttons,children:[t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{B(_,v)}})}),t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:r=>{k(r,_)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:W.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const r=n.filter(f=>f.id!==_.id);e(r)},width:20,height:20,fill:"#C12A2A"})})]})]},_.id)),o&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:w,activeButton:o,setActiveButton:x,popupPosition:h,editableLink:u}),i&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:W.button,size:"s",onClick:()=>{const _=[...n];u?_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:d?Object.values(d)[0].name:"Home",openInNewTab:!1}):_.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:d?Object.values(d)[0].name:"Home",openInNewTab:!1}),e(_)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:W.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]})},He=l=>{const{isActiveButtons:n,setIsActiveButtons:e,buttons:s,setButtons:i,editableLink:u=!0,addable:d=!0,deletable:o=!0}=l;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:t.styles$1.top,children:[t.jsxRuntimeExports.jsx("h3",{className:t.styles$1.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:x=>e(x)})]}),n&&t.jsxRuntimeExports.jsx(et,{buttons:s,setButtons:i,editableLink:u,addable:d,deletable:o})]})})};function Fe(l){const{product:n,children:e}=l,{attributes:s,listeners:i,setNodeRef:u,transform:d,transition:o,isDragging:x}=t.useSortable({id:String(n.listingId)}),h={transform:t.CSS.Transform.toString(d),transition:o};return t.jsxRuntimeExports.jsx("div",{ref:u,style:h,className:`${t.styles$2.product} ${x?t.styles$2.dragging:""}`,...s,...i,children:e})}const Ve=l=>{const{isActiveItems:n,setIsActiveItems:e,items:s,setItems:i,other:u,title:d,subtitle:o,editable:x=!0,draggable:h=!1,withImage:S=!1,deletable:a=!0,addable:c=!0,itemsType:w,itemsOptions:k,limit:B}=l,[_,v]=j.useState(null),[r,f]=j.useState({top:0,left:0}),[O,N]=j.useState(!1),D=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));j.useEffect(()=>{const p=()=>{v(null),N(!1)};return document.body.addEventListener("click",p),v(null),N(!1),()=>{v(null),N(!1),document.body.removeEventListener("click",p)}},[]),j.useEffect(()=>{if(_){const p=[...s].map(g=>g.listingId===_.listingId?_:g);i(p)}},[_]);const I=(p,g)=>{p.stopPropagation();const M=p.target.getBoundingClientRect(),z=100,T=window.innerHeight;let L=M.top+window.scrollY;L+z>T&&(L=T-z-20),N(!0),f({top:L-80,left:M.left-30}),v(g)};function E(p){if(S)return p?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${p}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const y=p=>{const{active:g,over:M}=p;if(M&&g.id!==M.id){const z=s.findIndex(L=>String(L.listingId)===g.id),T=s.findIndex(L=>String(L.listingId)===M.id);if(z!==-1&&T!==-1){const L=[...s],[G]=L.splice(z,1);L.splice(T,0,G),i(L)}}},P=(p,g)=>{const M=k.find(T=>p.listingId===T.id);if(!M)return null;const z=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[h&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),w==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:T=>{const L=[...s],G=k.find($=>$.productData.name===T);if(!G)return;const m={listingId:G.id,image:G.productData.images.length>0?G.productData.images[0].cfId:""},q=L.map($=>$.listingId===p.listingId?m:$);v(m),i([...q])},value:M.productData.name,options:[...k.filter(T=>!s.find(L=>L.listingId===T.id)).map(T=>T.productData.name)],leftAddon:E(p.image||M.productData.images.length>0&&M.productData.images[0].cfId||"")},g),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[x&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:T=>I(T,p)})}),a&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>i(s.filter(T=>T!==p))})})]})]});return h?t.jsxRuntimeExports.jsx(Fe,{product:p,children:z},p.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:z},p.listingId)},C=j.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(d||n!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:d}),n!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:n,onChange:p=>e==null?void 0:e(p)})]}),O&&_&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:C,activeItem:_,setActiveItem:v,setIsOpenModal:N,popupPosition:r,itemsOptions:k}),n&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[o&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:o}),h?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:D,onDragEnd:y,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>String(p.listingId)),strategy:t.verticalListSortingStrategy,children:s.map((p,g)=>P(p,g))})}):s.map((p,g)=>P(p,g)),c&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.styles$2.button,size:"s",onClick:()=>{const p=[...s];for(let g=0;g<k.length;g++)if(!s.find(M=>M.listingId===k[g].id)){p.push({listingId:k[g].id,image:k[g].productData.images.length>0?k[g].productData.images[0].cfId:""});break}i(p)},disabled:s.length===(B||k.length),style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),n&&u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherSettings,{items:u})]})},Ye="_options_6cemk_1",Ge="_price_6cemk_12",We="_oldPrice_6cemk_19",Xe="_newPrice_6cemk_27",Je="_animate_6cemk_34",Qe="_appearAndBounce_6cemk_1",Ke="_meta_6cemk_52",Ze="_info_6cemk_58",ts="_infoRight_6cemk_66",es="_buttons_6cemk_73",ss="_variants_6cemk_80",ns="_variant_6cemk_80",is="_stock_6cemk_98",os="_variantInfo_6cemk_105",rs="_quantity_6cemk_111",as="_count_6cemk_118",cs="_focused_6cemk_135",ls="_button_6cemk_73",us="_activeVariant_6cemk_161",ds="_chargeTypes_6cemk_165",xs="_charge_6cemk_165",ms="_chargeActive_6cemk_190",ps="_title_6cemk_198",b={options:Ye,price:Ge,oldPrice:We,newPrice:Xe,animate:Je,appearAndBounce:Qe,meta:Ke,info:Ze,infoRight:ts,buttons:es,variants:ss,variant:ns,stock:is,variantInfo:os,quantity:rs,count:as,focused:cs,button:ls,activeVariant:us,chargeTypes:ds,charge:xs,chargeActive:ms,title:ps};var st=(l=>(l.ONE_TIME="One-Time",l.RECURRING="Subscribe & Save",l))(st||{});const js=l=>{var _,v;const{variants:n}=l,[e,s]=j.useState(n[0]),[i,u]=j.useState(e.chargeTypes[0]),d=t.useNavigate(),[o,x]=j.useState(1),{reset:h,addProductToCart:S}=t.di(),[a,c]=j.useState(!1);j.useEffect(()=>{c(!0);const r=setTimeout(()=>c(!1),600);return()=>clearTimeout(r)},[o]);async function w(){await S({productId:l.id,productVariantId:e.id,quantity:o})}function k(){h(),w(),d("/checkout")}function B(r){if(r>=864e5){const I=Math.floor(r/864e5);return`${I} ${I===1?"day":"days"}`}else if(r>=36e5){const I=Math.floor(r/36e5);return`${I} ${I===1?"hour":"hours"}`}else if(r>=6e4){const I=Math.floor(r/6e4);return`${I} ${I===1?"minute":"minutes"}`}else{const I=Math.floor(r/1e3);return`${I} ${I===1?"second":"seconds"}`}}return j.useEffect(()=>{(e.quantity.available===0||!e.quantity.available)&&x(0)},[e.quantity.available]),t.jsxRuntimeExports.jsxs("div",{className:b.options,children:[e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:b.chargeTypes,children:e.chargeTypes.map(r=>t.jsxRuntimeExports.jsx("div",{className:t.clx(b.charge,{[b.chargeActive]:i===r}),onClick:()=>u(r),children:st[r]},r))}),t.jsxRuntimeExports.jsx("div",{className:b.variants,children:n.map(r=>{var f;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(b.variant,{[b.activeVariant]:e.id===r.id}),onClick:()=>s(r),children:[t.jsxRuntimeExports.jsxs("div",{className:b.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:b.title,children:r.name}),t.jsxRuntimeExports.jsxs("span",{children:["$",i==="ONE_TIME"?r.price.amount:r.subscriptionSettings?r.subscriptionSettings.price.amount:"Price Not Found"]})]}),t.jsxRuntimeExports.jsx("div",{children:i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:b.stock,children:[((f=r.quantity.restrictions)==null?void 0:f.max)||r.quantity.available||0," in stock"]})})]},r.id)})}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:b.quantity,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{o>1?x(r=>r-1):x(1)},className:b.button,disabled:e.quantity.available===0||e.quantity.restrictions&&o<=e.quantity.restrictions.min||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(o),onChange:r=>x(Number(r)),max:((_=e.quantity.restrictions)==null?void 0:_.max)||e.quantity.available||1/0,min:((v=e.quantity.restrictions)==null?void 0:v.min)||0,centered:!0,disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{x(r=>r+1)},className:b.button,disabled:!!(e.quantity.restrictions&&o>=e.quantity.restrictions.max||e.quantity.available!==void 0&&o>=e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:b.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:b.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"#FF3F19",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{children:!e.deliveryTime||e.deliveryTime===0?"Instant":B(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.info,children:[t.jsxRuntimeExports.jsx("span",{children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:b.infoRight,children:i==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",(e.compareAtPrice.amount||0)*o]})]}):t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",(e.price.amount||0)*o]}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:b.price,children:[t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]}),t.jsxRuntimeExports.jsxs("span",{className:b.oldPrice,children:["$ ",e.subscriptionSettings.compareAtPrice.amount||0]})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsxs("span",{className:t.clx(b.newPrice,{[b.animate]:a}),children:["$ ",e.subscriptionSettings.price.amount||0]})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:b.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>k(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:i==="ONE_TIME"?"Buy Now":"Subscribe Now"}),i==="ONE_TIME"&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>w(),disabled:e.quantity.available===0||!e.quantity.available||Object.keys(e.quantity.restrictions||{}).length===0&&!e.quantity.available,children:"Add to Cart"})]})]})},hs="_button_1tdo3_1",_s="_login_1tdo3_14",gs="_signUp_1tdo3_18",fs="_buttons_1tdo3_23",Es="_modal_1tdo3_32",Rs="_closing_1tdo3_64",bs="_info_1tdo3_113",vs="_top_1tdo3_120",ys="_title_1tdo3_131",Is="_clear_1tdo3_138",Ss="_activeClear_1tdo3_145",Ns="_count_1tdo3_149",ks="_cart_1tdo3_164",Cs="_empty_1tdo3_172",$s="_product_1tdo3_198",Bs="_products_1tdo3_207",ws="_image_1tdo3_215",Ps="_productInfo_1tdo3_221",Ms="_content_1tdo3_228",Ts="_name_1tdo3_234",qs="_price_1tdo3_240",As="_productButtons_1tdo3_246",Os="_productButton_1tdo3_246",Ls="_productCount_1tdo3_266",Ds="_bottom_1tdo3_282",zs="_subtotal_1tdo3_290",Us="_block_1tdo3_298",Hs="_shoppingCount_1tdo3_305",Fs="_total_1tdo3_325",Vs="_link_1tdo3_331",Ys="_userInfo_1tdo3_338",Gs="_pagesMobileModal_1tdo3_349",Ws="_pagesMobileModalContent_1tdo3_363",Xs="_pagesMobileModalHeader_1tdo3_369",Js="_pagesMobileModalFooter_1tdo3_379",R={button:hs,login:_s,signUp:gs,buttons:fs,modal:Es,"slide-in-fade":"_slide-in-fade_1tdo3_1","mobile-slide-in-fade":"_mobile-slide-in-fade_1tdo3_1",closing:Rs,"mobile-slide-out-fade":"_mobile-slide-out-fade_1tdo3_1","slide-out-fade":"_slide-out-fade_1tdo3_1",info:bs,top:vs,title:ys,clear:Is,activeClear:Ss,count:Ns,cart:ks,empty:Cs,product:$s,products:Bs,image:ws,productInfo:Ps,content:Ms,name:Ts,price:qs,productButtons:As,productButton:Os,productCount:Ls,bottom:Ds,subtotal:zs,block:Us,shoppingCount:Hs,total:Fs,link:Vs,userInfo:Ys,pagesMobileModal:Gs,pagesMobileModalContent:Ws,pagesMobileModalHeader:Xs,pagesMobileModalFooter:Js},Qs=l=>{const{shopping:n,signUp:e,isShowUserInfo:s=!0}=l;return t.jsxRuntimeExports.jsxs("div",{className:R.buttons,children:[n&&t.jsxRuntimeExports.jsx(nt,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:e})]})},nt=()=>{const[l,n]=j.useState(!1),[e,s]=j.useState([]),{cart:i}=t.di();function u(h){var S;return!h||!(h!=null&&h.variants)?!1:(S=h.variants.find(a=>a.id===h.activeVariantId))==null?void 0:S.subscriptionSettings}const d=i.parts.length>0&&e.length>0&&!u(e[0]),[o,x]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10},onClick:h=>{h.stopPropagation(),window.location.pathname.includes("/admin/builder")||(n(!0),x(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--icon-primary)"}),d&&t.jsxRuntimeExports.jsx("div",{className:R.shoppingCount,children:i.parts.length})]}),l&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>{x(!1),setTimeout(()=>{n(!1)},300)},withAnimation:!1,children:t.jsxRuntimeExports.jsx(it,{activeProducts:e,isCartNotEmpty:d,isOpen:o})})]})},it=l=>{const{activeProducts:n,isCartNotEmpty:e,isOpen:s}=l,{cart:i,reset:u,getTotalAndDiscount:d,updateQuantityOfProduct:o}=t.di(),x=t.useNavigate();function h(c){x(c)}function S(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity+1})}function a(c){o({productId:c.id,productVariantId:c.activeVariantId,quantity:c.quantity-1})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(R.modal,{[R.closing]:!s}),onClick:c=>c.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.top,children:[t.jsxRuntimeExports.jsxs("div",{className:R.info,children:[t.jsxRuntimeExports.jsx("span",{className:R.title,children:"Cart"}),e&&t.jsxRuntimeExports.jsx("div",{className:R.count,children:i.parts.length})]}),t.jsxRuntimeExports.jsx("button",{className:t.clx(R.clear,{[R.activeClear]:e}),disabled:!e,onClick:u,children:"Clear all"})]}),e?t.jsxRuntimeExports.jsxs("div",{className:R.cart,children:[t.jsxRuntimeExports.jsx("div",{className:R.products,children:n.map(c=>t.jsxRuntimeExports.jsxs("div",{className:R.product,children:[t.jsxRuntimeExports.jsxs("div",{className:R.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${c.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:R.image}),t.jsxRuntimeExports.jsxs("div",{className:R.content,children:[t.jsxRuntimeExports.jsx("div",{className:R.name,children:c.name}),t.jsxRuntimeExports.jsxs("div",{className:R.price,children:["$",c.variants.find(w=>w.id===c.activeVariantId).price.amount*((c==null?void 0:c.quantity)||1)]})]})]}),t.jsxRuntimeExports.jsxs("div",{className:R.productButtons,children:[t.jsxRuntimeExports.jsx("div",{onClick:()=>{c.quantity!==1&&a(c)},className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:R.productCount,children:c.quantity}),t.jsxRuntimeExports.jsx("div",{onClick:()=>S(c),className:R.productButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})})]})]},c.id))}),t.jsxRuntimeExports.jsxs("div",{className:R.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:R.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:R.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsxs("div",{className:R.total,children:["$",d().total]})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>h("/checkout"),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(ot,{})]})},ot=()=>t.jsxRuntimeExports.jsxs("div",{className:R.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--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:R.link,children:"view products"})]})]}),tt=({signUp:l,close:n})=>{const e=JSON.parse(localStorage.getItem("token")||"{}"),{data:s}=e,i=t.useNavigate();function u(x){window.location.pathname.includes("/admin/builder")||i(x)}if(!s)return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Secondary",style:{padding:10},children:"Login"}),l&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),n==null||n()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]});const[d,o]=j.useState("test-email@gmail.com");return j.useEffect(()=>{(async()=>{const h=t.jwtDecode(s);o(h.email)})()},[s]),t.jsxRuntimeExports.jsx("div",{className:R.userInfo,onClick:()=>{u("/customer-dash"),n==null||n()},children:t.jsxRuntimeExports.jsx("div",{children:d||"test-email@gmail.com"})})},rt=({children:l,logo:n,setIsOpen:e,signUp:s})=>{const{setIsOpen:i}=t.useModalStore(),u=()=>{i(!1),setTimeout(()=>{e(!1),i(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModal,onClick:d=>d.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:R.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:n}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:u,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"var(--icon-primary)"})})]}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalContent,children:l}),t.jsxRuntimeExports.jsx("div",{className:R.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:s,close:u})})]})},Ks=({children:l,logo:n,signUp:e})=>{const[s,i]=j.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(at,{setIsOpenModal:i}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>i(!1),children:t.jsxRuntimeExports.jsx(rt,{logo:n,setIsOpen:i,signUp:e,children:l})})]})},at=l=>{const{setIsOpenModal:n}=l;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:e=>{e.stopPropagation(),n(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List",fill:"var(--icon-primary)"})})},Zs="_share_10urc_1",tn="_modal_10urc_9",en="_header_10urc_21",sn="_socials_10urc_31",nn="_social_10urc_31",on="_copy_10urc_41",rn="_title_10urc_48",an="_copyWrapper_10urc_54",cn="_copyText_10urc_63",ln="_copyTextMobile_10urc_76",un="_copyTextMiniMobile_10urc_95",X={share:Zs,modal:tn,header:en,socials:sn,social:nn,copy:on,title:rn,copyWrapper:an,copyText:cn,copyTextMobile:ln,copyTextMiniMobile:un},dn=({title:l="Copy Product Link"})=>{const{isOpenModal:n,setIsOpenModal:e}=t.useShareLinkStore();function s(){e(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:X.share,onClick:i=>{i.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),n&&t.jsxRuntimeExports.jsx(t.Modal,{close:e,children:t.jsxRuntimeExports.jsx(xn,{title:l})})]})},xn=({title:l="Copy Product Link"})=>{const{setIsOpenModal:n}=t.useShareLinkStore(),{notification:e,setNotification:s}=t.useNotificationStore(),{setIsOpen:i}=t.useModalStore(),u=window.location.href;function d(){navigator.clipboard.writeText(u),s({message:"Link copied to clipboard",status:"success"})}function o(){i(!1),setTimeout(()=>{n(!1),i(!0)},300)}function x(h,S){return h.length>S?h.slice(0,S)+"...":h}return t.jsxRuntimeExports.jsxs("div",{className:X.modal,onClick:h=>h.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:X.header,children:[t.jsxRuntimeExports.jsx("div",{className:X.title,children:l}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:o,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:X.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:d,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:X.copyText,children:x(u,100)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMobile,children:x(u,40)}),t.jsxRuntimeExports.jsx("div",{className:X.copyTextMiniMobile,children:x(u,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:d,children:e?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},mn="_accordion_1s1lq_1",pn="_header_1s1lq_9",jn="_icon_1s1lq_18",hn="_open_1s1lq_21",_n="_content_1s1lq_25",Q={accordion:mn,header:pn,icon:jn,open:hn,content:_n},gn=({title:l,content:n,defaultOpen:e=!1})=>{const[s,i]=j.useState(e),[u,d]=j.useState(0),o=j.useRef(null),x=()=>{i(!s)};return j.useEffect(()=>{o.current&&d(s?o.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:Q.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,onClick:x,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:l}),t.jsxRuntimeExports.jsx("div",{className:t.clx(Q.icon,{[Q.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{ref:o,className:Q.content,style:{height:`${u}px`},children:t.jsxRuntimeExports.jsx("p",{id:"p",children:n})})]})},fn=({children:l,path:n,className:e,target:s="_self",id:i})=>{if(window.location.pathname.includes("/admin/builder"))return t.jsxRuntimeExports.jsx("div",{className:e,role:"link",style:{cursor:"pointer"},id:i,children:l});const u=t.useNavigate(),d=/^https?:\/\//.test(n),o=x=>{d||s==="_blank"?s==="_blank"?window.open(n,"_blank"):window.location.href=n:(x.preventDefault(),u(n,{replace:!0}))};return t.jsxRuntimeExports.jsx("div",{onClick:o,className:e,role:"link",style:{cursor:"pointer"},id:i,children:l})},En="_buttonsBlock_1b2rb_1",Rn="_slideUp_1b2rb_1",bn={buttonsBlock:En,slideUp:Rn},vn=()=>t.jsxRuntimeExports.jsxs("div",{className:bn.buttonsBlock,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{width:"100%"},children:"Add to Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",children:"Buy"})]}),yn="_wrapper_27wzz_1",In="_logo_27wzz_8",Sn="_info_27wzz_12",Z={wrapper:yn,logo:In,info:Sn},Nn=({date:l})=>{const{general:n}=t.useGeneralStore();if(!n)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function e(s){const i=new Date(s),u={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return i.toLocaleDateString("en-US",u)}return t.jsxRuntimeExports.jsxs("div",{className:Z.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:Z.logo,children:n.info.logo?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,alt:"image",style:{objectFit:"contain",width:"48px",height:"48px"}}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:48,height:48})}),t.jsxRuntimeExports.jsxs("div",{className:Z.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:n.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:e(l)})]})]})},kn="_wrapper_st58d_1",Cn="_label_st58d_10",$n="_textarea_st58d_18",Bn="_length_st58d_33",K={wrapper:kn,label:Cn,textarea:$n,length:Bn},wn=l=>{const{onChange:n,label:e,value:s,maxLength:i,placeholder:u="Type something...",type:d="text"}=l,[o,x]=j.useState(s.length);function h(S){return d==="number"?S.replace(/[^\d\n]+/g,""):S}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[e&&t.jsxRuntimeExports.jsx("label",{className:K.label,htmlFor:e,children:e}),t.jsxRuntimeExports.jsx("textarea",{id:e,value:s,onChange:S=>{const a=h(S.target.value);x(a.length),n(a)},placeholder:u,className:K.textarea,maxLength:i}),i&&t.jsxRuntimeExports.jsxs("div",{className:K.length,children:[o,"/",i]})]})};exports.Button=t.Button$1;exports.ChooseImage=t.ChooseImage;exports.ChooseImageModal=t.ChooseImageModal;exports.Icon=t.Icon;exports.InputSettings=t.Input;exports.InputUI=t.Input$1;exports.ItemsSettings=t.ItemsSettings;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TypesText=t.TypesText;exports.Accordion=gn;exports.BurgerMenuButton=at;exports.ButtonTypeSettings=et;exports.ButtonsSettings=He;exports.CategorySettings=Yt;exports.EmptyCart=ot;exports.FormSettings=Ee;exports.HeaderButtons=Qs;exports.LayoutSettings=bt;exports.Link=fn;exports.ListingSelector=Ve;exports.MetaInfoPost=Nn;exports.PagesMobileMenu=Ks;exports.PagesMobileModal=rt;exports.PagesSettings=ge;exports.ProductCardButtons=vn;exports.ProductOptions=js;exports.ShareLink=dn;exports.ShoppingButton=nt;exports.ShoppingModalCart=it;exports.TextareaUI=wn;exports.UserInfo=tt;
|