@wazobiatech/wazui 0.0.12 → 0.0.13

package/storybook-static/assets/WazUiInputBox.stories-Bs1Vb_Rd.js

@@ -0,0 +1,270 @@
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as Be}from"./index-CBYaBgW8.js";import{W as l}from"./WazUiInputBox-C2jVcTq2.js";import{v as Me}from"./v4-CtRu48qb.js";import{D as ze,G as Ye,I as ke,C as Fe,a as Ke,b as qe,U as $e,d as Qe,e as He}from"./queries-9Km_qMSB.js";import{a as Xe}from"./queries-Bdq7cXa5.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"./env-B_s3Ell7.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"./index-CeH2RAp8.js";const{addons:Je}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:Ze}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:G}=__STORYBOOK_MODULE_GLOBAL__;var et=Object.defineProperty,tt=(e,t)=>{for(var a in t)et(e,a,{get:t[a],enumerable:!0})},at="storybook/actions",nt=`${at}/action-event`,rt={depth:10,clearOnStoryChange:!0,limit:50},Ge=(e,t)=>{let a=Object.getPrototypeOf(e);return!a||t(a)?a:Ge(a,t)},ot=e=>!!(typeof e=="object"&&e&&Ge(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),st=e=>{if(ot(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let a=Object.getOwnPropertyDescriptor(t,"view"),o=a==null?void 0:a.value;return typeof o=="object"&&(o==null?void 0:o.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...a,value:Object.create(o.constructor.prototype)}),t}return e},lt=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?Me():Date.now().toString(36)+Math.random().toString(36).substring(2);function y(e,t={}){let a={...rt,...t},o=function(...s){var R,V;if(t.implicit){let j=(R="__STORYBOOK_PREVIEW__"in G?G.__STORYBOOK_PREVIEW__:void 0)==null?void 0:R.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(j){let d=!((V=globalThis==null?void 0:globalThis.FEATURES)!=null&&V.disallowImplicitActionsInRenderV8),B=new Ze({phase:j.phase,name:e,deprecated:d});if(d)console.warn(B);else throw B}}let n=Je.getChannel(),p=lt(),i=5,P=s.map(st),De=s.length>1?P:P[0],Le={id:p,count:0,data:{name:e,args:De},options:{...a,maxDepth:i+(a.depth||3),allowFunction:a.allowFunction||!1}};n.emit(nt,Le)};return o.isAction=!0,o.implicit=t.implicit,o}const{definePreview:Dt}=__STORYBOOK_MODULE_PREVIEW_API__,{global:A}=__STORYBOOK_MODULE_GLOBAL__;var pt={};tt(pt,{argsEnhancers:()=>ct,loaders:()=>mt});var Ue=(e,t)=>typeof t[e]>"u"&&!(e in t),it=e=>{let{initialArgs:t,argTypes:a,id:o,parameters:{actions:s}}=e;if(!s||s.disable||!s.argTypesRegex||!a)return{};let n=new RegExp(s.argTypesRegex);return Object.entries(a).filter(([p])=>!!n.test(p)).reduce((p,[i,P])=>(Ue(i,t)&&(p[i]=y(i,{implicit:!0,id:o})),p),{})},ut=e=>{let{initialArgs:t,argTypes:a,parameters:{actions:o}}=e;return o!=null&&o.disable||!a?{}:Object.entries(a).filter(([s,n])=>!!n.action).reduce((s,[n,p])=>(Ue(n,t)&&(s[n]=y(typeof p.action=="string"?p.action:n)),s),{})},ct=[ut,it],U=!1,dt=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!U&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in A&&typeof A.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let a=A.__STORYBOOK_TEST_ON_MOCK_CALL__;a((o,s)=>{let n=o.getMockName();n!=="spy"&&(!/^next\/.*::/.test(n)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(p=>n.startsWith(p)))&&y(n)(s)}),U=!0}},mt=[dt];const W={query:{query:He,variables:{page:1,count:20,library_uuid:"1d86966e-e893-4e90-8ce3-286eed76e5dc"},dataKey:"getImagesByLibraryUuid"},upload:{query:Qe,dataKey:"getImagesByLibraryUuid",variables:{}},update:{query:$e,dataKey:"getImagesByLibraryUuid"},unsplash:{query:qe,variables:{},dataKey:"getUnsplashImages"},instagram:{fetch:Ke,connect:Fe,integrate:ke,variables:{},key:"getImagesByLibraryUuid"},pexels:{query:Ye,variables:{},dataKey:"getPexelsImages"},download:{query:ze,dataKey:"getPexelsImages"}},N=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"},{label:"Option 4",value:"option4"}],Lt={title:"Components/WazUiInputBox",component:l,tags:["autodocs"],parameters:{layout:"centered",docs:{description:{component:`
+A versatile input component that supports multiple input types including text input, textarea, select dropdown, WYSIWYG editor, and image upload. It uses React Context for state management to avoid prop drilling.
+
+## Features
+
+- **Multiple Input Types**: Supports text, textarea, select, WYSIWYG, and image inputs
+- **Cond Architecture**: Uses React Context to avoid prop drilling
+- **Customizable Styling**: Supports custom classNames and styling props
+- **Word Count Limit**: Optional word count display and limit
+- **Fully Typed**: Built with TypeScript for type safety
+
+## Basic Usage
+
+\`\`\`tsx
+// Basic text input
+<WazUiInputBox
+  type="input"
+  label="Username"
+  onChange={handleChange}
+  inputProps={{ placeholder: 'Enter your username' }}
+/>
+
+// Textarea with word count
+<WazUiInputBox
+  type="textarea"
+  label="Description"
+  maxWordCount={200}
+  onChange={handleChange}
+  textareaProps={{ rows: 4 }}
+/>
+
+// Select dropdown
+<WazUiInputBox
+  type="select"
+  label="Category"
+  options={[
+    { label: 'Option 1', value: 'option1' },
+    { label: 'Option 2', value: 'option2' }
+  ]}
+  onChange={handleChange}
+/>
+\`\`\`
+
+## Props Reference
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| \`type\` | \`'input' \\| 'textarea' \\| 'select' \\| 'wysiwyg' \\| 'image'\` | \`'input'\` | The type of input to render |
+| \`label\` | \`ReactNode\` | - | The label for the input |
+| \`defaultValue\` | \`string\` | - | The default value for the input |
+| \`value\` | \`string\` | - | The controlled value for the input |
+| \`onChange\` | \`(value: string) => void\` | - | Callback when the value changes |
+| \`className\` | \`string\` | - | Additional CSS classes for the container |
+| \`maxWordCount\` | \`number\` | - | Maximum word count (displays counter if provided) |
+`}}},argTypes:{type:{control:"select",options:["input","textarea","select","wysiwyg","image"],description:"The type of input to render",table:{type:{summary:"string"},defaultValue:{summary:"input"}}},label:{control:"text",description:"The label text for the input",table:{type:{summary:"string | ReactNode"}}},value:{control:"text",description:"The controlled value of the input"},defaultValue:{control:"text",description:"The default value of the input"},maxLetterCount:{control:"number",description:"Maximum word count (if provided, shows a word counter)"},className:{control:"text",description:"Additional CSS classes for customization"},onChange:{action:"changed",description:"Callback function when input value changes"},options:{control:"object",description:"Options for select input type (array of {label, value} objects)"}},args:{label:"Input Label",type:"input",className:"w-96",onChange:y("value changed")}},c={args:{type:"input",label:"Text Input",defaultValue:"",inputProps:{placeholder:"Enter text here"}}},h={args:{...c.args,defaultValue:"Default text value"}},m={args:{type:"textarea",label:"Textarea Input",textareaProps:{placeholder:"Enter longer text here",rows:5}}},x={args:{...m.args,maxLetterCount:100}},u={args:{type:"select",label:"Select Input",selectProps:{options:N}}},b={args:{...u.args,selectProps:{options:N,multiple:!0}}},f={args:{...u.args,defaultValue:"option2"}},I={args:{...u.args,defaultValue:"option2",selectProps:{queryConfig:{query:Xe,variables:{blog_uuid:"6b2693df-8bdb-4692-9dfb-9a8def92c7ff",refreshToken:!1},dataKey:"getCategoriesByBlogUuid"},optionsMapper:e=>({label:e.name,value:e.uuid}),multiple:!0}}},g={args:{type:"image",label:"Image Input",imageGalleryConfig:W}},v={args:{type:"video",label:"Video Input",value:"https://www.w3schools.com/html/mov_bbb.mp4"}},S={args:{...g.args,value:"https://dltj72yijj96u.cloudfront.net/wp-content/uploads/GettyImages-76604227.jpg_QocAem"}},w={args:{type:"wysiwyg",label:"WYSIWYG Editor",className:"w-200 h-[100vh] bg-background",wysiwygProps:{initialValue:"Start typing rich text content...",imageGalleryConfig:W}}},_={args:{...c.args,label:"Custom Styled Input",className:"w-96 shadow-md",labelProps:{className:"text-blue-600 font-bold"},inputProps:{className:"bg-gray-100",placeholder:"Styled input"}}},C={render:e=>{const t=()=>{const[a,o]=Be.useState("Type something...");return r.jsxs("div",{className:"flex flex-col gap-4",children:[r.jsx(l,{...e,value:a,onChange:s=>{var n;o(s),(n=e.onChange)==null||n.call(e,s)}}),r.jsxs("div",{className:"p-4 border rounded bg-gray-50",children:[r.jsx("p",{className:"font-medium",children:"Current value:"}),r.jsx("pre",{className:"mt-2 p-2 bg-gray-100 rounded",children:a})]})]})};return r.jsx(t,{})},args:{type:"input",label:"Controlled Input",inputProps:{placeholder:"Type to change value"}}},T={render:()=>{const e=()=>{const[t,a]=Be.useState({name:"",description:"",category:""}),o=(n,p)=>{a(i=>({...i,[n]:p}))},s=n=>{n.preventDefault(),y("form-submitted")(t)};return r.jsxs("form",{onSubmit:s,className:"w-[400px] space-y-4",children:[r.jsx(l,{type:"input",label:"Name",value:t.name,onChange:n=>o("name",n),inputProps:{placeholder:"Enter name"}}),r.jsx(l,{type:"textarea",label:"Description",value:t.description,onChange:n=>o("description",n),maxLetterCount:200,textareaProps:{placeholder:"Enter description",rows:3}}),r.jsx(l,{type:"select",label:"Category",value:t.category,onChange:n=>o("category",n),options:N}),r.jsx("button",{type:"submit",className:"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",children:"Submit Form"})]})};return r.jsx(e,{})}},O={render:()=>r.jsxs("div",{className:"space-y-4 w-full max-w-[500px]",children:[r.jsx(l,{type:"input",label:"Responsive Input",className:"w-full",inputProps:{placeholder:"Resizes with container"}}),r.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[r.jsx(l,{type:"input",label:"First Name",className:"w-full",inputProps:{placeholder:"First name"}}),r.jsx(l,{type:"input",label:"Last Name",className:"w-full",inputProps:{placeholder:"Last name"}})]}),r.jsx(l,{type:"textarea",label:"Bio",className:"w-full",textareaProps:{placeholder:"Tell us about yourself",rows:3}})]})},E={render:()=>r.jsxs("div",{className:"space-y-6 w-full max-w-[600px]",children:[r.jsx("h2",{className:"text-xl font-bold",children:"WazUiInputBox: All Types"}),r.jsx(l,{type:"input",label:"Standard Input",defaultValue:"Text input example"}),r.jsx(l,{type:"textarea",label:"Textarea Input",defaultValue:"Textarea input for longer content that might span multiple lines.",maxLetterCount:200,textareaProps:{rows:3}}),r.jsx(l,{type:"select",label:"Select Dropdown",selectProps:{options:N},defaultValue:"option1"}),r.jsx(l,{type:"image",label:"Image Upload",imageGalleryConfig:W}),r.jsx(l,{type:"wysiwyg",label:"WYSIWYG Editor",wysiwygProps:{initialValue:"<p>This is a <strong>WYSIWYG</strong> editor.</p>",imageGalleryConfig:W}})]})};var D,L,M;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    type: 'input',
+    label: 'Text Input',
+    defaultValue: '',
+    inputProps: {
+      placeholder: 'Enter text here'
+    }
+  }
+}`,...(M=(L=c.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var z,Y,k;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    ...TextInput.args,
+    defaultValue: 'Default text value'
+  }
+}`,...(k=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:k.source}}};var F,K,q;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    type: 'textarea',
+    label: 'Textarea Input',
+    textareaProps: {
+      placeholder: 'Enter longer text here',
+      rows: 5
+    }
+  }
+}`,...(q=(K=m.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var $,Q,H;x.parameters={...x.parameters,docs:{...($=x.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    ...TextareaInput.args,
+    maxLetterCount: 100
+  }
+}`,...(H=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:H.source}}};var X,J,Z;u.parameters={...u.parameters,docs:{...(X=u.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    type: 'select',
+    label: 'Select Input',
+    selectProps: {
+      options: mockOptions
+    }
+  }
+}`,...(Z=(J=u.parameters)==null?void 0:J.docs)==null?void 0:Z.source}}};var ee,te,ae;b.parameters={...b.parameters,docs:{...(ee=b.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    ...SelectInput.args,
+    selectProps: {
+      options: mockOptions,
+      multiple: true
+    }
+  }
+}`,...(ae=(te=b.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var ne,re,oe;f.parameters={...f.parameters,docs:{...(ne=f.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+  args: {
+    ...SelectInput.args,
+    defaultValue: 'option2'
+  }
+}`,...(oe=(re=f.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};var se,le,pe;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  args: {
+    ...SelectInput.args,
+    defaultValue: 'option2',
+    selectProps: {
+      queryConfig: {
+        query: GET_CATEGORIES,
+        variables: {
+          blog_uuid: '6b2693df-8bdb-4692-9dfb-9a8def92c7ff',
+          refreshToken: false
+        },
+        dataKey: 'getCategoriesByBlogUuid'
+      },
+      optionsMapper: data => {
+        return {
+          label: data.name as string,
+          value: data.uuid as string
+        };
+      },
+      multiple: true
+    }
+  }
+}`,...(pe=(le=I.parameters)==null?void 0:le.docs)==null?void 0:pe.source}}};var ie,ue,ce;g.parameters={...g.parameters,docs:{...(ie=g.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    type: 'image',
+    label: 'Image Input',
+    imageGalleryConfig: mockImageGalleryConfig
+  }
+}`,...(ce=(ue=g.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,me,ge;v.parameters={...v.parameters,docs:{...(de=v.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  args: {
+    type: 'video',
+    label: 'Video Input',
+    value: 'https://www.w3schools.com/html/mov_bbb.mp4'
+  }
+}`,...(ge=(me=v.parameters)==null?void 0:me.docs)==null?void 0:ge.source}}};var ye,he,xe;S.parameters={...S.parameters,docs:{...(ye=S.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  args: {
+    ...ImageInput.args,
+    value: 'https://dltj72yijj96u.cloudfront.net/wp-content/uploads/GettyImages-76604227.jpg_QocAem'
+  }
+}`,...(xe=(he=S.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var be,fe,Ie;w.parameters={...w.parameters,docs:{...(be=w.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  args: {
+    type: 'wysiwyg',
+    label: 'WYSIWYG Editor',
+    className: 'w-200 h-[100vh] bg-background',
+    wysiwygProps: {
+      initialValue: 'Start typing rich text content...',
+      imageGalleryConfig: mockImageGalleryConfig
+    }
+  }
+}`,...(Ie=(fe=w.parameters)==null?void 0:fe.docs)==null?void 0:Ie.source}}};var ve,Se,we;_.parameters={..._.parameters,docs:{...(ve=_.parameters)==null?void 0:ve.docs,source:{originalSource:`{
+  args: {
+    ...TextInput.args,
+    label: 'Custom Styled Input',
+    className: 'w-96 shadow-md',
+    labelProps: {
+      className: 'text-blue-600 font-bold'
+    },
+    inputProps: {
+      className: 'bg-gray-100',
+      placeholder: 'Styled input'
+    }
+  }
+}`,...(we=(Se=_.parameters)==null?void 0:Se.docs)==null?void 0:we.source}}};var _e,Ce,Te;C.parameters={...C.parameters,docs:{...(_e=C.parameters)==null?void 0:_e.docs,source:{originalSource:`{
+  render: args => {
+    // Use a wrapper component to maintain state
+    const ControlledInputWrapper = () => {
+      const [value, setValue] = useState('Type something...');
+      return <div className='flex flex-col gap-4'>
+          <WazUiInputBox {...args} value={value} onChange={newValue => {
+          setValue(newValue as string);
+          args.onChange?.(newValue);
+        }} />
+          <div className='p-4 border rounded bg-gray-50'>
+            <p className='font-medium'>Current value:</p>
+            <pre className='mt-2 p-2 bg-gray-100 rounded'>{value}</pre>
+          </div>
+        </div>;
+    };
+    return <ControlledInputWrapper />;
+  },
+  args: {
+    type: 'input',
+    label: 'Controlled Input',
+    inputProps: {
+      placeholder: 'Type to change value'
+    }
+  }
+}`,...(Te=(Ce=C.parameters)==null?void 0:Ce.docs)==null?void 0:Te.source}}};var Oe,Ee,We;T.parameters={...T.parameters,docs:{...(Oe=T.parameters)==null?void 0:Oe.docs,source:{originalSource:`{
+  render: () => {
+    const FormExample = () => {
+      const [formValues, setFormValues] = useState({
+        name: '',
+        description: '',
+        category: ''
+      });
+      const handleChange = (field: string, value: string) => {
+        setFormValues(prev => ({
+          ...prev,
+          [field]: value
+        }));
+      };
+      const handleSubmit = (e: React.FormEvent) => {
+        e.preventDefault();
+        action('form-submitted')(formValues);
+      };
+      return <form onSubmit={handleSubmit} className='w-[400px] space-y-4'>
+          <WazUiInputBox type='input' label='Name' value={formValues.name} onChange={value => handleChange('name', value as string)} inputProps={{
+          placeholder: 'Enter name'
+        }} />
+
+          <WazUiInputBox type='textarea' label='Description' value={formValues.description} onChange={value => handleChange('description', value as string)} maxLetterCount={200} textareaProps={{
+          placeholder: 'Enter description',
+          rows: 3
+        }} />
+
+          <WazUiInputBox type='select' label='Category' value={formValues.category} onChange={value => handleChange('category', value as string)} options={mockOptions} />
+
+          <button type='submit' className='px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600'>
+            Submit Form
+          </button>
+        </form>;
+    };
+    return <FormExample />;
+  }
+}`,...(We=(Ee=T.parameters)==null?void 0:Ee.docs)==null?void 0:We.source}}};var Ne,Pe,Ae;O.parameters={...O.parameters,docs:{...(Ne=O.parameters)==null?void 0:Ne.docs,source:{originalSource:`{
+  render: () => <div className='space-y-4 w-full max-w-[500px]'>
+      <WazUiInputBox type='input' label='Responsive Input' className='w-full' inputProps={{
+      placeholder: 'Resizes with container'
+    }} />
+
+      <div className='grid grid-cols-1 md:grid-cols-2 gap-4'>
+        <WazUiInputBox type='input' label='First Name' className='w-full' inputProps={{
+        placeholder: 'First name'
+      }} />
+
+        <WazUiInputBox type='input' label='Last Name' className='w-full' inputProps={{
+        placeholder: 'Last name'
+      }} />
+      </div>
+
+      <WazUiInputBox type='textarea' label='Bio' className='w-full' textareaProps={{
+      placeholder: 'Tell us about yourself',
+      rows: 3
+    }} />
+    </div>
+}`,...(Ae=(Pe=O.parameters)==null?void 0:Pe.docs)==null?void 0:Ae.source}}};var Re,Ve,je;E.parameters={...E.parameters,docs:{...(Re=E.parameters)==null?void 0:Re.docs,source:{originalSource:`{
+  render: () => <div className='space-y-6 w-full max-w-[600px]'>
+      <h2 className='text-xl font-bold'>WazUiInputBox: All Types</h2>
+
+      <WazUiInputBox type='input' label='Standard Input' defaultValue='Text input example' />
+
+      <WazUiInputBox type='textarea' label='Textarea Input' defaultValue='Textarea input for longer content that might span multiple lines.' maxLetterCount={200} textareaProps={{
+      rows: 3
+    }} />
+
+      <WazUiInputBox type='select' label='Select Dropdown' selectProps={{
+      options: mockOptions
+    }} defaultValue='option1' />
+
+      <WazUiInputBox type='image' label='Image Upload' imageGalleryConfig={mockImageGalleryConfig} />
+
+      <WazUiInputBox type='wysiwyg' label='WYSIWYG Editor' wysiwygProps={{
+      initialValue: '<p>This is a <strong>WYSIWYG</strong> editor.</p>',
+      imageGalleryConfig: mockImageGalleryConfig
+    }} />
+    </div>
+}`,...(je=(Ve=E.parameters)==null?void 0:Ve.docs)==null?void 0:je.source}}};const Mt=["TextInput","TextInputWithDefaultValue","TextareaInput","TextareaWithWordCount","SelectInput","SelectMultiInput","SelectInputWithDefault","SelectInputWithAsyncOptions","ImageInput","VideoInput","ImageInputWithDefaultImage","WysiwygInput","CustomStyling","ControlledInput","FormIntegration","ResponsiveInputs","AllTypesShowcase"];export{E as AllTypesShowcase,C as ControlledInput,_ as CustomStyling,T as FormIntegration,g as ImageInput,S as ImageInputWithDefaultImage,O as ResponsiveInputs,u as SelectInput,I as SelectInputWithAsyncOptions,f as SelectInputWithDefault,b as SelectMultiInput,c as TextInput,h as TextInputWithDefaultValue,m as TextareaInput,x as TextareaWithWordCount,v as VideoInput,w as WysiwygInput,Mt as __namedExportsOrder,Lt as default};

package/storybook-static/assets/WazUiNavigationBlocker-BrhA3ONc.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as d}from"./index-CBYaBgW8.js";import"./utils-3HBFSLrk.js";import"./popover-BB1qMQFg.js";import{D as h,a as g,c as w,b,d as v,e as j}from"./index-CZ4jztst.js";import"./button-BxNLA_J_.js";import{W as c}from"./WazUiButton-e06gz3US.js";const N=({hasUnsavedChanges:o,onSave:r,onDiscard:s})=>{const[u,a]=d.useState(!1),[i,f]=d.useState("/new-page");d.useEffect(()=>{const t=n=>{if(o)return n.preventDefault(),!0},l=n=>{if(o)throw f(n),a(!0),"Route change aborted by user."};if(o&&(window.addEventListener("beforeunload",t),typeof window<"u")){try{const n=window.__NEXT_ROUTER__;n!=null&&n.events&&n.events.on("routeChangeStart",l)}catch{console.debug("Next.js router not available in standalone environment")}return()=>{window.removeEventListener("beforeunload",t);try{const n=window.__NEXT_ROUTER__;n!=null&&n.events&&n.events.off("routeChangeStart",l)}catch{console.debug("Next.js router cleanup not needed in standalone environment")}}}return()=>{window.removeEventListener("beforeunload",t)}},[o]);const m=async()=>{try{await(r==null?void 0:r()),a(!1),typeof window<"u"&&(window.location.href=i)}catch(t){console.error("Save failed:",t)}},p=()=>{s==null||s(),a(!1),typeof window<"u"&&(window.location.href=i)},x=()=>{a(!1)};return e.jsx(e.Fragment,{children:e.jsx(h,{open:u,onOpenChange:x,children:e.jsxs(g,{className:"max-w-[500px] p-0 overflow-hidden gap-6",children:[e.jsx(w,{className:"bg-secondary p-5 py-5 items-start",children:e.jsx(b,{children:e.jsx("h1",{className:"text-md",children:"Unsaved Changes"})})}),e.jsx(v,{className:"px-5",children:"You have unsaved changes that will be lost"}),e.jsx("div",{className:"px-5",children:e.jsx("div",{className:"bg-muted rounded p-3 border border-bg-muted-foreground  mb-4",children:e.jsxs("div",{className:"flex items-center space-x-2  text-muted-foreground",children:[e.jsx("span",{children:"Navigating to:"}),e.jsx("div",{className:"flex items-center space-x-1 bg-background p-2 rounded border-bg-muted-foreground border",children:e.jsx("span",{className:" ",children:i})})]})})}),e.jsxs(j,{className:"flex flex-row p-4 pt-0 gap-4 justify-end",children:[e.jsx(c,{variant:"outline",className:"rounded capitalize",onClick:m,children:"save and continue"}),e.jsx(c,{variant:"primary",className:"rounded capitalize",onClick:p,children:"Discard and continue"})]})]})})})};N.__docgenInfo={description:"",methods:[],displayName:"WazUINavigationBlocker"};export{N as W};

package/storybook-static/assets/WazUiNavigationBlocker.stories-CgqwQbJ9.js

@@ -0,0 +1,6 @@
+import{W as o}from"./WazUiNavigationBlocker-BrhA3ONc.js";import"./jsx-runtime-D_zvdyIk.js";import"./index-CBYaBgW8.js";import"./utils-3HBFSLrk.js";import"./popover-BB1qMQFg.js";import"./button-BxNLA_J_.js";import"./index-BJvHeDRT.js";import"./index-BWnBDfn-.js";import"./index-CZ4jztst.js";import"./WazUiButton-e06gz3US.js";const h={title:"Components/WazUiNavigationBlocker",component:o,parameters:{layout:"centered",theme:"dark"},tags:["autodocs"],argTypes:{hasUnsavedChanges:{description:"Has unsaved changes",control:"boolean",table:{defaultValue:{summary:""}}}}},a={args:{hasUnsavedChanges:!0}};var e,r,t;a.parameters={...a.parameters,docs:{...(e=a.parameters)==null?void 0:e.docs,source:{originalSource:`{
+  args: {
+    // TODO: Add args here
+    hasUnsavedChanges: true
+  }
+}`,...(t=(r=a.parameters)==null?void 0:r.docs)==null?void 0:t.source}}};const v=["Default"];export{a as Default,v as __namedExportsOrder,h as default};

package/storybook-static/assets/WazUiPostCard-bQlmiDOB.js

@@ -0,0 +1,99 @@
+import{j as u}from"./jsx-runtime-D_zvdyIk.js";import{B as M,e as Fe,g as Ie,i as Le,j as Ve}from"./popover-BB1qMQFg.js";import{c as b,e as Ue,a as oe,l as Ee}from"./utils-3HBFSLrk.js";import{a as $e,b as We,F as ze,P as Me,c as Be}from"./index-BR89vyis.js";import"./index-CZ4jztst.js";import{B as Q}from"./button-BxNLA_J_.js";import{W as He}from"./WazuiImage-BwRWaPkA.js";import{g as qe,r as g,R as S,c as Ke}from"./index-CBYaBgW8.js";import{T as ke}from"./TimeAgo-BMs3lst-.js";var X={exports:{}},Z,le;function Ye(){if(le)return Z;le=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Z=e,Z}var ee,me;function Ge(){if(me)return ee;me=1;var e=Ye();function t(){}function r(){}return r.resetWarningCache=t,ee=function(){function a(s,l,m,c,p,d){if(d!==e){var f=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw f.name="Invariant Violation",f}}a.isRequired=a;function n(){return a}var i={array:a,bigint:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:n,element:a,elementType:a,instanceOf:n,node:a,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i},ee}var ce;function Je(){return ce||(ce=1,X.exports=Ge()()),X.exports}var Qe=Je();const o=qe(Qe);var Xe=["date","verboseDate","tooltip","children"];function re(){return re=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},re.apply(this,arguments)}function Ze(e,t){if(e==null)return{};var r=et(e,t),a,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)a=i[n],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function et(e,t){if(e==null)return{};var r={},a=Object.keys(e),n,i;for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&(r[n]=e[n]);return r}function B(e,t){var r=e.date,a=e.verboseDate,n=e.tooltip,i=e.children,s=Ze(e,Xe),l=g.useMemo(function(){return r.toISOString()},[r]);return S.createElement("time",re({ref:t},s,{dateTime:l,title:n?a:void 0}),i)}B=S.forwardRef(B);B.propTypes={date:o.instanceOf(Date).isRequired,verboseDate:o.string,tooltip:o.bool.isRequired,children:o.string.isRequired};var de=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function tt(e,t){return!!(e===t||de(e)&&de(t))}function rt(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!tt(e[r],t[r]))return!1;return!0}function at(e,t){t===void 0&&(t=rt);var r=null;function a(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];if(r&&r.lastThis===this&&t(n,r.lastArgs))return r.lastResult;var s=e.apply(this,n);return r={lastResult:s,lastArgs:n,lastThis:this},s}return a.clear=function(){r=null},a}function ae(e){"@babel/helpers - typeof";return ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ae(e)}function nt(e){if(_e())return Intl.DateTimeFormat.supportedLocalesOf(e)[0]}function _e(){var e=(typeof Intl>"u"?"undefined":ae(Intl))==="object";return e&&typeof Intl.DateTimeFormat=="function"}function H(e){"@babel/helpers - typeof";return H=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},H(e)}function it(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ut(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function st(e,t,r){return t&&ut(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var je=(function(){function e(){it(this,e),this.cache={}}return st(e,[{key:"get",value:function(){for(var r=this.cache,a=arguments.length,n=new Array(a),i=0;i<a;i++)n[i]=arguments[i];for(var s=0,l=n;s<l.length;s++){var m=l[s];if(H(r)!=="object")return;r=r[m]}return r}},{key:"put",value:function(){for(var r=arguments.length,a=new Array(r),n=0;n<r;n++)a[n]=arguments[n];for(var i=a.pop(),s=a.pop(),l=this.cache,m=0,c=a;m<c.length;m++){var p=c[m];H(l[p])!=="object"&&(l[p]={}),l=l[p]}return l[s]=i}}]),e})(),fe=new je,ot=_e(),lt=function(t){return t.toString()};function mt(e,t){if(!ot)return lt;var r=dt(e),a=JSON.stringify(t),n=fe.get(String(r),a)||fe.put(String(r),a,new Intl.DateTimeFormat(r,t));return function(i){return n.format(i)}}const ct=at(mt);var te={};function dt(e){var t=e.toString();return te[t]?te[t]:te[t]=nt(e)}function ne(e){"@babel/helpers - typeof";return ne=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ne(e)}function ft(e){return pt(e)?e:new Date(e)}function pt(e){return e instanceof Date||gt(e)}function gt(e){return ne(e)==="object"&&typeof e.getTime=="function"}var pe=new je;function yt(e,t){var r=t.polyfill,a=String(e)+":"+String(r);return pe.get(a)||pe.put(a,new ke(e,{polyfill:r}))}var P={exports:{}},w={exports:{}},vt=w.exports,ge;function ht(){return ge||(ge=1,(function(){var e,t,r,a,n,i;typeof performance<"u"&&performance!==null&&performance.now?w.exports=function(){return performance.now()}:typeof process<"u"&&process!==null&&process.hrtime?(w.exports=function(){return(e()-n)/1e6},t=process.hrtime,e=function(){var s;return s=t(),s[0]*1e9+s[1]},a=e(),i=process.uptime()*1e9,n=a-i):Date.now?(w.exports=function(){return Date.now()-r},r=Date.now()):(w.exports=function(){return new Date().getTime()-r},r=new Date().getTime())}).call(vt)),w.exports}var ye;function bt(){if(ye)return P.exports;ye=1;for(var e=ht(),t=typeof window>"u"?Ke:window,r=["moz","webkit"],a="AnimationFrame",n=t["request"+a],i=t["cancel"+a]||t["cancelRequest"+a],s=0;!n&&s<r.length;s++)n=t[r[s]+"Request"+a],i=t[r[s]+"Cancel"+a]||t[r[s]+"CancelRequest"+a];if(!n||!i){var l=0,m=0,c=[],p=1e3/60;n=function(d){if(c.length===0){var f=e(),x=Math.max(0,p-(f-l));l=x+f,setTimeout(function(){var h=c.slice(0);c.length=0;for(var y=0;y<h.length;y++)if(!h[y].cancelled)try{h[y].callback(l)}catch(q){setTimeout(function(){throw q},0)}},Math.round(x))}return c.push({handle:++m,callback:d,cancelled:!1}),m},i=function(d){for(var f=0;f<c.length;f++)c[f].handle===d&&(c[f].cancelled=!0)}}return P.exports=function(d){return n.call(t,d)},P.exports.cancel=function(){i.apply(t,arguments)},P.exports.polyfill=function(d){d||(d=t),d.requestAnimationFrame=n,d.cancelAnimationFrame=i},P.exports}var xt=bt();const ve=qe(xt);function Tt(e,t){if(e.length===0)return 0;for(var r=0,a=e.length-1,n;r<=a;){n=Math.floor((a+r)/2);var i=t(e[n]);if(i===0)return n;if(i<0){if(r=n+1,r>a)return r}else if(a=n-1,a<r)return r}}function wt(e,t){return jt(e)||_t(e,t)||kt(e,t)||qt()}function qt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function kt(e,t){if(e){if(typeof e=="string")return he(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return he(e,t)}}function he(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function _t(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a=[],n=!0,i=!1,s,l;try{for(r=r.call(e);!(n=(s=r.next()).done)&&(a.push(s.value),!(t&&a.length===t));n=!0);}catch(m){i=!0,l=m}finally{try{!n&&r.return!=null&&r.return()}finally{if(i)throw l}}return a}}function jt(e){if(Array.isArray(e))return e}const Nt={instances:[],add:function(t){var r=this,a=this.instances.length===0;return Ne(this.instances,t),a&&this.start(),{stop:function(){De(r.instances,t),r.instances.length===0&&r.stop()},forceUpdate:function(){be(t,r.instances)}}},tick:function(){for(var t=Date.now();;){var r=this.instances[0];if(t>=r.nextUpdateTime)be(r,this.instances);else break}},scheduleNextTick:function(){var t=this;this.scheduledTick=ve(function(){t.tick(),t.scheduleNextTick()})},start:function(){this.scheduleNextTick()},stop:function(){ve.cancel(this.scheduledTick)}};function Dt(e){var t=e.getNextValue(),r=wt(t,2),a=r[0],n=r[1];e.setValue(a),e.nextUpdateTime=n}function be(e,t){Dt(e),De(t,e),Ne(t,e)}function Ne(e,t){var r=Pt(e,t);e.splice(r,0,t)}function De(e,t){var r=e.indexOf(t);e.splice(r,1)}function Pt(e,t){var r=t.nextUpdateTime;return Tt(e,function(a){return a.nextUpdateTime===r?0:a.nextUpdateTime>r?1:-1})}function W(e,t){return Ct(e)||Ot(e,t)||St(e,t)||At()}function At(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function St(e,t){if(e){if(typeof e=="string")return xe(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return xe(e,t)}}function xe(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function Ot(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a=[],n=!0,i=!1,s,l;try{for(r=r.call(e);!(n=(s=r.next()).done)&&(a.push(s.value),!(t&&a.length===t));n=!0);}catch(m){i=!0,l=m}finally{try{!n&&r.return!=null&&r.return()}finally{if(i)throw l}}return a}}function Ct(e){if(Array.isArray(e))return e}function Rt(e){var t=e.date,r=e.future,a=e.locale,n=e.locales,i=e.timeStyle,s=e.round,l=e.minTimeLeft,m=e.formatVerboseDate,c=e.verboseDateFormat,p=c===void 0?Lt:c,d=e.updateInterval,f=e.tick,x=f===void 0?!0:f,h=e.now,y=e.timeOffset,q=y===void 0?0:y,O=e.polyfill,T=g.useMemo(function(){return a&&(n=[a]),n.concat(ke.getDefaultLocale())},[a,n]),C=g.useMemo(function(){return yt(T,{polyfill:O})},[T,O]);t=g.useMemo(function(){return ft(t)},[t]);var k=g.useCallback(function(){var v=(h||Date.now())-q,D;if(r&&v>=t.getTime()&&(v=t.getTime(),D=!0),l!==void 0){var E=t.getTime()-l*1e3;v>E&&(v=E,D=!0)}var Ce=C.format(t,i,{getTimeToNextUpdate:!0,now:v,future:r,round:s}),se=W(Ce,2),Re=se[0],$=se[1];return D?$=It:$=d||$||60*1e3,[Re,v+$]},[t,r,i,d,s,l,C,h]),R=g.useRef();R.current=k;var G=g.useMemo(k,[]),F=W(G,2),j=F[0],J=F[1],I=g.useState(j),L=W(I,2),V=L[0],N=L[1],U=g.useRef();g.useEffect(function(){if(x)return U.current=Nt.add({getNextValue:function(){return R.current()},setValue:N,nextUpdateTime:J}),function(){return U.current.stop()}},[x]),g.useEffect(function(){if(U.current)U.current.forceUpdate();else{var v=k(),D=W(v,1),E=D[0];N(E)}},[k]);var ue=g.useMemo(function(){return ct(T,p)},[T,p]),Oe=g.useMemo(function(){return m?m(t):ue(t)},[t,m,ue]);return{date:t,formattedDate:V,verboseDate:Oe}}var Ft=365*24*60*60*1e3,It=1e3*Ft,Lt={weekday:"long",day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit"},ie=o.oneOfType,Te=o.arrayOf,_=o.string,we=o.number,A=o.shape,z=o.func,Vt=ie([A({minTime:we,formatAs:_.isRequired}),A({test:z,formatAs:_.isRequired}),A({minTime:we,format:z.isRequired}),A({test:z,format:z.isRequired})]),Ut=ie([_,A({steps:Te(Vt).isRequired,labels:ie([_,Te(_)]).isRequired,round:_})]),Et=["date","future","timeStyle","round","minTimeLeft","locale","locales","formatVerboseDate","verboseDateFormat","updateInterval","tick","now","timeOffset","polyfill","tooltip","component","container","wrapperComponent","wrapperProps"];function K(){return K=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},K.apply(this,arguments)}function $t(e,t){if(e==null)return{};var r=Wt(e,t),a,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)a=i[n],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function Wt(e,t){if(e==null)return{};var r={},a=Object.keys(e),n,i;for(i=0;i<a.length;i++)n=a[i],!(t.indexOf(n)>=0)&&(r[n]=e[n]);return r}function Y(e){var t=e.date,r=e.future,a=e.timeStyle,n=e.round,i=e.minTimeLeft,s=e.locale,l=e.locales,m=l===void 0?[]:l,c=e.formatVerboseDate,p=e.verboseDateFormat,d=e.updateInterval,f=e.tick,x=e.now,h=e.timeOffset,y=e.polyfill,q=e.tooltip,O=q===void 0?!0:q,T=e.component,C=T===void 0?B:T,k=e.container,R=e.wrapperComponent,G=e.wrapperProps,F=$t(e,Et),j=Rt({date:t,future:r,timeStyle:a,round:n,minTimeLeft:i,locale:s,locales:m,formatVerboseDate:c,verboseDateFormat:p,updateInterval:d,tick:f,now:x,timeOffset:h,polyfill:y}),J=j.date,I=j.verboseDate,L=j.formattedDate,V=S.createElement(C,K({date:J,verboseDate:I,tooltip:O},F),L),N=R||k;return N?S.createElement(N,K({},G,{verboseDate:I}),V):V}Y.propTypes={date:o.oneOfType([o.instanceOf(Date),o.number]).isRequired,locale:o.string,locales:o.arrayOf(o.string),future:o.bool,timeStyle:Ut,round:o.string,minTimeLeft:o.number,component:o.elementType,tooltip:o.bool,formatVerboseDate:o.func,verboseDateFormat:o.object,updateInterval:o.oneOfType([o.number,o.arrayOf(o.shape({threshold:o.number,interval:o.number.isRequired}))]),tick:o.bool,now:o.number,timeOffset:o.number,polyfill:o.bool,wrapperComponent:o.elementType,wrapperProps:o.object};Y=S.memo(Y);const Pe=({categories:e=[],maxDisplay:t=2,badgeVariant:r="outline"})=>{const a=e.slice(0,t),n=e.length-a.length;return u.jsxs("div",{className:"gap-2 flex flex-row items-center",children:[!a.length&&u.jsx(M,{variant:r,className:"line-clamp-1 text-sm text-[#869DA5] p-1 px-3 truncate font-normal",children:"none"}),a.map((i,s)=>u.jsx("div",{className:b("p-1 rounded-full text-sm px-3 truncate font-normal max-w-20  xxl:max-w-24",{"bg-[#FDF2FA] text-[#C11574]":!((s+1)%2)},{"bg-[#EEF4FF] text-[#3538CD]":(s+1)%2}),children:i.name},i.uuid||s)),n>0&&u.jsxs("p",{className:"text-sm text-[#869DA5]",children:["+",n]})]})};Pe.__docgenInfo={description:"",methods:[],displayName:"WazUIPostCategories",props:{categories:{required:!1,tsType:{name:"Array",elements:[{name:"Category"}],raw:"Category[]"},description:"",defaultValue:{value:"[]",computed:!1}},maxDisplay:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}},badgeVariant:{required:!1,tsType:{name:"union",raw:"'default' | 'secondary' | 'destructive' | 'outline'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'outline'"}]},description:"",defaultValue:{value:"'outline'",computed:!1}}}};const Ae=({tags:e=[],maxDisplay:t=2,badgeVariant:r="outline"})=>{const a=e.slice(0,t),n=e.length-a.length;return u.jsxs("div",{className:"gap-1 flex flex-row items-center",children:[!a.length&&u.jsx(M,{variant:r,className:"line-clamp-1 text-sm p-1 px-3 truncate font-normal text-[#869DA5]",children:"none"}),a.map((i,s)=>u.jsx(M,{variant:r,className:"line-clamp-1 text-[#869DA5]   text-sm p-1 px-3 truncate font-normal max-w-20  xxl:max-w-24",children:i.name},i.uuid||s)),n>0&&u.jsxs("p",{className:"text-sm text-[#869DA5]",children:["+",n]})]})};Ae.__docgenInfo={description:"",methods:[],displayName:"WazUIPostTags",props:{tags:{required:!1,tsType:{name:"Array",elements:[{name:"Tag"}],raw:"Tag[]"},description:"",defaultValue:{value:"[]",computed:!1}},maxDisplay:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}},badgeVariant:{required:!1,tsType:{name:"union",raw:"'default' | 'secondary' | 'destructive' | 'outline'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'outline'"}]},description:"",defaultValue:{value:"'outline'",computed:!1}}}};const Se=({statistics:e,className:t,isGrid:r})=>{const a=Ue((e==null?void 0:e.totalPageViews)??0);return e!=null&&e.isLoading?u.jsxs("div",{className:b("w-full flex flex-row gap-1 text-[#596970] justify-center items-center",{"justify-start":!r},t),children:[u.jsx($e,{size:12,className:"animate-spin"}),u.jsx("p",{className:"font-[UniversalFeature] text-xs",children:"Loading..."})]}):!(e!=null&&e.totalPageViews)&&!(e!=null&&e.shares)?u.jsx("p",{className:b("text-xs p-1",t),children:"No statistics"}):u.jsxs("div",{className:b(`w-full flex flex-row gap-3 text-[#596970] ${r?"justify-center":"justify-start"}  items-center`,t),children:[u.jsxs("div",{className:"flex flex-row items-center justify-center gap-1",children:[u.jsx(We,{className:"text-sm"}),u.jsx("p",{className:"font-[UniversalFeature] text-xs",children:a})]}),u.jsxs("div",{className:"flex flex-row items-center justify-center gap-1",children:[u.jsx(ze,{className:"text-sm"}),u.jsx("p",{className:"font-[UniversalFeature] text-xs",children:"0"})]})]})};Se.__docgenInfo={description:"",methods:[],displayName:"WazUIPostStatistics",props:{statistics:{required:!1,tsType:{name:"signature",raw:"Post['statistics']"},description:""},className:{required:!1,tsType:{name:"string"},description:""},isGrid:{required:!0,tsType:{name:"boolean"},description:""}}};function zt({data:e,className:t,onDeleteClick:r,postBaseURL:a="",blogBaseUrl:n="",isSelect:i,selected:s,onSelect:l,onEditClick:m}){var p;let c={};try{c=JSON.parse(e==null?void 0:e.featured_image)}catch(d){console.log(d)}return u.jsxs(Fe,{className:b("max-w-[450px] flex flex-col cursor-pointer group justify-between overflow-hidden rounded-md focus:border-accent focus:border focus:bg-[#BEFEF72B] hover:border-accent hover:border hover:bg-[#BEFEF72B] ",t),"data-testid":"post-card:"+e.uuid,onDoubleClick:()=>m==null?void 0:m(e),children:[u.jsxs("div",{className:"flex flex-col grow",children:[u.jsxs(Ie,{className:"p-0 relative h-[178px]",children:[u.jsx(M,{variant:"outline",className:b("text-xs absolute z-10 top-2 left-2 bg-muted text-muted-foreground",{hidden:e.status}),children:"Draft"}),u.jsx(Q,{variant:"ghost",size:"icon","data-active":s,"data-testid":"post-select",className:b("rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7 absolute top-2 right-2 z-10",{hidden:!i},{"bg-primary":s}),onClick:()=>l==null?void 0:l(e),children:u.jsx("div",{className:"flex items-center justify-center w-4 h-4 border-2 rounded-full border-foreground",children:s&&u.jsx("div",{className:"w-2 h-2 rounded-full bg-foreground"})})}),u.jsxs("div",{className:b("flex items-center gap-1 absolute top-2 right-2 z-10",{hidden:i}),children:[u.jsx("a",{href:`${n}/${e.uuid}`,onClick:d=>d.preventDefault(),className:"leading-0",children:u.jsx(Q,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:()=>m==null?void 0:m(e),children:u.jsx(Me,{size:"small",className:"text-accent-foreground"})})}),u.jsx(Q,{variant:"ghost",size:"icon",className:"rounded-md shadow-[0px_4.29px_12.86px_0px_#00000012] bg-background w-7 h-7",onClick:()=>r==null?void 0:r(e),children:u.jsx(Be,{size:"small",className:"text-destructive"})})]}),u.jsx(He,{url:c==null?void 0:c.src,transformations:{height:178}}),u.jsx("div",{className:"absolute bottom-0 left-0 px-2 rounded-tr-[0.75rem] bg-white opacity-90",children:u.jsx(Se,{statistics:e.statistics,className:"h-7 p-2 text-[#101828]",isGrid:!0})})]}),u.jsxs(Le,{className:"p-2 flex flex-col gap-1.5 grow justify-between align-top flex-1",children:[u.jsx("a",{className:"text-base leading-tight cursor-pointer group-hover:underline hover:underline line-clamp-3",href:a+e.slug,target:"_blank",rel:"noopener noreferrer",children:oe(e.title)}),u.jsx("p",{className:"flex-1 my-auto text-sm leading-tight line-clamp-3",children:oe(e.excerpt)})]})]}),u.jsxs(Ve,{className:"flex flex-row justify-between p-2 items-baseline-last ",children:[u.jsxs("div",{className:"flex flex-row items-start justify-between gap-2 text-muted-foreground",children:[u.jsxs("div",{className:"flex flex-col gap-1",children:[u.jsx("p",{className:"text-[10px]",children:"Categories"}),u.jsx(Pe,{categories:e.categories,maxDisplay:1})]}),u.jsxs("div",{className:"flex flex-col gap-1",children:[u.jsx("p",{className:"text-[10px]",children:"Tags"}),u.jsx(Ae,{tags:e.tags,maxDisplay:1,badgeVariant:"outline"})]})]}),u.jsxs("div",{className:"flex items-center justify-between gap-2 text-muted-foreground",children:[u.jsx("div",{className:"flex items-center justify-center w-4.5 h-4.5 font-semi-bold rounded-full bg-secondary",children:u.jsx("p",{className:"text-[8px] text-black",children:Ee(((p=e.author)==null?void 0:p.name)||"")})}),u.jsx(Y,{date:new Date(e.updated_at||""),locale:"en-US",className:"text-xs"})]})]})]})}zt.__docgenInfo={description:"",methods:[],displayName:"WazUiPostCard",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:`{
+  id?: string;
+  uuid: string;
+  category_name?: string;
+  created_at?: string;
+  updated_at?: string;
+  excerpt: string;
+  author_uuid: string;
+  featured_image: string;
+  content: string;
+  categories: Category[];
+  tags: Tag[];
+  language_attr: string;
+  slug: string;
+  title: string;
+  metadata: string;
+  postConfig?: PostConfig;
+  status: number;
+  statistics: {
+    isLoading: boolean; shares: number; totalPageViews: number 
+};
+  author?: { uuid: string; name: string };
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!1}},{key:"uuid",value:{name:"string",required:!0}},{key:"category_name",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!1}},{key:"updated_at",value:{name:"string",required:!1}},{key:"excerpt",value:{name:"string",required:!0}},{key:"author_uuid",value:{name:"string",required:!0}},{key:"featured_image",value:{name:"string",required:!0}},{key:"content",value:{name:"string",required:!0}},{key:"categories",value:{name:"Array",elements:[{name:"Category"}],raw:"Category[]",required:!0}},{key:"tags",value:{name:"Array",elements:[{name:"Tag"}],raw:"Tag[]",required:!0}},{key:"language_attr",value:{name:"string",required:!0}},{key:"slug",value:{name:"string",required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"metadata",value:{name:"string",required:!0}},{key:"postConfig",value:{name:"PostConfig",required:!1}},{key:"status",value:{name:"number",required:!0}},{key:"statistics",value:{name:"signature",type:"object",raw:`{
+    isLoading: boolean; shares: number; totalPageViews: number 
+}`,signature:{properties:[{key:"isLoading",value:{name:"boolean",required:!0}},{key:"shares",value:{name:"number",required:!0}},{key:"totalPageViews",value:{name:"number",required:!0}}]},required:!0}},{key:"author",value:{name:"signature",type:"object",raw:"{ uuid: string; name: string }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}}]},required:!1}}]}},description:""},className:{required:!1,tsType:{name:"string"},description:""},postBaseURL:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},blogBaseUrl:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onDeleteClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: Post) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  id?: string;
+  uuid: string;
+  category_name?: string;
+  created_at?: string;
+  updated_at?: string;
+  excerpt: string;
+  author_uuid: string;
+  featured_image: string;
+  content: string;
+  categories: Category[];
+  tags: Tag[];
+  language_attr: string;
+  slug: string;
+  title: string;
+  metadata: string;
+  postConfig?: PostConfig;
+  status: number;
+  statistics: {
+    isLoading: boolean; shares: number; totalPageViews: number 
+};
+  author?: { uuid: string; name: string };
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!1}},{key:"uuid",value:{name:"string",required:!0}},{key:"category_name",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!1}},{key:"updated_at",value:{name:"string",required:!1}},{key:"excerpt",value:{name:"string",required:!0}},{key:"author_uuid",value:{name:"string",required:!0}},{key:"featured_image",value:{name:"string",required:!0}},{key:"content",value:{name:"string",required:!0}},{key:"categories",value:{name:"Array",elements:[{name:"Category"}],raw:"Category[]",required:!0}},{key:"tags",value:{name:"Array",elements:[{name:"Tag"}],raw:"Tag[]",required:!0}},{key:"language_attr",value:{name:"string",required:!0}},{key:"slug",value:{name:"string",required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"metadata",value:{name:"string",required:!0}},{key:"postConfig",value:{name:"PostConfig",required:!1}},{key:"status",value:{name:"number",required:!0}},{key:"statistics",value:{name:"signature",type:"object",raw:`{
+    isLoading: boolean; shares: number; totalPageViews: number 
+}`,signature:{properties:[{key:"isLoading",value:{name:"boolean",required:!0}},{key:"shares",value:{name:"number",required:!0}},{key:"totalPageViews",value:{name:"number",required:!0}}]},required:!0}},{key:"author",value:{name:"signature",type:"object",raw:"{ uuid: string; name: string }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}}]},required:!1}}]}},name:"data"}],return:{name:"void"}}},description:""},onEditClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: Post) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  id?: string;
+  uuid: string;
+  category_name?: string;
+  created_at?: string;
+  updated_at?: string;
+  excerpt: string;
+  author_uuid: string;
+  featured_image: string;
+  content: string;
+  categories: Category[];
+  tags: Tag[];
+  language_attr: string;
+  slug: string;
+  title: string;
+  metadata: string;
+  postConfig?: PostConfig;
+  status: number;
+  statistics: {
+    isLoading: boolean; shares: number; totalPageViews: number 
+};
+  author?: { uuid: string; name: string };
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!1}},{key:"uuid",value:{name:"string",required:!0}},{key:"category_name",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!1}},{key:"updated_at",value:{name:"string",required:!1}},{key:"excerpt",value:{name:"string",required:!0}},{key:"author_uuid",value:{name:"string",required:!0}},{key:"featured_image",value:{name:"string",required:!0}},{key:"content",value:{name:"string",required:!0}},{key:"categories",value:{name:"Array",elements:[{name:"Category"}],raw:"Category[]",required:!0}},{key:"tags",value:{name:"Array",elements:[{name:"Tag"}],raw:"Tag[]",required:!0}},{key:"language_attr",value:{name:"string",required:!0}},{key:"slug",value:{name:"string",required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"metadata",value:{name:"string",required:!0}},{key:"postConfig",value:{name:"PostConfig",required:!1}},{key:"status",value:{name:"number",required:!0}},{key:"statistics",value:{name:"signature",type:"object",raw:`{
+    isLoading: boolean; shares: number; totalPageViews: number 
+}`,signature:{properties:[{key:"isLoading",value:{name:"boolean",required:!0}},{key:"shares",value:{name:"number",required:!0}},{key:"totalPageViews",value:{name:"number",required:!0}}]},required:!0}},{key:"author",value:{name:"signature",type:"object",raw:"{ uuid: string; name: string }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}}]},required:!1}}]}},name:"data"}],return:{name:"void"}}},description:""},isSelect:{required:!1,tsType:{name:"boolean"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(data: Post) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  id?: string;
+  uuid: string;
+  category_name?: string;
+  created_at?: string;
+  updated_at?: string;
+  excerpt: string;
+  author_uuid: string;
+  featured_image: string;
+  content: string;
+  categories: Category[];
+  tags: Tag[];
+  language_attr: string;
+  slug: string;
+  title: string;
+  metadata: string;
+  postConfig?: PostConfig;
+  status: number;
+  statistics: {
+    isLoading: boolean; shares: number; totalPageViews: number 
+};
+  author?: { uuid: string; name: string };
+}`,signature:{properties:[{key:"id",value:{name:"string",required:!1}},{key:"uuid",value:{name:"string",required:!0}},{key:"category_name",value:{name:"string",required:!1}},{key:"created_at",value:{name:"string",required:!1}},{key:"updated_at",value:{name:"string",required:!1}},{key:"excerpt",value:{name:"string",required:!0}},{key:"author_uuid",value:{name:"string",required:!0}},{key:"featured_image",value:{name:"string",required:!0}},{key:"content",value:{name:"string",required:!0}},{key:"categories",value:{name:"Array",elements:[{name:"Category"}],raw:"Category[]",required:!0}},{key:"tags",value:{name:"Array",elements:[{name:"Tag"}],raw:"Tag[]",required:!0}},{key:"language_attr",value:{name:"string",required:!0}},{key:"slug",value:{name:"string",required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"metadata",value:{name:"string",required:!0}},{key:"postConfig",value:{name:"PostConfig",required:!1}},{key:"status",value:{name:"number",required:!0}},{key:"statistics",value:{name:"signature",type:"object",raw:`{
+    isLoading: boolean; shares: number; totalPageViews: number 
+}`,signature:{properties:[{key:"isLoading",value:{name:"boolean",required:!0}},{key:"shares",value:{name:"number",required:!0}},{key:"totalPageViews",value:{name:"number",required:!0}}]},required:!0}},{key:"author",value:{name:"signature",type:"object",raw:"{ uuid: string; name: string }",signature:{properties:[{key:"uuid",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}}]},required:!1}}]}},name:"data"}],return:{name:"void"}}},description:""}}};export{Y as R,zt as W,Pe as a,Ae as b,Se as c};

package/storybook-static/assets/WazUiPostCard.stories-Dir2IwY1.js

@@ -0,0 +1,9 @@
+import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{W as m}from"./WazUiPostCard-bQlmiDOB.js";import"./popover-BB1qMQFg.js";import"./button-BxNLA_J_.js";import"./index-CBYaBgW8.js";import"./utils-3HBFSLrk.js";import"./index-BJvHeDRT.js";import"./index-BWnBDfn-.js";import"./index-BR89vyis.js";import"./iconBase-B7i_G6Rg.js";import"./index-CZ4jztst.js";import"./WazuiImage-BwRWaPkA.js";import"./env-B_s3Ell7.js";import"./TimeAgo-BMs3lst-.js";const d=[{title:"Twisted x Top Cuvee Easter Giveaway Terms & Conditions",slug:"/features/twisted-x-top-cuvee-easter-giveaway-terms--conditions",excerpt:"T&Cs for Top Cuvee x Twisted GiveawayPromoter: Jungle Creations Limited (publisher of Twisted), 6 Batty St, London E1 1RH (“Twisted”). By participating in Top Cuvee x Twisted’s "Giveawa",featured_image:'{"src":"https:\\/\\/img.wazobia.tech\\/drmlai3o99aaz.cloudfront.net\\/wp-content\\/uploads\\/editabletemplate(9).jpg_dU0O4c?tr=w-1024,cr-0.0.1024.676","name":"editable template (9).jpg","description":"","alternative_text":"editable template (9).jpg","caption":"","coordinates":{"desktop":{"left":0,"top":0,"right":1,"bottom":0.66},"tablet":{"left":null,"top":null,"right":null,"bottom":null},"mobile":{"left":null,"top":null,"right":null,"bottom":null}},"screenType":"desktop","width":3172,"height":2109,"original":"drmlai3o99aaz.cloudfront.net\\/wp-content\\/uploads\\/editabletemplate(9).jpg_dU0O4c"}',updated_at:"2025-04-11 10:17:30",content:"",tags:[{name:"competition",uuid:"Tag"},{name:"tonys chocolonely",uuid:"Tag"},{name:"top cuvee",uuid:"Tag"},{name:"Easter",uuid:"Tag"}],categories:[{name:"competition",uuid:"Tag"},{name:"tonys chocolonely",uuid:"Tag"},{name:"top cuvee",uuid:"Tag"},{name:"Easter",uuid:"Tag"}],author_uuid:"aff8a482-9492-4b2b-923e-4d20cb2a34ff",uuid:"2190a7cb-fba3-4031-b64a-6e883dc9e4ea",status:1,language_attr:"en-GB",metadata:'{"utmGenerator":{"websiteUrl":"","campaignId":"","campaignSource":"","campaignMedium":"","campaignName":"","campaignContent":""}}'}],P={title:"Components/WazUiPostCard",component:m,parameters:{layout:"centered",backgrounds:{default:"light"},docs:{description:{component:"A card component for displaying blog posts with statistics, categories, tags, and action buttons."}}},tags:["autodocs"],argTypes:{data:{description:"Post data including title, description, author, etc.",control:"object"},className:{description:"Additional CSS classes for styling",control:"text"}},decorators:[c=>a.jsx("div",{className:"p-4 max-w-sm",children:a.jsx(c,{})})]},t={args:{data:d[0]}},e={args:{data:d[0]}};var o,s,i;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  args: {
+    data: samplePosts[0]
+  }
+}`,...(i=(s=t.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};var r,n,p;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  args: {
+    data: samplePosts[0]
+  }
+}`,...(p=(n=e.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};const E=["Default","WithManyCategoriesAndTags"];export{t as Default,e as WithManyCategoriesAndTags,E as __namedExportsOrder,P as default};