@billgangcom/theme-lib 1.79.0 → 1.80.1

package/dist/{index-CuyYsDV5.js → index-CS7KRYlL.js}

@@ -4195,7 +4195,9 @@ const Xae = [
     },
     visibility: "public"
   }
-}, Ct = window.location.hostname.includes("localhost"), Jae = {
+};
+console.log(window.location.host);
+const Ct = window.location.hostname.includes("localhost") || window.location.hostname.includes("192"), Jae = {
   "1:1": "1:1",
   "4:3": "4:3",
   "16:9": "16:9",

package/dist/{index-BevM-GYo.cjs → index-P2YlD50J.cjs}

@@ -57,7 +57,7 @@ React keys must be passed directly to JSX without using spread:
  * LICENSE.md file in the root directory of this source tree.
  *
  * @license MIT
- */function no(){return no=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},no.apply(this,arguments)}function Ss(t,n){if(t==null)return{};var o={},r=Object.keys(t),a,i;for(i=0;i<r.length;i++)a=r[i],!(n.indexOf(a)>=0)&&(o[a]=t[a]);return o}const ua="get",da="application/x-www-form-urlencoded";function Oa(t){return t!=null&&typeof t.tagName=="string"}function bf(t){return Oa(t)&&t.tagName.toLowerCase()==="button"}function wf(t){return Oa(t)&&t.tagName.toLowerCase()==="form"}function xf(t){return Oa(t)&&t.tagName.toLowerCase()==="input"}function _f(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}function Tf(t,n){return t.button===0&&(!n||n==="_self")&&!_f(t)}function Ni(t){return t===void 0&&(t=""),new URLSearchParams(typeof t=="string"||Array.isArray(t)||t instanceof URLSearchParams?t:Object.keys(t).reduce((n,o)=>{let r=t[o];return n.concat(Array.isArray(r)?r.map(a=>[o,a]):[[o,r]])},[]))}function kf(t,n){let o=Ni(t);return n&&n.forEach((r,a)=>{o.has(a)||n.getAll(a).forEach(i=>{o.append(a,i)})}),o}let qr=null;function Pf(){if(qr===null)try{new FormData(document.createElement("form"),0),qr=!1}catch{qr=!0}return qr}const Lf=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function ii(t){return t!=null&&!Lf.has(t)?(process.env.NODE_ENV!=="production"&&mt(!1,'"'+t+'" is not a valid `encType` for `<Form>`/`<fetcher.Form>` '+('and will default to "'+da+'"')),null):t}function Af(t,n){let o,r,a,i,c;if(wf(t)){let l=t.getAttribute("action");r=l?mn(l,n):null,o=t.getAttribute("method")||ua,a=ii(t.getAttribute("enctype"))||da,i=new FormData(t)}else if(bf(t)||xf(t)&&(t.type==="submit"||t.type==="image")){let l=t.form;if(l==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let u=t.getAttribute("formaction")||l.getAttribute("action");if(r=u?mn(u,n):null,o=t.getAttribute("formmethod")||l.getAttribute("method")||ua,a=ii(t.getAttribute("formenctype"))||ii(l.getAttribute("enctype"))||da,i=new FormData(l,t),!Pf()){let{name:d,type:h,value:f}=t;if(h==="image"){let m=d?d+".":"";i.append(m+"x","0"),i.append(m+"y","0")}else d&&i.append(d,f)}}else{if(Oa(t))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');o=ua,r=null,a=da,c=t}return i&&a==="text/plain"&&(c=i,i=void 0),{action:r,method:o.toLowerCase(),encType:a,formData:i,body:c}}const Ef=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],Rf=["aria-current","caseSensitive","className","end","style","to","viewTransition","children"],Df=["fetcherKey","navigate","reloadDocument","replace","state","method","action","onSubmit","relative","preventScrollReset","viewTransition"],Mf="6";try{window.__reactRouterVersion=Mf}catch{}function Nf(t,n){return Rh({basename:void 0,future:no({},void 0,{v7_prependBasename:!0}),history:nh({window:void 0}),hydrationData:Bf(),routes:t,mapRouteProperties:vf,dataStrategy:void 0,patchRoutesOnNavigation:void 0,window:void 0}).initialize()}function Bf(){var t;let n=(t=window)==null?void 0:t.__staticRouterHydrationData;return n&&n.errors&&(n=no({},n,{errors:Ff(n.errors)})),n}function Ff(t){if(!t)return null;let n=Object.entries(t),o={};for(let[r,a]of n)if(a&&a.__type==="RouteErrorResponse")o[r]=new va(a.status,a.statusText,a.data,a.internal===!0);else if(a&&a.__type==="Error"){if(a.__subType){let i=window[a.__subType];if(typeof i=="function")try{let c=new i(a.message);c.stack="",o[r]=c}catch{}}if(o[r]==null){let i=new Error(a.message);i.stack="",o[r]=i}}else o[r]=a;return o}const ys=E.createContext({isTransitioning:!1});process.env.NODE_ENV!=="production"&&(ys.displayName="ViewTransition");const Ul=E.createContext(new Map);process.env.NODE_ENV!=="production"&&(Ul.displayName="Fetchers");const jf="startTransition",fc=E[jf],Of="flushSync",pc=Jd[Of];function Hf(t){fc?fc(t):t()}function rr(t){pc?pc(t):t()}class Vf{constructor(){this.status="pending",this.promise=new Promise((n,o)=>{this.resolve=r=>{this.status==="pending"&&(this.status="resolved",n(r))},this.reject=r=>{this.status==="pending"&&(this.status="rejected",o(r))}})}}function Uf(t){let{fallbackElement:n,router:o,future:r}=t,[a,i]=E.useState(o.state),[c,l]=E.useState(),[u,d]=E.useState({isTransitioning:!1}),[h,f]=E.useState(),[m,g]=E.useState(),[I,p]=E.useState(),C=E.useRef(new Map),{v7_startTransition:b}=r||{},S=E.useCallback(P=>{b?Hf(P):P()},[b]),x=E.useCallback((P,N)=>{let{deletedFetchers:M,flushSync:W,viewTransitionOpts:j}=N;P.fetchers.forEach((H,ce)=>{H.data!==void 0&&C.current.set(ce,H.data)}),M.forEach(H=>C.current.delete(H));let G=o.window==null||o.window.document==null||typeof o.window.document.startViewTransition!="function";if(!j||G){W?rr(()=>i(P)):S(()=>i(P));return}if(W){rr(()=>{m&&(h&&h.resolve(),m.skipTransition()),d({isTransitioning:!0,flushSync:!0,currentLocation:j.currentLocation,nextLocation:j.nextLocation})});let H=o.window.document.startViewTransition(()=>{rr(()=>i(P))});H.finished.finally(()=>{rr(()=>{f(void 0),g(void 0),l(void 0),d({isTransitioning:!1})})}),rr(()=>g(H));return}m?(h&&h.resolve(),m.skipTransition(),p({state:P,currentLocation:j.currentLocation,nextLocation:j.nextLocation})):(l(P),d({isTransitioning:!0,flushSync:!1,currentLocation:j.currentLocation,nextLocation:j.nextLocation}))},[o.window,m,h,C,S]);E.useLayoutEffect(()=>o.subscribe(x),[o,x]),E.useEffect(()=>{u.isTransitioning&&!u.flushSync&&f(new Vf)},[u]),E.useEffect(()=>{if(h&&c&&o.window){let P=c,N=h.promise,M=o.window.document.startViewTransition(async()=>{S(()=>i(P)),await N});M.finished.finally(()=>{f(void 0),g(void 0),l(void 0),d({isTransitioning:!1})}),g(M)}},[S,c,h,o.window]),E.useEffect(()=>{h&&c&&a.location.key===c.location.key&&h.resolve()},[h,m,a.location,c]),E.useEffect(()=>{!u.isTransitioning&&I&&(l(I.state),d({isTransitioning:!0,flushSync:!1,currentLocation:I.currentLocation,nextLocation:I.nextLocation}),p(void 0))},[u.isTransitioning,I]),E.useEffect(()=>{process.env.NODE_ENV!=="production"&&mt(n==null||!o.future.v7_partialHydration,"`<RouterProvider fallbackElement>` is deprecated when using `v7_partialHydration`, use a `HydrateFallback` component instead")},[]);let T=E.useMemo(()=>({createHref:o.createHref,encodeLocation:o.encodeLocation,go:P=>o.navigate(P),push:(P,N,M)=>o.navigate(P,{state:N,preventScrollReset:M==null?void 0:M.preventScrollReset}),replace:(P,N,M)=>o.navigate(P,{replace:!0,state:N,preventScrollReset:M==null?void 0:M.preventScrollReset})}),[o]),_=o.basename||"/",R=E.useMemo(()=>({router:o,navigator:T,static:!1,basename:_}),[o,T,_]),v=E.useMemo(()=>({v7_relativeSplatPath:o.future.v7_relativeSplatPath}),[o.future.v7_relativeSplatPath]);return E.useEffect(()=>Cf(r,o.future),[r,o.future]),E.createElement(E.Fragment,null,E.createElement(Uo.Provider,{value:R},E.createElement(Fa.Provider,{value:a},E.createElement(Ul.Provider,{value:C.current},E.createElement(ys.Provider,{value:u},E.createElement(yf,{basename:_,location:a.location,navigationType:a.historyAction,navigator:T,future:v},a.initialized||o.future.v7_partialHydration?E.createElement($f,{routes:o.routes,future:o.future,state:a}):n))))),null)}const $f=E.memo(Wf);function Wf(t){let{routes:n,future:o,state:r}=t;return rf(n,void 0,r,o)}process.env.NODE_ENV;const qf=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Zf=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,$l=E.forwardRef(function(n,o){let{onClick:r,relative:a,reloadDocument:i,replace:c,state:l,target:u,to:d,preventScrollReset:h,viewTransition:f}=n,m=Ss(n,Ef),{basename:g}=E.useContext(In),I,p=!1;if(typeof d=="string"&&Zf.test(d)&&(I=d,qf))try{let x=new URL(window.location.href),T=d.startsWith("//")?new URL(x.protocol+d):new URL(d),_=mn(T.pathname,g);T.origin===x.origin&&_!=null?d=_+T.search+T.hash:p=!0}catch{process.env.NODE_ENV!=="production"&&mt(!1,'<Link to="'+d+'"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.')}let C=Qh(d,{relative:a}),b=Yf(d,{replace:c,state:l,target:u,preventScrollReset:h,relative:a,viewTransition:f});function S(x){r&&r(x),x.defaultPrevented||b(x)}return E.createElement("a",no({},m,{href:I||C,onClick:p||i?r:S,ref:o,target:u}))});process.env.NODE_ENV!=="production"&&($l.displayName="Link");const wa=E.forwardRef(function(n,o){let{"aria-current":r="page",caseSensitive:a=!1,className:i="",end:c=!1,style:l,to:u,viewTransition:d,children:h}=n,f=Ss(n,Rf),m=Ar(u,{relative:f.relative}),g=qn(),I=E.useContext(Fa),{navigator:p,basename:C}=E.useContext(In),b=I!=null&&np(m)&&d===!0,S=p.encodeLocation?p.encodeLocation(m).pathname:m.pathname,x=g.pathname,T=I&&I.navigation&&I.navigation.location?I.navigation.location.pathname:null;a||(x=x.toLowerCase(),T=T?T.toLowerCase():null,S=S.toLowerCase()),T&&C&&(T=mn(T,C)||T);const _=S!=="/"&&S.endsWith("/")?S.length-1:S.length;let R=x===S||!c&&x.startsWith(S)&&x.charAt(_)==="/",v=T!=null&&(T===S||!c&&T.startsWith(S)&&T.charAt(S.length)==="/"),P={isActive:R,isPending:v,isTransitioning:b},N=R?r:void 0,M;typeof i=="function"?M=i(P):M=[i,R?"active":null,v?"pending":null,b?"transitioning":null].filter(Boolean).join(" ");let W=typeof l=="function"?l(P):l;return E.createElement($l,no({},f,{"aria-current":N,className:M,ref:o,style:W,to:u,viewTransition:d}),typeof h=="function"?h(P):h)});process.env.NODE_ENV!=="production"&&(wa.displayName="NavLink");const Gf=E.forwardRef((t,n)=>{let{fetcherKey:o,navigate:r,reloadDocument:a,replace:i,state:c,method:l=ua,action:u,onSubmit:d,relative:h,preventScrollReset:f,viewTransition:m}=t,g=Ss(t,Df),I=ep(),p=tp(u,{relative:h}),C=l.toLowerCase()==="get"?"get":"post",b=S=>{if(d&&d(S),S.defaultPrevented)return;S.preventDefault();let x=S.nativeEvent.submitter,T=(x==null?void 0:x.getAttribute("formmethod"))||l;I(x||S.currentTarget,{fetcherKey:o,method:T,navigate:r,replace:i,state:c,relative:h,preventScrollReset:f,viewTransition:m})};return E.createElement("form",no({ref:n,method:C,action:p,onSubmit:a?d:b},g))});process.env.NODE_ENV!=="production"&&(Gf.displayName="Form");process.env.NODE_ENV;var xa;(function(t){t.UseScrollRestoration="useScrollRestoration",t.UseSubmit="useSubmit",t.UseSubmitFetcher="useSubmitFetcher",t.UseFetcher="useFetcher",t.useViewTransitionState="useViewTransitionState"})(xa||(xa={}));var mc;(function(t){t.UseFetcher="useFetcher",t.UseFetchers="useFetchers",t.UseScrollRestoration="useScrollRestoration"})(mc||(mc={}));function zf(t){return t+" must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router."}function Wl(t){let n=E.useContext(Uo);return n||(process.env.NODE_ENV!=="production"?ge(!1,zf(t)):ge(!1)),n}function Yf(t,n){let{target:o,replace:r,state:a,preventScrollReset:i,relative:c,viewTransition:l}=n===void 0?{}:n,u=Rn(),d=qn(),h=Ar(t,{relative:c});return E.useCallback(f=>{if(Tf(f,o)){f.preventDefault();let m=r!==void 0?r:to(d)===to(h);u(t,{replace:m,state:a,preventScrollReset:i,relative:c,viewTransition:l})}},[d,u,h,r,a,o,t,i,c,l])}function Xf(t){process.env.NODE_ENV!=="production"&&mt(typeof URLSearchParams<"u","You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let n=E.useRef(Ni(t)),o=E.useRef(!1),r=qn(),a=E.useMemo(()=>kf(r.search,o.current?null:n.current),[r.search]),i=Rn(),c=E.useCallback((l,u)=>{const d=Ni(typeof l=="function"?l(a):l);o.current=!0,i("?"+d,u)},[i,a]);return[a,c]}function Kf(){if(typeof document>"u")throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.")}let Jf=0,Qf=()=>"__"+String(++Jf)+"__";function ep(){let{router:t}=Wl(xa.UseSubmit),{basename:n}=E.useContext(In),o=pf();return E.useCallback(function(r,a){a===void 0&&(a={}),Kf();let{action:i,method:c,encType:l,formData:u,body:d}=Af(r,n);if(a.navigate===!1){let h=a.fetcherKey||Qf();t.fetch(h,o,a.action||i,{preventScrollReset:a.preventScrollReset,formData:u,body:d,formMethod:a.method||c,formEncType:a.encType||l,flushSync:a.flushSync})}else t.navigate(a.action||i,{preventScrollReset:a.preventScrollReset,formData:u,body:d,formMethod:a.method||c,formEncType:a.encType||l,replace:a.replace,state:a.state,fromRouteId:o,flushSync:a.flushSync,viewTransition:a.viewTransition})},[t,n,o])}function tp(t,n){let{relative:o}=n===void 0?{}:n,{basename:r}=E.useContext(In),a=E.useContext(Cn);a||(process.env.NODE_ENV!=="production"?ge(!1,"useFormAction must be used inside a RouteContext"):ge(!1));let[i]=a.matches.slice(-1),c=no({},Ar(t||".",{relative:o})),l=qn();if(t==null){c.search=l.search;let u=new URLSearchParams(c.search),d=u.getAll("index");if(d.some(f=>f==="")){u.delete("index"),d.filter(m=>m).forEach(m=>u.append("index",m));let f=u.toString();c.search=f?"?"+f:""}}return(!t||t===".")&&i.route.index&&(c.search=c.search?c.search.replace(/^\?/,"?index&"):"?index"),r!=="/"&&(c.pathname=c.pathname==="/"?r:Ln([r,c.pathname])),to(c)}function np(t,n){n===void 0&&(n={});let o=E.useContext(ys);o==null&&(process.env.NODE_ENV!=="production"?ge(!1,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"):ge(!1));let{basename:r}=Wl(xa.useViewTransitionState),a=Ar(t,{relative:n.relative});if(!o.isTransitioning)return!1;let i=mn(o.currentLocation.pathname,r)||o.currentLocation.pathname,c=mn(o.nextLocation.pathname,r)||o.nextLocation.pathname;return ya(a.pathname,c)!=null||ya(a.pathname,i)!=null}const gc=t=>{let n;const o=new Set,r=(d,h)=>{const f=typeof d=="function"?d(n):d;if(!Object.is(f,n)){const m=n;n=h??(typeof f!="object"||f===null)?f:Object.assign({},n,f),o.forEach(g=>g(n,m))}},a=()=>n,l={setState:r,getState:a,getInitialState:()=>u,subscribe:d=>(o.add(d),()=>o.delete(d))},u=n=t(r,a,l);return l},op=t=>t?gc(t):gc,rp=t=>t;function ap(t,n=rp){const o=y.useSyncExternalStore(t.subscribe,()=>n(t.getState()),()=>n(t.getInitialState()));return y.useDebugValue(o),o}const Ic=t=>{const n=op(t),o=r=>ap(n,r);return Object.assign(o,n),o},Be=t=>t?Ic(t):Ic,bo=Be(t=>({header:null,footer:null,announcement:null,setHeader:n=>t(()=>({header:n})),setFooter:n=>t(()=>({footer:n})),setAnnouncement:n=>t(()=>({announcement:n})),blocks:null,setBlocks:n=>t(()=>({blocks:n})),activeBlock:null,setActiveBlock:n=>t(()=>({activeBlock:n})),sourceBlocks:{},setSourceBlocks:n=>t(()=>({sourceBlocks:n})),currentInstance:null,setCurrentInstance:n=>t(()=>({currentInstance:n})),settings:null,setSettings:n=>t(()=>({settings:n})),settingsInstance:null,setSettingsInstance:n=>t(()=>({settingsInstance:n}))})),ip=Be(t=>({currentDevice:{icon:"Desktop",value:"desktop"},setCurrentDevice:n=>t(()=>({currentDevice:n}))}));Be(t=>({pageData:null,setPageData:n=>t(()=>({pageData:n}))}));const ql=[{icon:"TreeStructure",name:"Layers"},{icon:"Plus",name:"Add"},{icon:"Palette",name:"Theme"},{icon:"Gear",name:"Settings"}],Zl=["/","/reviews","/faqs","/contact","/products","/ticket","/login"],sp={"/":{path:"/",name:"Home",icon:"HouseSimple",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/products":{path:"/products",name:"Products",icon:"SquaresFour",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/faqs":{path:"/faqs",name:"Faqs",icon:"SealQuestion",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/reviews":{path:"/reviews",name:"Reviews",icon:"Star",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/contact":{path:"/contact",name:"Contact",icon:"ChatCentered",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/ticket":{path:"/ticket",name:"Ticket",icon:"Ticket",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/login":{path:"/login",name:"Login",icon:"UserCircleGear",seo:{pageDescription:"",pageTitle:""},visibility:"public"}},ut=window.location.hostname.includes("localhost"),Gl={"1:1":"1:1","4:3":"4:3","16:9":"16:9","9:16":"9:16"},zl=[{value:"4:3",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:18.5,height:14.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"16:9",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:20.5,height:12.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"9:16",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:14.5,height:18.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"1:1",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:16.5,height:16.5,border:"1.5px solid #252525",borderRadius:3}})})}],Zr={h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",h4:"Heading 4",h5:"Heading 5",h6:"Heading 6",h7:"Heading 7",lg:"Paragraph Large",md:"Paragraph Medium",sm:"Paragraph Small"},cp=Be(t=>({activeBlock:ql[0],setActiveBlock:n=>t(()=>({activeBlock:n}))}));function lp(t,n){let o;try{o=t()}catch{return}return{getItem:a=>{var i;const c=u=>u===null?null:JSON.parse(u,void 0),l=(i=o.getItem(a))!=null?i:null;return l instanceof Promise?l.then(c):c(l)},setItem:(a,i)=>o.setItem(a,JSON.stringify(i,void 0)),removeItem:a=>o.removeItem(a)}}const Bi=t=>n=>{try{const o=t(n);return o instanceof Promise?o:{then(r){return Bi(r)(o)},catch(r){return this}}}catch(o){return{then(r){return this},catch(r){return Bi(r)(o)}}}},up=(t,n)=>(o,r,a)=>{let i={storage:lp(()=>localStorage),partialize:p=>p,version:0,merge:(p,C)=>({...C,...p}),...n},c=!1;const l=new Set,u=new Set;let d=i.storage;if(!d)return t((...p)=>{console.warn(`[zustand persist middleware] Unable to update item '${i.name}', the given storage is currently unavailable.`),o(...p)},r,a);const h=()=>{const p=i.partialize({...r()});return d.setItem(i.name,{state:p,version:i.version})},f=a.setState;a.setState=(p,C)=>{f(p,C),h()};const m=t((...p)=>{o(...p),h()},r,a);a.getInitialState=()=>m;let g;const I=()=>{var p,C;if(!d)return;c=!1,l.forEach(S=>{var x;return S((x=r())!=null?x:m)});const b=((C=i.onRehydrateStorage)==null?void 0:C.call(i,(p=r())!=null?p:m))||void 0;return Bi(d.getItem.bind(d))(i.name).then(S=>{if(S)if(typeof S.version=="number"&&S.version!==i.version){if(i.migrate)return[!0,i.migrate(S.state,S.version)];console.error("State loaded from storage couldn't be migrated since no migrate function was provided")}else return[!1,S.state];return[!1,void 0]}).then(S=>{var x;const[T,_]=S;if(g=i.merge(_,(x=r())!=null?x:m),o(g,!0),T)return h()}).then(()=>{b==null||b(g,void 0),g=r(),c=!0,u.forEach(S=>S(g))}).catch(S=>{b==null||b(void 0,S)})};return a.persist={setOptions:p=>{i={...i,...p},p.storage&&(d=p.storage)},clearStorage:()=>{d==null||d.removeItem(i.name)},getOptions:()=>i,rehydrate:()=>I(),hasHydrated:()=>c,onHydrate:p=>(l.add(p),()=>{l.delete(p)}),onFinishHydration:p=>(u.add(p),()=>{u.delete(p)})},i.skipHydration||I(),g||m},Ha=up,Va=Be(Ha(t=>({onPreview:!0,setOnPreview:n=>t(()=>({onPreview:n})),activeBlock:{id:null,neededScroll:!1},setActiveBlock:n=>t(()=>({activeBlock:n})),zoomLevel:1,setZoomLevel:n=>t(()=>({zoomLevel:n}))}),{name:"preview-storage",partialize:t=>{const{onPreview:n}=t;return{onPreview:n}}}));var Tt=[];for(var si=0;si<256;++si)Tt.push((si+256).toString(16).slice(1));function dp(t,n=0){return(Tt[t[n+0]]+Tt[t[n+1]]+Tt[t[n+2]]+Tt[t[n+3]]+"-"+Tt[t[n+4]]+Tt[t[n+5]]+"-"+Tt[t[n+6]]+Tt[t[n+7]]+"-"+Tt[t[n+8]]+Tt[t[n+9]]+"-"+Tt[t[n+10]]+Tt[t[n+11]]+Tt[t[n+12]]+Tt[t[n+13]]+Tt[t[n+14]]+Tt[t[n+15]]).toLowerCase()}var Gr,hp=new Uint8Array(16);function fp(){if(!Gr&&(Gr=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Gr))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Gr(hp)}var pp=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Cc={randomUUID:pp};function ze(t,n,o){if(Cc.randomUUID&&!t)return Cc.randomUUID();t=t||{};var r=t.random||(t.rng||fp)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,dp(r)}const $n=Be(Ha((t,n)=>({header:null,blocks:{},announcement:null,footer:null,currentBlock:null,positionBlock:null,setBlocks:o=>{t({blocks:o})},setHeader:(o,r=!0)=>{const a=structuredClone(n().header),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({header:a}),t({header:i})},setFooter:(o,r=!0)=>{const a=structuredClone(n().footer),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({footer:a}),t({footer:i})},setAnnouncement:(o,r=!0)=>{const a=structuredClone(n().announcement),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({announcement:a}),t({announcement:i})},createPage:o=>{const r=n().blocks;r[o]={data:{},order:[]},t({blocks:r})},deletePage:o=>{const r=n().blocks;delete r[o],t({blocks:r})},updatePage:(o,r)=>{const a=n().blocks;if(a[r])return;const i=a[o];delete a[o],a[r]=i,t({blocks:a})},setCurrentBlock:o=>{t({currentBlock:o})},setPositionBlock:(o,r=!1)=>{const{blocks:a}=n(),{currentPage:i,pages:c}=Zn.getState();if(!i||!c||!c[i]||!a[c[i].path]){console.error("Cannot set position: invalid page or block data");return}const l=c[i].path,u=a[l],d=o?u.order.indexOf(o):-1;if(d===-1&&o){console.error(`Block with ID "${o}" not found in page "${l}"`);return}const h=d!==-1?d+(r?1:0):u.order.length;t({positionBlock:h})},addBlock:(o,r)=>{const a=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));Ot.getState().addHistory({layers:a});const i={...n().blocks},c=i[o]||{data:{},order:[]},l=n().positionBlock,u=ze(),d={name:r.name,value:r.value};return c.data[u]=d,l===null||l>=c.order.length?c.order.push(u):c.order.splice(l,0,u),t({blocks:{...i,[o]:{data:c.data,order:c.order}},currentBlock:u,positionBlock:null}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully added",status:"success"}]),u},editBlock:(o,r,a)=>{const i=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));Ot.getState().addHistory({layers:i});const c=n().blocks,l=c[o]||{};l.data[r]={name:a.name,value:{...a.value}},t({blocks:{...c,[o]:l}})},removeBlock:(o,r)=>{const a=structuredClone(n().blocks);Ot.getState().addHistory({layers:a});const i=structuredClone(n().blocks),c=i[o];if(!c){console.error(`Page at path "${o}" does not exist.`);return}delete c.data[r],c.order=c.order.filter(l=>l!==r),t({blocks:{...i,[o]:c}}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully deleted",status:"success"}])},moveBlock:(o,r,a)=>t(i=>{const c=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));if(Ot.getState().addHistory({layers:c}),!i.blocks[o])return console.error(`Path ${o} does not exist in blocks`),i;const l={...i.blocks[o]},u=[...l.order];if(r<0||a<0||r>=u.length||a>=u.length)return console.error(`Invalid indices: fromIndex=${r}, toIndex=${a}`),i;const[d]=u.splice(r,1);return u.splice(a,0,d),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully moved",status:"success"}]),{blocks:{...i.blocks,[o]:{...l,order:u}}}}),duplicateBlock:(o,r)=>{const a=structuredClone(n().blocks);Ot.getState().addHistory({layers:a});const i=structuredClone(n().blocks),c=i[o];if(!c||!c.data[r]){console.error(`Block with ID "${r}" not found in page "${o}"`);return}const l=ze(),u=c.data[r],d={name:u.name,value:structuredClone({...u.value})};c.data[l]={...d};const h=c.order.indexOf(r);if(h===-1){console.error(`Block ID "${r}" not found in order array`);return}c.order.splice(h+1,0,l),t({blocks:{...i,[o]:c},currentBlock:l}),Va.getState().setActiveBlock({id:l,neededScroll:!0}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully duplicated",status:"success"}])},isLoadingLayers:!1,setIsLoadingLayers:o=>t(()=>({isLoadingLayers:o}))}),{name:"layers-storage",partialize:t=>{const{blocks:n,header:o,footer:r,announcement:a}=t;return{blocks:n,header:o,footer:r,announcement:a}}})),mp=Be((t,n)=>({isModalVisible:!1,hoverBlockId:null,isMouseOverModal:!1,hideTimeout:null,setHoverBlockId:o=>{t({hoverBlockId:o})},showModal:(o,r="hoverBlockId")=>{n().hideTimeout&&clearTimeout(n().hideTimeout),t({isModalVisible:!0,[r]:o})},hideModal:(o="hoverBlockId")=>{t({isModalVisible:!1,[o]:null})},startHideTimeout:()=>{if(!n().isMouseOverModal){const o=setTimeout(()=>{t({isModalVisible:!1,hoverBlockId:null,keyBlock:null})},500);t({hideTimeout:o})}},clearHideTimeout:()=>{n().hideTimeout&&(clearTimeout(n().hideTimeout),t({hideTimeout:null}))},setMouseOverModal:o=>{t({isMouseOverModal:o})},isPreviewVisible:!1,showPreview:(o,r="hoverBlockId")=>{t({isPreviewVisible:!0,[r]:o})},hidePreview:(o="hoverBlockId")=>{t({isPreviewVisible:!1,[o]:null})},keyBlock:null,setKeyBlock:o=>{t({keyBlock:o})},hoverBlockTopPosition:null,setHoverBlockTopPosition:o=>{t({hoverBlockTopPosition:o})}})),wo=Be((t,n)=>({activeBlock:null,setActiveBlock:o=>t(()=>({activeBlock:o})),activeFont:null,setActiveFont:o=>t(()=>({activeFont:o})),setThemeSettings:o=>t(()=>({themeSettings:o})),activeColorCategory:null,setActiveColorCategory:o=>t(()=>({activeColorCategory:o})),themeSettings:{colors:{text:{primary:"#252525",secondary:"#757575",tertiary:"#C2C2C2",inverted:"#FFFFFF",action:"#FF3F19",actionHover:"#DA2400",disabled:"#C2C2C2",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",link:"#3683F7"},icon:{primary:"#252525",secondary:"#555555",tertiary:"#C2C2C2",inverted:"#FFFFFF",action:"#FF3F19",actionHover:"#DA2400",disabled:"#C2C2C2",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",link:"#3683F7"},border:{primary:"#C2C2C2",secondary:"#E6E6E6",action:"#FF3F19",actionHover:"#DA2400",disabled:"#E6E6E6",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",focus:"#FF3F19"},surface:{primary:"#FFFFFF",secondary:"#F8F8F8",action1:"#FF3F19",action1Hover:"#DA2400",action2:"#FFFFFF",action2Hover:"#F8F8F8",disabled:"#C2C2C2",warning:"#FAF4E6",error:"#FAE6E6",success:"#E5FADD",information:"#E9F1FE",modal:"rgba(1, 1, 4, 0.4)"}},fonts:{mobile:{fontSizePercentage:30},tablet:{fontSizePercentage:50},desktop:{heading:{h1:{font:"Archivo",weight:"700",size:48,boldWeight:"900",case:"normal"},h2:{font:"Archivo",weight:"700",size:32,boldWeight:"800",case:"normal"},h3:{font:"Archivo",weight:"600",size:24,boldWeight:"700",case:"normal"},h4:{font:"Archivo",weight:"500",size:20,boldWeight:"700",case:"normal"},h5:{font:"Archivo",weight:"400",size:16,boldWeight:"700",case:"normal"},h6:{font:"Archivo",weight:"400",size:14,boldWeight:"700",case:"uppercase"},h7:{font:"Archivo",weight:"400",size:14,boldWeight:"700",case:"normal"}},body:{lg:{font:"Archivo",size:16,weight:"400",boldWeight:"700",case:"normal"},md:{font:"Archivo",size:14,weight:"400",boldWeight:"700",case:"normal"},sm:{font:"Archivo",size:12,weight:"400",boldWeight:"700",case:"normal"}}}},borders:{radius:"var(--radius-lg)",thickness:"var(--border-none)"},buttons:{primary:{size:26,alignment:"left",radius:32,height:40,background:"#ff3f19",hover:!0,font:"Archivo",boxShadow:{left:0,top:0,blur:0,spread:0,color:"#000000"},color:"#ffffff",colorHover:"#ffffff",backgroundHover:"#ff3f19"},secondary:{size:26,alignment:"left",radius:10,height:20,background:"#c2c2c2",hover:!1,font:"Archivo",boxShadow:{left:0,top:4,blur:10,spread:0,color:"#000000"},color:"#757575",colorHover:"#757575",backgroundHover:"#c2c2c2"},tertiary:{size:12,alignment:"left",radius:30,height:30,background:"#c2c2c2",hover:!0,font:"Archivo",boxShadow:{left:0,top:4,blur:10,spread:0,color:"#000000"},color:"#757575",colorHover:"#757575",backgroundHover:"#c2c2c2"}},inputs:{field:{color:"#f3f3f3",active:!0,opacity:40},label:{size:14,color:"#555555",height:40,alignment:"left"},border:{color:"#f3f3f3",style:"solid",active:!0,radius:14,thickness:0},general:{size:14,color:"#252525",height:40},placeholder:{color:"#C2C2C2"}}},updateColor:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:c});const l={...i.themeSettings.colors,[o]:{...i.themeSettings.colors[o],[r]:a}};return{themeSettings:{...i.themeSettings,colors:l}}}),updateFont:(o,r,a,i,c)=>t(l=>{const u=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:u});const d={...l.themeSettings.fonts,[o]:{...l.themeSettings.fonts[o],[r]:{...l.themeSettings.fonts[o][r],[a]:{...l.themeSettings.fonts[o][r][a],[i]:c}}}};return{themeSettings:{...l.themeSettings,fonts:d}}}),updateFontSizePercentage:(o,r)=>t(a=>{const i=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:i});const c={...a.themeSettings.fonts,[o]:{...a.themeSettings.fonts[o],fontSizePercentage:r}};return{themeSettings:{...a.themeSettings,fonts:c}}}),updateBorder:(o,r)=>t(a=>{const i=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:i});const c={...a.themeSettings.borders,[o]:r};return{themeSettings:{...a.themeSettings,borders:c}}}),updateButton:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:c});const l={...i.themeSettings.buttons[o],[r]:a},u={...i.themeSettings.buttons,[o]:l};return{themeSettings:{...i.themeSettings,buttons:u}}}),updateInput:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);return Ot.getState().addHistory({themeSettings:c}),{themeSettings:{...i.themeSettings,inputs:{...i.themeSettings.inputs,[o]:{...i.themeSettings.inputs[o],[a]:r}}}}}),isLoadingThemeSettings:!1,setIsLoadingThemeSettings:o=>t(()=>({isLoadingThemeSettings:o}))})),gp=Be(Ha(t=>({fonts:[],setFonts:n=>t(()=>({fonts:n}))}),{name:"fonts-storage"})),Er=Be(t=>({settings:null,setSettings:n=>{t(()=>({settings:n}))},isLoadingSettings:!0,setIsLoadingSettings:n=>t(()=>({isLoadingSettings:n}))})),Ip=Be()(t=>({color:"default",initialColor:"",setInitialColor:n=>t(()=>({initialColor:n})),colorChange:()=>{},update:()=>{},activeLabel:null,modalPosition:{left:0,top:0},showModal:!1,dragging:!1,hue:0,saturation:100,brightness:100,alpha:100,isGradientActive:!0,isGradient:!1,setIsGradient:n=>t(()=>({isGradient:n})),gradientDirection:"vertical",setGradientDirection:n=>t(()=>({gradientDirection:n})),hue2:0,saturation2:100,brightness2:100,alpha2:100,setHue2:n=>t(()=>({hue2:n})),setSaturation2:n=>t(()=>({saturation2:n})),setBrightness2:n=>t(()=>({brightness2:n})),setAlpha2:n=>t(()=>({alpha2:n})),activeColorIndex:1,setActiveColorIndex:n=>t(()=>({activeColorIndex:n})),setModalPosition:n=>t(()=>({modalPosition:n})),setHue:n=>t(()=>({hue:n})),setSaturation:n=>t(()=>({saturation:n})),setBrightness:n=>t(()=>({brightness:n})),setShowModal:n=>t(()=>({showModal:n})),setDragging:n=>t(()=>({dragging:n})),setActiveLabel:n=>t(()=>({activeLabel:n})),setColor:n=>t(()=>({color:n})),setUpdate:n=>t(()=>({update:n})),setColorChange:n=>t(()=>({colorChange:n})),setAlpha:n=>t(()=>({alpha:n})),setIsGradientActive:n=>t(()=>({isGradientActive:n})),resetColors:()=>t(()=>({color:"default",initialColor:"",activeLabel:null,modalPosition:{left:0,top:0},showModal:!1,dragging:!1,hue:0,saturation:100,brightness:100,alpha:100,isGradient:!1,gradientDirection:"vertical",hue2:0,saturation2:100,brightness2:100,alpha2:100,activeColorIndex:1,isGradientActive:!0}))})),Zn=Be(Ha((t,n)=>({pages:null,currentPage:"",setPages:o=>t(()=>({pages:o})),pageContext:{listings:null,products:null,reviews:null,categories:null,faqs:null,general:null,fullPosts:null,posts:null},isOpenModal:!1,isOpenSelectModal:!1,isEdit:!1,editedPage:null,setEditedPage:o=>t(()=>({editedPage:o})),setCurrentPage:o=>t(()=>({currentPage:o})),setPageContext:o=>t(()=>({pageContext:o})),setIsOpenModal:o=>t(()=>({isOpenModal:o})),setIsOpenSelectModal:o=>t(()=>({isOpenSelectModal:o})),setIsEdit:o=>t(()=>({isEdit:o})),createPage:o=>{const r=n().pages,a=ze();if(r)r[a]=o,t({pages:r});else{const i=n().setPages;i({});const c=n().pages;c[a]=o,t({pages:c})}},updatePage:(o,r)=>{const a=n().pages;a&&(a[o]={...r},t({pages:a}))},deletePage:o=>{const r=n().pages;r&&(delete r[o],t({pages:r}))}}),{name:"pages-storage",partialize:t=>{const{pages:n,pageContext:o}=t;return{pages:n,pageContext:o}}})),vs=Be(t=>({openModal:!1,setOpenModal:n=>t(()=>({openModal:n})),onChange:null,setOnChange:n=>t(()=>({onChange:n})),tip:"",setTip:n=>t(()=>({tip:n}))})),Ot=Be((t,n)=>({past:[],future:[],addHistory:o=>{t(r=>{const a=r.past[r.past.length-1];return a&&JSON.stringify(a)===JSON.stringify(o)?r:{past:[...r.past,o],future:[]}})},undo:()=>{const{past:o,future:r}=n();if(o.length===0)return;const a=o[o.length-1],i=o.slice(0,-1),{blocks:c,header:l,footer:u,announcement:d,setBlocks:h,setHeader:f,setFooter:m,setAnnouncement:g}=$n.getState(),{themeSettings:I,setThemeSettings:p}=wo.getState(),C={themeSettings:JSON.parse(JSON.stringify(I)),layers:JSON.parse(JSON.stringify(c)),header:JSON.parse(JSON.stringify(l)),footer:JSON.parse(JSON.stringify(u)),announcement:JSON.parse(JSON.stringify(d))};t({past:i,future:[C,...r]}),a.themeSettings&&p(a.themeSettings),a.layers&&h(a.layers),a.header&&f(a.header,!1),a.footer&&m(a.footer,!1),a.announcement&&g(a.announcement,!1)},redo:()=>{const{past:o,future:r}=n();if(r.length===0)return;const{blocks:a,header:i,footer:c,announcement:l,setBlocks:u,setHeader:d,setFooter:h,setAnnouncement:f}=$n.getState(),{themeSettings:m,setThemeSettings:g}=wo.getState(),I=r[0],p=r.slice(1),C={themeSettings:JSON.parse(JSON.stringify(m)),layers:JSON.parse(JSON.stringify(a)),header:JSON.parse(JSON.stringify(i)),footer:JSON.parse(JSON.stringify(c)),announcement:JSON.parse(JSON.stringify(l))};t({past:[...o,C],future:p}),I.themeSettings&&g(I.themeSettings),I.layers&&u(I.layers),I.header&&d(I.header,!1),I.footer&&h(I.footer,!1),I.announcement&&f(I.announcement,!1)}})),Cp=Be(t=>({isOpenModal:!1,setIsOpenModal:n=>t(()=>({isOpenModal:n}))})),Dt=Be(t=>({notifications:[],setNotifications:n=>t(()=>({notifications:n}))})),Yl=Be(t=>({error:null,setError:n=>t(()=>({error:n}))})),Xl=Be(t=>({title:null,description:null,onConfirm:null,setTitle:n=>t(()=>({title:n})),setDescription:n=>t(()=>({description:n})),setOnConfirm:n=>t(()=>({onConfirm:n}))})),Sp=Be(t=>({showTooltip:!1,setShowTooltip:n=>t({showTooltip:n})})),Gn=Be(t=>({isOpen:!0,setIsOpen:n=>t(()=>({isOpen:n}))})),To=Be(t=>({general:null,setGeneral:n=>t(()=>({general:n})),isAntistock:!1,setIsAntistock:n=>t(()=>({isAntistock:n}))}));var Kl={exports:{}};/*!
+ */function no(){return no=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},no.apply(this,arguments)}function Ss(t,n){if(t==null)return{};var o={},r=Object.keys(t),a,i;for(i=0;i<r.length;i++)a=r[i],!(n.indexOf(a)>=0)&&(o[a]=t[a]);return o}const ua="get",da="application/x-www-form-urlencoded";function Oa(t){return t!=null&&typeof t.tagName=="string"}function bf(t){return Oa(t)&&t.tagName.toLowerCase()==="button"}function wf(t){return Oa(t)&&t.tagName.toLowerCase()==="form"}function xf(t){return Oa(t)&&t.tagName.toLowerCase()==="input"}function _f(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}function Tf(t,n){return t.button===0&&(!n||n==="_self")&&!_f(t)}function Ni(t){return t===void 0&&(t=""),new URLSearchParams(typeof t=="string"||Array.isArray(t)||t instanceof URLSearchParams?t:Object.keys(t).reduce((n,o)=>{let r=t[o];return n.concat(Array.isArray(r)?r.map(a=>[o,a]):[[o,r]])},[]))}function kf(t,n){let o=Ni(t);return n&&n.forEach((r,a)=>{o.has(a)||n.getAll(a).forEach(i=>{o.append(a,i)})}),o}let qr=null;function Pf(){if(qr===null)try{new FormData(document.createElement("form"),0),qr=!1}catch{qr=!0}return qr}const Lf=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function ii(t){return t!=null&&!Lf.has(t)?(process.env.NODE_ENV!=="production"&&mt(!1,'"'+t+'" is not a valid `encType` for `<Form>`/`<fetcher.Form>` '+('and will default to "'+da+'"')),null):t}function Af(t,n){let o,r,a,i,c;if(wf(t)){let l=t.getAttribute("action");r=l?mn(l,n):null,o=t.getAttribute("method")||ua,a=ii(t.getAttribute("enctype"))||da,i=new FormData(t)}else if(bf(t)||xf(t)&&(t.type==="submit"||t.type==="image")){let l=t.form;if(l==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let u=t.getAttribute("formaction")||l.getAttribute("action");if(r=u?mn(u,n):null,o=t.getAttribute("formmethod")||l.getAttribute("method")||ua,a=ii(t.getAttribute("formenctype"))||ii(l.getAttribute("enctype"))||da,i=new FormData(l,t),!Pf()){let{name:d,type:h,value:f}=t;if(h==="image"){let m=d?d+".":"";i.append(m+"x","0"),i.append(m+"y","0")}else d&&i.append(d,f)}}else{if(Oa(t))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');o=ua,r=null,a=da,c=t}return i&&a==="text/plain"&&(c=i,i=void 0),{action:r,method:o.toLowerCase(),encType:a,formData:i,body:c}}const Ef=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],Rf=["aria-current","caseSensitive","className","end","style","to","viewTransition","children"],Df=["fetcherKey","navigate","reloadDocument","replace","state","method","action","onSubmit","relative","preventScrollReset","viewTransition"],Mf="6";try{window.__reactRouterVersion=Mf}catch{}function Nf(t,n){return Rh({basename:void 0,future:no({},void 0,{v7_prependBasename:!0}),history:nh({window:void 0}),hydrationData:Bf(),routes:t,mapRouteProperties:vf,dataStrategy:void 0,patchRoutesOnNavigation:void 0,window:void 0}).initialize()}function Bf(){var t;let n=(t=window)==null?void 0:t.__staticRouterHydrationData;return n&&n.errors&&(n=no({},n,{errors:Ff(n.errors)})),n}function Ff(t){if(!t)return null;let n=Object.entries(t),o={};for(let[r,a]of n)if(a&&a.__type==="RouteErrorResponse")o[r]=new va(a.status,a.statusText,a.data,a.internal===!0);else if(a&&a.__type==="Error"){if(a.__subType){let i=window[a.__subType];if(typeof i=="function")try{let c=new i(a.message);c.stack="",o[r]=c}catch{}}if(o[r]==null){let i=new Error(a.message);i.stack="",o[r]=i}}else o[r]=a;return o}const ys=E.createContext({isTransitioning:!1});process.env.NODE_ENV!=="production"&&(ys.displayName="ViewTransition");const Ul=E.createContext(new Map);process.env.NODE_ENV!=="production"&&(Ul.displayName="Fetchers");const jf="startTransition",fc=E[jf],Of="flushSync",pc=Jd[Of];function Hf(t){fc?fc(t):t()}function rr(t){pc?pc(t):t()}class Vf{constructor(){this.status="pending",this.promise=new Promise((n,o)=>{this.resolve=r=>{this.status==="pending"&&(this.status="resolved",n(r))},this.reject=r=>{this.status==="pending"&&(this.status="rejected",o(r))}})}}function Uf(t){let{fallbackElement:n,router:o,future:r}=t,[a,i]=E.useState(o.state),[c,l]=E.useState(),[u,d]=E.useState({isTransitioning:!1}),[h,f]=E.useState(),[m,g]=E.useState(),[I,p]=E.useState(),C=E.useRef(new Map),{v7_startTransition:b}=r||{},S=E.useCallback(P=>{b?Hf(P):P()},[b]),x=E.useCallback((P,N)=>{let{deletedFetchers:M,flushSync:W,viewTransitionOpts:j}=N;P.fetchers.forEach((H,ce)=>{H.data!==void 0&&C.current.set(ce,H.data)}),M.forEach(H=>C.current.delete(H));let G=o.window==null||o.window.document==null||typeof o.window.document.startViewTransition!="function";if(!j||G){W?rr(()=>i(P)):S(()=>i(P));return}if(W){rr(()=>{m&&(h&&h.resolve(),m.skipTransition()),d({isTransitioning:!0,flushSync:!0,currentLocation:j.currentLocation,nextLocation:j.nextLocation})});let H=o.window.document.startViewTransition(()=>{rr(()=>i(P))});H.finished.finally(()=>{rr(()=>{f(void 0),g(void 0),l(void 0),d({isTransitioning:!1})})}),rr(()=>g(H));return}m?(h&&h.resolve(),m.skipTransition(),p({state:P,currentLocation:j.currentLocation,nextLocation:j.nextLocation})):(l(P),d({isTransitioning:!0,flushSync:!1,currentLocation:j.currentLocation,nextLocation:j.nextLocation}))},[o.window,m,h,C,S]);E.useLayoutEffect(()=>o.subscribe(x),[o,x]),E.useEffect(()=>{u.isTransitioning&&!u.flushSync&&f(new Vf)},[u]),E.useEffect(()=>{if(h&&c&&o.window){let P=c,N=h.promise,M=o.window.document.startViewTransition(async()=>{S(()=>i(P)),await N});M.finished.finally(()=>{f(void 0),g(void 0),l(void 0),d({isTransitioning:!1})}),g(M)}},[S,c,h,o.window]),E.useEffect(()=>{h&&c&&a.location.key===c.location.key&&h.resolve()},[h,m,a.location,c]),E.useEffect(()=>{!u.isTransitioning&&I&&(l(I.state),d({isTransitioning:!0,flushSync:!1,currentLocation:I.currentLocation,nextLocation:I.nextLocation}),p(void 0))},[u.isTransitioning,I]),E.useEffect(()=>{process.env.NODE_ENV!=="production"&&mt(n==null||!o.future.v7_partialHydration,"`<RouterProvider fallbackElement>` is deprecated when using `v7_partialHydration`, use a `HydrateFallback` component instead")},[]);let T=E.useMemo(()=>({createHref:o.createHref,encodeLocation:o.encodeLocation,go:P=>o.navigate(P),push:(P,N,M)=>o.navigate(P,{state:N,preventScrollReset:M==null?void 0:M.preventScrollReset}),replace:(P,N,M)=>o.navigate(P,{replace:!0,state:N,preventScrollReset:M==null?void 0:M.preventScrollReset})}),[o]),_=o.basename||"/",R=E.useMemo(()=>({router:o,navigator:T,static:!1,basename:_}),[o,T,_]),v=E.useMemo(()=>({v7_relativeSplatPath:o.future.v7_relativeSplatPath}),[o.future.v7_relativeSplatPath]);return E.useEffect(()=>Cf(r,o.future),[r,o.future]),E.createElement(E.Fragment,null,E.createElement(Uo.Provider,{value:R},E.createElement(Fa.Provider,{value:a},E.createElement(Ul.Provider,{value:C.current},E.createElement(ys.Provider,{value:u},E.createElement(yf,{basename:_,location:a.location,navigationType:a.historyAction,navigator:T,future:v},a.initialized||o.future.v7_partialHydration?E.createElement($f,{routes:o.routes,future:o.future,state:a}):n))))),null)}const $f=E.memo(Wf);function Wf(t){let{routes:n,future:o,state:r}=t;return rf(n,void 0,r,o)}process.env.NODE_ENV;const qf=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Zf=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,$l=E.forwardRef(function(n,o){let{onClick:r,relative:a,reloadDocument:i,replace:c,state:l,target:u,to:d,preventScrollReset:h,viewTransition:f}=n,m=Ss(n,Ef),{basename:g}=E.useContext(In),I,p=!1;if(typeof d=="string"&&Zf.test(d)&&(I=d,qf))try{let x=new URL(window.location.href),T=d.startsWith("//")?new URL(x.protocol+d):new URL(d),_=mn(T.pathname,g);T.origin===x.origin&&_!=null?d=_+T.search+T.hash:p=!0}catch{process.env.NODE_ENV!=="production"&&mt(!1,'<Link to="'+d+'"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.')}let C=Qh(d,{relative:a}),b=Yf(d,{replace:c,state:l,target:u,preventScrollReset:h,relative:a,viewTransition:f});function S(x){r&&r(x),x.defaultPrevented||b(x)}return E.createElement("a",no({},m,{href:I||C,onClick:p||i?r:S,ref:o,target:u}))});process.env.NODE_ENV!=="production"&&($l.displayName="Link");const wa=E.forwardRef(function(n,o){let{"aria-current":r="page",caseSensitive:a=!1,className:i="",end:c=!1,style:l,to:u,viewTransition:d,children:h}=n,f=Ss(n,Rf),m=Ar(u,{relative:f.relative}),g=qn(),I=E.useContext(Fa),{navigator:p,basename:C}=E.useContext(In),b=I!=null&&np(m)&&d===!0,S=p.encodeLocation?p.encodeLocation(m).pathname:m.pathname,x=g.pathname,T=I&&I.navigation&&I.navigation.location?I.navigation.location.pathname:null;a||(x=x.toLowerCase(),T=T?T.toLowerCase():null,S=S.toLowerCase()),T&&C&&(T=mn(T,C)||T);const _=S!=="/"&&S.endsWith("/")?S.length-1:S.length;let R=x===S||!c&&x.startsWith(S)&&x.charAt(_)==="/",v=T!=null&&(T===S||!c&&T.startsWith(S)&&T.charAt(S.length)==="/"),P={isActive:R,isPending:v,isTransitioning:b},N=R?r:void 0,M;typeof i=="function"?M=i(P):M=[i,R?"active":null,v?"pending":null,b?"transitioning":null].filter(Boolean).join(" ");let W=typeof l=="function"?l(P):l;return E.createElement($l,no({},f,{"aria-current":N,className:M,ref:o,style:W,to:u,viewTransition:d}),typeof h=="function"?h(P):h)});process.env.NODE_ENV!=="production"&&(wa.displayName="NavLink");const Gf=E.forwardRef((t,n)=>{let{fetcherKey:o,navigate:r,reloadDocument:a,replace:i,state:c,method:l=ua,action:u,onSubmit:d,relative:h,preventScrollReset:f,viewTransition:m}=t,g=Ss(t,Df),I=ep(),p=tp(u,{relative:h}),C=l.toLowerCase()==="get"?"get":"post",b=S=>{if(d&&d(S),S.defaultPrevented)return;S.preventDefault();let x=S.nativeEvent.submitter,T=(x==null?void 0:x.getAttribute("formmethod"))||l;I(x||S.currentTarget,{fetcherKey:o,method:T,navigate:r,replace:i,state:c,relative:h,preventScrollReset:f,viewTransition:m})};return E.createElement("form",no({ref:n,method:C,action:p,onSubmit:a?d:b},g))});process.env.NODE_ENV!=="production"&&(Gf.displayName="Form");process.env.NODE_ENV;var xa;(function(t){t.UseScrollRestoration="useScrollRestoration",t.UseSubmit="useSubmit",t.UseSubmitFetcher="useSubmitFetcher",t.UseFetcher="useFetcher",t.useViewTransitionState="useViewTransitionState"})(xa||(xa={}));var mc;(function(t){t.UseFetcher="useFetcher",t.UseFetchers="useFetchers",t.UseScrollRestoration="useScrollRestoration"})(mc||(mc={}));function zf(t){return t+" must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router."}function Wl(t){let n=E.useContext(Uo);return n||(process.env.NODE_ENV!=="production"?ge(!1,zf(t)):ge(!1)),n}function Yf(t,n){let{target:o,replace:r,state:a,preventScrollReset:i,relative:c,viewTransition:l}=n===void 0?{}:n,u=Rn(),d=qn(),h=Ar(t,{relative:c});return E.useCallback(f=>{if(Tf(f,o)){f.preventDefault();let m=r!==void 0?r:to(d)===to(h);u(t,{replace:m,state:a,preventScrollReset:i,relative:c,viewTransition:l})}},[d,u,h,r,a,o,t,i,c,l])}function Xf(t){process.env.NODE_ENV!=="production"&&mt(typeof URLSearchParams<"u","You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let n=E.useRef(Ni(t)),o=E.useRef(!1),r=qn(),a=E.useMemo(()=>kf(r.search,o.current?null:n.current),[r.search]),i=Rn(),c=E.useCallback((l,u)=>{const d=Ni(typeof l=="function"?l(a):l);o.current=!0,i("?"+d,u)},[i,a]);return[a,c]}function Kf(){if(typeof document>"u")throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.")}let Jf=0,Qf=()=>"__"+String(++Jf)+"__";function ep(){let{router:t}=Wl(xa.UseSubmit),{basename:n}=E.useContext(In),o=pf();return E.useCallback(function(r,a){a===void 0&&(a={}),Kf();let{action:i,method:c,encType:l,formData:u,body:d}=Af(r,n);if(a.navigate===!1){let h=a.fetcherKey||Qf();t.fetch(h,o,a.action||i,{preventScrollReset:a.preventScrollReset,formData:u,body:d,formMethod:a.method||c,formEncType:a.encType||l,flushSync:a.flushSync})}else t.navigate(a.action||i,{preventScrollReset:a.preventScrollReset,formData:u,body:d,formMethod:a.method||c,formEncType:a.encType||l,replace:a.replace,state:a.state,fromRouteId:o,flushSync:a.flushSync,viewTransition:a.viewTransition})},[t,n,o])}function tp(t,n){let{relative:o}=n===void 0?{}:n,{basename:r}=E.useContext(In),a=E.useContext(Cn);a||(process.env.NODE_ENV!=="production"?ge(!1,"useFormAction must be used inside a RouteContext"):ge(!1));let[i]=a.matches.slice(-1),c=no({},Ar(t||".",{relative:o})),l=qn();if(t==null){c.search=l.search;let u=new URLSearchParams(c.search),d=u.getAll("index");if(d.some(f=>f==="")){u.delete("index"),d.filter(m=>m).forEach(m=>u.append("index",m));let f=u.toString();c.search=f?"?"+f:""}}return(!t||t===".")&&i.route.index&&(c.search=c.search?c.search.replace(/^\?/,"?index&"):"?index"),r!=="/"&&(c.pathname=c.pathname==="/"?r:Ln([r,c.pathname])),to(c)}function np(t,n){n===void 0&&(n={});let o=E.useContext(ys);o==null&&(process.env.NODE_ENV!=="production"?ge(!1,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"):ge(!1));let{basename:r}=Wl(xa.useViewTransitionState),a=Ar(t,{relative:n.relative});if(!o.isTransitioning)return!1;let i=mn(o.currentLocation.pathname,r)||o.currentLocation.pathname,c=mn(o.nextLocation.pathname,r)||o.nextLocation.pathname;return ya(a.pathname,c)!=null||ya(a.pathname,i)!=null}const gc=t=>{let n;const o=new Set,r=(d,h)=>{const f=typeof d=="function"?d(n):d;if(!Object.is(f,n)){const m=n;n=h??(typeof f!="object"||f===null)?f:Object.assign({},n,f),o.forEach(g=>g(n,m))}},a=()=>n,l={setState:r,getState:a,getInitialState:()=>u,subscribe:d=>(o.add(d),()=>o.delete(d))},u=n=t(r,a,l);return l},op=t=>t?gc(t):gc,rp=t=>t;function ap(t,n=rp){const o=y.useSyncExternalStore(t.subscribe,()=>n(t.getState()),()=>n(t.getInitialState()));return y.useDebugValue(o),o}const Ic=t=>{const n=op(t),o=r=>ap(n,r);return Object.assign(o,n),o},Be=t=>t?Ic(t):Ic,bo=Be(t=>({header:null,footer:null,announcement:null,setHeader:n=>t(()=>({header:n})),setFooter:n=>t(()=>({footer:n})),setAnnouncement:n=>t(()=>({announcement:n})),blocks:null,setBlocks:n=>t(()=>({blocks:n})),activeBlock:null,setActiveBlock:n=>t(()=>({activeBlock:n})),sourceBlocks:{},setSourceBlocks:n=>t(()=>({sourceBlocks:n})),currentInstance:null,setCurrentInstance:n=>t(()=>({currentInstance:n})),settings:null,setSettings:n=>t(()=>({settings:n})),settingsInstance:null,setSettingsInstance:n=>t(()=>({settingsInstance:n}))})),ip=Be(t=>({currentDevice:{icon:"Desktop",value:"desktop"},setCurrentDevice:n=>t(()=>({currentDevice:n}))}));Be(t=>({pageData:null,setPageData:n=>t(()=>({pageData:n}))}));const ql=[{icon:"TreeStructure",name:"Layers"},{icon:"Plus",name:"Add"},{icon:"Palette",name:"Theme"},{icon:"Gear",name:"Settings"}],Zl=["/","/reviews","/faqs","/contact","/products","/ticket","/login"],sp={"/":{path:"/",name:"Home",icon:"HouseSimple",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/products":{path:"/products",name:"Products",icon:"SquaresFour",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/faqs":{path:"/faqs",name:"Faqs",icon:"SealQuestion",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/reviews":{path:"/reviews",name:"Reviews",icon:"Star",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/contact":{path:"/contact",name:"Contact",icon:"ChatCentered",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/ticket":{path:"/ticket",name:"Ticket",icon:"Ticket",seo:{pageDescription:"",pageTitle:""},visibility:"public"},"/login":{path:"/login",name:"Login",icon:"UserCircleGear",seo:{pageDescription:"",pageTitle:""},visibility:"public"}};console.log(window.location.host);const ut=window.location.hostname.includes("localhost")||window.location.hostname.includes("192"),Gl={"1:1":"1:1","4:3":"4:3","16:9":"16:9","9:16":"9:16"},zl=[{value:"4:3",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:18.5,height:14.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"16:9",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:20.5,height:12.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"9:16",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:14.5,height:18.5,border:"1.5px solid #252525",borderRadius:3}})})},{value:"1:1",addon:s.jsx("div",{style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsx("div",{style:{width:16.5,height:16.5,border:"1.5px solid #252525",borderRadius:3}})})}],Zr={h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",h4:"Heading 4",h5:"Heading 5",h6:"Heading 6",h7:"Heading 7",lg:"Paragraph Large",md:"Paragraph Medium",sm:"Paragraph Small"},cp=Be(t=>({activeBlock:ql[0],setActiveBlock:n=>t(()=>({activeBlock:n}))}));function lp(t,n){let o;try{o=t()}catch{return}return{getItem:a=>{var i;const c=u=>u===null?null:JSON.parse(u,void 0),l=(i=o.getItem(a))!=null?i:null;return l instanceof Promise?l.then(c):c(l)},setItem:(a,i)=>o.setItem(a,JSON.stringify(i,void 0)),removeItem:a=>o.removeItem(a)}}const Bi=t=>n=>{try{const o=t(n);return o instanceof Promise?o:{then(r){return Bi(r)(o)},catch(r){return this}}}catch(o){return{then(r){return this},catch(r){return Bi(r)(o)}}}},up=(t,n)=>(o,r,a)=>{let i={storage:lp(()=>localStorage),partialize:p=>p,version:0,merge:(p,C)=>({...C,...p}),...n},c=!1;const l=new Set,u=new Set;let d=i.storage;if(!d)return t((...p)=>{console.warn(`[zustand persist middleware] Unable to update item '${i.name}', the given storage is currently unavailable.`),o(...p)},r,a);const h=()=>{const p=i.partialize({...r()});return d.setItem(i.name,{state:p,version:i.version})},f=a.setState;a.setState=(p,C)=>{f(p,C),h()};const m=t((...p)=>{o(...p),h()},r,a);a.getInitialState=()=>m;let g;const I=()=>{var p,C;if(!d)return;c=!1,l.forEach(S=>{var x;return S((x=r())!=null?x:m)});const b=((C=i.onRehydrateStorage)==null?void 0:C.call(i,(p=r())!=null?p:m))||void 0;return Bi(d.getItem.bind(d))(i.name).then(S=>{if(S)if(typeof S.version=="number"&&S.version!==i.version){if(i.migrate)return[!0,i.migrate(S.state,S.version)];console.error("State loaded from storage couldn't be migrated since no migrate function was provided")}else return[!1,S.state];return[!1,void 0]}).then(S=>{var x;const[T,_]=S;if(g=i.merge(_,(x=r())!=null?x:m),o(g,!0),T)return h()}).then(()=>{b==null||b(g,void 0),g=r(),c=!0,u.forEach(S=>S(g))}).catch(S=>{b==null||b(void 0,S)})};return a.persist={setOptions:p=>{i={...i,...p},p.storage&&(d=p.storage)},clearStorage:()=>{d==null||d.removeItem(i.name)},getOptions:()=>i,rehydrate:()=>I(),hasHydrated:()=>c,onHydrate:p=>(l.add(p),()=>{l.delete(p)}),onFinishHydration:p=>(u.add(p),()=>{u.delete(p)})},i.skipHydration||I(),g||m},Ha=up,Va=Be(Ha(t=>({onPreview:!0,setOnPreview:n=>t(()=>({onPreview:n})),activeBlock:{id:null,neededScroll:!1},setActiveBlock:n=>t(()=>({activeBlock:n})),zoomLevel:1,setZoomLevel:n=>t(()=>({zoomLevel:n}))}),{name:"preview-storage",partialize:t=>{const{onPreview:n}=t;return{onPreview:n}}}));var Tt=[];for(var si=0;si<256;++si)Tt.push((si+256).toString(16).slice(1));function dp(t,n=0){return(Tt[t[n+0]]+Tt[t[n+1]]+Tt[t[n+2]]+Tt[t[n+3]]+"-"+Tt[t[n+4]]+Tt[t[n+5]]+"-"+Tt[t[n+6]]+Tt[t[n+7]]+"-"+Tt[t[n+8]]+Tt[t[n+9]]+"-"+Tt[t[n+10]]+Tt[t[n+11]]+Tt[t[n+12]]+Tt[t[n+13]]+Tt[t[n+14]]+Tt[t[n+15]]).toLowerCase()}var Gr,hp=new Uint8Array(16);function fp(){if(!Gr&&(Gr=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Gr))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Gr(hp)}var pp=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Cc={randomUUID:pp};function ze(t,n,o){if(Cc.randomUUID&&!t)return Cc.randomUUID();t=t||{};var r=t.random||(t.rng||fp)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,dp(r)}const $n=Be(Ha((t,n)=>({header:null,blocks:{},announcement:null,footer:null,currentBlock:null,positionBlock:null,setBlocks:o=>{t({blocks:o})},setHeader:(o,r=!0)=>{const a=structuredClone(n().header),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({header:a}),t({header:i})},setFooter:(o,r=!0)=>{const a=structuredClone(n().footer),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({footer:a}),t({footer:i})},setAnnouncement:(o,r=!0)=>{const a=structuredClone(n().announcement),i=structuredClone(o);JSON.stringify(a)!==JSON.stringify(i)&&r&&Ot.getState().addHistory({announcement:a}),t({announcement:i})},createPage:o=>{const r=n().blocks;r[o]={data:{},order:[]},t({blocks:r})},deletePage:o=>{const r=n().blocks;delete r[o],t({blocks:r})},updatePage:(o,r)=>{const a=n().blocks;if(a[r])return;const i=a[o];delete a[o],a[r]=i,t({blocks:a})},setCurrentBlock:o=>{t({currentBlock:o})},setPositionBlock:(o,r=!1)=>{const{blocks:a}=n(),{currentPage:i,pages:c}=Zn.getState();if(!i||!c||!c[i]||!a[c[i].path]){console.error("Cannot set position: invalid page or block data");return}const l=c[i].path,u=a[l],d=o?u.order.indexOf(o):-1;if(d===-1&&o){console.error(`Block with ID "${o}" not found in page "${l}"`);return}const h=d!==-1?d+(r?1:0):u.order.length;t({positionBlock:h})},addBlock:(o,r)=>{const a=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));Ot.getState().addHistory({layers:a});const i={...n().blocks},c=i[o]||{data:{},order:[]},l=n().positionBlock,u=ze(),d={name:r.name,value:r.value};return c.data[u]=d,l===null||l>=c.order.length?c.order.push(u):c.order.splice(l,0,u),t({blocks:{...i,[o]:{data:c.data,order:c.order}},currentBlock:u,positionBlock:null}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully added",status:"success"}]),u},editBlock:(o,r,a)=>{const i=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));Ot.getState().addHistory({layers:i});const c=n().blocks,l=c[o]||{};l.data[r]={name:a.name,value:{...a.value}},t({blocks:{...c,[o]:l}})},removeBlock:(o,r)=>{const a=structuredClone(n().blocks);Ot.getState().addHistory({layers:a});const i=structuredClone(n().blocks),c=i[o];if(!c){console.error(`Page at path "${o}" does not exist.`);return}delete c.data[r],c.order=c.order.filter(l=>l!==r),t({blocks:{...i,[o]:c}}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully deleted",status:"success"}])},moveBlock:(o,r,a)=>t(i=>{const c=structuredClone(n().blocks)||JSON.parse(JSON.stringify(n().blocks));if(Ot.getState().addHistory({layers:c}),!i.blocks[o])return console.error(`Path ${o} does not exist in blocks`),i;const l={...i.blocks[o]},u=[...l.order];if(r<0||a<0||r>=u.length||a>=u.length)return console.error(`Invalid indices: fromIndex=${r}, toIndex=${a}`),i;const[d]=u.splice(r,1);return u.splice(a,0,d),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully moved",status:"success"}]),{blocks:{...i.blocks,[o]:{...l,order:u}}}}),duplicateBlock:(o,r)=>{const a=structuredClone(n().blocks);Ot.getState().addHistory({layers:a});const i=structuredClone(n().blocks),c=i[o];if(!c||!c.data[r]){console.error(`Block with ID "${r}" not found in page "${o}"`);return}const l=ze(),u=c.data[r],d={name:u.name,value:structuredClone({...u.value})};c.data[l]={...d};const h=c.order.indexOf(r);if(h===-1){console.error(`Block ID "${r}" not found in order array`);return}c.order.splice(h+1,0,l),t({blocks:{...i,[o]:c},currentBlock:l}),Va.getState().setActiveBlock({id:l,neededScroll:!0}),Dt.getState().setNotifications([...Dt.getState().notifications,{id:ze(),message:"Block successfully duplicated",status:"success"}])},isLoadingLayers:!1,setIsLoadingLayers:o=>t(()=>({isLoadingLayers:o}))}),{name:"layers-storage",partialize:t=>{const{blocks:n,header:o,footer:r,announcement:a}=t;return{blocks:n,header:o,footer:r,announcement:a}}})),mp=Be((t,n)=>({isModalVisible:!1,hoverBlockId:null,isMouseOverModal:!1,hideTimeout:null,setHoverBlockId:o=>{t({hoverBlockId:o})},showModal:(o,r="hoverBlockId")=>{n().hideTimeout&&clearTimeout(n().hideTimeout),t({isModalVisible:!0,[r]:o})},hideModal:(o="hoverBlockId")=>{t({isModalVisible:!1,[o]:null})},startHideTimeout:()=>{if(!n().isMouseOverModal){const o=setTimeout(()=>{t({isModalVisible:!1,hoverBlockId:null,keyBlock:null})},500);t({hideTimeout:o})}},clearHideTimeout:()=>{n().hideTimeout&&(clearTimeout(n().hideTimeout),t({hideTimeout:null}))},setMouseOverModal:o=>{t({isMouseOverModal:o})},isPreviewVisible:!1,showPreview:(o,r="hoverBlockId")=>{t({isPreviewVisible:!0,[r]:o})},hidePreview:(o="hoverBlockId")=>{t({isPreviewVisible:!1,[o]:null})},keyBlock:null,setKeyBlock:o=>{t({keyBlock:o})},hoverBlockTopPosition:null,setHoverBlockTopPosition:o=>{t({hoverBlockTopPosition:o})}})),wo=Be((t,n)=>({activeBlock:null,setActiveBlock:o=>t(()=>({activeBlock:o})),activeFont:null,setActiveFont:o=>t(()=>({activeFont:o})),setThemeSettings:o=>t(()=>({themeSettings:o})),activeColorCategory:null,setActiveColorCategory:o=>t(()=>({activeColorCategory:o})),themeSettings:{colors:{text:{primary:"#252525",secondary:"#757575",tertiary:"#C2C2C2",inverted:"#FFFFFF",action:"#FF3F19",actionHover:"#DA2400",disabled:"#C2C2C2",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",link:"#3683F7"},icon:{primary:"#252525",secondary:"#555555",tertiary:"#C2C2C2",inverted:"#FFFFFF",action:"#FF3F19",actionHover:"#DA2400",disabled:"#C2C2C2",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",link:"#3683F7"},border:{primary:"#C2C2C2",secondary:"#E6E6E6",action:"#FF3F19",actionHover:"#DA2400",disabled:"#E6E6E6",warning:"#C1972A",error:"#C12A2A",success:"#338B13",information:"#3683F7",focus:"#FF3F19"},surface:{primary:"#FFFFFF",secondary:"#F8F8F8",action1:"#FF3F19",action1Hover:"#DA2400",action2:"#FFFFFF",action2Hover:"#F8F8F8",disabled:"#C2C2C2",warning:"#FAF4E6",error:"#FAE6E6",success:"#E5FADD",information:"#E9F1FE",modal:"rgba(1, 1, 4, 0.4)"}},fonts:{mobile:{fontSizePercentage:30},tablet:{fontSizePercentage:50},desktop:{heading:{h1:{font:"Archivo",weight:"700",size:48,boldWeight:"900",case:"normal"},h2:{font:"Archivo",weight:"700",size:32,boldWeight:"800",case:"normal"},h3:{font:"Archivo",weight:"600",size:24,boldWeight:"700",case:"normal"},h4:{font:"Archivo",weight:"500",size:20,boldWeight:"700",case:"normal"},h5:{font:"Archivo",weight:"400",size:16,boldWeight:"700",case:"normal"},h6:{font:"Archivo",weight:"400",size:14,boldWeight:"700",case:"uppercase"},h7:{font:"Archivo",weight:"400",size:14,boldWeight:"700",case:"normal"}},body:{lg:{font:"Archivo",size:16,weight:"400",boldWeight:"700",case:"normal"},md:{font:"Archivo",size:14,weight:"400",boldWeight:"700",case:"normal"},sm:{font:"Archivo",size:12,weight:"400",boldWeight:"700",case:"normal"}}}},borders:{radius:"var(--radius-lg)",thickness:"var(--border-none)"},buttons:{primary:{size:26,alignment:"left",radius:32,height:40,background:"#ff3f19",hover:!0,font:"Archivo",boxShadow:{left:0,top:0,blur:0,spread:0,color:"#000000"},color:"#ffffff",colorHover:"#ffffff",backgroundHover:"#ff3f19"},secondary:{size:26,alignment:"left",radius:10,height:20,background:"#c2c2c2",hover:!1,font:"Archivo",boxShadow:{left:0,top:4,blur:10,spread:0,color:"#000000"},color:"#757575",colorHover:"#757575",backgroundHover:"#c2c2c2"},tertiary:{size:12,alignment:"left",radius:30,height:30,background:"#c2c2c2",hover:!0,font:"Archivo",boxShadow:{left:0,top:4,blur:10,spread:0,color:"#000000"},color:"#757575",colorHover:"#757575",backgroundHover:"#c2c2c2"}},inputs:{field:{color:"#f3f3f3",active:!0,opacity:40},label:{size:14,color:"#555555",height:40,alignment:"left"},border:{color:"#f3f3f3",style:"solid",active:!0,radius:14,thickness:0},general:{size:14,color:"#252525",height:40},placeholder:{color:"#C2C2C2"}}},updateColor:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:c});const l={...i.themeSettings.colors,[o]:{...i.themeSettings.colors[o],[r]:a}};return{themeSettings:{...i.themeSettings,colors:l}}}),updateFont:(o,r,a,i,c)=>t(l=>{const u=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:u});const d={...l.themeSettings.fonts,[o]:{...l.themeSettings.fonts[o],[r]:{...l.themeSettings.fonts[o][r],[a]:{...l.themeSettings.fonts[o][r][a],[i]:c}}}};return{themeSettings:{...l.themeSettings,fonts:d}}}),updateFontSizePercentage:(o,r)=>t(a=>{const i=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:i});const c={...a.themeSettings.fonts,[o]:{...a.themeSettings.fonts[o],fontSizePercentage:r}};return{themeSettings:{...a.themeSettings,fonts:c}}}),updateBorder:(o,r)=>t(a=>{const i=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:i});const c={...a.themeSettings.borders,[o]:r};return{themeSettings:{...a.themeSettings,borders:c}}}),updateButton:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);Ot.getState().addHistory({themeSettings:c});const l={...i.themeSettings.buttons[o],[r]:a},u={...i.themeSettings.buttons,[o]:l};return{themeSettings:{...i.themeSettings,buttons:u}}}),updateInput:(o,r,a)=>t(i=>{const c=structuredClone(n().themeSettings);return Ot.getState().addHistory({themeSettings:c}),{themeSettings:{...i.themeSettings,inputs:{...i.themeSettings.inputs,[o]:{...i.themeSettings.inputs[o],[a]:r}}}}}),isLoadingThemeSettings:!1,setIsLoadingThemeSettings:o=>t(()=>({isLoadingThemeSettings:o}))})),gp=Be(Ha(t=>({fonts:[],setFonts:n=>t(()=>({fonts:n}))}),{name:"fonts-storage"})),Er=Be(t=>({settings:null,setSettings:n=>{t(()=>({settings:n}))},isLoadingSettings:!0,setIsLoadingSettings:n=>t(()=>({isLoadingSettings:n}))})),Ip=Be()(t=>({color:"default",initialColor:"",setInitialColor:n=>t(()=>({initialColor:n})),colorChange:()=>{},update:()=>{},activeLabel:null,modalPosition:{left:0,top:0},showModal:!1,dragging:!1,hue:0,saturation:100,brightness:100,alpha:100,isGradientActive:!0,isGradient:!1,setIsGradient:n=>t(()=>({isGradient:n})),gradientDirection:"vertical",setGradientDirection:n=>t(()=>({gradientDirection:n})),hue2:0,saturation2:100,brightness2:100,alpha2:100,setHue2:n=>t(()=>({hue2:n})),setSaturation2:n=>t(()=>({saturation2:n})),setBrightness2:n=>t(()=>({brightness2:n})),setAlpha2:n=>t(()=>({alpha2:n})),activeColorIndex:1,setActiveColorIndex:n=>t(()=>({activeColorIndex:n})),setModalPosition:n=>t(()=>({modalPosition:n})),setHue:n=>t(()=>({hue:n})),setSaturation:n=>t(()=>({saturation:n})),setBrightness:n=>t(()=>({brightness:n})),setShowModal:n=>t(()=>({showModal:n})),setDragging:n=>t(()=>({dragging:n})),setActiveLabel:n=>t(()=>({activeLabel:n})),setColor:n=>t(()=>({color:n})),setUpdate:n=>t(()=>({update:n})),setColorChange:n=>t(()=>({colorChange:n})),setAlpha:n=>t(()=>({alpha:n})),setIsGradientActive:n=>t(()=>({isGradientActive:n})),resetColors:()=>t(()=>({color:"default",initialColor:"",activeLabel:null,modalPosition:{left:0,top:0},showModal:!1,dragging:!1,hue:0,saturation:100,brightness:100,alpha:100,isGradient:!1,gradientDirection:"vertical",hue2:0,saturation2:100,brightness2:100,alpha2:100,activeColorIndex:1,isGradientActive:!0}))})),Zn=Be(Ha((t,n)=>({pages:null,currentPage:"",setPages:o=>t(()=>({pages:o})),pageContext:{listings:null,products:null,reviews:null,categories:null,faqs:null,general:null,fullPosts:null,posts:null},isOpenModal:!1,isOpenSelectModal:!1,isEdit:!1,editedPage:null,setEditedPage:o=>t(()=>({editedPage:o})),setCurrentPage:o=>t(()=>({currentPage:o})),setPageContext:o=>t(()=>({pageContext:o})),setIsOpenModal:o=>t(()=>({isOpenModal:o})),setIsOpenSelectModal:o=>t(()=>({isOpenSelectModal:o})),setIsEdit:o=>t(()=>({isEdit:o})),createPage:o=>{const r=n().pages,a=ze();if(r)r[a]=o,t({pages:r});else{const i=n().setPages;i({});const c=n().pages;c[a]=o,t({pages:c})}},updatePage:(o,r)=>{const a=n().pages;a&&(a[o]={...r},t({pages:a}))},deletePage:o=>{const r=n().pages;r&&(delete r[o],t({pages:r}))}}),{name:"pages-storage",partialize:t=>{const{pages:n,pageContext:o}=t;return{pages:n,pageContext:o}}})),vs=Be(t=>({openModal:!1,setOpenModal:n=>t(()=>({openModal:n})),onChange:null,setOnChange:n=>t(()=>({onChange:n})),tip:"",setTip:n=>t(()=>({tip:n}))})),Ot=Be((t,n)=>({past:[],future:[],addHistory:o=>{t(r=>{const a=r.past[r.past.length-1];return a&&JSON.stringify(a)===JSON.stringify(o)?r:{past:[...r.past,o],future:[]}})},undo:()=>{const{past:o,future:r}=n();if(o.length===0)return;const a=o[o.length-1],i=o.slice(0,-1),{blocks:c,header:l,footer:u,announcement:d,setBlocks:h,setHeader:f,setFooter:m,setAnnouncement:g}=$n.getState(),{themeSettings:I,setThemeSettings:p}=wo.getState(),C={themeSettings:JSON.parse(JSON.stringify(I)),layers:JSON.parse(JSON.stringify(c)),header:JSON.parse(JSON.stringify(l)),footer:JSON.parse(JSON.stringify(u)),announcement:JSON.parse(JSON.stringify(d))};t({past:i,future:[C,...r]}),a.themeSettings&&p(a.themeSettings),a.layers&&h(a.layers),a.header&&f(a.header,!1),a.footer&&m(a.footer,!1),a.announcement&&g(a.announcement,!1)},redo:()=>{const{past:o,future:r}=n();if(r.length===0)return;const{blocks:a,header:i,footer:c,announcement:l,setBlocks:u,setHeader:d,setFooter:h,setAnnouncement:f}=$n.getState(),{themeSettings:m,setThemeSettings:g}=wo.getState(),I=r[0],p=r.slice(1),C={themeSettings:JSON.parse(JSON.stringify(m)),layers:JSON.parse(JSON.stringify(a)),header:JSON.parse(JSON.stringify(i)),footer:JSON.parse(JSON.stringify(c)),announcement:JSON.parse(JSON.stringify(l))};t({past:[...o,C],future:p}),I.themeSettings&&g(I.themeSettings),I.layers&&u(I.layers),I.header&&d(I.header,!1),I.footer&&h(I.footer,!1),I.announcement&&f(I.announcement,!1)}})),Cp=Be(t=>({isOpenModal:!1,setIsOpenModal:n=>t(()=>({isOpenModal:n}))})),Dt=Be(t=>({notifications:[],setNotifications:n=>t(()=>({notifications:n}))})),Yl=Be(t=>({error:null,setError:n=>t(()=>({error:n}))})),Xl=Be(t=>({title:null,description:null,onConfirm:null,setTitle:n=>t(()=>({title:n})),setDescription:n=>t(()=>({description:n})),setOnConfirm:n=>t(()=>({onConfirm:n}))})),Sp=Be(t=>({showTooltip:!1,setShowTooltip:n=>t({showTooltip:n})})),Gn=Be(t=>({isOpen:!0,setIsOpen:n=>t(()=>({isOpen:n}))})),To=Be(t=>({general:null,setGeneral:n=>t(()=>({general:n})),isAntistock:!1,setIsAntistock:n=>t(()=>({isAntistock:n}))}));var Kl={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-BevM-GYo.cjs");exports.App=e.App;exports.Checkout=e.Checkout;exports.ColorVariables=e.ColorVariables;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.removeNotification=e.removeNotification;exports.showNotification=e.showNotification;exports.useBuilderPages=e.useBuilderPages;exports.useCreateTicket=e.useCreateTicket;exports.ReCaptchaProvider=t.ReCaptchaProvider;exports.aspectRatioOptions=t.aspectRatioOptions;exports.formatPrice=t.formatPrice;exports.splitTextIntoSpans=t.splitTextIntoSpans;exports.useAdaptiveStyles=t.useAdaptiveStyles;exports.useCart=t.useCart;exports.useReCaptcha=t.useReCaptcha;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./builder.cjs.js"),t=require("./index-P2YlD50J.cjs");exports.App=e.App;exports.Checkout=e.Checkout;exports.ColorVariables=e.ColorVariables;exports.hotReload=e.hotReload;exports.iconNames=e.iconNames;exports.removeNotification=e.removeNotification;exports.showNotification=e.showNotification;exports.useBuilderPages=e.useBuilderPages;exports.useCreateTicket=e.useCreateTicket;exports.ReCaptchaProvider=t.ReCaptchaProvider;exports.aspectRatioOptions=t.aspectRatioOptions;exports.formatPrice=t.formatPrice;exports.splitTextIntoSpans=t.splitTextIntoSpans;exports.useAdaptiveStyles=t.useAdaptiveStyles;exports.useCart=t.useCart;exports.useReCaptcha=t.useReCaptcha;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { App as s, Checkout as t, ColorVariables as o, hotReload as i, iconNames as r, removeNotification as p, showNotification as c, useBuilderPages as u, useCreateTicket as f } from "./builder.es.js";
-import { R as n, a as C, f as h, s as m, c as R, b as d, u as v } from "./index-CuyYsDV5.js";
+import { R as n, a as C, f as h, s as m, c as R, b as d, u as v } from "./index-CS7KRYlL.js";
 export {
   s as App,
   t as Checkout,

package/dist/ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BevM-GYo.cjs"),h=require("react");require("react-dom");const lt="_block_kh9z8_8",dt="_title_kh9z8_16",ut="_subtitle_kh9z8_23",xt="_alignmentContent_kh9z8_30",mt="_alignments_kh9z8_39",pt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",jt="_paddings_kh9z8_71",gt="_padding_kh9z8_71",ft="_active_kh9z8_97",z={block:lt,title:dt,subtitle:ut,alignmentContent:xt,alignments:mt,alignment:pt,circle:ht,paddings:jt,padding:gt,active:ft},yt=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Et=["left","top","right","bottom"],_t=x=>{const{alignment:o,padding:r,setPadding:s,setAlignment:c,isAlignment:e=!0,isPadding:u=!0}=x;function d(l){switch(l){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 j(l){switch(l){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[f,T]=h.useState(null),[R,a]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:z.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:z.title,children:"Layout (for Desktop version)"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentContent,children:[e&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsx("div",{className:z.alignments,children:yt.map(l=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{c(l)},className:z.alignment,onMouseEnter:()=>{T(l)},onMouseLeave:()=>{T(null)},children:[l!==o&&f!==l&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),l!==o&&f===l&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(f),fill:"#c2c2c2",width:22,height:22}),l===o&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(o),fill:"#FF3F19",width:22,height:22})]},l))})]}),u&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Paddings"}),t.jsxRuntimeExports.jsx("div",{className:z.paddings,children:Et.map(l=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:R===l}),onFocus:()=>{a(l)},onBlur:()=>{a(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(l),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(r[l]),onChange:y=>s({...r,[l]:Math.min(Number(y),999)}),max:999,paddingless:!0,borderless:!0})]},l))})]})]})]})},Rt="_title_82zux_1",bt="_subtitle_82zux_5",vt="_productsBlock_82zux_14",It="_top_82zux_26",St="_products_82zux_14",Nt="_product_82zux_14",Ct="_button_82zux_80",Pt="_disabled_82zux_91",Tt="_buttons_82zux_118",kt="_addButton_82zux_157",wt="_deleteButton_82zux_179",F={title:Rt,subtitle:bt,productsBlock:vt,top:It,products:St,product:Nt,button:Ct,disabled:Pt,buttons:Tt,addButton:kt,deleteButton:wt};function Bt({id:x,children:o}){const{attributes:r,listeners:s,setNodeRef:c,transform:e,transition:u,isDragging:d}=t.useSortable({id:x}),j={transform:t.CSS.Transform.toString(e),transition:u};return t.jsxRuntimeExports.jsx("div",{ref:c,style:j,className:`${F.product} ${d?F.dragging:""}`,...r,...s,children:o})}const Mt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,tags:u,title:d,subtitle:j,draggable:f=!1,withImage:T=!1,addable:R=!0,itemsOptions:a,hasRangeSelector:l=!1,rangeSelectorOptions:y,limit:g,autoScrollInterval:m,deletable:i,aspectRatio:E,setAspectRatio:S}=x,$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=n=>{const{active:b,over:N}=n;if(N&&b.id!==N.id){const M=s.findIndex(v=>v===b.id),w=s.findIndex(v=>v===N.id);if(M!==-1&&w!==-1){const v=[...s],[Y]=v.splice(M,1);v.splice(w,0,Y),c(v)}}};function V(n){if(T)return n?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${n[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const q=(n,b=!1)=>{const N=a.find(w=>w.id===n);if(!N)return;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:w=>{const v=[...s],Y=a.find(p=>p.name===w);if(!Y)return;const _=Y.id,O=v.map(p=>p===n?_:p);c([...O])},value:N.name,options:a.filter(w=>!s.find(v=>v===w.id)).map(w=>w.name),leftAddonOptions:a.map(w=>({value:w.name,addon:V(w.images)}))}),b&&t.jsxRuntimeExports.jsx("div",{className:F.buttons,children:t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>c(s.filter(w=>w!==n))})})})]});return f?t.jsxRuntimeExports.jsx(Bt,{id:n,children:M},t.v4()):t.jsxRuntimeExports.jsx("div",{className:F.product,children:M},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(d||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:d}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:n=>r==null?void 0:r(n)})]}),l&&y&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...y}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:j}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(n=>q(n,i))})}):s.map(n=>q(n,i)),R&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(F.button,{[F.disabled]:!!(g&&g<=s.length||s.length===a.length)}),size:"s",disabled:!!(g&&g<=s.length||s.length===a.length),onClick:()=>{const n=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M===a[N].id)){b=a[N];break}}n.push((b==null?void 0:b.id)||a[0].id),c(n)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:F.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),E&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:E,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:n=>S(n),leftAddonOptions:t.aspectRatioOptions}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:u}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e}),m!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(m.scrollInterval),onChange:n=>m.setScrollInterval(Number(n)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},$t="_title_roi3a_1",Ot="_subtitle_roi3a_5",At="_productsBlock_roi3a_14",qt="_top_roi3a_26",Dt="_products_roi3a_14",Lt="_product_roi3a_14",Ut="_button_roi3a_80",Ht="_disabled_roi3a_91",zt="_buttons_roi3a_118",Ft="_addButton_roi3a_164",Vt="_deleteButton_roi3a_179",H={title:$t,subtitle:Ot,productsBlock:At,top:qt,products:Dt,product:Lt,button:Ut,disabled:Ht,buttons:zt,addButton:Ft,deleteButton:Vt};function Yt({product:x,children:o}){const{attributes:r,listeners:s,setNodeRef:c,transform:e,transition:u,isDragging:d}=t.useSortable({id:x.id}),j={transform:t.CSS.Transform.toString(e),transition:u};return t.jsxRuntimeExports.jsx("div",{ref:c,style:j,className:`${H.product} ${d?H.dragging:""}`,...r,...s,children:o})}const Gt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,title:e,subtitle:u,editable:d=!0,draggable:j=!1,deletable:f=!0,addable:T=!0,itemsType:R,itemsOptions:a,addableOptions:l={},limit:y}=x,[g,m]=h.useState(null),[i,E]=h.useState(null),S=h.useRef(null),$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(g){const n=[...s].map(b=>b.id===g.id?g:b);c(n)}},[g]),h.useEffect(()=>{S.current&&i&&(S.current.getBoundingClientRect().height,i.top)},[S.current,i]);const A=(n,b)=>{n.stopPropagation();const N=n.target.getBoundingClientRect();E({top:N.top+window.scrollY,left:N.left-30}),m(b)},V=n=>{const{active:b,over:N}=n;if(N&&b.id!==N.id){const M=s.findIndex(v=>v.id===b.id),w=s.findIndex(v=>v.id===N.id);if(M!==-1&&w!==-1){const v=[...s],[Y]=v.splice(M,1);v.splice(w,0,Y),c(v)}}},q=(n,b)=>{const N=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[j&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),R==="select"&&a&&t.jsxRuntimeExports.jsx(t.Select,{onChange:M=>{const w=[...s],v=a.find(_=>_.name===M);if(!v)return;const Y=w.map(_=>_.id===n.id?{...v,name:{"en-US":M}}:_);m({...n,name:{"en-US":M}}),c([...Y])},value:n.name,options:a.filter(M=>!s.find(w=>w.name===M.name)).map(M=>M.name)}),t.jsxRuntimeExports.jsxs("div",{className:H.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:M=>A(M,n)})}),f&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>c(s.filter(M=>M.id!==n.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Yt,{product:n,index:b,children:N},n.id):t.jsxRuntimeExports.jsx("div",{className:H.product,children:N},n.id)};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(e||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[e&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:e}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:n=>r==null?void 0:r(n)})]}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[u&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:u}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:V,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(n=>n.id),strategy:t.verticalListSortingStrategy,children:s.map((n,b)=>q(n,b))})}):s.map((n,b)=>q(n,b)),T&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(y&&y<=s.length||s.length===(a==null?void 0:a.length))}),size:"s",disabled:!!(y&&y<=s.length||s.length===(a==null?void 0:a.length)),onClick:()=>{const n=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M.id===a[N].id)){b=a[N];break}}R==="select"&&a&&n.push({name:b?b.name:a[0].name,id:(b==null?void 0:b.id)||a[0].id,...l}),c(n)},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})]})})})]})]})};function Wt(x){const{product:o,children:r}=x,{attributes:s,listeners:c,setNodeRef:e,transform:u,transition:d,isDragging:j}=t.useSortable({id:o.id}),f={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...c,children:r})}const Xt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,title:u,subtitle:d,editable:j=!0,draggable:f=!1,deletable:T=!0,addable:R=!0,itemsType:a,itemsPlaceholder:l="",itemsOptions:y,hasRangeSelector:g=!1,rangeSelectorOptions:m,modalOptions:i,addableOptions:E={},limit:S}=x,[$,A]=h.useState(null),[V,q]=h.useState({top:0,left:0}),[n,b]=h.useState(null),N=h.useRef(null),[M,w]=h.useState(!1),v=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const p=()=>{A(null),w(!1)};return document.body.addEventListener("click",p),A(null),w(!1),()=>{A(null),w(!1),document.body.removeEventListener("click",p)}},[]),h.useEffect(()=>{if($){const p=[...s].map(I=>I.id===$.id?$:I);c(p)}},[$]),h.useEffect(()=>{if(N.current&&n){const p=N.current.getBoundingClientRect().height,I=window.innerHeight;let k=n.top;k+p>I+window.scrollY-200&&(k=I+window.scrollY-p-200),k<0&&(k=10),q({top:k,left:n.left})}},[N.current,n]);const Y=(p,I)=>{p.stopPropagation();const k=p.target.getBoundingClientRect();b({top:k.top+window.scrollY,left:k.left-30}),A(I),w(!0)},_=p=>{const{active:I,over:k}=p;if(k&&I.id!==k.id){const P=s.findIndex(L=>L.id===I.id),G=s.findIndex(L=>L.id===k.id);if(P!==-1&&G!==-1){const L=[...s],[U]=L.splice(P,1);L.splice(G,0,U),c(L)}}},O=p=>{var k;const I=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&y&&t.jsxRuntimeExports.jsx(t.Select,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);A({...p,name:{"en-US":P}}),c([...L])},value:p.name["en-US"],options:y.filter(P=>!s.find(G=>G.name["en-US"]===P))}),a==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);c([...L])},value:p.name["en-US"],placeholder:l}),a==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,images:P}:U);c([...L])},activeImage:(k=s.find(P=>P.id===p.id))==null?void 0:k.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:P=>Y(P,p)})}),T&&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:()=>c(s.filter(P=>P.id!==p.id))})})]})]});return f?t.jsxRuntimeExports.jsx(Wt,{product:p,children:I},p.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:I},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(u||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:u}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:p=>r==null?void 0:r(p)})]}),$&&j&&i&&M&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:$,setActiveItem:A,popupPosition:V,modalOptions:i,setIsOpenModal:w}),g&&m&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...m}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:v,onDragEnd:_,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map(p=>O(p))})}):s.map(p=>O(p)),R&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(S&&S<=s.length)}),size:"s",disabled:!!(S&&S<=s.length),onClick:()=>{const p=[...s];let I=null;if(y){for(let k=0;k<y.length;k++)if(!s.find(P=>P.name["en-US"]===y[k])){I=y[k];break}}a==="select"&&y?p.push({name:{"en-US":I||y[0]},id:t.v4(),...E,maxSymbols:100}):a==="input"?p.push({name:{"en-US":""},id:t.v4(),...E,maxSymbols:100}):p.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...E,maxSymbols:100}),c(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},Qt="_subtitle_jql1y_1",Jt="_products_jql1y_10",Kt="_product_jql1y_10",Zt="_button_jql1y_11",te="_buttons_jql1y_11",ee="_addButton_jql1y_150",se="_deleteButton_jql1y_165",X={subtitle:Qt,products:Jt,product:Kt,button:Zt,buttons:te,addButton:ee,deleteButton:se},st=x=>{const{buttons:o,setButtons:r,deletable:s=!0,addable:c=!0,editableLink:e=!0}=x,{pages:u}=t.usePagesStore(),[d,j]=h.useState(null),[f,T]=h.useState({top:0,left:0}),[R,a]=h.useState(null),l=h.useRef(null);h.useEffect(()=>{if(d){const m=[...o].map(i=>i.id===d.id?d:i);r(m)}},[d]),h.useEffect(()=>{if(l.current&&R){const m=l.current.getBoundingClientRect().height,i=window.innerHeight;let E=R.top;E+m>i+window.scrollY-200&&(E=i+window.scrollY-m-200),E<0&&(E=10),T({top:E,left:R.left})}},[l.current,R]);const y=(m,i)=>{m.stopPropagation();const E=m.target.getBoundingClientRect();a({top:E.top+window.scrollY-70,left:E.left-(c?30:65)}),j(i)},g=(m,i)=>{const E=[...o],S={...m,id:Math.random().toString(36).substr(2,9)};E.splice(i+1,0,S),r(E)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),o.map((m,i)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:E=>{const $=[...o].map(A=>A.id===m.id?{...m,type:E}:A);r($)},value:m.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:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{g(m,i)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:E=>{y(E,m)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const E=o.filter(S=>S.id!==m.id);r(E)},width:20,height:20,fill:"#C12A2A"})})]})]},m.id)),d&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:l,activeButton:d,setActiveButton:j,popupPosition:f,editableLink:e}),c&&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 m=[...o];e?m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:u?Object.values(u)[0].path:"/",openInNewTab:!1}):m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:u?Object.values(u)[0].path:"/",openInNewTab:!1}),r(m)},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})]})})})]})},ne=x=>{const{isActiveButtons:o,setIsActiveButtons:r,buttons:s,setButtons:c,editableLink:e=!0,addable:u=!0,deletable:d=!0}=x;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:j=>r(j)})]}),o&&t.jsxRuntimeExports.jsx(st,{buttons:s,setButtons:c,editableLink:e,addable:u,deletable:d})]})})};function ie(x){const{product:o,children:r}=x,{attributes:s,listeners:c,setNodeRef:e,transform:u,transition:d,isDragging:j}=t.useSortable({id:String(o.listingId)}),f={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...c,children:r})}const oe=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,title:u,subtitle:d,editable:j=!0,draggable:f=!1,withImage:T=!1,deletable:R=!0,addable:a=!0,itemsType:l,itemsOptions:y,limit:g,aspectRatio:m,setAspectRatio:i}=x,[E,S]=h.useState(null),[$,A]=h.useState({top:0,left:0}),[V,q]=h.useState(!1),n=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const _=()=>{S(null),q(!1)};return document.body.addEventListener("click",_),S(null),q(!1),()=>{S(null),q(!1),document.body.removeEventListener("click",_)}},[]),h.useEffect(()=>{if(E){const _=[...s].map(O=>O.listingId===E.listingId?E:O);c(_)}},[E]);const b=(_,O)=>{_.stopPropagation();const p=_.target.getBoundingClientRect(),I=100,k=window.innerHeight;let P=p.top+window.scrollY;P+I>k&&(P=k-I-20),q(!0),A({top:P-80,left:p.left-30}),S(O)};function N(_){if(T)return _?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${_}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=_=>{const{active:O,over:p}=_;if(p&&O.id!==p.id){const I=s.findIndex(P=>String(P.listingId)===O.id),k=s.findIndex(P=>String(P.listingId)===p.id);if(I!==-1&&k!==-1){const P=[...s],[G]=P.splice(I,1);P.splice(k,0,G),c(P)}}},w=()=>{q(!1),S(null)},v=_=>{const O=y.find(I=>_.listingId===I.id);if(!O)return null;const p=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),l==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const k=[...s],P=y.find(U=>U.productData.name===I);if(!P)return;const G={listingId:P.id,image:P.productData.images.length>0?P.productData.images[0].cfId:""},L=k.map(U=>U.listingId===_.listingId?G:U);S(G),c([...L])},value:O.productData.name,options:[...y.filter(I=>!s.find(k=>k.listingId===I.id)).map(I=>I.productData.name)],leftAddonOptions:y.map(I=>{var k;return{value:I.productData.name,addon:N(((k=I.productData.images[0])==null?void 0:k.cfId)||"")}})}),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:I=>b(I,_)})}),R&&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:()=>c(s.filter(I=>I!==_))})})]})]});return f?t.jsxRuntimeExports.jsx(ie,{product:_,children:p},_.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:p},_.listingId)},Y=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(u||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:u}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:_=>r==null?void 0:r(_)})]}),V&&E&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:Y,activeItem:E,setActiveItem:S,setIsOpenModal:q,popupPosition:$,itemsOptions:y}),o&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:n,onDragEnd:M,onDragStart:w,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(_=>String(_.listingId)),strategy:t.verticalListSortingStrategy,children:s.map(_=>v(_))})}):s.map(_=>v(_)),a&&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 _=[...s];for(let O=0;O<y.length;O++)if(!s.find(p=>p.listingId===y[O].id)){_.push({listingId:y[O].id,image:y[O].productData.images.length>0?y[O].productData.images[0].cfId:""});break}c(_)},disabled:s.length===(g||y.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})]})})})]}),m&&i&&t.jsxRuntimeExports.jsx(t.Select,{value:m,options:Object.keys(t.aspectRatio),onChange:_=>i(_),leftAddonOptions:t.aspectRatioOptions}),o&&e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},re="_options_s4lx3_1",ae="_price_s4lx3_18",ce="_oldPrice_s4lx3_25",le="_newPrice_s4lx3_34",de="_animate_s4lx3_42",ue="_meta_s4lx3_60",xe="_info_s4lx3_66",me="_infoRight_s4lx3_75",pe="_buttons_s4lx3_82",he="_variants_s4lx3_89",je="_variant_s4lx3_89",ge="_stock_s4lx3_107",fe="_variantInfo_s4lx3_115",ye="_quantity_s4lx3_122",Ee="_button_s4lx3_82",_e="_activeVariant_s4lx3_168",Re="_chargeTypes_s4lx3_172",be="_charge_s4lx3_172",ve="_chargeActive_s4lx3_197",Ie="_title_s4lx3_205",B={options:re,price:ae,oldPrice:ce,newPrice:le,animate:de,meta:ue,info:xe,infoRight:me,buttons:pe,variants:he,variant:je,stock:ge,variantInfo:fe,quantity:ye,button:Ee,activeVariant:_e,chargeTypes:Re,charge:be,chargeActive:ve,title:Ie};var Z=(x=>(x.ONE_TIME="One-Time",x.RECURRING="Subscribe & Save",x))(Z||{});const nt=x=>{var V,q;const{product:o,setIsOpen:r,isCartEnabled:s=!0}=x,{variants:c}=o,[e,u]=h.useState(c[0]),[d,j]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:f,setNotifications:T}=t.useNotificationStore(),R=t.useNavigate(),[a,l]=h.useState(1),{cart:y,reset:g,addProductToCart:m}=t.useCart(),[i,E]=h.useState(!1);h.useEffect(()=>{E(!0);const n=setTimeout(()=>E(!1),600);return()=>clearTimeout(n)},[a]);async function S(){try{m({productId:o.id,productVariantId:e.id,chargeType:d,quantity:a}),T([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(n){T([...f,{id:t.v4(),message:`Product failed to add to cart: ${n}`,status:"error"}])}r==null||r(!1)}function $(){g(),S(),R("/checkout")}function A(n){if(n>=864e5){const v=Math.floor(n/864e5);return`${v} ${v===1?"day":"days"}`}else if(n>=36e5){const v=Math.floor(n/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(n>=6e4){const v=Math.floor(n/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(n/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?l(0):l(1)},[e.quantity.available]),h.useEffect(()=>{e.chargeTypes&&j(e.chargeTypes.includes(d)?d:e.chargeTypes[0])},[e.chargeTypes]),t.jsxRuntimeExports.jsxs("div",{className:B.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:B.chargeTypes,children:e.chargeTypes.map(n=>t.jsxRuntimeExports.jsx("div",{className:t.clx(B.charge,{[B.chargeActive]:d===n}),onClick:()=>j(n),children:Z[n]},n))}),t.jsxRuntimeExports.jsx("div",{className:B.variants,children:c.filter(n=>{var b;return(b=n.chargeTypes)==null?void 0:b.includes(d)}).map(n=>{var b,N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(B.variant,{[B.activeVariant]:e.id===n.id}),onClick:()=>{u(n),l(1)},children:[t.jsxRuntimeExports.jsxs("div",{className:B.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:B.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(n.name)}}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:[t.formatPrice({amount:d==="ONE_TIME"?n.price.amount:n.subscriptionSettings?n.subscriptionSettings.price.amount:0,currency:d==="ONE_TIME"?n.price.currency:n.subscriptionSettings?n.subscriptionSettings.price.currency:"USD"})," ",d==="RECURRING"&&n.subscriptionSettings&&` / ${t.normalizeInterval(n.subscriptionSettings.recurringIntervalDays||0)}`]})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:B.stock,id:"md",children:[(b=n.quantity.restrictions)!=null&&b.max||n.quantity.available!==void 0?((N=n.quantity.restrictions)==null?void 0:N.max)||n.quantity.available:"∞"," ","in stock"]})})]},n.id)})}),d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:B.quantity,id:"md",children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a>1?l(n=>n-1):l(1)},className:B.button,disabled:e.quantity.available&&e.quantity.restrictions&&a<=e.quantity.restrictions.min||e.quantity.available===0,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(a),onChange:n=>{e.quantity.available&&Number(n)>e.quantity.available?l(e.quantity.available):l(Number(n))},max:((V=e.quantity.restrictions)==null?void 0:V.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((q=e.quantity.restrictions)==null?void 0:q.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&a>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{l(n=>n+1)},className:B.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&a>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&a>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:B.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:B.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{id:"md",children:!e.deliveryTime||e.deliveryTime===0?"Instant":A(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:B.infoRight,children:d==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),children:t.formatPrice({amount:e.price.amount*a,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.compareAtPrice.amount*a,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.price.amount*a,currency:e.price.currency})}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*a,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*a,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*a,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>$(),disabled:e.quantity&&e.quantity.available===0||a===0,children:d==="ONE_TIME"?"Buy Now":"Subscribe Now"}),d==="ONE_TIME"&&s&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0||a===0,children:y.parts.some(n=>n.productId===o.id&&n.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Se="_buttons_1uy6y_23",Ne="_modal_1uy6y_32",Ce="_closing_1uy6y_65",Pe="_info_1uy6y_114",Te="_top_1uy6y_121",ke="_title_1uy6y_132",we="_clear_1uy6y_139",Be="_activeClear_1uy6y_146",Me="_count_1uy6y_150",$e="_cart_1uy6y_165",Oe="_empty_1uy6y_173",Ae="_product_1uy6y_199",qe="_products_1uy6y_208",De="_image_1uy6y_216",Le="_productInfo_1uy6y_233",Ue="_content_1uy6y_240",He="_name_1uy6y_246",ze="_price_1uy6y_252",Fe="_productButtons_1uy6y_258",Ve="_productButton_1uy6y_258",Ye="_productCount_1uy6y_275",Ge="_bottom_1uy6y_292",We="_subtotal_1uy6y_300",Xe="_block_1uy6y_308",Qe="_shoppingCount_1uy6y_315",Je="_total_1uy6y_335",Ke="_link_1uy6y_341",Ze="_userInfo_1uy6y_348",ts="_pagesMobileModal_1uy6y_360",es="_pagesMobileModalContent_1uy6y_374",ss="_pagesMobileModalHeader_1uy6y_380",ns="_pagesMobileModalFooter_1uy6y_390",is="_pageLink_1uy6y_397",os="_rightButtons_1uy6y_406",C={buttons:Se,modal:Ne,closing:Ce,info:Pe,top:Te,title:ke,clear:we,activeClear:Be,count:Me,cart:$e,empty:Oe,product:Ae,products:qe,image:De,productInfo:Le,content:Ue,name:He,price:ze,productButtons:Fe,productButton:Ve,productCount:Ye,bottom:Ge,subtotal:We,block:Xe,shoppingCount:Qe,total:Je,link:Ke,userInfo:Ze,pagesMobileModal:ts,pagesMobileModalContent:es,pagesMobileModalHeader:ss,pagesMobileModalFooter:ns,pageLink:is,rightButtons:os,delete:"_delete_1uy6y_413"},rs=x=>{const{shopping:o,signUp:r,isShowUserInfo:s=!0}=x;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:(o||s)&&t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[o&&t.jsxRuntimeExports.jsx(it,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:r})]})})},it=()=>{const[x,o]=h.useState(!1),[r,s]=h.useState([]),[c,e]=h.useState(!1),{cart:u,products:d}=t.useCart();h.useEffect(()=>{(async()=>{const a=u.parts.map(g=>String(g.productId)),l=d.filter(g=>a.includes(String(g.id)))||[],y=u.parts.map(g=>{const m=l.find(i=>i.id===g.productId);return m?{...m,activeVariantId:g.productVariantId,quantity:g.quantity,chargeType:g.chargeType}:null}).filter(Boolean);s(y)})()},[u.parts,d]);function j(R){return!R||!(R!=null&&R.variants)?!1:R.chargeType==="RECURRING"}const f=u.parts.length>0&&r.length>0&&!j(r[0]);function T(){e(!1),setTimeout(()=>{o(!1)},300)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:R=>{R.stopPropagation(),window.location.pathname.includes("/admin/builder")||(o(!0),e(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),f&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:u.parts.length})]}),x&&t.jsxRuntimeExports.jsx(t.Modal,{close:T,withAnimation:!1,children:t.jsxRuntimeExports.jsx(ot,{activeProducts:r,isCartNotEmpty:f,isOpen:c,close:T})})]})},ot=x=>{var g,m;const{activeProducts:o,isCartNotEmpty:r,isOpen:s,close:c}=x,{cart:e,reset:u,getTotalAndDiscount:d,updateQuantityOfProduct:j,removeProduct:f}=t.useCart(),T=t.useNavigate();function R(i,E){T(i,{replace:E})}function a(i){i.quantity&&j({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity+1,chargeType:i.chargeType})}function l(i){i.quantity&&j({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity-1,chargeType:i.chargeType})}function y(i){f({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity||1,chargeType:i.chargeType})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:i=>i.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.top,children:[t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{className:C.title,id:"h4",children:"Cart"}),r&&t.jsxRuntimeExports.jsx("div",{className:C.count,id:"md",children:e.parts.length})]}),t.jsxRuntimeExports.jsxs("div",{className:C.rightButtons,children:[r&&t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:r}),disabled:!r,onClick:u,id:"md",children:"Clear all"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",onClick:c,hoverable:!0,width:24,height:24,fill:"var(--text-primary)"})]})]}),r?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:o.map(i=>{var E,S;return t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[i.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:C.image}):t.jsxRuntimeExports.jsx("div",{className:C.image,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsxs("div",{className:C.content,children:[t.jsxRuntimeExports.jsx("div",{className:C.name,dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(((E=i.variants.find($=>$.id===i.activeVariantId))==null?void 0:E.name)||i.name)}}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:i.variants.find($=>$.id===i.activeVariantId).price.amount*((i==null?void 0:i.quantity)||1),currency:i.variants.find($=>$.id===i.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{i.quantity!==1&&l(i)},className:C.productButton,disabled:i.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("input",{className:C.productCount,type:"number",value:((S=i.quantity)==null?void 0:S.toString())||"",onChange:$=>{const A=Math.min(Number($.target.value),i.variants.find(V=>V.id===i.activeVariantId).quantity.available||1/0);A<1||j({productId:i.id,productVariantId:i.activeVariantId,quantity:A,chargeType:i.chargeType})},min:1,max:i.variants.find($=>$.id===i.activeVariantId).quantity.available||1/0}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>a(i),className:C.productButton,disabled:i.quantity===i.variants.find($=>$.id===i.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.delete,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",fill:"var(--text-action)",width:20,height:20,onClick:()=>y(i),hoverable:!0})})]})]},i.id)})}),t.jsxRuntimeExports.jsxs("div",{className:C.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:C.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:C.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsx("div",{className:C.total,children:t.formatPrice({amount:d().total,currency:e.parts.length>0&&((m=(g=o.find(i=>i.id===e.parts[0].productId))==null?void 0:g.variants.find(i=>i.id===e.parts[0].productVariantId))==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>R("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(rt,{})]})},rt=()=>t.jsxRuntimeExports.jsxs("div",{className:C.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsx("span",{id:"h5",children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,id:"md",children:"view products"})]})]}),tt=({signUp:x,close:o})=>{const{token:r}=t.useStorefrontStore(),s=t.useNavigate(),[c,e]=h.useState("test-email@gmail.com");h.useEffect(()=>{r&&(async()=>{if(!r)return;const j=t.jwtDecode(r);e(j.email)})()},[r]);function u(d){window.location.pathname.includes("/admin/builder")||s(d)}return r?t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",className:C.userInfo,onClick:()=>{u("/customer-dash"),o==null||o()},children:t.jsxRuntimeExports.jsx("div",{children:c||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),o==null||o()},type:"Secondary",style:{padding:10},children:"Login"}),x&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),o==null||o()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},at=({logo:x,setIsOpen:o,signUp:r,pages:s})=>{const{setIsOpen:c}=t.useModalStore(),e=()=>{c(!1),setTimeout(()=>{o(!1),c(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:u=>u.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:x}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:e,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:s.length>0&&s.map(u=>t.jsxRuntimeExports.jsx("div",{className:C.pageLink,onClick:e,children:t.jsxRuntimeExports.jsx(t.Link,{path:u.path,children:u.name["en-US"]},u.id)}))}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:r,close:e})})]})},as=({logo:x,signUp:o,pages:r})=>{const[s,c]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(ct,{setIsOpenModal:c}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>c(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(at,{logo:x,setIsOpen:c,signUp:o,pages:r})})]})},ct=x=>{const{setIsOpenModal:o}=x;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:r=>{r.stopPropagation(),window.location.pathname.includes("/admin/builder")||o(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},cs="_share_onabp_1",ls="_modal_onabp_8",ds="_header_onabp_20",us="_title_onabp_46",xs="_copyWrapper_onabp_53",ms="_copyText_onabp_62",ps="_copyTextMobile_onabp_75",hs="_copyTextMiniMobile_onabp_94",Q={share:cs,modal:ls,header:ds,title:us,copyWrapper:xs,copyText:ms,copyTextMobile:ps,copyTextMiniMobile:hs},js=({title:x="Copy Product Link"})=>{const{isOpenModal:o,setIsOpenModal:r}=t.useShareLinkStore();function s(){r(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:c=>{c.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),o&&t.jsxRuntimeExports.jsx(t.Modal,{close:r,children:t.jsxRuntimeExports.jsx(gs,{title:x})})]})},gs=({title:x="Copy Product Link"})=>{const{setIsOpenModal:o}=t.useShareLinkStore(),{notifications:r,setNotifications:s}=t.useNotificationStore(),{setIsOpen:c}=t.useModalStore(),e=window.location.href;function u(){navigator.clipboard.writeText(e),s([...r,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function d(){c(!1),setTimeout(()=>{o(!1),c(!0)},300)}function j(f,T){return f.length>T?f.slice(0,T)+"...":f}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:f=>f.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,id:"h4",children:x}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:d,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:u,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,id:"md",children:j(e,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,id:"md",children:j(e,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,id:"md",children:j(e,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:u,children:r.find(f=>f.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},fs="_accordion_153d4_1",ys="_header_153d4_12",Es="_icon_153d4_21",_s="_open_153d4_24",Rs="_content_153d4_28",bs="_contentOpen_153d4_36",vs="_contentText_153d4_40",J={accordion:fs,header:ys,icon:Es,open:_s,content:Rs,contentOpen:bs,contentText:vs},Is=({title:x,content:o,defaultOpen:r=!1})=>{const[s,c]=h.useState(r),[e,u]=h.useState(0),d=h.useRef(null),j=()=>{c(!s)};return h.useEffect(()=>{d.current&&u(s?d.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:J.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,onClick:j,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:x}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.content,{[J.contentOpen]:s}),children:t.jsxRuntimeExports.jsx("p",{id:"md",className:J.contentText,ref:d,style:{height:`${e}px`,marginTop:`${e>0?"20px":"0px"}`},children:o})})]})},Ss="_buttonsBlock_1x6xf_1",Ns="_cartDisabled_1x6xf_25",et={buttonsBlock:Ss,cartDisabled:Ns},Cs=x=>{var T,R;const{setIsOpen:o,setModalType:r,productId:s,isCartEnabled:c=!0}=x,{cart:e}=t.useCart(),{pageContext:u}=t.usePagesStore(),d=(T=u==null?void 0:u.listings)==null?void 0:T.find(a=>a.id===s);if(!d)return null;const j=(R=u==null?void 0:u.products)==null?void 0:R.find(a=>a.uniquePath===d.productData.uniquePath);if(!j)return null;const f=e.parts.find(a=>a.productId===j.id);return t.jsxRuntimeExports.jsxs("div",{className:t.clx(et.buttonsBlock,{[et.cartDisabled]:!c}),onClick:a=>a.stopPropagation(),children:[c&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{r("Add To Cart"),o(!0)},children:f?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{r("Buy Now"),o(!0)},style:{width:"100%"},children:"Buy"})]})},Ps="_wrapper_27wzz_1",Ts="_logo_27wzz_8",ks="_info_27wzz_12",K={wrapper:Ps,logo:Ts,info:ks},ws=({date:x})=>{const{general:o}=t.useGeneralStore();if(!o)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function r(s){const c=new Date(s),e={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return c.toLocaleDateString("en-US",e)}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:K.logo,children:o.info.logo?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.info.logo.cfId}/w=500,h=500`,alt:"image",style:{objectFit:"contain",width:"48px",height:"48px"}}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:48,height:48})}),t.jsxRuntimeExports.jsxs("div",{className:K.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:o.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:r(x)})]})]})},Bs="_variants_18tbu_82",Ms="_variant_18tbu_82",$s="_stock_18tbu_100",Os="_variantInfo_18tbu_108",As="_title_18tbu_202",qs="_modal_18tbu_208",Ds="_header_18tbu_228",Ls="_productOptions_18tbu_236",Us="_loading_18tbu_244",W={variants:Bs,variant:Ms,stock:$s,variantInfo:Os,title:As,modal:qs,header:Ds,productOptions:Ls,loading:Us},Hs=x=>{var a;const{pageContext:o}=t.usePagesStore(),r=(a=o==null?void 0:o.listings)==null?void 0:a.find(l=>l.id===x.productId),[s,c]=h.useState(!0),[e,u]=h.useState(null),d=(e==null?void 0:e.variants[0])||null,[j,f]=h.useState("ONE_TIME"),{addProducts:T}=t.useCart(),{setIsOpen:R}=t.useModalStore();return h.useEffect(()=>{(async()=>{c(!0);const y=await t.getDynamicPage(encodeURIComponent(`/product/${r.productData.uniquePath}`));T(y==null?void 0:y.data.products),u(y==null?void 0:y.data.products[0]),c(!1)})()},[]),h.useEffect(()=>{R(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:x.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:W.modal,onClick:l=>l.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:W.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),x.type==="Add To Cart"&&x.isCartEnabled&&e&&d&&!s&&t.jsxRuntimeExports.jsx(zs,{variants:e.variants,activeVariant:d,activeChargeType:j,setActiveChargeType:f,productId:e.id,setIsOpen:x.setIsOpen}),x.type==="Buy Now"&&e&&!s&&t.jsxRuntimeExports.jsx(Fs,{product:e,setIsOpen:x.setIsOpen,isCartEnabled:x.isCartEnabled})]})})},zs=x=>{const{variants:o,activeChargeType:r,productId:s,setIsOpen:c}=x,{cart:e,addProductToCart:u,addProducts:d,updateQuantityOfProduct:j}=t.useCart(),{notifications:f,setNotifications:T}=t.useNotificationStore(),{pageContext:R}=t.usePagesStore(),{setIsOpen:a}=t.useModalStore(),l=()=>{a(!1),setTimeout(()=>{c(!1)},300)};async function y(g){const m=o.find(S=>S.id===g),i=e.parts.find(S=>S.productId===x.productId&&S.productVariantId===g);if((m==null?void 0:m.quantity.available)&&(m==null?void 0:m.quantity.restrictions)&&((i==null?void 0:i.quantity)||0)+1>(m==null?void 0:m.quantity.restrictions.max)||(m==null?void 0:m.quantity.available)===0||(m==null?void 0:m.quantity.available)&&((i==null?void 0:i.quantity)||0)+1>(m==null?void 0:m.quantity.available)){T([...f,{id:t.v4(),message:"Product is out of stock",status:"error"}]);return}if(i)j({productId:s,productVariantId:g,quantity:i.quantity+1,chargeType:r});else{R!=null&&R.products&&d(R.products);try{u({productId:s,productVariantId:g,quantity:1,chargeType:r}),T([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){T([...f,{id:t.v4(),message:`Product failed to add to cart: ${S}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",children:"Choose a Variant"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:l})]}),t.jsxRuntimeExports.jsx("div",{className:W.variants,children:o.filter(g=>{var m;return(m=g.chargeTypes)==null?void 0:m.includes(r)}).map(g=>{var m,i,E;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.variant),onClick:()=>{y(g.id),c(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:W.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:W.title,id:"h4",children:g.name}),t.jsxRuntimeExports.jsx("span",{id:"md",children:t.formatPrice({amount:r==="ONE_TIME"?g.price.amount:g.subscriptionSettings?g.subscriptionSettings.price.amount:0,currency:r==="ONE_TIME"?g.price.currency:((m=g.subscriptionSettings)==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:r==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:W.stock,id:"md",children:[(i=g.quantity.restrictions)!=null&&i.max||g.quantity.available!==void 0?((E=g.quantity.restrictions)==null?void 0:E.max)||g.quantity.available:"∞"," ","in stock"]})})]},g.id)})})]})},Fs=x=>{const{product:o,setIsOpen:r,isCartEnabled:s}=x,{setIsOpen:c}=t.useModalStore(),e=()=>{c(!1),setTimeout(()=>{r(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",className:W.title,dangerouslySetInnerHTML:{__html:`Buy ${t.splitTextIntoSpans(o.name)}`}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:e,style:{minWidth:24,minHeight:24}})]}),t.jsxRuntimeExports.jsx("div",{className:W.productOptions,children:t.jsxRuntimeExports.jsx(nt,{product:o,setIsOpen:r,isCartEnabled:s})})]})},Vs="_contentModal_m2tf9_1",Ys="_modalTop_m2tf9_12",Gs="_loading_m2tf9_19",Ws="_modalCards_m2tf9_28",Xs="_modalImage_m2tf9_34",Qs="_card_m2tf9_39",Js="_cardInfo_m2tf9_51",Ks="_cardButtons_m2tf9_58",Zs="_title_m2tf9_64",tn="_blockImage_m2tf9_71",en="_short_m2tf9_80",sn="_price_m2tf9_84",nn="_oldPrice_m2tf9_91",on="_newPrice_m2tf9_100",D={contentModal:Vs,modalTop:Ys,loading:Gs,modalCards:Ws,modalImage:Xs,card:Qs,cardInfo:Js,cardButtons:Ks,title:Zs,blockImage:tn,short:en,price:sn,oldPrice:nn,newPrice:on},rn=x=>{const{setIsOpen:o,pageContext:r,groupData:s,setProductId:c,setIsProductModalOpen:e,setShowDropdown:u}=x,[d,j]=h.useState(null),[f,T]=h.useState(!0),{setIsOpen:R}=t.useModalStore();h.useEffect(()=>{var y;T(!0);const l=(y=r.listings)==null?void 0:y.filter(g=>s.listingIdList.includes(g.id));l&&j([...l]),T(!1)},[r]),h.useEffect(()=>{R(!0)},[]);const a=()=>{R(!1),setTimeout(()=>{o(!1)},300)};return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>o(!1),children:t.jsxRuntimeExports.jsxs("div",{className:D.contentModal,onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:D.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:D.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(s.name)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:a,fill:"var(--text-primary)"})]}),!f&&d&&t.jsxRuntimeExports.jsx("div",{className:D.modalCards,children:d.map(l=>t.jsxRuntimeExports.jsxs("div",{className:D.card,children:[t.jsxRuntimeExports.jsx("div",{children:l.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:D.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(D.blockImage,D.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:D.cardInfo,children:[t.jsxRuntimeExports.jsx("div",{id:"h5",children:l.productData.compareAtPrice&&(l.productData.compareAtPrice.amount||0)-(l.productData.minPrice.amount||0)>0?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsxs("span",{className:D.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})}),t.jsxRuntimeExports.jsx("span",{className:D.oldPrice,id:"md",children:t.formatPrice({amount:l.productData.compareAtPrice.amount,currency:l.productData.compareAtPrice.currency})})]})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})})]})}),l.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:D.short,id:"md",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(l.productData.shortDescription)}})]}),t.jsxRuntimeExports.jsxs("div",{className:D.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{c(l.id),o(!1),e(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(t.Link,{path:`/product/${l.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{whiteSpace:"nowrap"},onClick:()=>{u(!1),a()},children:"View Details"})})]})]},l.id))}),f&&t.jsxRuntimeExports.jsx("div",{className:D.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};exports.AlignText=t.AlignText;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.Link=t.Link;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RadioUI=t.Radio;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.SelectInfiniteList=t.SelectInfiniteList;exports.SelectTypeText=t.SelectTypeText;exports.SelectUI=t.Select$1;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TextareaUI=t.Textarea$1;exports.TypesText=t.TypesText;exports.Wrapper=t.Wrapper;exports.Accordion=Is;exports.BurgerMenuButton=ct;exports.ButtonTypeSettings=st;exports.ButtonsSettings=ne;exports.CategorySettings=Mt;exports.ChargeTypes=Z;exports.EmptyCart=rt;exports.FormSettings=Xt;exports.GroupCardModal=rn;exports.HeaderButtons=rs;exports.LayoutSettings=_t;exports.ListingSelector=oe;exports.MetaInfoPost=ws;exports.PagesMobileMenu=as;exports.PagesMobileModal=at;exports.PagesSettings=Gt;exports.ProductCardButtons=Cs;exports.ProductCardModal=Hs;exports.ProductOptions=nt;exports.ShareLink=js;exports.ShoppingButton=it;exports.ShoppingModalCart=ot;exports.UserInfo=tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-P2YlD50J.cjs"),h=require("react");require("react-dom");const lt="_block_kh9z8_8",dt="_title_kh9z8_16",ut="_subtitle_kh9z8_23",xt="_alignmentContent_kh9z8_30",mt="_alignments_kh9z8_39",pt="_alignment_kh9z8_30",ht="_circle_kh9z8_64",jt="_paddings_kh9z8_71",gt="_padding_kh9z8_71",ft="_active_kh9z8_97",z={block:lt,title:dt,subtitle:ut,alignmentContent:xt,alignments:mt,alignment:pt,circle:ht,paddings:jt,padding:gt,active:ft},yt=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],Et=["left","top","right","bottom"],_t=x=>{const{alignment:o,padding:r,setPadding:s,setAlignment:c,isAlignment:e=!0,isPadding:u=!0}=x;function d(l){switch(l){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 j(l){switch(l){case"left":return"AlignLeft";case"right":return"AlignRight";case"top":return"AlignTop";case"bottom":return"AlignBottom"}}const[f,T]=h.useState(null),[R,a]=h.useState(null);return t.jsxRuntimeExports.jsxs("div",{className:z.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:z.title,children:"Layout (for Desktop version)"}),t.jsxRuntimeExports.jsxs("div",{className:z.alignmentContent,children:[e&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsx("div",{className:z.alignments,children:yt.map(l=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{c(l)},className:z.alignment,onMouseEnter:()=>{T(l)},onMouseLeave:()=>{T(null)},children:[l!==o&&f!==l&&t.jsxRuntimeExports.jsx("div",{className:z.circle}),l!==o&&f===l&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(f),fill:"#c2c2c2",width:22,height:22}),l===o&&t.jsxRuntimeExports.jsx(t.Icon,{name:d(o),fill:"#FF3F19",width:22,height:22})]},l))})]}),u&&t.jsxRuntimeExports.jsxs("div",{className:z.block,children:[t.jsxRuntimeExports.jsx("h5",{className:z.subtitle,children:"Paddings"}),t.jsxRuntimeExports.jsx("div",{className:z.paddings,children:Et.map(l=>t.jsxRuntimeExports.jsxs("label",{className:t.clx(z.padding,{[z.active]:R===l}),onFocus:()=>{a(l)},onBlur:()=>{a(null)},children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:j(l),width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"number",value:String(r[l]),onChange:y=>s({...r,[l]:Math.min(Number(y),999)}),max:999,paddingless:!0,borderless:!0})]},l))})]})]})]})},Rt="_title_82zux_1",bt="_subtitle_82zux_5",vt="_productsBlock_82zux_14",It="_top_82zux_26",St="_products_82zux_14",Nt="_product_82zux_14",Ct="_button_82zux_80",Pt="_disabled_82zux_91",Tt="_buttons_82zux_118",kt="_addButton_82zux_157",wt="_deleteButton_82zux_179",F={title:Rt,subtitle:bt,productsBlock:vt,top:It,products:St,product:Nt,button:Ct,disabled:Pt,buttons:Tt,addButton:kt,deleteButton:wt};function Bt({id:x,children:o}){const{attributes:r,listeners:s,setNodeRef:c,transform:e,transition:u,isDragging:d}=t.useSortable({id:x}),j={transform:t.CSS.Transform.toString(e),transition:u};return t.jsxRuntimeExports.jsx("div",{ref:c,style:j,className:`${F.product} ${d?F.dragging:""}`,...r,...s,children:o})}const Mt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,tags:u,title:d,subtitle:j,draggable:f=!1,withImage:T=!1,addable:R=!0,itemsOptions:a,hasRangeSelector:l=!1,rangeSelectorOptions:y,limit:g,autoScrollInterval:m,deletable:i,aspectRatio:E,setAspectRatio:S}=x,$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}})),A=n=>{const{active:b,over:N}=n;if(N&&b.id!==N.id){const M=s.findIndex(v=>v===b.id),w=s.findIndex(v=>v===N.id);if(M!==-1&&w!==-1){const v=[...s],[Y]=v.splice(M,1);v.splice(w,0,Y),c(v)}}};function V(n){if(T)return n?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${n[0]}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const q=(n,b=!1)=>{const N=a.find(w=>w.id===n);if(!N)return;const M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Select,{onChange:w=>{const v=[...s],Y=a.find(p=>p.name===w);if(!Y)return;const _=Y.id,O=v.map(p=>p===n?_:p);c([...O])},value:N.name,options:a.filter(w=>!s.find(v=>v===w.id)).map(w=>w.name),leftAddonOptions:a.map(w=>({value:w.name,addon:V(w.images)}))}),b&&t.jsxRuntimeExports.jsx("div",{className:F.buttons,children:t.jsxRuntimeExports.jsx("div",{className:F.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>c(s.filter(w=>w!==n))})})})]});return f?t.jsxRuntimeExports.jsx(Bt,{id:n,children:M},t.v4()):t.jsxRuntimeExports.jsx("div",{className:F.product,children:M},t.v4())};return t.jsxRuntimeExports.jsxs("div",{className:F.productsBlock,children:[(d||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:F.top,children:[d&&t.jsxRuntimeExports.jsx("h3",{className:F.title,children:d}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:n=>r==null?void 0:r(n)})]}),l&&y&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...y}),t.jsxRuntimeExports.jsxs("div",{className:F.products,children:[j&&t.jsxRuntimeExports.jsx("h5",{className:F.subtitle,children:j}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:A,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s,strategy:t.verticalListSortingStrategy,children:s.map(n=>q(n,i))})}):s.map(n=>q(n,i)),R&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center",gap:5},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(F.button,{[F.disabled]:!!(g&&g<=s.length||s.length===a.length)}),size:"s",disabled:!!(g&&g<=s.length||s.length===a.length),onClick:()=>{const n=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M===a[N].id)){b=a[N];break}}n.push((b==null?void 0:b.id)||a[0].id),c(n)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:F.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),E&&S&&t.jsxRuntimeExports.jsx(t.Select,{value:E,label:"Aspect Ratio",options:Object.keys(t.aspectRatio),onChange:n=>S(n),leftAddonOptions:t.aspectRatioOptions}),u!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{tagsTitle:"Tags",items:u}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e}),m!==void 0&&t.jsxRuntimeExports.jsx(t.Input,{label:"Auto scroll interval",type:"number",value:String(m.scrollInterval),onChange:n=>m.setScrollInterval(Number(n)),min:.1,max:100,style:{width:"100%"},postfix:"sec."})]})},$t="_title_roi3a_1",Ot="_subtitle_roi3a_5",At="_productsBlock_roi3a_14",qt="_top_roi3a_26",Dt="_products_roi3a_14",Lt="_product_roi3a_14",Ut="_button_roi3a_80",Ht="_disabled_roi3a_91",zt="_buttons_roi3a_118",Ft="_addButton_roi3a_164",Vt="_deleteButton_roi3a_179",H={title:$t,subtitle:Ot,productsBlock:At,top:qt,products:Dt,product:Lt,button:Ut,disabled:Ht,buttons:zt,addButton:Ft,deleteButton:Vt};function Yt({product:x,children:o}){const{attributes:r,listeners:s,setNodeRef:c,transform:e,transition:u,isDragging:d}=t.useSortable({id:x.id}),j={transform:t.CSS.Transform.toString(e),transition:u};return t.jsxRuntimeExports.jsx("div",{ref:c,style:j,className:`${H.product} ${d?H.dragging:""}`,...r,...s,children:o})}const Gt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,title:e,subtitle:u,editable:d=!0,draggable:j=!1,deletable:f=!0,addable:T=!0,itemsType:R,itemsOptions:a,addableOptions:l={},limit:y}=x,[g,m]=h.useState(null),[i,E]=h.useState(null),S=h.useRef(null),$=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{if(g){const n=[...s].map(b=>b.id===g.id?g:b);c(n)}},[g]),h.useEffect(()=>{S.current&&i&&(S.current.getBoundingClientRect().height,i.top)},[S.current,i]);const A=(n,b)=>{n.stopPropagation();const N=n.target.getBoundingClientRect();E({top:N.top+window.scrollY,left:N.left-30}),m(b)},V=n=>{const{active:b,over:N}=n;if(N&&b.id!==N.id){const M=s.findIndex(v=>v.id===b.id),w=s.findIndex(v=>v.id===N.id);if(M!==-1&&w!==-1){const v=[...s],[Y]=v.splice(M,1);v.splice(w,0,Y),c(v)}}},q=(n,b)=>{const N=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[j&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),R==="select"&&a&&t.jsxRuntimeExports.jsx(t.Select,{onChange:M=>{const w=[...s],v=a.find(_=>_.name===M);if(!v)return;const Y=w.map(_=>_.id===n.id?{...v,name:{"en-US":M}}:_);m({...n,name:{"en-US":M}}),c([...Y])},value:n.name,options:a.filter(M=>!s.find(w=>w.name===M.name)).map(M=>M.name)}),t.jsxRuntimeExports.jsxs("div",{className:H.buttons,children:[d&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:M=>A(M,n)})}),f&&t.jsxRuntimeExports.jsx("div",{className:H.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,width:20,height:20,fill:"#C12A2A",onClick:()=>c(s.filter(M=>M.id!==n.id))})})]})]});return j?t.jsxRuntimeExports.jsx(Yt,{product:n,index:b,children:N},n.id):t.jsxRuntimeExports.jsx("div",{className:H.product,children:N},n.id)};return t.jsxRuntimeExports.jsxs("div",{className:H.productsBlock,children:[(e||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:H.top,children:[e&&t.jsxRuntimeExports.jsx("h3",{className:H.title,children:e}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:n=>r==null?void 0:r(n)})]}),t.jsxRuntimeExports.jsxs("div",{className:H.products,children:[u&&t.jsxRuntimeExports.jsx("h5",{className:H.subtitle,children:u}),j?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:$,onDragEnd:V,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(n=>n.id),strategy:t.verticalListSortingStrategy,children:s.map((n,b)=>q(n,b))})}):s.map((n,b)=>q(n,b)),T&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(H.button,{[H.disabled]:!!(y&&y<=s.length||s.length===(a==null?void 0:a.length))}),size:"s",disabled:!!(y&&y<=s.length||s.length===(a==null?void 0:a.length)),onClick:()=>{const n=[...s];let b=null;if(a){for(let N=0;N<a.length;N++)if(!s.find(M=>M.id===a[N].id)){b=a[N];break}}R==="select"&&a&&n.push({name:b?b.name:a[0].name,id:(b==null?void 0:b.id)||a[0].id,...l}),c(n)},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})]})})})]})]})};function Wt(x){const{product:o,children:r}=x,{attributes:s,listeners:c,setNodeRef:e,transform:u,transition:d,isDragging:j}=t.useSortable({id:o.id}),f={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles.product} ${j?t.styles.dragging:""}`,...s,...c,children:r})}const Xt=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,title:u,subtitle:d,editable:j=!0,draggable:f=!1,deletable:T=!0,addable:R=!0,itemsType:a,itemsPlaceholder:l="",itemsOptions:y,hasRangeSelector:g=!1,rangeSelectorOptions:m,modalOptions:i,addableOptions:E={},limit:S}=x,[$,A]=h.useState(null),[V,q]=h.useState({top:0,left:0}),[n,b]=h.useState(null),N=h.useRef(null),[M,w]=h.useState(!1),v=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const p=()=>{A(null),w(!1)};return document.body.addEventListener("click",p),A(null),w(!1),()=>{A(null),w(!1),document.body.removeEventListener("click",p)}},[]),h.useEffect(()=>{if($){const p=[...s].map(I=>I.id===$.id?$:I);c(p)}},[$]),h.useEffect(()=>{if(N.current&&n){const p=N.current.getBoundingClientRect().height,I=window.innerHeight;let k=n.top;k+p>I+window.scrollY-200&&(k=I+window.scrollY-p-200),k<0&&(k=10),q({top:k,left:n.left})}},[N.current,n]);const Y=(p,I)=>{p.stopPropagation();const k=p.target.getBoundingClientRect();b({top:k.top+window.scrollY,left:k.left-30}),A(I),w(!0)},_=p=>{const{active:I,over:k}=p;if(k&&I.id!==k.id){const P=s.findIndex(L=>L.id===I.id),G=s.findIndex(L=>L.id===k.id);if(P!==-1&&G!==-1){const L=[...s],[U]=L.splice(P,1);L.splice(G,0,U),c(L)}}},O=p=>{var k;const I=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),a==="select"&&y&&t.jsxRuntimeExports.jsx(t.Select,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);A({...p,name:{"en-US":P}}),c([...L])},value:p.name["en-US"],options:y.filter(P=>!s.find(G=>G.name["en-US"]===P))}),a==="input"&&t.jsxRuntimeExports.jsx(t.Input,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,name:{"en-US":P}}:U);c([...L])},value:p.name["en-US"],placeholder:l}),a==="image"&&t.jsxRuntimeExports.jsx(t.ChooseImage,{onChange:P=>{const L=[...s].map(U=>U.id===p.id?{...p,images:P}:U);c([...L])},activeImage:(k=s.find(P=>P.id===p.id))==null?void 0:k.images[0]}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:P=>Y(P,p)})}),T&&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:()=>c(s.filter(P=>P.id!==p.id))})})]})]});return f?t.jsxRuntimeExports.jsx(Wt,{product:p,children:I},p.id):t.jsxRuntimeExports.jsx("div",{className:t.styles.product,children:I},p.id)};return t.jsxRuntimeExports.jsxs("div",{className:t.styles.productsBlock,children:[(u||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:t.styles.title,children:u}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:p=>r==null?void 0:r(p)})]}),$&&j&&i&&M&&t.jsxRuntimeExports.jsx(t.ItemPopup,{ref:N,activeItem:$,setActiveItem:A,popupPosition:V,modalOptions:i,setIsOpenModal:w}),g&&m&&t.jsxRuntimeExports.jsx(t.RangeSelector,{...m}),t.jsxRuntimeExports.jsxs("div",{className:t.styles.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:v,onDragEnd:_,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(p=>p.id),strategy:t.verticalListSortingStrategy,children:s.map(p=>O(p))})}):s.map(p=>O(p)),R&&t.jsxRuntimeExports.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:t.jsxRuntimeExports.jsx(t.Button,{withoutHover:!0,className:t.clx(t.styles.button,{[t.styles.disabled]:!!(S&&S<=s.length)}),size:"s",disabled:!!(S&&S<=s.length),onClick:()=>{const p=[...s];let I=null;if(y){for(let k=0;k<y.length;k++)if(!s.find(P=>P.name["en-US"]===y[k])){I=y[k];break}}a==="select"&&y?p.push({name:{"en-US":I||y[0]},id:t.v4(),...E,maxSymbols:100}):a==="input"?p.push({name:{"en-US":""},id:t.v4(),...E,maxSymbols:100}):p.push({name:{"en-US":`Image ${s.length+1}`},id:t.v4(),...E,maxSymbols:100}),c(p)},style:{width:"fit-content"},children:t.jsxRuntimeExports.jsxs("div",{className:t.styles.addButton,children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",width:16,height:16})]})})})]}),e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},Qt="_subtitle_jql1y_1",Jt="_products_jql1y_10",Kt="_product_jql1y_10",Zt="_button_jql1y_11",te="_buttons_jql1y_11",ee="_addButton_jql1y_150",se="_deleteButton_jql1y_165",X={subtitle:Qt,products:Jt,product:Kt,button:Zt,buttons:te,addButton:ee,deleteButton:se},st=x=>{const{buttons:o,setButtons:r,deletable:s=!0,addable:c=!0,editableLink:e=!0}=x,{pages:u}=t.usePagesStore(),[d,j]=h.useState(null),[f,T]=h.useState({top:0,left:0}),[R,a]=h.useState(null),l=h.useRef(null);h.useEffect(()=>{if(d){const m=[...o].map(i=>i.id===d.id?d:i);r(m)}},[d]),h.useEffect(()=>{if(l.current&&R){const m=l.current.getBoundingClientRect().height,i=window.innerHeight;let E=R.top;E+m>i+window.scrollY-200&&(E=i+window.scrollY-m-200),E<0&&(E=10),T({top:E,left:R.left})}},[l.current,R]);const y=(m,i)=>{m.stopPropagation();const E=m.target.getBoundingClientRect();a({top:E.top+window.scrollY-70,left:E.left-(c?30:65)}),j(i)},g=(m,i)=>{const E=[...o],S={...m,id:Math.random().toString(36).substr(2,9)};E.splice(i+1,0,S),r(E)};return t.jsxRuntimeExports.jsxs("div",{className:X.products,children:[t.jsxRuntimeExports.jsx("h5",{className:X.subtitle,children:"Button Type"}),o.map((m,i)=>t.jsxRuntimeExports.jsxs("div",{className:X.product,children:[t.jsxRuntimeExports.jsx(t.Select,{onChange:E=>{const $=[...o].map(A=>A.id===m.id?{...m,type:E}:A);r($)},value:m.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:"Copy",hoverable:!0,width:20,height:20,onClick:()=>{g(m,i)}})}),t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:E=>{y(E,m)}})}),s&&t.jsxRuntimeExports.jsx("div",{className:X.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",hoverable:!0,onClick:()=>{const E=o.filter(S=>S.id!==m.id);r(E)},width:20,height:20,fill:"#C12A2A"})})]})]},m.id)),d&&t.jsxRuntimeExports.jsx(t.ButtonPopup,{ref:l,activeButton:d,setActiveButton:j,popupPosition:f,editableLink:e}),c&&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 m=[...o];e?m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Button Name"},destination:"Go to Page",page:u?Object.values(u)[0].path:"/",openInNewTab:!1}):m.push({type:"Primary",id:t.v4(),typesText:[],text:{"en-US":"Create Ticket"},destination:"Go to Page",page:u?Object.values(u)[0].path:"/",openInNewTab:!1}),r(m)},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})]})})})]})},ne=x=>{const{isActiveButtons:o,setIsActiveButtons:r,buttons:s,setButtons:c,editableLink:e=!0,addable:u=!0,deletable:d=!0}=x;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:j=>r(j)})]}),o&&t.jsxRuntimeExports.jsx(st,{buttons:s,setButtons:c,editableLink:e,addable:u,deletable:d})]})})};function ie(x){const{product:o,children:r}=x,{attributes:s,listeners:c,setNodeRef:e,transform:u,transition:d,isDragging:j}=t.useSortable({id:String(o.listingId)}),f={transform:t.CSS.Transform.toString(u),transition:d};return t.jsxRuntimeExports.jsx("div",{ref:e,style:f,className:`${t.styles$2.product} ${j?t.styles$2.dragging:""}`,...s,...c,children:r})}const oe=x=>{const{isActiveItems:o,setIsActiveItems:r,items:s,setItems:c,other:e,title:u,subtitle:d,editable:j=!0,draggable:f=!1,withImage:T=!1,deletable:R=!0,addable:a=!0,itemsType:l,itemsOptions:y,limit:g,aspectRatio:m,setAspectRatio:i}=x,[E,S]=h.useState(null),[$,A]=h.useState({top:0,left:0}),[V,q]=h.useState(!1),n=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:5}}));h.useEffect(()=>{const _=()=>{S(null),q(!1)};return document.body.addEventListener("click",_),S(null),q(!1),()=>{S(null),q(!1),document.body.removeEventListener("click",_)}},[]),h.useEffect(()=>{if(E){const _=[...s].map(O=>O.listingId===E.listingId?E:O);c(_)}},[E]);const b=(_,O)=>{_.stopPropagation();const p=_.target.getBoundingClientRect(),I=100,k=window.innerHeight;let P=p.top+window.scrollY;P+I>k&&(P=k-I-20),q(!0),A({top:P-80,left:p.left-30}),S(O)};function N(_){if(T)return _?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${_}/w=1000`,alt:"image",width:16,height:16}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:16,height:16,fill:"#757575"})}const M=_=>{const{active:O,over:p}=_;if(p&&O.id!==p.id){const I=s.findIndex(P=>String(P.listingId)===O.id),k=s.findIndex(P=>String(P.listingId)===p.id);if(I!==-1&&k!==-1){const P=[...s],[G]=P.splice(I,1);P.splice(k,0,G),c(P)}}},w=()=>{q(!1),S(null)},v=_=>{const O=y.find(I=>_.listingId===I.id);if(!O)return null;const p=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[f&&t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"DotsSixVertical",hoverable:!0,width:20,height:20})}),l==="select"&&t.jsxRuntimeExports.jsx(t.Select,{onChange:I=>{const k=[...s],P=y.find(U=>U.productData.name===I);if(!P)return;const G={listingId:P.id,image:P.productData.images.length>0?P.productData.images[0].cfId:""},L=k.map(U=>U.listingId===_.listingId?G:U);S(G),c([...L])},value:O.productData.name,options:[...y.filter(I=>!s.find(k=>k.listingId===I.id)).map(I=>I.productData.name)],leftAddonOptions:y.map(I=>{var k;return{value:I.productData.name,addon:N(((k=I.productData.images[0])==null?void 0:k.cfId)||"")}})}),t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.buttons,children:[j&&t.jsxRuntimeExports.jsx("div",{className:t.styles$2.deleteButton,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Sliders",hoverable:!0,width:20,height:20,onClick:I=>b(I,_)})}),R&&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:()=>c(s.filter(I=>I!==_))})})]})]});return f?t.jsxRuntimeExports.jsx(ie,{product:_,children:p},_.listingId):t.jsxRuntimeExports.jsx("div",{className:t.styles$2.product,children:p},_.listingId)},Y=h.useRef(null);return t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.productsBlock,children:[(u||o!==void 0)&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.top,children:[u&&t.jsxRuntimeExports.jsx("h3",{className:t.styles$2.title,children:u}),o!==void 0&&t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:_=>r==null?void 0:r(_)})]}),V&&E&&t.jsxRuntimeExports.jsx(t.ListingPopup,{ref:Y,activeItem:E,setActiveItem:S,setIsOpenModal:q,popupPosition:$,itemsOptions:y}),o&&t.jsxRuntimeExports.jsxs("div",{className:t.styles$2.products,children:[d&&t.jsxRuntimeExports.jsx("h5",{className:t.styles$2.subtitle,children:d}),f?t.jsxRuntimeExports.jsx(t.DndContext,{sensors:n,onDragEnd:M,onDragStart:w,children:t.jsxRuntimeExports.jsx(t.SortableContext,{items:s.map(_=>String(_.listingId)),strategy:t.verticalListSortingStrategy,children:s.map(_=>v(_))})}):s.map(_=>v(_)),a&&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 _=[...s];for(let O=0;O<y.length;O++)if(!s.find(p=>p.listingId===y[O].id)){_.push({listingId:y[O].id,image:y[O].productData.images.length>0?y[O].productData.images[0].cfId:""});break}c(_)},disabled:s.length===(g||y.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})]})})})]}),m&&i&&t.jsxRuntimeExports.jsx(t.Select,{value:m,options:Object.keys(t.aspectRatio),onChange:_=>i(_),leftAddonOptions:t.aspectRatioOptions}),o&&e!==void 0&&t.jsxRuntimeExports.jsx(t.OtherAndTagsSettings,{otherTitle:"Other",items:e})]})},re="_options_s4lx3_1",ae="_price_s4lx3_18",ce="_oldPrice_s4lx3_25",le="_newPrice_s4lx3_34",de="_animate_s4lx3_42",ue="_meta_s4lx3_60",xe="_info_s4lx3_66",me="_infoRight_s4lx3_75",pe="_buttons_s4lx3_82",he="_variants_s4lx3_89",je="_variant_s4lx3_89",ge="_stock_s4lx3_107",fe="_variantInfo_s4lx3_115",ye="_quantity_s4lx3_122",Ee="_button_s4lx3_82",_e="_activeVariant_s4lx3_168",Re="_chargeTypes_s4lx3_172",be="_charge_s4lx3_172",ve="_chargeActive_s4lx3_197",Ie="_title_s4lx3_205",B={options:re,price:ae,oldPrice:ce,newPrice:le,animate:de,meta:ue,info:xe,infoRight:me,buttons:pe,variants:he,variant:je,stock:ge,variantInfo:fe,quantity:ye,button:Ee,activeVariant:_e,chargeTypes:Re,charge:be,chargeActive:ve,title:Ie};var Z=(x=>(x.ONE_TIME="One-Time",x.RECURRING="Subscribe & Save",x))(Z||{});const nt=x=>{var V,q;const{product:o,setIsOpen:r,isCartEnabled:s=!0}=x,{variants:c}=o,[e,u]=h.useState(c[0]),[d,j]=h.useState(e.chargeTypes?e.chargeTypes[0]:"ONE_TIME"),{notifications:f,setNotifications:T}=t.useNotificationStore(),R=t.useNavigate(),[a,l]=h.useState(1),{cart:y,reset:g,addProductToCart:m}=t.useCart(),[i,E]=h.useState(!1);h.useEffect(()=>{E(!0);const n=setTimeout(()=>E(!1),600);return()=>clearTimeout(n)},[a]);async function S(){try{m({productId:o.id,productVariantId:e.id,chargeType:d,quantity:a}),T([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(n){T([...f,{id:t.v4(),message:`Product failed to add to cart: ${n}`,status:"error"}])}r==null||r(!1)}function $(){g(),S(),R("/checkout")}function A(n){if(n>=864e5){const v=Math.floor(n/864e5);return`${v} ${v===1?"day":"days"}`}else if(n>=36e5){const v=Math.floor(n/36e5);return`${v} ${v===1?"hour":"hours"}`}else if(n>=6e4){const v=Math.floor(n/6e4);return`${v} ${v===1?"minute":"minutes"}`}else{const v=Math.floor(n/1e3);return`${v} ${v===1?"second":"seconds"}`}}return h.useEffect(()=>{e.quantity&&e.quantity.available===0?l(0):l(1)},[e.quantity.available]),h.useEffect(()=>{e.chargeTypes&&j(e.chargeTypes.includes(d)?d:e.chargeTypes[0])},[e.chargeTypes]),t.jsxRuntimeExports.jsxs("div",{className:B.options,children:[e.chargeTypes&&e.chargeTypes.length>1&&t.jsxRuntimeExports.jsx("div",{className:B.chargeTypes,children:e.chargeTypes.map(n=>t.jsxRuntimeExports.jsx("div",{className:t.clx(B.charge,{[B.chargeActive]:d===n}),onClick:()=>j(n),children:Z[n]},n))}),t.jsxRuntimeExports.jsx("div",{className:B.variants,children:c.filter(n=>{var b;return(b=n.chargeTypes)==null?void 0:b.includes(d)}).map(n=>{var b,N;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(B.variant,{[B.activeVariant]:e.id===n.id}),onClick:()=>{u(n),l(1)},children:[t.jsxRuntimeExports.jsxs("div",{className:B.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:B.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(n.name)}}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:[t.formatPrice({amount:d==="ONE_TIME"?n.price.amount:n.subscriptionSettings?n.subscriptionSettings.price.amount:0,currency:d==="ONE_TIME"?n.price.currency:n.subscriptionSettings?n.subscriptionSettings.price.currency:"USD"})," ",d==="RECURRING"&&n.subscriptionSettings&&` / ${t.normalizeInterval(n.subscriptionSettings.recurringIntervalDays||0)}`]})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:B.stock,id:"md",children:[(b=n.quantity.restrictions)!=null&&b.max||n.quantity.available!==void 0?((N=n.quantity.restrictions)==null?void 0:N.max)||n.quantity.available:"∞"," ","in stock"]})})]},n.id)})}),d==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("div",{className:B.quantity,id:"md",children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{a>1?l(n=>n-1):l(1)},className:B.button,disabled:e.quantity.available&&e.quantity.restrictions&&a<=e.quantity.restrictions.min||e.quantity.available===0,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus"})}),t.jsxRuntimeExports.jsx(t.Input$1,{type:"number",value:String(a),onChange:n=>{e.quantity.available&&Number(n)>e.quantity.available?l(e.quantity.available):l(Number(n))},max:((V=e.quantity.restrictions)==null?void 0:V.max)||e.quantity.available||Number.POSITIVE_INFINITY,min:((q=e.quantity.restrictions)==null?void 0:q.min)||0,centered:!0,disabled:e.quantity&&e.quantity.available===0||Object.keys(e.quantity.restrictions||{}).length!==0&&a>=e.quantity.restrictions.max}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{l(n=>n+1)},className:B.button,disabled:!!(e.quantity.available&&e.quantity.restrictions&&a>=e.quantity.restrictions.max||e.quantity.available===0||e.quantity.available&&a>=e.quantity.available),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus"})})]}),t.jsxRuntimeExports.jsxs("div",{className:B.meta,children:[t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Delivery"}),t.jsxRuntimeExports.jsxs("div",{className:B.infoRight,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Lightning",fill:"var(--text-action)",width:20,height:20}),t.jsxRuntimeExports.jsx("span",{id:"md",children:!e.deliveryTime||e.deliveryTime===0?"Instant":A(e.deliveryTime)})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.info,children:[t.jsxRuntimeExports.jsx("span",{id:"md",children:"Price"}),t.jsxRuntimeExports.jsx("div",{className:B.infoRight,children:d==="ONE_TIME"?e.compareAtPrice&&(e.compareAtPrice.amount||0)-(e.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),children:t.formatPrice({amount:e.price.amount*a,currency:e.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.compareAtPrice.amount*a,currency:e.compareAtPrice.currency})})]}):t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.price.amount*a,currency:e.price.currency})}):e.subscriptionSettings&&e.subscriptionSettings.compareAtPrice&&(e.subscriptionSettings.compareAtPrice.amount||0)-(e.subscriptionSettings.price.amount||0)>0?t.jsxRuntimeExports.jsxs("div",{className:B.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*a,currency:e.subscriptionSettings.price.currency})}),t.jsxRuntimeExports.jsx("span",{className:B.oldPrice,id:"md",children:t.formatPrice({amount:e.subscriptionSettings.compareAtPrice.amount*a,currency:e.subscriptionSettings.compareAtPrice.currency})})]}):e.subscriptionSettings&&t.jsxRuntimeExports.jsx("span",{className:t.clx(B.newPrice,{[B.animate]:i}),id:"md",children:t.formatPrice({amount:e.subscriptionSettings.price.amount*a,currency:e.subscriptionSettings.price.currency})})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:B.buttons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>$(),disabled:e.quantity&&e.quantity.available===0||a===0,children:d==="ONE_TIME"?"Buy Now":"Subscribe Now"}),d==="ONE_TIME"&&s&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>S(),disabled:e.quantity&&e.quantity.available===0||a===0,children:y.parts.some(n=>n.productId===o.id&&n.productVariantId===e.id)?"Add More":"Add to Cart"})]})]})},Se="_buttons_1uy6y_23",Ne="_modal_1uy6y_32",Ce="_closing_1uy6y_65",Pe="_info_1uy6y_114",Te="_top_1uy6y_121",ke="_title_1uy6y_132",we="_clear_1uy6y_139",Be="_activeClear_1uy6y_146",Me="_count_1uy6y_150",$e="_cart_1uy6y_165",Oe="_empty_1uy6y_173",Ae="_product_1uy6y_199",qe="_products_1uy6y_208",De="_image_1uy6y_216",Le="_productInfo_1uy6y_233",Ue="_content_1uy6y_240",He="_name_1uy6y_246",ze="_price_1uy6y_252",Fe="_productButtons_1uy6y_258",Ve="_productButton_1uy6y_258",Ye="_productCount_1uy6y_275",Ge="_bottom_1uy6y_292",We="_subtotal_1uy6y_300",Xe="_block_1uy6y_308",Qe="_shoppingCount_1uy6y_315",Je="_total_1uy6y_335",Ke="_link_1uy6y_341",Ze="_userInfo_1uy6y_348",ts="_pagesMobileModal_1uy6y_360",es="_pagesMobileModalContent_1uy6y_374",ss="_pagesMobileModalHeader_1uy6y_380",ns="_pagesMobileModalFooter_1uy6y_390",is="_pageLink_1uy6y_397",os="_rightButtons_1uy6y_406",C={buttons:Se,modal:Ne,closing:Ce,info:Pe,top:Te,title:ke,clear:we,activeClear:Be,count:Me,cart:$e,empty:Oe,product:Ae,products:qe,image:De,productInfo:Le,content:Ue,name:He,price:ze,productButtons:Fe,productButton:Ve,productCount:Ye,bottom:Ge,subtotal:We,block:Xe,shoppingCount:Qe,total:Je,link:Ke,userInfo:Ze,pagesMobileModal:ts,pagesMobileModalContent:es,pagesMobileModalHeader:ss,pagesMobileModalFooter:ns,pageLink:is,rightButtons:os,delete:"_delete_1uy6y_413"},rs=x=>{const{shopping:o,signUp:r,isShowUserInfo:s=!0}=x;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:(o||s)&&t.jsxRuntimeExports.jsxs("div",{className:C.buttons,children:[o&&t.jsxRuntimeExports.jsx(it,{}),s&&t.jsxRuntimeExports.jsx(tt,{signUp:r})]})})},it=()=>{const[x,o]=h.useState(!1),[r,s]=h.useState([]),[c,e]=h.useState(!1),{cart:u,products:d}=t.useCart();h.useEffect(()=>{(async()=>{const a=u.parts.map(g=>String(g.productId)),l=d.filter(g=>a.includes(String(g.id)))||[],y=u.parts.map(g=>{const m=l.find(i=>i.id===g.productId);return m?{...m,activeVariantId:g.productVariantId,quantity:g.quantity,chargeType:g.chargeType}:null}).filter(Boolean);s(y)})()},[u.parts,d]);function j(R){return!R||!(R!=null&&R.variants)?!1:R.chargeType==="RECURRING"}const f=u.parts.length>0&&r.length>0&&!j(r[0]);function T(){e(!1),setTimeout(()=>{o(!1)},300)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",style:{padding:10,position:"relative"},onClick:R=>{R.stopPropagation(),window.location.pathname.includes("/admin/builder")||(o(!0),e(!0))},children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag"}),f&&t.jsxRuntimeExports.jsx("div",{className:C.shoppingCount,children:u.parts.length})]}),x&&t.jsxRuntimeExports.jsx(t.Modal,{close:T,withAnimation:!1,children:t.jsxRuntimeExports.jsx(ot,{activeProducts:r,isCartNotEmpty:f,isOpen:c,close:T})})]})},ot=x=>{var g,m;const{activeProducts:o,isCartNotEmpty:r,isOpen:s,close:c}=x,{cart:e,reset:u,getTotalAndDiscount:d,updateQuantityOfProduct:j,removeProduct:f}=t.useCart(),T=t.useNavigate();function R(i,E){T(i,{replace:E})}function a(i){i.quantity&&j({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity+1,chargeType:i.chargeType})}function l(i){i.quantity&&j({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity-1,chargeType:i.chargeType})}function y(i){f({productId:i.id,productVariantId:i.activeVariantId,quantity:i.quantity||1,chargeType:i.chargeType})}return t.jsxRuntimeExports.jsxs("div",{className:t.clx(C.modal,{[C.closing]:!s}),onClick:i=>i.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.top,children:[t.jsxRuntimeExports.jsxs("div",{className:C.info,children:[t.jsxRuntimeExports.jsx("span",{className:C.title,id:"h4",children:"Cart"}),r&&t.jsxRuntimeExports.jsx("div",{className:C.count,id:"md",children:e.parts.length})]}),t.jsxRuntimeExports.jsxs("div",{className:C.rightButtons,children:[r&&t.jsxRuntimeExports.jsx("button",{className:t.clx(C.clear,{[C.activeClear]:r}),disabled:!r,onClick:u,id:"md",children:"Clear all"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",onClick:c,hoverable:!0,width:24,height:24,fill:"var(--text-primary)"})]})]}),r?t.jsxRuntimeExports.jsxs("div",{className:C.cart,children:[t.jsxRuntimeExports.jsx("div",{className:C.products,children:o.map(i=>{var E,S;return t.jsxRuntimeExports.jsxs("div",{className:C.product,children:[t.jsxRuntimeExports.jsxs("div",{className:C.productInfo,children:[i.images.length>0?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${i.images[0].cfId}/w=500`,alt:"image",width:"100%",height:"100%",className:C.image}):t.jsxRuntimeExports.jsx("div",{className:C.image,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsxs("div",{className:C.content,children:[t.jsxRuntimeExports.jsx("div",{className:C.name,dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(((E=i.variants.find($=>$.id===i.activeVariantId))==null?void 0:E.name)||i.name)}}),t.jsxRuntimeExports.jsx("div",{className:C.price,children:t.formatPrice({amount:i.variants.find($=>$.id===i.activeVariantId).price.amount*((i==null?void 0:i.quantity)||1),currency:i.variants.find($=>$.id===i.activeVariantId).price.currency})})]})]}),t.jsxRuntimeExports.jsxs("div",{className:C.productButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{i.quantity!==1&&l(i)},className:C.productButton,disabled:i.quantity===1,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Minus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("input",{className:C.productCount,type:"number",value:((S=i.quantity)==null?void 0:S.toString())||"",onChange:$=>{const A=Math.min(Number($.target.value),i.variants.find(V=>V.id===i.activeVariantId).quantity.available||1/0);A<1||j({productId:i.id,productVariantId:i.activeVariantId,quantity:A,chargeType:i.chargeType})},min:1,max:i.variants.find($=>$.id===i.activeVariantId).quantity.available||1/0}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>a(i),className:C.productButton,disabled:i.quantity===i.variants.find($=>$.id===i.activeVariantId).quantity.available,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Plus",fill:"#757575",width:20,height:20})}),t.jsxRuntimeExports.jsx("div",{className:C.delete,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Trash",fill:"var(--text-action)",width:20,height:20,onClick:()=>y(i),hoverable:!0})})]})]},i.id)})}),t.jsxRuntimeExports.jsxs("div",{className:C.bottom,children:[t.jsxRuntimeExports.jsxs("div",{className:C.subtotal,children:[t.jsxRuntimeExports.jsxs("div",{className:C.block,children:[t.jsxRuntimeExports.jsx("span",{children:"Subtotal"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"Info",width:20,height:20,fill:"#757575"})]}),t.jsxRuntimeExports.jsx("div",{className:C.total,children:t.formatPrice({amount:d().total,currency:e.parts.length>0&&((m=(g=o.find(i=>i.id===e.parts[0].productId))==null?void 0:g.variants.find(i=>i.id===e.parts[0].productVariantId))==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>R("/checkout",!1),children:"Checkout"})]})]}):t.jsxRuntimeExports.jsx(rt,{})]})},rt=()=>t.jsxRuntimeExports.jsxs("div",{className:C.empty,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Handbag",fill:"var(--text-secondary)"})}),t.jsxRuntimeExports.jsx("span",{id:"h5",children:"Empty Cart"}),t.jsxRuntimeExports.jsxs("span",{id:"md",children:["You don’t have any items in your shopping cart yet,"," ",t.jsxRuntimeExports.jsx("a",{href:"/products",className:C.link,id:"md",children:"view products"})]})]}),tt=({signUp:x,close:o})=>{const{token:r}=t.useStorefrontStore(),s=t.useNavigate(),[c,e]=h.useState("test-email@gmail.com");h.useEffect(()=>{r&&(async()=>{if(!r)return;const j=t.jwtDecode(r);e(j.email)})()},[r]);function u(d){window.location.pathname.includes("/admin/builder")||s(d)}return r?t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",className:C.userInfo,onClick:()=>{u("/customer-dash"),o==null||o()},children:t.jsxRuntimeExports.jsx("div",{children:c||"test-email@gmail.com"})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),o==null||o()},type:"Secondary",style:{padding:10},children:"Login"}),x&&t.jsxRuntimeExports.jsx(t.Button$1,{onClick:()=>{u("/customer-dash"),o==null||o()},type:"Primary",style:{padding:10,whiteSpace:"nowrap"},children:"Sign Up"})]})},at=({logo:x,setIsOpen:o,signUp:r,pages:s})=>{const{setIsOpen:c}=t.useModalStore(),e=()=>{c(!1),setTimeout(()=>{o(!1),c(!0)},300)};return t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModal,onClick:u=>u.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:C.pagesMobileModalHeader,children:[t.jsxRuntimeExports.jsx("div",{children:x}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:e,children:t.jsxRuntimeExports.jsx(t.Icon,{name:"X"})})]}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalContent,children:s.length>0&&s.map(u=>t.jsxRuntimeExports.jsx("div",{className:C.pageLink,onClick:e,children:t.jsxRuntimeExports.jsx(t.Link,{path:u.path,children:u.name["en-US"]},u.id)}))}),t.jsxRuntimeExports.jsx("div",{className:C.pagesMobileModalFooter,children:t.jsxRuntimeExports.jsx(tt,{signUp:r,close:e})})]})},as=({logo:x,signUp:o,pages:r})=>{const[s,c]=h.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(ct,{setIsOpenModal:c}),s&&t.jsxRuntimeExports.jsx(t.Modal,{close:()=>c(!1),hasPadding:!1,children:t.jsxRuntimeExports.jsx(at,{logo:x,setIsOpen:c,signUp:o,pages:r})})]})},ct=x=>{const{setIsOpenModal:o}=x;return t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{padding:10},onClick:r=>{r.stopPropagation(),window.location.pathname.includes("/admin/builder")||o(!0)},children:t.jsxRuntimeExports.jsx(t.Icon,{name:"List"})})},cs="_share_onabp_1",ls="_modal_onabp_8",ds="_header_onabp_20",us="_title_onabp_46",xs="_copyWrapper_onabp_53",ms="_copyText_onabp_62",ps="_copyTextMobile_onabp_75",hs="_copyTextMiniMobile_onabp_94",Q={share:cs,modal:ls,header:ds,title:us,copyWrapper:xs,copyText:ms,copyTextMobile:ps,copyTextMiniMobile:hs},js=({title:x="Copy Product Link"})=>{const{isOpenModal:o,setIsOpenModal:r}=t.useShareLinkStore();function s(){r(!0)}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(t.Button$1,{className:Q.share,onClick:c=>{c.stopPropagation(),s()},type:"Secondary",children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Share",fill:"#757575",hoverable:!0})}),o&&t.jsxRuntimeExports.jsx(t.Modal,{close:r,children:t.jsxRuntimeExports.jsx(gs,{title:x})})]})},gs=({title:x="Copy Product Link"})=>{const{setIsOpenModal:o}=t.useShareLinkStore(),{notifications:r,setNotifications:s}=t.useNotificationStore(),{setIsOpen:c}=t.useModalStore(),e=window.location.href;function u(){navigator.clipboard.writeText(e),s([...r,{id:t.v4(),message:"Link copied to clipboard",status:"success"}])}function d(){c(!1),setTimeout(()=>{o(!1),c(!0)},300)}function j(f,T){return f.length>T?f.slice(0,T)+"...":f}return t.jsxRuntimeExports.jsxs("div",{className:Q.modal,onClick:f=>f.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:Q.header,children:[t.jsxRuntimeExports.jsx("div",{className:Q.title,id:"h4",children:x}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",fill:"#757575",onClick:d,hoverable:!0})]}),t.jsxRuntimeExports.jsxs("div",{className:Q.copyWrapper,children:[t.jsxRuntimeExports.jsxs(t.Button$1,{type:"Secondary",onClick:u,style:{flex:1},children:[t.jsxRuntimeExports.jsx("div",{className:Q.copyText,id:"md",children:j(e,100)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMobile,id:"md",children:j(e,40)}),t.jsxRuntimeExports.jsx("div",{className:Q.copyTextMiniMobile,id:"md",children:j(e,20)})]}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:u,children:r.find(f=>f.message==="Link copied to clipboard")?t.jsxRuntimeExports.jsx(t.Icon,{name:"Check"}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Copy"})})]})]})},fs="_accordion_153d4_1",ys="_header_153d4_12",Es="_icon_153d4_21",_s="_open_153d4_24",Rs="_content_153d4_28",bs="_contentOpen_153d4_36",vs="_contentText_153d4_40",J={accordion:fs,header:ys,icon:Es,open:_s,content:Rs,contentOpen:bs,contentText:vs},Is=({title:x,content:o,defaultOpen:r=!1})=>{const[s,c]=h.useState(r),[e,u]=h.useState(0),d=h.useRef(null),j=()=>{c(!s)};return h.useEffect(()=>{d.current&&u(s?d.current.scrollHeight:0)},[s]),t.jsxRuntimeExports.jsxs("div",{className:J.accordion,children:[t.jsxRuntimeExports.jsxs("div",{className:J.header,onClick:j,children:[t.jsxRuntimeExports.jsx("h5",{id:"h5",children:x}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.icon,{[J.open]:s}),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"CaretDown"})})]}),t.jsxRuntimeExports.jsx("div",{className:t.clx(J.content,{[J.contentOpen]:s}),children:t.jsxRuntimeExports.jsx("p",{id:"md",className:J.contentText,ref:d,style:{height:`${e}px`,marginTop:`${e>0?"20px":"0px"}`},children:o})})]})},Ss="_buttonsBlock_1x6xf_1",Ns="_cartDisabled_1x6xf_25",et={buttonsBlock:Ss,cartDisabled:Ns},Cs=x=>{var T,R;const{setIsOpen:o,setModalType:r,productId:s,isCartEnabled:c=!0}=x,{cart:e}=t.useCart(),{pageContext:u}=t.usePagesStore(),d=(T=u==null?void 0:u.listings)==null?void 0:T.find(a=>a.id===s);if(!d)return null;const j=(R=u==null?void 0:u.products)==null?void 0:R.find(a=>a.uniquePath===d.productData.uniquePath);if(!j)return null;const f=e.parts.find(a=>a.productId===j.id);return t.jsxRuntimeExports.jsxs("div",{className:t.clx(et.buttonsBlock,{[et.cartDisabled]:!c}),onClick:a=>a.stopPropagation(),children:[c&&t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",style:{width:"100%"},onClick:()=>{r("Add To Cart"),o(!0)},children:f?"Add More":"Add To Cart"}),t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",onClick:()=>{r("Buy Now"),o(!0)},style:{width:"100%"},children:"Buy"})]})},Ps="_wrapper_27wzz_1",Ts="_logo_27wzz_8",ks="_info_27wzz_12",K={wrapper:Ps,logo:Ts,info:ks},ws=({date:x})=>{const{general:o}=t.useGeneralStore();if(!o)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});function r(s){const c=new Date(s),e={month:"short",day:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return c.toLocaleDateString("en-US",e)}return t.jsxRuntimeExports.jsxs("div",{className:K.wrapper,children:[t.jsxRuntimeExports.jsx("div",{className:K.logo,children:o.info.logo?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${o.info.logo.cfId}/w=500,h=500`,alt:"image",style:{objectFit:"contain",width:"48px",height:"48px"}}):t.jsxRuntimeExports.jsx(t.Icon,{name:"Image",width:48,height:48})}),t.jsxRuntimeExports.jsxs("div",{className:K.info,children:[t.jsxRuntimeExports.jsx("h3",{id:"h4",children:o.info.name}),t.jsxRuntimeExports.jsx("p",{id:"p",children:r(x)})]})]})},Bs="_variants_18tbu_82",Ms="_variant_18tbu_82",$s="_stock_18tbu_100",Os="_variantInfo_18tbu_108",As="_title_18tbu_202",qs="_modal_18tbu_208",Ds="_header_18tbu_228",Ls="_productOptions_18tbu_236",Us="_loading_18tbu_244",W={variants:Bs,variant:Ms,stock:$s,variantInfo:Os,title:As,modal:qs,header:Ds,productOptions:Ls,loading:Us},Hs=x=>{var a;const{pageContext:o}=t.usePagesStore(),r=(a=o==null?void 0:o.listings)==null?void 0:a.find(l=>l.id===x.productId),[s,c]=h.useState(!0),[e,u]=h.useState(null),d=(e==null?void 0:e.variants[0])||null,[j,f]=h.useState("ONE_TIME"),{addProducts:T}=t.useCart(),{setIsOpen:R}=t.useModalStore();return h.useEffect(()=>{(async()=>{c(!0);const y=await t.getDynamicPage(encodeURIComponent(`/product/${r.productData.uniquePath}`));T(y==null?void 0:y.data.products),u(y==null?void 0:y.data.products[0]),c(!1)})()},[]),h.useEffect(()=>{R(!0)},[]),t.jsxRuntimeExports.jsx(t.Modal,{close:x.setIsOpen,children:t.jsxRuntimeExports.jsxs("div",{className:W.modal,onClick:l=>l.stopPropagation(),children:[s&&t.jsxRuntimeExports.jsx("div",{className:W.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})}),x.type==="Add To Cart"&&x.isCartEnabled&&e&&d&&!s&&t.jsxRuntimeExports.jsx(zs,{variants:e.variants,activeVariant:d,activeChargeType:j,setActiveChargeType:f,productId:e.id,setIsOpen:x.setIsOpen}),x.type==="Buy Now"&&e&&!s&&t.jsxRuntimeExports.jsx(Fs,{product:e,setIsOpen:x.setIsOpen,isCartEnabled:x.isCartEnabled})]})})},zs=x=>{const{variants:o,activeChargeType:r,productId:s,setIsOpen:c}=x,{cart:e,addProductToCart:u,addProducts:d,updateQuantityOfProduct:j}=t.useCart(),{notifications:f,setNotifications:T}=t.useNotificationStore(),{pageContext:R}=t.usePagesStore(),{setIsOpen:a}=t.useModalStore(),l=()=>{a(!1),setTimeout(()=>{c(!1)},300)};async function y(g){const m=o.find(S=>S.id===g),i=e.parts.find(S=>S.productId===x.productId&&S.productVariantId===g);if((m==null?void 0:m.quantity.available)&&(m==null?void 0:m.quantity.restrictions)&&((i==null?void 0:i.quantity)||0)+1>(m==null?void 0:m.quantity.restrictions.max)||(m==null?void 0:m.quantity.available)===0||(m==null?void 0:m.quantity.available)&&((i==null?void 0:i.quantity)||0)+1>(m==null?void 0:m.quantity.available)){T([...f,{id:t.v4(),message:"Product is out of stock",status:"error"}]);return}if(i)j({productId:s,productVariantId:g,quantity:i.quantity+1,chargeType:r});else{R!=null&&R.products&&d(R.products);try{u({productId:s,productVariantId:g,quantity:1,chargeType:r}),T([...f,{id:t.v4(),message:"Product added to cart",status:"success"}])}catch(S){T([...f,{id:t.v4(),message:`Product failed to add to cart: ${S}`,status:"error"}])}}}return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",children:"Choose a Variant"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:l})]}),t.jsxRuntimeExports.jsx("div",{className:W.variants,children:o.filter(g=>{var m;return(m=g.chargeTypes)==null?void 0:m.includes(r)}).map(g=>{var m,i,E;return t.jsxRuntimeExports.jsxs("div",{className:t.clx(W.variant),onClick:()=>{y(g.id),c(!1)},children:[t.jsxRuntimeExports.jsxs("div",{className:W.variantInfo,children:[t.jsxRuntimeExports.jsx("span",{className:W.title,id:"h4",children:g.name}),t.jsxRuntimeExports.jsx("span",{id:"md",children:t.formatPrice({amount:r==="ONE_TIME"?g.price.amount:g.subscriptionSettings?g.subscriptionSettings.price.amount:0,currency:r==="ONE_TIME"?g.price.currency:((m=g.subscriptionSettings)==null?void 0:m.price.currency)||"USD"})})]}),t.jsxRuntimeExports.jsx("div",{id:"md",children:r==="ONE_TIME"&&t.jsxRuntimeExports.jsxs("span",{className:W.stock,id:"md",children:[(i=g.quantity.restrictions)!=null&&i.max||g.quantity.available!==void 0?((E=g.quantity.restrictions)==null?void 0:E.max)||g.quantity.available:"∞"," ","in stock"]})})]},g.id)})})]})},Fs=x=>{const{product:o,setIsOpen:r,isCartEnabled:s}=x,{setIsOpen:c}=t.useModalStore(),e=()=>{c(!1),setTimeout(()=>{r(!1)},300)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:W.header,children:[t.jsxRuntimeExports.jsx("div",{id:"h3",className:W.title,dangerouslySetInnerHTML:{__html:`Buy ${t.splitTextIntoSpans(o.name)}`}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",width:24,height:24,fill:"var(--text-secondary)",hoverable:!0,onClick:e,style:{minWidth:24,minHeight:24}})]}),t.jsxRuntimeExports.jsx("div",{className:W.productOptions,children:t.jsxRuntimeExports.jsx(nt,{product:o,setIsOpen:r,isCartEnabled:s})})]})},Vs="_contentModal_m2tf9_1",Ys="_modalTop_m2tf9_12",Gs="_loading_m2tf9_19",Ws="_modalCards_m2tf9_28",Xs="_modalImage_m2tf9_34",Qs="_card_m2tf9_39",Js="_cardInfo_m2tf9_51",Ks="_cardButtons_m2tf9_58",Zs="_title_m2tf9_64",tn="_blockImage_m2tf9_71",en="_short_m2tf9_80",sn="_price_m2tf9_84",nn="_oldPrice_m2tf9_91",on="_newPrice_m2tf9_100",D={contentModal:Vs,modalTop:Ys,loading:Gs,modalCards:Ws,modalImage:Xs,card:Qs,cardInfo:Js,cardButtons:Ks,title:Zs,blockImage:tn,short:en,price:sn,oldPrice:nn,newPrice:on},rn=x=>{const{setIsOpen:o,pageContext:r,groupData:s,setProductId:c,setIsProductModalOpen:e,setShowDropdown:u}=x,[d,j]=h.useState(null),[f,T]=h.useState(!0),{setIsOpen:R}=t.useModalStore();h.useEffect(()=>{var y;T(!0);const l=(y=r.listings)==null?void 0:y.filter(g=>s.listingIdList.includes(g.id));l&&j([...l]),T(!1)},[r]),h.useEffect(()=>{R(!0)},[]);const a=()=>{R(!1),setTimeout(()=>{o(!1)},300)};return t.jsxRuntimeExports.jsx(t.Modal,{close:()=>o(!1),children:t.jsxRuntimeExports.jsxs("div",{className:D.contentModal,onClick:l=>l.stopPropagation(),children:[t.jsxRuntimeExports.jsxs("div",{className:D.modalTop,children:[t.jsxRuntimeExports.jsx("span",{className:D.title,id:"h4",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(s.name)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"X",hoverable:!0,onClick:a,fill:"var(--text-primary)"})]}),!f&&d&&t.jsxRuntimeExports.jsx("div",{className:D.modalCards,children:d.map(l=>t.jsxRuntimeExports.jsxs("div",{className:D.card,children:[t.jsxRuntimeExports.jsx("div",{children:l.productData.images[0]?t.jsxRuntimeExports.jsx("img",{src:`https://imagedelivery.net/${l.productData.images[0].cfId}/w=500`,alt:"",width:64,height:64,className:D.modalImage}):t.jsxRuntimeExports.jsx("div",{className:t.clx(D.blockImage,D.modalImage),children:t.jsxRuntimeExports.jsx(t.Icon,{name:"Image"})})}),t.jsxRuntimeExports.jsxs("div",{className:D.cardInfo,children:[t.jsxRuntimeExports.jsx("div",{id:"h5",children:l.productData.compareAtPrice&&(l.productData.compareAtPrice.amount||0)-(l.productData.minPrice.amount||0)>0?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsxs("span",{className:D.price,id:"md",children:[t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})}),t.jsxRuntimeExports.jsx("span",{className:D.oldPrice,id:"md",children:t.formatPrice({amount:l.productData.compareAtPrice.amount,currency:l.productData.compareAtPrice.currency})})]})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.splitTextIntoSpans(l.productData.name,!1),t.jsxRuntimeExports.jsx("span",{className:D.newPrice,id:"md",children:t.formatPrice({amount:l.productData.minPrice.amount,currency:l.productData.minPrice.currency})})]})}),l.productData.shortDescription&&t.jsxRuntimeExports.jsx("span",{className:D.short,id:"md",dangerouslySetInnerHTML:{__html:t.splitTextIntoSpans(l.productData.shortDescription)}})]}),t.jsxRuntimeExports.jsxs("div",{className:D.cardButtons,children:[t.jsxRuntimeExports.jsx(t.Button$1,{type:"Secondary",onClick:()=>{c(l.id),o(!1),e(!0)},children:"Buy"}),t.jsxRuntimeExports.jsx(t.Link,{path:`/product/${l.productData.uniquePath}`,children:t.jsxRuntimeExports.jsx(t.Button$1,{type:"Primary",style:{whiteSpace:"nowrap"},onClick:()=>{u(!1),a()},children:"View Details"})})]})]},l.id))}),f&&t.jsxRuntimeExports.jsx("div",{className:D.loading,children:t.jsxRuntimeExports.jsx(t.Loader,{})})]})})};exports.AlignText=t.AlignText;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.Link=t.Link;exports.Loader=t.Loader;exports.Modal=t.Modal;exports.RadioUI=t.Radio;exports.RangeSelector=t.RangeSelector;exports.Select=t.Select;exports.SelectInfiniteList=t.SelectInfiniteList;exports.SelectTypeText=t.SelectTypeText;exports.SelectUI=t.Select$1;exports.Switch=t.Switch;exports.TextSettings=t.TextSettings;exports.TextareaSettings=t.Textarea;exports.TextareaUI=t.Textarea$1;exports.TypesText=t.TypesText;exports.Wrapper=t.Wrapper;exports.Accordion=Is;exports.BurgerMenuButton=ct;exports.ButtonTypeSettings=st;exports.ButtonsSettings=ne;exports.CategorySettings=Mt;exports.ChargeTypes=Z;exports.EmptyCart=rt;exports.FormSettings=Xt;exports.GroupCardModal=rn;exports.HeaderButtons=rs;exports.LayoutSettings=_t;exports.ListingSelector=oe;exports.MetaInfoPost=ws;exports.PagesMobileMenu=as;exports.PagesMobileModal=at;exports.PagesSettings=Gt;exports.ProductCardButtons=Cs;exports.ProductCardModal=Hs;exports.ProductOptions=nt;exports.ShareLink=js;exports.ShoppingButton=it;exports.ShoppingModalCart=ot;exports.UserInfo=tt;

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as kt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as St, A as Ct, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-CuyYsDV5.js";
-import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-CuyYsDV5.js";
+import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as kt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as St, A as Ct, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-CS7KRYlL.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-CS7KRYlL.js";
 import g from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {

package/package.json

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