@wazobiatech/wazui 0.0.11 → 0.0.13

package/storybook-static/assets/WazUiInputBox-C2jVcTq2.js

@@ -0,0 +1,734 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./quill-Dex9Y0nc.js","./index-CBYaBgW8.js","./PictureBlot-Ce0f3E3l.js","./iframe-DarAeeHv.js"])))=>i.map(i=>d[i]);
+var Ba=e=>{throw TypeError(e)};var _r=(e,t,n)=>t.has(e)||Ba("Cannot "+n);var ue=(e,t,n)=>(_r(e,t,"read from private field"),n?n.call(e):t.get(e)),tn=(e,t,n)=>t.has(e)?Ba("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),nn=(e,t,n,r)=>(_r(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),rn=(e,t,n)=>(_r(e,t,"access private method"),n);import{j as l}from"./jsx-runtime-D_zvdyIk.js";import{r as m,R,g as fl}from"./index-CBYaBgW8.js";import{h as pl,X as gl,S as vl,Y as yl,y as Ka,n as Wi,a as Hn,p as bl,Z as wl,_ as xl,$ as Cl,a0 as kl,a1 as El,u as Hi,a2 as Nl,Q as Sl}from"./useMercuryProjectToken-BgbQUYG9.js";import{g as Tl,i as Ga,h as Il,a as jl,b as ql,d as Ct,W as Wr,c as fa,Q as _l,A as Bi}from"./provider-Bst_TvlW.js";import{c as H,v as Al,a as Ml}from"./utils-3HBFSLrk.js";import{c as fe,k as Rl,m as Dl,p as lr,e as Pl,M as Ki,B as Gi,w as $i,S as Qi,I as yt,_ as j,N as dn,O as Ol,Q as _n,T as me,U as pa,V as $a,W as Qa,P as pr,b as gr,d as vr,f as _t,X as Ll,C as zl}from"./popover-BB1qMQFg.js";import{c as Fl,B as te}from"./button-BxNLA_J_.js";import{w as Hr,x as Ar,y as Xi,z as Yi,A as Vl,E as Ul,G as Wl,H as Hl,I as Bl,J as Kl,K as Gl,M as $l,N as Ql,S as Xl,O as Yl,P as Zl,Q as Jl,U as eu,D as kt,a as Et,c as Kt,b as mn,k as ga,V as Br,W as En,Y as Nn,Z as Sn,_ as tu,$ as Zi,a0 as Ji,a1 as nu,a2 as Xa,a3 as Ya,a4 as ru,d as au,e as hn,T as iu,p as su,q as ou,a5 as es,a6 as lu,a7 as ts,a8 as ns,a9 as rs,aa as as,ab as uu,ac as cu,ad as du,ae as mu,af as Za,ag as hu,u as va,F as is,n as ar,o as fu,ah as An,ai as Mn,aj as Rn,ak as Dn,al as Rt,X as Pn,am as pu,an as gu,ao as vu,ap as yu,aq as bu,ar as wu,s as xu,as as Cu,at as ku,t as Eu,au as Nu}from"./index-CZ4jztst.js";import{u as Su}from"./WazuiActionModal-Cgw_QqFv.js";import{e as ke,z as Ja,o as ei,a as Tu,s as Mr}from"./env-B_s3Ell7.js";import{W as ss,g as ya,r as Yn,C as Iu}from"./WazuiImage-BwRWaPkA.js";import{i as ju,j as qu,P as ba,c as os,k as _u,l as ti,a as Au,m as Mu}from"./index-BR89vyis.js";import{W as he}from"./WazUiButton-e06gz3US.js";import{G as Ee}from"./iconBase-B7i_G6Rg.js";import{a as Ru,b as Du,W as Pu}from"./WazUiBreadCrumb-BPc3tEqC.js";import{u as Ou,c as Lu,g as zu,a as Fu,b as Vu,W as Uu}from"./WazUIDataTable-DnneDnRd.js";import{C as Wu}from"./calendar-CorT5FcI.js";import{_ as ni}from"./iframe-DarAeeHv.js";import{r as Cn}from"./index-BJvHeDRT.js";/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Hu=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],Bu=fe("chevrons-up-down",Hu);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ku=[["path",{d:"M2 12h6",key:"1wqiqv"}],["path",{d:"M22 12h-6",key:"1eg9hc"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m19 9-3 3 3 3",key:"12ol22"}],["path",{d:"m5 15 3-3-3-3",key:"1kdhjc"}]],Gu=fe("fold-horizontal",Ku);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $u=[["path",{d:"M12 22v-6",key:"6o8u61"}],["path",{d:"M12 8V2",key:"1wkif3"}],["path",{d:"M4 12H2",key:"rhcxmi"}],["path",{d:"M10 12H8",key:"s88cx1"}],["path",{d:"M16 12h-2",key:"10asgb"}],["path",{d:"M22 12h-2",key:"14jgyd"}],["path",{d:"m15 19-3-3-3 3",key:"e37ymu"}],["path",{d:"m15 5-3 3-3-3",key:"19d6lf"}]],Qu=fe("fold-vertical",$u);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xu=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],Yu=fe("grip-vertical",Xu);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Zu=[["line",{x1:"2",x2:"22",y1:"2",y2:"22",key:"a6p6uj"}],["path",{d:"M10.41 10.41a2 2 0 1 1-2.83-2.83",key:"1bzlo9"}],["line",{x1:"13.5",x2:"6",y1:"13.5",y2:"21",key:"1q0aeu"}],["line",{x1:"18",x2:"21",y1:"12",y2:"15",key:"5mozeu"}],["path",{d:"M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",key:"mmje98"}],["path",{d:"M21 15V5a2 2 0 0 0-2-2H9",key:"43el77"}]],Ju=fe("image-off",Zu);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ec=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],tc=fe("image",ec);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const nc=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],ri=fe("info",nc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const rc=[["rect",{width:"18",height:"12",x:"3",y:"4",rx:"2",ry:"2",key:"1qhy41"}],["line",{x1:"2",x2:"22",y1:"20",y2:"20",key:"ni3hll"}]],ac=fe("laptop-minimal",rc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ic=[["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 18h.01",key:"1tta3j"}],["path",{d:"M3 6h.01",key:"1rqtza"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 18h13",key:"1lx6n3"}],["path",{d:"M8 6h13",key:"ik3vkj"}]],sc=fe("list",ic);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const oc=[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]],On=fe("loader",oc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const lc=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],uc=fe("pause",lc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const cc=[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]],dc=fe("play",cc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const mc=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],yr=fe("plus",mc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const hc=[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"2",key:"9lu3g6"}]],ai=fe("rectangle-horizontal",hc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const fc=[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]],pc=fe("rotate-ccw",fc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gc=[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]],vc=fe("share",gc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const yc=[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]],bc=fe("smartphone",yc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wc=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]],ii=fe("square",wc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xc=[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2",key:"76otgf"}],["line",{x1:"12",x2:"12.01",y1:"18",y2:"18",key:"1dp563"}]],Cc=fe("tablet",xc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const kc=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]],br=fe("trash-2",kc);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ec=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],Nc=fe("user",Ec);/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Sc=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],Tc=fe("video",Sc);function Ke(e){const n=m.useContext(Tl()).client;return pl(!!n,28),n}var Ic=class extends gl{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:Ga()})}getOptimisticResult(e){return e.behavior=Ga(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,t){var v,y;const{state:n}=e,r=super.createResult(e,t),{isFetching:a,isRefetching:i,isError:s,isRefetchError:o}=r,u=(y=(v=n.fetchMeta)==null?void 0:v.fetchMore)==null?void 0:y.direction,c=s&&u==="forward",d=a&&u==="forward",h=s&&u==="backward",f=a&&u==="backward";return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:jl(t,n.data),hasPreviousPage:Il(t,n.data),isFetchNextPageError:c,isFetchingNextPage:d,isFetchPreviousPageError:h,isFetchingPreviousPage:f,isRefetchError:o&&!c&&!h,isRefetching:i&&!d&&!f}}},pt,Mt,Re,gt,wt,ir,Kr,Ui,jc=(Ui=class extends vl{constructor(t,n){super();tn(this,wt);tn(this,pt);tn(this,Mt);tn(this,Re);tn(this,gt);nn(this,pt,t),this.setOptions(n),this.bindMethods(),rn(this,wt,ir).call(this)}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(t){var r;const n=this.options;this.options=ue(this,pt).defaultMutationOptions(t),yl(this.options,n)||ue(this,pt).getMutationCache().notify({type:"observerOptionsUpdated",mutation:ue(this,Re),observer:this}),n!=null&&n.mutationKey&&this.options.mutationKey&&Ka(n.mutationKey)!==Ka(this.options.mutationKey)?this.reset():((r=ue(this,Re))==null?void 0:r.state.status)==="pending"&&ue(this,Re).setOptions(this.options)}onUnsubscribe(){var t;this.hasListeners()||(t=ue(this,Re))==null||t.removeObserver(this)}onMutationUpdate(t){rn(this,wt,ir).call(this),rn(this,wt,Kr).call(this,t)}getCurrentResult(){return ue(this,Mt)}reset(){var t;(t=ue(this,Re))==null||t.removeObserver(this),nn(this,Re,void 0),rn(this,wt,ir).call(this),rn(this,wt,Kr).call(this)}mutate(t,n){var r;return nn(this,gt,n),(r=ue(this,Re))==null||r.removeObserver(this),nn(this,Re,ue(this,pt).getMutationCache().build(ue(this,pt),this.options)),ue(this,Re).addObserver(this),ue(this,Re).execute(t)}},pt=new WeakMap,Mt=new WeakMap,Re=new WeakMap,gt=new WeakMap,wt=new WeakSet,ir=function(){var n;const t=((n=ue(this,Re))==null?void 0:n.state)??ql();nn(this,Mt,{...t,isPending:t.status==="pending",isSuccess:t.status==="success",isError:t.status==="error",isIdle:t.status==="idle",mutate:this.mutate,reset:this.reset})},Kr=function(t){Wi.batch(()=>{var n,r,a,i,s,o,u,c;if(ue(this,gt)&&this.hasListeners()){const d=ue(this,Mt).variables,h=ue(this,Mt).context,f={client:ue(this,pt),meta:this.options.meta,mutationKey:this.options.mutationKey};(t==null?void 0:t.type)==="success"?((r=(n=ue(this,gt)).onSuccess)==null||r.call(n,t.data,d,h,f),(i=(a=ue(this,gt)).onSettled)==null||i.call(a,t.data,null,d,h,f)):(t==null?void 0:t.type)==="error"&&((o=(s=ue(this,gt)).onError)==null||o.call(s,t.error,d,h,f),(c=(u=ue(this,gt)).onSettled)==null||c.call(u,void 0,t.error,d,h,f))}this.listeners.forEach(d=>{d(ue(this,Mt))})})},Ui);function Gt(e,t){const n=Hn(),[r]=m.useState(()=>new jc(n,e));m.useEffect(()=>{r.setOptions(e)},[r,e]);const a=m.useSyncExternalStore(m.useCallback(s=>r.subscribe(Wi.batchCalls(s)),[r]),()=>r.getCurrentResult(),()=>r.getCurrentResult()),i=m.useCallback((s,o)=>{r.mutate(s,o).catch(bl)},[r]);if(a.error&&wl(r.options.throwOnError,[a.error]))throw a.error;return{...a,mutate:i,mutateAsync:a.mutate}}function wa(e,t){return xl(e,Ic)}const Nt=()=>{const{showModal:e}=Su();return{showModal:e,showSuccess:(s,o,u)=>{e({type:"success",title:s,message:o,confirmText:"Great!",...u})},showError:(s,o,u)=>{e({type:"error",title:s,message:o,confirmText:"OK",...u})},showWarning:(s,o,u)=>{e({type:"warning",title:s,message:o,confirmText:"Understood",...u})},showInfo:(s,o,u)=>{e({type:"info",title:s,message:o,confirmText:"OK",...u})},showConfirm:(s,o,u,c)=>{e({type:"action",title:s,message:o,confirmText:"Confirm",cancelText:"Cancel",onAction:u,...c})}}},si=(e,t,n)=>{if(e&&"reportValidity"in e){const r=Hr(n,t);e.setCustomValidity(r&&r.message||""),e.reportValidity()}},Gr=(e,t)=>{for(const n in t.fields){const r=t.fields[n];r&&r.ref&&"reportValidity"in r.ref?si(r.ref,n,e):r&&r.refs&&r.refs.forEach(a=>si(a,n,e))}},oi=(e,t)=>{t.shouldUseNativeValidation&&Gr(e,t);const n={};for(const r in e){const a=Hr(t.fields,r),i=Object.assign(e[r]||{},{ref:a&&a.ref});if(qc(t.names||Object.keys(e),r)){const s=Object.assign({},Hr(n,r));Ar(s,"root",i),Ar(n,r,s)}else Ar(n,r,i)}return n},qc=(e,t)=>{const n=li(t);return e.some(r=>li(r).match(`^${n}\\.\\d+`))};function li(e){return e.replace(/\]|\[/g,"")}function ls(e,t,n){function r(o,u){if(o._zod||Object.defineProperty(o,"_zod",{value:{def:u,constr:s,traits:new Set},enumerable:!1}),o._zod.traits.has(e))return;o._zod.traits.add(e),t(o,u);const c=s.prototype,d=Object.keys(c);for(let h=0;h<d.length;h++){const f=d[h];f in o||(o[f]=c[f].bind(o))}}const a=(n==null?void 0:n.Parent)??Object;class i extends a{}Object.defineProperty(i,"name",{value:e});function s(o){var u;const c=n!=null&&n.Parent?new i:this;r(c,o),(u=c._zod).deferred??(u.deferred=[]);for(const d of c._zod.deferred)d();return c}return Object.defineProperty(s,"init",{value:r}),Object.defineProperty(s,Symbol.hasInstance,{value:o=>{var u,c;return n!=null&&n.Parent&&o instanceof n.Parent?!0:(c=(u=o==null?void 0:o._zod)==null?void 0:u.traits)==null?void 0:c.has(e)}}),Object.defineProperty(s,"name",{value:e}),s}class _c extends Error{constructor(){super("Encountered Promise during synchronous parse. Use .parseAsync() instead.")}}const Ac={};function us(e){return Ac}function Mc(e,t){return typeof t=="bigint"?t.toString():t}const cs="captureStackTrace"in Error?Error.captureStackTrace:(...e)=>{};function Zn(e){return typeof e=="string"?e:e==null?void 0:e.message}function ds(e,t,n){var a,i,s,o,u,c;const r={...e,path:e.path??[]};if(!e.message){const d=Zn((s=(i=(a=e.inst)==null?void 0:a._zod.def)==null?void 0:i.error)==null?void 0:s.call(i,e))??Zn((o=t==null?void 0:t.error)==null?void 0:o.call(t,e))??Zn((u=n.customError)==null?void 0:u.call(n,e))??Zn((c=n.localeError)==null?void 0:c.call(n,e))??"Invalid input";r.message=d}return delete r.inst,delete r.continue,t!=null&&t.reportInput||delete r.input,r}const ms=(e,t)=>{e.name="$ZodError",Object.defineProperty(e,"_zod",{value:e._zod,enumerable:!1}),Object.defineProperty(e,"issues",{value:t,enumerable:!1}),e.message=JSON.stringify(t,Mc,2),Object.defineProperty(e,"toString",{value:()=>e.message,enumerable:!1})},Rc=ls("$ZodError",ms),hs=ls("$ZodError",ms,{Parent:Error}),Dc=e=>(t,n,r,a)=>{const i=r?Object.assign(r,{async:!1}):{async:!1},s=t._zod.run({value:n,issues:[]},i);if(s instanceof Promise)throw new _c;if(s.issues.length){const o=new((a==null?void 0:a.Err)??e)(s.issues.map(u=>ds(u,i,us())));throw cs(o,a==null?void 0:a.callee),o}return s.value},Pc=Dc(hs),Oc=e=>async(t,n,r,a)=>{const i=r?Object.assign(r,{async:!0}):{async:!0};let s=t._zod.run({value:n,issues:[]},i);if(s instanceof Promise&&(s=await s),s.issues.length){const o=new((a==null?void 0:a.Err)??e)(s.issues.map(u=>ds(u,i,us())));throw cs(o,a==null?void 0:a.callee),o}return s.value},Lc=Oc(hs);function ui(e,t){try{var n=e()}catch(r){return t(r)}return n&&n.then?n.then(void 0,t):n}function zc(e,t){for(var n={};e.length;){var r=e[0],a=r.code,i=r.message,s=r.path.join(".");if(!n[s])if("unionErrors"in r){var o=r.unionErrors[0].errors[0];n[s]={message:o.message,type:o.code}}else n[s]={message:i,type:a};if("unionErrors"in r&&r.unionErrors.forEach(function(d){return d.errors.forEach(function(h){return e.push(h)})}),t){var u=n[s].types,c=u&&u[r.code];n[s]=Xi(s,t,n,a,c?[].concat(c,r.message):r.message)}e.shift()}return n}function Fc(e,t){for(var n={};e.length;){var r=e[0],a=r.code,i=r.message,s=r.path.join(".");if(!n[s])if(r.code==="invalid_union"&&r.errors.length>0){var o=r.errors[0][0];n[s]={message:o.message,type:o.code}}else n[s]={message:i,type:a};if(r.code==="invalid_union"&&r.errors.forEach(function(d){return d.forEach(function(h){return e.push(h)})}),t){var u=n[s].types,c=u&&u[r.code];n[s]=Xi(s,t,n,a,c?[].concat(c,r.message):r.message)}e.shift()}return n}function xa(e,t,n){if(n===void 0&&(n={}),(function(r){return"_def"in r&&typeof r._def=="object"&&"typeName"in r._def})(e))return function(r,a,i){try{return Promise.resolve(ui(function(){return Promise.resolve(e[n.mode==="sync"?"parse":"parseAsync"](r,t)).then(function(s){return i.shouldUseNativeValidation&&Gr({},i),{errors:{},values:n.raw?Object.assign({},r):s}})},function(s){if((function(o){return Array.isArray(o==null?void 0:o.issues)})(s))return{values:{},errors:oi(zc(s.errors,!i.shouldUseNativeValidation&&i.criteriaMode==="all"),i)};throw s}))}catch(s){return Promise.reject(s)}};if((function(r){return"_zod"in r&&typeof r._zod=="object"})(e))return function(r,a,i){try{return Promise.resolve(ui(function(){return Promise.resolve((n.mode==="sync"?Pc:Lc)(e,r,t)).then(function(s){return i.shouldUseNativeValidation&&Gr({},i),{errors:{},values:n.raw?Object.assign({},r):s}})},function(s){if((function(o){return o instanceof Rc})(s))return{values:{},errors:oi(Fc(s.issues,!i.shouldUseNativeValidation&&i.criteriaMode==="all"),i)};throw s}))}catch(s){return Promise.reject(s)}};throw new Error("Invalid input: not a Zod schema")}var fs="DropdownMenu",[Vc]=Rl(fs,[Yi]),ze=Yi(),[Ag,ps]=Vc(fs),gs="DropdownMenuTrigger",Uc=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...a}=e,i=ps(gs,n),s=ze(n);return l.jsx(Ul,{asChild:!0,...s,children:l.jsx(Dl.button,{type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...a,ref:Fl(t,i.triggerRef),onPointerDown:lr(e.onPointerDown,o=>{!r&&o.button===0&&o.ctrlKey===!1&&(i.onOpenToggle(),i.open||o.preventDefault())}),onKeyDown:lr(e.onKeyDown,o=>{r||(["Enter"," "].includes(o.key)&&i.onOpenToggle(),o.key==="ArrowDown"&&i.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(o.key)&&o.preventDefault())})})})});Uc.displayName=gs;var vs="DropdownMenuContent",Wc=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ps(vs,n),i=ze(n),s=m.useRef(!1);return l.jsx(Wl,{id:a.contentId,"aria-labelledby":a.triggerId,...i,...r,ref:t,onCloseAutoFocus:lr(e.onCloseAutoFocus,o=>{var u;s.current||(u=a.triggerRef.current)==null||u.focus(),s.current=!1,o.preventDefault()}),onInteractOutside:lr(e.onInteractOutside,o=>{const u=o.detail.originalEvent,c=u.button===0&&u.ctrlKey===!0,d=u.button===2||c;(!a.modal||d)&&(s.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Wc.displayName=vs;var Hc="DropdownMenuGroup",Bc=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Hl,{...a,...r,ref:t})});Bc.displayName=Hc;var Kc="DropdownMenuLabel",ys=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Vl,{...a,...r,ref:t})});ys.displayName=Kc;var Gc="DropdownMenuItem",$c=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Bl,{...a,...r,ref:t})});$c.displayName=Gc;var Qc="DropdownMenuCheckboxItem",Xc=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Kl,{...a,...r,ref:t})});Xc.displayName=Qc;var Yc="DropdownMenuRadioGroup",Zc=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Gl,{...a,...r,ref:t})});Zc.displayName=Yc;var Jc="DropdownMenuRadioItem",ed=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx($l,{...a,...r,ref:t})});ed.displayName=Jc;var td="DropdownMenuItemIndicator",nd=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Ql,{...a,...r,ref:t})});nd.displayName=td;var rd="DropdownMenuSeparator",ad=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Xl,{...a,...r,ref:t})});ad.displayName=rd;var id="DropdownMenuArrow",sd=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Yl,{...a,...r,ref:t})});sd.displayName=id;var od="DropdownMenuSubTrigger",ld=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Zl,{...a,...r,ref:t})});ld.displayName=od;var ud="DropdownMenuSubContent",cd=m.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=ze(n);return l.jsx(Jl,{...a,...r,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});cd.displayName=ud;var dd=ys;function Mg(e){return Ee({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"},child:[]}]})(e)}function bs(e){return Ee({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function Rg(e){return Ee({attr:{viewBox:"0 0 640 512"},child:[{tag:"path",attr:{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"},child:[]}]})(e)}function Dg(e){return Ee({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"},child:[]}]})(e)}function Pg(e){return Ee({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M16.1 260.2c-22.6 12.9-20.5 47.3 3.6 57.3L160 376l0 103.3c0 18.1 14.6 32.7 32.7 32.7c9.7 0 18.9-4.3 25.1-11.8l62-74.3 123.9 51.6c18.9 7.9 40.8-4.5 43.9-24.7l64-416c1.9-12.1-3.4-24.3-13.5-31.2s-23.3-7.5-34-1.4l-448 256zm52.1 25.5L409.7 90.6 190.1 336l1.2 1L68.2 285.7zM403.3 425.4L236.7 355.9 450.8 116.6 403.3 425.4z"},child:[]}]})(e)}function Ca(e,t){const[n,r]=m.useState(e);return m.useEffect(()=>{const a=setTimeout(()=>{r(e)},t);return()=>{clearTimeout(a)}},[e,t]),n}const md={value:"",optionsSearcbValue:"",showImageGallery:!1,showPostsModal:!1,showEditLinkModal:!1};function hd(e,t){switch(t.type){case"SET_VALUE":return e.value===t.payload?e:{...e,value:t.payload};case"SET_VALIDATION_ERROR":return e.validationError===t.payload?e:{...e,validationError:t.payload};case"SET_OPTIONS_SEARCH_VALUE":return e.optionsSearcbValue===t.payload?e:{...e,optionsSearcbValue:t.payload};case"TOGGLE_IMAGE_GALLERY":return{...e,showImageGallery:t.payload!==void 0?t.payload:!e.showImageGallery};case"TOGGLE_POSTS_MODAL":return{...e,showPostsModal:t.payload!==void 0?t.payload:!e.showPostsModal};case"TOGGLE_EDIT_LINK_MODAL":return{...e,showEditLinkModal:t.payload!==void 0?t.payload:!e.showEditLinkModal};case"SELECT_IMAGE":return{...e,value:t.payload,showImageGallery:!1};default:return e}}function fd({config:e,searchValue:t,defaultOptions:n,optionsMapper:r,key:a}){var u,c;const i=Ke(),s=Ca(t||"",300),o=m.useCallback(async({pageParam:d=1})=>{if(e!=null&&e.query){const h=e==null?void 0:e.query,f=e==null?void 0:e.variables,g=await i.query({query:h,variables:{...f||{},first:10,search:s,page:d}});if(r){const y=g.data[e.dataKey];return{paginatorInfo:y.paginatorInfo||{currentPage:1,lastPage:1},data:y==null?void 0:y.data.map(w=>r(w))}}return g.data[e.dataKey]}else{if(n)return{paginatorInfo:{currentPage:1,lastPage:1},data:s?n.filter(h=>h.label.toLowerCase().includes(s.toLowerCase())):n};throw Error("Invalid Query Configuration")}},[i,e,s,n,r]);return wa({queryKey:[(e==null?void 0:e.dataKey)||a,(u=n==null?void 0:n[0])==null?void 0:u.value,(c=e==null?void 0:e.variables)==null?void 0:c.blog_uuid,s],queryFn:o,getNextPageParam:d=>{if(d&&typeof d=="object"&&"paginatorInfo"in d){const h=d.paginatorInfo;if((h==null?void 0:h.currentPage)<(h==null?void 0:h.lastPage))return h.currentPage+1}},initialPageParam:1,staleTime:300*1e3,gcTime:600*1e3,refetchOnMount:!1,refetchOnWindowFocus:!1})}const ws=m.createContext(void 0),St=()=>{const e=m.useContext(ws);if(e===void 0)throw new Error("useWazUiInput must be used within a WazUiInputProvider");return e},$r=({children:e,defaultValue:t="",onChange:n,imageGalleryConfig:r,blogPostsConfig:a,label:i,labelProps:s,selectProps:o,validationError:u,linkProps:c,error:d,inputGroupProps:h})=>{const[f,g]=m.useReducer(hd,{...md,validationError:u,value:t}),v=m.useCallback(n||(()=>{}),[n]),y=m.useRef(!0),w=m.useRef(t);m.useEffect(()=>{if(y.current||f.value===w.current){y.current=!1;return}if(!n)return;const x=setTimeout(()=>{v(f.value)},0);return()=>clearTimeout(x)},[f.value,v]),m.useEffect(()=>{t!==w.current&&(w.current=t,g({type:"SET_VALUE",payload:t}))},[t]),m.useEffect(()=>{u!==f.validationError&&g({type:"SET_VALIDATION_ERROR",payload:u||""})},[u,f.validationError]);const p=fd({config:o==null?void 0:o.queryConfig,searchValue:f.optionsSearcbValue,key:o==null?void 0:o.dataKey,defaultOptions:o==null?void 0:o.options,optionsMapper:o==null?void 0:o.optionsMapper}),b={state:f,dispatch:g,onChange:v,imageGalleryConfig:r,blogPostsConfig:a,selectProps:o,optionsQuery:p,label:i,labelProps:s,linkProps:c,error:d,inputGroupProps:h};return l.jsx(ws.Provider,{value:b,children:e})};$r.__docgenInfo={description:"",methods:[],displayName:"WazUiInputProvider",props:{defaultValue:{defaultValue:{value:"''",computed:!1},required:!1}}};const pd="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.0026%201.33398C6.25594%201.33398%204.83594%202.75398%204.83594%204.50065C4.83594%206.21398%206.17594%207.60065%207.9226%207.66065C7.97594%207.65398%208.02927%207.65398%208.06927%207.66065C8.0826%207.66065%208.08927%207.66065%208.1026%207.66065C8.10927%207.66065%208.10927%207.66065%208.11594%207.66065C9.8226%207.60065%2011.1626%206.21398%2011.1693%204.50065C11.1693%202.75398%209.74927%201.33398%208.0026%201.33398Z'%20fill='%23869DA5'/%3e%3cpath%20d='M11.3847%209.43391C9.52469%208.19391%206.49135%208.19391%204.61802%209.43391C3.77135%2010.0006%203.30469%2010.7672%203.30469%2011.5872C3.30469%2012.4072%203.77135%2013.1672%204.61135%2013.7272C5.54469%2014.3539%206.77135%2014.6672%207.99802%2014.6672C9.22469%2014.6672%2010.4514%2014.3539%2011.3847%2013.7272C12.2247%2013.1606%2012.6914%2012.4006%2012.6914%2011.5739C12.6847%2010.7539%2012.2247%209.99391%2011.3847%209.43391Z'%20fill='%23869DA5'/%3e%3c/svg%3e",gd=""+new URL("instagram-DKTomRJ8.svg",import.meta.url).href,vd=""+new URL("pexels-DrnxyPAE.svg",import.meta.url).href,yd="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%204.5V0H11V4.5H5ZM11%207H16V16H0V7H5V11.5H11V7Z'%20fill='%23001A24'/%3e%3c/svg%3e",kn=[{id:"my_media",label:"My Media",icon:pd,showSearch:!0,viewOnly:!1},{id:"unsplash",label:"Unsplash",categories:["photos","ilustrations"],tags:["wallpaper","abstract","food","portraits","travel","buildings","film","stree photography","vehicles","wallpaper","abstract","food","portraits","travel","buildings","film","stree photography","vehicles"],icon:yd,showSearch:!0,viewOnly:!0},{id:"instagram",label:"Instagram",icon:gd,showSearch:!1,viewOnly:!0},{id:"pexel",label:"Pixel",tags:["wallpaper","abstract","food","portraits","travel","buildings","film","stree photography","vehicles"],icon:vd,showSearch:!0,viewOnly:!0}];function bd(e,t,n){var u,c,d,h,f,g;let r=Ke();ke.VITE_DOLOS_URL&&(r=Ct(ke.VITE_DOLOS_URL));const a=Ca(n||"",900);let i,s,o;switch(t==null?void 0:t.id){case"unsplash":i=(u=e.unsplash)==null?void 0:u.query,s=(c=e.unsplash)==null?void 0:c.variables,o=e.unsplash.dataKey;break;case"pexel":i=(d=e.pexels)==null?void 0:d.query,s=(h=e.pexels)==null?void 0:h.variables,o=e.pexels.dataKey;break;default:i=(f=e.query)==null?void 0:f.query,s=(g=e.query)==null?void 0:g.variables,o=e.query.dataKey;break}return wa({queryKey:[o,{library_uuid:s==null?void 0:s.library_uuid},a],queryFn:async({pageParam:v=1})=>(await r.query({query:i,variables:{...s||{},search:a,page:v},fetchPolicy:"network-only"})).data[o],getNextPageParam:v=>{var y,w;if(((y=v==null?void 0:v.paginatorInfo)==null?void 0:y.currentPage)<((w=v==null?void 0:v.paginatorInfo)==null?void 0:w.lastPage))return v.paginatorInfo.currentPage+1},initialPageParam:1,staleTime:120*1e3,gcTime:600*1e3,refetchOnMount:!0,refetchOnWindowFocus:!1})}function wd(e){var s;const t=Hn();let n=Ke();const r=(s=e.upload)==null?void 0:s.query,{showSuccess:a,showError:i}=Nt();return ke.VITE_DOLOS_URL&&(n=Ct(ke.VITE_DOLOS_URL)),Gt({mutationFn:async o=>{const u=o.map(c=>n.mutate({mutation:r,variables:c}));return Promise.all(u)},onSuccess:(o,u)=>{var c;if(o&&o.length>0){const d=o.filter(g=>g.data).length,h=u.length;d===h?a(`${d} Image${d>1?"s":""} Uploaded Successfully`,"",{cancelText:"Done"}):a(`${d} of ${h} Images Uploaded Successfully`,`${h-d} uploads failed`,{cancelText:"Done"}),[((c=e.upload)==null?void 0:c.mutationInvalidateKey)||e.query.dataKey,e.query.dataKey].forEach(g=>{var v;t.invalidateQueries({queryKey:[g,{library_uuid:(v=u[0])==null?void 0:v.library_uuid}]}),t.invalidateQueries({queryKey:[g]})}),t.refetchQueries({queryKey:[e.query.dataKey]})}},onError:o=>{i("Failed to Upload Images",o.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry upload images")}})}})}function xd(e){var s;const t=Hn();let n=Ke();ke.VITE_DOLOS_URL&&(n=Ct(ke.VITE_DOLOS_URL));const r=(s=e.update)==null?void 0:s.query,{showSuccess:a,showError:i}=Nt();return Gt({mutationFn:async o=>r&&await n.mutate({mutation:r,variables:o}),onSuccess:o=>{var u,c;if(o!=null&&o.data){a("Image Updated Successfully","",{cancelText:"Done"});const d=(u=e.query.variables)==null?void 0:u.library_uuid;[((c=e.update)==null?void 0:c.mutationInvalidateKey)||e.query.dataKey,e.query.dataKey].forEach(f=>{d&&t.invalidateQueries({queryKey:[f,{library_uuid:d}]}),t.invalidateQueries({queryKey:[f]})}),t.refetchQueries({queryKey:[e.query.dataKey]})}},onError:o=>{i("Failed to Save Image",o.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry create post")}})}})}function Cd(e){var s;const t=Hn();let n=Ke();ke.VITE_DOLOS_URL&&(n=Ct(ke.VITE_DOLOS_URL));const r=(s=e.remove)==null?void 0:s.query,{showSuccess:a,showError:i}=Nt();return Gt({mutationFn:async o=>r&&await n.mutate({mutation:r,variables:o}),onSuccess:o=>{var u,c;if(o!=null&&o.data){a("Image Deleted Successfully","",{cancelText:"Done"});const d=(u=e.query.variables)==null?void 0:u.library_uuid;[((c=e.remove)==null?void 0:c.mutationInvalidateKey)||e.query.dataKey,e.query.dataKey].forEach(f=>{d&&t.invalidateQueries({queryKey:[f,{library_uuid:d}]}),t.invalidateQueries({queryKey:[f]})}),t.refetchQueries({queryKey:[e.query.dataKey]})}},onError:o=>{i("Failed to Delete Image",o.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry create post")}})}})}function kd(e){var a;let t=Ke();ke.VITE_DOLOS_URL&&(t=Ct(ke.VITE_DOLOS_URL));const n=(a=e.download)==null?void 0:a.query,{showError:r}=Nt();return Gt({mutationFn:async i=>n&&await t.mutate({mutation:n,variables:i}),onSuccess:i=>{i!=null&&i.data&&(console.log(i==null?void 0:i.data),window.open(i.data.url,"_blank","noopener,noreferrer"))},onError:i=>{r("Failed to Download Image",i.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry create post")}})}})}function Ed(e){var i,s;let t=Ke();ke.VITE_DOLOS_URL&&(t=Ct(ke.VITE_DOLOS_URL));const n=(i=e.instagram)==null?void 0:i.connect,r=(s=e.instagram)==null?void 0:s.variables,{showError:a}=Nt();return Gt({mutationKey:["connect_instagram",r],mutationFn:async()=>n&&await t.mutate({mutation:n,variables:{...e.query.variables,...r}}),onSuccess:o=>{if(o!=null&&o.data){const{connectInstagramAccount:{redirect_url:u}}=o.data;window.open(u,"_blank","noopener,noreferrer")}},onError:o=>{a("Failed to Connect Instagram",o.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry create post")}}),Td(o)}})}function Nd(e){var s,o;let t=Ke();ke.VITE_DOLOS_URL&&(t=Ct(ke.VITE_DOLOS_URL));const n=(s=e==null?void 0:e.instagram)==null?void 0:s.integrate,r=(o=e==null?void 0:e.instagram)==null?void 0:o.variables,{showSuccess:a,showError:i}=Nt();return Gt({mutationKey:["connect_instagram"],mutationFn:async({code:u})=>n&&await t.mutate({mutation:n,variables:{code:u,...r}}),onSuccess:u=>{u!=null&&u.data&&(a("Instagram Integrated Successfully","",{cancelText:"Done"}),setTimeout(()=>{window.location.href="/admin/media-library?instagram_integrated=true"},3e3))},onError:u=>{i("Failed to Integrate Instagram",u.message,{confirmText:"Try Again",onAction:()=>{console.log("Retry integrate post")}})}})}function Sd(e){var i,s,o;let t=Ke();ke.VITE_DOLOS_URL&&(t=Ct(ke.VITE_DOLOS_URL));const n=(i=e.instagram)==null?void 0:i.fetch,r=(s=e.instagram)==null?void 0:s.variables,a=(o=e.instagram)==null?void 0:o.key;return wa({queryKey:[a,{library_uuid:r==null?void 0:r.library_uuid}],queryFn:async({pageParam:u=1})=>{if(n)return(await t.query({query:n,variables:{...r||{},page:u},fetchPolicy:"network-only"})).data[a];throw Error("invalid query configuration")},getNextPageParam:u=>{var c,d;if(((c=u==null?void 0:u.paginatorInfo)==null?void 0:c.currentPage)<((d=u==null?void 0:u.paginatorInfo)==null?void 0:d.lastPage))return u.paginatorInfo.currentPage+1},initialPageParam:1,staleTime:120*1e3,gcTime:600*1e3,refetchOnMount:!0,refetchOnWindowFocus:!1})}const xn=(e,t)=>{eu(e,{description:t})},Td=(e,t)=>(Cl.is(e)?e.errors.forEach(n=>{xn(n.message,t)}):kl.is(e)?xn(e.message,t):El.is(e)?xn(String(e.cause),t):e instanceof Error?xn(e.message,t):xn("An unknown error occurred",t),t),Id={activeMedia:{type:""},open:!1,instagram_connected:!1,searchValue:"",activeTab:kn[0],columnsCount:3,activeCategory:void 0},jd=(e,t)=>{switch(t.type){case"SET_ACTIVE_MEDIA":return{...e,activeMedia:t.payload};case"RESET_ACTIVE_MEDIA":return{...e,activeMedia:{type:""}};case"SET_OPEN":return{...e,open:t.payload};case"SET_SEARCH_VALUE":return{...e,searchValue:t.payload};case"SET_ACTIVE_TAB":return{...e,activeTab:t.payload};case"SET_COLUMNS_COUNT":return{...e,columnsCount:t.payload};case"SET_ACTIVE_CATEGORY":return{...e,activeCategory:t.payload};case"SET_IG_CONNECTION_STATE":return{...e,instagram_connected:t.payload};default:return e}},xs=m.createContext(void 0),dt=()=>{const e=m.useContext(xs);if(!e)throw new Error("useMediaLibrary must be used within a MediaLibraryProvider");return e},Cs=({children:e,config:t,onChange:n,image:r})=>{var Y;const[a,i]=m.useReducer(jd,Id),{data:s,isLoading:o,isFetchingNextPage:u,fetchNextPage:c,hasNextPage:d,error:h}=bd(t,a.activeTab,a.searchValue),{mutateAsync:f,isPending:g}=xd(t),{mutateAsync:v,isPending:y}=Cd(t),{mutateAsync:w,isPending:p}=wd(t),{mutateAsync:b}=Ed(t),{mutateAsync:x}=Nd(t),{mutateAsync:C}=kd(t),{data:E,isLoading:S,isFetchingNextPage:N,fetchNextPage:T,hasNextPage:A,error:_,refetch:D}=Sd(t),[I,k]=m.useState({desktop:{rotation:0,flipHorizontal:!1,flipVertical:!1,aspectRatio:"custom"},tablet:{rotation:0,flipHorizontal:!1,flipVertical:!1,aspectRatio:"custom"},mobile:{rotation:0,flipHorizontal:!1,flipVertical:!1,aspectRatio:"custom"}}),{showSuccess:q,showError:O}=Nt(),U=W=>{i({type:"SET_ACTIVE_CATEGORY",payload:W}),V({name:"search",value:W})},F=m.useCallback(async W=>{try{const de=[a.activeMedia.media].filter(ge=>ge!=null).map(ge=>{var Ne;return{...W,image:ge,library_uuid:(Ne=t.query.variables)==null?void 0:Ne.library_uuid}});await w(de),B("")}catch(ee){O("Failed to Upload Image",ee.message)}},[a.activeMedia.media,w,(Y=t.query.variables)==null?void 0:Y.library_uuid,I,q,O]),L=m.useCallback(async W=>{if(!(W!=null&&W.uuid))return F(W);await f(W),B("")},[f,F]),M=async W=>{await C(W)},P=m.useCallback(async()=>{const W=a.activeMedia.media;await v({uuid:W.uuid}),B("")},[a.activeMedia.media,v]),B=m.useCallback((W,ee,xe)=>{i({type:"SET_ACTIVE_MEDIA",payload:{type:W,media:ee,index:xe}}),(r!=null&&r.url||r!=null&&r.src)&&W==""&&(n==null||n())},[]),V=m.useCallback(W=>{i({type:"SET_SEARCH_VALUE",payload:W.value})},[]),Q=m.useCallback(W=>{var ge,Ne,mt;const ee={left:null,top:null,right:null,bottom:null},xe={alternative_text:W.alternative_text,caption:W.caption,coordinates:{desktop:{...ee,...(ge=I==null?void 0:I.desktop)==null?void 0:ge.pillowCropBox,rotation:I.desktop.rotation},tablet:{...ee,...(Ne=I==null?void 0:I.tablet)==null?void 0:Ne.pillowCropBox,rotation:I.tablet.rotation},mobile:{...ee,...(mt=I==null?void 0:I.mobile)==null?void 0:mt.pillowCropBox,rotation:I.mobile.rotation}},width:W.width,height:W.height,uuid:W.uuid},de=new URL(W.url||W.src);de.searchParams.set("config",btoa(encodeURI(JSON.stringify(xe)))),n==null||n({...W,url:de.toString(),src:de.toString()})},[I,k,n]),G=async()=>{await b()},ne=async W=>{await x({code:W}),D(),i({type:"SET_IG_CONNECTION_STATE",payload:!0})},J=m.useRef(null),ce=m.useMemo(()=>(s==null?void 0:s.pages.flatMap(W=>W==null?void 0:W.images))??[],[s]),z=m.useMemo(()=>(E==null?void 0:E.pages.flatMap(W=>W==null?void 0:W.images))??[],[s]);m.useEffect(()=>{const ee=new URLSearchParams(window.location.search).get("code");ee&&ne(ee)},[]),m.useEffect(()=>{(r!=null&&r.url||r!=null&&r.src)&&B("edit",r)},[r]);const se={state:a,dispatch:i,handleMediaAction:B,handleSearchChange:V,handleMediaUpdate:L,handleMediaDelete:P,handleMediaUpload:F,handleConnectInstagram:G,handleCategoryChange:U,config:t,mutations:{editMutationPending:g,deleteMutationPending:y,uploadMutationPending:p},imagesQuery:{imagesPending:o,isFetchingNextPage:u,allImages:ce,fetchNextPage:c,hasNextPage:d,error:h},igImagesQuery:{imagesPending:S,isFetchingNextPage:N,allImages:z,fetchNextPage:T,hasNextPage:A,error:_},handleMediaSelect:Q,handleMediaDownload:M,cropperRef:J,setTransformations:k,transformations:I};return l.jsx(xs.Provider,{value:se,children:e})};Cs.__docgenInfo={description:"",methods:[],displayName:"MediaLibraryProvider"};const qd=""+new URL("upload-image-BZPKKzIo.svg",import.meta.url).href,_d=(e,t)=>{const n=["jpeg","jpg","png","svg","webp"],r=e.type.split("/")[1],a=e.size,i=2e6,s=Math.round(i/1e6);if(!n.includes(r))return console.log("error","File type not supported"),{res:!1,message:"File type not supported"};if(a>i){const u=`Image size (${(a/1e6).toFixed(1)}MB) exceeds the ${s}MB limit. Please compress or choose a smaller image.`;return console.log("error",u),{res:!1,message:u}}return{res:!0,message:"Valid image"}},ci=(e,t,n,r)=>{if(!e||!t||!n)return null;const a=Math.round(e.left),i=Math.round(e.top),s=Math.round(Math.min(e.left+e.width,t)),o=Math.round(Math.min(e.top+e.height,n));return{left:a,top:i,right:s,bottom:o,rotation:0}},ka=e=>typeof e=="string"?e:typeof e=="object"&&e!==null&&"src"in e?e.src:String(e),ks=()=>{const{handleMediaAction:e,dispatch:t,state:{open:n,activeTab:r}}=dt(),a=w=>t({type:"SET_OPEN",payload:w}),i=m.useRef(null),[s,o]=m.useState(!1),{showError:u}=Nt(),c=(r==null?void 0:r.id)==="my_media",d=w=>{const p=_d(w);if(!p.res)throw u("Image Upload Error",p.message),new Error(p.message)},h=w=>{if(!w.target.files||w.target.files.length===0)return;const p=w.target.files[0];p&&(d(p),e("add",p),t({type:"SET_OPEN",payload:!1}))},f=w=>{var b;w.preventDefault(),o(!1);const p=(b=w.dataTransfer.files)==null?void 0:b[0];p&&(d(p),e("add",p),t({type:"SET_OPEN",payload:!1}))},g=w=>{w.preventDefault(),o(!0)},v=()=>{o(!1)},y=()=>{var w;(w=i.current)==null||w.click()};return l.jsxs(l.Fragment,{children:[l.jsx("input",{name:"image_url",accept:"image/*",hidden:!0,type:"file",ref:i,onChange:h}),l.jsx(te,{className:H("px-6 rounded",{hidden:!c}),onClick:()=>a(!0),children:"Upload Image"}),l.jsx(kt,{open:n,onOpenChange:a,children:l.jsxs(Et,{className:"sm:max-w-[65%] sm:max-h-[80%]  p-6 gap-4",children:[l.jsxs(Kt,{className:"h-fit",children:[l.jsx(mn,{children:l.jsx("h1",{className:"text-left text-md",children:"Upload Image"})}),l.jsx(ga,{className:" text-muted-foreground text-left text-base",children:"Modify your image to your preference"})]}),l.jsxs("div",{className:H("h-100 max-w-full flex flex-col items-center justify-center gap-2 border-2 border-dashed p-6 transition-colors",s?"border-blue-500 bg-blue-50":"border-muted"),onDrop:f,onDragOver:g,onDragLeave:v,children:[l.jsx("img",{src:ka(qd),alt:"upload image"}),l.jsx("p",{className:"text-base text-center text-muted-foreground",children:"Drop file to add to media library"}),l.jsx("p",{className:"text-base text-muted-foreground",children:"or"}),l.jsx(te,{variant:"default",className:"w-full text-base max-w-100 rounded",onClick:y,children:"Choose file"})]})]})})]})};ks.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaLibraryAddMedia"};function an(){return an=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},an.apply(this,arguments)}function Ad(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Qr(e,t)}function Qr(e,t){return Qr=Object.setPrototypeOf||function(r,a){return r.__proto__=a,r},Qr(e,t)}var Ea=(function(e){Ad(t,e);function t(){var r;return r=e.call(this)||this,r.state={columns:[],childRefs:[],hasDistributed:!1},r}var n=t.prototype;return n.componentDidUpdate=function(){!this.state.hasDistributed&&!this.props.sequential&&this.distributeChildren()},t.getDerivedStateFromProps=function(a,i){var s=a.children,o=a.columnsCount,u=o!==i.columns.length;return i&&s===i.children&&!u?null:an({},t.getEqualCountColumns(s,o),{children:s,hasDistributed:!1})},n.shouldComponentUpdate=function(a){return a.children!==this.state.children||a.columnsCount!==this.props.columnsCount},n.distributeChildren=function(){var a=this,i=this.props,s=i.children,o=i.columnsCount,u=Array(o).fill(0),c=this.state.childRefs.every(function(f){return f.current.getBoundingClientRect().height});if(c){var d=Array.from({length:o},function(){return[]}),h=0;R.Children.forEach(s,function(f){if(f&&R.isValidElement(f)){var g=a.state.childRefs[h].current.getBoundingClientRect().height,v=u.indexOf(Math.min.apply(Math,u));u[v]+=g,d[v].push(f),h++}}),this.setState(function(f){return an({},f,{columns:d,hasDistributed:!0})})}},t.getEqualCountColumns=function(a,i){var s=Array.from({length:i},function(){return[]}),o=0,u=[];return R.Children.forEach(a,function(c){if(c&&R.isValidElement(c)){var d=R.createRef();u.push(d),s[o%i].push(R.createElement("div",{style:{display:"flex",justifyContent:"stretch"},key:o,ref:d},c)),o++}}),{columns:s,childRefs:u}},n.renderColumns=function(){var a=this.props,i=a.gutter,s=a.itemTag,o=a.itemStyle;return this.state.columns.map(function(u,c){return R.createElement(s,{key:c,style:an({display:"flex",flexDirection:"column",justifyContent:"flex-start",alignContent:"stretch",flex:1,width:0,gap:i},o)},u.map(function(d){return d}))})},n.render=function(){var a=this.props,i=a.gutter,s=a.className,o=a.style,u=a.containerTag;return R.createElement(u,{style:an({display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"stretch",boxSizing:"border-box",width:"100%",gap:i},o),className:s},this.renderColumns())},t})(R.Component);Ea.propTypes={};Ea.defaultProps={columnsCount:3,gutter:"0",className:null,style:{},containerTag:"div",itemTag:"div",itemStyle:{},sequential:!1};const Es=({image:e})=>{var d,h;const{handleMediaAction:t,config:n,state:{activeTab:r}}=dt(),[a,i]=m.useState(!1),s=()=>{t("edit",e)},o=f=>{f.stopPropagation(),s()},u=f=>{f.stopPropagation(),t("delete",e)},c=async f=>{f.stopPropagation(),i(!0);try{const g=await fetch(ya({url:e.url}).url);if(!g.ok)throw new Error("Failed to fetch image");const v=await g.blob(),y=URL.createObjectURL(v),w=document.createElement("a");w.href=y,w.download=e.title||"image",document.body.appendChild(w),w.click(),document.body.removeChild(w),URL.revokeObjectURL(y)}catch(g){console.log(g),window.open(e.url,"_blank","noopener,noreferrer")}finally{i(!1)}};return l.jsx(Br,{children:l.jsxs(Pl,{className:"min-h-[200px] min-w-[200px] grow group relative overflow-hidden transition-all cursor-pointer rounded-none","data-testid":"image-card",onClick:!(r!=null&&r.viewOnly)||n.viewOnly?s:void 0,children:[l.jsx(ss,{url:e.url,alt:e.alternative_text}),l.jsxs("div",{className:"absolute hidden inset-0 bg-black/30  group-hover:opacity-90 transition-opacity group-hover:flex flex-col items-start justify-between p-5 gap-2 w-full h-full",children:[l.jsxs("div",{className:"flex-1 w-full flex items-start justify-between gap-4",children:[l.jsxs("div",{className:"flex flex-1 flex-col gap-y-2 overflow-hidden",children:[l.jsx("p",{className:"text-base text-background font-bold capitalize line-clamp-2",children:e.title}),l.jsx("p",{className:"text-background line-clamp-5 text-sm h-0 flex-1",children:e.caption})]}),l.jsxs("div",{className:H("flex gap-2 flex-wrap justify-end not-lg:flex-col",{}),children:[(!(r!=null&&r.viewOnly)||n.viewOnly)&&l.jsxs(En,{children:[l.jsx(Nn,{asChild:!0,children:l.jsx(te,{onClick:o,variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7","data-testid":"image-edit-button",children:l.jsx(ju,{})})}),l.jsx(Sn,{children:l.jsx("span",{children:"Edit"})})]}),l.jsxs(En,{children:[l.jsx(Nn,{children:l.jsx("div",{onClick:c,children:l.jsx(te,{size:"icon",variant:"ghost",disabled:a,className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7","data-testid":"image-download-button",children:a?l.jsx(On,{className:"animate-spin"}):l.jsx(qu,{})})})}),l.jsx(Sn,{children:l.jsx("span",{children:a?"Downloading":"Download"})})]}),!(r!=null&&r.viewOnly)&&!n.viewOnly&&l.jsxs(En,{children:[l.jsx(Nn,{asChild:!0,children:l.jsx(te,{onClick:u,variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7","data-testid":"image-delete-button",children:l.jsx(br,{color:"red",size:"small"})})}),l.jsx(Sn,{children:l.jsx("span",{className:"text-destructive",children:"Delete"})})]})]})]}),((d=e.photographer)==null?void 0:d.name)&&l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsx("div",{className:"flex items-center justify-center rounded w-10 h-10 bg-background",children:l.jsx(Nc,{className:"text-current"})}),l.jsx("p",{className:"text-background capitalize lime-clamp-2 text-base",children:(h=e.photographer)==null?void 0:h.name})]})]})]},e.id)})};Es.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaGalleryImage",props:{image:{required:!0,tsType:{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},description:""},viewOnly:{required:!0,tsType:{name:"boolean"},description:""}}};const Ns=""+new URL("no-image-icon-CjrDvlv3.svg",import.meta.url).href;function Na(){return l.jsxs("div",{className:"flex flex-col items-center justify-center text-center p-2 gap-4 h-full w-full  ",children:[l.jsx("img",{src:ka(Ns),alt:"No Data",className:"w-1/5 h-1/5"}),l.jsx("h1",{className:"text-md",children:"No image in your library"}),l.jsx("p",{className:"w-70 ",children:"Your media library is empty. Click the upload button above to add an image."})]})}Na.__docgenInfo={description:"",methods:[],displayName:"WazUIGqlMediaGalleryEmptyState"};var Xr=new Map,Jn=new WeakMap,di=0,Md=void 0;function Rd(e){return e?(Jn.has(e)||(di+=1,Jn.set(e,di.toString())),Jn.get(e)):"0"}function Dd(e){return Object.keys(e).sort().filter(t=>e[t]!==void 0).map(t=>`${t}_${t==="root"?Rd(e.root):e[t]}`).toString()}function Pd(e){const t=Dd(e);let n=Xr.get(t);if(!n){const r=new Map;let a;const i=new IntersectionObserver(s=>{s.forEach(o=>{var u;const c=o.isIntersecting&&a.some(d=>o.intersectionRatio>=d);e.trackVisibility&&typeof o.isVisible>"u"&&(o.isVisible=c),(u=r.get(o.target))==null||u.forEach(d=>{d(c,o)})})},e);a=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:i,elements:r},Xr.set(t,n)}return n}function Od(e,t,n={},r=Md){if(typeof window.IntersectionObserver>"u"&&r!==void 0){const u=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:typeof n.threshold=="number"?n.threshold:0,time:0,boundingClientRect:u,intersectionRect:u,rootBounds:u}),()=>{}}const{id:a,observer:i,elements:s}=Pd(n),o=s.get(e)||[];return s.has(e)||s.set(e,o),o.push(t),i.observe(e),function(){o.splice(o.indexOf(t),1),o.length===0&&(s.delete(e),i.unobserve(e)),s.size===0&&(i.disconnect(),Xr.delete(a))}}function wr({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:a,triggerOnce:i,skip:s,initialInView:o,fallbackInView:u,onChange:c}={}){var d;const[h,f]=m.useState(null),g=m.useRef(c),[v,y]=m.useState({inView:!!o,entry:void 0});g.current=c,m.useEffect(()=>{if(s||!h)return;let x;return x=Od(h,(C,E)=>{y({inView:C,entry:E}),g.current&&g.current(C,E),E.isIntersecting&&i&&x&&(x(),x=void 0)},{root:a,rootMargin:r,threshold:e,trackVisibility:n,delay:t},u),()=>{x&&x()}},[Array.isArray(e)?e.toString():e,h,a,r,i,s,n,u,t]);const w=(d=v.entry)==null?void 0:d.target,p=m.useRef(void 0);!h&&w&&!i&&!s&&p.current!==w&&(p.current=w,y({inView:!!o,entry:void 0}));const b=[f,v.inView,v.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}function Ss(){const{handleConnectInstagram:e}=dt();return l.jsxs("div",{className:"flex flex-col items-center justify-center text-center p-2 gap-4 ",children:[l.jsx("img",{src:Ns,alt:"No Data",className:""}),l.jsx("h1",{className:"text-md",children:"Connect to Instagram"}),l.jsx("p",{className:"w-70 ",children:"To import your images from instagram, click below to authorise connection and follow the prompts."}),l.jsx(he,{onClick:e,children:"Connect Instagram"})]})}Ss.__docgenInfo={description:"",methods:[],displayName:"ConnectInstagram"};const Ts=({columnsCount:e})=>{const t={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4"}[e]||"grid-cols-3";return l.jsx("div",{className:`grid ${t} gap-4`,children:[...Array(6)].map((n,r)=>l.jsx("div",{className:"aspect-square rounded-lg overflow-hidden",children:l.jsx(nu,{className:"w-200 h-200"})},r))})},Is=({hasNextPage:e,isFetchingNextPage:t,onLoadMore:n,loadMoreRef:r})=>e?l.jsx("div",{ref:r,className:"col-span-3 py-4 flex justify-center",children:t?l.jsx(On,{className:"h-6 w-6 animate-spin"}):l.jsx(te,{variant:"ghost",onClick:n,children:"Load more"})}):null,js=({images:e,columnsCount:t,viewOnly:n=!1})=>l.jsx(Ea,{columnsCount:t,gutter:"1.5rem",children:e.map((r,a)=>l.jsx(Es,{image:r,viewOnly:n},r.id||a))}),Ld=()=>{const{state:{columnsCount:e,instagram_connected:t},igImagesQuery:{imagesPending:n,allImages:r,isFetchingNextPage:a,fetchNextPage:i,hasNextPage:s}}=dt(),{ref:o,inView:u}=wr();return m.useEffect(()=>{u&&s&&!a&&i()},[u,s,a,i]),l.jsxs("div",{className:"h-10 relative grow overflow-y-scroll flex flex-col items-center justify-center",children:[n&&l.jsx(Ts,{columnsCount:e}),!t&&!n&&l.jsx(Ss,{}),t&&!n&&(r.length?l.jsx(js,{images:r,columnsCount:e,viewOnly:!0}):l.jsx(Na,{})),l.jsx(Is,{hasNextPage:s,isFetchingNextPage:a,onLoadMore:i,loadMoreRef:o})]})},zd=({categories:e,activeCategory:t,onCategoryChange:n})=>l.jsx(Zi,{type:"single",value:t,onValueChange:r=>r&&n(r),className:"justify-start border-r p-2 px-4",children:e.map(r=>l.jsx(Ji,{value:r,className:"text-muted-foreground text-sm font-bold p-2 md:px-4 capitalize data-[state=on]:border-b-2 data-[state=on]:border-primary",children:r},r))}),Fd=({tags:e,searchValue:t,onTagClick:n})=>{const r=m.useRef(null),[a,i]=m.useState(!1),s=o=>{const u=r.current;u&&u.scrollBy({left:o==="left"?-100:100,behavior:"smooth"})};return m.useEffect(()=>{const o=()=>{const u=r.current;u&&i(u.scrollWidth>u.clientWidth)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[e]),l.jsxs("div",{className:"relative flex items-center w-0 flex-1",children:[a&&l.jsx(te,{variant:"ghost",size:"icon",className:"absolute left-0 z-10 h-full px-2 bg-gradient-to-r from-white via-white/70 to-transparent",onClick:()=>s("left"),children:l.jsx(Ki,{size:16})}),l.jsx("div",{ref:r,className:"flex-1 overflow-x-auto no-scrollbar",children:l.jsx("div",{className:"flex gap-2 w-max pr-4",children:e.map((o,u)=>l.jsx(Gi,{variant:"outline",className:H("capitalize text-sm p-2 px-3 truncate text-muted-foreground hover:opacity-50 cursor-pointer",t===o&&"opacity-50"),onClick:()=>n(o),children:o},`${o}-${u}`))})}),a&&l.jsx(te,{variant:"ghost",size:"icon",className:"absolute right-0 z-10 h-full px-2 bg-gradient-to-l from-white via-white/70 to-transparent",onClick:()=>s("right"),children:l.jsx($i,{size:16})})]})},Vd=({columnsCount:e,onColumnsChange:t})=>l.jsx(Zi,{type:"single",value:e.toString(),onValueChange:n=>n&&t(Number(n)),className:"justify-start",children:[2,3,4].map(n=>l.jsx(Ji,{value:n.toString(),className:"data-[state=on]:bg-orange-100 p-3",children:l.jsx("div",{className:"flex gap-1",children:Array.from({length:n}).map((r,a)=>l.jsx("div",{className:"w-1.5 h-1.5 bg-orange-400"},a))})},n))}),Ud=({value:e,onChange:t,placeholder:n="Search images..."})=>l.jsx("div",{className:"flex-1 max-w-sm",children:l.jsxs("div",{className:"relative flex items-center justify-center gap-2 rounded border",children:[l.jsx(Qi,{className:"h-5 w-5 absolute left-2.5 top-3.5 text-muted-foreground"}),l.jsx(yt,{placeholder:n,className:"h-12 !pl-10 rounded-none !border-0 bg-transparent hover:bg-transparent focus:bg-transparent focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus-visible:outline-none",value:e,onChange:r=>t(r.target.value)})]})}),Wd=({viewOnly:e})=>{const{state:{columnsCount:t},imagesQuery:{imagesPending:n,allImages:r,isFetchingNextPage:a,fetchNextPage:i,hasNextPage:s}}=dt(),{ref:o,inView:u}=wr();return m.useEffect(()=>{u&&s&&!a&&i()},[u,s,a,i]),l.jsxs("div",{className:"h-10 grow overflow-y-scroll",children:[n&&l.jsx(Ts,{columnsCount:t}),!n&&(r.length?l.jsx(js,{images:r,columnsCount:t,viewOnly:e}):l.jsx(Na,{})),l.jsx(Is,{hasNextPage:s,isFetchingNextPage:a,onLoadMore:i,loadMoreRef:o})]})},qs=({tab:e,viewOnly:t})=>{const{state:{columnsCount:n,activeCategory:r,searchValue:a,activeTab:i},dispatch:s,handleSearchChange:o,handleCategoryChange:u}=dt(),c=v=>{s({type:"SET_COLUMNS_COUNT",payload:v})},d=v=>{o({name:"search",value:v})},h=v=>{o({name:"search",value:v})},f=(i==null?void 0:i.id)==="instagram",g=t&&!!(e!=null&&e.viewOnly);return l.jsxs(tu,{value:(e==null?void 0:e.id)||"",className:"h-full flex flex-col mt-4 space-y-4",children:[l.jsxs("div",{className:"w-full flex items-center justify-between gap-3",children:[(e==null?void 0:e.categories)&&l.jsx(zd,{categories:e.categories,activeCategory:r,onCategoryChange:u}),(e==null?void 0:e.tags)&&l.jsx(Fd,{tags:e.tags,searchValue:a,onTagClick:h})]}),l.jsxs("div",{className:"w-full flex items-center justify-between gap-4 p-2 border",children:[l.jsx(Vd,{columnsCount:n,onColumnsChange:c}),(e==null?void 0:e.showSearch)&&l.jsx(Ud,{value:a,onChange:d})]}),f?l.jsx(Ld,{}):l.jsx(Wd,{viewOnly:g})]})};qs.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaGalleryTabContent",props:{tab:{required:!0,tsType:{name:"union",raw:"MediaGalleryTab | undefined",elements:[{name:"signature",type:"object",raw:`{
+  id: string;
+  label: string;
+  tags?: string[];
+  categories?: string[];
+  icon?: string;
+  showSearch?: boolean;
+  viewOnly?: boolean;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"label",value:{name:"string",required:!0}},{key:"tags",value:{name:"Array",elements:[{name:"string"}],raw:"string[]",required:!1}},{key:"categories",value:{name:"Array",elements:[{name:"string"}],raw:"string[]",required:!1}},{key:"icon",value:{name:"string",required:!1}},{key:"showSearch",value:{name:"boolean",required:!1}},{key:"viewOnly",value:{name:"boolean",required:!1}}]}},{name:"undefined"}]},description:""},viewOnly:{required:!0,tsType:{name:"boolean"},description:""}}};function Yr(e,t){var n,r;return e&&t?(n=""+e+t[0].toUpperCase()+t.slice(1),r=e+"-"+t):(n=e||t,r=e||t),{camelCase:n,snakeCase:r}}function _s(e){return/^blob:/.test(e)}function Hd(e){return/^data:/.test(e)}function As(e){return _s(e)||Hd(e)}function Bd(e){if(As(e))return!1;var t=window.location,n=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/,r=n.exec(e)||[],a={protocol:r[1]||"",host:r[2]||"",port:r[3]||""},i=function(o){return o==="http"?80:433},s=function(o){return o.port||i(o.protocol||t.protocol)};return!(!a.protocol&&!a.host&&!a.port||a.protocol&&a.protocol==t.protocol&&a.host&&a.host==t.host&&a.host&&s(a)==s(t))}function Kd(e){return Array.isArray(e)}function ae(e){return typeof e=="function"}function ve(e){return e===void 0}var Ht=function(e){return e!==null&&typeof e=="object"};function Bn(e,t,n){n===void 0&&(n={});var r={};return Ht(e)?(Object.keys(t).forEach(function(a){ve(e[a])?r[a]=t[a]:Ht(t[a])?Ht(e[a])?r[a]=Bn(e[a],t[a],n[a]):r[a]=e[a]?t[a]:n[a]:t[a]===!0||t[a]===!1?r[a]=!!e[a]:r[a]=e[a]}),r):e?t:n}function Dt(e){var t=Number(e);return Number.isNaN(t)?e:t}function mi(e){return e===!0||e===!1}function oe(e){return typeof e=="number"}function Gd(e){return typeof e=="string"}function Ms(e){return e!==e}function Xe(e){return oe(e)&&!Ms(e)||Gd(e)&&!Number.isNaN(parseFloat(e))&&isFinite(parseFloat(e))}function Rs(e,t){return Math.sqrt(Math.pow(e.left-t.left,2)+Math.pow(e.top-t.top,2))}function bt(e,t,n){return n===void 0&&(n=.001),Math.abs(t-e)<n}function Pt(e,t,n){return bt(e,t,n)?!1:e>t}function cn(e,t,n){return bt(e,t,n)?!1:e<t}function $d(e){var t=+e;return t===0||Ms(t)?t:t>0?1:-1}function hi(e){return new Promise(function(t){setTimeout(function(){t()},e)})}function Ln(e){if(!Ht(e))return e;var t={};return Array.isArray(e)?t=e.map(function(n){return Ln(n)}):Object.keys(e).forEach(function(n){return t[n]=Ln(e[n])}),t}function ln(e,t,n){if(n===void 0&&(n=.001),oe(e)&&oe(t)&&bt(e,t,n)||e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return!1;var r,a=void 0;if(Array.isArray(e)){if(r=e.length,r!=t.length)return!1;for(a=r;a--!==0;)if(!ln(e[a],t[a],n))return!1;return!0}if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();var i=Object.keys(e);if(r=i.length,r!==Object.keys(t).length)return!1;for(a=r;a--!==0;)if(!Object.prototype.hasOwnProperty.call(t,i[a]))return!1;for(a=r;a--!==0;){var s=i[a];if(!ln(e[s],t[s],n))return!1}return!0}return e!==e&&t!==t}function Ds(){return{left:0,top:0,width:0,height:0}}function Qd(e){return e==="west"||e==="south"||e==="north"||e==="east"}function Ps(e,t){var n,r;function a(){for(var s=[],o=0;o<arguments.length;o++)s[o]=arguments[o];var u=Date.now()-n,c=ae(t)?t():t||0;u<c&&u>=0?r=setTimeout(function(){return a.apply(void 0,s)},c-u):e.apply(void 0,s)}function i(){for(var s=[],o=0;o<arguments.length;o++)s[o]=arguments[o];n=Date.now(),r=setTimeout(function(){return a.apply(void 0,s)},ae(t)?t():t||0)}return i.clear=function(){clearTimeout(r)},i}var Qe=["left","right","top","bottom"],Xd=["left","right"],Yd=["top","bottom"];function Ye(e,t){return{left:e.left-t.left,top:e.top-t.top}}function le(e){return{left:e.left+e.width/2,top:e.top+e.height/2}}function Zd(e){return{left:"right",top:"bottom",right:"left",bottom:"top"}[e]}function fi(e,t){return Math.pow(e.width-t.width,2)+Math.pow(e.height-t.height,2)}function ot(e,t){return{left:e.left-t.left,top:e.top-t.top,width:e.width+t.left+t.right,height:e.height+t.top+t.bottom}}function Sa(e){return{left:-e.left,top:-e.top}}function je(e,t){return j(j({},e),{left:e.left+t.left,top:e.top+t.top})}function Oe(e){return{left:e.left,top:e.top,right:e.left+e.width,bottom:e.top+e.height}}function ut(e,t,n,r){if(t!==1)if("left"in e||"top"in e)if(n){var a=le(e);return{width:e.width*t,height:e.height*t,left:e.left+e.width*(1-t)/2+(n.left-a.left)*(1-t),top:e.top+e.height*(1-t)/2+(n.top-a.top)*(1-t)}}else return{width:e.width*t,height:e.height*t,left:e.left+e.width*(1-t)/2,top:e.top+e.height*(1-t)/2};else return{width:e.width*t,height:e.height*t};else return e}function Z(e){return e.width/e.height}function Zr(e,t){return Math.min(t.maxWidth?t.maxWidth/e.width:1/0,t.maxHeight?t.maxHeight/e.height:1/0)}function Jd(e,t){return Math.max(t.minWidth?t.minWidth/e.width:0,t.minHeight?t.minHeight/e.height:0)}function zn(e,t){var n;return t.minimum&&cn(e,t.minimum)?n=t.minimum:t.maximum&&Pt(e,t.maximum)&&(n=t.maximum),n}function Ta(e,t){var n=Z(e),r=1;return t.minWidth>0&&t.minHeight>0?n>t.minWidth/t.minHeight?e.height<t.minHeight&&(r=t.minHeight/e.height):e.width<t.minWidth&&(r=t.minWidth/e.width):t.minWidth>0?e.width<t.minWidth&&(r=t.minWidth/e.width):t.minHeight>0&&e.height<t.minHeight&&(r=t.minHeight/e.height),t.maxWidth<1/0&&t.maxHeight<1/0?n>t.maxWidth/t.maxHeight?e.width>t.maxWidth&&(r=t.maxWidth/e.width):e.height>t.maxHeight&&(r=t.maxHeight/e.height):t.maxWidth<1/0?e.width>t.maxWidth&&(r=t.maxWidth/e.width):t.maxHeight<1/0&&e.height>t.maxHeight&&(r=t.maxHeight/e.height),r}function ur(e,t){var n={left:0,top:0,right:0,bottom:0};return Qe.forEach(function(r){var a=t[r],i=Oe(e)[r];a!==void 0&&i!==void 0?r==="left"||r==="top"?n[r]=Math.max(0,a-i):n[r]=Math.max(0,i-a):n[r]=0}),n}function xr(e,t){return ut(e,Ta(e,t))}function Os(e,t){var n=t*Math.PI/180;return{width:Math.abs(e.width*Math.cos(n))+Math.abs(e.height*Math.sin(n)),height:Math.abs(e.width*Math.sin(n))+Math.abs(e.height*Math.cos(n))}}function vt(e,t,n){var r=t*Math.PI/180;return n?{left:(e.left-n.left)*Math.cos(r)-(e.top-n.top)*Math.sin(r)+n.left,top:(e.left-n.left)*Math.sin(r)+(e.top-n.top)*Math.cos(r)+n.top}:{left:e.left*Math.cos(r)-e.top*Math.sin(r),top:e.left*Math.sin(r)+e.top*Math.cos(r)}}function Ls(e){return{minWidth:0,minHeight:0,maxWidth:e.right!==void 0&&e.left!==void 0?e.right-e.left:1/0,maxHeight:e.bottom!==void 0&&e.top!==void 0?e.bottom-e.top:1/0}}function Ot(e,t){var n={};return Qe.forEach(function(r){var a=e[r],i=t[r];a!==void 0&&i!==void 0?r==="left"||r==="top"?n[r]=Math.max(a,i):n[r]=Math.min(a,i):i!==void 0?n[r]=i:a!==void 0&&(n[r]=a)}),n}function Cr(e,t){var n={left:0,top:0},r=ur(e,t);return r.left&&r.left>0?n.left=r.left:r.right&&r.right>0&&(n.left=-r.right),r.top&&r.top>0?n.top=r.top:r.bottom&&r.bottom>0&&(n.top=-r.bottom),n}function pe(e,t){return je(e,Cr(e,t))}function em(e,t){return t?e?{minimum:Math.min(e.maximum,Math.max(e.minimum,t.minimum)),maximum:Math.max(e.minimum,Math.min(e.maximum,t.maximum))}:t:e}function $t(e){return e===void 0&&(e={}),oe(e)?{minimum:e,maximum:e}:{minimum:Xe(e.minimum)?e.minimum:0,maximum:Xe(e.maximum)?e.maximum:1/0}}function Jr(e,t){return(ve(t.maxWidth)||!Pt(e.width,t.maxWidth))&&(ve(t.maxHeight)||!Pt(e.height,t.maxHeight))&&(ve(t.minHeight)||!cn(e.height,t.minHeight))&&(ve(t.minWidth)||!cn(e.width,t.minWidth))}function pi(e,t){return(ve(t.left)||!cn(e.left,t.left))&&(ve(t.top)||!cn(e.top,t.top))&&(ve(t.right)||!Pt(e.left+e.width,t.right))&&(ve(t.bottom)||!Pt(e.top+e.height,t.bottom))}function tm(e,t,n,r){var a=function(i){return e.reduce(function(s,o){var u=ae(n)?n(o):n,c=u.maxHeight,d=u.maxWidth,h=u.minWidth,f=u.minHeight,g=$t(ae(r)?r(o):r),v=i?{maxWidth:d,maxHeight:c}:{maxWidth:d,maxHeight:c,minWidth:h,minHeight:f};return Jr(o,v)&&!zn(Z(o),g)&&o.width&&o.height&&(!s||cn(fi(o,t),fi(s,t)))?o:s},null)};return a()||a(!0)}function Ge(e){return!!(e&&e.visibleArea&&e.coordinates)}function tt(e,t){return sm(e,t)}function Ze(e,t){return ae(t.areaPositionRestrictions)?t.areaPositionRestrictions(e,t):t.areaPositionRestrictions}function nt(e,t){return im(e,t)}function Le(e,t){return ae(t.positionRestrictions)?t.positionRestrictions(e,t):t.positionRestrictions}function Qt(e){return e.visibleArea?e.visibleArea.width/e.boundary.width:0}function Ia(e){if(Ge(e)){var t=e.coordinates,n=t.width,r=t.height,a=t.left,i=t.top,s=Qt(e);return{width:n/s,height:r/s,left:(a-e.visibleArea.left)/s,top:(i-e.visibleArea.top)/s}}else return Ds()}function Lt(e,t){return $t(ae(t.aspectRatio)?t.aspectRatio(e,t):t.aspectRatio)}function gi(e,t){return ae(t.defaultCoordinates)?t.defaultCoordinates(e,t):t.defaultCoordinates}function vi(e,t){return ae(t.defaultVisibleArea)?t.defaultVisibleArea(e,t):t.defaultVisibleArea}function nm(e,t){var n=j(j({},e.transforms),{flip:j({},e.transforms.flip)});if(t.defaultTransforms){var r=ae(t.defaultTransforms)?t.defaultTransforms(e,t):t.defaultTransforms;oe(r.rotate)&&(n.rotate=r.rotate),r.flip&&(mi(r.flip.horizontal)&&(n.flip.horizontal=r.flip.horizontal),mi(r.flip.vertical)&&(n.flip.vertical=r.flip.vertical))}return n}function xt(e){return e.imageSize&&e.imageSize.width&&e.imageSize.height?Os(e.imageSize,e.transforms.rotate):{width:0,height:0}}function rm(e){return e.coordinates?Math.min(e.coordinates.width,e.coordinates.height,20*Qt(e)):1}function am(e,t){if(Ge(e)){var n=nt(e,t),r=Le(e,t),a={width:Math.round(e.coordinates.width),height:Math.round(e.coordinates.height),left:Math.round(e.coordinates.left),top:Math.round(e.coordinates.top)};return a.width>n.maxWidth?a.width=Math.floor(e.coordinates.width):a.width<n.minWidth&&(a.width=Math.ceil(e.coordinates.width)),a.height>n.maxHeight?a.height=Math.floor(e.coordinates.height):a.height<n.minHeight&&(a.height=Math.ceil(e.coordinates.height)),pe(a,r)}else return null}function yi(e,t){return Ge(e)?!zn(Z(e.coordinates),Lt(e,t))&&Jr(e.visibleArea,tt(e,t))&&Jr(e.coordinates,nt(e,t))&&pi(e.visibleArea,Ze(e,t))&&pi(e.coordinates,Le(e,t)):!0}function ja(e){var t=j({},e);return t.minWidth>t.maxWidth&&(t.minWidth=t.maxWidth),t.minHeight>t.maxHeight&&(t.minHeight=t.maxHeight),t}function qa(e,t){var n=e,r=j({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0},t);return ja({maxHeight:Math.min(n.maxHeight,r.maxHeight),minHeight:Math.max(n.minHeight,r.minHeight),maxWidth:Math.min(n.maxWidth,r.maxWidth),minWidth:Math.max(n.minWidth,r.minWidth)})}function im(e,t){var n=ae(t.sizeRestrictions)?t.sizeRestrictions(e,t):t.sizeRestrictions,r=Le(e,t),a={minWidth:Xe(n.minWidth)?Dt(n.minWidth):0,minHeight:Xe(n.minHeight)?Dt(n.minHeight):0,maxWidth:Xe(n.maxWidth)?Dt(n.maxWidth):1/0,maxHeight:Xe(n.maxHeight)?Dt(n.maxHeight):1/0};return r.left!==void 0&&r.right!==void 0&&(a.maxWidth=Math.min(a.maxWidth,r.right-r.left)),r.bottom!==void 0&&r.top!==void 0&&(a.maxHeight=Math.min(a.maxHeight,r.bottom-r.top)),ja(a)}function sm(e,t){var n=ae(t.areaSizeRestrictions)?t.areaSizeRestrictions(e,t):t.areaSizeRestrictions;return n.maxWidth<1/0&&n.maxHeight<1/0&&(Z(e.boundary)>n.maxWidth/n.maxHeight?n.maxHeight=n.maxWidth/Z(e.boundary):n.maxWidth=n.maxHeight*Z(e.boundary)),ja(n)}function _e(e){return Ln(e)}var Bt;(function(e){e.fillArea="fillArea",e.fitArea="fitArea",e.stencil="stencil",e.none="none"})(Bt||(Bt={}));var ea;(function(e){e.coordinates="coordinates",e.visibleArea="visibleArea"})(ea||(ea={}));function Je(e){var t=e.width,n=e.height,r=e.sizeRestrictions||{minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0},a=$t(e.aspectRatio),i={width:Math.max(r.minWidth,Math.min(r.maxWidth,t)),height:Math.max(r.minHeight,Math.min(r.maxHeight,n))},s=[i];return a&&[a.minimum,a.maximum].forEach(function(o){o&&s.push({width:i.width,height:i.width/o},{width:i.height*o,height:i.height})}),s=s.map(function(o){return xr(o,r)}),tm(s,{width:t,height:n},r,a)}function zs(e,t){var n=_e(e);if(e.visibleArea){var r=tt(e,t);n.visibleArea=j(j({},e.visibleArea),Je({width:e.visibleArea.width,height:e.visibleArea.height,aspectRatio:{minimum:Z(n.boundary),maximum:Z(n.boundary)},sizeRestrictions:r})),n.visibleArea=je(n.visibleArea,Ye(le(e.visibleArea),le(n.visibleArea))),n.visibleArea=pe(n.visibleArea,Ze(n,t))}return n}function Fs(e,t,n){var r=je(e,t);return n?pe(r,n):r}var lt;(function(e){e.limit="limit",e.zoom="zoom",e.unsafe="unsafe"})(lt||(lt={}));function ta(e,t,n,r){r===void 0&&(r=!0);var a=r===!1?lt.unsafe:r===!0?lt.zoom:r,i=Lt(e,t),s=nt(e,t);e.visibleArea&&a===lt.limit&&(s=j(j({},s),{minWidth:Math.min(e.visibleArea.width,s.minWidth),minHeight:Math.min(e.visibleArea.height,s.minHeight),maxWidth:Math.min(e.visibleArea.width,s.maxWidth),maxHeight:Math.min(e.visibleArea.height,s.maxHeight)}));var o=Le(e,t);e.visibleArea&&a===lt.limit&&(o=Ot(o,Oe(e.visibleArea)));var u=function(p,b){return Fs(p,{left:b.left-(p.left||0),top:b.top-(p.top||0)},o)},c=function(p,b){var x=j(j(j({},p),Je({width:b.width,height:b.height,sizeRestrictions:s,aspectRatio:i})),{left:0,top:0});return u(x,{left:p.left||0,top:p.top||0})},d=e.coordinates?j({},e.coordinates):Ds(),h=Array.isArray(n)?n:[n];h.forEach(function(p){var b;typeof p=="function"?b=p(j(j({},e),{coordinates:d}),t):b=p,b&&((!ve(b.width)||!ve(b.height))&&(d=c(d,j(j({},d),b))),(!ve(b.left)||!ve(b.top))&&(d=u(d,j(j({},d),b))))});var f=j(j({},_e(e)),{coordinates:d});if(f.visibleArea&&a===lt.zoom){var g=Math.max(0,f.coordinates.width-f.visibleArea.width),v=Math.max(0,f.coordinates.height-f.visibleArea.height),y=tt(e,t),w=g>v?f.coordinates.width/f.visibleArea.width:f.coordinates.height/f.visibleArea.height;return w>1&&(f.visibleArea=ut(f.visibleArea,Math.min(w,Zr(f.visibleArea,y)))),f.visibleArea=je(f.visibleArea,Sa(Cr(f.coordinates,Oe(f.visibleArea)))),zs(f,t)}else return f}function Vs(e,t){if(e.coordinates){var n=_e(e),r=Lt(e,t),a=nt(e,t);return n.coordinates=j(j({},e.coordinates),Je({width:e.coordinates.width,height:e.coordinates.height,aspectRatio:r,sizeRestrictions:e.visibleArea?{maxWidth:Math.min(e.visibleArea.width,a.maxWidth),maxHeight:Math.min(e.visibleArea.height,a.maxHeight),minHeight:Math.min(e.visibleArea.height,a.minHeight),minWidth:Math.min(e.visibleArea.width,a.minWidth)}:a})),n.coordinates=je(n.coordinates,Ye(le(e.coordinates),le(n.coordinates))),n.coordinates=pe(n.coordinates,e.visibleArea?Ot(Oe(e.visibleArea),Le(n,t)):Le(n,t)),n}return e}function na(e,t,n,r){r===void 0&&(r=!0);var a=j(j({},_e(e)),{visibleArea:n});return a=zs(a,t),r&&(a=Vs(a,t)),a}function om(e,t){var n,r,a,i,s,o=e.boundary,u=e.image,c={boundary:{width:o.width,height:o.height},imageSize:{width:u.width,height:u.height},transforms:{rotate:((n=u.transforms)===null||n===void 0?void 0:n.rotate)||0,flip:{horizontal:((a=(r=u.transforms)===null||r===void 0?void 0:r.flip)===null||a===void 0?void 0:a.horizontal)||!1,vertical:((s=(i=u.transforms)===null||i===void 0?void 0:i.flip)===null||s===void 0?void 0:s.vertical)||!1}},visibleArea:null,coordinates:null};return t.defaultTransforms&&(c.transforms=nm(c,t)),t.priority===ea.visibleArea?(c=na(c,t,vi(c,t),!1),c=ta(c,t,gi(c,t),lt.limit)):(c=ta(c,t,gi(c,t),lt.unsafe),c=na(c,t,vi(c,t),!0)),c}function lm(e,t,n){if(Ge(e)){var r=_e(e);return r.coordinates=je(r.coordinates,n),r.coordinates=pe(r.coordinates,Ot(Oe(r.visibleArea),Le(r,t))),r}return e}function bi(e){var t=e.coordinates,n=e.directions,r=e.positionRestrictions,a=e.sizeRestrictions,i=e.preserveRatio,s=e.allowedDirections,o=e.compensate,u=o===void 0?!0:o,c=j({},n),d=ot(t,c).width,h=ot(t,c).height;d<0&&(c.left<0&&c.right<0?(c.left=-(t.width-a.minWidth)/(c.left/c.right),c.right=-(t.width-a.minWidth)/(c.right/c.left)):c.left<0?c.left=-(t.width-a.minWidth):c.right<0&&(c.right=-(t.width-a.minWidth))),h<0&&(c.top<0&&c.bottom<0?(c.top=-(t.height-a.minHeight)/(c.top/c.bottom),c.bottom=-(t.height-a.minHeight)/(c.bottom/c.top)):c.top<0?c.top=-(t.height-a.minHeight):c.bottom<0&&(c.bottom=-(t.height-a.minHeight)));var f=ur(ot(t,c),r),g=Qe.every(function(p){return!Pt(f[Zd(p)],0)||s[p]});u&&g&&(f.left&&f.left>0&&f.right===0?(c.right+=f.left,c.left-=f.left):f.right&&f.right>0&&f.left===0&&(c.left+=f.right,c.right-=f.right),f.top&&f.top>0&&f.bottom===0?(c.bottom+=f.top,c.top-=f.top):f.bottom&&f.bottom>0&&f.top===0&&(c.top+=f.bottom,c.bottom-=f.bottom),f=ur(ot(t,c),r));var v={width:1/0,height:1/0,left:1/0,right:1/0,top:1/0,bottom:1/0};if(Qe.forEach(function(p){var b=f[p];b&&c[p]&&(v[p]=Math.max(0,1-b/c[p]))}),i){var y=Math.min.apply(Math,Qe.map(function(p){return v[p]}));y!==1/0&&Qe.forEach(function(p){c[p]*=y})}else Qe.forEach(function(p){v[p]!==1/0&&(c[p]*=v[p])});if(d=ot(t,c).width,h=ot(t,c).height,c.right+c.left&&(d>a.maxWidth?v.width=(a.maxWidth-t.width)/(c.right+c.left):d<a.minWidth&&(v.width=(a.minWidth-t.width)/(c.right+c.left))),c.bottom+c.top&&(h>a.maxHeight?v.height=(a.maxHeight-t.height)/(c.bottom+c.top):h<a.minHeight&&(v.height=(a.minHeight-t.height)/(c.bottom+c.top))),i){var w=Math.min(v.width,v.height);w!==1/0&&Qe.forEach(function(p){c[p]*=w})}else v.width!==1/0&&Xd.forEach(function(p){c[p]*=v.width}),v.height!==1/0&&Yd.forEach(function(p){c[p]*=v.height});return c}function er(e,t,n){return bt(t+n,0)?e/2:bt(t,0)?0:bt(n,0)?e:e*Math.abs(t/(t+n))}function um(e,t,n,r){var a=r.aspectRatio,i=r.positionRestrictions,s=r.sizeRestrictions,o=j({},e);t=j({},t);var u=n.allowedDirections||{left:!0,right:!0,bottom:!0,top:!0};e.width<s.minWidth&&(t.left=0,t.right=0),e.height<s.minHeight&&(t.top=0,t.bottom=0),Qe.forEach(function(x){u[x]||(t[x]=0)}),t=bi({coordinates:o,directions:t,sizeRestrictions:s,positionRestrictions:i,allowedDirections:u});var c=ot(o,t).width,d=ot(o,t).height,h=n.preserveAspectRatio?Z(o):zn(c/d,a);if(h){var f=n.respectDirection;if(f!=="width"&&f!=="height"&&(o.width>=o.height||h===1?f="width":f="height"),f==="width"){var g=c/h-o.height;if(u.top&&u.bottom){var v=t.top,y=t.bottom;t.bottom=er(g,y,v),t.top=er(g,v,y)}else u.bottom?t.bottom=g:u.top?t.top=g:u.right?t.right=0:u.left&&(t.left=0)}else if(f==="height"){var w=o.width-d*h;if(u.left&&u.right){var p=t.left,b=t.right;t.left=-er(w,p,b),t.right=-er(w,b,p)}else u.left?t.left=-w:u.right?t.right=-w:u.top?t.top=0:u.bottom&&(t.bottom=0)}t=bi({directions:t,coordinates:o,sizeRestrictions:s,positionRestrictions:i,preserveRatio:!0,compensate:n.compensate,allowedDirections:u})}return c=ot(o,t).width,d=ot(o,t).height,h=n.preserveAspectRatio?Z(o):zn(c/d,a),h&&Pt(Math.abs(h-c/d),0)&&Qe.forEach(function(x){t[x]=0}),Fs({width:e.width+t.right+t.left,height:e.height+t.top+t.bottom,left:e.left,top:e.top},{left:-t.left,top:-t.top},i)}function wi(e,t){var n=t.toLowerCase();return{left:e.left+e.width*(n.indexOf("west")!==-1?1:n.indexOf("east")!==-1?0:.5),top:e.top+e.height*(n.indexOf("north")!==-1?1:n.indexOf("south")!==-1?0:.5)}}function Us(e){var t=e.toLowerCase();return{left:t.indexOf("east")===-1,top:t.indexOf("south")===-1,right:t.indexOf("west")===-1,bottom:t.indexOf("north")===-1}}function cm(e,t){var n=e.toLowerCase(),r={left:n.indexOf("west")===-1?t.left:-t.left,top:-t.top,right:t.left,bottom:t.top};["north","south","center"].every(function(i){return n.indexOf(i)===-1})&&(r.top=0,r.bottom=0),["west","east","center"].every(function(i){return n.indexOf(i)===-1})&&(r.left=0,r.right=0);var a=Us(e);return Qe.forEach(function(i){a[i]||(r[i]=0)}),r}function dm(e,t,n,r,a){var i=r.reference,s=cm(t,n),o=Us(t),u=um(e,s,j(j({},r),{allowedDirections:o}),a);return i&&(u=je(u,Ye(wi(i,t),wi(u,t)))),pe(u,a.positionRestrictions)}function mm(e,t,n,r,a){var i=rm(e),s=nt(e,t);return Ge(e)?j(j({},_e(e)),{coordinates:dm(e.coordinates,n,r,a,{positionRestrictions:Ot(Le(e,t),Oe(e.visibleArea)),sizeRestrictions:{maxWidth:Math.min(s.maxWidth,e.visibleArea.width),maxHeight:Math.min(s.maxHeight,e.visibleArea.height),minWidth:Math.max(Math.min(s.minWidth,e.visibleArea.width),i),minHeight:Math.max(Math.min(s.minHeight,e.visibleArea.height),i)},aspectRatio:Lt(e,t)})}):e}function hm(e,t,n){var r=j(j({},_e(e)),{boundary:n});if(r.visibleArea&&r.coordinates&&e.visibleArea){r.visibleArea.height=r.visibleArea.width/Z(n),r.visibleArea.top+=(e.visibleArea.height-r.visibleArea.height)/2;var a=nt(r,t);(Math.max(a.minHeight,r.coordinates.height)-r.visibleArea.height>0||Math.max(a.minWidth,r.coordinates.width)-r.visibleArea.width>0)&&(r.visibleArea=ut(r.visibleArea,Math.max(Math.max(a.minHeight,r.coordinates.height)/r.visibleArea.height,Math.max(a.minWidth,r.coordinates.width)/r.visibleArea.width))),r.visibleArea=xr(r.visibleArea,tt(r,t));var i=Sa(Cr(r.coordinates,Oe(r.visibleArea)));r.visibleArea.width<r.coordinates.width&&(i.left=0),r.visibleArea.height<r.coordinates.height&&(i.top=0),r.visibleArea=je(r.visibleArea,i),r.visibleArea=pe(r.visibleArea,Ze(r,t)),r=Vs(r,t)}return r}function fm(e,t,n){if(Ge(e)){var r=_e(e),a=oe(n)?n:n.angle,i=vt(le(j({left:0,top:0},xt(e))),a);r.transforms.rotate+=a,r.coordinates=j(j({},Je({sizeRestrictions:nt(r,t),aspectRatio:Lt(r,t),width:r.coordinates.width,height:r.coordinates.height})),vt(le(r.coordinates),a));var s=!oe(n)&&n.center?n.center:le(e.coordinates),o=Ye(le(e.coordinates),vt(le(e.coordinates),a,s)),u=xt(r);return r.coordinates.left-=i.left-u.width/2+r.coordinates.width/2-o.left,r.coordinates.top-=i.top-u.height/2+r.coordinates.height/2-o.top,r.visibleArea=xr(r.visibleArea,qa(tt(r,t),{minWidth:r.coordinates.width,minHeight:r.coordinates.height})),r.coordinates=pe(r.coordinates,Le(r,t)),r.visibleArea=je(r.visibleArea,Ye(le(r.coordinates),le(e.coordinates))),r.visibleArea=pe(r.visibleArea,Ze(r,t)),r}return e}function pm(e,t,n,r){if(Ge(e)){var a=_e(e),i=e.transforms.rotate,s=xt(e),o={horizontal:n,vertical:r};if(o.horizontal||o.vertical){var u=vt({left:s.width/2,top:s.height/2},-i),c=vt(le(a.coordinates),-i),d=vt({left:o.horizontal?u.left-(c.left-u.left):c.left,top:o.vertical?u.top-(c.top-u.top):c.top},i);a.coordinates=je(a.coordinates,Ye(d,le(a.coordinates))),c=vt(le(a.visibleArea),-i),d=vt({left:o.horizontal?u.left-(c.left-u.left):c.left,top:o.vertical?u.top-(c.top-u.top):c.top},i),a.visibleArea=je(a.visibleArea,Ye(d,le(a.visibleArea))),a.visibleArea=pe(a.visibleArea,Ze(a,t))}return o.horizontal&&(a.transforms.flip.horizontal=!e.transforms.flip.horizontal),o.vertical&&(a.transforms.flip.vertical=!e.transforms.flip.vertical),a}return e}function gm(e,t,n){var r,a=n.scale,i=a===void 0?1:a,s=n.move,o=s===void 0?{}:s;if(Ge(e)){var u=_e(e),c=1/(oe(i)?i:i.factor),d=oe(i)?void 0:i.center,h=!bt(c,1),f=1,g=1;u.visibleArea=je(u.visibleArea,{left:o.left||0,top:o.top||0});var v=nt(u,t),y=Le(u,t),w=tt(u,t),p={stencil:{minimum:Math.max(v.minWidth?v.minWidth/u.coordinates.width:0,v.minHeight?v.minHeight/u.coordinates.height:0),maximum:Math.min(v.maxWidth?v.maxWidth/u.coordinates.width:1/0,v.maxHeight?v.maxHeight/u.coordinates.height:1/0,Zr(u.coordinates,Ls(y)))},area:{maximum:Zr(u.visibleArea,w),minimum:Jd(u.visibleArea,w)}};c&&h&&(c<1?(g=Math.max(c,Math.max(p.area.minimum,p.stencil.minimum)),g>1&&(g=1)):c>1&&(g=Math.min(c,Math.min(p.area.maximum,p.stencil.maximum)),g<1&&(g=1))),g&&(u.visibleArea=ut(u.visibleArea,g,d));var b={left:e.coordinates.left-e.visibleArea.left,right:e.visibleArea.width+e.visibleArea.left-(e.coordinates.width+e.coordinates.left),top:e.coordinates.top-e.visibleArea.top,bottom:e.visibleArea.height+e.visibleArea.top-(e.coordinates.height+e.coordinates.top)};return u.visibleArea=pe(u.visibleArea,{left:y.left!==void 0?y.left-b.left*g:void 0,top:y.top!==void 0?y.top-b.top*g:void 0,bottom:y.bottom!==void 0?y.bottom+b.bottom*g:void 0,right:y.right!==void 0?y.right+b.right*g:void 0}),u.visibleArea=pe(u.visibleArea,Ze(u,t)),u.coordinates.width=u.coordinates.width*g,u.coordinates.height=u.coordinates.height*g,u.coordinates.left=u.visibleArea.left+b.left*g,u.coordinates.top=u.visibleArea.top+b.top*g,u.coordinates=pe(u.coordinates,Ot(Oe(u.visibleArea),y)),h&&c&&(!((r=t.transformImage)===null||r===void 0)&&r.adjustStencil)&&(c>1?f=Math.min(p.area.maximum,c)/g:c<1&&(f=Math.max(u.coordinates.height/u.visibleArea.height,u.coordinates.width/u.visibleArea.width,c/g)),f!==1&&(u.visibleArea=ut(u.visibleArea,f,c>1?d:le(u.coordinates)),u.visibleArea=pe(u.visibleArea,Ze(u,t)),u.visibleArea=je(u.visibleArea,Sa(Cr(u.coordinates,Oe(u.visibleArea)))))),u}return e}function vm(e,t,n){return n.rotate&&(e=fm(e,t,n.rotate)),n.flip&&(e=pm(e,t,n.flip.horizontal,n.flip.vertical)),(n.move||n.scale)&&(e=gm(e,t,n)),e}function ym(e,t){if(Ge(e)){var n=_e(e),r=Lt(e,t),a=nt(e,t),i=tt(e,t),s=zn(Z(e.coordinates),r),o=s?{height:e.coordinates.height,width:e.coordinates.height*s}:e.coordinates;n.coordinates=j(j({},n.coordinates),Je({width:o.width,height:o.height,aspectRatio:r,sizeRestrictions:qa(i,a)})),n.coordinates=je(n.coordinates,Ye(le(e.coordinates),le(n.coordinates)));var u=Math.max(n.coordinates.width/n.visibleArea.width,n.coordinates.height/n.visibleArea.height,1);return n.visibleArea=j(j({},e.visibleArea),Je({width:e.visibleArea.width*u,height:e.visibleArea.height*u,aspectRatio:{minimum:Z(n.boundary),maximum:Z(n.boundary)},sizeRestrictions:i})),n.visibleArea=je(n.visibleArea,Ye(le(e.visibleArea),le(n.visibleArea))),n.visibleArea=pe(n.visibleArea,Ze(n,t)),n.coordinates=pe(n.coordinates,Ot(Oe(n.visibleArea),Le(n,t))),n}return e}function bm(e,t){var n=Qt(e);return{left:oe(t.left)?t.left*n:0,top:oe(t.top)?t.top*n:0,right:oe(t.right)?t.right*n:0,bottom:oe(t.bottom)?t.bottom*n:0}}function xi(e,t){var n=Qt(e);return e.visibleArea?{left:t.left*n+e.visibleArea.left,top:t.top*n+e.visibleArea.top}:t}function wm(e,t){if(e){var n=Math.abs(e.transforms.rotate%180);return n<=45||n>=135?t:{horizontal:t.vertical,vertical:t.horizontal}}return t}function xm(e){return{left:oe(e.left)?e.left:0,top:oe(e.top)?e.top:0}}function Cm(e){return{left:oe(e.left)?e.left:0,top:oe(e.top)?e.top:0,right:oe(e.right)?e.right:0,bottom:oe(e.bottom)?e.bottom:0}}function Ws(e,t){var n=Qt(e);return{left:oe(t.left)?t.left*n:0,top:oe(t.top)?t.top*n:0}}function km(e,t){return t.scale&&(t.scale={factor:oe(t.scale)?t.scale:t.scale.factor,center:!oe(t.scale)&&t.scale.center?xi(e,t.scale.center):void 0}),t.rotate&&(t.rotate={angle:oe(t.rotate)?t.rotate:t.rotate.angle,center:!oe(t.rotate)&&t.rotate.center?xi(e,t.rotate.center):void 0}),t.move&&(t.move=Ws(e,t.move)),t}function Ci(e,t){var n=t.getBoundingClientRect(),r=n.left,a=n.top,i={left:0,top:0},s=0;return e.forEach(function(o){i.left+=(o.clientX-r)/e.length,i.top+=(o.clientY-a)/e.length}),e.forEach(function(o){s+=Rs({left:i.left,top:i.top},{left:o.clientX-r,top:o.clientY-a})}),{centerMass:i,spread:s,count:e.length}}function Em(e,t,n,r){r===void 0&&(r={});var a,i,s;if(t.length===1&&e.length===1)r.move&&(a={left:t[0].clientX-e[0].clientX,top:t[0].clientY-e[0].clientY});else if(e.length>1){var o=Ci(t,n),u=Ci(e,n);if(r.rotate&&t.length===2&&e.length===2){var c={left:[e[0].clientX-e[1].clientX,t[0].clientX-t[1].clientX],top:[e[0].clientY-e[1].clientY,t[0].clientY-t[1].clientY]},d=c.left[0]*c.top[1]-c.left[1]*c.top[0],h=c.left[0]*c.left[1]+c.top[0]*c.top[1];if(!bt(h,0)&&!bt(d,0)){var f=Math.atan2(d,h),g=-(f*180)/Math.PI;s={center:u.centerMass,angle:g}}}r.move&&(a={left:o.centerMass.left-u.centerMass.left,top:o.centerMass.top-u.centerMass.top}),r.scale&&(i={factor:u.spread/o.spread,center:u.centerMass})}return{move:a,scale:i,rotate:s}}function Nm(e,t,n){n===void 0&&(n=.1);var r=t.getBoundingClientRect(),a=r.left,i=r.top,s=1-n*$d(e.deltaY||e.detail||e.wheelDelta),o={left:e.clientX-a,top:e.clientY-i};return{scale:{factor:s,center:o}}}function tr(e){return e.moveCoordinates||e.resizeCoordinates||e.transformImage.move||e.transformImage.rotate||e.transformImage.flip||e.transformImage.scale}function Sm(){return{moveCoordinates:!1,resizeCoordinates:!1,transformImage:{rotate:!1,move:!1,scale:!1,flip:!1}}}function Tm(e,t){var n=xt(e),r={};return t.imageRestriction&&t.imageRestriction!=="none"&&(r={left:0,top:0,right:n.width,bottom:n.height}),r}function Im(e,t){var n=e.coordinates,r=e.boundary,a=xt(e),i=Z(r);if(n){var s={height:Math.max(n.height,a.height),width:Math.max(n.width,a.width)},o={left:0,top:0,width:Z(s)>i?s.width:s.height*i,height:Z(s)>i?s.width/i:s.height};o=xr(o,tt(e,t)),o.left=n.left+n.width/2-o.width/2,o.top=n.top+n.height/2-o.height/2;var u=ur(n,Oe(j({left:0,top:0},a))),c={};return!u.left&&!u.right&&o.width<=a.width&&(c.left=0,c.right=a.width),!u.top&&!u.bottom&&o.height<=a.height&&(c.top=0,c.bottom=a.height),pe(o,c)}else{var d=Z(a),h={height:d<i?a.height:a.width/i,width:d<i?a.height*i:a.width};return{left:a.width/2-h.width/2,top:a.height/2-h.height/2,width:h.width,height:h.height}}}function jm(e,t){var n=e.imageSize,r=e.visibleArea,a=nt(e,t),i=Lt(e,t),s;if(r)s=r;else{var o=Ls(Le(e,t));s={width:Math.max(o.minWidth,Math.min(o.maxWidth,n.width)),height:Math.max(o.minHeight,Math.min(o.maxHeight,n.height))}}var u=Math.min(i.maximum||1/0,Math.max(i.minimum||0,Z(s))),c=s.width<s.height?{width:s.width*.8,height:s.width*.8/u}:{height:s.height*.8,width:s.height*.8*u};return Je(j(j({},c),{aspectRatio:i,sizeRestrictions:a}))}function qm(e){return{minWidth:Xe(e.minWidth)?Dt(e.minWidth):0,minHeight:Xe(e.minHeight)?Dt(e.minHeight):0,maxWidth:Xe(e.maxWidth)?Dt(e.maxWidth):1/0,maxHeight:Xe(e.maxHeight)?Dt(e.maxHeight):1/0}}function Hs(e,t){return qm(t)}function _m(e){var t=e.visibleArea,n=e.coordinates,r=t||xt(e);return{left:(t?t.left:0)+r.width/2-(n?n.width/2:0),top:(t?t.top:0)+r.height/2-(n?n.height/2:0)}}function Am(e,t){var n=e.visibleArea,r=e.boundary,a=t.imageRestriction,i=xt(e),s={};return a===Bt.fillArea?s={left:0,top:0,right:i.width,bottom:i.height}:a===Bt.fitArea&&(Z(r)>Z(i)?(s={top:0,bottom:i.height},n&&(n.width>i.width?(s.left=-(n.width-i.width)/2,s.right=i.width-s.left):(s.left=0,s.right=i.width))):(s={left:0,right:i.width},n&&(n.height>i.height?(s.top=-(n.height-i.height)/2,s.bottom=i.height-s.top):(s.top=0,s.bottom=i.height)))),s}function Mm(e,t){var n=e.boundary,r=t.imageRestriction,a=xt(e),i={minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0};return r===Bt.fillArea?(i.maxWidth=a.width,i.maxHeight=a.height):r===Bt.fitArea&&(Z(n)>Z(a)?(i.maxHeight=a.height,i.maxWidth=a.height*Z(n)):(i.maxWidth=a.width,i.maxHeight=a.width/Z(n))),i}function Rm(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height;return{width:n,height:r}}function Bs(e,t){return e.aspectRatio?{}:{aspectRatio:$t(ae(t.aspectRatio)?t.aspectRatio():t.aspectRatio)}}function Dm(e){return function(t,n){var r=ae(e)?e(t,n):e;return qa(Hs(t,n),r)}}function Pm(e){return j(j({},e),{sizeRestrictions:function(t,n){var r;return e.sizeRestrictions?r=ae(e.sizeRestrictions)?e.sizeRestrictions(t,n):e.sizeRestrictions:r=Hs(t,n),r},areaPositionRestrictions:function(t,n){return e.areaPositionRestrictions?ae(e.areaPositionRestrictions)?e.areaPositionRestrictions(t,n):e.areaPositionRestrictions:Am(t,n)},areaSizeRestrictions:function(t,n){return e.areaSizeRestrictions?ae(e.areaSizeRestrictions)?e.areaSizeRestrictions(t,n):e.areaSizeRestrictions:Mm(t,n)},positionRestrictions:function(t,n){return e.positionRestrictions?ae(e.positionRestrictions)?e.positionRestrictions(t,n):e.positionRestrictions:Tm(t,n)},defaultCoordinates:function(t,n){if(e.defaultCoordinates)return ae(e.defaultCoordinates)?e.defaultCoordinates(t,n):e.defaultCoordinates;var r=e.defaultSize;r||(r=jm);var a=ae(r)?r(t,n):r,i=e.defaultPosition||_m;return[a,function(s){return j({},ae(i)?i(s,n):i)}]},defaultVisibleArea:function(t,n){return e.defaultVisibleArea?ae(e.defaultVisibleArea)?e.defaultVisibleArea(t,n):e.defaultVisibleArea:Im(t,n)},aspectRatio:function(t,n){return $t(ae(e.aspectRatio)?e.aspectRatio(t,n):e.aspectRatio)}})}function sr(e,t){if(e&&t){var n=t();n&&e(n)}}function Rr(e,t){e.forEach(function(n){sr(n,t)})}var Om=(function(){function e(){var t=this;this.getTransitions=function(){var n=t.getData(),r=t.getProps().transitions;return j(j({},Bn(r,{timingFunction:"ease-in-out",duration:350})),{active:n.transitions})},this.getInteractions=function(){var n=t.getData().interactions;return Ln(n)},this.hasInteractions=function(){var n=t.getData().interactions;return tr(n)},this.startTransitions=function(){var n=t.getProps(),r=n.onTransitionsStart,a=n.onUpdate,i=n.getInstance,s=t.getData(),o=s.transitions,u=dn(s,["transitions"]);t.setData(j(j({},u),{transitions:!0})),o||Rr([r,a],i),t.endTransitions()},this.endTransitions=Ps(function(){var n=t.getProps(),r=n.onTransitionsEnd,a=n.onUpdate,i=n.getInstance;t.setData(j(j({},t.getData()),{transitions:!1})),Rr([r,a],i)},function(){return t.getTransitions().duration}),this.applyPostProcess=function(n,r){var a=t.getProps(),i=a.settings,s=a.postProcess,o=n.name,u=n.interaction,c=u===void 0?!1:u,d=n.transitions,h=d===void 0?!1:d,f=n.immediately,g=f===void 0?!1:f,v={name:o,interaction:c,transitions:h,immediately:g};return Kd(s)?s.reduce(function(y,w){return w(y,i,v)},r):ae(s)?s(r,i,v):r},this.updateState=function(n,r,a){r===void 0&&(r={}),a===void 0&&(a=[]);var i=r.transitions,s=i===void 0?!1:i,o=t.getProps(),u=o.onTransitionsStart,c=o.getInstance,d=o.onChange,h=o.onUpdate,f=o.settings,g=t.getData(),v=ae(n)?n(g.state,f):n,y=v?.001*Qt(v):.001,w=!ln(g.state,v,y),p=["coordinates","boundary","visibleArea","imageSize","transforms"].some(function(x){var C;return!ln((C=g.state)===null||C===void 0?void 0:C[x],v==null?void 0:v[x],y)}),b=g;w&&(s&&p&&t.endTransitions(),b=j(j({},b),{state:_e(v),transitions:s&&p}),t.setData(b),sr(d,c)),b.transitions&&!g.transitions&&sr(u,c),Rr(Ol(a,[h]),c)},this.setInteractions=function(n){var r=t.getProps(),a=r.onInteractionStart,i=r.onInteractionEnd,s=r.getInstance,o=t.getInteractions(),u=j(j({},o),n);if(ln(o,u)||t.setData(j(j({},t.getData()),{interactions:u})),tr(o)!==tr(u))if(!tr(o))sr(a,s);else{var c=t.getData().state;t.updateState(function(){return c&&t.applyPostProcess({name:"interactionEnd",immediately:!0,transitions:!0},c)},{transitions:!0},[i])}},this.resetState=function(n,r){t.updateState(t.createDefaultState(n,r))},this.clear=function(){t.updateState(null)},this.reconcileState=function(n){n===void 0&&(n={});var r=t.getProps(),a=r.reconcileStateAlgorithm,i=r.settings,s=t.getData().state,o=n.transitions,u=o===void 0?!1:o;if(s&&!yi(s,i)){var c=(a||ym)(s,i);c=t.applyPostProcess({name:"reconcileState",immediately:!0,transitions:u},c),t.updateState(c,{transitions:u})}},this.transformImage=function(n,r){r===void 0&&(r={});var a=r.transitions,i=a===void 0?!0:a,s=r.interaction,o=s===void 0?!0:s,u=r.immediately,c=u===void 0?!1:u,d=r.normalize,h=d===void 0?!0:d,f=t.getProps(),g=f.transformImageAlgorithm,v=f.onTransformImage,y=f.onTransformImageEnd,w=f.settings,p=t.getData().state,b=[];if(p){h&&(n=km(p,n));var x=t.applyPostProcess({name:"transformImage",transitions:i,immediately:c},(g||vm)(p,w,n));b.push(v),o?t.setInteractions({transformImage:{rotate:!ve(n.rotate),flip:!ve(n.flip),scale:!ve(n.scale),move:!ve(n.move)}}):(x=t.applyPostProcess({name:"transformImageEnd",transitions:i,immediately:!0},x),b.push(y)),t.updateState(x,{transitions:c&&i},b)}},this.transformImageEnd=function(n){n===void 0&&(n={});var r=n.immediately,a=r===void 0?!0:r,i=n.transitions,s=i===void 0?!0:i,o=t.getData().state,u=t.getProps().onTransformImageEnd;t.updateState(function(){return o&&t.applyPostProcess({name:"transformImageEnd",immediately:a,transitions:s},o)},{transitions:s},[u]),t.setInteractions({transformImage:{rotate:!1,flip:!1,scale:!1,move:!1}})},this.zoomImage=function(n,r){r===void 0&&(r={});var a=r.interaction,i=a===void 0?!1:a,s=r.immediately,o=s===void 0?!0:s,u=r.transitions,c=u===void 0?!0:u,d=r.normalize,h=d===void 0?!1:d;t.transformImage({scale:n},{interaction:i,immediately:o,transitions:c,normalize:h})},this.moveImage=function(n,r,a){a===void 0&&(a={});var i=a.interaction,s=i===void 0?!1:i,o=a.immediately,u=o===void 0?!0:o,c=a.transitions,d=c===void 0?!0:c,h=a.normalize,f=h===void 0?!1:h;t.transformImage({move:{left:n,top:r}},{interaction:s,immediately:u,transitions:d,normalize:f})},this.flipImage=function(n,r,a){a===void 0&&(a={});var i=a.interaction,s=i===void 0?!1:i,o=a.immediately,u=o===void 0?!0:o,c=a.transitions,d=c===void 0?!0:c,h=a.normalize,f=h===void 0?!0:h,g=t.getState(),v={horizontal:n,vertical:r};t.transformImage({flip:g&&f?wm(g,v):v},{interaction:s,immediately:u,transitions:d})},this.rotateImage=function(n,r){r===void 0&&(r={});var a=r.interaction,i=a===void 0?!1:a,s=r.immediately,o=s===void 0?!0:s,u=r.transitions,c=u===void 0?!0:u,d=r.normalize,h=d===void 0?!1:d;t.transformImage({rotate:n},{interaction:i,immediately:o,transitions:c,normalize:h})},this.reset=function(n,r){t.resetState(n,r)},this.setState=function(n,r){r===void 0&&(r={});var a=t.getSettings(),i=t.getData().state,s=r.transitions,o=s===void 0?!0:s,u=r.immediately,c=u===void 0?!1:u,d=r.interaction,h=d===void 0?!1:d,f=r.postprocess,g=f===void 0?!1:f,v=n&&(ae(n)?n(i,a):j(j({},i),n));t.updateState(function(){return g?v&&t.applyPostProcess({name:"setState",immediately:c,transitions:o,interaction:h},v):v},{transitions:o})},this.setCoordinates=function(n,r){r===void 0&&(r={});var a=t.getData().state,i=t.getProps(),s=i.setCoordinatesAlgorithm,o=i.settings,u=r.transitions,c=u===void 0?!0:u,d=r.immediately,h=d===void 0?!0:d;t.updateState(function(){return a&&t.applyPostProcess({name:"setCoordinates",immediately:h,transitions:c},(s||ta)(a,o,n,lt.zoom))},{transitions:c})},this.setVisibleArea=function(n,r){r===void 0&&(r={});var a=r.transitions,i=a===void 0?!0:a,s=r.immediately,o=s===void 0?!0:s,u=t.getData().state,c=t.getProps(),d=c.setVisibleAreaAlgorithm,h=c.settings;t.updateState(function(){return u&&t.applyPostProcess({name:"setVisibleArea",immediately:o,transitions:i},(d||na)(u,h,n))},{transitions:i})},this.setBoundary=function(n,r){r===void 0&&(r={});var a=t.getData().state,i=t.getProps(),s=i.setBoundaryAlgorithm,o=i.settings,u=r.transitions,c=u===void 0?!1:u,d=r.immediately,h=d===void 0?!0:d;n?t.updateState(function(){return a&&t.applyPostProcess({name:"setBoundary",immediately:h,transitions:c},(s||hm)(a,o,n))}):t.updateState(null)},this.moveCoordinates=function(n,r){r===void 0&&(r={});var a=t.getData(),i=t.getProps(),s=i.moveCoordinatesAlgorithm,o=i.onMove,u=i.onMoveEnd,c=i.settings,d=r.interaction,h=d===void 0?!0:d,f=r.transitions,g=f===void 0?!1:f,v=r.immediately,y=v===void 0?!1:v,w=r.normalize,p=w===void 0?!0:w,b=[];if(!a.transitions&&a.state){var x=p?Ws(a.state,n):xm(n),C=t.applyPostProcess({name:"moveCoordinates",interaction:h,immediately:y,transitions:g},(s||lm)(a.state,c,x));b.push(o),h?t.setInteractions({moveCoordinates:!0}):(C=t.applyPostProcess({name:"moveCoordinatesEnd",interaction:h,immediately:y,transitions:g},C),b.push(u)),t.updateState(C,{transitions:y&&g},b)}},this.moveCoordinatesEnd=function(n){n===void 0&&(n={});var r=t.getData().state,a=t.getProps().onMoveEnd,i=n.transitions,s=i===void 0?!0:i,o=n.immediately,u=o===void 0?!1:o;t.updateState(function(){return r&&t.applyPostProcess({name:"moveCoordinatesEnd",transitions:s,immediately:u},r)},{transitions:s},[a]),t.setInteractions({moveCoordinates:!1})},this.resizeCoordinates=function(n,r,a,i){i===void 0&&(i={});var s=t.getData().state,o=t.getProps(),u=o.resizeCoordinatesAlgorithm,c=o.onResize,d=o.onResizeEnd,h=o.settings,f=i.interaction,g=f===void 0?!0:f,v=i.transitions,y=v===void 0?!1:v,w=i.immediately,p=w===void 0?!1:w,b=i.normalize,x=b===void 0?!0:b,C=t.getTransitions();if(!C.active&&s){var E=[],S=x?bm(s,r):Cm(r),N=t.applyPostProcess({name:"resizeCoordinates",interaction:g,immediately:p,transitions:y},(u||mm)(s,h,n,S,Ht(a)?a:{}));E.push(c),g?t.setInteractions({resizeCoordinates:!0}):(N=t.applyPostProcess({name:"resizeCoordinatesEnd",interaction:g,immediately:p,transitions:y},N),E.push(d)),t.updateState(N,{transitions:p&&y},E)}},this.resizeCoordinatesEnd=function(n){n===void 0&&(n={});var r=t.getProps().onResizeEnd,a=t.getData().state,i=n.transitions,s=i===void 0?!0:i,o=n.immediately,u=o===void 0?!1:o;t.updateState(function(){return a&&t.applyPostProcess({name:"resizeCoordinatesEnd",transitions:s,immediately:u},a)},{transitions:s},[r]),t.setInteractions({resizeCoordinates:!1})},this.getStencilCoordinates=function(){var n=t.getData().state;return Ia(n)},this.getCoordinates=function(n){n===void 0&&(n={});var r=t.getData().state,a=t.getProps().settings;if(r&&r.coordinates){var i=n.round,s=i===void 0?!0:i;return s?am(r,a):j({},r.coordinates)}else return null},this.getVisibleArea=function(){var n=t.getData().state;return n!=null&&n.visibleArea?j({},n.visibleArea):null},this.getSettings=function(){var n=t.getProps().settings;return j({},n)},this.getState=function(){var n=t.getData().state;return _e(n)},this.getTransforms=function(){var n=t.getData().state;return n?Ln(n.transforms):{rotate:0,flip:{horizontal:!1,vertical:!1}}},this.createDefaultState=function(n,r){var a=t.getProps(),i=a.createStateAlgorithm,s=a.settings;return t.applyPostProcess({name:"createState",immediately:!0,transitions:!1},(i||om)({image:r,boundary:n},s))},this.isConsistent=function(){var n=t.getData().state,r=t.getProps().settings;return n?yi(n,r):!0}}return e})(),ki={linear:function(e){return e},"ease-in":function(e){return Math.pow(e,1.675)},"ease-out":function(e){return 1-Math.pow(1-e,1.675)},"ease-in-out":function(e){return .5*(Math.sin((e-.5)*Math.PI)+1)}},Lm=(function(){function e(){this.active=!1}return e.prototype.start=function(t){var n;this.onStart=t.onStart,this.onProgress=t.onProgress,this.onStop=t.onStop,this.active||(n=this.onStart)===null||n===void 0||n.call(this),this.id&&window.cancelAnimationFrame(this.id),this.startTime=performance.now(),this.timingFunction=t.timingFunction,this.endTime=this.startTime+t.duration,this.active=!0,this.animate()},e.prototype.animate=function(){var t=this;if(this.startTime&&this.endTime){var n=ki[this.timingFunction];n||(n=ki["ease-out"]);var r=1-(this.endTime-performance.now())/(this.endTime-this.startTime),a=Math.min(1,n(r));this.onProgress&&this.onProgress(a),r<1?this.id=window.requestAnimationFrame(function(){return t.animate()}):this.stop()}else this.stop()},e.prototype.stop=function(){this.active=!1,this.id&&window.cancelAnimationFrame(this.id),this.onStop&&this.onStop()},e})();function zm(e,t,n){var r=n.rotate,a=n.flip,i={width:"naturalWidth"in t?t.naturalWidth:t.width,height:"naturalHeight"in t?t.naturalHeight:t.height},s=Os(i,r),o=e.getContext("2d");if(e.height=s.height,e.width=s.width,o){o.save();var u=vt(le(j({left:0,top:0},i)),r);o.translate(-(u.left-s.width/2),-(u.top-s.height/2)),o.rotate(r*Math.PI/180),o.translate(a.horizontal?i.width:0,a.vertical?i.height:0),o.scale(a.horizontal?-1:1,a.vertical?-1:1),o.drawImage(t,0,0,i.width,i.height),o.restore()}return e}function Fm(e,t,n,r,a){e.width=r?r.width:n.width,e.height=r?r.height:n.height;var i=e.getContext("2d");if(i){i.clearRect(0,0,e.width,e.height),a&&(a.imageSmoothingEnabled&&(i.imageSmoothingEnabled=a.imageSmoothingEnabled),a.imageSmoothingQuality&&(i.imageSmoothingQuality=a.imageSmoothingQuality),a.fillColor&&(i.fillStyle=a.fillColor,i.fillRect(0,0,e.width,e.height),i.save()));var s=n.left<0?-n.left:0,o=n.top<0?-n.top:0;i.drawImage(t,n.left+s,n.top+o,n.width,n.height,s*(e.width/n.width),o*(e.height/n.height),e.width,e.height)}return e}function Vm(e,t,n,r,a){if(Ge(e)){var i=e.transforms,s=e.coordinates,o=i.rotate!==0||i.flip.horizontal||i.flip.vertical,u=o?zm(r,t,i):t,c=j({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0,maxArea:1/0,imageSmoothingEnabled:!0,imageSmoothingQuality:"high",fillColor:"transparent"},a),d=function(g){return g.find(function(v){return Xe(v)})},h=Je({sizeRestrictions:{minWidth:d([c.width,c.minWidth])||0,minHeight:d([c.height,c.minHeight])||0,maxWidth:d([c.width,c.maxWidth])||1/0,maxHeight:d([c.height,c.maxHeight])||1/0},width:s.width,height:s.height,aspectRatio:{minimum:s.width/s.height,maximum:s.width/s.height}});if(c.maxArea&&h.width*h.height>c.maxArea){var f=Math.sqrt(c.maxArea/(h.width*h.height));h={width:Math.round(f*h.width),height:Math.round(f*h.height)}}return Fm(n,u,s,h,c)}else return null}function Um(e,t,n){t.style.width="0px",t.style.height="0px",t.style.width=Math.max(e.clientWidth,n.width)+"px";var r=n.width/n.height;t.style.height=Math.max(e.clientHeight,t.clientWidth/r)+"px",t.style.width=t.clientHeight*r+"px"}function Wm(e,t,n){t.style.width="0px",t.style.height="0px",t.style.width=Math.max(e.getBoundingClientRect().width,n.width)+"px";var r=n.width/n.height;t.style.height=Math.max(e.getBoundingClientRect().height,t.getBoundingClientRect().width/r)+"px",t.style.width=t.getBoundingClientRect().height*r+"px",t.clientWidth/t.clientHeight>e.clientWidth/e.clientHeight?t.clientWidth>e.clientWidth&&(t.style.width=e.clientWidth+"px",t.style.height=e.clientWidth/r+"px"):t.clientHeight>e.clientHeight&&(t.style.height=e.clientHeight+"px",t.style.width=e.clientHeight*r+"px")}var Hm=4;function Bm(e){e=e.replace(/^data:([^;]+);base64,/gim,"");for(var t=atob(e),n=t.length,r=new ArrayBuffer(n),a=new Uint8Array(r),i=0;i<n;i++)a[i]=t.charCodeAt(i);return r}function Km(e,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(){(this.status==200||this.status===0)&&t(this.response)},n.send()}function Gm(e){var t={flip:{horizontal:!1,vertical:!1},rotate:0};if(e)switch(e){case 2:t.flip.horizontal=!0;break;case 3:t.rotate=-180;break;case 4:t.flip.vertical=!0;break;case 5:t.rotate=90,t.flip.vertical=!0;break;case 6:t.rotate=90;break;case 7:t.rotate=90,t.flip.horizontal=!0;break;case 8:t.rotate=-90;break}return t}function $m(e){return new Promise(function(t,n){try{if(e)if(/^data:/i.test(e))t(Bm(e));else if(/^blob:/i.test(e)){var r=new FileReader;r.onload=function(i){var s;t((s=i.target)===null||s===void 0?void 0:s.result)},Km(e,function(i){r.readAsArrayBuffer(i)})}else{var a=new XMLHttpRequest;a.onreadystatechange=function(){a.readyState===Hm&&(a.status===200||a.status===0?t(a.response):n("Warning: could not load an image to parse its orientation"))},a.onprogress=function(){a.getResponseHeader("content-type")!=="image/jpeg"&&a.abort()},a.withCredentials=!1,a.open("GET",e,!0),a.responseType="arraybuffer",a.send(null)}else n("Error: the image is empty")}catch(i){n(i)}})}function Qm(e){var t=e.rotate,n=t===void 0?0:t,r=e.flip,a=r===void 0?{horizontal:!1,vertical:!1}:r,i=e.scale,s=i===void 0?1:i;return" rotate("+n+"deg) scaleX("+s*(a.horizontal?-1:1)+") scaleY("+s*(a.vertical?-1:1)+")"}function Xm(e,t,n){var r="",a;for(a=t,n+=t;a<n;a++)r+=String.fromCharCode(e.getUint8(a));return r}function Ym(e){try{var t=new DataView(e),n,r=void 0,a=void 0,i=void 0,s=void 0,o=void 0;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var u=t.byteLength,c=2;c+1<u;){if(t.getUint8(c)===255&&t.getUint8(c+1)===225){s=c;break}c++}if(s&&(r=s+4,a=s+10,Xm(t,r,4)==="Exif")){var d=t.getUint16(a);if(i=d===18761,(i||d===19789)&&t.getUint16(a+2,i)===42){var h=t.getUint32(a+4,i);h>=8&&(o=a+h)}}if(o)for(var f=t.getUint16(o,i),g=0;g<f;g++){var c=o+g*12+2;if(t.getUint16(c,i)===274){c+=8,n=t.getUint16(c,i),t.setUint16(c,1,i);break}}return n}catch{return null}}function Zm(e){for(var t=[],n=8192,r=new Uint8Array(e);r.length>0;){var a=r.subarray(0,n);t.push(String.fromCharCode.apply(null,Array.from?Array.from(a):a.slice())),r=r.subarray(n)}return"data:image/jpeg;base64,"+btoa(t.join(""))}function Dr(e){var t=e.src,n=e.arrayBuffer,r=n===void 0?null:n,a=e.orientation,i=a===void 0?null:a,s={src:t,arrayBuffer:r,revoke:!1,transforms:{flip:{horizontal:!1,vertical:!1},rotate:0}};return r&&i&&i>1?_s(t)||!As(t)?(s.src=URL.createObjectURL(new Blob([r])),s.revoke=!0):s.src=Zm(r):s.src=t,i&&(s.transforms=Gm(i)),s}function Jm(e,t){t===void 0&&(t={});var n=t.checkOrientation,r=t.parse;return new Promise(function(a){n||r?$m(e).then(function(i){var s=Ym(i);a(Dr(i?{src:e,arrayBuffer:i,orientation:s}:{src:e,arrayBuffer:null,orientation:null}))}).catch(function(i){console.warn(i),a(Dr({src:e}))}):a(Dr({src:e}))})}function eh(e,t){return t===void 0&&(t={}),new Promise(function(n,r){var a=document.createElement("img");t.crossOrigin&&(a.crossOrigin=t.crossOrigin!==!0?t.crossOrigin:"anonymous"),a.src=e,a.style.visibility="hidden",a.style.position="fixed",document.body.appendChild(a),a.complete?(n(a),document.body.removeChild(a)):(a.addEventListener("load",function(){n(a),document.body.removeChild(a)}),a.addEventListener("error",function(){r(null),document.body.removeChild(a)}))})}function th(e,t){return t===void 0&&(t={}),Jm(e,j(j({},t),{crossOrigin:Bd(e)&&t.crossOrigin})).then(function(n){return new Promise(function(r,a){eh(n.src,t).then(function(i){r(j(j({},n),{width:i.naturalWidth,height:i.naturalHeight}))}).catch(function(){a(null)})})})}function Ks(e,t,n,r,a){a===void 0&&(a=null);var i=e.width>e.height?{width:Math.min(512,e.width),height:Math.min(512,e.width)/(e.width/e.height)}:{height:Math.min(512,e.height),width:Math.min(512,e.height)*(e.width/e.height)},s=xt(t),o={rotate:t.transforms.rotate,flip:{horizontal:t.transforms.flip.horizontal,vertical:t.transforms.flip.vertical},translateX:n.left/r,translateY:n.top/r,scale:1/r},u={rotate:{left:(i.width-s.width)/(2*r),top:(i.height-s.height)/(2*r)},scale:{left:(1-1/r)*i.width/2,top:(1-1/r)*i.height/2}},c=j(j({},o),{scale:o.scale*(e.width/i.width)}),d={width:i.width+"px",height:i.height+"px",left:"0px",top:"0px",transition:"none",transform:"translate3d("+(-u.rotate.left-u.scale.left-o.translateX)+"px, "+(-u.rotate.top-u.scale.top-o.translateY)+"px, 0px)"+Qm(c),willChange:"none"};return a&&a.active&&(d.willChange="transform",d.transition=a.duration+"ms "+a.timingFunction),d}function nh(e,t,n){return n===void 0&&(n=null),e&&t&&t.visibleArea?Ks(e,t,t.visibleArea,Qt(t),n):{}}function rh(e,t,n,r){return r===void 0&&(r=null),e&&t&&t.visibleArea&&t.coordinates?Ks(e,t,t.coordinates,Z(t.coordinates)>Z(n)?t.coordinates.width/n.width:t.coordinates.height/n.height,r):{}}var Pr={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var Ei;function ah(){return Ei||(Ei=1,(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var i="",s=0;s<arguments.length;s++){var o=arguments[s];o&&(i=a(i,r(o)))}return i}function r(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return n.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var s="";for(var o in i)t.call(i,o)&&i[o]&&(s=a(s,o));return s}function a(i,s){return s?i?i+" "+s:i+s:i}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(Pr)),Pr.exports}var ih=ah();const $=fl(ih);function sh(e,t){var n=Bs({},t);return{stencilSize:function(r,a){var i=ae(e.stencilSize)?e.stencilSize(r,a):e.stencilSize;return Je(j(j({},i),{aspectRatio:em(n.aspectRatio,$t(Z(i)))}))}}}function _a(e,t){var n=e.boundary,r=ae(t.stencilSize)?t.stencilSize(e,t):t.stencilSize;return(r.width>n.width||r.height>n.height)&&(r=Je({sizeRestrictions:{maxWidth:n.width,maxHeight:n.height,minWidth:0,minHeight:0},width:r.width,height:r.height,aspectRatio:{minimum:Z(r),maximum:Z(r)}})),r}function oh(e,t){var n=_a(e,j(j({},t),{stencilSize:t.stencilSize})),r=tt(e,t);return{maxWidth:r.maxWidth*n.width/e.boundary.width,maxHeight:r.maxHeight*n.height/e.boundary.height,minWidth:0,minHeight:0}}function lh(e,t){var n=e.imageSize,r=e.visibleArea,a=e.boundary,i=nt(e,t),s=Lt(e,t),o=ae(t.stencilSize)?t.stencilSize(e,t):t.stencilSize,u=r||n,c,d;return Z(u)>Z(a)?(c=o.height*u.height/a.height,d=c*Z(o)):(d=o.width*u.width/a.width,c=d/Z(o)),Je({width:d,height:c,aspectRatio:s,sizeRestrictions:i})}function uh(e,t){var n=Z(_a(e,t));return{minimum:n,maximum:n}}function ch(e,t){if(Ge(e)){var n=_e(e),r=_a(e,t);n.visibleArea=ut(n.visibleArea,n.coordinates.width*n.boundary.width/(n.visibleArea.width*r.width));var a=Ta(n.visibleArea,tt(n,t));return a!==1&&(n.visibleArea=ut(n.visibleArea,a),n.coordinates=ut(n.coordinates,a)),n.visibleArea=je(n.visibleArea,Ye(le(n.coordinates),le(n.visibleArea))),n.visibleArea=pe(n.visibleArea,Ze(n,t)),n.coordinates=pe(n.coordinates,Ot(Oe(n.visibleArea),Ze(n,t))),n}return e}function dh(e,t,n){return n&&n.immediately?ch(e,t):e}function mh(e,t){if(Ge(e)){var n=_e(e),r={width:0,height:0};Z(n.boundary)>Z(n.coordinates)?(r.height=n.boundary.height*.8,r.width=r.height*Z(n.coordinates)):(r.width=n.boundary.width*.8,r.height=r.width*Z(n.coordinates)),n.visibleArea=ut(n.visibleArea,n.coordinates.width*n.boundary.width/(n.visibleArea.width*r.width));var a=Ta(n.visibleArea,tt(n,t));return n.visibleArea=ut(n.visibleArea,a),a!==1&&(r.height/=a,r.width/=a),n.visibleArea=je(n.visibleArea,Ye(le(n.coordinates),le(n.visibleArea))),n.visibleArea=pe(n.visibleArea,Ze(n,t)),n.coordinates=pe(n.coordinates,Ot(Oe(n.visibleArea),Le(n,t))),n}return e}function hh(e,t,n){return n.immediately?mh(e,t):e}function fh(){var e=m.useRef([]);return function(t){e.current.indexOf(t)===-1&&e.current.push(t)}}function ph(e){return m.forwardRef(e)}function gh(){var e=m.useRef(!0);return e.current?(e.current=!1,!0):e.current}var Tn=function(e,t){var n=gh();m.useEffect(function(){if(!n)return e()},t)};function Gs(e){var t=me(m.useState(e),2),n=t[0],r=t[1],a=me(m.useState(null),2),i=a[0],s=a[1],o=m.useRef(e);return Tn(function(){i&&i(n,o.current)},[i]),[n,function(u,c){o.current=n,r(u),s(function(){return c})}]}var vh=(function(e){pa(t,e);function t(n,r){var a=e.call(this)||this;return a.props=n,a.notify=r,a.data={state:null,transitions:!1,interactions:Sm()},a}return t.prototype.getProps=function(){return this.props()},t.prototype.setData=function(n){this.data=n,this.notify()},t.prototype.getData=function(){return this.data},t})(Om);function $s(){var e=me(m.useState({}),2);e[0];var t=e[1];return function(){t({})}}function yh(e){var t=m.useRef(e);return t.current=e,function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return t.current.apply(t,_n([],me(n),!1))}}function bh(e){var t=$s(),n=yh(function(){var a=e(),i=a.settings,s=dn(a,["settings"]),o=j({imageRestriction:Bt.fitArea,transformImage:{adjustStencil:!0}},i),u=j({transitions:!0},s);return j({settings:j(j({},o),Pm(o))},u)}),r=m.useRef(new vh(n,t));return r.current}function wh(e){var t=e.src,n=e.onLoadingStart,r=e.onLoadingEnd,a=e.onError,i=e.onLoad,s=e.crossOrigin,o=e.checkOrientation,u=e.canvas,c=e.unloadTime,d=me(m.useState(null),2),h=d[0],f=d[1],g=me(m.useState(!1),2),v=g[0],y=g[1],w=me(Gs(!1),2),p=w[0],b=w[1],x=m.useRef(null);return m.useEffect(function(){if(x.current!==t)if(x.current=t||null,b(!1),t){y(!0),n==null||n();var C=[th(t,{crossOrigin:ve(s)?u:s,checkOrientation:o})];p&&c&&C.push(hi(c)),Promise.all(C).then(function(E){var S=me(E,1),N=S[0];x.current===t&&f(N)}).catch(function(){x.current===t&&(a==null||a())}).finally(function(){x.current===t&&(r==null||r(),y(!1))})}else c?hi(c).then(function(){x.current===t&&f(null)}):f(null)},[t,h]),m.useEffect(function(){h&&b(!0,function(){i==null||i(h)})},[h]),{isLoading:function(){return v},isLoaded:function(){return p},getImage:function(){return h},setImage:f}}var Qs=function(e){var t=m.useRef(e),n=function(){t.current&&t.current()};m.useEffect(function(){t.current=e},[e]),m.useEffect(function(){return window.addEventListener("resize",n),window.addEventListener("orientationchange",n),function(){window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n)}},[])};function xh(e,t){t===void 0&&(t=!0);var n=me(m.useState(t),2),r=n[0],a=n[1];return m.useLayoutEffect(function(){r&&!e.hasInteractions()&&e.reconcileState()}),{pause:function(){a(!1)},resume:function(){a(!0)}}}function Ch(e){var t=this,n=e(),r=n.src,a=n.onReady,i=n.onError,s=n.onUpdate,o=n.canvas,u=o===void 0?!0:o,c=n.unloadTime,d=c===void 0?500:c,h=n.crossOrigin,f=h===void 0?!0:h,g=n.checkOrientation,v=g===void 0?!0:g,y=n.autoReconcileState,w=y===void 0?!0:y,p=m.useRef(null),b=m.useRef(null),x=m.useRef(null),C=m.useRef(null),E=me(Gs(null),2),S=E[0],N=E[1],T=bh(function(){return j(j({},e()),{getInstance:function(){return C.current}})}),A=wh({src:r,crossOrigin:f,checkOrientation:v,unloadTime:d,canvas:u,onError:function(){C.current&&(i==null||i(C.current))}}),_=xh(T,w),D=function(){return $a(t,void 0,void 0,function(){var q,O,U;return Qa(this,function(F){switch(F.label){case 0:return b.current?(_.pause(),q=A.getImage(),[4,(U=b.current)===null||U===void 0?void 0:U.stretchTo(q)]):[3,2];case 1:O=F.sent(),N(q,function(){O&&q?T.reset(O,q):T.clear()}),_.resume(),F.label=2;case 2:return[2]}})})},I=function(){return $a(t,void 0,void 0,function(){var q,O,U,F;return Qa(this,function(L){switch(L.label){case 0:return b.current?(_.pause(),q=A.getImage(),[4,(F=b.current)===null||F===void 0?void 0:F.stretchTo(q)]):[3,2];case 1:O=L.sent(),O&&q?(U=T.getState(),U?(O.width!==U.boundary.width||O.height!==U.boundary.height)&&(T.setBoundary(O),T.reconcileState()):T.reset(O,q)):T.clear(),_.resume(),L.label=2;case 2:return[2]}})})},k={reset:function(){return D()},refresh:function(){return I()},setImage:function(q){return N(q)},reconcileState:T.reconcileState,moveCoordinates:T.moveCoordinates,moveCoordinatesEnd:T.moveCoordinatesEnd,resizeCoordinates:T.resizeCoordinates,clear:T.clear,resizeCoordinatesEnd:T.resizeCoordinatesEnd,moveImage:T.moveImage,flipImage:T.flipImage,zoomImage:T.zoomImage,rotateImage:T.rotateImage,transformImage:T.transformImage,transformImageEnd:T.transformImageEnd,setCoordinates:T.setCoordinates,setVisibleArea:T.setVisibleArea,startTransitions:T.startTransitions,setState:T.setState,hasInteractions:T.hasInteractions,getStencilCoordinates:T.getStencilCoordinates,getCoordinates:T.getCoordinates,getVisibleArea:T.getVisibleArea,getTransforms:T.getTransforms,getTransitions:T.getTransitions,getInteractions:T.getInteractions,getSettings:T.getSettings,getState:T.getState,getDefaultState:function(){var q=T.getState(),O=A.getImage();return q&&O?T.createDefaultState(q.boundary,O):null},getCanvas:function(q){var O=T.getState();return p.current&&x.current&&O?x.current.draw(O,p.current,q):null},getImage:function(){return S?j({},S):null},isLoading:A.isLoading,isLoaded:A.isLoaded};return Qs(function(){I()}),Tn(function(){D()},[A.getImage()]),Tn(function(){C.current&&S&&(a==null||a(C.current))},[S]),Tn(function(){C.current&&(s==null||s(C.current))},[A.isLoaded(),A.isLoading()]),m.useImperativeHandle(C,function(){return k}),{cropper:k,refs:{image:p,boundary:b,canvas:x},image:S}}var Aa=m.forwardRef(function(e,t){var n=e.className,r=e.style,a=e.stretcherClassName,i=e.contentClassName,s=e.stretchAlgorithm,o=s===void 0?Um:s,u=e.sizeAlgorithm,c=u===void 0?Rm:u,d=e.children,h=m.useRef(null),f=m.useRef(null);return m.useImperativeHandle(t,function(){return{reset:function(){var g=h.current;g&&(g.style.height="",g.style.width="")},stretchTo:function(g){var v=h.current,y=f.current;if(g!=null&&g.width&&(g!=null&&g.height)&&v&&y){o(y,v,g);var w=c(y,g);return Promise.resolve(w.width&&w.height?w:null)}else return v&&(v.style.height="",v.style.width=""),Promise.resolve(null)}}}),R.createElement("div",{ref:f,style:r,className:$("advanced-cropper-boundary",n)},R.createElement("div",{ref:h,className:$(["advanced-cropper-boundary__stretcher",a])}),R.createElement("div",{className:$(["advanced-cropper-boundary__content",i])},d))});Aa.displayName="StretchableBoundary";var Xs=function(e){var t=e.visible,n=e.className,r=e.style,a=e.children;return R.createElement("div",{style:r,className:$(n,"advanced-cropper-fade",!!t&&"advanced-cropper-fade--visible")},a)},kh=function(e){var t=e.cropper,n=e.children,r=e.className,a=e.style,i=t?t.getState():null,s=t?t.isLoaded():!1;return R.createElement("div",{className:$(r,"advanced-cropper-wrapper"),style:a},R.createElement(Xs,{visible:i&&s,className:"advanced-cropper-wrapper__fade"},n))};function Ys(e){e.preventDefault()}var Zs=m.forwardRef(function(e,t){var n=e.className,r=e.style,a=e.cropper,i=e.crossOrigin,s=i===void 0?!0:i,o=a.getState(),u=a.getTransitions(),c=a.getImage(),d=c&&o?nh(c,o,u):{},h=c?c.src:void 0;return h?R.createElement("img",{key:h,ref:t,className:$("advanced-cropper-background-image",n),src:h,crossOrigin:s===!0?"anonymous":s||void 0,style:j(j({},d),r),onMouseDown:Ys}):null});Zs.displayName="CropperBackgroundImage";var Js=m.forwardRef(function(e,t){var n=m.useRef(null),r=m.useRef(null);return m.useImperativeHandle(t,function(){return{draw:function(a,i,s){return s===void 0&&(s={}),i&&n.current&&r.current?Vm(a,i,n.current,r.current,s):null}}}),R.createElement(R.Fragment,null,R.createElement("canvas",{className:"advanced-cropper-canvas",ref:n}),R.createElement("canvas",{className:"advanced-cropper-canvas",ref:r}))});Js.displayName="CropperCanvas";var kr=(function(e){pa(t,e);function t(n){var r=e.call(this,n)||this;return r.processMove=function(a,i){var s,o=r.container.current;if(o&&r.touches.length){var u=o.getBoundingClientRect(),c=u.left,d=u.top;if(r.touches.length===1&&i.length===1&&r.props.onMove){var h={left:Math.abs(i[0].clientX-r.anchor.left-c)<Math.abs(r.touches[0].clientX-r.anchor.left-c),top:Math.abs(i[0].clientY-r.anchor.top-d)<Math.abs(r.touches[0].clientY-r.anchor.top-d)},f={left:0,top:0};(!r.props.useAnchor||!h.left)&&(f.left=i[0].clientX-r.touches[0].clientX),(!r.props.useAnchor||!h.top)&&(f.top=i[0].clientY-r.touches[0].clientY),(s=r.props)===null||s===void 0||s.onMove(f,a),r.touches=_n([],me(i),!1)}}},r.processEnd=function(){var a=r.props,i=a.onMoveEnd,s=a.onLeave;!r.props.disabled&&r.touches.length&&(i==null||i()),r.hovered&&(s==null||s(),r.hovered=!1),r.touches=[]},r.initAnchor=function(a){var i=r.container.current;if(i){var s=i.getBoundingClientRect(),o=s.left,u=s.top;r.anchor={left:a.clientX-o,top:a.clientY-u}}},r.onMouseOver=function(){var a=r.props,i=a.onEnter,s=a.disabled;!r.hovered&&!s&&(r.hovered=!0,i==null||i())},r.onMouseLeave=function(){var a=r.props.onLeave;r.hovered&&!r.touches.length&&(r.hovered=!1,a==null||a())},r.onTouchStart=function(a){var i=r.props,s=i.onEnter,o=i.onMoveStart,u=i.disabled;if(a.cancelable){r.touches=Array.from(a.touches);var c=!u&&a.touches.length===1;c&&(r.touches=Array.from(a.touches),o==null||o()),!r.hovered&&!u&&(r.hovered=!0,s==null||s()),(r.started||c)&&(a.preventDefault(),a.stopPropagation())}},r.onTouchEnd=function(){r.started=!1,r.processEnd()},r.onTouchMove=function(a){r.touches.length>=1&&(r.started?(r.processMove(a,Array.from(a.touches)),a.preventDefault(),a.stopPropagation()):Rs({left:r.touches[0].clientX,top:r.touches[0].clientY},{left:a.touches[0].clientX,top:a.touches[0].clientY})>(r.props.activationDistance||0)&&(r.initAnchor({clientX:a.touches[0].clientX,clientY:a.touches[0].clientY}),r.started=!0))},r.onMouseDown=function(a){var i=r.props,s=i.onMoveStart,o=i.disabled;if(!o&&a.button===0){var u={clientX:a.clientX,clientY:a.clientY};r.touches=[u],r.initAnchor(u),a.stopPropagation(),s==null||s()}},r.onMouseMove=function(a){!r.props.disabled&&r.touches.length&&(r.processMove(a,[{clientX:a.clientX,clientY:a.clientY}]),a.preventDefault&&a.cancelable&&a.preventDefault(),a.stopPropagation())},r.onMouseUp=function(){r.processEnd()},r.touches=[],r.hovered=!1,r.started=!1,r.anchor={left:0,top:0},r.container=m.createRef(),r}return t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var n=this.container.current;n&&(n.removeEventListener("touchstart",this.onTouchStart),n.removeEventListener("mousedown",this.onMouseDown))},t.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var n=this.container.current;n&&(n.addEventListener("touchstart",this.onTouchStart,{passive:!1}),n.addEventListener("mousedown",this.onMouseDown,{passive:!1}))},t.prototype.componentDidUpdate=function(n){this.props.disabled&&!n.disabled&&(this.touches=[])},t.prototype.render=function(){var n=this.props,r=n.children,a=n.className;return R.createElement("div",{className:$("advanced-cropper-draggable-element",a),ref:this.container,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave},r)},t.defaultProps={disabled:!1,activationDistance:30,useAnchor:!0,rerender:!0},t})(m.Component),Eh=function(e){var t=e.position,n=e.className,r=e.disabled,a=e.onDrag,i=e.onDragEnd,s=e.onLeave,o=e.onEnter,u=e.children;return R.createElement(kr,{className:$(["advanced-cropper-line-wrapper",t&&"advanced-cropper-line-wrapper--".concat(t),r&&"advanced-cropper-line-wrapper--disabled",n]),disabled:r,onMove:a,onMoveEnd:i,onLeave:s,onEnter:o,activationDistance:0},R.createElement("div",{className:$(["advanced-cropper-line-wrapper__content",t&&"advanced-cropper-line-wrapper__content--".concat(t)])},u))},Ma=function(e){var t,n,r=e.position,a=e.hoverClassName,i=e.wrapperClassName,s=e.defaultClassName,o=e.disabled,u=e.onMove,c=e.onMoveEnd,d=me(m.useState(!1),2),h=d[0],f=d[1],g=function(){f(!0)},v=function(){f(!1)};return R.createElement(Eh,{className:$("advanced-cropper-simple-line-wrapper",i,(t={},t["advanced-cropper-simple-line-wrapper--".concat(r)]=!!r,t)),position:r,disabled:o,onDrag:u,onDragEnd:c,onLeave:v,onEnter:g},R.createElement("div",{className:$("advanced-cropper-simple-line",h&&"advanced-cropper-simple-line--hover",s,h&&a,(n={},n["advanced-cropper-simple-line--".concat(r)]=!!r,n))}))},Nh=function(e){var t=e.horizontalPosition,n=e.verticalPosition,r=e.className,a=e.disabled,i=e.onDrag,s=e.onDragEnd,o=e.onLeave,u=e.onEnter,c=e.children,d=e.style,h=t||n?Yr(t,n).snakeCase:null;return R.createElement("div",{style:d,className:$(r,"advanced-cropper-handler-wrapper",h&&"advanced-cropper-handler-wrapper--".concat(h),a&&"advanced-cropper-handler-wrapper--disabled")},R.createElement(kr,{className:"advanced-cropper-handler-wrapper__draggable",disabled:a,onMove:i,onMoveEnd:s,onLeave:o,onEnter:u,activationDistance:0},c))},Ra=function(e){var t,n=e.verticalPosition,r=e.horizontalPosition,a=e.hoverClassName,i=e.wrapperClassName,s=e.defaultClassName,o=e.wrapperStyle,u=e.disabled,c=e.onMove,d=e.onMoveEnd,h=me(m.useState(!1),2),f=h[0],g=h[1],v=function(){g(!0)},y=function(){g(!1)};return R.createElement(Nh,{style:o,className:$("advanced-cropper-simple-handler-wrapper",i,n&&"advanced-cropper-simple-handler-wrapper--".concat(n),r&&"advanced-cropper-simple-handler-wrapper--".concat(r),r&&n&&"advanced-cropper-simple-handler-wrapper--".concat(r,"-").concat(n),f&&"advanced-cropper-simple-handler-wrapper--hover"),verticalPosition:n,horizontalPosition:r,disabled:u,onDrag:c,onDragEnd:d,onLeave:y,onEnter:v},R.createElement("div",{className:$("advanced-cropper-simple-handler",f&&"advanced-cropper-simple-handler--hover",s,f&&a,(t={},t["advanced-cropper-simple-handler--".concat(n)]=!!n,t["advanced-cropper-simple-handler--".concat(r)]=!!r,t["advanced-cropper-simple-handler--".concat(r,"-").concat(n)]=r&&n,t))}))},Sh=["east","west",null],Th=["south","north",null],eo=function(e){var t=e.style,n=e.className,r=e.children,a=e.onResize,i=e.onResizeEnd,s=e.handlerComponent,o=s===void 0?Ra:s,u=e.handlers,c=u===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:u,d=e.handlerClassNames,h=d===void 0?{}:d,f=e.handlerWrapperClassNames,g=f===void 0?{}:f,v=e.lines,y=v===void 0?{west:!0,north:!0,east:!0,south:!0}:v,w=e.lineComponent,p=w===void 0?Ma:w,b=e.lineClassNames,x=b===void 0?{}:b,C=e.lineWrapperClassNames,E=C===void 0?{}:C,S=e.disabled,N=S===void 0?!1:S,T=e.reference,A=T===void 0?null:T,_=me(m.useState(null),2),D=_[0],I=_[1],k=m.useMemo(function(){var L=[];return Sh.forEach(function(M){Th.forEach(function(P){if(M!==P){var B=Yr(M,P),V=B.snakeCase,Q=B.camelCase;V&&Q&&L.push({name:Q,className:V,verticalPosition:P,horizontalPosition:M})}})}),L},[]),q=m.useMemo(function(){var L=[];return k.forEach(function(M){Qd(M.name)&&(Ht(y)?y[M.name]:y)&&L.push({name:M.name,component:p,className:$(x.default,x[M.name],N&&x.disabled),wrapperClassName:$("advanced-cropper-bounding-box__line","advanced-cropper-bounding-box__line--".concat(M.name),E.default,E[M.name],N&&E.disabled),hoverClassName:x.hover,verticalPosition:M.verticalPosition,horizontalPosition:M.horizontalPosition,disabled:N})}),L},[k,y,p,x,E,N]),O=m.useMemo(function(){var L=[];return k.forEach(function(M){(Ht(c)?c[M.name]:c)&&L.push({name:M.name,component:o,className:$(h.default,h[M.name]),containerClassName:$("advanced-cropper-bounding-box__handler-wrapper","advanced-cropper-bounding-box__handler-wrapper--".concat(M.className)),wrapperClassName:$("advanced-cropper-bounding-box__handler","advanced-cropper-bounding-box__handler--".concat(M.className),g.default,g[M.name]),hoverClassName:h.hover,verticalPosition:M.verticalPosition,horizontalPosition:M.horizontalPosition,disabled:N})}),L},[k,c,o,h,g,N]),U=function(L,M){return function(P,B){var V=P.left,Q=P.top,G={left:V,top:Q},ne;if(!M&&L?ne="width":M&&!L&&(ne="height"),!N){if(a){var J=Yr(L,M).camelCase;J&&a(J,G,{reference:D||A,preserveAspectRatio:B&&B.shiftKey,respectDirection:ne,compensate:!0})}D||I(A)}}},F=function(){i==null||i(),I(null)};return R.createElement("div",{className:$("advanced-cropper-bounding-box",n),style:t},r,R.createElement("div",null,q.map(function(L){return R.createElement(L.component,{key:L.name,defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,position:L.name,disabled:L.disabled,onMove:U(L.horizontalPosition,L.verticalPosition),onMoveEnd:F})})),R.createElement("div",null,O.map(function(L){var M=R.createElement(L.component,{defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,horizontalPosition:L.horizontalPosition,verticalPosition:L.verticalPosition,disabled:L.disabled,onMove:U(L.horizontalPosition,L.verticalPosition),onMoveEnd:F});return R.createElement("div",{key:L.name,className:L.containerClassName},M)})))},to=function(e){var t=e.className,n=e.children;return R.createElement("div",{className:$("advanced-cropper-stencil-overlay",t)},n)};function Ih(e){e===void 0&&(e=null);var t=m.useRef(new Lm),n=me(m.useState(!1),2),r=n[0],a=n[1];return[function(i){e&&e.active?t.current.start(j(j({},e),{onStart:function(){a(!0)},onProgress:function(s){i(s)},onStop:function(){a(!1)}})):t.current.active||i(1)},r]}var jh=function(e){var t=e.className,n=e.transitions,r=e.children,a=dn(e,["className","transitions","children"]),i=m.useRef(null),s=m.useRef(a),o=me(m.useState(a),2),u=o[0],c=o[1],d=me(Ih(n),2),h=d[0],f=d[1];m.useLayoutEffect(function(){if(!ln(u,a)){c(a);var y=f?j({},s.current):u;h(function(w){var p=["left","top","height","width"];p.forEach(function(b){var x=a[b],C=y[b];s.current[b]=oe(C)&&oe(x)?C+(x-C)*w:x}),i.current&&(i.current.style.width="".concat(s.current.width,"px"),i.current.style.height="".concat(s.current.height,"px"),i.current.style.transform="translate3d(".concat(s.current.left,"px, ").concat(s.current.top,"px, 0px)"))})}},[u,f,a.width,a.height,a.top,a.left]);var g=f?s.current:a,v={left:0,top:0,width:"".concat(g.width,"px"),height:"".concat(g.height,"px"),transform:"translate3d(".concat(g.left,"px, ").concat(g.top,"px, 0px)")};return R.createElement("div",{ref:i,className:$("advanced-cropper-artificial-transition",t),style:v},r)},no=function(e){var t=e.className,n=e.transitions,r=e.width,a=e.height,i=e.left,s=e.top,o=e.children;return R.createElement(jh,{className:$("advanced-cropper-stencil-wrapper",t),transitions:n,width:r,height:a,top:s,left:i},o)},ro=function(e){var t=e.columns,n=t===void 0?3:t,r=e.rows,a=r===void 0?3:r,i=e.visible,s=i===void 0?!1:i,o=e.className,u=[],c=me(m.useState(n),2),d=c[0],h=c[1],f=me(m.useState(a),2),g=f[0],v=f[1];Tn(function(){s&&(v(a),h(n))},[s,n,a]);for(var y=0;y<g;y++){for(var w=[],p=0;p<d;p++)w.push(R.createElement("div",{key:p,className:$("advanced-cropper-stencil-grid__cell",y===0&&"advanced-cropper-stencil-grid__cell--top",y===g-1&&"advanced-cropper-stencil-grid__cell--bottom",p===0&&"advanced-cropper-stencil-grid__cell--left",p===d-1&&"advanced-cropper-stencil-grid__cell--right")}));u.push(R.createElement("div",{key:y,className:"advanced-cropper-stencil-grid__row"},w))}return R.createElement("div",{className:$("advanced-cropper-stencil-grid",s&&"advanced-cropper-stencil-grid--visible",o)},u)},ao=m.forwardRef(function(e,t){var n=e.cropper,r=e.coordinates,a=e.aspectRatio,i=e.minAspectRatio,s=e.maxAspectRatio,o=e.handlerComponent,u=o===void 0?Ra:o,c=e.handlers,d=c===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:c,h=e.handlerClassNames,f=h===void 0?{}:h,g=e.handlerWrapperClassNames,v=g===void 0?{}:g,y=e.lines,w=y===void 0?{west:!0,north:!0,east:!0,south:!0}:y,p=e.lineComponent,b=p===void 0?Ma:p,x=e.lineClassNames,C=x===void 0?{}:x,E=e.lineWrapperClassNames,S=E===void 0?{}:E,N=e.resizable,T=N===void 0?!0:N,A=e.movable,_=A===void 0?!0:A,D=e.grid,I=e.gridClassName,k=e.className,q=e.movingClassName,O=e.resizingClassName,U=e.previewClassName,F=e.boundingBoxClassName,L=e.overlayClassName,M=e.draggableAreaClassName,P=e.disabled,B=n.getState(),V=n.getTransitions(),Q=n.getInteractions(),G=T&&!P,ne=_&&!P;m.useImperativeHandle(t,function(){return{aspectRatio:$t(a||{minimum:i,maximum:s})}});var J=function(ge){n&&ne&&n.moveCoordinates(ge)},ce=function(){n&&n.moveCoordinatesEnd()},z=function(ge,Ne,mt){n&&G&&n.resizeCoordinates(ge,Ne,mt)},se=function(){n&&n.resizeCoordinatesEnd()},Y=r?ae(r)?r(B):r:Ia(B),W=Y.width,ee=Y.height,xe=Y.left,de=Y.top;return B&&R.createElement(no,{className:$("advanced-cropper-rectangle-stencil",k,Q.moveCoordinates&&q,Q.resizeCoordinates&&O,{"advanced-cropper-rectangle-stencil--movable":ne,"advanced-cropper-rectangle-stencil--moving":Q.moveCoordinates,"advanced-cropper-rectangle-stencil--resizable":G,"advanced-cropper-rectangle-stencil--resizing":Q.resizeCoordinates,"advanced-cropper-rectangle-stencil--disabled":P}),width:W,height:ee,left:xe,top:de,transitions:V},R.createElement(eo,{reference:B.coordinates,className:$(F,"advanced-cropper-rectangle-stencil__bounding-box"),handlers:d,handlerComponent:u,handlerClassNames:f,handlerWrapperClassNames:v,lines:w,lineComponent:b,lineClassNames:C,lineWrapperClassNames:S,onResize:z,onResizeEnd:se,disabled:!G},R.createElement(kr,{disabled:!ne,onMove:J,onMoveEnd:ce,className:$("advanced-cropper-rectangle-stencil__draggable-area",M)},R.createElement(to,{className:$("advanced-cropper-rectangle-stencil__overlay",L)},D&&R.createElement(ro,{visible:n.hasInteractions(),columns:Q.transformImage.rotate?9:3,rows:Q.transformImage.rotate?9:3,className:$("advanced-cropper-rectangle-stencil__grid",I)}),R.createElement("div",{className:$("advanced-cropper-rectangle-stencil__preview",U)})))))});ao.displayName="RectangleStencil";function qh(e){return m.useMemo(function(){return Bn(e,{touch:!0},{touch:!1})},[e])}function _h(e){return m.useMemo(function(){return Bn(e,{touch:!0,wheel:{ratio:.1}},{touch:!1,wheel:!1})},[e])}function Ah(e){return m.useMemo(function(){return Bn(e,{touch:!0,mouse:!0},{touch:!1,mouse:!1})},[e])}var Mh=(function(){function e(t){var n=t.active;this.active=n,this.defaultPrevented=!1}return e.prototype.preventDefault=function(){this.defaultPrevented=!0},e})(),Rh=(function(e){pa(t,e);function t(n){var r=e.call(this,n)||this;return r.processMove=function(a){var i=r.props,s=i.onTransform,o=i.touchScale,u=i.touchMove,c=i.touchRotate,d=r.container.current;d&&s&&(s(Em(a,r.touches,d,{scale:o,rotate:c,move:u})),r.touches=a)},r.processEnd=function(){var a=r.props.onTransformEnd;r.transforming&&(r.transforming=!1,a&&a())},r.processStart=function(){r.transforming=!0,r.debouncedProcessEnd.clear()},r.processEvent=function(a){var i=r.props,s=i.onEvent,o=i.disabled,u=i.preventDefault,c=u===void 0?!0:u,d=new Mh({active:r.transforming});return s?s(d,a):c&&(a.preventDefault(),a.stopPropagation()),!o&&!d.defaultPrevented},r.onWheel=function(a){var i=r.props,s=i.onTransform,o=i.wheelScale,u=r.container.current;o&&r.processEvent(a)&&(r.processStart(),s&&u&&s(Nm(a,u,o===!0?.1:o.ratio)),r.touches.length||r.debouncedProcessEnd())},r.onTouchStart=function(a){var i=r.props,s=i.touchMove,o=i.touchScale,u=i.touchRotate;if(a.cancelable&&(s||(o||u)&&a.touches.length>1)&&r.processEvent(a)){var c=r.container.current;if(c){var d=c.getBoundingClientRect(),h=d.left,f=d.top,g=d.bottom,v=d.right;r.touches=Array.from(a.touches).filter(function(y){return y.clientX>h&&y.clientX<v&&y.clientY>f&&y.clientY<g})}}},r.onTouchEnd=function(a){a.touches.length===0&&(r.touches=[],r.processEnd())},r.onTouchMove=function(a){if(r.touches.length){var i=_n([],me(a.touches),!1).filter(function(s){return!s.identifier||r.touches.find(function(o){return o.identifier===s.identifier})});r.processEvent(a)&&(r.processMove(i),r.processStart())}},r.onMouseDown=function(a){var i=r.props.mouseMove;if(i&&"buttons"in a&&a.buttons===1&&r.processEvent(a)){var s={clientX:a.clientX,clientY:a.clientY};r.touches=[s],r.processStart()}},r.onMouseMove=function(a){r.touches.length&&r.processEvent(a)&&r.processMove([{clientX:a.clientX,clientY:a.clientY}])},r.onMouseUp=function(){r.touches=[],r.processEnd()},r.transforming=!1,r.touches=[],r.anchor={left:0,top:0},r.container=m.createRef(),r.debouncedProcessEnd=Ps(r.processEnd,n.timeout),r}return t.prototype.shouldComponentUpdate=function(){return!0},t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var n=this.container.current;n&&(n.removeEventListener("touchstart",this.onTouchStart),n.removeEventListener("mousedown",this.onMouseDown),n.removeEventListener("wheel",this.onWheel))},t.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var n=this.container.current;n&&(n.addEventListener("touchstart",this.onTouchStart,{passive:!1}),n.addEventListener("mousedown",this.onMouseDown,{passive:!1}),n.addEventListener("wheel",this.onWheel,{passive:!1}))},t.prototype.render=function(){var n=this.props,r=n.className,a=n.children,i=n.style;return R.createElement("div",{className:r,style:i,ref:this.container},a)},t.defaultProps={touchMove:!0,mouseMove:!0,touchScale:!0,touchRotate:!1,wheelScale:!0,timeout:500},t})(m.Component),Dh=function(e){var t=e.scaleImage,n=t===void 0?!0:t,r=e.moveImage,a=r===void 0?!0:r,i=e.rotateImage,s=i===void 0?!1:i,o=e.children,u=e.className,c=e.style,d=e.cropper,h=e.timeout,f=e.disabled,g=d.getTransitions(),v=qh(s),y=_h(n),w=Ah(a);return R.createElement(Rh,{className:u,style:c,onTransform:d.transformImage,onTransformEnd:d.transformImageEnd,touchMove:w.touch,mouseMove:w.mouse,touchScale:y.touch,wheelScale:y.wheel,touchRotate:v.touch,disabled:g.active||f,preventDefault:!f,timeout:h},o)},Ph=function(e,t){var n=e.style,r=e.className,a=e.stencilComponent,i=a===void 0?ao:a,s=e.stencilConstraints,o=s===void 0?Bs:s,u=e.stencilProps,c=u===void 0?{}:u,d=e.wrapperComponent,h=d===void 0?kh:d,f=e.wrapperProps,g=f===void 0?{}:f,v=e.backgroundComponent,y=v===void 0?Zs:v,w=e.backgroundProps,p=w===void 0?{}:w,b=e.backgroundClassName,x=e.backgroundWrapperComponent,C=x===void 0?Dh:x,E=e.backgroundWrapperProps,S=E===void 0?{}:E,N=e.boundaryComponent,T=N===void 0?Aa:N,A=e.boundaryProps,_=e.boundaryClassName,D=e.canvas,I=D===void 0?!0:D,k=e.crossOrigin,q=k===void 0?!0:k,O=e.disabled,U=e.settings,F=dn(e,["style","className","stencilComponent","stencilConstraints","stencilProps","wrapperComponent","wrapperProps","backgroundComponent","backgroundProps","backgroundClassName","backgroundWrapperComponent","backgroundWrapperProps","boundaryComponent","boundaryProps","boundaryClassName","canvas","crossOrigin","disabled","settings"]),L=m.useRef(null),M=Ch(function(){return j(j({},F),{crossOrigin:q,stencilProps:c,canvas:I,settings:j(j({},U),o(U,j(j({},c),L.current)))})}),P=M.cropper,B=M.image,V=M.refs,Q=i,G=h,ne=C,J=y,ce=T;m.useImperativeHandle(t,function(){return P});var z={loading:P.isLoading(),loaded:P.isLoaded()};return R.createElement(G,j({},g,{disabled:O,className:$("advanced-cropper",r),cropper:P,style:n},z),R.createElement(ce,j({},A,{ref:V.boundary,className:$("advanced-cropper__boundary",_)}),R.createElement(ne,j({},S,{disabled:O,cropper:P,className:"advanced-cropper__background-wrapper"}),P.getState()&&R.createElement(J,j({},p,{ref:V.image,crossOrigin:q,cropper:P,className:$("advanced-cropper__background",b)})),R.createElement(Q,j({},c,{disabled:O,ref:L,cropper:P,image:B}))),I&&R.createElement(Js,{ref:V.canvas})))},io=ph(Ph),so=["transformImage","moveCoordinates","resizeCoordinates","defaultCoordinates","defaultVisibleArea","areaPositionRestrictions","areaSizeRestrictions","sizeRestrictions","positionRestrictions","aspectRatio","minWidth","minHeight","maxWidth","maxHeight","defaultSize","defaultPosition","defaultTransforms","imageRestriction","priority"];function oo(e,t){t===void 0&&(t=so);var n={settings:{},props:{}};return Object.keys(e).forEach(function(r){t.some(function(a){return a===r})?n.settings[r]=e[r]:n.props[r]=e[r]}),n}var lo=m.forwardRef(function(e,t){var n=oo(e,_n(_n([],me(so),!1),["stencilSize"],!1));return R.createElement(io,j({postProcess:dh,stencilConstraints:sh},n.props,{settings:j(j({defaultSize:lh,aspectRatio:uh,sizeRestrictions:Dm(oh)},n.settings),{transformImage:j(j({},n.settings.transformImage),{adjustStencil:!1})}),ref:t}))});lo.displayName="FixedCropper";var uo=m.forwardRef(function(e,t){var n=oo(e),r=n.props,a=n.settings,i=a.stencilSize,s=a.autoZoom,o=dn(a,["stencilSize","autoZoom"]),u=fh();return ve(s)||(r.postProcess||i?u("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function."):(u("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function. The 'postProcess' automatically set to 'hybridAutoZoom'"),r.postProcess=hh)),ve(i)?R.createElement(io,j({},r,{ref:t,settings:o})):(u("prop 'stencilSize' is deprecated for <Cropper/> component now and will be removed, use <FixedCropper/> component instead."),R.createElement(lo,j({ref:t,stencilSize:i},o,r)))});uo.displayName="CropperComponent";var Oh=m.forwardRef(function(e,t){var n=e.cropper,r=e.coordinates,a=e.handlerComponent,i=a===void 0?Ra:a,s=e.handlers,o=s===void 0?{eastNorth:!0,westNorth:!0,westSouth:!0,eastSouth:!0}:s,u=e.handlerClassNames,c=u===void 0?{}:u,d=e.handlerWrapperClassNames,h=d===void 0?{}:d,f=e.lines,g=f===void 0?{west:!0,north:!0,east:!0,south:!0}:f,v=e.lineComponent,y=v===void 0?Ma:v,w=e.lineClassNames,p=w===void 0?{}:w,b=e.lineWrapperClassNames,x=b===void 0?{}:b,C=e.resizable,E=C===void 0?!0:C,S=e.movable,N=S===void 0?!0:S,T=e.grid,A=e.gridClassName,_=e.className,D=e.movingClassName,I=e.resizingClassName,k=e.previewClassName,q=e.boundingBoxClassName,O=e.overlayClassName,U=e.draggableAreaClassName,F=e.disabled,L=n.getState(),M=n.getTransitions(),P=n.getInteractions(),B=E&&!F,V=N&&!F;m.useImperativeHandle(t,function(){return{aspectRatio:1,boundingBox:"circle"}});var Q=function(ee){n&&V&&n.moveCoordinates(ee)},G=function(){n&&n.moveCoordinatesEnd()},ne=function(ee,xe,de){n&&B&&n.resizeCoordinates(ee,xe,de)},J=function(){n&&n.resizeCoordinatesEnd()},ce=r?ae(r)?r(L):r:Ia(L),z=ce.width,se=ce.height,Y=ce.left,W=ce.top;return L&&R.createElement(no,{className:$("advanced-cropper-circle-stencil",_,P.moveCoordinates&&D,P.resizeCoordinates&&I,{"advanced-cropper-circle-stencil--movable":V,"advanced-cropper-circle-stencil--moving":P.moveCoordinates,"advanced-cropper-circle-stencil--resizable":B,"advanced-cropper-circle-stencil--resizing":P.resizeCoordinates,"advanced-cropper-circle-stencil--disabled":F}),width:z,height:se,left:Y,top:W,transitions:M},R.createElement(eo,{reference:L.coordinates,className:$(q,"advanced-cropper-circle-stencil__bounding-box"),handlers:o,handlerComponent:i,handlerClassNames:c,handlerWrapperClassNames:h,lines:g,lineComponent:y,lineClassNames:p,lineWrapperClassNames:x,onResize:ne,onResizeEnd:J,disabled:!B},R.createElement(kr,{disabled:!V,onMove:Q,onMoveEnd:G,className:$("advanced-cropper-circle-stencil__draggable-area",U)},R.createElement(to,{className:$("advanced-cropper-circle-stencil__overlay",O)},T&&R.createElement(ro,{visible:n.hasInteractions(),columns:P.transformImage.rotate?9:3,rows:P.transformImage.rotate?9:3,className:$("advanced-cropper-circle-stencil__grid",A)}),R.createElement("div",{className:$("advanced-cropper-circle-stencil__preview",k)})))))});Oh.displayName="CircleStencil";var Lh=m.forwardRef(function(e,t){var n=e.src,r=e.crossOrigin,a=r===void 0?!0:r,i=dn(e,["src","crossOrigin"]);return n?R.createElement("img",j({key:n,ref:t,src:n,className:$("advanced-cropper-source"),crossOrigin:a===!0?"anonymous":a||void 0},i)):null});Lh.displayName="CropperSource";var zh=function(e){var t=e.children,n=e.cropper,r=e.className,a=e.style;return R.createElement("div",{className:$(r,"cropper-preview-wrapper"),style:a},R.createElement(Xs,{visible:n==null?void 0:n.isLoaded(),className:"cropper-preview-wrapper__fade"},t))},Fh=function(e){var t=e.className,n=e.cropper,r=e.crossOrigin,a=r===void 0?!0:r,i=e.size,s=e.style,o=n.getState(),u=n.getTransitions(),c=n.getImage(),d=i&&c&&(o!=null&&o.coordinates)?rh(c,o,i,u):{},h=c?c.src:void 0;return h?R.createElement("img",{key:h,className:$("advanced-cropper-background-image",t),src:h,crossOrigin:a===!0?"anonymous":a||void 0,style:j(j({},d),s),onMouseDown:Ys}):null};m.forwardRef(function(e,t){var n,r,a,i,s=e.className,o=e.contentClassName,u=e.state,c=u===void 0?null:u,d=e.image,h=d===void 0?null:d,f=e.transitions,g=f===void 0?null:f,v=e.backgroundComponent,y=v===void 0?Fh:v,w=e.backgroundProps,p=e.backgroundClassName,b=e.boundaryComponent,x=b===void 0?Aa:b,C=e.boundaryProps,E=e.boundaryClassName,S=e.wrapperComponent,N=S===void 0?zh:S,T=e.wrapperProps,A=e.loaded,_=A===void 0?!0:A,D=e.loading,I=D===void 0?!1:D,k=e.style,q=e.cropper,O=$s(),U=m.useRef(null),F=m.useRef(null),L=q||(F.current?F:{current:{getState:function(){return c},getTransitions:function(){return g},getImage:function(){return h},isLoaded:function(){return _},isLoading:function(){return I}}}),M=me(m.useState(null),2),P=M[0],B=M[1],V=(r=(n=L.current)===null||n===void 0?void 0:n.getState())===null||r===void 0?void 0:r.coordinates,Q=(i=(a=L.current)===null||a===void 0?void 0:a.getImage())===null||i===void 0?void 0:i.src,G=P?{width:"".concat(P.width,"px"),height:"".concat(P.height,"px")}:{},ne=function(){var se,Y,W=(Y=(se=L.current)===null||se===void 0?void 0:se.getState())===null||Y===void 0?void 0:Y.coordinates;U.current&&W&&U.current.stretchTo(W).then(function(ee){ee&&W?Pt(Z(W),Z(ee))?B({width:ee.width,height:ee.width/Z(W)}):B({width:ee.height*Z(W),height:ee.height}):B(null)}),O()};Qs(ne),m.useLayoutEffect(ne,[V==null?void 0:V.height,V==null?void 0:V.width]),m.useImperativeHandle(t,function(){return{refresh:ne,update:function(se){se?F.current=se:F.current=null,ne()}}});var J=N,ce=y,z=x;return R.createElement(J,j({},T,{className:$(s,"advanced-cropper-preview"),cropper:L.current,style:k}),R.createElement(z,j({ref:U,stretchAlgorithm:Wm},C,{className:$("advanced-cropper-preview__boundary",E)}),R.createElement("div",{className:$(o,"advanced-cropper-preview__content"),style:G},L.current&&R.createElement(ce,j({},w,{cropper:L.current,size:P,className:$(p,"advanced-cropper-preview__image",Q&&"advanced-cropper-preview__image--visible")})))))});const Or={custom:null,"1:1":{width:800,height:800},"16:9":{width:1920,height:1080},"3:2":{width:1200,height:800},"4:3":{width:1024,height:768}},co=()=>{const{state:{activeMedia:e},cropperRef:t,transformations:n,setTransformations:r,config:{cropperAspectRatio:a,viewOnly:i}}=dt(),[s,o]=m.useState(null),[u,c]=m.useState(""),[d,h]=m.useState("desktop"),[f,g]=m.useState(a||"custom"),v=!((e==null?void 0:e.media)instanceof File)&&i,y=()=>{if(!a)return null;const[I,k]=a.split(":"),q=parseInt(I,10),O=parseInt(k,10);return isNaN(q)||isNaN(O)?null:{width:q,height:O}},w=()=>{if(a){const k=y();return k?k.width/k.height:void 0}if(f==="custom")return;const I=Or[f];return I?I.width/I.height:void 0};m.useEffect(()=>{var k,q;if(!(e!=null&&e.media)||!t.current)return;if(!((e==null?void 0:e.media)instanceof File)){c(((k=e.media)==null?void 0:k.url)||((q=e.media)==null?void 0:q.src)),A(!0);return}const I=new FileReader;I.onload=O=>{var U;t.current&&((U=O.target)!=null&&U.result)&&c(O.target.result.toString())},I.readAsDataURL(e==null?void 0:e.media),A(!0)},[e]),m.useEffect(()=>{a&&g(a)},[a]);const p=[{icon:ac,label:"desktop",size:"1920x1080"},{icon:Cc,label:"tablet",size:"1024x768"},{icon:bc,label:"mobile",size:"414x896"}],b=()=>a?[]:Object.keys(Or).map(I=>{let k=ii;return(I==="16:9"||I==="3:2"||I==="4:3")&&(k=ai),{icon:k,label:I}}),x=I=>{const k=I.getImage(),q=I.getCoordinates();let O;q&&(O=ci(q,(k==null?void 0:k.width)||0,(k==null?void 0:k.height)||0)),r(U=>({...U,[d]:{...U[d],coordinates:q,pillowCropBox:O||void 0,aspectRatio:a||f||"custom",originalImageWidth:(k==null?void 0:k.width)||0,originalImageHeight:(k==null?void 0:k.height)||0}}))},C=I=>{I&&(t.current&&t.current.reset(),h(I),setTimeout(()=>{E(I)},100))},E=I=>{const k=n[I];if(!(!t.current||!k)){if(k.rotation)for(let q=0;q<k.rotation/90;q++)t.current.rotateImage(90);if((k.flipHorizontal||k.flipVertical)&&t.current.flipImage(k.flipHorizontal||!1,k.flipVertical||!1),k.coordinates)t.current.setCoordinates(k.coordinates);else{const q=t.current.getImage();t.current.setCoordinates({height:q==null?void 0:q.height,left:0,top:0,width:q==null?void 0:q.width})}k.aspectRatio&&g(k.aspectRatio)}},S=(I,k)=>{if(t.current){t.current.flipImage(I,k);const q=t.current.getCoordinates(),O=t.current.getImage();r(U=>{var F,L,M,P;return{...U,[d]:{...U[d],coordinates:q,flipHorizontal:I?!((F=U[d])!=null&&F.flipHorizontal):(L=U[d])==null?void 0:L.flipHorizontal,flipVertical:k?!((M=U[d])!=null&&M.flipVertical):(P=U[d])==null?void 0:P.flipVertical,originalImageWidth:(O==null?void 0:O.width)||0,originalImageHeight:(O==null?void 0:O.height)||0}}})}},N=()=>{if(!f||!s||!t.current)return;let I;if(a){const G=y();if(!G)return;I=G}else{const G=Or[f];if(!G)return;I=G}const k=s.width,q=s.height,O=I.width,U=I.height,F=k/O,L=q/U,M=Math.min(F,L),P=O*M,B=U*M,V={width:P,height:B,left:(k-P)/2,top:(q-B)/2};t.current.setCoordinates(V);const Q=ci(V,k,q);r(G=>({...G,[d]:{...G[d],coordinates:V,pillowCropBox:Q,aspectRatio:a||f,originalImageWidth:k,originalImageHeight:q}}))},T=()=>{if(t.current){t.current.rotateImage(-90);const I=t.current.getCoordinates(),k=t.current.getImage();r(q=>{var O;return{...q,[d]:{...q[d],coordinates:I,rotation:(((O=q[d])==null?void 0:O.rotation)||0)+90,originalImageWidth:(k==null?void 0:k.width)||0,originalImageHeight:(k==null?void 0:k.height)||0}}})}},A=(I=!1)=>{if(t.current){const k={rotation:0,flipHorizontal:!1,flipVertical:!1,aspectRatio:a||"custom",coordinates:void 0,pillowCropBox:void 0,originalImageWidth:0,originalImageHeight:0};r(I?{desktop:k,tablet:k,mobile:k}:O=>({...O,[d]:k})),t.current.reset();const q=t.current.getImage();q&&t.current.setCoordinates({height:q==null?void 0:q.height,left:0,top:0,width:q==null?void 0:q.width}),a||g("custom")}};m.useEffect(()=>{N()},[f]);const _=b(),D=!a&&_.length>0;return l.jsxs("div",{className:"flex flex-col items-center space-y-4 h-full bg-muted p-4 px-6",children:[l.jsxs("div",{className:H("w-full flex justify-between items-center",{hidden:!v}),children:[l.jsx(Xa,{type:"single",value:d,onValueChange:C,className:"flex-1",children:p.map(I=>l.jsx(Ya,{value:I.label,className:"text-muted-foreground text-xs p-2 rounded-none gap-1 md:px-4 capitalize flex-col bg-transparent data-[state=on]:bg-transparent data-[state=on]:border-b-2 data-[state=on]:border-primary data-[state=on]:text-[#434343]",children:l.jsx(I.icon,{className:H("h-[16px] w-[20px]",{"text-[#434343]":I.label==d}),strokeWidth:2})},I.label))}),l.jsx(he,{size:"sm",variant:"outline",onClick:()=>A(),children:"Reset"})]}),l.jsxs("div",{className:"bg-background overflow-hidden rounded border",children:[l.jsx(uo,{ref:t,src:u,onChange:v?x:void 0,onReady:I=>{const k=I.getImage();o(k),I.setCoordinates({height:k==null?void 0:k.height,left:0,top:0,width:k==null?void 0:k.width})},stencilProps:v?{movable:!0,resizable:!0,lines:!0,handlers:!0,overlayClassName:"bg-[#3338533D]",aspectRatio:w()}:{movable:!1,resizable:!1,lines:!1,handlers:!1},crossOrigin:!1,backgroundWrapperProps:{scaleImage:v,moveImage:v},resizeCoordinates:v,canvas:!0,className:"h-[25rem] w-lg relative bg-[red]",disabled:!v}),l.jsxs("div",{className:"flex gap-2 justify-center items-center text-muted-foreground text-xs p-4 border-t",children:[v&&D&&l.jsxs(l.Fragment,{children:[l.jsx(Xa,{type:"single",value:f,onValueChange:I=>g(I||"custom"),className:"gap-2",children:_.map(I=>l.jsxs(Ya,{value:I.label,className:"group text-muted-foreground text-xs h-fit p-2 rounded gap-1 capitalize flex-col bg-transparent data-[state=on]:bg-primary/40 data-[state=on]:text-[#434343]",children:[l.jsx(I.icon,{className:"h-[16px] w-[20px]",strokeWidth:2}),I.label]},I.label))}),l.jsx("div",{className:"w-px h-8 bg-border mx-2"})]}),a&&l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium ",children:[l.jsx(ii,{className:"h-4 w-4"}),a]}),v&&l.jsx("div",{className:"w-px h-8 bg-border mx-2"})]}),v&&l.jsxs(l.Fragment,{children:[l.jsxs(he,{variant:"ghost",className:"flex-col gap-1 !p-2 h-fit",onClick:T,children:[l.jsx(pc,{className:"h-4 w-4"}),"Rotate"]}),l.jsxs(he,{variant:"ghost",className:"flex-col gap-1 !p-2 h-fit",onClick:()=>S(!0,!1),children:[l.jsx(Gu,{className:"h-4 w-4"}),"Flip H"]}),l.jsxs(he,{variant:"ghost",className:"flex-col gap-1 !p-2 h-fit",onClick:()=>S(!1,!0),children:[l.jsx(Qu,{className:"h-4 w-4"}),"Flip V"]})]})]})]})]})};co.__docgenInfo={description:"",methods:[],displayName:"ImageCropper"};const mo=()=>{const{handleMediaUpdate:e,handleMediaAction:t,state:{activeMedia:n,activeTab:r},handleMediaSelect:a,config:i,mutations:{editMutationPending:s,uploadMutationPending:o}}=dt(),u=(n==null?void 0:n.type)==="add"||(n==null?void 0:n.type)==="edit",c=s||o,[d,h]=m.useState({title:"",description:"",alternative_text:"",caption:""});m.useEffect(()=>{var y;if(!(n!=null&&n.media))return;const v={title:(n==null?void 0:n.media)instanceof File?n.media.name:((y=n.media)==null?void 0:y.title)??"",alternative_text:(n==null?void 0:n.media)instanceof File?n.media.name:n.media.alternative_text??"",caption:n.media.caption??""};h(v)},[n]);const f=m.useCallback((v,y)=>{h(w=>({...w,[v]:y}))},[]),g=m.useCallback(()=>{var v;if(i!=null&&i.viewOnly&&!((n==null?void 0:n.media)instanceof File))a({...n.media,...d});else{const y=d;(n==null?void 0:n.media)instanceof File||(y.uuid=(v=n==null?void 0:n.media)==null?void 0:v.uuid),e(y)}},[i==null?void 0:i.viewOnly,n.media,a,d,e]);return l.jsx(kt,{open:u,onOpenChange:()=>t(""),children:l.jsx(Et,{className:"sm:max-w-[70%] sm:max-h-[50rem]  p-6 gap-4 items-start overflow-auto",children:l.jsxs("div",{className:"flex flex-col  gap-4",children:[l.jsxs(Kt,{className:"h-fit w-fit",children:[l.jsx(ru,{children:l.jsx("h1",{className:"text-left text-md",children:"Edit Image"})}),l.jsx(au,{className:" text-start text-muted-foreground text-base",children:"Modify your image to your preference"})]}),l.jsxs("div",{className:" flex-1 h-0 w-full overflow-auto grid grid-cols-[2fr_1fr] gap-4",children:[l.jsx(co,{}),l.jsxs("div",{className:"max-w-full flex flex-col justify-between items-center gap-3",children:[l.jsx("div",{className:"w-full justify-start h-fit bg-muted border text-base font-bold p-4 py-2 rounded",children:"Image Properties"}),l.jsxs("div",{className:"space-y-3 w-full overflow-y-auto h-10 flex-1",children:[l.jsx(Be,{label:"Title",value:d.title,onChange:v=>f("title",v),inputProps:{placeholder:"Type here"}}),l.jsx(Be,{label:l.jsxs("span",{className:"flex justify-between gap-2",children:["Alternative Text",l.jsx(Br,{children:l.jsxs(En,{children:[l.jsx(Nn,{asChild:!0,children:l.jsx(ri,{className:"h-4 w-4 text-muted-foreground"})}),l.jsx(Sn,{children:l.jsx("p",{children:"Alternative text helps screen-reading tools describe images to visually impaired readers."})})]})})]}),value:d.alternative_text,onChange:v=>f("alternative_text",v),inputProps:{placeholder:"Describe the image"}}),l.jsx(Be,{label:l.jsxs("span",{className:"flex justify-between gap-2",children:["Description",l.jsx(Br,{children:l.jsxs(En,{children:[l.jsx(Nn,{asChild:!0,children:l.jsx(ri,{className:"h-4 w-4 text-muted-foreground"})}),l.jsx(Sn,{children:l.jsx("p",{className:"max-w-xs",children:"Add a caption to display below the image"})})]})})]}),type:"textarea",value:d.caption,onChange:v=>f("caption",v),textareaProps:{placeholder:"Image caption",rows:4}})]}),l.jsx(hn,{className:"w-full items-center mt-auto mb-4",children:l.jsx(he,{onClick:g,isLoading:c,disabled:c,className:"w-full rounded capitalize",children:(n==null?void 0:n.media)instanceof File?"Upload Image":i.viewOnly||r!=null&&r.viewOnly?"add image":"Save Changes"})})]})]})]})})})};mo.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlLibraryEditMedia"};const ho=()=>{const{state:{activeMedia:e},mutations:{deleteMutationPending:t},handleMediaAction:n,handleMediaDelete:r}=dt(),a=()=>n("");return l.jsx(kt,{open:e.type=="delete",onOpenChange:a,children:l.jsxs(Et,{className:"max-w-[370px] p-0 overflow-hidden",children:[l.jsx(Kt,{className:"bg-secondary p-4 py-5 items-start",children:l.jsx(mn,{className:"text-md",children:l.jsx("h1",{children:"Remove Image?"})})}),l.jsx(ga,{className:"px-4 text-base",children:"Are you sure you want to delete this image?"}),l.jsxs(hn,{className:"flex flex-row p-4 pt-0 gap-4 justify-end mt-4",children:[l.jsx(he,{variant:"outline",className:"rounded",onClick:a,children:"No, don't delete"}),l.jsx(he,{className:"rounded",variant:"destructive",onClick:r,isLoading:t,disabled:t,children:"Delete"})]})]})})};ho.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaLibraryDeleteMedia"};const fo=({className:e})=>{var r;const{dispatch:t,config:n}=dt();return l.jsxs("div",{className:H("w-full  h-[100vh] flex-1 flex flex-col p-6 overflow-hidden gap-4",e),children:[l.jsxs("div",{children:[l.jsx("h1",{"data-testid":"header",className:" text-3xl font-[UniversalFeature]",children:"Media Library"}),l.jsx("p",{className:"text-base text-muted-foreground",children:"Select your preferred image choice"})]}),l.jsxs(iu,{defaultValue:(r=kn[0])==null?void 0:r.id,onValueChange:a=>t({type:"SET_ACTIVE_TAB",payload:kn.find(i=>i.id==a)}),className:"p-0 w-full flex-1 flex flex-col",children:[l.jsxs("div",{className:"w-full max-w-full overflow-hidden flex items-center justify-between gap-4",children:[l.jsx(su,{className:"h-fit flex-1 p-0  justify-start bg-transparent border-0 overflow-hidden",children:kn.map((a,i)=>l.jsxs(ou,{value:a.id,className:"px-4 py-2 rounded-none rounded-t flex items-center justify-center gap-2  data-[state=active]:border-b-3 data-[state=active]:border-[#6FFFF0] data-[state=active]:bg-accent  data-[state=active]:text-accent-foreground data-[state=active]:shadow-none border-0",children:[a.icon&&l.jsx("img",{alt:a.label,src:ka(a.icon),className:"h-5 w-5"}),a.label]},a.id+i))}),l.jsx(ks,{})]}),kn.map(a=>l.jsx(qs,{tab:a,viewOnly:!!n.viewOnly},a.id))]}),l.jsx(mo,{}),l.jsx(ho,{})]})};fo.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaLibraryContent",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const po=({className:e,config:t,onChange:n,image:r})=>l.jsx(Wr,{children:l.jsx(Cs,{config:t,onChange:n,image:r,children:l.jsx(fo,{className:e})})});po.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaLibrary",props:{className:{required:!1,tsType:{name:"string"},description:""},config:{required:!0,tsType:{name:"signature",type:"object",raw:`{
+  query: QueryConfig;
+  upload: QueryConfig;
+  update?: QueryConfig;
+  remove?: QueryConfig;
+  unsplash: QueryConfig;
+  instagram?: {
+    fetch: DocumentNode;
+    variables: { library_uuid?: string; [key: string]: string | undefined };
+    key: string;
+    connect: DocumentNode;
+    integrate: DocumentNode;
+  };
+  pexels: QueryConfig;
+  download?: QueryConfig;
+  viewOnly?: boolean;
+  cropperAspectRatio?: string;
+  apolloUri?: string;
+}`,signature:{properties:[{key:"query",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"upload",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"update",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"remove",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"unsplash",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"instagram",value:{name:"signature",type:"object",raw:`{
+  fetch: DocumentNode;
+  variables: { library_uuid?: string; [key: string]: string | undefined };
+  key: string;
+  connect: DocumentNode;
+  integrate: DocumentNode;
+}`,signature:{properties:[{key:"fetch",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ library_uuid?: string; [key: string]: string | undefined }",signature:{properties:[{key:"library_uuid",value:{name:"string",required:!1}},{key:{name:"string"},value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}}]},required:!0}},{key:"key",value:{name:"string",required:!0}},{key:"connect",value:{name:"DocumentNode",required:!0}},{key:"integrate",value:{name:"DocumentNode",required:!0}}]},required:!1}},{key:"pexels",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"download",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"viewOnly",value:{name:"boolean",required:!1}},{key:"cropperAspectRatio",value:{name:"string",required:!1}},{key:"apolloUri",value:{name:"string",required:!1}}]}},description:""},image:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(image?: Image) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},name:"image"}],return:{name:"void"}}},description:""}}};const Da=({open:e=!0,config:t,onChange:n,handleToggleOpen:r,className:a,image:i})=>l.jsx(kt,{open:e,onOpenChange:r,children:l.jsx(Et,{className:H("sm:max-w-[70%] h-[90%] shadow-lg p-0",a),children:l.jsx(po,{config:t,onChange:n,className:"h-full",image:i})})});Da.__docgenInfo={description:"",methods:[],displayName:"WazUiGqlMediaLibraryPopup",props:{className:{required:!1,tsType:{name:"string"},description:""},config:{required:!0,tsType:{name:"signature",type:"object",raw:`{
+  query: QueryConfig;
+  upload: QueryConfig;
+  update?: QueryConfig;
+  remove?: QueryConfig;
+  unsplash: QueryConfig;
+  instagram?: {
+    fetch: DocumentNode;
+    variables: { library_uuid?: string; [key: string]: string | undefined };
+    key: string;
+    connect: DocumentNode;
+    integrate: DocumentNode;
+  };
+  pexels: QueryConfig;
+  download?: QueryConfig;
+  viewOnly?: boolean;
+  cropperAspectRatio?: string;
+  apolloUri?: string;
+}`,signature:{properties:[{key:"query",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"upload",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"update",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"remove",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"unsplash",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"instagram",value:{name:"signature",type:"object",raw:`{
+  fetch: DocumentNode;
+  variables: { library_uuid?: string; [key: string]: string | undefined };
+  key: string;
+  connect: DocumentNode;
+  integrate: DocumentNode;
+}`,signature:{properties:[{key:"fetch",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ library_uuid?: string; [key: string]: string | undefined }",signature:{properties:[{key:"library_uuid",value:{name:"string",required:!1}},{key:{name:"string"},value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}}]},required:!0}},{key:"key",value:{name:"string",required:!0}},{key:"connect",value:{name:"DocumentNode",required:!0}},{key:"integrate",value:{name:"DocumentNode",required:!0}}]},required:!1}},{key:"pexels",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"download",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"viewOnly",value:{name:"boolean",required:!1}},{key:"cropperAspectRatio",value:{name:"string",required:!1}},{key:"apolloUri",value:{name:"string",required:!1}}]}},description:""},image:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(image?: Image) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},name:"image"}],return:{name:"void"}}},description:""},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},handleToggleOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(open: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"open"}],return:{name:"void"}}},description:""}}};const go=()=>{const{state:e,dispatch:t,imageGalleryConfig:n}=St(),{showImageGallery:r,value:a}=e,i=()=>{t({type:"TOGGLE_IMAGE_GALLERY"})},s=()=>{t({type:"SET_VALUE",payload:""})},o=d=>{d&&t({type:"SELECT_IMAGE",payload:d}),t({type:"TOGGLE_IMAGE_GALLERY",payload:!1})};if(!n)return null;const u=a,c=(u==null?void 0:u.url)||(u==null?void 0:u.src)||"";return l.jsxs("div",{className:H("flex-1 overflow-hidden",{"border-2 border-dashed ":!c}),children:[c&&l.jsxs("div",{className:"relative w-full max-h-full overflow-hidden flex-1 flex items-center justify-center",children:[l.jsx(ss,{url:c,alt:u.alternative_text,classname:"min-h-20 waz-input-box-content"}),l.jsxs("div",{className:"flex items-center gap-1 absolute top-2 right-2 z-10",children:[l.jsx(te,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:i,children:l.jsx(ba,{color:"gray",fontSize:6})}),l.jsx(te,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:s,children:l.jsx(os,{color:"red",size:"small"})})]})]}),!c&&l.jsxs("div",{className:"flex flex-col items-center justify-center gap-2 h-50",onClick:i,children:[l.jsx(_u,{className:"text-muted-forground"}),l.jsxs("p",{className:"text-sm text-center",children:[l.jsx("span",{className:"text-[#EE6F71] cursor-pointer",children:"Click to open media library"})," ",l.jsx("br",{}),"PNG, JPG, JPEG"]})]}),l.jsx(Da,{config:{...n,viewOnly:!0},open:r,onChange:o,image:u,handleToggleOpen:d=>t({type:"TOGGLE_IMAGE_GALLERY",payload:d})})]})};go.__docgenInfo={description:"",methods:[],displayName:"ImageInput"};const vo=()=>{const{state:{value:e},dispatch:t,optionsQuery:{data:n,isLoading:r,fetchNextPage:a,hasNextPage:i,isFetchingNextPage:s},selectProps:o}=St(),u=m.useMemo(()=>{const p=(n==null?void 0:n.pages.flatMap(b=>b==null?void 0:b.data))??[];if(Array.isArray(e)){const b=e.filter(x=>typeof x=="object"&&"label"in x&&"value"in x);return[...b.filter(x=>x==null?void 0:x.value),...p.filter(x=>!b.some(C=>C.value==x.value))]}else return typeof e=="object"&&e&&"label"in e&&"value"in e&&(e!=null&&e.value)?[e,...p.filter(b=>b.value!==e.value)]:p},[n,e]),[c,d]=m.useState(!1),{ref:h,inView:f}=wr(),g=m.useCallback(p=>{t({type:"SET_OPTIONS_SEARCH_VALUE",payload:p})},[t]),v=m.useCallback(p=>{if(o!=null&&o.multiple){let b=[];e&&Array.isArray(e)&&e.every(C=>typeof C=="object"&&"label"in C&&"value"in C)&&(b=e);const x=b.find(C=>C.value===p.value)?b.filter(C=>C.value!==p.value):[...b,p];t({type:"SET_VALUE",payload:x})}else t({type:"SET_VALUE",payload:p}),d(!1)},[o==null?void 0:o.multiple,e,t]),y=(o==null?void 0:o.placeholder)||"Select...",w=m.useMemo(()=>{const p={label:y,options:""};if(!e)return p;if(o!=null&&o.multiple){if(!Array.isArray(e))return p;const b=e.filter(N=>typeof N=="object"&&"label"in N&&"value"in N);if(!b.length)return p;const x=o.maximumLabelItems||b.length,E=b.slice(0,x).map(N=>N.label||N.value).join(", ");return{label:b.length>x?`${E} +${b.length-x}`:E,options:b.map(N=>N.label||N.value).join(", ")}}if(typeof e=="object"&&e&&"label"in e&&"value"in e){const b=e.label||e.value||y;return{label:b,options:b}}return p},[o==null?void 0:o.multiple,o==null?void 0:o.maximumLabelItems,e,y]);return m.useEffect(()=>{f&&i&&!s&&a()},[f,i,s,a]),l.jsxs(pr,{open:c,onOpenChange:d,modal:!1,children:[l.jsx(gr,{asChild:!0,children:l.jsxs(te,{variant:"ghost",role:"combobox","aria-expanded":c,className:"w-full justify-between h-10 bg-background !p-2 rounded-none hover:bg-background",children:[l.jsx("span",{className:H("w-full text-left overflow-x-auto no-scrollbar capitalize",{"opacity-50":w.label==y}),children:w.label}),l.jsx(Bu,{className:"opacity-50"})]})}),l.jsx(vr,{className:"w-[var(--radix-popover-trigger-width)]  p-0",align:"start",children:l.jsxs(es,{children:[l.jsx(lu,{placeholder:(o==null?void 0:o.searchPlaceholder)||"Search options...",className:"h-10",onValueChange:o!=null&&o.queryConfig?g:void 0}),l.jsxs(ts,{children:[l.jsx(ns,{className:"flex items-center justify-center p-3 ",children:r?l.jsx(On,{className:"h-6 w-6 animate-spin"}):"No Options found."}),l.jsx(rs,{children:u.map(p=>l.jsxs(as,{value:p.label,onSelect:()=>v(p),className:"capitalize",children:[p.label,l.jsx(bs,{className:H("ml-auto",w!=null&&w.options.toString().includes(p.label)||w.options.toString().includes(p.value)?"opacity-100":"opacity-0")})]},p.value))}),i&&l.jsx("div",{ref:h,className:"w-full flex justify-center",children:s?l.jsx(On,{className:"h-6 w-6 animate-spin"}):l.jsx(te,{variant:"ghost",onClick:()=>a(),children:"Load more"})})]})]})})]})};vo.__docgenInfo={description:"",methods:[],displayName:"SelectInput"};const yo=m.createContext(void 0),zt=()=>{const e=m.useContext(yo);if(e===void 0)throw new Error("useWysiwyg must be used within a WysiwygProvider");return e},bo=({icon:e,title:t,description:n,handleClick:r,className:a})=>l.jsxs(te,{onClick:r,variant:"ghost",className:H("w-full h-fit flex items-center justify-start gap-4 p-3 rounded-none m-0 hover:bg-accent",a),children:[e,l.jsxs("div",{className:"flex flex-col  justify-start items-start",children:[l.jsx("span",{className:"p-0",children:t}),l.jsx("span",{className:"text-sm text-muted-foreground",children:n})]})]});bo.__docgenInfo={description:"",methods:[],displayName:"EmbedOption"};const wo=()=>{const{handleInitiateEmbed:e}=zt(),t=r=>{e==null||e(r)},n=[{icon:l.jsx(tc,{className:"w-[40px] text-[#FBBC9A]"}),title:"Picture",description:"jpeg, png",type:"image"},{icon:l.jsx(Tc,{size:"10",className:"text-[#FBBC9A]"}),title:"Video",description:"JW player, Youtube, Vimeo",type:"video"},{icon:l.jsx(vc,{size:"10",className:"text-[#FBBC9A]"}),title:"Social",description:"Instagram, Twitter, Tiktok, Snapchat, Facebook",type:"link"}];return l.jsxs(pr,{children:[l.jsx(gr,{asChild:!0,children:l.jsx(te,{variant:"ghost",size:"icon",className:"p-1 h-6 w-6 rounded-full bg-gray-200 hover:bg-muted text-muted-foreground",children:l.jsx(yr,{})})}),l.jsxs(vr,{className:"w-fit p-0 bg-background",align:"start",sideOffset:5,children:[l.jsx("div",{className:"p-4 border-b",children:l.jsx("span",{className:"text-md",children:"Embeds"})}),l.jsx("div",{children:n.map(r=>l.jsx(bo,{icon:r.icon,title:r.title,description:r.description,handleClick:()=>t(r.type),className:""},r.type))})]})]})};wo.__docgenInfo={description:"",methods:[],displayName:"EmbedButton"};const ra=()=>{const{quillObj:e,state:t}=zt(),n=()=>{e&&e.history&&e.history.undo()},r=()=>{e&&e.history&&e.history.redo()};return l.jsxs("div",{className:"bg-muted order-2 w-full p-2 h-fit flex items-center justify-center gap-4 border-b",children:[l.jsx(wo,{}),l.jsxs("div",{id:t.toolbarId,className:"!bg-transparent w-full !border-0 !p-0 h-fit flex flex-row gap-2 flex-wrap ql-toolbar",children:[l.jsx("span",{className:H("ql-formats","!rounded-sm !w-[120px] flex justify-between"),children:l.jsxs("select",{className:"ql-header !text-base !font-bold !w-full !m-0","data-tooltip":"Text Format",children:[l.jsx("option",{value:"",children:"Normal Text"}),l.jsx("option",{value:"1",className:"",children:"Heading 1"}),l.jsx("option",{value:"2",className:"",children:"Heading 2"}),l.jsx("option",{value:"3",className:"!",children:"Heading 3"}),l.jsx("option",{value:"4",className:"!",children:"Heading 4"}),l.jsx("option",{value:"5",className:"!",children:"Heading 5"}),l.jsx("option",{value:"6",className:"!",children:"Heading 6"})]})}),l.jsxs("span",{className:"ql-formats",children:[l.jsx("button",{className:"ql-bold","data-tooltip":"Bold (Ctrl+B)"}),l.jsx("button",{className:"ql-italic","data-tooltip":"Italic (Ctrl+I)"}),l.jsx("button",{className:"ql-underline","data-tooltip":"Underline (Ctrl+U)"}),l.jsx("button",{className:"ql-strike","data-tooltip":"Strike through"})]}),l.jsxs("span",{className:"ql-formats",children:[l.jsx("select",{className:"ql-align","data-tooltip":"Text Alignment"}),l.jsx("select",{className:"ql-color","data-tooltip":"Text Color"}),l.jsx("select",{className:"ql-background","data-tooltip":"Background Color"})]}),l.jsxs("span",{className:"ql-formats",children:[l.jsx("button",{className:"ql-blockquote","data-tooltip":"Blockquote"}),l.jsx("button",{className:"ql-code-block","data-tooltip":"Code Block"})]}),l.jsxs("span",{className:"ql-formats",children:[l.jsx("button",{className:"ql-list",value:"ordered","data-tooltip":"Numbered List"}),l.jsx("button",{className:"ql-list",value:"bullet","data-tooltip":"Bullet List"}),l.jsx("button",{className:"ql-indent",value:"-1","data-tooltip":"Decrease Indent"}),l.jsx("button",{className:"ql-indent",value:"+1","data-tooltip":"Increase Indent"})]}),l.jsx("span",{className:"ql-formats",children:l.jsx("button",{className:"ql-link","data-tooltip":"Insert Link (Ctrl+K)"})}),l.jsxs("span",{className:"ql-formats",children:[l.jsx("button",{onClick:n,"data-tooltip":"Undo (Ctrl+Z)",children:l.jsx(Ru,{className:"text-xl"})}),l.jsx("button",{className:"ql-redo",onClick:r,"data-tooltip":"Redo (Ctrl+Y)",children:l.jsx(Du,{className:"text-xl"})})]})]})]})};ra.__docgenInfo={description:"",methods:[],displayName:"EditorToolbar"};function Og(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11 4h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4v4zM17 3c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM7 13c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"},child:[]}]})(e)}function Vh(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z"},child:[]}]})(e)}function Lg(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M21 15c0-4.625-3.507-8.441-8-8.941V4h-2v2.059c-4.493.5-8 4.316-8 8.941v2h18v-2zM5 15c0-3.859 3.141-7 7-7s7 3.141 7 7H5zm-3 3h20v2H2z"},child:[]}]})(e)}function Uh(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"},child:[]}]})(e)}const Wh=({selectedText:e})=>{const{dispatch:t,handleContentChange:n,handleInitiateEmbed:r,quillObj:a}=zt(),i=[{label:"Cut",action:"cut",disabled:!e,shortcut:"Ctrl+X"},{label:"Copy",action:"copy",disabled:!e,shortcut:"Ctrl+C"},{label:"Paste",action:"paste",disabled:!1,shortcut:"Ctrl+V"},{type:"separator"},{label:"Add Link",action:"link",disabled:!e,shortcut:"Ctrl+K"},{label:"Remove Link",action:"removeLink",disabled:!e,shortcut:""},{type:"separator"},{label:"Insert Image",action:"insertImage",disabled:!1,shortcut:""},{label:"Insert Video",action:"insertVideo",disabled:!1,shortcut:""},{label:"Insert Social Link",action:"insertSocial",disabled:!1,shortcut:""}],s=m.useCallback(()=>{var c;(c=a==null?void 0:a.root)!=null&&c.innerHTML&&n(a.root.innerHTML)},[a,n]),o=()=>{const c=document.querySelector('[data-state="open"]');c&&c.setAttribute("data-state","closed"),document.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape",bubbles:!0}))},u=m.useCallback(async c=>{if(!a)return;const d=a.getSelection();try{switch(c){case"cut":if(d&&d.length>0){const h=a.getText(d.index,d.length);await navigator.clipboard.writeText(h),a.deleteText(d.index,d.length),s()}break;case"copy":if(d&&d.length>0){const h=a.getText(d.index,d.length);await navigator.clipboard.writeText(h)}break;case"paste":try{const h=await navigator.clipboard.readText();d&&(a.insertText(d.index,h),s())}catch(h){console.warn("Failed to read clipboard:",h)}break;case"link":if(o(),d&&d.length>0){setTimeout(()=>{a.formatText(d.index,d.length,"link","https://","api"),s()},100);return}break;case"removeLink":d&&d.length>0&&(a.formatText(d.index,d.length,"link",!1),s());break;case"insertImage":o(),r("image");break;case"insertVideo":o(),r("video");break;case"insertSocial":o(),r("link");break}}catch(h){console.error("Context menu action failed:",h)}},[a,s,r]);return l.jsxs(du,{className:"w-50",children:[i.map((c,d)=>c.type==="separator"?l.jsx(mu,{},d):l.jsxs(Za,{inset:!0,disabled:c.disabled,className:H("w-full text-left text-sm hover:bg-accent flex items-center justify-between !px-2 !py-2"),onClick:()=>!c.disabled&&u(c.action),children:[l.jsx("span",{children:c.label}),c.shortcut&&l.jsx(hu,{className:"text-xs text-gray-400 ml-4",children:c.shortcut})]},d)),l.jsxs(Za,{inset:!0,disabled:!e,className:H("w-full text-left text-sm hover:bg-accent flex items-center justify-start  !px-2 !py-2  "),onClick:()=>{o(),t({type:"TOGGLE_EMBED_POST",payload:!0})},children:[l.jsx(Uh,{className:"text-md text-current"}),l.jsx("span",{children:"Insert Article"})]})]})},aa=()=>{const[e,t]=m.useState(""),{dispatch:n,state:{content:r,embedType:a,embedValue:i,quillRef:s},handleContentChange:o,blogPostsConfig:u,quillObj:c,imageGalleryConfig:d}=zt(),h=a&&i?{type:a,value:i}:void 0,f=((d==null?void 0:d.apolloUri)||"").replaceAll("/graphql",""),g=m.useCallback(y=>{var w,p,b,x;if(!c){console.warn("Quill editor not available for embed");return}try{const C=c.getSelection(!0)||{index:c.getLength(),length:0},E=document.getElementById("editorParent"),S=(E==null?void 0:E.scrollTop)||0,{type:N,value:T}=y;switch(N){case"link":{const[_,D]=T.split("||>>");_&&D&&(c.insertText(C.index,_,"user"),c.setSelection(C.index,_.length),c.formatText(C.index,_.length,"link",D));break}case"post":{const _=i;if(u!=null&&u.postBaseURL&&(_!=null&&_.slug)){const D=c.getSelection();D&&D.length>0&&c.formatText(D.index,D.length,"link",u.postBaseURL+_.slug)}break}case"image":{const _=T,{desktop:D,tablet:I,mobile:k,url:q}=ya({url:_.url,transformationsUrl:f}),O=(p=(w=_==null?void 0:_.src)==null?void 0:w.includes)!=null&&p.call(w,"unsplash")?"Unsplash":"Pexels",U=`${_!=null&&_.photographer?`Photo by 
+            <a href=${(b=_==null?void 0:_.photographer)==null?void 0:b.url} style="color: inherit;">${(x=_==null?void 0:_.photographer)==null?void 0:x.name}</a> on 
+            <a href=${_==null?void 0:_.src} style="color: inherit;">${O}</a>`:(_==null?void 0:_.caption)??""}`,L={sources:[{srcset:Yn(k),media:"(max-width: 640px)",type:"image/webp"},{srcset:Yn(D),media:"(min-width: 1025px)",type:"image/webp"},{srcset:Yn(I),media:"(max-width: 1024px)",type:"image/webp"}],fallbackSrc:Yn(q),alt:(_==null?void 0:_.caption)||(_==null?void 0:_.alternate_text)||"",caption:U};c.insertEmbed(C.index,"picture",L,"user"),setTimeout(()=>{const M=c.getLength(),P=C.index+1;P>=M-1&&(c.insertText(P,`
+`,"user"),c.setSelection(P+1,0))},100);break}case"htmlembed":c.clipboard.dangerouslyPasteHTML(C.index,T,"user");break;default:c.insertEmbed(C.index,N,T);break}E&&(E.scrollTop=S);const A=c.root.innerHTML;o(A),n({type:"RESET_EMBED"})}catch(C){console.error("Failed to handle embed:",C),n({type:"RESET_EMBED"})}},[c,n,o,u,i]);m.useEffect(()=>{h&&g(h)},[h,g]),m.useEffect(()=>{var w;if(!c)return;const y=p=>{const b=p&&p.length>0?c.getText(p.index,p.length):"";t(b.trim())};return(w=c==null?void 0:c.on)==null||w.call(c,"selection-change",y),()=>{var p;(p=c==null?void 0:c.off)==null||p.call(c,"selection-change",y)}},[c]);const v=m.useCallback(()=>{if(!r||r.trim().length===0)return 0;const y=r.replace(/<[^>]*>/g,"").trim();return y.length===0?0:y.split(/\s+/).filter(w=>w.length>0).length},[r]);return l.jsx(uu,{children:l.jsxs("div",{className:"flex order-3 h-full flex-col w-full relative bg-background",children:[l.jsx(cu,{className:"w-full h-10 grow  flex flex-col items-center justify-center  overflow-auto",children:l.jsx("div",{id:"editorParent",className:"flex w-full h-10 flex-1 items-center justify-center overflow-auto pb-10",children:l.jsx("div",{ref:s,id:"editor",className:"quill-editor text-md flex-1"})})}),l.jsx(Wh,{selectedText:e}),l.jsxs("div",{className:"flex justify-end text-sm text-muted-foreground border p-2 absolute bottom-0 right-0 w-full bg-muted",children:[v()," word count"]})]})})};aa.__docgenInfo={description:"",methods:[],displayName:"Editor"};const Er=e=>new Promise(t=>{const n=setTimeout(()=>Er(e),10);typeof e<"u"&&(clearTimeout(n),t(null))}),sn=({src:e=null,innerHTML:t=null,tag:n="head",async:r=!1,id:a=null})=>new Promise((i,s)=>{const o=document.createElement("script");e&&(o.src=e),t&&(o.innerHTML=t),a&&(o.id=a),r&&(o.async=!0),o.defer=!0,o.onload=()=>{i()},o.onerror=s;const u=document.getElementsByTagName(n)[0];u?u.appendChild(o):s(new Error(`Target element "${n}" not found`))}),Hh=(e="")=>{const t=document.createElement("div");t.innerHTML=e;const n=t.querySelector("iframe"),r=t.querySelector("span"),a=(r==null?void 0:r.style.width.replace("px",""))??"560",i=(r==null?void 0:r.style.height.replace("px",""))??"600";n.setAttribute("width",a),n.setAttribute("height",i);const s=n.getAttribute("src"),o=new URL(s);return o.searchParams.append("width",a),o.searchParams.append("height",i),n.setAttribute("src",o.toString()),n.outerHTML},Bh=(e="")=>{const t=document.createElement("div");t.innerHTML=e;const n=t.querySelector("iframe"),r="560",a="720",i=n.getAttribute("src"),s=new URL(i);return s.searchParams.append("width",r),s.searchParams.append("height",a),n.setAttribute("src",s.toString()),n.setAttribute("width",r),n.setAttribute("height",a),n.outerHTML},Kh=(e="")=>{var o,u;const t=document.createElement("div");t.innerHTML=e;const n=t.querySelector("iframe"),r=((o=n==null?void 0:n.getAttribute("height"))==null?void 0:o.replace("px",""))??"",a=((u=n==null?void 0:n.getAttribute("width"))==null?void 0:u.replace("px",""))??"",i=(n==null?void 0:n.getAttribute("src"))||"",s=new URL(i);return s.searchParams.append("height",r),s.searchParams.append("width",a),n==null||n.setAttribute("src",s.toString()),n.outerHTML},Gh=async()=>{await sn({src:"https://www.instagram.com/embed.js"}),await sn({src:"https://platform.twitter.com/widgets.js"}),await sn({src:"https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0",tag:"body"}),await sn({src:"//embed.redditmedia.com/widgets/platform.js"})},$h=e=>e.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||e.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/)||e.match(/^.*(youtu.be\/|v\/|e\/|u\/\w+\/|embed\/|v=)([^#&?]*).*/),Qh=e=>e.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/),on=e=>{var r;const t=$h(e);if(t&&((r=t[2])==null?void 0:r.length)===11)return{embed:!0,url:"https://www.youtube.com/embed/"+t[2]+"?showinfo=0"};const n=Qh(e);return n?{embed:!0,url:(n[1]||"https")+"://player.vimeo.com/video/"+n[2]+"/"}:{url:e,embed:!1}},Xh={history:{delay:500,maxStack:100,userOnly:!0},clipboard:!0},Yh=["header","size","bold","italic","underline","align","list","indent","link","strike","image","video","color","blockquote","background","code-block","picture"],xo=Ja.object({url:Ja.string().url("Invalid URL, enter valid URL")}),Co=()=>{const{state:{showEmbedVideo:e},dispatch:t,handleAddEmbed:n}=zt(),[r,a]=R.useState(on("")),i=()=>{t({type:"TOGGLE_EMBED_VIDEO",payload:!1})},s=()=>{n("video",r.url),a(on("")),i()},o=va({resolver:xa(xo),defaultValues:{url:""},reValidateMode:"onChange",mode:"onChange"}),u=async()=>{if(!c)throw new Error("Validation failed");s(),o.reset()},c=o.formState.isValid;return m.useEffect(()=>{const d=o.watch(async(h,{name:f,values:g})=>{f=="url"&&a(on(g.url??""))});return()=>d.unsubscribe()},[o]),l.jsx(kt,{open:e,onOpenChange:i,children:l.jsxs(Et,{className:"p-0 overflow-hidden rounded-xl border-0",children:[l.jsx(Kt,{className:"bg-secondary p-4 py-5 items-start",children:l.jsx(mn,{children:l.jsx("h1",{className:"text-md",children:"Embed Video"})})}),l.jsxs("div",{className:"px-4 space-y-4 flex items-center justify-center flex-wrap",children:[c&&l.jsx("div",{className:"w-full [&_video]:max-h-50 [&_video]:lg:max-h-80",children:l.jsx(Be,{label:"Video Preview",type:"video",value:r.url,linkProps:{className:"min-h-70 ![&_video]:lg:max-h-50"},onChange:d=>a(on(d))})}),l.jsx(is,{control:o.control,name:"url",render:({field:d,fieldState:h})=>l.jsx(Be,{label:"Video Url",onChange:d.onChange,error:h.error,inputProps:{name:d.name,value:d.value,className:"underline",placeholder:"Video URL"}})},"url")]}),l.jsx(hn,{className:"flex flex-row p-4 pt-0 gap-4 justify-end mt-4",children:l.jsx(he,{className:"rounded",variant:"primary",onClick:u,disabled:!c,children:"Embed"})})]})})};Co.__docgenInfo={description:"",methods:[],displayName:"AddVideoDialog"};function Zh(e){return Ee({attr:{version:"1.1",viewBox:"0 0 20 16"},child:[{tag:"path",attr:{d:"M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"},child:[]},{tag:"path",attr:{d:"M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"},child:[]},{tag:"path",attr:{d:"M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"},child:[]}]})(e)}const Jh={title:"",content:"",showEmbedVideo:!1,showEmbedLink:!1,showEmbedImage:!1,showEmbedPost:!1,embedType:null,embedValue:"",error:!1,isLoading:!1,toolbarId:"",editorContainerId:""},ef=(e,t)=>{switch(t.type){case"SET_TITLE":return{...e,title:t.payload};case"SET_CONTENT":return{...e,content:t.payload};case"TOGGLE_EMBED_VIDEO":return{...e,showEmbedVideo:t.payload};case"TOGGLE_EMBED_LINK":return{...e,showEmbedLink:t.payload};case"TOGGLE_EMBED_IMAGE":return{...e,showEmbedImage:t.payload};case"TOGGLE_EMBED_POST":return{...e,showEmbedPost:t.payload};case"SET_EMBED":return{...e,embedType:t.payload.type,embedValue:t.payload.value};case"INITIATE_EMBED":return{...e,embedType:t.payload,showEmbedVideo:t.payload==="video",showEmbedLink:t.payload==="link",showEmbedImage:t.payload==="image"};case"RESET_EMBED":return{...e,embedType:"",embedValue:"",showEmbedVideo:!1,showEmbedLink:!1,showEmbedImage:!1};case"SET_ERROR":return{...e,error:t.payload};case"SET_LOADING":return{...e,isLoading:t.payload};default:return e}};function tf({config:e,url:t}){let n=Ke();const r=Ca(t||"",300);ke.VITE_PORTAL_GRAPHQL_ENDPOINT&&(n=fa(ke.VITE_PORTAL_GRAPHQL_ENDPOINT));const a=m.useCallback(async()=>{if(e!=null&&e.query){const i=e==null?void 0:e.query,s=e==null?void 0:e.variables;return(await n.query({query:i,variables:{...s||{},url:r}})).data[e.dataKey]}else throw console.error("Invalid Query Configuration"),Error("Invalid Query Configuration")},[n,e,r]);return Hi({queryKey:[(e==null?void 0:e.cacheKey)||(e==null?void 0:e.dataKey),r],queryFn:a,staleTime:300*1e3,gcTime:600*1e3,refetchOnMount:!1,refetchOnWindowFocus:!1})}const ko=({value:e,label:t,removeCaption:n})=>{const r={text:i=>l.jsx("iframe",{className:"",allowFullScreen:!0,src:on(i).url}),tiktok:i=>l.jsx(nf,{url:i,className:"custom__embed tiktok__embed"}),twitter:i=>l.jsx(rf,{url:i}),instagram:(i,s)=>l.jsx(sf,{value:i,removeCaption:s}),facebook:(i,s)=>l.jsx(af,{value:i,removeCaption:s}),reddit:()=>l.jsx(of,{url:e})};R.useEffect(()=>{Gh()},[]);const a=r[t];if(!["text","facebook","tiktok","instagram","twitter","reddit"].includes(t)||!e)return l.jsx("div",{className:"w-fit max-h-[20vh] overflow-auto flex items-center justify-center border border-[#ccc]",children:l.jsx(Zh,{size:30})});if(a)return l.jsx(l.Fragment,{children:a(e,n)})},nf=({url:e="",className:t=""})=>{const[n,r]=m.useState(null);return m.useEffect(()=>{const a=async s=>{try{const o=await fetch(`https://www.tiktok.com/oembed?url=${encodeURIComponent(s)}`),{html:u=""}=await o.json();return u}catch(o){return console.error({summary:`TikTok Embed Fetch Failed For: ${s}`,message:o==null?void 0:o.message}),null}};(async()=>{if(!e)return;const s=await a(e);r(s)})().then(()=>{sn({src:"https://www.tiktok.com/embed.js"})})},[e]),l.jsx("div",{className:t,dangerouslySetInnerHTML:{__html:n??""}})},rf=({url:e=""})=>{var s;const[t,n]=m.useState(null),r=m.useRef(null),{twitterEmbedConfig:a}=zt(),i=tf({config:a,url:e});return m.useEffect(()=>{const o=i.data;if(i.isError||!(o!=null&&o.data)||!r.current)return;const u=JSON.parse(o==null?void 0:o.data);n(u==null?void 0:u.html),(async()=>{await new Promise(d=>setTimeout(d,100)),window.twttr&&window.twttr.widgets&&r.current&&window.twttr.widgets.load(r.current)})()},[i.data,i.isError]),m.useEffect(()=>{if(!window.twttr){const o=document.createElement("script");o.src="https://platform.twitter.com/widgets.js",o.async=!0,document.body.appendChild(o)}},[]),l.jsxs("div",{className:"relative w-full max-w-[550px] min-h-20",children:[i.isLoading&&l.jsx("div",{className:"absolute h-full w-full inset-0 bg-secondary/20 animate-pulse rounded"}),i.isFetched&&l.jsx("div",{className:"w-full",ref:r,dangerouslySetInnerHTML:{__html:t}}),i.isError&&l.jsx("div",{className:"p-4 border border-red-200 bg-red-50 rounded text-red-600",children:(s=i.error)==null?void 0:s.message})]})},af=({value:e,removeCaption:t})=>(m.useEffect(()=>{(async()=>{var r,a,i;await Er(window.FB),(i=(a=(r=window.FB)==null?void 0:r.XFBML)==null?void 0:a.parse)==null||i.call(a)})()},[e,t]),l.jsx("div",{className:"fb-post custom__embed","data-href":e,"data-show-text":`${!t}`,children:l.jsx("blockquote",{cite:e,className:"fb-xfbml-parse-ignore"})})),sf=({value:e,removeCaption:t})=>(m.useEffect(()=>{(async()=>{var r,a,i;await Er(window.instgrm),(i=(a=(r=window.instgrm)==null?void 0:r.Embeds)==null?void 0:a.process)==null||i.call(a)})()},[e,t]),l.jsx("div",{dangerouslySetInnerHTML:{__html:`<blockquote class="instagram-media" ${t?"":"data-instgrm-captioned"} data-instgrm-permalink="${e}?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="13" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="${e}?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="${e}?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by </a></p></div></blockquote>`}})),of=({url:e=""})=>{const t=m.useRef(null);return m.useEffect(()=>{(async()=>{!e||!t.current||(window.rembeddit||(await sn({src:"//embed.redditmedia.com/widgets/platform.js"}),await Er(window.rembeddit)),setTimeout(()=>{if(window.rembeddit&&t.current)try{window.rembeddit.createEmbeds()}catch(r){console.warn("Reddit embed processing failed:",r)}},500))})()},[e]),l.jsx("div",{className:"w-full max-w-[600px] p-2 relative",children:l.jsx("div",{className:"custom__embed p-4",ref:t,children:l.jsx("blockquote",{className:"reddit-embed-bq","data-card-created":Date.now(),children:l.jsx("a",{href:e,children:e})})})})};ko.__docgenInfo={description:"",methods:[],displayName:"EmbedPreview",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},removeCaption:{required:!0,tsType:{name:"boolean"},description:""}}};const Lr=[{label:"Text",value:"text"},{label:"Instagram",value:"instagram"},{label:"Facebook",value:"facebook"},{label:"X",value:"twitter"},{label:"Reddit",value:"reddit"},{label:"TikTok",value:"tiktok"}],Eo=()=>{var v;const{state:{showEmbedLink:e},dispatch:t,handleAddEmbed:n}=zt(),[r,a]=R.useState(((v=Lr[0])==null?void 0:v.value)||"text"),[i,s]=R.useState(""),o=m.useRef(null),u=va({resolver:xa(xo),defaultValues:{url:""},reValidateMode:"onChange",mode:"onChange"}),c=u.formState.isValid,d=y=>{n("htmlembed",y),f(),s("")},h=async()=>{var y,w,p,b,x;try{if(!c)throw new Error("Validation failed");switch(r){case"text":d((y=o.current)==null?void 0:y.innerHTML);break;case"tiktok":case"twitter":d(Bh((w=o.current)==null?void 0:w.innerHTML));break;case"facebook":d(Hh((p=o.current)==null?void 0:p.innerHTML));break;case"instagram":case"reddit":d(Kh((b=o.current)==null?void 0:b.innerHTML));break;default:break}a(((x=Lr[0])==null?void 0:x.value)||"text"),s("")}catch(C){console.log(C)}},f=()=>{t({type:"TOGGLE_EMBED_LINK",payload:!1})},g=y=>{const w=y;w!=null&&w.value&&a(w.value)};return m.useEffect(()=>{const y=u.watch((w,{name:p,values:b})=>{p=="url"&&s(b.url??"")});return()=>y.unsubscribe()},[u]),l.jsx(kt,{open:e,onOpenChange:f,children:l.jsxs(Et,{className:"sm:max-w-[600px] p-0 overflow-hidden rounded border-0",children:[l.jsx(Kt,{className:"bg-secondary p-4 py-5 items-start",children:l.jsx(mn,{children:l.jsx("h1",{className:"text-md",children:"Embed Link"})})}),l.jsx("div",{className:"mx-auto mb-5 w-fit max-h-90 overflow-auto",id:"postembed",ref:o,children:c&&l.jsx(ko,{label:r,removeCaption:!1,value:i})}),l.jsxs("div",{className:"px-4 space-y-4",children:[l.jsx(Be,{label:"Social Media Platform",type:"select",value:{value:r,label:r},selectProps:{options:Lr,dataKey:"social-media-platforms"},onChange:g}),l.jsx(is,{control:u.control,name:"url",render:({field:y,fieldState:w})=>l.jsx(ar,{className:"flex-1",children:l.jsx(fu,{className:"w-full",children:l.jsx(Be,{label:"URL",inputProps:{name:y.name,value:y.value,className:"underline",placeholder:"URL"},error:w.error,onChange:y.onChange})})})},"url")]}),l.jsxs(hn,{className:"flex flex-row p-4 pt-0 gap-4 justify-end mt-4",children:[l.jsx(he,{className:"rounded",variant:"primary",onClick:h,disabled:!c,children:"Embed"}),l.jsx(he,{variant:"outline",className:"rounded",onClick:f,children:"Cancel"})]})]})})};Eo.__docgenInfo={description:"",methods:[],displayName:"AddLinkDialog"};const No=m.createContext(void 0);function Ft(){const e=m.useContext(No);if(e===void 0)throw new Error("useBlogContext must be used within a BlogProvider");return e}function So(){var b;const{table:e,isLoading:t,isFetching:n,dynamicPageSize:r,state:a,queryData:i}=Ft(),s=a.table.pagination,o=e.getPageCount(),u=s.pageIndex,c=t&&!((b=i==null?void 0:i.tableData)!=null&&b.length),d=a.totals.pages>1?a.totals.pages:o,h=u>0,f=u<d-1;function g(){e.previousPage()}function v(){e.nextPage()}function y(x){e.setPageIndex(x)}function w(x){e.setPageSize(Number(x))}const p=()=>{const x=[],C=d,E=u;if(C<=7){for(let S=0;S<C;S++)x.push(S);return x}if(x.push(0),E<=3){for(let S=1;S<=4;S++)x.push(S);C>5&&x.push("...",C-1)}else if(E>=C-4){x.push("...");for(let S=C-5;S<C;S++)x.push(S)}else x.push("...",E-1,E,E+1,"...",C-1);return Array.from(new Set(x))};return l.jsx("div",{className:"flex items-center justify-around px-2 bg-muted p-4 w-full sticky bottom-0 left-0 ",children:l.jsx("div",{className:"flex items-center space-x-6",children:l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsxs(te,{variant:"ghost",className:"cursor-pointer bg-background  p-4",onClick:g,disabled:!h||c,children:[l.jsx(Ki,{className:"h-4 w-4"}),"Back"]}),p().map(x=>typeof x=="string"?l.jsx(te,{variant:"ghost",className:"slight_border  border-[#ECEFF3]!  w-8 p-4 flex items-center justify-center bg-background",disabled:c,children:"..."},x):l.jsx(te,{variant:"ghost",className:H("slight_border border-[#ECEFF3]! min-w-8 w-fit p-4  cursor-pointer bg-background ",{"bg-[#A9D3B8] text-black":x===u}),onClick:()=>y(x),disabled:c,children:x+1},x)),l.jsxs(An,{value:`${s.pageSize}`,onValueChange:w,disabled:c,defaultValue:`${s.pageSize}`,children:[l.jsx(Mn,{className:"h-8 w-[70px]",children:l.jsx(Rn,{placeholder:s.pageSize})}),l.jsx(Dn,{side:"top",children:[r*1,r*2,r*3,r*4,r*5].map((x,C)=>l.jsx(Rt,{value:`${x}`,children:x},C))})]}),l.jsxs(te,{variant:"ghost",className:"cursor-pointer bg-background  p-4",onClick:v,disabled:!f||c,children:["Next",l.jsx($i,{className:"h-4 w-4"})]})]})})})}So.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentPagination"};const lf=""+new URL("no-data-image-Bhn_PKhS.svg",import.meta.url).href,uf=e=>e,cf=(e,t,n,r)=>{var i;const a=n==null?void 0:n.find(s=>s.id===e);if(!a)return t;if(e==="author_uuid"&&r){const s=r.find(o=>o.uuid===t);return(s==null?void 0:s.name)||t}if((i=a.selectProps)!=null&&i.options){const s=a.selectProps.options.find(o=>o.value===t||o.value===parseInt(t,10));return(s==null?void 0:s.label)||t}return t};function To({search:e="",filters:t=[]}){const{postType:n,postTypeSng:r}=Ft();return l.jsxs("div",{className:"flex flex-col items-center justify-center text-center p-2 gap-4 rounded-md col-span-6 h-full w-full",children:[l.jsx("img",{src:uf(lf),alt:"No Data",className:"w-1/5 h-1/5"}),l.jsx("h1",{className:"text-md capitalize leading-[18px]",children:!e&&!t.length?`No ${n} created yet`:"No Results found"}),l.jsx("p",{className:"w-70 leading-5",children:!e&&!t.length?`You have not created a post. Click the "Create ${r}" button to get started!`:"Try adjusting your search or filters. If the content exists, check for typos or use broader keywords."})]})}To.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogEmptyState",props:{search:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},filters:{required:!1,tsType:{name:"Array",elements:[{name:"Filter"}],raw:"Filter[]"},description:"",defaultValue:{value:"[]",computed:!1}}}};var df=(e=>(e[e.DRAFT=0]="DRAFT",e[e.PUBLISHED=1]="PUBLISHED",e[e.ALL=2]="ALL",e))(df||{}),X=(e=>(e.SET_SORTING="SET_SORTING",e.SET_COLUMN_FILTERS="SET_COLUMN_FILTERS",e.SET_COLUMN_VISIBILITY="SET_COLUMN_VISIBILITY",e.SET_PAGINATION="SET_PAGINATION",e.SET_VIEW="SET_VIEW",e.SET_SEARCH_INPUT="SET_SEARCH_INPUT",e.SET_SEARCH_TERM="SET_SEARCH_TERM",e.SET_STATUS_FILTER="SET_STATUS_FILTER",e.SET_FILTER_FIELDS="SET_FILTER_FIELDS",e.REMOVE_FIELD_FILTER="REMOVE_FIELD_FILTER",e.UPDATE_TOTALS="UPDATE_TOTALS",e.RESET_SEARCH="RESET_SEARCH",e.SET_DELETE_DIALOG_OPEN="SET_DELETE_DIALOG_OPEN",e.SET_ACTIVE_POST="SET_ACTIVE_POST",e.SET_SELECTED_POSTS="SET_SELECTED_POSTS",e.SET_TABLE_ROW_SELECTION="SET_TABLE_ROW_SELECTION",e.UPDATE_SELECTION_FROM_UUIDS="UPDATE_SELECTION_FROM_UUIDS",e.CLEAR_ALL_SELECTIONS="CLEAR_ALL_SELECTIONS",e))(X||{}),ie=(e=>(e.DATE="date",e.TEXT="text",e.NUMBER="number",e.SELECT="select",e))(ie||{});function Io(){const{state:e,dispatch:t,postType:n="",isLoading:r}=Ft(),{search:{inputValue:a}}=e,i=()=>{t({type:X.SET_SEARCH_TERM,payload:a}),t({type:X.SET_PAGINATION,payload:{pageIndex:0,pageSize:e.table.pagination.pageSize}})};return l.jsxs("div",{className:"flex w-154 items-center gap-0 border border-primary rounded bg-background overflow-hidden  pl-0.5",children:[l.jsx(yt,{placeholder:`Search ${n}...`,value:a,onChange:s=>t({type:X.SET_SEARCH_INPUT,payload:s.target.value}),onKeyDown:s=>{s.key==="Enter"&&i()},className:"w-10 h-9 text-xs flex-1 rounded border-none bg-transparent hover:bg-transparent focus:bg-transparent focus:rounded-r-none",disabled:r,"data-testid":"search-input"}),l.jsxs(he,{variant:"ghost",className:"h-10 p-3 rounded-none bg-primary hover:bg-primary cursor-pointer",onClick:i,"data-testid":"search-button",children:[l.jsx(Qi,{fontSize:10,className:"h-5 w-5"})," "]})]})}Io.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentSearch"};const Ni=(e,t)=>{if(typeof window>"u")return"list";try{const n=`blog-component-view-${t||"default"}`;return localStorage.getItem(n)||e}catch{return e}},mf=(e,t)=>{if(!(typeof window>"u"))try{const n=`blog-component-view-${t||"default"}`;localStorage.setItem(n,e)}catch{}};function hf(e,t){switch(t.type){case X.SET_SORTING:return{...e,table:{...e.table,sorting:t.payload}};case X.SET_COLUMN_FILTERS:return{...e,table:{...e.table,columnFilters:t.payload}};case X.SET_COLUMN_VISIBILITY:return{...e,table:{...e.table,columnVisibility:t.payload}};case X.SET_PAGINATION:return{...e,table:{...e.table,pagination:t.payload}};case X.SET_VIEW:return{...e,view:t.payload};case X.SET_SEARCH_INPUT:return{...e,search:{...e.search,inputValue:t.payload}};case X.SET_SEARCH_TERM:return{...e,search:{...e.search,searchTerm:t.payload}};case X.SET_STATUS_FILTER:return{...e,filter:{...e.filter,status:t.payload},table:{...e.table,pagination:{...e.table.pagination,pageIndex:0}}};case X.SET_FILTER_FIELDS:return{...e,filter:{...e.filter,filters:t.payload},table:{...e.table,pagination:{...e.table.pagination,pageIndex:0}}};case X.REMOVE_FIELD_FILTER:{const n=e.filter.filters.filter((r,a)=>a!==t.payload);return{...e,filter:{...e.filter,filters:n},table:{...e.table,pagination:{...e.table.pagination,pageIndex:0}}}}case X.UPDATE_TOTALS:return{...e,totals:{...e.totals,...t.payload}};case X.RESET_SEARCH:return{...e,search:{inputValue:"",searchTerm:""},totals:{draft:0,published:0,all:0,pages:0},table:{...e.table,pagination:{...e.table.pagination,pageIndex:0}}};case X.SET_DELETE_DIALOG_OPEN:return{...e,delete:{...e.delete,dialogOpen:t.payload}};case X.SET_ACTIVE_POST:return{...e,activePost:t.payload};case X.SET_SELECTED_POSTS:return{...e,selection:{...e.selection,selectedPosts:t.payload}};case X.SET_TABLE_ROW_SELECTION:return{...e,selection:{...e.selection,tableRowSelection:t.payload}};case X.UPDATE_SELECTION_FROM_UUIDS:{const{tableData:n}=t.payload,r={};return n.forEach((a,i)=>{e.selection.selectedPosts.some(o=>o.uuid===a.uuid)&&(r[i.toString()]=!0)}),{...e,selection:{...e.selection,tableRowSelection:r}}}case X.CLEAR_ALL_SELECTIONS:return{...e,selection:{selectedPosts:[],tableRowSelection:{}}};default:return e}}function ff(e){return{id:"actions",cell:({row:t})=>{const n=t.original;return l.jsxs("div",{className:H("flex items-center justify-end gap-4"),children:[l.jsx("a",{href:`${e.baseUrl}/${n.uuid}`,onClick:r=>r.preventDefault(),children:l.jsx(te,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:()=>{var r;return(r=e.onEdit)==null?void 0:r.call(e,n)},children:l.jsx(ba,{color:"gray",fontSize:6})})}),l.jsx(te,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:()=>{var r;return(r=e.onDelete)==null?void 0:r.call(e,n)},children:l.jsx(br,{color:"red",size:"small"})})]})}}}function pf(){return{id:"select",header:({table:e})=>{const t=e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected()&&"indeterminate";return l.jsx(te,{variant:"ghost",size:"icon",className:H("rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7 ",{"bg-primary":t}),onClick:()=>e.toggleAllPageRowsSelected(),children:l.jsx("div",{className:"w-4 h-4 border border-foreground rounded-full flex items-center justify-center",children:t&&l.jsx("div",{className:"w-2 h-2 bg-foreground rounded-full"})})})},cell:({row:e})=>{const t=e.getIsSelected();return l.jsx(te,{variant:"ghost",size:"icon",className:H("rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7 ",{"bg-primary":t}),onClick:n=>{n.stopPropagation(),e.toggleSelected()},children:l.jsx("div",{className:"w-4 h-4 border-2 border-foreground rounded-full flex items-center justify-center",children:t&&l.jsx("div",{className:"w-2 h-2 bg-foreground rounded-full"})})})},enableSorting:!1,enableHiding:!1}}const ia=[{id:"eq",label:"Equals",types:[ie.TEXT,ie.NUMBER,ie.SELECT]},{id:"neq",label:"Not equals",types:[ie.TEXT,ie.NUMBER,ie.SELECT]},{id:"gt",label:"Greater than",types:[ie.NUMBER]},{id:"gte",label:"Greater than or equal",types:[ie.NUMBER]},{id:"lt",label:"Less than",types:[ie.NUMBER]},{id:"lte",label:"Less than or equal",types:[ie.NUMBER]},{id:"contains",label:"Contains",types:[ie.TEXT]},{id:"notContains",label:"Does not contain",types:[ie.TEXT]},{id:"in",label:"In",types:[ie.SELECT,ie.TEXT]},{id:"notIn",label:"Not in",types:[ie.SELECT,ie.TEXT]},{id:"gt",label:"After",types:[ie.DATE]},{id:"gte",label:"After or equal",types:[ie.DATE]},{id:"lt",label:"Before",types:[ie.DATE]},{id:"lte",label:"Before or equals",types:[ie.DATE]}],sa=["in","notIn","between"];function gf(e,t,n){const r=sa.includes(n);if(r)return(Array.isArray(e)?e:[]).map(s=>(t.optionFilterField?s[t.optionFilterField]:s.value)??"").filter(s=>s!==void 0&&s!=="");switch(t.type){case ie.SELECT:{let a="";if(typeof e=="object"&&e!==null&&"value"in e){const i=e,s=t.optionFilterField?i[t.optionFilterField]:i.value;Array.isArray(s)?a=s.length>0?String(s[0]):"":a=s??""}return r?[a]:a}case ie.DATE:{const a=e;if(n==="between"){const i=a.split(",").map(s=>s.trim());return i.length===2?i:[a,a]}return a||""}default:{const a=e;let i;if(t.type===ie.NUMBER){const s=Number(a);i=isNaN(s)?0:s}else i=a||"";if(r){if(t.type===ie.TEXT&&typeof i=="string"){const s=i.split(",").map(o=>o.trim()).filter(o=>o);return s.length>0?s:[""]}return[i]}return i}}}function vf(e){return e!=null&&e.operators?ia.filter(t=>e.operators.includes(t.id)):e!=null&&e.type?ia.filter(t=>t.types.includes(e==null?void 0:e.type)):[]}function jo(){const{state:e,dispatch:t,filterFields:n}=Ft(),{search:{searchTerm:r},filter:{filters:a}}=e;function i(){t({type:X.RESET_SEARCH})}function s(o){t({type:X.REMOVE_FIELD_FILTER,payload:o})}return!r&&!(a!=null&&a.length)?null:l.jsxs("div",{className:"flex flex-wrap items-center gap-2 mb-2 w-fit","data-testid":"active-filters",children:[l.jsx("span",{className:"text-sm text-muted-foreground",children:"Result:"}),r&&l.jsxs("div",{className:"flex items-center gap-2 px-3 py-1 rounded-full text-sm border border-amber-100 bg-amber-50 text-amber-800","data-testid":"search-filter",children:[l.jsxs("span",{children:["Search Term Equals ",l.jsx("b",{children:r})]}),l.jsx(te,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0 hover:bg-transparent cursor-pointer",onClick:i,"data-testid":"remove-search-filter",children:l.jsx(Pn,{className:"h-3 w-3"})})]}),a.map((o,u)=>{var h;const c=(h=n==null?void 0:n.find)==null?void 0:h.call(n,f=>f.id===o.column),d=ia.find(f=>f.id==o.operator&&(c==null?void 0:c.type)&&f.types.includes(c==null?void 0:c.type));return l.jsxs("div",{className:"flex items-center gap-2 px-3 py-1 rounded-full border border-amber-100 bg-amber-50 text-amber-800","data-testid":`filter-${u}`,children:[(c==null?void 0:c.icon)&&l.jsx(te,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0 hover:bg-transparent cursor-pointer",children:c.icon}),l.jsxs("span",{className:"space-x-1 text-base",children:[l.jsx("b",{children:c==null?void 0:c.label})," ",l.jsx("span",{children:(d==null?void 0:d.label)||o.operator}),l.jsx("b",{children:o.label||o.value})]}),l.jsx(te,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0 hover:bg-transparent cursor-pointer",onClick:()=>s(u),"data-testid":`remove-filter-${u}`,children:l.jsx(Pn,{className:"h-3 w-3"})})]},u)})]})}jo.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentActiveFilters"};function qo({open:e,onOpenChange:t,onConfirm:n,pending:r,title:a="",description:i=""}){const{postTypeSng:s}=Ft(),o=`Delete ${s}`,u=`Deleting this ${s} will immediately remove it from your web page. Are you sure you want to delete this ${s} as this action cannot be undone?`;return l.jsx(kt,{open:e,onOpenChange:t,children:l.jsxs(Et,{className:"max-w-[370px] p-0 overflow-hidden",children:[l.jsx(Kt,{className:"bg-secondary p-3 py-5 items-start",children:l.jsx(mn,{children:l.jsx("h1",{className:"text-md capitalize",children:a||o})})}),l.jsx(ga,{className:"px-4 lowercase first-letter:uppercase",children:i||u}),l.jsxs(hn,{className:"flex flex-row p-4 pt-0 gap-4 justify-end",children:[l.jsx(te,{variant:"outline",className:"rounded",onClick:()=>t(!1),children:"No, don't delete"}),l.jsx(he,{variant:"primary",className:"rounded",isLoading:r,onClick:n,children:"Yes, delete"})]})]})})}qo.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentDeleteDialog",props:{open:{required:!0,tsType:{name:"boolean"},description:""},onOpenChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(open: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"open"}],return:{name:"void"}}},description:""},onConfirm:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},description:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},pending:{required:!1,tsType:{name:"boolean"},description:""}}};function cr({defaultValue:e,onChange:t}){const[n,r]=m.useState(e!=null&&e.length?new Date(e):void 0),a=i=>{r(i),t==null||t(i)};return l.jsxs(pr,{children:[l.jsx(gr,{asChild:!0,children:l.jsxs(te,{variant:"outline",className:H("w-fit flex-1 justify-start text-left font-normal cursor-pointer h-10",!n&&"text-muted-foreground"),children:[l.jsx(Wu,{}),n?_t(n,"PPP"):l.jsx("span",{children:"Pick a date"})]})}),l.jsxs(vr,{className:"flex w-auto flex-col space-y-2 p-2",children:[l.jsxs(An,{defaultValue:"0",onValueChange:i=>a(Ll(new Date,parseInt(i))),children:[l.jsx(Mn,{children:l.jsx(Rn,{placeholder:"Select"})}),l.jsxs(Dn,{position:"popper",children:[l.jsx(Rt,{value:"-30",children:"Last 30 days"}),l.jsx(Rt,{value:"-7",children:"Last Week"}),l.jsx(Rt,{value:"-1",children:"Yesterday"}),l.jsx(Rt,{value:"0",children:"Today"})]})]}),l.jsx("div",{className:"rounded-md border",children:l.jsx(zl,{mode:"single",disabled:i=>Date.now()<i.getTime(),selected:n,onSelect:i=>i&&a(i)})})]})]})}cr.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentDatePicker",props:{onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},defaultValue:{required:!1,tsType:{name:"string"},description:""}}};const yf=ei({filters:Tu(ei({column:Mr(),operator:Mr(),value:Mr()}))});function _o(){const[e,t]=m.useState(!1),[n,r]=m.useState(!1),a=[],[i,s]=m.useState(a);m.useEffect(()=>{r(!0)},[]);const{state:o,dispatch:u,filterFields:c=[]}=Ft(),{filter:{filters:d}}=o;m.useEffect(()=>{s(d.length?d:[{column:"",operator:"",value:"",label:""}])},[d]);function h(E){u({type:X.SET_FILTER_FIELDS,payload:E})}function f(E,S,N){y(E,"value",N?[_t(S,"yyyy-MM-dd  00:00:00"),_t(N,"yyyy-MM-dd  00:00:00")]:_t(S,"yyyy-MM-dd  00:00:00"),{label:N?`${_t(S,"PPP")} and ${_t(N,"PPP")}`:_t(S,"PPP")})}function g(){i.length>=5||s([...i,{column:"",operator:"",value:"",label:""}])}function v(E){s(i.filter((S,N)=>N!==E))}function y(E,S,N,T){const A=[...i],_=A[E];_&&(S==="column"?A[E]={..._,column:N,operator:"",value:"",label:"",rawValue:void 0,...T}:S==="operator"?A[E]={..._,operator:N,value:"",label:"",...T}:A[E]={..._,[S]:N,...T},s(A))}function w(){const E=i.filter(S=>S.column&&S.operator&&(S.value||S.label));h(E),t(!1)}function p(){s(a)}const b=(E,S)=>{const N=i[E];if(!N)return;const T=c.find(I=>I.id===N.column);if(!T)return;const A=sa.includes((N==null?void 0:N.operator)??""),_=gf(S,T,N.operator);let D="";A&&Array.isArray(S)?D=S.map(k=>k.label).join(", "):T.type===ie.SELECT&&typeof S=="object"&&S!==null?D=S.label:D=String(S||""),y(E,"value",_,{label:D,rawValue:S})},x=(E,S,N)=>{const T={label:"",value:E.rawValue,onChange:D=>b(S,D),className:"border border-border rounded overflow-hidden ",labelProps:{className:"hidden"}},A=i[S],_=sa.includes((A==null?void 0:A.operator)??"");if(_&&N.type!=ie.DATE)return l.jsx(Be,{...T,type:"select",selectProps:{placeholder:"Select multiple...",searchPlaceholder:"Search options...",...N.selectProps,maximumLabelItems:1,multiple:!0}});switch(N==null?void 0:N.type){case ie.SELECT:return l.jsx(Be,{...T,type:"select",selectProps:{placeholder:"Select value...",searchPlaceholder:"Search option...",...N.selectProps}});case ie.DATE:return l.jsxs("div",{className:"flex gap-2 flex-wrap lg:flex-nowrap items-center",children:[l.jsx(cr,{defaultValue:_?E.value[1]:E.value,onChange:D=>f(S,D,_?new Date(E.value[1]||Date.now()):void 0)}),_&&l.jsxs(l.Fragment,{children:["and",l.jsx(cr,{defaultValue:E.value[1],onChange:D=>f(S,new Date(E.value[0]||Date.now()),D)})]})]});case ie.NUMBER:default:return l.jsx(Be,{...T,type:"input",inputProps:{type:N==null?void 0:N.type,placeholder:"Enter value...",className:"h-10"}})}},C=va({resolver:xa(yf),defaultValues:{filters:a}});return n?l.jsxs(pu,{open:e,onOpenChange:t,children:[l.jsx(gu,{asChild:!0,children:l.jsx(te,{variant:"ghost",className:"h-10 p-3 rounded-none bg-primary hover:bg-primary cursor-pointer",children:l.jsx(ti,{className:"text-xl"})})}),l.jsxs(vu,{className:"w-full sm:max-w-[95w] md:max-w-2xl p-0 rounded-l-xl border-0 overflow-auto flex flex-col",children:[l.jsxs(yu,{className:"flex flex-col items-start justify-start space-y-0 bg-secondary p-4",children:[l.jsx(bu,{children:l.jsx("h1",{className:"text-md",children:"Filter Options"})}),l.jsx(wu,{children:"Select your prefered options below"})]}),l.jsx(xu,{...C,children:l.jsxs("form",{onSubmit:C.handleSubmit(w),className:"grow flex flex-col justify-between p-4",children:[l.jsxs("div",{className:"space-y-4",children:[i.map((E,S)=>l.jsx(m.Fragment,{children:l.jsxs("div",{className:"space-y-3",children:[l.jsx(Cu,{className:"flex gap-1 items-center text-base",htmlFor:`filter-${S}`,children:"Table Column"}),l.jsxs("div",{className:"grid grid-cols-[1fr_1fr_1fr_auto] gap-2 items-stretch",children:[l.jsx(ar,{children:l.jsxs(An,{value:E.column,onValueChange:N=>y(S,"column",N),children:[l.jsx(Mn,{className:"",children:l.jsx(Rn,{placeholder:"Select column"})}),l.jsx(Dn,{className:"!p-0",position:"popper",children:c.map(N=>l.jsx(Rt,{value:N.id,className:"[&>span:first-child]:hidden p-4 border-b !m-0 w-full ",children:l.jsxs("div",{className:"flex items-center gap-4 ",children:[N.icon&&l.jsx("span",{className:"flex items-center justify-center",children:N.icon}),N.label]})},N.id))})]})}),l.jsx(ar,{children:l.jsxs(An,{value:E.operator,onValueChange:N=>y(S,"operator",N),children:[l.jsx(Mn,{children:l.jsx(Rn,{placeholder:"Select operator"})}),l.jsx(Dn,{children:vf(c.find(N=>N.id===E.column)).map(N=>l.jsx(Rt,{value:N.id,className:"[&>span:first-child]:hidden p-2 text-sm",children:N.label},N.id))})]})}),l.jsx(ar,{children:x(E,S,c.find(N=>N.id===E.column))}),i.length>1&&l.jsx(te,{type:"button",variant:"ghost",size:"icon",onClick:()=>v(S),children:l.jsx(br,{className:"h-4 w-4 text-destructive"})})]})]})},S)),l.jsxs(te,{type:"button",variant:"outline",size:"sm",onClick:g,className:"flex items-center gap-2 rounded border mt-4 cursor-pointer",children:[l.jsx(yr,{className:"h-4 w-4"}),"Add Filter"]})]}),l.jsxs(ku,{className:"w-full flex flex-row justify-between items-center mt-auto",children:[l.jsx(te,{variant:"outline",type:"button",className:"rounded flex-1 border cursor-pointer h-10",onClick:p,children:"Clear all filters"}),l.jsx(te,{className:"rounded flex-1 border cursor-pointer h-10",type:"submit",children:"Apply Filters"})]})]})})]})]}):l.jsx(te,{variant:"ghost",className:"h-10 p-3 rounded-none bg-primary hover:bg-primary cursor-pointer",disabled:!0,children:l.jsx(ti,{className:"text-xl"})})}_o.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentFilterSheet"};function Ao(){const{filterFields:e,postType:t=""}=Ft();return e!=null&&e.length?l.jsxs("div",{className:"flex w-40 md:w-74 items-center gap-0 border rounded relative bg-background overflow-hidden",children:[l.jsx(yt,{placeholder:`Filter ${t}...`,className:"w-19 h-10 flex-1 text-xs px-3 rounded-none border-none bg-muted hover:bg-transparent disabled:opacity-100 focus:bg-transparent focus:rounded-r-none",disabled:!0}),l.jsx(_o,{})]}):null}Ao.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponentFilters"};const bf={table:{sorting:[],columnFilters:[],columnVisibility:{},pagination:{pageIndex:0,pageSize:0}},view:"list",search:{inputValue:"",searchTerm:""},filter:{status:2,filters:[]},totals:{draft:0,published:0,all:0,pages:1},delete:{dialogOpen:!1},activePost:null,selection:{selectedPosts:[],tableRowSelection:{}}};function wf({config:e,pagination:t,searchTerm:n,statusFilter:r,postFilters:a}){const i=Ke(),s=e.variables;return Hi({queryKey:[e.cacheKey||e.dataKey,(s==null?void 0:s.blog_uuid)||(s==null?void 0:s.site_uuid),t.pageIndex,t.pageSize,n,r,a],placeholderData:Nl,staleTime:120*1e3,gcTime:600*1e3,refetchOnMount:!1,refetchOnWindowFocus:!1,queryFn:async()=>{const o={blog_uuid:{eq:s==null?void 0:s.blog_uuid}};r!==2&&(o.status={eq:r.toString()}),a!=null&&a.length&&a.forEach(h=>{o[h.column]?o[h.column]={...o[h.column],[h.operator]:h.value}:o[h.column]={[h.operator]:h.value}});const{data:u,error:c}=await i.query({query:e.query,variables:{...s,page:t.pageIndex+1,first:t.pageSize,search:n,filter:o,sort:[{field:"UPDATED_AT",order:"DESC"}]},fetchPolicy:"network-only"});if(u&&!c){const h=u[e.dataKey];if(h){const{data:f,paginatorInfo:g}=h;return{tableData:f.map(y=>{var p;const w={totalPageViews:0,shares:0,isLoading:!1};if(y.metadata){const b=y.metadata,x=Al(typeof b=="string"?b:JSON.stringify(b));w.totalPageViews=(p=x==null?void 0:x.analytics)==null?void 0:p.totalPageViews}return{...y,statistics:w}}),pagination:g}}}if(c)throw c;const d=u[e.dataKey];return d?{tableData:d.data,pagination:d.paginatorInfo}:{tableData:[],pagination:{total:0,count:0,currentPage:1,hasMorePages:!1,lastPage:1,perPage:0}}}})}function xf({config:e,fetchConfig:t,postTypeSng:n=""}){const r=Hn(),a=Ke(),i=e==null?void 0:e.query,{showSuccess:s,showError:o}=Nt();return Gt({mutationFn:async u=>{if(i)return await a.mutate({mutation:i,variables:u});throw console.error("Invalid Query Configuration"),Error("Invalid Query Configuration")},onSuccess:u=>{u!=null&&u.data&&(r.invalidateQueries({queryKey:[(e==null?void 0:e.mutationInvalidateKey)||(t==null?void 0:t.cacheKey)||(t==null?void 0:t.dataKey)],refetchType:"all"}),s(`${n} Deleted`,`You have deleted the ${n} successfully`,{cancelText:"Done"}))},onError:u=>{console.log(u),r.invalidateQueries({queryKey:[(e==null?void 0:e.mutationInvalidateKey)||(t==null?void 0:t.cacheKey)||(t==null?void 0:t.dataKey)],refetchType:"all"}),o(`Failed to Delete ${n||"Post"}`,`An unexpected error occurred while deleting the ${n}.`,{confirmText:"Try Again",onAction:()=>{console.log("Retry create post")}})}})}const Cf={minItemsPerPage:6,maxItemsPerPage:50,tableHeaderHeight:20,tableRowHeight:80,gridCardHeight:300,gridGap:16,minCardWidth:288},kf=e=>{const[t,n]=m.useState({width:1920,height:1080}),[r,a]=m.useState({tableRows:0,gridCards:0,cols:0,cardWidth:0}),i=m.useCallback((s,o)=>{const u={...Cf,...e};if(s===0||o===0)return{tableRows:0,gridCards:0,cols:0,cardWidth:0};const c=u.minCardWidth||290,d=u.gridGap||16,f=Math.ceil(Math.max(1,Math.floor(s/(c+d)))),g=Math.ceil(Math.max(1,o/(u.gridCardHeight+d))),v=f*d-d,y=s-v-f*c,w=c+Math.floor(y/f),p=Math.max(u.minItemsPerPage,Math.min(u.maxItemsPerPage,Math.floor((o-u.tableHeaderHeight)/u.tableRowHeight))),b=Math.max(u.minItemsPerPage,Math.min(u.maxItemsPerPage,f*g));return{tableRows:p,gridCards:b,cols:f,cardWidth:w}},[e]);return m.useEffect(()=>{if(typeof document>"u")return;const s=document.getElementById("blog-content-area");if(!s)return;const o=()=>{const{clientWidth:c,clientHeight:d}=s;n({width:c,height:d}),a(i(c,d))},u=new ResizeObserver(()=>o());return u.observe(s),()=>u.disconnect()},[i]),{...r,...t,getItemsPerPage:s=>s==="list"?r.tableRows:r.gridCards}};function oa({children:e,queryConfig:t,filterFields:n,postType:r,postTypeSng:a,isSelect:i,baseUrl:s="",defaultState:o,columns:u,onSave:c,onCreateClick:d,onEditClick:h,selectedPosts:f=[],gridCardHeight:g,tableRowHeight:v,gridCardWidth:y,authors:w}){const p=m.useRef(!1),[b,x]=m.useState(null),C=m.useRef(!0),E={};g&&(E.gridCardHeight=g),y&&(E.minCardWidth=y),v&&(E.tableRowHeight=v);const{getItemsPerPage:S,cardWidth:N,cols:T}=kf(E),[A,_]=m.useState(!1),D={...bf,...o||{},view:A?Ni((o==null?void 0:o.view)||"list",r):(o==null?void 0:o.view)||"list"};D.table.pagination.pageSize=S(D.view);const[I,k]=m.useReducer(hf,D),{table:{sorting:q,columnFilters:O,columnVisibility:U,pagination:F},search:{inputValue:L,searchTerm:M},filter:{status:P,filters:B},selection:{selectedPosts:V,tableRowSelection:Q},totals:G,view:ne}=I,J=typeof window<"u"?window.location:{search:"",pathname:""},ce=K=>{typeof window<"u"&&window.history.replaceState({},"",K)};m.useEffect(()=>{f&&f.length>0&&C.current&&(k({type:X.SET_SELECTED_POSTS,payload:f}),C.current=!1)},[f]),m.useEffect(()=>{_(!0);const K=Ni((o==null?void 0:o.view)||"list",r);K!==ne&&k({type:X.SET_VIEW,payload:K})},[]);const{data:z,isLoading:se,isFetching:Y,error:W}=wf({config:t.fetch,pagination:F,searchTerm:M,statusFilter:P,postFilters:B}),ee=xf({config:t.delete,fetchConfig:t.fetch,postTypeSng:a});function xe(K){k({type:X.SET_SORTING,payload:typeof K=="function"?K(q):K})}function de(K){k({type:X.SET_COLUMN_FILTERS,payload:typeof K=="function"?K(O):K})}function ge(K){k({type:X.SET_COLUMN_VISIBILITY,payload:typeof K=="function"?K(U):K})}function Ne(K){const Me=typeof K=="function"?K(F):K;k({type:X.SET_PAGINATION,payload:Me})}function mt(K){k({type:X.SET_VIEW,payload:K}),mf(K,r)}const Xt=m.useCallback(K=>{k({type:X.SET_ACTIVE_POST,payload:K}),k({type:X.SET_DELETE_DIALOG_OPEN,payload:!0})},[]),Vt=m.useCallback(K=>{k({type:X.SET_ACTIVE_POST,payload:K}),h?h(K):window.location.href=`${s}/${K.uuid}`},[h,s]);function $e(K){k({type:X.SET_DELETE_DIALOG_OPEN,payload:K}),K||k({type:X.SET_ACTIVE_POST,payload:null})}async function Yt(){var K,Me;try{await ee.mutateAsync({uuid:((K=I.activePost)==null?void 0:K.uuid)||((Me=I.activePost)==null?void 0:Me.id)}),$e(!1)}catch(ye){console.error("Error deleting post:",ye)}}const Zt=m.useCallback(K=>{const ye=typeof K=="function"?K(Q):K;k({type:X.SET_TABLE_ROW_SELECTION,payload:ye});const ht=z!=null&&z.tableData.length?z==null?void 0:z.tableData:(z==null?void 0:z.tableData)||[],Fe=[...V];ht.forEach((Wt,vn)=>{const Ve=ye[vn.toString()],Ue=Fe.findIndex(Se=>Se.uuid===Wt.uuid);Ve&&Ue===-1?Fe.push(Wt):!Ve&&Ue!==-1&&Fe.splice(Ue,1)}),k({type:X.SET_SELECTED_POSTS,payload:Fe})},[V,Q,z==null?void 0:z.tableData]);m.useEffect(()=>{i&&(z!=null&&z.tableData)&&k({type:X.UPDATE_SELECTION_FROM_UUIDS,payload:{tableData:z.tableData}})},[z==null?void 0:z.tableData,V,i,z==null?void 0:z.tableData]);const Qn=m.useMemo(()=>ff({onEdit:Vt,onDelete:Xt,baseUrl:s}),[Vt,Xt,s]),Xn=pf(),Ae=Ou({data:z!=null&&z.tableData&&z.tableData.length>0?z.tableData:(z==null?void 0:z.tableData)??[],columns:i?[Xn,...u]:[...u,Qn],pageCount:G.pages,getCoreRowModel:Vu(),getPaginationRowModel:Fu(),onSortingChange:xe,onColumnFiltersChange:de,onColumnVisibilityChange:ge,onPaginationChange:Ne,getSortedRowModel:zu(),getFilteredRowModel:Lu(),onRowSelectionChange:Zt,state:{sorting:q,columnFilters:O,columnVisibility:U,pagination:F,rowSelection:Q},manualPagination:!0,enableRowSelection:i,meta:{pageCount:G.pages}}),jr=()=>{c==null||c(V)},Tt=()=>{d?d():window.location.href=s+"/new"},It=()=>V.length,Ut=()=>{k({type:X.CLEAR_ALL_SELECTIONS})},Jt=S(ne);m.useEffect(()=>{b||Ae.setPageSize(Jt)},[Jt,v,g,y,t.fetch.dataKey,b,Ae]),m.useEffect(()=>{if(z&&z.pagination&&z.pagination.lastPage!==void 0){const K={draft:P===0?z.pagination.total:G.draft,published:P===1?z.pagination.total:G.published,all:P===2?z.pagination.total:G.all,pages:z.pagination.lastPage};k({type:X.UPDATE_TOTALS,payload:K}),Ae&&K.pages!==G.pages&&Ae.resetPageIndex(),z.pagination.perPage!==F.pageSize&&k({type:X.SET_PAGINATION,payload:{pageIndex:F.pageIndex,pageSize:z.pagination.perPage}})}},[z==null?void 0:z.pagination,P,G.all,G.draft,G.published,F.pageIndex,F.pageSize]),m.useEffect(()=>{if(!Ae||p.current)return;const K=new URLSearchParams(J.search),Me=[];let ye,ht=0,Fe=0,Wt;K.forEach((Ve,Ue)=>{if(Ue.startsWith("filter_")){const Se=Ue.replace("filter_",""),[be,...qe]=Ve.split(":"),Te=qe.join(":");if(Se&&be&&Te!==void 0){const at=cf(Se,Te,n,w);Me.push({column:Se,operator:be,value:Te,label:at})}}else if(Ue==="search")ye=Ve;else if(Ue==="page"){const Se=parseInt(Ve);isNaN(Se)||(ht=Math.max(0,Se-1))}else if(Ue==="pageSize"){const Se=parseInt(Ve);isNaN(Se)||(Fe=Se,x(Se))}else if(Ue==="status"){const Se=parseInt(Ve,10);isNaN(Se)||(Wt=Se)}}),Fe===void 0&&x(null),Me.length>0&&k({type:X.SET_FILTER_FIELDS,payload:Me}),k({type:X.SET_SEARCH_TERM,payload:ye||""}),k({type:X.SET_STATUS_FILTER,payload:Wt??2}),(()=>{if(Ae&&Ae.setPageIndex&&Ae.setPageSize)if(ht>0&&Ae.setPageIndex(ht),Fe)Ae.setPageSize(Fe);else{const Ve=S(D.view);Ae.setPageSize(Ve)}})(),p.current=!0},[]),m.useEffect(()=>{if(!p.current)return;const K=new URLSearchParams;K.set("page",String((F.pageIndex||0)+1)),K.set("pageSize",String(F.pageSize)),K.set("status",String(P)),L!=null&&L.trim()&&K.set("search",L),Array.isArray(B)&&B.forEach(ye=>{ye!=null&&ye.column&&ye.value!==void 0&&ye.value!==null&&ye.value!==""&&K.set(`filter_${ye.column}`,`${ye.operator}:${ye.value}`)});const Me=`${J.pathname}?${K.toString()}`;Me!==J.pathname+J.search&&ce(Me)},[F.pageIndex,F.pageSize,P,L,B]);const rt={state:I,dispatch:k,queryConfig:t,filterFields:n,postType:r,postTypeSng:a,isSelect:i,baseUrl:s,table:Ae,queryData:z,isLoading:se,isFetching:Y,error:W,deleteMutation:ee,dynamicPageSize:Jt,handleSortingChange:xe,handleColumnFiltersChange:de,handleColumnVisibilityChange:ge,handlePaginationChange:Ne,handleViewChange:mt,handleDeleteClick:Xt,handleEditClick:Vt,handleDeleteDialogClose:$e,handleSave:jr,handleCreate:Tt,handleDeleteConfirm:Yt,getSelectedPostsCount:It,clearAllSelections:Ut,authors:w||[],calculatedGridCardWidth:N,calculatedGridCardCols:T};return l.jsx(No.Provider,{value:rt,children:e})}oa.__docgenInfo={description:"",methods:[],displayName:"BlogProvider",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},queryConfig:{required:!0,tsType:{name:"WazUIBlogComponentProps['queryConfig']",raw:"WazUIBlogComponentProps<TData>['queryConfig']"},description:""},filterFields:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"Array<any>"},description:""},postType:{required:!1,tsType:{name:"string"},description:""},postTypeSng:{required:!1,tsType:{name:"string"},description:""},isSelect:{required:!1,tsType:{name:"boolean"},description:""},baseUrl:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},defaultState:{required:!1,tsType:{name:"Partial",elements:[{name:"BlogComponentState",elements:[{name:"TData"}],raw:"BlogComponentState<TData>"}],raw:"Partial<BlogComponentState<TData>>"},description:""},columns:{required:!0,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},onSave:{required:!1,tsType:{name:"signature",type:"function",raw:"(selectedPosts: TData[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},name:"selectedPosts"}],return:{name:"void"}}},description:""},onEditClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: TData) => void",signature:{arguments:[{type:{name:"TData"},name:"data"}],return:{name:"void"}}},description:""},onCreateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},selectedPosts:{required:!1,tsType:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},description:"",defaultValue:{value:"[]",computed:!1}},tableRowHeight:{required:!1,tsType:{name:"number"},description:""},gridCardHeight:{required:!1,tsType:{name:"number"},description:""},gridCardWidth:{required:!1,tsType:{name:"number"},description:""},authors:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ uuid: string; name: string; [key: string]: string | null }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:{name:"string"},value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!0}}]}}],raw:"{ uuid: string; name: string; [key: string]: string | null }[]"},description:""}}};function zg(e){return Ee({attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M.5 0a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 .5 0M2 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm2 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5z"},child:[]}]})(e)}function Fg(e){return Ee({attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M6.445 12.688V7.354h-.633A13 13 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23"},child:[]},{tag:"path",attr:{d:"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"},child:[]},{tag:"path",attr:{d:"M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z"},child:[]}]})(e)}function Vg(e){return Ee({attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z"},child:[]},{tag:"path",attr:{d:"M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8m0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0M4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"},child:[]}]})(e)}function Ug(e){return Ee({attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"},child:[]}]})(e)}function Ef(e){return Ee({attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M6 1H1v14h5zm9 0h-5v5h5zm0 9v5h-5v-5zM0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1zm1 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1z"},child:[]}]})(e)}function Si({rootClassName:e,rowClassName:t,cardClassName:n,cellClassName:r,postBaseURL:a="",gridCard:i,toggleView:s=!0,showCTA:o=!0,tableRowHeight:u}){var P,B,V,Q,G,ne;const{state:c,postType:d,postTypeSng:h="",isSelect:f,baseUrl:g,table:v,isLoading:y,isFetching:w,error:p,handleViewChange:b,handleDeleteClick:x,handleEditClick:C,handleDeleteDialogClose:E,handleSave:S,handleDeleteConfirm:N,deleteMutation:T,handleCreate:A,getSelectedPostsCount:_,clearAllSelections:D,authors:I,calculatedGridCardWidth:k,calculatedGridCardCols:q,dynamicPageSize:O}=Ft(),{view:U,search:{searchTerm:F},delete:{dialogOpen:L}}=c,M=_();return l.jsxs("div",{className:H("relative h-screen flex flex-col overflow-auto bg-background",e),children:[l.jsxs("div",{className:H("flex flex-1 flex-col gap-y-5 p-4 overflow-auto h-full "),"data-testid":"blog-component",children:[l.jsxs("div",{className:"space-y-4",children:[l.jsx("h1",{className:"text-3xl font-[UniversalFeature]","data-testid":"page-title",children:d||"Posts"}),g&&l.jsx(Pu,{url:g,pageTitle:d})]}),l.jsxs("div",{className:"flex items-center justify-between w-full gap-4","data-testid":"blog-component-header",children:[l.jsx(Io,{}),l.jsx("div",{className:"flex-1",children:l.jsx(Ao,{})}),s&&l.jsxs("div",{className:"flex items-center p-1.5 px-2 slight_border rounded !border-[#efefef]","data-testid":"view-toggle",children:[l.jsx(he,{variant:"ghost",size:"icon",className:H("w-fit h-7 p-2 rounded group",{"bg-muted":U==="grid"}),onClick:()=>b("grid"),"data-testid":"grid-view-button",children:l.jsx(Ef,{className:H("group:hover:text-muted",{"text-muted-foreground":U==="grid"})})}),l.jsx(he,{variant:"ghost",size:"icon",className:H("w-fit h-7 p-2 rounded",{"bg-muted":U==="list"}),onClick:()=>b("list"),"data-testid":"list-view-button",children:l.jsx(sc,{className:H({"text-muted-foreground":U==="list"})})})]}),o&&l.jsxs("div",{className:"flex items-center gap-2",children:[f&&M>0&&l.jsx(he,{onClick:D,size:"lg",variant:"outline",className:"text-base rounded","data-testid":"clear-selections-button",children:"Clear"}),l.jsx("a",{href:f?void 0:`${g}/new`,onClick:J=>J.preventDefault(),children:l.jsxs(he,{onClick:f?S:A,size:"lg",variant:"primary",className:"text-base rounded","data-testid":"action-button",children:[f?`Save${M>0?` (${M})`:""}`:"Create"," ",h]})})]})]}),l.jsx(jo,{}),l.jsxs("div",{className:"relative flex-1 h-0 overflow-auto",id:"blog-content-area","data-testid":"content-area",children:[(y||w||!O)&&l.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center bg-secondary/10 backdrop-blur-sm","data-testid":"loading-overlay",children:l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsx(Au,{className:"w-6 h-6 animate-spin"}),l.jsx("span",{children:"Loading..."})]})}),p&&l.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/50 backdrop-blur-sm","data-testid":"error-overlay",children:l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsx(Pn,{className:"w-6 h-6 animate-spin"}),l.jsxs("span",{children:["Error: ",p==null?void 0:p.message]})]})}),(B=(P=v.getRowModel())==null?void 0:P.rows)!=null&&B.length?U==="list"?l.jsx(Uu,{table:v,cellClassName:r,rowClassName:H(t,{[`h-[${u}px]`]:u}),"data-testid":"data-table",onEdit:C}):l.jsx("div",{className:H("grid flex-1 gap-4 relative"),style:{gridTemplateColumns:`repeat(${q||0}, ${k||288}px)`},"data-testid":"grid-view",children:(Q=(V=v.getRowModel())==null?void 0:V.rows)==null?void 0:Q.map(J=>{const ce=J.original,z=I==null?void 0:I.find(se=>(se==null?void 0:se.uuid)==ce.author_uuid);return i&&l.jsx(i,{data:{...ce,author:z},className:H("w-full",n),onDeleteClick:x,postBaseURL:a,blogBaseUrl:g,onEditClick:C,isSelect:f,selected:J.getIsSelected(),onSelect:()=>J.toggleSelected()},J.id)})}):l.jsx(To,{search:F,filters:c.filter.filters})]})]}),(ne=(G=v.getRowModel())==null?void 0:G.rows)!=null&&ne.length?l.jsx(So,{}):null,l.jsx(qo,{open:L,onOpenChange:E,onConfirm:N,pending:T.isPending})]})}function Mo(e){const{queryConfig:t,filterFields:n,postType:r,postTypeSng:a,isSelect:i,baseUrl:s,defaultState:o,columns:u,onSave:c,selectedPosts:d,gridCardHeight:h,gridCardWidth:f,tableRowHeight:g,onCreateClick:v,onEditClick:y,authors:w,...p}=e,[b]=m.useState(()=>new _l),x={queryConfig:t,filterFields:n,postType:r,postTypeSng:a,isSelect:i,baseUrl:s,defaultState:o,columns:u,onSave:c,onCreateClick:v,onEditClick:y,selectedPosts:d,tableRowHeight:g,gridCardWidth:f,gridCardHeight:h,authors:w};if(e.apolloUri){const C=fa(e.apolloUri);return l.jsx(Sl,{client:b,children:l.jsx(Bi,{client:C,children:l.jsx(Wr,{children:l.jsx(oa,{...x,children:l.jsx(Si,{...p,tableRowHeight:g})})})})})}return l.jsx(Wr,{children:l.jsx(oa,{...x,children:l.jsx(Si,{...p,tableRowHeight:g})})})}Mo.__docgenInfo={description:"",methods:[],displayName:"WazUIBlogComponent",props:{columns:{required:!0,tsType:{name:"Array",elements:[{name:"ColumnDef",elements:[{name:"TData"}],raw:"ColumnDef<TData>"}],raw:"ColumnDef<TData>[]"},description:""},gridCard:{required:!1,tsType:{name:"ReactComponentType",raw:"React.ComponentType<GridCardProps<TData>>",elements:[{name:"GridCardProps",elements:[{name:"TData"}],raw:"GridCardProps<TData>"}]},description:""},gridColumnStyle:{required:!1,tsType:{name:"string"},description:""},toggleView:{required:!1,tsType:{name:"boolean"},description:""},postType:{required:!1,tsType:{name:"string"},description:""},postTypeSng:{required:!1,tsType:{name:"string"},description:""},rootClassName:{required:!1,tsType:{name:"string"},description:""},rowClassName:{required:!1,tsType:{name:"string"},description:""},cellClassName:{required:!1,tsType:{name:"string"},description:""},cardClassName:{required:!1,tsType:{name:"string"},description:""},postBaseURL:{required:!1,tsType:{name:"string"},description:""},baseUrl:{required:!1,tsType:{name:"string"},description:""},queryConfig:{required:!0,tsType:{name:"signature",type:"object",raw:"{ fetch: QueryConfig; delete?: QueryConfig; engagementConfig?: QueryConfig }",signature:{properties:[{key:"fetch",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"delete",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"engagementConfig",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}}]}},description:""},deleteQuery:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]}},description:""},defaultState:{required:!1,tsType:{name:"Partial",elements:[{name:"BlogComponentState",elements:[{name:"TData"}],raw:"BlogComponentState<TData>"}],raw:"Partial<BlogComponentState<TData>>"},description:""},filterFields:{required:!1,tsType:{name:"Array",elements:[{name:"FilterField"}],raw:"FilterField[]"},description:""},statusFilters:{required:!1,tsType:{name:"Array",elements:[{name:"StatusFilter"}],raw:"StatusFilter[]"},description:""},onEditClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: TData) => void",signature:{arguments:[{type:{name:"TData"},name:"data"}],return:{name:"void"}}},description:""},onCreateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},isSelect:{required:!1,tsType:{name:"boolean"},description:""},onSave:{required:!1,tsType:{name:"signature",type:"function",raw:"(selectedPosts: TData[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},name:"selectedPosts"}],return:{name:"void"}}},description:""},selectedPosts:{required:!1,tsType:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},description:""},tableRowHeight:{required:!1,tsType:{name:"number"},description:""},gridCardHeight:{required:!1,tsType:{name:"number"},description:""},gridCardWidth:{required:!1,tsType:{name:"number"},description:""},showCTA:{required:!1,tsType:{name:"boolean"},description:""},apolloUri:{required:!1,tsType:{name:"string"},description:""},authors:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ uuid: string; name: string; [key: string]: string | null }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:{name:"string"},value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!0}}]}}],raw:"{ uuid: string; name: string; [key: string]: string | null }[]"},description:""},onPostsChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(posts: TData[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},name:"posts"}],return:{name:"void"}}},description:""}}};const Pa=({open:e=!0,onSave:t,handleToggleOpen:n,className:r,selectedPosts:a,columns:i,queryConfig:s,defaultState:o,gridCard:u,postType:c,filterFields:d,postBaseURL:h,apolloUri:f,...g})=>{const v=y=>{t==null||t(y),n==null||n(!1)};return l.jsx(kt,{open:e,onOpenChange:n,children:l.jsx(Et,{className:H("sm:max-w-[80%] md:max-w-[80%] h-[90%] shadow-lg p-0 overflow-hidden",r),children:l.jsx(Mo,{columns:i,selectedPosts:a,queryConfig:s,defaultState:o,gridCard:u,postType:c,postBaseURL:h,filterFields:d,isSelect:!0,rootClassName:"h-full",gridColumnStyle:"repeat(auto-fit, minmax(210px, 1fr))",onSave:v,apolloUri:f,...g})})})};Pa.__docgenInfo={description:"",methods:[],displayName:"WazUiBlogComponentPopup",props:{columns:{required:!0,tsType:{name:"Array",elements:[{name:"ColumnDef",elements:[{name:"TData"}],raw:"ColumnDef<TData>"}],raw:"ColumnDef<TData>[]"},description:""},gridCard:{required:!1,tsType:{name:"ReactComponentType",raw:"React.ComponentType<GridCardProps<TData>>",elements:[{name:"GridCardProps",elements:[{name:"TData"}],raw:"GridCardProps<TData>"}]},description:""},gridColumnStyle:{required:!1,tsType:{name:"string"},description:""},toggleView:{required:!1,tsType:{name:"boolean"},description:""},postType:{required:!1,tsType:{name:"string"},description:""},postTypeSng:{required:!1,tsType:{name:"string"},description:""},rootClassName:{required:!1,tsType:{name:"string"},description:""},rowClassName:{required:!1,tsType:{name:"string"},description:""},cellClassName:{required:!1,tsType:{name:"string"},description:""},cardClassName:{required:!1,tsType:{name:"string"},description:""},postBaseURL:{required:!1,tsType:{name:"string"},description:""},baseUrl:{required:!1,tsType:{name:"string"},description:""},queryConfig:{required:!0,tsType:{name:"signature",type:"object",raw:"{ fetch: QueryConfig; delete?: QueryConfig; engagementConfig?: QueryConfig }",signature:{properties:[{key:"fetch",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"delete",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"engagementConfig",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}}]}},description:""},deleteQuery:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]}},description:""},defaultState:{required:!1,tsType:{name:"Partial",elements:[{name:"BlogComponentState",elements:[{name:"TData"}],raw:"BlogComponentState<TData>"}],raw:"Partial<BlogComponentState<TData>>"},description:""},filterFields:{required:!1,tsType:{name:"Array",elements:[{name:"FilterField"}],raw:"FilterField[]"},description:""},statusFilters:{required:!1,tsType:{name:"Array",elements:[{name:"StatusFilter"}],raw:"StatusFilter[]"},description:""},onEditClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: TData) => void",signature:{arguments:[{type:{name:"TData"},name:"data"}],return:{name:"void"}}},description:""},onCreateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},isSelect:{required:!1,tsType:{name:"boolean"},description:""},onSave:{required:!1,tsType:{name:"signature",type:"function",raw:"(selectedPosts: TData[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},name:"selectedPosts"}],return:{name:"void"}}},description:""},selectedPosts:{required:!1,tsType:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},description:""},tableRowHeight:{required:!1,tsType:{name:"number"},description:""},gridCardHeight:{required:!1,tsType:{name:"number"},description:""},gridCardWidth:{required:!1,tsType:{name:"number"},description:""},showCTA:{required:!1,tsType:{name:"boolean"},description:""},apolloUri:{required:!1,tsType:{name:"string"},description:""},authors:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ uuid: string; name: string; [key: string]: string | null }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:{name:"string"},value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!0}}]}}],raw:"{ uuid: string; name: string; [key: string]: string | null }[]"},description:""},onPostsChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(posts: TData[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"TData"}],raw:"TData[]"},name:"posts"}],return:{name:"void"}}},description:""},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},handleToggleOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(open: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"open"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};const Ro=({className:e})=>{const{state:t,imageGalleryConfig:n,dispatch:r,handleAddEmbed:a,asChild:i,blogPostsConfig:s}=zt(),{showEmbedImage:o,showEmbedPost:u}=t,c=f=>{r({type:"TOGGLE_EMBED_IMAGE",payload:f})},d=f=>{a("image",f),c(!1)},h=f=>{f[0]&&a("post",f[0]),r({type:"TOGGLE_EMBED_POST",payload:!1})};return l.jsxs(l.Fragment,{children:[!i&&l.jsxs("div",{className:H("w-full h-full flex-1 flex flex-col no-scrollbar gap-2 border-1",e),"data-testid":"editor",children:[l.jsx(ra,{}),l.jsx(aa,{})]}),i&&l.jsxs(l.Fragment,{children:[l.jsx(ra,{}),l.jsx(aa,{})]}),l.jsx(Co,{}),l.jsx(Eo,{}),n&&l.jsx(Da,{config:{...n,viewOnly:!0},open:o,onChange:f=>f&&d(f),handleToggleOpen:c}),s&&l.jsx(Pa,{...s,open:u,selectedPosts:[],onSave:h,handleToggleOpen:f=>r({type:"TOGGLE_EMBED_POST",payload:f})})]})};Ro.__docgenInfo={description:"",methods:[],displayName:"WysiwygContent",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const Do=({children:e,onChange:t,imageGalleryConfig:n,content:r,asChild:a,blogPostsConfig:i,twitterEmbedConfig:s})=>{const o=m.useRef(null),[u,c]=m.useState(null),d=m.useMemo(()=>({toolbarId:`toolbar-${Date.now()}`,editorContainerId:`editorParent-${Date.now()}`}),[]),[h,f]=m.useReducer(ef,{...Jh,toolbarId:d.toolbarId,editorContainerId:d.editorContainerId,content:r||"",quillRef:o}),g=m.useCallback(p=>{const b=p.replace(/<div class="ql-picture-caption"([^>]*?)>Click to edit caption\.\.\.<\/div>/g,'<div class="ql-picture-caption"$1></div>');f({type:"SET_CONTENT",payload:b}),t==null||t(b)},[t]),v=p=>{setTimeout(()=>{f({type:"INITIATE_EMBED",payload:p})},100)},y=(p,b)=>{f({type:"SET_EMBED",payload:{type:p,value:b}})};m.useEffect(()=>{let p=null;return(async()=>{if(!(typeof window>"u"))try{const C=(await ni(()=>import("./quill-Dex9Y0nc.js"),__vite__mapDeps([0,1]),import.meta.url)).default,S=await(await ni(()=>import("./PictureBlot-Ce0f3E3l.js"),__vite__mapDeps([2,3]),import.meta.url)).default();S&&C.register("formats/picture",S,!0),o.current&&(p=new C(o.current,{theme:"snow",modules:{...Xh,toolbar:{container:`#${d.toolbarId}`}},formats:Yh,placeholder:"Add content"}),r&&r.trim()!==""&&(p==null||p.clipboard.dangerouslyPasteHTML(r,"silent")),p==null||p.root.addEventListener("paste",N=>{var I;const T=N.target,A=T==null?void 0:T.closest(".ql-picture-caption");if((A==null?void 0:A.getAttribute("data-editing"))==="true")return;N.preventDefault(),N.stopPropagation();const D=((I=N.clipboardData)==null?void 0:I.getData("text/plain"))||"";if(D&&p){const k=p.getSelection(!0);p.insertText(k.index,D,"user"),p.setSelection(k.index+D.length)}},!0),p.on("text-change",()=>{if(p){const N=p.root.innerHTML;g(N)}}),p.root.addEventListener("keydown",N=>{var T,A;if(N.key==="Enter"&&p){const _=p.getSelection();if(_){const D=p.getLength();if(_.index>=D-1){const q=p.root.lastElementChild;if(q!=null&&q.classList.contains("ql-picture-container")){N.preventDefault(),p.insertText(D,`
+`,"user"),p.setSelection(D+1,0);return}}const[I]=p.getLeaf(_.index);if((A=(T=I==null?void 0:I.domNode)==null?void 0:T.closest)==null?void 0:A.call(T,".ql-picture-container")){N.preventDefault();const q=_.index;p.insertText(q+1,`
+`,"user"),p.setSelection(q+2,0)}}}}),p.on("text-change",(N,T,A)=>{if(A==="user"){if(document.querySelector('.ql-picture-caption[data-editing="true"]'))return;setTimeout(()=>{if(!p)return;const D=p.root.innerHTML,I=/<p[^>]*class="[^"]*ql-align-[^"]*"[^>]*><br><\/p>/g,k=D.replace(I,"<p><br></p>");if(/^<p[^>]*class="[^"]*ql-align-[^"]*"[^>]*><br><\/p>$/.test(D.trim()))p.root.innerHTML="<p><br></p>",p.setSelection(0,0);else if(k!==D){p.root.innerHTML=k;const O=p.getSelection();O&&p.setSelection(O.index,O.length)}},100)}}),c(p))}catch(x){console.error("Failed to load Quill editor:",x)}})(),()=>{p&&p.off("text-change"),c(null)}},[o]),m.useEffect(()=>{u&&r&&!h.content&&(u.clipboard.dangerouslyPasteHTML(r,"silent"),f({type:"SET_CONTENT",payload:r}))},[r,u]);const w={state:h,dispatch:f,handleContentChange:g,handleInitiateEmbed:v,handleAddEmbed:y,imageGalleryConfig:n,blogPostsConfig:i,onChange:t,asChild:a,quillObj:u,setQuillObj:c,twitterEmbedConfig:s};return l.jsx(yo.Provider,{value:w,children:e})};Do.__docgenInfo={description:"",methods:[],displayName:"WysiwygProvider"};const Po=({className:e,onChange:t,initialValue:n,content:r,imageGalleryConfig:a,blogPostsConfig:i,asChild:s,twitterEmbedConfig:o})=>l.jsx(Do,{content:r||n,onChange:t,imageGalleryConfig:a,asChild:s,blogPostsConfig:i,twitterEmbedConfig:o,children:l.jsx(Ro,{className:e})});Po.__docgenInfo={description:"",methods:[],displayName:"WazUiWysiwygInput",props:{className:{required:!1,tsType:{name:"string"},description:""},asChild:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(content: string) => void",signature:{arguments:[{type:{name:"string"},name:"content"}],return:{name:"void"}}},description:""},initialValue:{required:!1,tsType:{name:"string"},description:""},content:{required:!1,tsType:{name:"string"},description:""},embed:{required:!1,tsType:{name:"signature",type:"object",raw:"{ type: string; value: string }",signature:{properties:[{key:"type",value:{name:"string",required:!0}},{key:"value",value:{name:"string",required:!0}}]}},description:""},initiateEmbed:{required:!1,tsType:{name:"signature",type:"function",raw:"(type: string) => void",signature:{arguments:[{type:{name:"string"},name:"type"}],return:{name:"void"}}},description:""},error:{required:!1,tsType:{name:"boolean"},description:""},imageGalleryConfig:{required:!1,tsType:{name:"signature",raw:"GqlMediaLibraryProps['config']"},description:""},blogPostsConfig:{required:!1,tsType:{name:"WazUIBlogComponentProps",elements:[{name:"PostEmbed"}],raw:"WazUIBlogComponentProps<PostEmbed>"},description:""},twitterEmbedConfig:{required:!1,tsType:{name:"TwitterEmbedConfig"},description:""}}};const Oo=()=>{const{state:e,dispatch:t,onChange:n,linkProps:r}=St(),{value:a}=e,[i,s]=m.useState(!0),[o,u]=m.useState(0),[c,d]=m.useState(0),[h,f]=m.useState(0),[g,v]=m.useState(""),[y,w]=m.useState(0),[p,b]=m.useState(!1),[x,C]=m.useState({x:0,y:0}),E=m.useRef(null),S=m.useRef(null),N=m.useRef(null),T=m.useRef(null),A=on(a),_=()=>{t({type:"SET_VALUE",payload:""}),n&&n("")},D=m.useCallback(()=>{E.current&&(i?E.current.play():E.current.pause(),s(!i))},[i]),I=m.useCallback(()=>{if(E.current){const M=E.current.currentTime,P=E.current.duration;u(M),f(P>0?M/P*100:0),S.current&&(S.current.currentTime=M)}},[]),k=m.useCallback(()=>{E.current&&(d(E.current.duration),F(A.url))},[A.url]),q=m.useCallback(M=>{if(N.current&&E.current&&c>0){const P=N.current.getBoundingClientRect(),B=(M.clientX-P.left)/P.width*c;if(w(B),C({x:M.clientX-P.left,y:P.top-10}),b(!0),T.current&&E.current){const V=T.current,Q=V.getContext("2d");if(Q){const G=document.createElement("video");G.src=A.url,G.currentTime=B,G.muted=!0,G.addEventListener("seeked",()=>{Q.drawImage(G,0,0,V.width,V.height)},{once:!0})}}}},[c,A]),O=m.useCallback(()=>{b(!1)},[]),U=m.useCallback(M=>{if(N.current&&E.current&&c>0){const P=N.current.getBoundingClientRect(),B=(M.clientX-P.left)/P.width*c;E.current.currentTime=B,u(B),f(B/c*100)}},[c]),F=m.useCallback(M=>{try{const P=M.split("/"),B=P[P.length-1];if(B&&B.includes(".")){const G=B.split(".").slice(0,-1).join("."),J=decodeURIComponent(G).replace(/[_-]/g," ").replace(/\s+/g," ").trim();if(J){v(J);return}}const V=new URL(M).pathname.split("/").filter(Boolean);if(V.length>0){const G=V[V.length-1],ne=decodeURIComponent(G).replace(/[_-]/g," ").replace(/\s+/g," ").trim();if(ne&&!ne.includes(".")){v(ne);return}}const Q=new URL(M).hostname;Q.includes("youtube")||Q.includes("youtu.be")?v("YouTube Video"):Q.includes("vimeo")?v("Vimeo Video"):Q.includes("twitch")?v("Twitch Video"):v("Video")}catch(P){console.log(P),v("Video")}},[]);m.useEffect(()=>{const M=E.current,P=S.current;return M&&(M.src=A.url,M.addEventListener("timeupdate",I),M.addEventListener("loadedmetadata",k),M.addEventListener("pause",()=>s(!0)),M.addEventListener("play",()=>s(!1))),P&&(P.src=A.url,P.muted=!0),()=>{M&&(M.removeEventListener("timeupdate",I),M.removeEventListener("loadedmetadata",k),M.removeEventListener("pause",()=>s(!0)),M.removeEventListener("play",()=>s(!1)))}},[a,I,k]),m.useEffect(()=>{setTimeout(()=>{i||D()},2e3)},[a]);const L=M=>{const P=Math.floor(M/60),B=Math.floor(M%60);return`${P}:${B.toString().padStart(2,"0")}`};return l.jsxs("div",{className:"flex-1  overflow-hidden h-full flex flex-col items-center justify-center gap-2 bg-background",children:[a&&!(A!=null&&A.embed)&&l.jsxs("div",{className:"group relative w-full h-full flex-1 flex items-center justify-center overflow-hidden  ",children:[l.jsx("video",{className:"w-full h-100 flex-1",src:A.url,ref:E,children:"Your browser does not support the video tag."}),l.jsxs("div",{className:"hidden group-hover:flex absolute w-full h-full flex-col justify-between p-4 bg-gradient-to-b from-transparent via-transparent via-60% to-black/50 ",children:[l.jsxs("div",{className:"flex-1 flex gap-1 justify-end",children:[l.jsx(te,{variant:"ghost",size:"icon",className:"bg-background rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] h-7 w-7",onClick:D,children:i?l.jsx(dc,{}):l.jsx(uc,{})}),l.jsx(te,{variant:"ghost",size:"icon",onClick:_,className:"bg-background shadow-[0px_4.29px_12.86px_0px_#00000012] rounded-md h-7 w-7",children:l.jsx(os,{className:"text-destructive",size:"small"})})]}),l.jsxs("div",{className:"h-fit flex flex-col gap-2",children:[l.jsx("p",{className:"text-background capitalize text-xl",children:g||"Loading..."}),l.jsxs("div",{className:"flex w-full  justify-between items-center",children:[l.jsx("p",{className:"text-background",children:"Video Player"}),l.jsxs("span",{className:"text-sm text-background",children:[L(o)," / ",L(c)]})]}),l.jsx("div",{className:"relative",children:l.jsx("div",{className:"flex items-center gap-2",children:l.jsxs("div",{className:"flex-1 relative",children:[l.jsxs("div",{ref:N,className:"h-[2px] bg-background/50 rounded-full cursor-pointer relative overflow-hidden",onMouseMove:q,onMouseLeave:O,onClick:U,children:[l.jsx("div",{className:"h-full bg-background rounded-full transition-all duration-[1000]",style:{width:`${h}%`}}),p&&l.jsx("div",{className:"absolute top-0 w-0.5 h-full bg-white/80 pointer-events-none",style:{left:`${y/c*100}%`,transform:"translateX(-50%)"}})]}),p&&l.jsx("div",{className:"absolute z-50 pointer-events-none",style:{left:`${x.x}px`,bottom:"100%",transform:"translateX(-50%)",marginBottom:"4px"},children:l.jsx("canvas",{ref:T,width:120,height:68,className:"rounded border border-background mb-1"})})]})})})]})]})]}),a&&(A==null?void 0:A.embed)&&l.jsx("iframe",{className:H("w-full h-full",r==null?void 0:r.className),allowFullScreen:!0,src:A.url}),!a&&l.jsxs("div",{"data-testid":"no-video",className:"flex flex-col w-full h-80 items-center justify-center gap-2 text-muted-foreground",children:[l.jsx(Iu,{className:"text-xl"}),l.jsx("p",{className:"text-xs text-center",children:"No video to display"})]})]})};Oo.__docgenInfo={description:"",methods:[],displayName:"VideoInput"};const Lo=()=>{const{state:e,dispatch:t,blogPostsConfig:n,label:r}=St(),{showPostsModal:a,value:i}=e,s=()=>{t({type:"TOGGLE_POSTS_MODAL"})},o=d=>{const h=c.filter(f=>f.uuid!==d.uuid);t({type:"SET_VALUE",payload:h})},u=d=>{t({type:"SET_VALUE",payload:d})};if(!n)return null;const c=i;return l.jsxs("div",{className:H("flex-1 bg-background space-y-2"),children:[l.jsxs("div",{className:"w-full flex items-center justify-between gap-2",children:[l.jsx(he,{size:"icon",variant:"primary",className:"bg-muted rounded-full",onClick:s,children:l.jsx(yr,{})}),l.jsx("div",{className:"flex-1 text-sm ",children:r}),!!c.length&&l.jsxs("p",{className:"text-sm p-2 bg-muted text-muted-foreground rounded",children:[c.length," selected articles"]})]}),l.jsx("div",{className:"space-y-1 max-h-60 overflow-y-auto",children:c.map(d=>{const h=d.featured_image?JSON.parse(d.featured_image):null;return l.jsxs("div",{className:"gap-2 flex flex-row items-center justify-between w-full waz_shadow py-2","data-testid":"post-row",children:[h!=null&&h.src?l.jsx("img",{src:ya({url:h==null?void 0:h.src,width:80,height:64}).url,alt:"Post Image",className:"w-[3rem] h-10 rounded-sm object-cover flex-shrink-0"}):l.jsx("div",{className:"w-[3rem] h-10 bg-muted rounded-sm flex items-center justify-center","data-testid":"post-no-image",children:l.jsxs("div",{className:"flex flex-col items-center  text-muted-foreground",children:[l.jsx(Ju,{className:"h-3 w-3"}),l.jsx("span",{className:"text-[9px]",children:"No image"})]})}),l.jsx("a",{className:" flex-1 hover:underline cursor-pointer text-sm line-clamp-1",href:d.slug,target:"_blank",rel:"noopener noreferrer",children:Ml(d.title)}),l.jsx(he,{size:"icon",variant:"ghost",onClick:()=>o(d),"data-testid":"remove-post",children:l.jsx(Pn,{})})]},d.uuid)})}),l.jsx(Pa,{...n,selectedPosts:c,open:a,onSave:u,handleToggleOpen:d=>t({type:"TOGGLE_POSTS_MODAL",payload:d})})]})};Lo.__docgenInfo={description:"",methods:[],displayName:"PostInput"};function Wg(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"},child:[]}]})(e)}function Hg(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"},child:[]}]})(e)}function zo(e){return Ee({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"},child:[]}]})(e)}const Fo=()=>{const{state:{value:e,showEditLinkModal:t},dispatch:n,onChange:r,label:a,linkProps:i,error:s}=St(),[o,u]=m.useState(e),c=()=>{n({type:"SET_VALUE",payload:o}),r&&r(o),d()},d=()=>{n({type:"TOGGLE_EDIT_LINK_MODAL"})};return m.useEffect(()=>{u(e)},[e]),l.jsx(l.Fragment,{children:l.jsx(kt,{open:t,onOpenChange:d,children:l.jsxs(Et,{className:"p-0 border-none overflow-hidden rounded-xl",children:[l.jsx(Kt,{className:"bg-secondary p-4 py-5 items-start",children:l.jsx(mn,{children:l.jsxs("h1",{className:"text-md capitalize",children:["Edit ",a]})})}),l.jsx("div",{className:"p-4 py-2",children:l.jsx(Be,{label:l.jsxs("span",{className:"flex gap-2 items-center text-sm ",children:[a,s&&l.jsxs("span",{className:"flex items-center justify-center gap-1",children:[l.jsx(zo,{className:"text-destructive text-xl"}),l.jsx("span",{className:" capitalize text-xs text-muted-foreground",children:s==null?void 0:s.message})]})]}),value:o,type:"textarea",onChange:h=>u(h.toString()),textareaProps:{...i,className:H("underline text-[#101828] text-sm",i==null?void 0:i.className)}})}),l.jsx(hn,{className:"flex flex-row p-4 pt-0 gap-4 justify-end mt-4",children:l.jsx(he,{className:"rounded",variant:"primary",onClick:c,disabled:o.toString().includes(" "),children:"Save"})})]})})})};Fo.__docgenInfo={description:"",methods:[],displayName:"EditLinkDialog"};const Vo=()=>{const{state:{value:e},dispatch:t,optionsQuery:{data:n,isLoading:r,fetchNextPage:a,hasNextPage:i,isFetchingNextPage:s},selectProps:o}=St(),u=m.useMemo(()=>(n==null?void 0:n.pages.flatMap(C=>C==null?void 0:C.data).filter(C=>C!=null))??[],[n]),[c,d]=m.useState(""),[h,f]=m.useState(!1),{ref:g,inView:v}=wr(),y=m.useRef(null),w=C=>{f(!0),d(C),t({type:"SET_OPTIONS_SEARCH_VALUE",payload:C})},p=C=>{let E=[];e&&Array.isArray(e)&&e.every(T=>typeof T=="object"&&"label"in T&&"value"in T)&&(E=e);const S=E.find(T=>T.value===C.value);let N;(o==null?void 0:o.multiple)===!1?N=S?[]:[C]:N=S?E.filter(T=>T.value!==C.value):[...E,C],t({type:"SET_VALUE",payload:N}),d("")},b=m.useMemo(()=>e?Array.isArray(e)?e.every(E=>typeof E=="object"&&"label"in E&&"value"in E)?e:[]:[]:[],[o==null?void 0:o.placeholder,e]),x=C=>{var S;const E=(S=y.current)==null?void 0:S.value;C.key=="Enter"&&(C.preventDefault(),y.current&&E&&(o!=null&&o.createNewOption)&&(p({label:E,value:E}),y.current.value=""))};return m.useEffect(()=>{v&&i&&!s&&a()},[v,i,s,a]),l.jsxs(pr,{open:h&&(!!(o!=null&&o.queryConfig)||!!(o!=null&&o.options)),onOpenChange:f,modal:!1,children:[l.jsx(gr,{asChild:!0,onClick:C=>C.preventDefault(),children:l.jsxs("div",{className:H("w-full flex flex-wrap gap-2 p-2 items-center bg-background ",o==null?void 0:o.className),children:[b.map((C,E)=>l.jsxs(Gi,{className:"flex h-fit gap-2 p-1 px-2 items-center bg-[#86FC6540] text-current capitalize",children:[C.label||C.value,l.jsx(Pn,{onClick:()=>p(C),className:"h-4 w-4 p-1 bg-[#65FB3A] rounded-full"})]},C.value||C.label||E)),l.jsx(yt,{ref:y,placeholder:o==null?void 0:o.placeholder,className:"p-0 min-w-30 flex-1 border-none shadow-none bg-transparent hover:bg-transparent focus:bg-transparent focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus-visible:outline-none",value:c,onChange:C=>w(C.target.value),onKeyDown:x,onFocus:()=>f(!0)})]})}),l.jsx(vr,{className:"w-[var(--radix-popover-trigger-width)] p-0",align:"start",onOpenAutoFocus:C=>C.preventDefault(),children:l.jsx(es,{shouldFilter:!1,children:l.jsxs(ts,{className:"text-sm",children:[l.jsx(ns,{className:"flex items-center justify-center p-3 ",children:r?l.jsx(On,{className:"h-6 w-6 animate-spin"}):"No Options found."}),l.jsxs(rs,{children:[u.map(C=>C&&l.jsxs(as,{value:C.value,onSelect:()=>p(C),className:"capitalize",children:[C.label,l.jsx(bs,{className:H("ml-auto",b.some(E=>C.value===E.value)?"opacity-100":"opacity-0")})]},C.value)),i&&l.jsx("div",{ref:g,className:"w-full flex justify-center",children:s?l.jsx(Mu,{className:"h-6 w-6 animate-spin"}):l.jsx(te,{variant:"ghost",onClick:()=>a(),children:"Load more"})})]})]})})})]})};Vo.__docgenInfo={description:"",methods:[],displayName:"OptionsList"};function Nf(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return m.useMemo(()=>r=>{t.forEach(a=>a(r))},t)}const Nr=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function fn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Oa(e){return"nodeType"in e}function De(e){var t,n;return e?fn(e)?e:Oa(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function La(e){const{Document:t}=De(e);return e instanceof t}function Kn(e){return fn(e)?!1:e instanceof De(e).HTMLElement}function Uo(e){return e instanceof De(e).SVGElement}function pn(e){return e?fn(e)?e.document:Oa(e)?La(e)?e:Kn(e)||Uo(e)?e.ownerDocument:document:document:document}const ct=Nr?m.useLayoutEffect:m.useEffect;function za(e){const t=m.useRef(e);return ct(()=>{t.current=e}),m.useCallback(function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return t.current==null?void 0:t.current(...r)},[])}function Sf(){const e=m.useRef(null),t=m.useCallback((r,a)=>{e.current=setInterval(r,a)},[]),n=m.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function Fn(e,t){t===void 0&&(t=[e]);const n=m.useRef(e);return ct(()=>{n.current!==e&&(n.current=e)},t),n}function Gn(e,t){const n=m.useRef();return m.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function dr(e){const t=za(e),n=m.useRef(null),r=m.useCallback(a=>{a!==n.current&&(t==null||t(a,n.current)),n.current=a},[]);return[n,r]}function la(e){const t=m.useRef();return m.useEffect(()=>{t.current=e},[e]),t.current}let zr={};function $n(e,t){return m.useMemo(()=>{if(t)return t;const n=zr[e]==null?0:zr[e]+1;return zr[e]=n,e+"-"+n},[e,t])}function Wo(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a<n;a++)r[a-1]=arguments[a];return r.reduce((i,s)=>{const o=Object.entries(s);for(const[u,c]of o){const d=i[u];d!=null&&(i[u]=d+e*c)}return i},{...t})}}const un=Wo(1),Vn=Wo(-1);function Tf(e){return"clientX"in e&&"clientY"in e}function Fa(e){if(!e)return!1;const{KeyboardEvent:t}=De(e.target);return t&&e instanceof t}function If(e){if(!e)return!1;const{TouchEvent:t}=De(e.target);return t&&e instanceof t}function ua(e){if(If(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Tf(e)?{x:e.clientX,y:e.clientY}:null}const Un=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Un.Translate.toString(e),Un.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),Ti="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function jf(e){return e.matches(Ti)?e:e.querySelector(Ti)}const qf={display:"none"};function _f(e){let{id:t,value:n}=e;return R.createElement("div",{id:t,style:qf},n)}function Af(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const a={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return R.createElement("div",{id:t,style:a,role:"status","aria-live":r,"aria-atomic":!0},n)}function Mf(){const[e,t]=m.useState("");return{announce:m.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const Ho=m.createContext(null);function Rf(e){const t=m.useContext(Ho);m.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Df(){const[e]=m.useState(()=>new Set),t=m.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[m.useCallback(r=>{let{type:a,event:i}=r;e.forEach(s=>{var o;return(o=s[a])==null?void 0:o.call(s,i)})},[e]),t]}const Pf={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},Of={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Lf(e){let{announcements:t=Of,container:n,hiddenTextDescribedById:r,screenReaderInstructions:a=Pf}=e;const{announce:i,announcement:s}=Mf(),o=$n("DndLiveRegion"),[u,c]=m.useState(!1);if(m.useEffect(()=>{c(!0)},[]),Rf(m.useMemo(()=>({onDragStart(h){let{active:f}=h;i(t.onDragStart({active:f}))},onDragMove(h){let{active:f,over:g}=h;t.onDragMove&&i(t.onDragMove({active:f,over:g}))},onDragOver(h){let{active:f,over:g}=h;i(t.onDragOver({active:f,over:g}))},onDragEnd(h){let{active:f,over:g}=h;i(t.onDragEnd({active:f,over:g}))},onDragCancel(h){let{active:f,over:g}=h;i(t.onDragCancel({active:f,over:g}))}}),[i,t])),!u)return null;const d=R.createElement(R.Fragment,null,R.createElement(_f,{id:r,value:a.draggable}),R.createElement(Af,{id:o,announcement:s}));return n?Cn.createPortal(d,n):d}var we;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(we||(we={}));function mr(){}function Ii(e,t){return m.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function zf(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return m.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const et=Object.freeze({x:0,y:0});function Bo(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Ko(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Ff(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function ji(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Go(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function qi(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}const Vf=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=qi(t,t.left,t.top),i=[];for(const s of r){const{id:o}=s,u=n.get(o);if(u){const c=Bo(qi(u),a);i.push({id:o,data:{droppableContainer:s,value:c}})}}return i.sort(Ko)},Uf=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=ji(t),i=[];for(const s of r){const{id:o}=s,u=n.get(o);if(u){const c=ji(u),d=a.reduce((f,g,v)=>f+Bo(c[v],g),0),h=Number((d/4).toFixed(4));i.push({id:o,data:{droppableContainer:s,value:h}})}}return i.sort(Ko)};function Wf(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),s=a-r,o=i-n;if(r<a&&n<i){const u=t.width*t.height,c=e.width*e.height,d=s*o,h=d/(u+c-d);return Number(h.toFixed(4))}return 0}const Hf=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const i of r){const{id:s}=i,o=n.get(s);if(o){const u=Wf(o,t);u>0&&a.push({id:s,data:{droppableContainer:i,value:u}})}}return a.sort(Ff)};function Bf(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function $o(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:et}function Kf(e){return function(n){for(var r=arguments.length,a=new Array(r>1?r-1:0),i=1;i<r;i++)a[i-1]=arguments[i];return a.reduce((s,o)=>({...s,top:s.top+e*o.y,bottom:s.bottom+e*o.y,left:s.left+e*o.x,right:s.right+e*o.x}),{...n})}}const Gf=Kf(1);function $f(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function Qf(e,t,n){const r=$f(t);if(!r)return e;const{scaleX:a,scaleY:i,x:s,y:o}=r,u=e.left-s-(1-a)*parseFloat(n),c=e.top-o-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,h=i?e.height/i:e.height;return{width:d,height:h,top:c,right:u+d,bottom:c+h,left:u}}const Xf={ignoreTransform:!1};function gn(e,t){t===void 0&&(t=Xf);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:d}=De(e).getComputedStyle(e);c&&(n=Qf(n,c,d))}const{top:r,left:a,width:i,height:s,bottom:o,right:u}=n;return{top:r,left:a,width:i,height:s,bottom:o,right:u}}function _i(e){return gn(e,{ignoreTransform:!0})}function Yf(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function Zf(e,t){return t===void 0&&(t=De(e).getComputedStyle(e)),t.position==="fixed"}function Jf(e,t){t===void 0&&(t=De(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(a=>{const i=t[a];return typeof i=="string"?n.test(i):!1})}function Sr(e,t){const n=[];function r(a){if(t!=null&&n.length>=t||!a)return n;if(La(a)&&a.scrollingElement!=null&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!Kn(a)||Uo(a)||n.includes(a))return n;const i=De(e).getComputedStyle(a);return a!==e&&Jf(a,i)&&n.push(a),Zf(a,i)?n:r(a.parentNode)}return e?r(e):n}function Qo(e){const[t]=Sr(e,1);return t??null}function Fr(e){return!Nr||!e?null:fn(e)?e:Oa(e)?La(e)||e===pn(e).scrollingElement?window:Kn(e)?e:null:null}function Xo(e){return fn(e)?e.scrollX:e.scrollLeft}function Yo(e){return fn(e)?e.scrollY:e.scrollTop}function ca(e){return{x:Xo(e),y:Yo(e)}}var Ce;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Ce||(Ce={}));function Zo(e){return!Nr||!e?!1:e===document.scrollingElement}function Jo(e){const t={x:0,y:0},n=Zo(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},a=e.scrollTop<=t.y,i=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,o=e.scrollLeft>=r.x;return{isTop:a,isLeft:i,isBottom:s,isRight:o,maxScroll:r,minScroll:t}}const ep={x:.2,y:.2};function tp(e,t,n,r,a){let{top:i,left:s,right:o,bottom:u}=n;r===void 0&&(r=10),a===void 0&&(a=ep);const{isTop:c,isBottom:d,isLeft:h,isRight:f}=Jo(e),g={x:0,y:0},v={x:0,y:0},y={height:t.height*a.y,width:t.width*a.x};return!c&&i<=t.top+y.height?(g.y=Ce.Backward,v.y=r*Math.abs((t.top+y.height-i)/y.height)):!d&&u>=t.bottom-y.height&&(g.y=Ce.Forward,v.y=r*Math.abs((t.bottom-y.height-u)/y.height)),!f&&o>=t.right-y.width?(g.x=Ce.Forward,v.x=r*Math.abs((t.right-y.width-o)/y.width)):!h&&s<=t.left+y.width&&(g.x=Ce.Backward,v.x=r*Math.abs((t.left+y.width-s)/y.width)),{direction:g,speed:v}}function np(e){if(e===document.scrollingElement){const{innerWidth:i,innerHeight:s}=window;return{top:0,left:0,right:i,bottom:s,width:i,height:s}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function el(e){return e.reduce((t,n)=>un(t,ca(n)),et)}function rp(e){return e.reduce((t,n)=>t+Xo(n),0)}function ap(e){return e.reduce((t,n)=>t+Yo(n),0)}function ip(e,t){if(t===void 0&&(t=gn),!e)return;const{top:n,left:r,bottom:a,right:i}=t(e);Qo(e)&&(a<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const sp=[["x",["left","right"],rp],["y",["top","bottom"],ap]];class Va{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=Sr(n),a=el(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[i,s,o]of sp)for(const u of s)Object.defineProperty(this,u,{get:()=>{const c=o(r),d=a[i]-c;return this.rect[u]+d},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class In{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var a;(a=this.target)==null||a.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function op(e){const{EventTarget:t}=De(e);return e instanceof t?e:pn(e)}function Vr(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var He;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(He||(He={}));function Ai(e){e.preventDefault()}function lp(e){e.stopPropagation()}var re;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(re||(re={}));const tl={start:[re.Space,re.Enter],cancel:[re.Esc],end:[re.Space,re.Enter,re.Tab]},up=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case re.Right:return{...n,x:n.x+25};case re.Left:return{...n,x:n.x-25};case re.Down:return{...n,y:n.y+25};case re.Up:return{...n,y:n.y-25}}};class Ua{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new In(pn(n)),this.windowListeners=new In(De(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(He.Resize,this.handleCancel),this.windowListeners.add(He.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(He.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&ip(r),n(et)}handleKeyDown(t){if(Fa(t)){const{active:n,context:r,options:a}=this.props,{keyboardCodes:i=tl,coordinateGetter:s=up,scrollBehavior:o="smooth"}=a,{code:u}=t;if(i.end.includes(u)){this.handleEnd(t);return}if(i.cancel.includes(u)){this.handleCancel(t);return}const{collisionRect:c}=r.current,d=c?{x:c.left,y:c.top}:et;this.referenceCoordinates||(this.referenceCoordinates=d);const h=s(t,{active:n,context:r.current,currentCoordinates:d});if(h){const f=Vn(h,d),g={x:0,y:0},{scrollableAncestors:v}=r.current;for(const y of v){const w=t.code,{isTop:p,isRight:b,isLeft:x,isBottom:C,maxScroll:E,minScroll:S}=Jo(y),N=np(y),T={x:Math.min(w===re.Right?N.right-N.width/2:N.right,Math.max(w===re.Right?N.left:N.left+N.width/2,h.x)),y:Math.min(w===re.Down?N.bottom-N.height/2:N.bottom,Math.max(w===re.Down?N.top:N.top+N.height/2,h.y))},A=w===re.Right&&!b||w===re.Left&&!x,_=w===re.Down&&!C||w===re.Up&&!p;if(A&&T.x!==h.x){const D=y.scrollLeft+f.x,I=w===re.Right&&D<=E.x||w===re.Left&&D>=S.x;if(I&&!f.y){y.scrollTo({left:D,behavior:o});return}I?g.x=y.scrollLeft-D:g.x=w===re.Right?y.scrollLeft-E.x:y.scrollLeft-S.x,g.x&&y.scrollBy({left:-g.x,behavior:o});break}else if(_&&T.y!==h.y){const D=y.scrollTop+f.y,I=w===re.Down&&D<=E.y||w===re.Up&&D>=S.y;if(I&&!f.x){y.scrollTo({top:D,behavior:o});return}I?g.y=y.scrollTop-D:g.y=w===re.Down?y.scrollTop-E.y:y.scrollTop-S.y,g.y&&y.scrollBy({top:-g.y,behavior:o});break}}this.handleMove(t,un(Vn(h,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Ua.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=tl,onActivation:a}=t,{active:i}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const o=i.activatorNode.current;return o&&e.target!==o?!1:(e.preventDefault(),a==null||a({event:e.nativeEvent}),!0)}return!1}}];function Mi(e){return!!(e&&"distance"in e)}function Ri(e){return!!(e&&"delay"in e)}class Wa{constructor(t,n,r){var a;r===void 0&&(r=op(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:i}=t,{target:s}=i;this.props=t,this.events=n,this.document=pn(s),this.documentListeners=new In(this.document),this.listeners=new In(r),this.windowListeners=new In(De(s)),this.initialCoordinates=(a=ua(i))!=null?a:et,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(He.Resize,this.handleCancel),this.windowListeners.add(He.DragStart,Ai),this.windowListeners.add(He.VisibilityChange,this.handleCancel),this.windowListeners.add(He.ContextMenu,Ai),this.documentListeners.add(He.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Ri(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(Mi(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:a}=this.props;a(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(He.Click,lp,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(He.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:a,props:i}=this,{onMove:s,options:{activationConstraint:o}}=i;if(!a)return;const u=(n=ua(t))!=null?n:et,c=Vn(a,u);if(!r&&o){if(Mi(o)){if(o.tolerance!=null&&Vr(c,o.tolerance))return this.handleCancel();if(Vr(c,o.distance))return this.handleStart()}if(Ri(o)&&Vr(c,o.tolerance))return this.handleCancel();this.handlePending(o,c);return}t.cancelable&&t.preventDefault(),s(u)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===re.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const cp={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Ha extends Wa{constructor(t){const{event:n}=t,r=pn(n.target);super(t,cp,r)}}Ha.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r==null||r({event:n}),!0)}}];const dp={move:{name:"mousemove"},end:{name:"mouseup"}};var da;(function(e){e[e.RightClick=2]="RightClick"})(da||(da={}));class mp extends Wa{constructor(t){super(t,dp,pn(t.event.target))}}mp.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===da.RightClick?!1:(r==null||r({event:n}),!0)}}];const Ur={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class hp extends Wa{constructor(t){super(t,Ur)}static setup(){return window.addEventListener(Ur.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Ur.move.name,t)};function t(){}}}hp.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return a.length>1?!1:(r==null||r({event:n}),!0)}}];var jn;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(jn||(jn={}));var hr;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(hr||(hr={}));function fp(e){let{acceleration:t,activator:n=jn.Pointer,canScroll:r,draggingRect:a,enabled:i,interval:s=5,order:o=hr.TreeOrder,pointerCoordinates:u,scrollableAncestors:c,scrollableAncestorRects:d,delta:h,threshold:f}=e;const g=gp({delta:h,disabled:!i}),[v,y]=Sf(),w=m.useRef({x:0,y:0}),p=m.useRef({x:0,y:0}),b=m.useMemo(()=>{switch(n){case jn.Pointer:return u?{top:u.y,bottom:u.y,left:u.x,right:u.x}:null;case jn.DraggableRect:return a}},[n,a,u]),x=m.useRef(null),C=m.useCallback(()=>{const S=x.current;if(!S)return;const N=w.current.x*p.current.x,T=w.current.y*p.current.y;S.scrollBy(N,T)},[]),E=m.useMemo(()=>o===hr.TreeOrder?[...c].reverse():c,[o,c]);m.useEffect(()=>{if(!i||!c.length||!b){y();return}for(const S of E){if((r==null?void 0:r(S))===!1)continue;const N=c.indexOf(S),T=d[N];if(!T)continue;const{direction:A,speed:_}=tp(S,T,b,t,f);for(const D of["x","y"])g[D][A[D]]||(_[D]=0,A[D]=0);if(_.x>0||_.y>0){y(),x.current=S,v(C,s),w.current=_,p.current=A;return}}w.current={x:0,y:0},p.current={x:0,y:0},y()},[t,C,r,y,i,s,JSON.stringify(b),JSON.stringify(g),v,c,E,d,JSON.stringify(f)])}const pp={x:{[Ce.Backward]:!1,[Ce.Forward]:!1},y:{[Ce.Backward]:!1,[Ce.Forward]:!1}};function gp(e){let{delta:t,disabled:n}=e;const r=la(t);return Gn(a=>{if(n||!r||!a)return pp;const i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Ce.Backward]:a.x[Ce.Backward]||i.x===-1,[Ce.Forward]:a.x[Ce.Forward]||i.x===1},y:{[Ce.Backward]:a.y[Ce.Backward]||i.y===-1,[Ce.Forward]:a.y[Ce.Forward]||i.y===1}}},[n,t,r])}function vp(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Gn(a=>{var i;return t==null?null:(i=r??a)!=null?i:null},[r,t])}function yp(e,t){return m.useMemo(()=>e.reduce((n,r)=>{const{sensor:a}=r,i=a.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...i]},[]),[e,t])}var Wn;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Wn||(Wn={}));var ma;(function(e){e.Optimized="optimized"})(ma||(ma={}));const Di=new Map;function bp(e,t){let{dragging:n,dependencies:r,config:a}=t;const[i,s]=m.useState(null),{frequency:o,measure:u,strategy:c}=a,d=m.useRef(e),h=w(),f=Fn(h),g=m.useCallback(function(p){p===void 0&&(p=[]),!f.current&&s(b=>b===null?p:b.concat(p.filter(x=>!b.includes(x))))},[f]),v=m.useRef(null),y=Gn(p=>{if(h&&!n)return Di;if(!p||p===Di||d.current!==e||i!=null){const b=new Map;for(let x of e){if(!x)continue;if(i&&i.length>0&&!i.includes(x.id)&&x.rect.current){b.set(x.id,x.rect.current);continue}const C=x.node.current,E=C?new Va(u(C),C):null;x.rect.current=E,E&&b.set(x.id,E)}return b}return p},[e,i,n,h,u]);return m.useEffect(()=>{d.current=e},[e]),m.useEffect(()=>{h||g()},[n,h]),m.useEffect(()=>{i&&i.length>0&&s(null)},[JSON.stringify(i)]),m.useEffect(()=>{h||typeof o!="number"||v.current!==null||(v.current=setTimeout(()=>{g(),v.current=null},o))},[o,h,g,...r]),{droppableRects:y,measureDroppableContainers:g,measuringScheduled:i!=null};function w(){switch(c){case Wn.Always:return!1;case Wn.BeforeDragging:return n;default:return!n}}}function nl(e,t){return Gn(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function wp(e,t){return nl(e,t)}function xp(e){let{callback:t,disabled:n}=e;const r=za(t),a=m.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(r)},[r,n]);return m.useEffect(()=>()=>a==null?void 0:a.disconnect(),[a]),a}function Tr(e){let{callback:t,disabled:n}=e;const r=za(t),a=m.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(r)},[n]);return m.useEffect(()=>()=>a==null?void 0:a.disconnect(),[a]),a}function Cp(e){return new Va(gn(e),e)}function Pi(e,t,n){t===void 0&&(t=Cp);const[r,a]=m.useState(null);function i(){a(u=>{if(!e)return null;if(e.isConnected===!1){var c;return(c=u??n)!=null?c:null}const d=t(e);return JSON.stringify(u)===JSON.stringify(d)?u:d})}const s=xp({callback(u){if(e)for(const c of u){const{type:d,target:h}=c;if(d==="childList"&&h instanceof HTMLElement&&h.contains(e)){i();break}}}}),o=Tr({callback:i});return ct(()=>{i(),e?(o==null||o.observe(e),s==null||s.observe(document.body,{childList:!0,subtree:!0})):(o==null||o.disconnect(),s==null||s.disconnect())},[e]),r}function kp(e){const t=nl(e);return $o(e,t)}const Oi=[];function Ep(e){const t=m.useRef(e),n=Gn(r=>e?r&&r!==Oi&&e&&t.current&&e.parentNode===t.current.parentNode?r:Sr(e):Oi,[e]);return m.useEffect(()=>{t.current=e},[e]),n}function Np(e){const[t,n]=m.useState(null),r=m.useRef(e),a=m.useCallback(i=>{const s=Fr(i.target);s&&n(o=>o?(o.set(s,ca(s)),new Map(o)):null)},[]);return m.useEffect(()=>{const i=r.current;if(e!==i){s(i);const o=e.map(u=>{const c=Fr(u);return c?(c.addEventListener("scroll",a,{passive:!0}),[c,ca(c)]):null}).filter(u=>u!=null);n(o.length?new Map(o):null),r.current=e}return()=>{s(e),s(i)};function s(o){o.forEach(u=>{const c=Fr(u);c==null||c.removeEventListener("scroll",a)})}},[a,e]),m.useMemo(()=>e.length?t?Array.from(t.values()).reduce((i,s)=>un(i,s),et):el(e):et,[e,t])}function Li(e,t){t===void 0&&(t=[]);const n=m.useRef(null);return m.useEffect(()=>{n.current=null},t),m.useEffect(()=>{const r=e!==et;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?Vn(e,n.current):et}function Sp(e){m.useEffect(()=>{if(!Nr)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n==null||n()}},e.map(t=>{let{sensor:n}=t;return n}))}function Tp(e,t){return m.useMemo(()=>e.reduce((n,r)=>{let{eventName:a,handler:i}=r;return n[a]=s=>{i(s,t)},n},{}),[e,t])}function rl(e){return m.useMemo(()=>e?Yf(e):null,[e])}const zi=[];function Ip(e,t){t===void 0&&(t=gn);const[n]=e,r=rl(n?De(n):null),[a,i]=m.useState(zi);function s(){i(()=>e.length?e.map(u=>Zo(u)?r:new Va(t(u),u)):zi)}const o=Tr({callback:s});return ct(()=>{o==null||o.disconnect(),s(),e.forEach(u=>o==null?void 0:o.observe(u))},[e]),a}function jp(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Kn(t)?t:e}function qp(e){let{measure:t}=e;const[n,r]=m.useState(null),a=m.useCallback(c=>{for(const{target:d}of c)if(Kn(d)){r(h=>{const f=t(d);return h?{...h,width:f.width,height:f.height}:f});break}},[t]),i=Tr({callback:a}),s=m.useCallback(c=>{const d=jp(c);i==null||i.disconnect(),d&&(i==null||i.observe(d)),r(d?t(d):null)},[t,i]),[o,u]=dr(s);return m.useMemo(()=>({nodeRef:o,rect:n,setRef:u}),[n,o,u])}const _p=[{sensor:Ha,options:{}},{sensor:Ua,options:{}}],Ap={current:{}},or={draggable:{measure:_i},droppable:{measure:_i,strategy:Wn.WhileDragging,frequency:ma.Optimized},dragOverlay:{measure:gn}};class qn extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Mp={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new qn,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:mr},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:or,measureDroppableContainers:mr,windowRect:null,measuringScheduled:!1},Rp={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:mr,draggableNodes:new Map,over:null,measureDroppableContainers:mr},Ir=m.createContext(Rp),al=m.createContext(Mp);function Dp(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new qn}}}function Pp(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new qn(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const s=new qn(e.droppable.containers);return s.set(n,{...i,disabled:a}),{...e,droppable:{...e.droppable,containers:s}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const i=new qn(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Op(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:a}=m.useContext(Ir),i=la(r),s=la(n==null?void 0:n.id);return m.useEffect(()=>{if(!t&&!r&&i&&s!=null){if(!Fa(i)||document.activeElement===i.target)return;const o=a.get(s);if(!o)return;const{activatorNode:u,node:c}=o;if(!u.current&&!c.current)return;requestAnimationFrame(()=>{for(const d of[u.current,c.current]){if(!d)continue;const h=jf(d);if(h){h.focus();break}}})}},[r,t,a,s,i]),null}function Lp(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((a,i)=>i({transform:a,...r}),n):n}function zp(e){return m.useMemo(()=>({draggable:{...or.draggable,...e==null?void 0:e.draggable},droppable:{...or.droppable,...e==null?void 0:e.droppable},dragOverlay:{...or.dragOverlay,...e==null?void 0:e.dragOverlay}}),[e==null?void 0:e.draggable,e==null?void 0:e.droppable,e==null?void 0:e.dragOverlay])}function Fp(e){let{activeNode:t,measure:n,initialRect:r,config:a=!0}=e;const i=m.useRef(!1),{x:s,y:o}=typeof a=="boolean"?{x:a,y:a}:a;ct(()=>{if(!s&&!o||!t){i.current=!1;return}if(i.current||!r)return;const c=t==null?void 0:t.node.current;if(!c||c.isConnected===!1)return;const d=n(c),h=$o(d,r);if(s||(h.x=0),o||(h.y=0),i.current=!0,Math.abs(h.x)>0||Math.abs(h.y)>0){const f=Qo(c);f&&f.scrollBy({top:h.y,left:h.x})}},[t,s,o,r,n])}const il=m.createContext({...et,scaleX:1,scaleY:1});var At;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(At||(At={}));const Vp=m.memo(function(t){var n,r,a,i;let{id:s,accessibility:o,autoScroll:u=!0,children:c,sensors:d=_p,collisionDetection:h=Hf,measuring:f,modifiers:g,...v}=t;const y=m.useReducer(Pp,void 0,Dp),[w,p]=y,[b,x]=Df(),[C,E]=m.useState(At.Uninitialized),S=C===At.Initialized,{draggable:{active:N,nodes:T,translate:A},droppable:{containers:_}}=w,D=N!=null?T.get(N):null,I=m.useRef({initial:null,translated:null}),k=m.useMemo(()=>{var be;return N!=null?{id:N,data:(be=D==null?void 0:D.data)!=null?be:Ap,rect:I}:null},[N,D]),q=m.useRef(null),[O,U]=m.useState(null),[F,L]=m.useState(null),M=Fn(v,Object.values(v)),P=$n("DndDescribedBy",s),B=m.useMemo(()=>_.getEnabled(),[_]),V=zp(f),{droppableRects:Q,measureDroppableContainers:G,measuringScheduled:ne}=bp(B,{dragging:S,dependencies:[A.x,A.y],config:V.droppable}),J=vp(T,N),ce=m.useMemo(()=>F?ua(F):null,[F]),z=Se(),se=wp(J,V.draggable.measure);Fp({activeNode:N!=null?T.get(N):null,config:z.layoutShiftCompensation,initialRect:se,measure:V.draggable.measure});const Y=Pi(J,V.draggable.measure,se),W=Pi(J?J.parentElement:null),ee=m.useRef({activatorEvent:null,active:null,activeNode:J,collisionRect:null,collisions:null,droppableRects:Q,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:_,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),xe=_.getNodeFor((n=ee.current.over)==null?void 0:n.id),de=qp({measure:V.dragOverlay.measure}),ge=(r=de.nodeRef.current)!=null?r:J,Ne=S?(a=de.rect)!=null?a:Y:null,mt=!!(de.nodeRef.current&&de.rect),Xt=kp(mt?null:Y),Vt=rl(ge?De(ge):null),$e=Ep(S?xe??J:null),Yt=Ip($e),Zt=Lp(g,{transform:{x:A.x-Xt.x,y:A.y-Xt.y,scaleX:1,scaleY:1},activatorEvent:F,active:k,activeNodeRect:Y,containerNodeRect:W,draggingNodeRect:Ne,over:ee.current.over,overlayNodeRect:de.rect,scrollableAncestors:$e,scrollableAncestorRects:Yt,windowRect:Vt}),Qn=ce?un(ce,A):null,Xn=Np($e),Ae=Li(Xn),jr=Li(Xn,[Y]),Tt=un(Zt,Ae),It=Ne?Gf(Ne,Zt):null,Ut=k&&It?h({active:k,collisionRect:It,droppableRects:Q,droppableContainers:B,pointerCoordinates:Qn}):null,Jt=Go(Ut,"id"),[rt,K]=m.useState(null),Me=mt?Zt:un(Zt,jr),ye=Bf(Me,(i=rt==null?void 0:rt.rect)!=null?i:null,Y),ht=m.useRef(null),Fe=m.useCallback((be,qe)=>{let{sensor:Te,options:at}=qe;if(q.current==null)return;const We=T.get(q.current);if(!We)return;const Pe=be.nativeEvent,it=new Te({active:q.current,activeNode:We,event:Pe,options:at,context:ee,onAbort(Ie){if(!T.get(Ie))return;const{onDragAbort:st}=M.current,ft={id:Ie};st==null||st(ft),b({type:"onDragAbort",event:ft})},onPending(Ie,jt,st,ft){if(!T.get(Ie))return;const{onDragPending:bn}=M.current,qt={id:Ie,constraint:jt,initialCoordinates:st,offset:ft};bn==null||bn(qt),b({type:"onDragPending",event:qt})},onStart(Ie){const jt=q.current;if(jt==null)return;const st=T.get(jt);if(!st)return;const{onDragStart:ft}=M.current,yn={activatorEvent:Pe,active:{id:jt,data:st.data,rect:I}};Cn.unstable_batchedUpdates(()=>{ft==null||ft(yn),E(At.Initializing),p({type:we.DragStart,initialCoordinates:Ie,active:jt}),b({type:"onDragStart",event:yn}),U(ht.current),L(Pe)})},onMove(Ie){p({type:we.DragMove,coordinates:Ie})},onEnd:en(we.DragEnd),onCancel:en(we.DragCancel)});ht.current=it;function en(Ie){return async function(){const{active:st,collisions:ft,over:yn,scrollAdjustedTranslate:bn}=ee.current;let qt=null;if(st&&bn){const{cancelDrop:wn}=M.current;qt={activatorEvent:Pe,active:st,collisions:ft,delta:bn,over:yn},Ie===we.DragEnd&&typeof wn=="function"&&await Promise.resolve(wn(qt))&&(Ie=we.DragCancel)}q.current=null,Cn.unstable_batchedUpdates(()=>{p({type:Ie}),E(At.Uninitialized),K(null),U(null),L(null),ht.current=null;const wn=Ie===we.DragEnd?"onDragEnd":"onDragCancel";if(qt){const qr=M.current[wn];qr==null||qr(qt),b({type:wn,event:qt})}})}}},[T]),Wt=m.useCallback((be,qe)=>(Te,at)=>{const We=Te.nativeEvent,Pe=T.get(at);if(q.current!==null||!Pe||We.dndKit||We.defaultPrevented)return;const it={active:Pe};be(Te,qe.options,it)===!0&&(We.dndKit={capturedBy:qe.sensor},q.current=at,Fe(Te,qe))},[T,Fe]),vn=yp(d,Wt);Sp(d),ct(()=>{Y&&C===At.Initializing&&E(At.Initialized)},[Y,C]),m.useEffect(()=>{const{onDragMove:be}=M.current,{active:qe,activatorEvent:Te,collisions:at,over:We}=ee.current;if(!qe||!Te)return;const Pe={active:qe,activatorEvent:Te,collisions:at,delta:{x:Tt.x,y:Tt.y},over:We};Cn.unstable_batchedUpdates(()=>{be==null||be(Pe),b({type:"onDragMove",event:Pe})})},[Tt.x,Tt.y]),m.useEffect(()=>{const{active:be,activatorEvent:qe,collisions:Te,droppableContainers:at,scrollAdjustedTranslate:We}=ee.current;if(!be||q.current==null||!qe||!We)return;const{onDragOver:Pe}=M.current,it=at.get(Jt),en=it&&it.rect.current?{id:it.id,rect:it.rect.current,data:it.data,disabled:it.disabled}:null,Ie={active:be,activatorEvent:qe,collisions:Te,delta:{x:We.x,y:We.y},over:en};Cn.unstable_batchedUpdates(()=>{K(en),Pe==null||Pe(Ie),b({type:"onDragOver",event:Ie})})},[Jt]),ct(()=>{ee.current={activatorEvent:F,active:k,activeNode:J,collisionRect:It,collisions:Ut,droppableRects:Q,draggableNodes:T,draggingNode:ge,draggingNodeRect:Ne,droppableContainers:_,over:rt,scrollableAncestors:$e,scrollAdjustedTranslate:Tt},I.current={initial:Ne,translated:It}},[k,J,Ut,It,T,ge,Ne,Q,_,rt,$e,Tt]),fp({...z,delta:A,draggingRect:It,pointerCoordinates:Qn,scrollableAncestors:$e,scrollableAncestorRects:Yt});const Ve=m.useMemo(()=>({active:k,activeNode:J,activeNodeRect:Y,activatorEvent:F,collisions:Ut,containerNodeRect:W,dragOverlay:de,draggableNodes:T,droppableContainers:_,droppableRects:Q,over:rt,measureDroppableContainers:G,scrollableAncestors:$e,scrollableAncestorRects:Yt,measuringConfiguration:V,measuringScheduled:ne,windowRect:Vt}),[k,J,Y,F,Ut,W,de,T,_,Q,rt,G,$e,Yt,V,ne,Vt]),Ue=m.useMemo(()=>({activatorEvent:F,activators:vn,active:k,activeNodeRect:Y,ariaDescribedById:{draggable:P},dispatch:p,draggableNodes:T,over:rt,measureDroppableContainers:G}),[F,vn,k,Y,p,P,T,rt,G]);return R.createElement(Ho.Provider,{value:x},R.createElement(Ir.Provider,{value:Ue},R.createElement(al.Provider,{value:Ve},R.createElement(il.Provider,{value:ye},c)),R.createElement(Op,{disabled:(o==null?void 0:o.restoreFocus)===!1})),R.createElement(Lf,{...o,hiddenTextDescribedById:P}));function Se(){const be=(O==null?void 0:O.autoScrollEnabled)===!1,qe=typeof u=="object"?u.enabled===!1:u===!1,Te=S&&!be&&!qe;return typeof u=="object"?{...u,enabled:Te}:{enabled:Te}}}),Up=m.createContext(null),Fi="button",Wp="Draggable";function Hp(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e;const i=$n(Wp),{activators:s,activatorEvent:o,active:u,activeNodeRect:c,ariaDescribedById:d,draggableNodes:h,over:f}=m.useContext(Ir),{role:g=Fi,roleDescription:v="draggable",tabIndex:y=0}=a??{},w=(u==null?void 0:u.id)===t,p=m.useContext(w?il:Up),[b,x]=dr(),[C,E]=dr(),S=Tp(s,t),N=Fn(n);ct(()=>(h.set(t,{id:t,key:i,node:b,activatorNode:C,data:N}),()=>{const A=h.get(t);A&&A.key===i&&h.delete(t)}),[h,t]);const T=m.useMemo(()=>({role:g,tabIndex:y,"aria-disabled":r,"aria-pressed":w&&g===Fi?!0:void 0,"aria-roledescription":v,"aria-describedby":d.draggable}),[r,g,y,w,v,d.draggable]);return{active:u,activatorEvent:o,activeNodeRect:c,attributes:T,isDragging:w,listeners:r?void 0:S,node:b,over:f,setNodeRef:x,setActivatorNodeRef:E,transform:p}}function Bp(){return m.useContext(al)}const Kp="Droppable",Gp={timeout:25};function $p(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:a}=e;const i=$n(Kp),{active:s,dispatch:o,over:u,measureDroppableContainers:c}=m.useContext(Ir),d=m.useRef({disabled:n}),h=m.useRef(!1),f=m.useRef(null),g=m.useRef(null),{disabled:v,updateMeasurementsFor:y,timeout:w}={...Gp,...a},p=Fn(y??r),b=m.useCallback(()=>{if(!h.current){h.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{c(Array.isArray(p.current)?p.current:[p.current]),g.current=null},w)},[w]),x=Tr({callback:b,disabled:v||!s}),C=m.useCallback((T,A)=>{x&&(A&&(x.unobserve(A),h.current=!1),T&&x.observe(T))},[x]),[E,S]=dr(C),N=Fn(t);return m.useEffect(()=>{!x||!E.current||(x.disconnect(),h.current=!1,x.observe(E.current))},[E,x]),m.useEffect(()=>(o({type:we.RegisterDroppable,element:{id:r,key:i,disabled:n,node:E,rect:f,data:N}}),()=>o({type:we.UnregisterDroppable,key:i,id:r})),[r]),m.useEffect(()=>{n!==d.current.disabled&&(o({type:we.SetDroppableDisabled,id:r,key:i,disabled:n}),d.current.disabled=n)},[r,i,n,o]),{active:s,rect:f,isOver:(u==null?void 0:u.id)===r,node:E,over:u,setNodeRef:S}}function sl(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Qp(e,t){return e.reduce((n,r,a)=>{const i=t.get(r);return i&&(n[a]=i),n},Array(e.length))}function nr(e){return e!==null&&e>=0}function Xp(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Yp(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const ol=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const i=sl(t,r,n),s=t[a],o=i[a];return!o||!s?null:{x:o.left-s.left,y:o.top-s.top,scaleX:o.width/s.width,scaleY:o.height/s.height}},rr={scaleX:1,scaleY:1},Zp=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:i,overIndex:s}=e;const o=(t=i[n])!=null?t:r;if(!o)return null;if(a===n){const c=i[s];return c?{x:0,y:n<s?c.top+c.height-(o.top+o.height):c.top-o.top,...rr}:null}const u=Jp(i,a,n);return a>n&&a<=s?{x:0,y:-o.height-u,...rr}:a<n&&a>=s?{x:0,y:o.height+u,...rr}:{x:0,y:0,...rr}};function Jp(e,t,n){const r=e[t],a=e[t-1],i=e[t+1];return r?n<t?a?r.top-(a.top+a.height):i?i.top-(r.top+r.height):0:i?i.top-(r.top+r.height):a?r.top-(a.top+a.height):0:0}const ll="Sortable",ul=R.createContext({activeIndex:-1,containerId:ll,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:ol,disabled:{draggable:!1,droppable:!1}});function eg(e){let{children:t,id:n,items:r,strategy:a=ol,disabled:i=!1}=e;const{active:s,dragOverlay:o,droppableRects:u,over:c,measureDroppableContainers:d}=Bp(),h=$n(ll,n),f=o.rect!==null,g=m.useMemo(()=>r.map(S=>typeof S=="object"&&"id"in S?S.id:S),[r]),v=s!=null,y=s?g.indexOf(s.id):-1,w=c?g.indexOf(c.id):-1,p=m.useRef(g),b=!Xp(g,p.current),x=w!==-1&&y===-1||b,C=Yp(i);ct(()=>{b&&v&&d(g)},[b,g,v,d]),m.useEffect(()=>{p.current=g},[g]);const E=m.useMemo(()=>({activeIndex:y,containerId:h,disabled:C,disableTransforms:x,items:g,overIndex:w,useDragOverlay:f,sortedRects:Qp(g,u),strategy:a}),[y,h,C.draggable,C.droppable,x,g,w,u,f,a]);return R.createElement(ul.Provider,{value:E},t)}const tg=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return sl(n,r,a).indexOf(t)},ng=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:i,newIndex:s,previousItems:o,previousContainerId:u,transition:c}=e;return!c||!r||o!==i&&a===s?!1:n?!0:s!==a&&t===u},rg={duration:200,easing:"ease"},cl="transform",ag=Un.Transition.toString({property:cl,duration:0,easing:"linear"}),ig={roleDescription:"sortable"};function sg(e){let{disabled:t,index:n,node:r,rect:a}=e;const[i,s]=m.useState(null),o=m.useRef(n);return ct(()=>{if(!t&&n!==o.current&&r.current){const u=a.current;if(u){const c=gn(r.current,{ignoreTransform:!0}),d={x:u.left-c.left,y:u.top-c.top,scaleX:u.width/c.width,scaleY:u.height/c.height};(d.x||d.y)&&s(d)}}n!==o.current&&(o.current=n)},[t,n,r,a]),m.useEffect(()=>{i&&s(null)},[i]),i}function og(e){let{animateLayoutChanges:t=ng,attributes:n,disabled:r,data:a,getNewIndex:i=tg,id:s,strategy:o,resizeObserverConfig:u,transition:c=rg}=e;const{items:d,containerId:h,activeIndex:f,disabled:g,disableTransforms:v,sortedRects:y,overIndex:w,useDragOverlay:p,strategy:b}=m.useContext(ul),x=lg(r,g),C=d.indexOf(s),E=m.useMemo(()=>({sortable:{containerId:h,index:C,items:d},...a}),[h,a,C,d]),S=m.useMemo(()=>d.slice(d.indexOf(s)),[d,s]),{rect:N,node:T,isOver:A,setNodeRef:_}=$p({id:s,data:E,disabled:x.droppable,resizeObserverConfig:{updateMeasurementsFor:S,...u}}),{active:D,activatorEvent:I,activeNodeRect:k,attributes:q,setNodeRef:O,listeners:U,isDragging:F,over:L,setActivatorNodeRef:M,transform:P}=Hp({id:s,data:E,attributes:{...ig,...n},disabled:x.draggable}),B=Nf(_,O),V=!!D,Q=V&&!v&&nr(f)&&nr(w),G=!p&&F,ne=G&&Q?P:null,ce=Q?ne??(o??b)({rects:y,activeNodeRect:k,activeIndex:f,overIndex:w,index:C}):null,z=nr(f)&&nr(w)?i({id:s,items:d,activeIndex:f,overIndex:w}):C,se=D==null?void 0:D.id,Y=m.useRef({activeId:se,items:d,newIndex:z,containerId:h}),W=d!==Y.current.items,ee=t({active:D,containerId:h,isDragging:F,isSorting:V,id:s,index:C,items:d,newIndex:Y.current.newIndex,previousItems:Y.current.items,previousContainerId:Y.current.containerId,transition:c,wasDragging:Y.current.activeId!=null}),xe=sg({disabled:!ee,index:C,node:T,rect:N});return m.useEffect(()=>{V&&Y.current.newIndex!==z&&(Y.current.newIndex=z),h!==Y.current.containerId&&(Y.current.containerId=h),d!==Y.current.items&&(Y.current.items=d)},[V,z,h,d]),m.useEffect(()=>{if(se===Y.current.activeId)return;if(se!=null&&Y.current.activeId==null){Y.current.activeId=se;return}const ge=setTimeout(()=>{Y.current.activeId=se},50);return()=>clearTimeout(ge)},[se]),{active:D,activeIndex:f,attributes:q,data:E,rect:N,index:C,newIndex:z,items:d,isOver:A,isSorting:V,isDragging:F,listeners:U,node:T,overIndex:w,over:L,setNodeRef:B,setActivatorNodeRef:M,setDroppableNodeRef:_,setDraggableNodeRef:O,transform:xe??ce,transition:de()};function de(){if(xe||W&&Y.current.newIndex===C)return ag;if(!(G&&!Fa(I)||!c)&&(V||ee))return Un.Transition.toString({...c,property:cl})}}function lg(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e==null?void 0:e.draggable)!=null?n:t.draggable,droppable:(r=e==null?void 0:e.droppable)!=null?r:t.droppable}}function fr(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const ug=[re.Down,re.Right,re.Up,re.Left],cg=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:i,over:s,scrollableAncestors:o}}=t;if(ug.includes(e.code)){if(e.preventDefault(),!n||!r)return;const u=[];i.getEnabled().forEach(h=>{if(!h||h!=null&&h.disabled)return;const f=a.get(h.id);if(f)switch(e.code){case re.Down:r.top<f.top&&u.push(h);break;case re.Up:r.top>f.top&&u.push(h);break;case re.Left:r.left>f.left&&u.push(h);break;case re.Right:r.left<f.left&&u.push(h);break}});const c=Uf({collisionRect:r,droppableRects:a,droppableContainers:u});let d=Go(c,"id");if(d===(s==null?void 0:s.id)&&c.length>1&&(d=c[1].id),d!=null){const h=i.get(n.id),f=i.get(d),g=f?a.get(f.id):null,v=f==null?void 0:f.node.current;if(v&&g&&h&&f){const w=Sr(v).some((S,N)=>o[N]!==S),p=dl(h,f),b=dg(h,f),x=w||!p?{x:0,y:0}:{x:b?r.width-g.width:0,y:b?r.height-g.height:0},C={x:g.left,y:g.top};return x.x&&x.y?C:Vn(C,x)}}}};function dl(e,t){return!fr(e)||!fr(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function dg(e,t){return!fr(e)||!fr(t)||!dl(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const ml=({index:e,item:t,updateItem:n,removeItem:r})=>{var w;const a=m.useRef({});t.unit&&t.quantity&&!a.current[t.unit]&&(a.current[t.unit]=t.quantity);const{attributes:i,listeners:s,setNodeRef:o,transform:u,isDragging:c}=og({id:t.id}),{inputGroupProps:d}=St(),{showValue:h=!0,showQuantity:f=!0,isMultiple:g=!0,placeholder:v}=d||{},y={transform:Un.Transform.toString(u)};return l.jsx("div",{ref:o,style:y,...i,className:"sortable-item",children:l.jsxs("div",{id:t.id,"data-id":t.id,className:H("grid grid-cols-22 gap-2 items-center group  p-2 py-4",{"bg-accent/50 border border-b-4 border-accent":c,"grid-cols-12":!h||!f,"grid-cols-10":(!h||!f)&&!g,"p-0":!g}),"aria-disabled":!0,children:[g&&l.jsx("div",{className:"col-span-1 flex  items-center justify-center ",...s,children:l.jsx("div",{className:H("cursor-grab active:cursor-grabbing  rounded"),children:l.jsx(Yu,{className:"h-6 w-7 text-muted-foreground "})})}),h&&l.jsx("div",{className:"col-span-10 ",children:l.jsx(yt,{placeholder:v||`Enter ${d==null?void 0:d.type}`,value:t.value,onChange:p=>n(e,"value",p.target.value),className:H("border bg-transparent","focus-visible:ring-0 focus-visible:ring-offset-0","transition-all duration-200",{"border-0 rounded-none ring-0":!g})})}),f&&l.jsxs("div",{className:"col-span-10 flex flex-1 items-stretch justify-items-stretch",children:[l.jsx(yt,{placeholder:t.unit==="Custom"?"Enter time with qualitative info (e.g., 10 mins plus overnight chilling)":t.unit==="N/A"?"":h?"Enter quantity":v,value:t.unit==="N/A"?"":t.quantity,disabled:t.unit==="N/A",onChange:p=>{const b=t.unit==="N/A"?null:p.target.value;n(e,"quantity",b),t.unit&&t.unit!=="N/A"&&b&&(a.current[t.unit]=b)},className:H("border bg-transparent rounded-r-none","focus-visible:ring-0 focus-visible:ring-offset-0","transition-all duration-200",{"border-0 border-r-1 rounded-none ring-0":!g},{"opacity-50 cursor-not-allowed":t.unit==="N/A"})}),(d==null?void 0:d.units)&&(typeof d.units=="string"||d.freeTextUnits?l.jsx(yt,{placeholder:d.unitsPlaceholder||"Enter unit",value:t.unit,onChange:p=>n(e,"unit",p.target.value),className:H("w-fit border border-l-0 bg-background h-9 rounded-l-none","focus-visible:ring-0 focus-visible:ring-offset-0","transition-all duration-200",{"border-0 rounded-none":!g})}):l.jsxs(An,{value:t.unit,defaultValue:(w=d.units[0])==null?void 0:w.value,onValueChange:p=>{if(t.unit&&t.unit!=="N/A"&&t.quantity&&t.quantity.trim()!==""&&(a.current[t.unit]=t.quantity),n(e,"unit",p),p==="N/A")n(e,"quantity",null);else{const b=a.current[p]||"";n(e,"quantity",b)}},children:[l.jsx(Mn,{className:H("w-fit border border-l-0 bg-muted h-9  rounded-l-none","focus:ring-0 focus:ring-offset-0","transition-all duration-200",{"border-0 rounded-none ":!g}),children:l.jsx(Rn,{className:"capitalize"})}),l.jsx(Dn,{children:d.units.map(p=>l.jsx(Rt,{value:p.value,className:"capitalize",children:p.label},p.value))})]}))]}),g&&l.jsx("div",{className:"col-span-1 flex justify-end ",children:l.jsx(te,{variant:"ghost",size:"sm",onClick:()=>r(e),className:H("h-6 w-6 p-0","transition-opacity duration-200","hover:bg-destructive/10"),children:l.jsx(br,{className:"h-3 w-3 text-destructive"})})})]},t.id)})};ml.__docgenInfo={description:"",methods:[],displayName:"SortableItem",props:{index:{required:!0,tsType:{name:"number"},description:""},item:{required:!0,tsType:{name:"InputGroupItem"},description:""},updateItem:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number, field: keyof InputGroupItem, newValue: string | null) => void",signature:{arguments:[{type:{name:"number"},name:"index"},{type:{name:"InputGroupItem"},name:"field"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"newValue"}],return:{name:"void"}}},description:""},removeItem:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""}}};const hl=()=>{const{state:e,dispatch:t,labelProps:n,inputGroupProps:r}=St(),{showValue:a=!0,showQuantity:i=!0,isMultiple:s=!0}=r||{},{value:o}=e,u=m.useMemo(()=>Array.isArray(o)&&o.length>0?o:[{id:Date.now().toString(),value:"",quantity:"",unit:""}],[o,r==null?void 0:r.units]),c=y=>{t({type:"SET_VALUE",payload:y})},d=(y,w,p)=>{const b=[...u];b[y]&&(b[y][w]=p||""),c(b)},h=()=>{const y={id:Date.now().toString(),value:"",quantity:"",unit:""};c([...u,y])},f=y=>{const w=u.filter((p,b)=>b!==y);c(w)},g=zf(Ii(Ha),Ii(Ua,{coordinateGetter:cg}));function v(y){const{active:w,over:p}=y,b=[...u],x=u.findIndex(S=>S.id==(p==null?void 0:p.id)),C=u.findIndex(S=>S.id==(w==null?void 0:w.id)),E=u[C];E&&(b.splice(C,1),b.splice(x,0,E)),c(b)}return l.jsxs("div",{className:H("bg-background",r==null?void 0:r.className),children:[l.jsxs("div",{className:H("grid grid-cols-22 gap-2 px-2 py-2 text-sm text-muted-foreground bg-muted border text-muted-forground rounded rounded-b-none",n==null?void 0:n.className),children:[s&&l.jsx("span",{className:"col-span-1"}),a&&l.jsx("span",{className:"col-span-10 capitalize text-sm text-muted-foreground",children:r==null?void 0:r.type}),i&&l.jsx("span",{className:"col-span-10 capitalize text-sm text-muted-foreground",children:!a&&(r!=null&&r.type)?r==null?void 0:r.type:"Quantity"}),s&&l.jsx("span",{className:"col-span-1"})]}),l.jsx("div",{className:H("border border-t-0 rounded rounded-t-none"),children:l.jsx(Vp,{sensors:g,collisionDetection:Vf,onDragEnd:v,children:l.jsx(eg,{items:u.map(y=>y.id),strategy:Zp,children:u.map((y,w)=>l.jsx(ml,{item:y,removeItem:f,updateItem:d,index:w},y.id))})})}),s&&l.jsx("div",{className:"flex justify-end items-center gap-4 py-4 ",children:l.jsxs(te,{variant:"outline",onClick:h,className:H("capitalize hover:bg-primary","transition-colors duration-200"),children:[l.jsx(yr,{}),"Add another ",r==null?void 0:r.type]})})]})};hl.__docgenInfo={description:"",methods:[],displayName:"InputGroup"};const ha=({className:e,inputProps:t,linkProps:n,textareaProps:r,wysiwygProps:a,switchProps:i,labelProps:s,label:o,selectProps:u,defaultValue:c,type:d="input",maxLetterCount:h,name:f=""})=>{const{state:g,dispatch:v,onChange:y,imageGalleryConfig:w,blogPostsConfig:p,error:b}=St(),{value:x}=g,C=m.useRef(null),E=m.useCallback(k=>{v({type:"SET_VALUE",payload:k.target.value})},[v]),S=m.useCallback(k=>{v({type:"SET_VALUE",payload:k.target.value})},[v]),N=m.useCallback(k=>{v({type:"SET_VALUE",payload:k})},[v]),T=m.useCallback(k=>{v({type:"SET_VALUE",payload:k})},[v]),A=m.useCallback(()=>{v({type:"TOGGLE_EDIT_LINK_MODAL"})},[v]),_=m.useMemo(()=>{var q,O;if(!h)return null;const k=((O=x==null?void 0:(q=x.toString()).trim)==null?void 0:O.call(q).length)||0;return{currentLength:k,isOverLimit:k>h}},[x,h]);function D(k){var q;try{const O=(q=C==null?void 0:C.current)==null?void 0:q.value;navigator.clipboard.writeText(`${k}${O}`)}catch(O){console.error("Failed to copy text: ",O)}}const I=()=>{switch(d){case"switch":return l.jsx(Nu,{...i,checked:x,onCheckedChange:N});case"textarea":return l.jsxs("div",{className:"w-full flex  gap-1  items-stretch",children:[(r==null?void 0:r.prefix)&&l.jsx("span",{className:H("flex items-center p-2 opacity-70 text-sm"),children:r.prefix}),l.jsx(Eu,{defaultValue:c,...r,rows:3,value:x,onChange:k=>{S(k),y&&y(k.target.value)},className:H("p-2 h-fit !min-h-0 !text-sm rounded-none border-0 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus-visible:outline-none bg-background",r==null?void 0:r.className)})]});case"optionslist":return u&&l.jsx(Vo,{});case"select":return u&&l.jsx(vo,{});case"image":return l.jsx(go,{});case"blogposts":return l.jsx(Lo,{});case"video":return l.jsx(Oo,{});case"inputgroup":return l.jsx(hl,{});case"wysiwyg":return l.jsx(Po,{...a,imageGalleryConfig:(a==null?void 0:a.imageGalleryConfig)||w,blogPostsConfig:(a==null?void 0:a.blogPostsConfig)||p,initialValue:x,onChange:k=>{T(k),y&&y(k)},className:H(a==null?void 0:a.className),asChild:!0});case"link":return l.jsxs("div",{className:"w-full flex items-center gap-1 overflow-auto",children:[(n==null?void 0:n.prefix)&&l.jsx("span",{className:H("p-2 opacity-70 text-sm"),children:n.prefix}),l.jsxs("div",{className:"flex-1 w-fit flex items-center gap-1 bg-background p-2",children:[l.jsx(yt,{className:H("disabled:opacity-100  flex-1 w-10  underline text-sm truncate border-0 p-0 shadow-none",n==null?void 0:n.className),disabled:!0,ref:C,value:x.toString(),placeholder:n==null?void 0:n.placeholder}),l.jsx(he,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:A,children:l.jsx(ba,{})}),l.jsx(he,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>D(n==null?void 0:n.prefix),children:l.jsx(Vh,{className:"text-primary font-bold"})})]})]});case"input":default:return l.jsxs("div",{className:"w-full flex  gap-1  items-stretch",children:[(t==null?void 0:t.prefix)&&l.jsx("span",{className:H("flex items-center p-2 opacity-70 text-sm"),children:t.prefix}),(t==null?void 0:t.type)=="date"?l.jsx(cr,{defaultValue:c,onChange:k=>{const q=_t(k,"yyyy-MM-dd");v({type:"SET_VALUE",payload:q}),y&&y(q)}}):l.jsx(yt,{type:"text",defaultValue:c,...t,value:x,onChange:k=>{E(k),y&&y(k.target.value)},className:H("p-2 rounded-none bg-background border-0 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus-visible:outline-none",t==null?void 0:t.className)})]})}};return l.jsxs("div",{className:H("waz_input_box w-full rounded border flex flex-col bg-muted text-[#101828]",{"flex-row justify-between items-center p-1 pr-4":d=="switch"},{"bg-background":d=="blogposts"||d=="wysiwyg"},{"border-none":d=="blogposts"||d=="inputgroup"},e),"data-testid":"input-box:"+f,children:[l.jsxs(dd,{...s,className:H("waz_input_box_label p-2 border-b text-muted-foreground text-sm flex gap-2 items-center !opacity-100",{"border-none ":d=="switch"},{"hidden border-none":d=="blogposts"||d=="inputgroup"},{"bg-muted border-b-0 pb-0 ":d=="wysiwyg"},s==null?void 0:s.className),children:[o,b&&l.jsxs("span",{className:"flex items-center justify-center gap-1",children:[l.jsx(zo,{className:"text-destructive text-xl"}),l.jsx("span",{className:"capitalize text-xs text-muted-foreground",children:b==null?void 0:b.message})]})]}),I(),_&&l.jsx("div",{className:H("flex justify-end  text-muted-foreground p-2 bg-background w-full text-sm",{"text-destructive font-bold":_.isOverLimit}),children:l.jsx("span",{className:"opacity-60",children:`${_.currentLength}/${h}`})}),d=="link"&&l.jsx(Fo,{})]})};ha.__docgenInfo={description:"",methods:[],displayName:"WazUiInputBoxContent",props:{apolloUri:{required:!1,tsType:{name:"string"},description:""},labelProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Label>",elements:[{name:"Label"}]},description:""},inputProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Input>",elements:[{name:"Input"}]},description:""},linkProps:{required:!1,tsType:{name:"linkProps"},description:""},textareaProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Textarea>",elements:[{name:"Textarea"}]},description:""},wysiwygProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof WazUiWysiwygInput>",elements:[{name:"WazUiWysiwygInput"}]},description:""},switchProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Switch>",elements:[{name:"Switch"}]},description:""},selectProps:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  dataKey?: string;
+  options?: FormOptionValue[];
+  optionsMapper?: (data: Record<string, string | any>) => FormOptionValue;
+  queryConfig?: QueryConfig;
+  multiple?: boolean;
+  searchPlaceholder?: string;
+  placeholder?: string;
+  createNewOption?: boolean;
+  className?: string;
+  maximumLabelItems?: number;
+}`,signature:{properties:[{key:"dataKey",value:{name:"string",required:!1}},{key:"options",value:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]",required:!1}},{key:"optionsMapper",value:{name:"signature",type:"function",raw:"(data: Record<string, string | any>) => FormOptionValue",signature:{arguments:[{type:{name:"Record",elements:[{name:"string"},{name:"union",raw:"string | any",elements:[{name:"string"},{name:"any"}]}],raw:"Record<string, string | any>"},name:"data"}],return:{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}},required:!1}},{key:"queryConfig",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"multiple",value:{name:"boolean",required:!1}},{key:"searchPlaceholder",value:{name:"string",required:!1}},{key:"placeholder",value:{name:"string",required:!1}},{key:"createNewOption",value:{name:"boolean",required:!1}},{key:"className",value:{name:"string",required:!1}},{key:"maximumLabelItems",value:{name:"number",required:!1}}]}},description:""},inputGroupProps:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  type?: string;
+  placeholder?: string;
+  className?: string;
+  units?: FormOptionValue[] | string;
+  freeTextUnits?: boolean;
+  unitsPlaceholder?: string;
+  showValue?: boolean;
+  showQuantity?: boolean;
+  isMultiple?: boolean;
+}`,signature:{properties:[{key:"type",value:{name:"string",required:!1}},{key:"placeholder",value:{name:"string",required:!1}},{key:"className",value:{name:"string",required:!1}},{key:"units",value:{name:"union",raw:"FormOptionValue[] | string",elements:[{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"string"}],required:!1}},{key:"freeTextUnits",value:{name:"boolean",required:!1}},{key:"unitsPlaceholder",value:{name:"string",required:!1}},{key:"showValue",value:{name:"boolean",required:!1}},{key:"showQuantity",value:{name:"boolean",required:!1}},{key:"isMultiple",value:{name:"boolean",required:!1}}]}},description:""},className:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},validationError:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"ReactNode"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},description:""},queryConfig:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]}},description:""},defaultValue:{required:!1,tsType:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},description:""},value:{required:!1,tsType:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: FormValue) => void",signature:{arguments:[{type:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},name:"value"}],return:{name:"void"}}},description:""},imageGalleryConfig:{required:!1,tsType:{name:"GqlMediaLibraryPopupProps['config']",raw:"GqlMediaLibraryPopupProps['config']"},description:""},blogPostsConfig:{required:!1,tsType:{name:"WazUIBlogComponentProps",elements:[{name:"PostOptionValue"}],raw:"WazUIBlogComponentProps<PostOptionValue>"},description:""},type:{required:!1,tsType:{name:"union",raw:`| 'input'
+| 'textarea'
+| 'select'
+| 'wysiwyg'
+| 'image'
+| 'switch'
+| 'custom'
+| 'video'
+| 'optionslist'
+| 'blogposts'
+| 'link'
+| 'inputgroup'`,elements:[{name:"literal",value:"'input'"},{name:"literal",value:"'textarea'"},{name:"literal",value:"'select'"},{name:"literal",value:"'wysiwyg'"},{name:"literal",value:"'image'"},{name:"literal",value:"'switch'"},{name:"literal",value:"'custom'"},{name:"literal",value:"'video'"},{name:"literal",value:"'optionslist'"},{name:"literal",value:"'blogposts'"},{name:"literal",value:"'link'"},{name:"literal",value:"'inputgroup'"}]},description:"",defaultValue:{value:"'input'",computed:!1}},maxLetterCount:{required:!1,tsType:{name:"number"},description:""},error:{required:!1,tsType:{name:"FieldError"},description:""}}};const Vi=(e,t)=>t==="select"?Array.isArray(e)?e.every(n=>typeof n=="object"&&"label"in n&&"value"in n)?e:[]:typeof e=="object"&&e!==null&&"label"in e&&"value"in e?e:[]:t==="optionslist"?Array.isArray(e)?e.every(n=>typeof n=="object"&&"label"in n&&"value"in n)?e:[]:[]:t==="inputgroup"?Array.isArray(e)?e.every(n=>typeof n=="object"&&"id"in n)?e:[]:[]:t==="switch"?typeof e=="boolean"?e:e=="true":t==="image"?typeof e=="object"?e:{id:"",url:typeof e=="string"?e:"",title:"",caption:"",description:"",alternative_text:"",created_at:"",uuid:""}:t=="blogposts"?Array.isArray(e)?e:[]:typeof e=="number"?e:e==null?"":String(e),Be=e=>{const t=Vi(e.value,e.type),n=Vi(e.defaultValue,e.type),r={defaultValue:t||n,onChange:e.onChange,imageGalleryConfig:e.imageGalleryConfig,blogPostsConfig:e.blogPostsConfig,selectProps:e.selectProps,apolloUri:e.apolloUri,validationError:e.validationError,label:e.label,linkProps:e.linkProps,error:e.error,inputGroupProps:e.inputGroupProps};if(e.apolloUri){let a;return e.type=="image"||e.type=="wysiwyg"?a=Ct(e.apolloUri):a=fa(e.apolloUri),l.jsx(Bi,{client:a,children:l.jsx($r,{...r,children:l.jsx(ha,{...e})})})}return l.jsx($r,{...r,children:l.jsx(ha,{...e})})};Be.__docgenInfo={description:"",methods:[],displayName:"WazUiInputBox",props:{apolloUri:{required:!1,tsType:{name:"string"},description:""},labelProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Label>",elements:[{name:"Label"}]},description:""},inputProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Input>",elements:[{name:"Input"}]},description:""},linkProps:{required:!1,tsType:{name:"linkProps"},description:""},textareaProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Textarea>",elements:[{name:"Textarea"}]},description:""},wysiwygProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof WazUiWysiwygInput>",elements:[{name:"WazUiWysiwygInput"}]},description:""},switchProps:{required:!1,tsType:{name:"ReactComponentProps",raw:"React.ComponentProps<typeof Switch>",elements:[{name:"Switch"}]},description:""},selectProps:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  dataKey?: string;
+  options?: FormOptionValue[];
+  optionsMapper?: (data: Record<string, string | any>) => FormOptionValue;
+  queryConfig?: QueryConfig;
+  multiple?: boolean;
+  searchPlaceholder?: string;
+  placeholder?: string;
+  createNewOption?: boolean;
+  className?: string;
+  maximumLabelItems?: number;
+}`,signature:{properties:[{key:"dataKey",value:{name:"string",required:!1}},{key:"options",value:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]",required:!1}},{key:"optionsMapper",value:{name:"signature",type:"function",raw:"(data: Record<string, string | any>) => FormOptionValue",signature:{arguments:[{type:{name:"Record",elements:[{name:"string"},{name:"union",raw:"string | any",elements:[{name:"string"},{name:"any"}]}],raw:"Record<string, string | any>"},name:"data"}],return:{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}},required:!1}},{key:"queryConfig",value:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]},required:!1}},{key:"multiple",value:{name:"boolean",required:!1}},{key:"searchPlaceholder",value:{name:"string",required:!1}},{key:"placeholder",value:{name:"string",required:!1}},{key:"createNewOption",value:{name:"boolean",required:!1}},{key:"className",value:{name:"string",required:!1}},{key:"maximumLabelItems",value:{name:"number",required:!1}}]}},description:""},inputGroupProps:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  type?: string;
+  placeholder?: string;
+  className?: string;
+  units?: FormOptionValue[] | string;
+  freeTextUnits?: boolean;
+  unitsPlaceholder?: string;
+  showValue?: boolean;
+  showQuantity?: boolean;
+  isMultiple?: boolean;
+}`,signature:{properties:[{key:"type",value:{name:"string",required:!1}},{key:"placeholder",value:{name:"string",required:!1}},{key:"className",value:{name:"string",required:!1}},{key:"units",value:{name:"union",raw:"FormOptionValue[] | string",elements:[{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"string"}],required:!1}},{key:"freeTextUnits",value:{name:"boolean",required:!1}},{key:"unitsPlaceholder",value:{name:"string",required:!1}},{key:"showValue",value:{name:"boolean",required:!1}},{key:"showQuantity",value:{name:"boolean",required:!1}},{key:"isMultiple",value:{name:"boolean",required:!1}}]}},description:""},className:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""},validationError:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"ReactNode"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},description:""},queryConfig:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  url?: string;
+  query: DocumentNode;
+  variables?: { [key: string]: unknown };
+  dataKey: string;
+  cacheKey?: string;
+  mutationInvalidateKey?: string;
+}`,signature:{properties:[{key:"url",value:{name:"string",required:!1}},{key:"query",value:{name:"DocumentNode",required:!0}},{key:"variables",value:{name:"signature",type:"object",raw:"{ [key: string]: unknown }",signature:{properties:[{key:{name:"string"},value:{name:"unknown",required:!0}}]},required:!1}},{key:"dataKey",value:{name:"string",required:!0}},{key:"cacheKey",value:{name:"string",required:!1}},{key:"mutationInvalidateKey",value:{name:"string",required:!1}}]}},description:""},defaultValue:{required:!1,tsType:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},description:""},value:{required:!1,tsType:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: FormValue) => void",signature:{arguments:[{type:{name:"union",raw:`| string
+| number
+| boolean
+| FormOptionValue
+| FormOptionValue[]
+| Image
+| PostOptionValue[]
+| InputGroupItem[]`,elements:[{name:"string"},{name:"number"},{name:"boolean"},{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  value: string | number;
+  other?: string | number;
+  subs?: FormOptionValue[];
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"other",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"subs",value:{name:"Array",elements:[{name:"FormOptionValue"}],raw:"FormOptionValue[]",required:!1}}]}}],raw:"FormOptionValue[]"},{name:"signature",type:"object",raw:`{
+  id: string;
+  url: string;
+  src?: string;
+  title?: string;
+  caption?: string;
+  description?: string;
+  alternative_text?: string;
+  photographer?: { name: string; url: string };
+  download_url?: string;
+  created_at: string;
+  uuid: string;
+  height?: number;
+  width?: number;
+  metadata?: string;
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}},{key:"src",value:{name:"string",required:!1}},{key:"title",value:{name:"string",required:!1}},{key:"caption",value:{name:"string",required:!1}},{key:"description",value:{name:"string",required:!1}},{key:"alternative_text",value:{name:"string",required:!1}},{key:"photographer",value:{name:"signature",type:"object",raw:"{ name: string; url: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"url",value:{name:"string",required:!0}}]},required:!1}},{key:"download_url",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!0}},{key:"uuid",value:{name:"string",required:!0}},{key:"height",value:{name:"number",required:!1}},{key:"width",value:{name:"number",required:!1}},{key:"metadata",value:{name:"string",required:!1}}]}},{name:"Array",elements:[{name:"PostOptionValue"}],raw:"PostOptionValue[]"},{name:"Array",elements:[{name:"InputGroupItem"}],raw:"InputGroupItem[]"}]},name:"value"}],return:{name:"void"}}},description:""},imageGalleryConfig:{required:!1,tsType:{name:"GqlMediaLibraryPopupProps['config']",raw:"GqlMediaLibraryPopupProps['config']"},description:""},blogPostsConfig:{required:!1,tsType:{name:"WazUIBlogComponentProps",elements:[{name:"PostOptionValue"}],raw:"WazUIBlogComponentProps<PostOptionValue>"},description:""},type:{required:!1,tsType:{name:"union",raw:`| 'input'
+| 'textarea'
+| 'select'
+| 'wysiwyg'
+| 'image'
+| 'switch'
+| 'custom'
+| 'video'
+| 'optionslist'
+| 'blogposts'
+| 'link'
+| 'inputgroup'`,elements:[{name:"literal",value:"'input'"},{name:"literal",value:"'textarea'"},{name:"literal",value:"'select'"},{name:"literal",value:"'wysiwyg'"},{name:"literal",value:"'image'"},{name:"literal",value:"'switch'"},{name:"literal",value:"'custom'"},{name:"literal",value:"'video'"},{name:"literal",value:"'optionslist'"},{name:"literal",value:"'blogposts'"},{name:"literal",value:"'link'"},{name:"literal",value:"'inputgroup'"}]},description:""},maxLetterCount:{required:!1,tsType:{name:"number"},description:""},error:{required:!1,tsType:{name:"FieldError"},description:""}}};export{zg as A,df as B,Un as C,Vp as D,Lg as E,ie as F,Yu as G,Og as H,Ua as K,On as L,Wg as M,Ha as P,eg as S,br as T,Be as W,Mo as a,Ke as b,Gt as c,po as d,Da as e,Po as f,Vg as g,Mg as h,xa as i,og as j,zf as k,Ii as l,Vf as m,yr as n,Ug as o,zo as p,Pg as q,Fg as r,cg as s,Rg as t,Nt as u,Zp as v,Dg as w,sc as x,vc as y,Hg as z};