@wazobiatech/wazui 0.0.12 → 0.0.13

package/storybook-static/assets/WazUiCreateBlogContent-DxC86Nwl.js

@@ -0,0 +1,327 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./index-CBYaBgW8.js";import{b as We,i as He,a as Ze,c as Xe,d as Je,e as Ye}from"./hooks-D-wca2rG.js";import{u as Qe,l as er,m as rr,F as ie,n as le,o as ue,T as be,p as fe,q as he,r as xe,s as nr,X as ar,t as tr}from"./index-CZ4jztst.js";import{i as sr,u as we,W as Y,j as ke,C as qe,G as ir,T as je,k as Ie,l as se,s as Ve,K as Ne,P as Se,D as _e,m as Fe,S as Oe,v as De,n as Te,o as ae,M as lr,p as ur,q as or}from"./WazUiInputBox-C2jVcTq2.js";import{W as mr}from"./WazUiNavigationBlocker-BrhA3ONc.js";import{c as d}from"./utils-3HBFSLrk.js";import{c as dr,f as W,B as cr}from"./popover-BB1qMQFg.js";import{B as Z}from"./button-BxNLA_J_.js";import{W as me}from"./WazUiButton-e06gz3US.js";import{L as te,a as gr,P as pr}from"./index-BR89vyis.js";import{G as Ae}from"./iconBase-B7i_G6Rg.js";import{W as yr}from"./WazUiBreadCrumb-BPc3tEqC.js";import{W as vr}from"./provider-Bst_TvlW.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 br=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],fr=dr("circle-alert",br),Ee=j.createContext(void 0),X=()=>{const r=j.useContext(Ee);if(r===void 0)throw new Error("useBlogPost must be used within a BlogPostProvider");return r},D=[];for(let r=0;r<256;++r)D.push((r+256).toString(16).slice(1));function hr(r,n=0){return(D[r[n+0]]+D[r[n+1]]+D[r[n+2]]+D[r[n+3]]+"-"+D[r[n+4]]+D[r[n+5]]+"-"+D[r[n+6]]+D[r[n+7]]+"-"+D[r[n+8]]+D[r[n+9]]+"-"+D[r[n+10]]+D[r[n+11]]+D[r[n+12]]+D[r[n+13]]+D[r[n+14]]+D[r[n+15]]).toLowerCase()}let de;const xr=new Uint8Array(16);function wr(){if(!de){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");de=crypto.getRandomValues.bind(crypto)}return de(xr)}const kr=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),ve={randomUUID:kr};function qr(r,n,a){var v;if(ve.randomUUID&&!r)return ve.randomUUID();r=r||{};const s=r.random??((v=r.rng)==null?void 0:v.call(r))??wr();if(s.length<16)throw new Error("Random bytes length must be >= 16");return s[6]=s[6]&15|64,s[8]=s[8]&63|128,hr(s)}const Ce=({children:r,type:n,initialState:a={},validators:s,requiredDraftFields:v,postQueryConfig:c,formFieldsMapper:o,submitFieldsMapper:y,onBack:k,groups:l,mainForm:t,showTitle:g,baseUrl:u,postBaseUrl:p,isPopup:b,actionButtonTitle:m,showDraft:i,formTitle:x,createMessage:F,updateMessage:T,showDescriptionOnSubmit:A,autoSave:q=!1,onChange:I,user_config:G})=>{var pe;const N=a.uuid||((pe=a.formValues)==null?void 0:pe.uuid),P=!N||N==="new",[w,E]=j.useReducer(We,{...He,...a,isCreate:P}),f=Qe({...s&&{resolver:sr(s)},defaultValues:w.formValues,reValidateMode:"onChange",mode:"onChange"}),R=Ze({storageKey:`${n}_${w.uuid||"new"}`,form:f,enabled:q&&w.isDraft&&!w.isCreate,interval:3e4,onSave:async()=>{f.setValue("status",!w.isDraft),f.setValue("is_autosave",!0),await $(w.isCreate,!1),w.isCreate||await h({titleOnly:!1,showActionModals:!1}),f.setValue("is_autosave",!1)}}),C=Xe(c==null?void 0:c.fetch,w.uuid),H=()=>{E({type:f.getValues("status")?"PUBLISH_POST":"SAVE_DRAFT"})},K=Je({config:c==null?void 0:c.create,baseUrl:u,postType:n,createMessage:F,showDescription:A,onSuccess:H});let L=Ye({config:c==null?void 0:c.update,fetchConfig:c==null?void 0:c.fetch,postBaseUrl:p,baseUrl:u,postType:n,updateMessage:T,showDescription:A,onSuccess:H,user_config:G});c!=null&&c.update||(L=K);const{showError:B}=we();async function h({titleOnly:S,showActionModals:U=!0}){try{const V=w.isCreate;let _=f.getValues("uuid");_||(_=V?qr():w.uuid||N||"",f.setValue("uuid",_),E({type:"SET_UUID",payload:_}));const z=f.getValues(),ne=Object.keys(f.formState.dirtyFields),O=y?y(z):z;if(O.showActionModals=U,O.is_autosave=z==null?void 0:z.is_autosave,O.updated_fields=ne.join(","),S){const M={uuid:O.uuid,blog_uuid:O.blog_uuid,author_uuid:O.author_uuid,slug:O.slug,title:O.title,titleStatus:!!O.status,is_autosave:O.is_autosave,updated_fields:O.updated_fields};V?await K.mutateAsync(M):await L.mutateAsync(M)}else V?await K.mutateAsync(O):await L.mutateAsync(O);f.reset(z)}catch(V){console.error(V);const _=V instanceof Error?V.message:String(V);B("Error while saving article",_)}}const J=j.useMemo(()=>{const S=l!=null&&l.length?l==null?void 0:l.flatMap(V=>V.sections.flatMap(_=>_.formItems)):[],U=t!=null&&t.sections?t==null?void 0:t.sections.flatMap(V=>V.formItems):[];return[...S,...U]},[l,t]),$=async(S=!1,U=!0)=>{const V=f.getValues("status");f.clearErrors();const _=await f.trigger(V?void 0:v),O=`Validation error on field(s): ${Object.keys(f.formState.errors).map(M=>M).map(M=>{const ye=J.find(Be=>Be.name==M);return ye?ye.label:M}).join(", ")}. Please fix all issues before submitting.`;if(!_){U&&B(`Failed to ${S?"Create":"Update"} ${n||"Article"}`,O);const M=new Error(O);throw M.cause="Form validation failed",M.message=O,M}return _},Q=async(S=!0)=>{f.setValue("status",!1),await $(w.isCreate),await h({titleOnly:!1,showActionModals:S})},ee=async()=>{f.setValue("status",!0),f.setValue("published_at",new Date().toLocaleString()),await $(w.isCreate),await h({titleOnly:!1})},re=async()=>{f.setValue("status",!!f.getValues("status")),await $(w.isCreate),await h({titleOnly:!0})},Me=()=>{k==null||k()},ge=()=>{if(!C.data)return;const S=o?o(C.data):C.data||Object.create(null);f.reset(S),R.updateLastSave(),E({type:S!=null&&S.status?"PUBLISH_POST":"SAVE_DRAFT"});const U=Object.entries(S).reduce((_,[z,ne])=>({..._,[z]:ne}),{});E({type:"SET_FORM_VALUES",payload:U});const V=f.getValues("status");R.toggleEnableAutoSave(!V)},Ke=()=>{ge()};return j.useEffect(()=>{var U,V;const S=()=>{const _=window.location.hash.replace("#","");_&&l&&l.some(z=>z.id===_)&&E({type:"SET_ACTIVE_GROUP",payload:_})};return!w.activeGroupId&&l&&l.length>0?(E({type:"SET_ACTIVE_GROUP",payload:(U=l==null?void 0:l[0])==null?void 0:U.id}),window.location.hash=(V=l==null?void 0:l[0])==null?void 0:V.id):S(),window.addEventListener("hashchange",S),()=>{window.removeEventListener("hashchange",S)}},[w.activeGroupId,l,E]),j.useEffect(()=>{const S=f.watch((U,{name:V,values:_})=>{I==null||I(f,V,_)});return()=>S.unsubscribe()},[f,E,I]),j.useEffect(()=>{ge()},[C.isFetched]),e.jsxs(Ee.Provider,{value:{state:w,initialState:a,type:n,dispatch:E,handleSaveDraft:Q,handleSaveTitle:re,handlePublish:ee,handleBack:Me,form:f,postQuery:C,groups:l,mainForm:t,createMutation:K,updateMutation:L,showTitle:g,baseUrl:u,postBaseUrl:p,isPopup:b,formTitle:x,showDraft:i,actionButtonTitle:m,autosave:R,showAutoSave:q&&!w.isCreate&&w.isDraft},children:[r,e.jsx(mr,{hasUnsavedChanges:f.formState.isDirty,onSave:f.getValues("status")?ee:Q,onDiscard:Ke})]})};Ce.__docgenInfo={description:"",methods:[],displayName:"BlogPostProvider",props:{initialState:{defaultValue:{value:"{}",computed:!1},required:!1},autoSave:{defaultValue:{value:"false",computed:!1},required:!1}}};function Ur(r){return Ae({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z"},child:[]}]})(r)}function jr(r){return Ae({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M170.718 216.482L141.6 245.6l93.6 93.6 208-208-29.118-29.118L235.2 279.918l-64.482-63.436zM422.4 256c0 91.518-74.883 166.4-166.4 166.4S89.6 347.518 89.6 256 164.482 89.6 256 89.6c15.6 0 31.2 2.082 45.764 6.241L334 63.6C310.082 53.2 284.082 48 256 48 141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208h-41.6z"},child:[]}]})(r)}const oe=(r,n,a,s)=>{var l,t,g,u,p,b;const v=m=>{n.onChange?n.onChange(m,r):a.onChange(m)},c=a.value,o={...n,error:s.error,onChange:v,value:c,validationError:(l=s.error)==null?void 0:l.message},y=n.linkedField&&r.getValues(n.linkedField),k=()=>{y&&(c||r.setValue(n.name,y))};switch(n.type){case"switch":return e.jsx(Y,{...o,className:d("w-full",n.className)});case"wysiwyg":return e.jsx(Y,{...o,defaultValue:n.linkedField&&r.getValues(n.linkedField),className:d("w-full h-full",n.className),wysiwygProps:{...n.wysiwygProps,className:d("w-full p-0 bg-background border-none",(t=n.wysiwygProps)==null?void 0:t.className)}});case"custom":return(g=n.contentRender)==null?void 0:g.call(n,c);case"select":case"optionslist":case"image":case"blogposts":return e.jsx(Y,{...o,className:d("w-full",n.className,{"[&_.waz-input-box-content]:opacity-30":!c&&y}),value:c||y});case"link":return e.jsx(Y,{...o,className:d("w-full",n.className),linkProps:{...o.linkProps,placeholder:n.linkedField&&r.getValues(n.linkedField)||((u=o.linkProps)==null?void 0:u.placeholder),onFocus:y&&k,disabled:a.disabled}});case"textarea":return e.jsx(Y,{...o,className:d("w-full",n.className),textareaProps:{...o.textareaProps,placeholder:y||((p=o.textareaProps)==null?void 0:p.placeholder),onFocus:y&&k,disabled:a.disabled}});default:return e.jsx(Y,{...o,className:d("w-full",n.className),inputProps:{...o.inputProps,onKeyDown:m=>{var i;(i=n.onKeyDown)==null||i.call(n,m,r)},onFocus:y&&k,placeholder:y||((b=o.inputProps)==null?void 0:b.placeholder),disabled:a.disabled}})}};oe.__docgenInfo={description:"",methods:[],displayName:"renderFormField"};const Pe=({section:r,item:n,itemIndex:a,form:s,onRemove:v,canRemove:c})=>{const[o,y]=j.useState(!0),k=()=>{y(!o)},{attributes:l,listeners:t,setNodeRef:g,transform:u,transition:p,isDragging:b}=ke({id:n.id}),m={transform:qe.Transform.toString(u),transition:p};return e.jsxs("div",{ref:g,style:m,className:d("group relative border p-4 transition-all duration-200 rounded",{"bg-accent/50 border-2 border-accent shadow-lg":b}),children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{...l,...t,className:"cursor-grab active:cursor-grabbing p-1 rounded hover:bg-muted",children:e.jsx(ir,{className:"h-4 w-4 text-muted-foreground"})}),e.jsxs("p",{className:"",children:[e.jsxs("span",{className:"text-muted-foreground capitalize mr-1",children:[a+1,"."]}),e.jsxs("span",{className:"text-primary-foreground",children:[r.dynamicType," Group "]})]})]}),e.jsxs("div",{className:"flex items-center",children:[c&&e.jsx(Z,{variant:"ghost",size:"sm",onClick:v,className:d("h-8 w-8 p-0 text-red-500 hover:text-red-700 hover:bg-red-50 transition-opacity","opacity-0 group-hover:opacity-100"),children:e.jsx(je,{className:"w-4 h-4"})}),e.jsx(Z,{variant:"ghost",size:"sm",onClick:k,className:d("h-8 w-8 p-0"),children:o?e.jsx(er,{}):e.jsx(rr,{})})]})]}),e.jsx("div",{className:d("flex items-center flex-col gap-2",{hidden:!o}),children:r.formItems.map(i=>{const x=`${r.id}_${n.id}_${i.name}`;return e.jsx(ie,{control:s.control,name:x,render:({field:F,fieldState:T})=>{var A;return e.jsxs(le,{className:d("flex flex-col w-full",i.containerClassname),children:[i.description&&e.jsx("p",{className:"text-muted-foreground w-full h-fit",children:i.description}),e.jsx(ue,{className:"flex flex-1",children:oe(s,i,F,T)}),T.error&&e.jsxs("div",{className:"flex items-center gap-2 mt-1 opacity-50",children:[e.jsx(fr,{strokeWidth:2,className:"text-destructive"}),e.jsx("span",{className:"font-bold text-muted-foreground capitalize",children:(A=T.error)==null?void 0:A.message})]})]})}},x)})})]})};Pe.__docgenInfo={description:"",methods:[],displayName:"DynamicFormItemComponent",props:{section:{required:!0,tsType:{name:"intersection",raw:`FormSection & {
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,elements:[{name:"FormSection"},{name:"signature",type:"object",raw:`{
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,signature:{properties:[{key:"isDynamic",value:{name:"literal",value:"true",required:!0}},{key:"maxItems",value:{name:"number",required:!1}},{key:"minItems",value:{name:"number",required:!1}},{key:"itemLabel",value:{name:"string",required:!1}},{key:"sortable",value:{name:"boolean",required:!1}},{key:"collapsible",value:{name:"boolean",required:!1}},{key:"template",value:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>",required:!1}}]}}]},description:""},item:{required:!0,tsType:{name:"DynamicFormItem"},description:""},itemIndex:{required:!0,tsType:{name:"number"},description:""},form:{required:!0,tsType:{name:"UseFormReturn"},description:""},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},canRemove:{required:!0,tsType:{name:"boolean"},description:""}}};function Ir(r){const n=/^([a-zA-Z_][a-zA-Z0-9_]*)_(\d+)_(.+)$/,a=r.match(n);return a?{group_id:a[1],index:parseInt(a[2]||"0",10),fieldname:a[3]}:{group_id:"",index:0,fieldname:""}}function zr(r=""){var s,v;if(!r||r.trim()==="")return{quantity:"",unit:"Custom"};if(r.includes("//")){const c=r.indexOf("//"),o=r.substring(0,c).trim(),y=r.substring(c).replace(/\/+/g,"").trim();return{quantity:o||"",unit:y}}const n=/^(\d+(?:\.\d+)?)\s*(.*)$/,a=r.match(n);if(a){const c=((s=a[2])==null?void 0:s.trim())||"";return{quantity:((v=a[1])==null?void 0:v.trim())||"",unit:c||"Custom"}}return{quantity:r.trim(),unit:"Custom"}}const Re=({section:r})=>{const{form:n}=X(),[a,s]=j.useState([{id:"0",values:r.template||{}}]);j.useEffect(()=>{const t=n.getValues(),g=r.formItems.map(p=>p.name),u=[];Object.entries(t).forEach(([p,b])=>{g.map(m=>{var i;if(p.includes(m)){const{index:x}=Ir(p);u[x]?u[x]={id:x.toString(),values:{...(i=u[x])==null?void 0:i.values,[m]:b}}:u.push({id:x.toString(),values:{[m]:b}})}})}),s(u)},[]);const v=t=>{const g=r.maxItems||1/0;if(a.length<g){const u={id:`${Date.now()}`,values:r.template||{}};if(t!==void 0&&t>=0&&t<=a.length){const p=[...a];p.splice(t+1,0,u);const b=p.map((m,i)=>({...m,id:i.toString()}));s(b)}else s([...a,u])}},c=t=>{const g=r.minItems||1;if(a.length>g){const p=a.filter(b=>b.id!==t).map((b,m)=>({...b,id:m.toString()}));s(p)}},o=Ie(se(Se),se(Ne,{coordinateGetter:Ve}));function y(t){const{active:g,over:u}=t;if(g.id!==(u==null?void 0:u.id)&&(u!=null&&u.id)){const p=a.findIndex(q=>q.id===g.id),b=a.findIndex(q=>q.id===(u==null?void 0:u.id));if(p===-1||b===-1)return;const m=[...a],[i]=m.splice(p,1);if(!i)return;m.splice(b,0,i);const x=n.getValues(),F={...x},T=r.formItems.map(q=>q.name);Object.keys(x).forEach(q=>{T.forEach(I=>{q.includes(`${r.id}_`)&&q.includes(`_${I}`)&&delete F[q]})}),m.forEach((q,I)=>{T.forEach(G=>{const N=`${r.id}_${q.id}_${G}`,P=`${r.id}_${I}_${G}`,w=x[N];w!==void 0&&(F[P]=w)})});const A=m.map((q,I)=>({...q,id:I.toString()}));n.reset(F),s(A)}}const k=!r.maxItems||a.length<r.maxItems,l=a.length>(r.minItems||1);return e.jsxs(e.Fragment,{children:[r.description&&e.jsx("p",{className:"text-muted-foreground text-sm w-full",children:r.description}),e.jsx(_e,{sensors:o,collisionDetection:Fe,onDragEnd:y,children:e.jsx("div",{className:"relative space-y-2",children:e.jsx(Oe,{items:a.map(t=>t.id),strategy:De,children:a.map((t,g)=>e.jsxs("div",{children:[e.jsx(Pe,{section:r,item:t,itemIndex:g,form:n,onRemove:()=>c(t.id),canRemove:l}),k&&e.jsx("div",{className:d("group w-full min-h-1 hover:bg-muted hover:p-4",{" bg-muted p-4":g===a.length-1}),children:e.jsxs("div",{className:d("hidden group-hover:flex items-center justify-center gap-2 transition-all duration-200 text-xs",{flex:g===a.length-1}),children:[e.jsx(Z,{variant:"ghost",onClick:()=>v(g),size:"icon",className:"border border-primary bg-background rounded-full hover:bg-primary",children:e.jsx(Te,{})}),"Add New Group"]})})]},t.id))})})})]})};Re.__docgenInfo={description:"",methods:[],displayName:"DynamicSectionComponent",props:{section:{required:!0,tsType:{name:"intersection",raw:`FormSection & {
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,elements:[{name:"FormSection"},{name:"signature",type:"object",raw:`{
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,signature:{properties:[{key:"isDynamic",value:{name:"literal",value:"true",required:!0}},{key:"maxItems",value:{name:"number",required:!1}},{key:"minItems",value:{name:"number",required:!1}},{key:"itemLabel",value:{name:"string",required:!1}},{key:"sortable",value:{name:"boolean",required:!1}},{key:"collapsible",value:{name:"boolean",required:!1}},{key:"template",value:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>",required:!1}}]}}]},description:""}}};const Le=({section:r})=>{const{form:n}=X();return e.jsxs(e.Fragment,{children:[r.description&&e.jsx("p",{className:d("text-muted-foreground  w-full h-fit",r.descriptionClassName),children:r.description}),r.formItems.map((a,s)=>e.jsx(ie,{control:n.control,name:a.name,render:({field:v,fieldState:c})=>e.jsxs(le,{className:d("flex flex-col w-full",a.containerClassname),children:[a.description&&e.jsx("p",{className:"w-full h-fit leading-5",children:a.description}),e.jsx(ue,{className:"flex flex-1",children:oe(n,a,v,c)})]})},`${a.name}-${s}`))]})};Le.__docgenInfo={description:"",methods:[],displayName:"StaticSectionComponent",props:{section:{required:!0,tsType:{name:"intersection",raw:"FormSection & { isDynamic?: false }",elements:[{name:"FormSection"},{name:"signature",type:"object",raw:"{ isDynamic?: false }",signature:{properties:[{key:"isDynamic",value:{name:"literal",value:"false",required:!1}}]}}]},description:""}}};const Ge=({index:r,step:n,section:a,formField:s,disabled:v,onDelete:c})=>{var m;const{attributes:o,listeners:y,setNodeRef:k,transform:l,isDragging:t,isOver:g}=ke({id:n.id}),u={transform:qe.Transform.toString(l)},{form:p}=X(),b=(m=p.getValues(`${a.id}_${n.id}_${s==null?void 0:s.name}`))==null?void 0:m.toString();return e.jsx("div",{ref:k,style:u,...o,className:"sortable-item",children:e.jsxs("div",{className:d("group border-l-[2px] pt-4 pl-5 border-border bg-background relative z-10",{"border-primary-foreground":b==null?void 0:b.length,"bg-accent/50 border border-b-4 border-accent z-100":t,"z-1":g,"pt-0 ":!r}),children:[e.jsx("div",{...y,className:d("p-[7px] bg-background rounded-full absolute top-5 left-[-13px] z-10 cursor-grab active:cursor-grabbing",{"top-2":!r}),children:e.jsx("div",{className:d("p-[5px] rounded-full bg-primary-foreground",{"bg-background ":g})})}),e.jsx(ie,{control:p.control,name:`${a.id}_${n.id}_${s==null?void 0:s.name}`,disabled:v,render:({field:i,fieldState:x})=>e.jsx(le,{className:d("flex flex-col w-full",s==null?void 0:s.containerClassname),children:e.jsx(ue,{className:"flex flex-1",children:oe(p,{...s,label:"Step "+(r+1)},i,x)})})}),e.jsx(Z,{variant:"ghost",size:"sm",onClick:c,className:d("hidden group-hover:flex absolute top-4 right-2 h-8 w-8 p-0 text-red-500 hover:text-red-700 hover:bg-transparent transition-opacity",{"top-0":!r}),children:e.jsx(je,{className:"w-4 h-4"})})]},n.id)})};Ge.__docgenInfo={description:"",methods:[],displayName:"SortableItem",props:{index:{required:!0,tsType:{name:"number"},description:""},step:{required:!0,tsType:{name:"StepItem"},description:""},section:{required:!0,tsType:{name:"intersection",raw:`FormSection & {
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,elements:[{name:"FormSection"},{name:"signature",type:"object",raw:`{
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,signature:{properties:[{key:"isDynamic",value:{name:"literal",value:"true",required:!0}},{key:"maxItems",value:{name:"number",required:!1}},{key:"minItems",value:{name:"number",required:!1}},{key:"itemLabel",value:{name:"string",required:!1}},{key:"sortable",value:{name:"boolean",required:!1}},{key:"collapsible",value:{name:"boolean",required:!1}},{key:"template",value:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>",required:!1}}]}}]},description:""},formField:{required:!0,tsType:{name:"FormFieldDefinition"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const $e=({section:r})=>{const n=r.formItems[0],{form:a}=X(),[s,v]=j.useState([]),c=()=>{const t={id:s.length.toString(),order:s.length,value:""};v([...s,t])},o=t=>{if(console.log(s,t),s.findIndex(m=>m.id===t)<=0)return;const p=s.filter(m=>m.id!==t).map((m,i)=>({...m,id:i.toString(),order:i}));v(p);const b=a.getValues();Object.keys(b).filter(m=>m.startsWith(`${r.id}_`)&&m.endsWith(`_${n==null?void 0:n.name}`)).forEach(m=>{a.unregister(m)}),p.forEach(m=>{a.setValue(`${r.id}_${m.id}_${n==null?void 0:n.name}`,m.value)})},y=Ie(se(Se),se(Ne,{coordinateGetter:Ve}));function k(t){const{active:g,over:u}=t,p=[...s],b=s.findIndex(x=>x.id==(u==null?void 0:u.id)),m=s.findIndex(x=>x.id==(g==null?void 0:g.id)),i=s[m];i&&(p.splice(m,1),p.splice(b,0,i)),p.forEach((x,F)=>[a.setValue(`${r.id}_${F}_${n==null?void 0:n.name}`,x.value)])}const l=()=>{const t=a.getValues(),g=Object.keys(t).filter(u=>u.startsWith(`${r.id}_`)&&u.endsWith(`_${n==null?void 0:n.name}`)).sort();if(g.length===0){v([{id:"0",order:0,value:""}]);return}v(g.map((u,p)=>({id:p.toString(),order:p,value:t[u]||""})))};if(j.useEffect(()=>{l()},[]),j.useEffect(()=>{const t=a.watch((g,{name:u})=>{u!=null&&u.includes(r.id)&&l()});return()=>t.unsubscribe()},[a]),!!n)return e.jsxs("div",{className:"border-l-6  border-transparent",children:[e.jsx(_e,{sensors:y,collisionDetection:Fe,onDragEnd:k,children:e.jsx(Oe,{items:s.map(t=>t.id),strategy:De,children:s.map((t,g)=>{var u;return e.jsx(Ge,{index:g,step:t,section:r,formField:n,disabled:g?!((u=s[g-1])!=null&&u.value):!1,onDelete:()=>o(t.id)})})})}),e.jsx("div",{className:"relative py-2 pl-5 flex justify-start mt-2",children:e.jsxs(Z,{variant:"primary",onClick:c,children:[e.jsx(Te,{className:"w-4 h-4"}),"Add another step"]})})]})};$e.__docgenInfo={description:"",methods:[],displayName:"StepsGroupComponent",props:{section:{required:!0,tsType:{name:"intersection",raw:`FormSection & {
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,elements:[{name:"FormSection"},{name:"signature",type:"object",raw:`{
+  isDynamic: true;
+  maxItems?: number;
+  minItems?: number;
+  itemLabel?: string;
+  sortable?: boolean;
+  collapsible?: boolean;
+  template?: Record<string, FormValue>;
+}`,signature:{properties:[{key:"isDynamic",value:{name:"literal",value:"true",required:!0}},{key:"maxItems",value:{name:"number",required:!1}},{key:"minItems",value:{name:"number",required:!1}},{key:"itemLabel",value:{name:"string",required:!1}},{key:"sortable",value:{name:"boolean",required:!1}},{key:"collapsible",value:{name:"boolean",required:!1}},{key:"template",value:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>",required:!1}}]}}]},description:""}}};const ce=({main:r=!1,className:n=""})=>{var u,p,b,m;const{state:a,mainForm:s,groups:v}=X(),{activeGroupId:c}=a,o=r?s:(u=v==null?void 0:v.find)==null?void 0:u.call(v,i=>i.id===c),[y,k]=j.useState(o?(b=(p=o==null?void 0:o.sections)==null?void 0:p[0])==null?void 0:b.id:""),l=o==null?void 0:o.sections,t=l?(m=l.filter)==null?void 0:m.call(l,i=>i.title):[];if(j.useEffect(()=>{var i;k(((i=l==null?void 0:l[0])==null?void 0:i.id)||"")},[o]),!o)return null;const g=i=>i.isDynamic&&i.dynamicType==="steps"?e.jsx($e,{section:i}):i.isDynamic?e.jsx(Re,{section:i}):e.jsx(Le,{section:i});return e.jsx("div",{className:d("w-full h-full overflow-auto flex  p-4",n),children:e.jsxs(be,{value:y,className:"flex flex-col w-0 flex-1  h-full no-scrollbar overflow-auto !p-0 gap-4",children:[e.jsx(fe,{className:d("m-0 rounded-none bg-background h-fit gap-4 w-full overflow-x-auto justify-start shadow-none",{hidden:!t.length}),children:t.map(i=>i.title?e.jsxs(he,{className:"rounded-full flex gap-2  px-4 py-2 border border-primary opacity-50 data-[state=active]:opacity-100 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",value:i.id,onClick:()=>k(i.id),children:[i.icon&&e.jsx(Z,{variant:"ghost",disabled:!0,size:"icon",className:"h-5 w-5 p-0 disabled:opacity-100",children:i.icon}),i.title]},i.id):null)}),l==null?void 0:l.map(i=>e.jsx(xe,{value:i.id,className:d("flex flex-col  max-w-full gap-4 h-0 overflow-auto flex-1 m-0",i.className),children:g(i)},i.id))]})})};ce.__docgenInfo={description:"",methods:[],displayName:"GroupContent",props:{main:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const Vr=(r=3)=>{const n=j.useRef(null);return j.useEffect(()=>{const a=n.current;if(!a)return;const{lineHeight:s}=getComputedStyle(a),v=parseFloat(s)*r,c=()=>{a.style.height="auto",a.style.height=`${Math.min(a.scrollHeight,v)}px`};return c(),a.addEventListener("input",c),a.addEventListener("focusin",c),()=>{a.removeEventListener("input",c),a.removeEventListener("focusin",c)}},[r]),n},Ue=()=>{var u,p,b,m,i,x,F,T,A,q,I,G,N,P,w,E,f,R,C,H,K;const{autosave:r}=X(),[n,a]=j.useState(!1);j.useEffect(()=>{a(!0)},[]);const s=()=>{r.toggleEnableAutoSave(!r.autoSaveEnabled)},[v,c]=j.useState(0),o=((u=r.state)==null?void 0:u.status)=="saving",y=((p=r.state)==null?void 0:p.status)=="pending",k=((b=r.state)==null?void 0:b.status)=="error",l=typeof((i=(m=r.state)==null?void 0:m.error)==null?void 0:i.cause)=="string"?(F=(x=r.state)==null?void 0:x.error)==null?void 0:F.cause:((A=(T=r.state)==null?void 0:T.error)==null?void 0:A.message)||"Autosave Error",{showError:t}=we(),g=j.useCallback(()=>{var L,B;t(l,(B=(L=r.state)==null?void 0:L.error)==null?void 0:B.message)},[t,l,(I=(q=r.state)==null?void 0:q.error)==null?void 0:I.message]);return j.useEffect(()=>{c(L=>L+1)},[r.state]),n?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"group flex justify-end items-center min-w-70",children:[e.jsxs("div",{className:d("group-hover:hidden p-5 py-2 rounded-full border border-primary flex items-center text-sm gap-2",{"flex-wrap gap-y-0":o||y,hidden:!((G=r.state)!=null&&G.status)&&!r.lastSaveDate}),children:[e.jsx(te,{className:"text-base"}),e.jsx("p",{className:d("hidden gap-1 items-center",{flex:!r.autoSaveEnabled}),children:"Autosave off"}),r.autoSaveEnabled&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:!((N=r.state)!=null&&N.status)&&r.lastSaveDate}),children:["Last Saved:",e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"dd-MM-yyyy")}),e.jsx(ae,{className:"text-xs"}),e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"HH:mm:ss")})]}),e.jsxs("p",{className:d("hidden gap-1 items-center",{block:y||o}),children:["Autosave: ",o?"In Progress":"Waiting"]}),(o||y)&&e.jsx("div",{className:"relative h-[2px] w-full overflow-hidden rounded-full ",children:e.jsx("div",{className:"absolute inset-0 h-full w-full bg-primary",style:{animation:`wazui_progress_bar ${o?"5s":"30s"} ease-in-out`}})},`progress-${v}`),e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:((P=r.state)==null?void 0:P.status)=="saved"}),children:["Autosave Complete",e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"dd-mm-yyyy")}),e.jsx(ae,{className:"text-xs"}),e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"HH:mm:ss")})]}),e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:k}),children:["Autosave",e.jsxs("span",{className:"text-destructive hover:underline max-w-50 truncate",onClick:g,children:["Error | ",l]})]})]})]}),e.jsxs("div",{className:d("hidden group-hover:invisible p-5 py-2 rounded-full border border-primary  items-center text-sm gap-2",{"flex-wrap gap-y-0":o||y,flex:!((w=r.state)!=null&&w.status)&&!r.lastSaveDate&&!r.autoSaveEnabled}),children:[e.jsx(te,{className:"text-base"}),e.jsx("p",{className:d("hidden gap-1 items-center",{flex:!r.autoSaveEnabled||!((E=r.state)!=null&&E.status)}),children:"Autosave off"}),r.autoSaveEnabled&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:!((f=r.state)!=null&&f.status)&&r.lastSaveDate}),children:["Last Saved:",e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"dd-MM-yyyy")}),e.jsx(ae,{className:"text-xs"}),e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"HH:mm:ss")})]}),e.jsxs("p",{className:d("hidden gap-1 items-center",{block:y||o}),children:["Autosave: ",o?"In Progress":"Waiting"]}),(o||y)&&e.jsx("div",{className:"relative h-[2px] w-full overflow-hidden rounded-full ",children:e.jsx("div",{className:"absolute inset-0 h-full w-full bg-primary",style:{animation:`wazui_progress_bar ${o?"5s":"30s"} ease-in-out`}})},`progress-${v}`),e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:((R=r.state)==null?void 0:R.status)=="saved"}),children:["Autosave Complete",e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"dd-mm-yyyy")}),e.jsx(ae,{className:"text-xs"}),e.jsx("span",{children:r.lastSaveDate&&W(r.lastSaveDate,"HH:mm:ss")})]}),e.jsxs("p",{className:d("hidden gap-1 items-center",{flex:((C=r.state)==null?void 0:C.status)=="error"}),children:["Autosave",e.jsxs("span",{className:"text-destructive max-w-50 truncate",children:["Error | ",(K=(H=r.state)==null?void 0:H.error)==null?void 0:K.message]})]})]})]}),e.jsxs("div",{className:d("hidden group-hover:flex border cursor-pointer rounded-full p-4 py-2  text-xs items-center gap-2",{"border-destructive text-destructive ":r.autoSaveEnabled}),onClick:s,children:[e.jsx(te,{className:"text-base"}),e.jsx("p",{children:r.autoSaveEnabled?"Disable Autosave":"Enable Autosave"})]})]}),k&&e.jsx(lr,{className:"text-destructive text-md animate-bounce",onClick:g})]}):e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("div",{className:"group flex justify-end items-center min-w-70",children:e.jsxs("div",{className:"p-5 py-2 rounded-full border border-primary flex items-center text-sm gap-2",children:[e.jsx(te,{className:"text-base"}),e.jsx("p",{className:"gap-1 items-center flex",children:"Loading..."})]})})})};Ue.__docgenInfo={description:"",methods:[],displayName:"AutoSaveIndicator"};const ze=()=>{var L,B;const{state:r,form:n,handlePublish:a,handleSaveDraft:s,handleSaveTitle:v,postQuery:{isLoading:c,error:o},type:y,mainForm:k,groups:l,createMutation:{isPending:t},updateMutation:{isPending:g},dispatch:u,showTitle:p,baseUrl:b,isPopup:m,formTitle:i,actionButtonTitle:x,showDraft:F,showAutoSave:T}=X(),{activeGroupId:A}=r,q=n.getValues("uuid"),I=r.isDraft,G=n.formState.isDirty,[N,P]=j.useState(!0),w=Vr(N?1:3),E=h=>{u({type:"SET_ACTIVE_GROUP",payload:h})},f=r.isCreate;let R=i,C=x;R||(f?R="Create "+y:R="Edit "+y),C||(f||I?C="Publish "+y:C="Update "+y);const H=async()=>{n.getValues("title")&&await v(),P(!0)},K=h=>h>=75?"text-destructive":h>=65?"text-[#FFAA00]":h>=55?"text-[#229954]":h>=45?"text-[#FFAA00]":"text-muted-foreground";return e.jsx(nr,{...n,children:e.jsxs("form",{className:"w-full flex flex-col p-0",onSubmit:h=>h.preventDefault(),onKeyDown:h=>{h.key==="Enter"&&!(h.target instanceof HTMLButtonElement&&h.target.type==="submit")&&h.preventDefault()},children:[c&&!f&&!q&&e.jsx("div",{className:"absolute inset-0 bg-white/50 backdrop-blur-sm flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(gr,{className:"h-6 w-6 animate-spin"}),e.jsx("span",{children:"Loading..."})]})}),o&&!f&&!q&&e.jsx("div",{className:"absolute inset-0 bg-white/50 backdrop-blur-sm flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ar,{className:"h-6 w-6"}),e.jsxs("span",{children:["Error: ",o==null?void 0:o.message]})]})}),m&&e.jsx("h1",{className:d("text-md font-bold bg-[#FADDD3] w-full p-4"),children:R}),e.jsxs("div",{className:"w-full h-full flex overflow-auto gap-2 items-stretch","data-testid":"main-form",children:[e.jsxs("div",{className:d("flex-2/3 flex flex-col items-start justify-between gap-5 p-4",{"pb-0":!m}),children:[e.jsx("h1",{className:d("text-3xl font-bold font-[UniversalFeature] !m-0",{hidden:m}),children:R}),e.jsxs("div",{className:"w-full flex items-center justify-between flex-wrap gap-2 ",children:[b&&e.jsx(yr,{url:b,pageTitle:`${f?"Create":"Edit"} ${y}`}),T&&e.jsx(Ue,{})]}),p&&e.jsx(ie,{control:n.control,name:"title",render:({field:h,fieldState:J})=>{var Q,ee,re;const $=(ee=(Q=h.value)==null?void 0:Q.toString())==null?void 0:ee.trim();return e.jsxs("div",{className:"w-full",children:[J.error&&e.jsxs("span",{className:"flex items-center  mb-1 gap-1",children:[e.jsx(ur,{className:"text-destructive text-xl"}),e.jsx("span",{className:" capitalize text-xs text-muted-foreground",children:(re=J.error)==null?void 0:re.message})]}),e.jsxs("div",{className:d("flex items-center justify-center w-full gap-2"),children:[e.jsxs("div",{className:d("flex items-center justify-center w-full gap-2 slight_border border-secondary! p-1 px-2 rounded",{"border-primary!":!N}),children:[e.jsx(le,{className:"flex-1",children:e.jsx(ue,{className:"w-full",children:e.jsx(tr,{className:d("h-fit min-h-0 p-0 w-full  placeholder:opacity-50 text-2xl! font-[UniversalFeature] no-scrollbar shadow-none flex-1 border-0 bg-transparent hover:bg-transparent focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0",{"opacity-50":N}),ref:w,placeholder:"Enter Title here","aria-disabled":N,value:h.value,onChange:h.onChange,rows:1,onBlur:()=>P(!0),"data-testid":"title-input",onClick:()=>P(!1)})})}),e.jsxs(Z,{variant:"outline",className:d("p-3 h-5 rounded-full border-secondary gap-1 hover:bg-transparent capitalize text-muted-foreground text-sm",{"border-primary":!N}),onClick:()=>N?P(!1):H(),children:[N?e.jsx(pr,{className:"text-sm"}):e.jsx(jr,{className:"text-sm text-primary"}),N?"edit":"save"]})]}),e.jsx("div",{className:d("flex",K($==null?void 0:$.length)),"data-testid":"title-word-count",children:e.jsx("span",{className:"text-sm",children:`${($==null?void 0:$.length)||0}/65`})}),e.jsx(cr,{className:d("capitalize bg-muted w-fit p-2 py-1",{"border-[#229954] text-[#229954] bg-transparent":!I}),children:I?"draft":"published"})]})]})}},"title"),k&&e.jsx(ce,{main:!0,className:"flex-1 grow w-full p-0 "})]}),(l==null?void 0:l.length)&&e.jsxs(be,{defaultValue:(L=l[0])==null?void 0:L.id,value:A,className:"flex-1/3  flex flex-col  h-full no-scrollbar overflow-auto p-0 flex-wrap",children:[e.jsx(fe,{className:"rounded-none justify-start bg-black p-4 h-fit gap-4 w-full overflow-x-auto no-scrollbar",children:(l==null?void 0:l.length)&&l.map(h=>e.jsxs(he,{className:"rounded-full p-2 px-4 gap-1 slight_border text-[#9C9C9C] group data-[state=active]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:border-none cursor-pointer",value:h.id,onClick:J=>{J.preventDefault(),E(h.id)},children:[h.icon&&e.jsx("div",{className:"opacity-100 h-5 w-5 flex items-center justify-center",children:h.icon&&h.icon}),h.title]},h.id))}),e.jsx(xe,{className:"flex-1 h-0 m-0 border-l",value:A||((B=l[0])==null?void 0:B.id),children:e.jsx(ce,{})})]})]}),e.jsxs("div",{className:d("flex gap-4 p-2 bg-muted w-full justify-end ",{hidden:m||!F}),children:[e.jsx(me,{className:d(" p-4 hidden waz_shadow bg-[#A9D3B8] font-bold text-base px-4 text-[#101828]",{flex:I||f}),onClick:()=>s(),type:"button",disabled:t||g,children:"Save as Draft"}),e.jsx(me,{className:d(" p-4 flex waz_shadow font-bold text-[#101828] text-base px-4 gap-1",{}),disabled:t||g,onClick:()=>a(),trailingIcon:e.jsx(or,{}),children:C})]}),(m||!F)&&e.jsx("div",{className:d("flex gap-4 p-2  w-full justify-end "),children:e.jsx(me,{className:d(" p-4 hidden waz_shadow font-bold text-[#101828] text-base px-4 gap-1",{flex:G||I}),disabled:t||g,onClick:a,children:C})})]})})};ze.__docgenInfo={description:"",methods:[],displayName:"BlogContentForm"};const Nr=({type:r="Post",showDraft:n=!0,formTitle:a,actionButtonTitle:s,showTitle:v=!0,isPopup:c=!1,baseUrl:o="",postBaseUrl:y,className:k,post_uuid:l="",groups:t,initialState:g={},mainForm:u,validators:p,requiredDraftFields:b,postQueryConfig:m,createMessage:i,updateMessage:x,formFieldsMapper:F,submitFieldsMapper:T,onBack:A,onSave:q,onChange:I,showDescriptionOnSubmit:G,autoSave:N,user_config:P})=>{var w;return e.jsx(vr,{children:e.jsx(Ce,{initialState:{...g,uuid:l,activeGroupId:t&&(t==null?void 0:t.length)>0?(w=t[0])==null?void 0:w.id:""},showTitle:v,showDraft:n,formTitle:a,createMessage:i,updateMessage:x,actionButtonTitle:s,baseUrl:o,postBaseUrl:y,type:r,postQueryConfig:m,validators:p,requiredDraftFields:b,formFieldsMapper:F,submitFieldsMapper:T,onBack:A,onSave:q,groups:t,onChange:I,mainForm:u,isPopup:c,showDescriptionOnSubmit:G,autoSave:N,user_config:P,children:e.jsx("main",{className:d("w-full h-screen bg-background flex flex-1 overflow-y-auto p-0",k),children:e.jsx(ze,{})})})})};Nr.__docgenInfo={description:"",methods:[],displayName:"WazUiCreateBlogContent",props:{type:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Post'",computed:!1}},formTitle:{required:!1,tsType:{name:"string"},description:""},actionButtonTitle:{required:!1,tsType:{name:"string"},description:""},showDraft:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showTitle:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},isPopup:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},baseUrl:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},postBaseUrl:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""},post_uuid:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},postQueryConfig:{required:!0,tsType:{name:"signature",type:"object",raw:`{
+  fetch?: QueryConfig;
+  create: QueryConfig;
+  update?: 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:"create",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}}]}},description:""},groups:{required:!1,tsType:{name:"Array",elements:[{name:"FormGroup"}],raw:"FormGroup[]"},description:""},mainForm:{required:!0,tsType:{name:"FormGroup"},description:""},validators:{required:!1,tsType:{name:"z.ZodSchema"},description:""},onSave:{required:!1,tsType:{name:"signature",type:"function",raw:"(values: Record<string, FormValue>) => void",signature:{arguments:[{type:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>"},name:"values"}],return:{name:"void"}}},description:""},onBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},initialState:{required:!1,tsType:{name:"BlogPostState"},description:"",defaultValue:{value:"{}",computed:!1}},formFieldsMapper:{required:!1,tsType:{name:"signature",type:"function",raw:"(post: Record<string, unknown>) => FieldValues",signature:{arguments:[{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"post"}],return:{name:"FieldValues"}}},description:""},submitFieldsMapper:{required:!1,tsType:{name:"signature",type:"function",raw:"(fields: Record<string, FormValue>) => Record<string, unknown>",signature:{arguments:[{type:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>"},name:"fields"}],return:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"}}},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+  form: UseFormReturn<FieldValues, unknown, FieldValues>,
+  fieldName: string,
+  values: Record<string, FormValue>
+) => void`,signature:{arguments:[{type:{name:"UseFormReturn",elements:[{name:"FieldValues"},{name:"unknown"},{name:"FieldValues"}],raw:"UseFormReturn<FieldValues, unknown, FieldValues>"},name:"form"},{type:{name:"string"},name:"fieldName"},{type:{name:"Record",elements:[{name:"string"},{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[]"}]}],raw:"Record<string, FormValue>"},name:"values"}],return:{name:"void"}}},description:""},requiredDraftFields:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""},createMessage:{required:!1,tsType:{name:"string"},description:""},updateMessage:{required:!1,tsType:{name:"string"},description:""},showDescriptionOnSubmit:{required:!1,tsType:{name:"boolean"},description:""},autoSave:{required:!1,tsType:{name:"boolean"},description:""},user_config:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  uuid: string;
+  name: string;
+  email: string;
+}`,signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:"email",value:{name:"string",required:!0}}]}},description:""}}};export{Ur as I,Nr as W,Ir as a,jr as b,zr as e};

package/storybook-static/assets/WazUiCreateBlogContent.stories-Bzq3YtfW.js

@@ -0,0 +1,94 @@
+import{W as d}from"./WazUiCreateBlogContent-DxC86Nwl.js";import{m as l,g as b}from"./groups-GzRK9wBi.js";import{z as n}from"./env-B_s3Ell7.js";import{w as y}from"./ApolloDecorator-DdFdPk9I.js";import{U as v,C as h,G as S}from"./queries-Bdq7cXa5.js";import"./jsx-runtime-D_zvdyIk.js";import"./index-CBYaBgW8.js";import"./hooks-D-wca2rG.js";import"./useMercuryProjectToken-BgbQUYG9.js";import"./popover-BB1qMQFg.js";import"./button-BxNLA_J_.js";import"./utils-3HBFSLrk.js";import"./index-BJvHeDRT.js";import"./index-BWnBDfn-.js";import"./WazUiInputBox-C2jVcTq2.js";import"./provider-Bst_TvlW.js";import"./WazuiActionModal-Cgw_QqFv.js";import"./index-CZ4jztst.js";import"./WazuiImage-BwRWaPkA.js";import"./iconBase-B7i_G6Rg.js";import"./index-BR89vyis.js";import"./WazUiButton-e06gz3US.js";import"./WazUiBreadCrumb-BPc3tEqC.js";import"./WazUIDataTable-DnneDnRd.js";import"./calendar-CorT5FcI.js";import"./iframe-DarAeeHv.js";import"./WazUiNavigationBlocker-BrhA3ONc.js";import"./index-Bqat3xNk.js";import"./queries-9Km_qMSB.js";import"./index-CeH2RAp8.js";import"./queries-ClywsDTl.js";import"./WazUiPostCard-bQlmiDOB.js";import"./TimeAgo-BMs3lst-.js";import"./WazUIPostActions-BZQom1Yt.js";const ea={title:"Components/WazUiCreateBlogContent",component:d,parameters:{layout:"fullscreen",theme:"dark",apollo:{uri:"https://muse.hogfort.com/graphql"}},tags:["autodocs"],argTypes:{},decorators:[y]},r=n.object({title:n.string().min(2,"Min 2").max(55,"55 max"),excerpt:n.string().min(2,"Min 2").max(55,"55 max"),featured_image:n.string().min(1,"this field is required")}),m={args:{type:"Post",showTitle:!0,baseUrl:"/contents/posts/new",groups:b,mainForm:l,className:"",post_uuid:"fa834de5-952e-4140-abbf-afcb3ee406b6",formFieldsMapper:a=>{const e=JSON.parse((a==null?void 0:a.meta_data)||"{}");return{...a,author:{label:a.author_uuid,value:a.author_uuid},slug:a.slug,featured_image:JSON.parse(a.featured_image),categories:a.categories.map(t=>({value:t.uuid,label:t.name})),tags:a.tags.map(t=>({value:t.uuid,label:t.name})),meta_remove_from_snap_rss:e==null?void 0:e.remove_from_snap_rss,meta_websiteUrl:e==null?void 0:e.websiteUrl,meta_campaignSource:e==null?void 0:e.campaignSource,meta_campaignMedium:e==null?void 0:e.campaignMedium,meta_campaignName:e==null?void 0:e.campaignName,meta_campaignId:e==null?void 0:e.campaignId,meta_campaignContent:e==null?void 0:e.campaignContent}},initialState:{isCreate:!0,activeGroupId:"seo"},postQueryConfig:{fetch:{query:S,variables:{blog_uuid:"2ee767d4-91bb-414b-b8c8-ac5105f94c55"},dataKey:"getPostByUuid",cacheKey:"getPostByUuid"},create:{query:h,dataKey:"createPost",mutationInvalidateKey:"getPostsByBlogUuid"},update:{query:v,dataKey:"updatePost",mutationInvalidateKey:"getPostsByBlogUuid"}},submitFieldsMapper:a=>{var e,t,i;return{author_uuid:(e=a==null?void 0:a.author)==null?void 0:e.value,blog_uuid:"2ee767d4-91bb-414b-b8c8-ac5105f94c55",category_uuids:(t=a==null?void 0:a.categories)==null?void 0:t.map(o=>o.value),tags:(i=a==null?void 0:a.tags)==null?void 0:i.map(o=>o.label),content:a.content,excerpt:a.excerpt,featured_image:JSON.stringify(a.featured_image),metadata:JSON.stringify({remove_from_snap_rss:a==null?void 0:a.meta_remove_from_snap_rss,websiteUrl:a==null?void 0:a.meta_websiteUrl,campaignSource:a==null?void 0:a.meta_campaignSource,campaignMedium:a==null?void 0:a.meta_campaignMedium,campaignName:a==null?void 0:a.meta_campaignName,campaignId:a==null?void 0:a.meta_campaignId,campaignContent:a==null?void 0:a.meta_campaignContent}),published_at:"",status:a.status,title:a.title,uuid:a.uuid,slug:a.slug}}}};var u,s,p;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`z.object({
+  title: z.string().min(2, 'Min 2').max(55, '55 max'),
+  excerpt: z.string().min(2, 'Min 2').max(55, '55 max'),
+  featured_image: z.string().min(1, 'this field is required')
+})`,...(p=(s=r.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};var g,c,_;m.parameters={...m.parameters,docs:{...(g=m.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    type: 'Post',
+    showTitle: true,
+    baseUrl: '/contents/posts/new',
+    groups: groups,
+    mainForm: mainForm,
+    // validators,
+    className: '',
+    post_uuid: 'fa834de5-952e-4140-abbf-afcb3ee406b6',
+    formFieldsMapper: (post: Record<string, any>) => {
+      const metaData = JSON.parse(post?.meta_data || '{}');
+      return {
+        ...post,
+        author: {
+          label: post.author_uuid,
+          value: post.author_uuid
+        },
+        slug: post.slug,
+        featured_image: JSON.parse(post.featured_image),
+        categories: post.categories.map((category: Record<string, string>) => ({
+          value: category.uuid,
+          label: category.name
+        })),
+        tags: post.tags.map((tag: Record<string, string>) => ({
+          value: tag.uuid,
+          label: tag.name
+        })),
+        meta_remove_from_snap_rss: metaData?.remove_from_snap_rss,
+        meta_websiteUrl: metaData?.websiteUrl,
+        meta_campaignSource: metaData?.campaignSource,
+        meta_campaignMedium: metaData?.campaignMedium,
+        meta_campaignName: metaData?.campaignName,
+        meta_campaignId: metaData?.campaignId,
+        meta_campaignContent: metaData?.campaignContent
+      };
+    },
+    initialState: {
+      isCreate: true,
+      activeGroupId: 'seo'
+    },
+    postQueryConfig: {
+      fetch: {
+        query: GET_BLOG_POST,
+        variables: {
+          blog_uuid: '2ee767d4-91bb-414b-b8c8-ac5105f94c55'
+        },
+        dataKey: 'getPostByUuid',
+        cacheKey: 'getPostByUuid'
+      },
+      create: {
+        query: CREATE_POST,
+        dataKey: 'createPost',
+        mutationInvalidateKey: 'getPostsByBlogUuid'
+      },
+      update: {
+        query: UPDATE_POST,
+        dataKey: 'updatePost',
+        mutationInvalidateKey: 'getPostsByBlogUuid'
+      }
+    },
+    submitFieldsMapper: (fields: Record<string, any>) => {
+      return {
+        author_uuid: fields?.author?.value,
+        blog_uuid: '2ee767d4-91bb-414b-b8c8-ac5105f94c55',
+        category_uuids: fields?.categories?.map((category: any) => category.value),
+        tags: fields?.tags?.map((tag: any) => tag.label),
+        content: fields.content,
+        excerpt: fields.excerpt,
+        featured_image: JSON.stringify(fields.featured_image),
+        metadata: JSON.stringify({
+          remove_from_snap_rss: fields?.meta_remove_from_snap_rss,
+          websiteUrl: fields?.meta_websiteUrl,
+          campaignSource: fields?.meta_campaignSource,
+          campaignMedium: fields?.meta_campaignMedium,
+          campaignName: fields?.meta_campaignName,
+          campaignId: fields?.meta_campaignId,
+          campaignContent: fields?.meta_campaignContent
+        }),
+        published_at: '',
+        status: fields.status,
+        title: fields.title,
+        uuid: fields.uuid,
+        slug: fields.slug
+      };
+    }
+
+    // TODO: Add args here
+  }
+}`,...(_=(c=m.parameters)==null?void 0:c.docs)==null?void 0:_.source}}};const ta=["validators","Default"];export{m as Default,ta as __namedExportsOrder,ea as default,r as validators};

package/storybook-static/assets/WazUiCreateContentPopup.stories-D_9OExPO.js

@@ -0,0 +1,41 @@
+import{c as p}from"./groups-GzRK9wBi.js";import{z as t}from"./env-B_s3Ell7.js";import{w as u}from"./ApolloDecorator-DdFdPk9I.js";import{U as d,C as c,G as l}from"./queries-Bdq7cXa5.js";import{W as y}from"./WazuiCreateContentPopup-CXVvIFOU.js";import"./jsx-runtime-D_zvdyIk.js";import"./WazUiInputBox-C2jVcTq2.js";import"./index-CBYaBgW8.js";import"./useMercuryProjectToken-BgbQUYG9.js";import"./popover-BB1qMQFg.js";import"./button-BxNLA_J_.js";import"./utils-3HBFSLrk.js";import"./index-BJvHeDRT.js";import"./index-BWnBDfn-.js";import"./provider-Bst_TvlW.js";import"./WazuiActionModal-Cgw_QqFv.js";import"./index-CZ4jztst.js";import"./WazuiImage-BwRWaPkA.js";import"./iconBase-B7i_G6Rg.js";import"./index-BR89vyis.js";import"./WazUiButton-e06gz3US.js";import"./WazUiBreadCrumb-BPc3tEqC.js";import"./WazUIDataTable-DnneDnRd.js";import"./calendar-CorT5FcI.js";import"./iframe-DarAeeHv.js";import"./WazUiCreateBlogContent-DxC86Nwl.js";import"./hooks-D-wca2rG.js";import"./WazUiNavigationBlocker-BrhA3ONc.js";import"./index-Bqat3xNk.js";import"./queries-9Km_qMSB.js";import"./index-CeH2RAp8.js";import"./queries-ClywsDTl.js";import"./WazUiPostCard-bQlmiDOB.js";import"./TimeAgo-BMs3lst-.js";import"./WazUIPostActions-BZQom1Yt.js";const X={title:"Components/WazuiCreateContentPopup",component:y,parameters:{layout:"fullscreen",theme:"dark"},tags:["autodocs"],argTypes:{},decorators:[u]},e=t.object({title:t.string().min(2,"Min 2").max(55,"55 max"),excerpt:t.string().min(2,"Min 2").max(55,"55 max"),featured_image:t.string().min(1,"this field is required")}),a={args:{type:"Category",showTitle:!1,mainForm:p,open:!0,className:"px-2",post_uuid:"fa834de5-952e-4140-abbf-afcb3ee406b6",initialState:{isCreate:!0,activeGroupId:"seo"},postQueryConfig:{fetch:{query:l,variables:{blog_uuid:"2ee767d4-91bb-414b-b8c8-ac5105f94c55"},dataKey:"getPostByUuid",cacheKey:"getPostByUuid"},create:{query:c,dataKey:"createPost",mutationInvalidateKey:"getPostsByBlogUuid"},update:{query:d,dataKey:"updatePost",mutationInvalidateKey:"getPostsByBlogUuid"}}}};var r,o,i;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`z.object({
+  title: z.string().min(2, 'Min 2').max(55, '55 max'),
+  excerpt: z.string().min(2, 'Min 2').max(55, '55 max'),
+  featured_image: z.string().min(1, 'this field is required')
+})`,...(i=(o=e.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};var n,s,m;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    type: 'Category',
+    showTitle: false,
+    mainForm: categoryMainForm,
+    open: true,
+    // validators,
+    className: 'px-2',
+    post_uuid: 'fa834de5-952e-4140-abbf-afcb3ee406b6',
+    initialState: {
+      isCreate: true,
+      activeGroupId: 'seo'
+    },
+    postQueryConfig: {
+      fetch: {
+        query: GET_BLOG_POST,
+        variables: {
+          blog_uuid: '2ee767d4-91bb-414b-b8c8-ac5105f94c55'
+        },
+        dataKey: 'getPostByUuid',
+        cacheKey: 'getPostByUuid'
+      },
+      create: {
+        query: CREATE_POST,
+        dataKey: 'createPost',
+        mutationInvalidateKey: 'getPostsByBlogUuid'
+      },
+      update: {
+        query: UPDATE_POST,
+        dataKey: 'updatePost',
+        mutationInvalidateKey: 'getPostsByBlogUuid'
+      }
+    }
+
+    // TODO: Add args here
+  }
+}`,...(m=(s=a.parameters)==null?void 0:s.docs)==null?void 0:m.source}}};const Y=["validators","Default"];export{a as Default,Y as __namedExportsOrder,X as default,e as validators};

package/storybook-static/assets/WazUiDataTable.stories-D1Aj3wPk.js

@@ -0,0 +1,23 @@
+import{j as C}from"./jsx-runtime-D_zvdyIk.js";import{u as w,W as j,g as M,a as R,b as N}from"./WazUIDataTable-DnneDnRd.js";import"./utils-3HBFSLrk.js";import"./index-CBYaBgW8.js";const n=[{id:1,name:"John Doe",email:"john.doe@example.com",role:"Admin",status:"active"},{id:2,name:"Jane Smith",email:"jane.smith@example.com",role:"User",status:"active"},{id:3,name:"Bob Johnson",email:"bob.johnson@example.com",role:"Moderator",status:"inactive"}],a=[{accessorKey:"name",header:"Name"},{accessorKey:"email",header:"Email"},{accessorKey:"role",header:"Role"},{accessorKey:"status",header:"Status",cell:({row:e})=>C.jsx("span",{className:`px-2 py-1 rounded-full text-xs ${e.original.status==="active"?"bg-green-100 text-green-800":"bg-red-100 text-red-800"}`,children:e.original.status})}],W=({data:e=n,columnsData:x=a,...S})=>{const f=w({data:e,columns:x,getCoreRowModel:N(),getPaginationRowModel:R(),getSortedRowModel:M()});return C.jsx(j,{table:f,...S})},A={title:"Components/WazUIDataTable",component:W,parameters:{layout:"centered",docs:{description:{component:"A flexible data table component with support for sorting, pagination, and custom styling."}}},tags:["autodocs"],argTypes:{data:{description:"Array of data to display in the table",control:{type:"object"}},columnsData:{description:"Column definitions for the table",control:{type:"object"}},rowClassName:{description:"CSS class name for table rows",control:{type:"text"}},cellClassName:{description:"CSS class name for table cells",control:{type:"text"}}}},t={args:{data:n,columnsData:a}},s={args:{data:n,columnsData:a,rowClassName:"hover:bg-gray-50",cellClassName:"border-gray-200"}},o={args:{data:[n[0]],columnsData:a}},r={args:{data:[],columnsData:a}};var l,m,c;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    data: sampleData,
+    columnsData: sampleColumns
+  }
+}`,...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var i,d,p;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  args: {
+    data: sampleData,
+    columnsData: sampleColumns,
+    rowClassName: 'hover:bg-gray-50',
+    cellClassName: 'border-gray-200'
+  }
+}`,...(p=(d=s.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var u,g,b;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    data: [sampleData[0]!],
+    columnsData: sampleColumns
+  }
+}`,...(b=(g=o.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,h,D;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    data: [],
+    columnsData: sampleColumns
+  }
+}`,...(D=(h=r.parameters)==null?void 0:h.docs)==null?void 0:D.source}}};const J=["Default","WithCustomStyling","WithMinimalData","EmptyState"];export{t as Default,r as EmptyState,s as WithCustomStyling,o as WithMinimalData,J as __namedExportsOrder,A as default};