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