npm - @orbe-agro/client-core - Versions diffs - 5.3.86 → 5.3.90 - Mend

@orbe-agro/client-core 5.3.86 → 5.3.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (502) hide show

package/dist/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateCampaign.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Segment from '@/components/ui/Segment'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport { campaignTypeOption } from '../utils'\nimport NumericInput from '@/components/shared/NumericInput'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ZodType } from 'zod'\nimport type { Campagin } from '../types'\n\ntype AudienceGroupOption = {\n label: string\n value: string\n}\n\nexport type FormSchema = {\n name: string\n startDate: number\n endDate: number\n budget: number\n campaignType: string\n audienceGroup: AudienceGroupOption[]\n}\n\ntype CreateCampaignProps = {\n onCreate: (value: Campagin) => void\n}\n\nconst audienceGroupOption = [\n { label: 'Existing customers', value: 'existingCustomer' },\n { label: 'Tech enthusiasts', value: 'techEnthusiasts' },\n { label: 'Students and parents', value: 'studentsParents' },\n { label: 'General public', value: 'generalPublic' },\n { label: 'Gift shoppers', value: 'giftShoppers' },\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n name: z.string({ required_error: 'Please enter campaign name' }),\n startDate: z.number({ required_error: 'Please select a start date' }),\n endDate: z.number({ required_error: 'Please select a end date' }),\n budget: z.number({ required_error: 'Please enter budget' }),\n campaignType: z.string({ required_error: 'Please select campaign type' }),\n audienceGroup: z\n .array(z.object({ value: z.string(), label: z.string() }))\n .nonempty('At least one is selected!'),\n})\n\nconst CreateCampaign = ({ onCreate }: CreateCampaignProps) => {\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const {\n handleSubmit,\n formState: { errors, isSubmitting },\n reset,\n resetField,\n control,\n watch,\n } = useForm<FormSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n const handleDialogClose = () => {\n setDialogOpen(false)\n }\n\n const handleDialogCancel = () => {\n reset()\n handleDialogClose()\n }\n\n const onSubmit = async (formValue: FormSchema) => {\n await sleep(500)\n onCreate({\n id: uniqueId('campaign-'),\n name: formValue.name \|\| 'Untitle campaign',\n startDate: formValue.startDate * 1000,\n endDate: formValue.endDate * 1000,\n budget: formValue.budget,\n leadsGenerated: 0,\n conversions: 0,\n conversionRate: 0,\n status: 'disabled',\n type: formValue.campaignType,\n audienceGroup: formValue.audienceGroup.map((group) => group.value),\n })\n reset()\n handleDialogClose()\n }\n\n return (\n <>\n <Button size=\"sm\" onClick={() => setDialogOpen(true)}>\n Create campaign\n </Button>\n <Dialog\n isOpen={dialogOpen}\n width={600}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>New campaign</h4>\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Type\"\n invalid={Boolean(errors.campaignType)}\n errorMessage={errors.campaignType?.message}\n >\n <Controller\n name=\"campaignType\"\n control={control}\n render={({ field }) => (\n <Segment\n value={field.value}\n className=\"grid grid-cols-3 gap-4 bg-transparent\"\n onChange={(value) => field.onChange(value)}\n >\n {Object.entries(campaignTypeOption).map(\n ([key, props]) => (\n <Segment.Item key={key} value={key}>\n {({\n active,\n onSegmentItemClick,\n }) => {\n return (\n <div\n className={classNames(\n 'flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1',\n active\n ? 'ring-primary border-primary '\n : 'ring-transparent bg-gray-100',\n )}\n role=\"button\"\n onClick={\n onSegmentItemClick\n }\n >\n <div className=\"flex flex-col items-center justify-center flex-1 gap-2 heading-text font-bold\">\n <div className=\"text-3xl\">\n {props.icon}\n </div>\n <div className=\"font-bold\">\n {\n props.label\n }\n </div>\n </div>\n </div>\n )\n }}\n </Segment.Item>\n ),\n )}\n </Segment>\n )}\n />\n </FormItem>\n <FormItem\n label=\"Campaign name\"\n invalid={Boolean(errors.name)}\n errorMessage={errors.name?.message}\n >\n <Controller\n name=\"name\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Campaign name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex gap-4\">\n <FormItem\n className=\"flex-1\"\n label=\"Start date\"\n invalid={Boolean(errors.startDate)}\n errorMessage={errors.startDate?.message}\n >\n <Controller\n name=\"startDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={\n field.value\n ? dayjs\n .unix(\n field.value as number,\n )\n .toDate()\n : null\n }\n placeholder=\"Select date\"\n minDate={dayjs()\n .startOf('day')\n .toDate()}\n onChange={(date) => {\n if (watch('endDate')) {\n resetField('endDate')\n }\n field.onChange(dayjs(date).unix())\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n className=\"flex-1\"\n label=\"End date\"\n invalid={Boolean(errors.endDate)}\n errorMessage={errors.endDate?.message}\n >\n <Controller\n name=\"endDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={\n field.value\n ? dayjs\n .unix(\n field.value as number,\n )\n .toDate()\n : null\n }\n placeholder=\"Select date\"\n minDate={dayjs(\n dayjs.unix(watch('startDate')),\n )\n .endOf('day')\n .toDate()}\n onChange={(date) =>\n field.onChange(dayjs(date).unix())\n }\n />\n )}\n />\n </FormItem>\n </div>\n <FormItem\n label=\"Budget\"\n invalid={Boolean(errors.budget)}\n errorMessage={errors.budget?.message}\n >\n <Controller\n name=\"budget\"\n control={control}\n render={({ field }) => (\n <NumericInput\n allowLeadingZeros\n thousandSeparator=\",\"\n value={field.value}\n inputPrefix={'$'}\n placeholder=\"0.00\"\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Multiple Select\"\n invalid={Boolean(errors.audienceGroup)}\n errorMessage={errors.audienceGroup?.message}\n >\n <Controller\n name=\"audienceGroup\"\n control={control}\n render={({ field }) => (\n <Select<AudienceGroupOption, true>\n isMulti\n componentAs={CreatableSelect}\n options={audienceGroupOption}\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end gap-2\">\n <Button type=\"button\" onClick={handleDialogCancel}>\n Cancel\n </Button>\n <Button\n loading={isSubmitting}\n variant=\"solid\"\n type=\"submit\"\n >\n Submit\n </Button>\n </div>\n </Form>\n </Dialog>\n </>\n )\n}\n\nexport default CreateCampaign\n"],"names":["audienceGroupOption","validationSchema","z","CreateCampaign","onCreate","dialogOpen","setDialogOpen","useState","handleSubmit","errors","isSubmitting","reset","resetField","control","watch","useForm","zodResolver","handleDialogClose","handleDialogCancel","jsxs","Fragment","jsx","Button","Dialog","Form","formValue","sleep","uniqueId","group","FormItem","_a","Controller","field","Segment","value","campaignTypeOption","key","props","active","onSegmentItemClick","classNames","_b","Input","_c","DatePicker","dayjs","date","_d","_e","NumericInput","e","_f","Select","CreatableSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,IAAsB;AAAA,EACxB,EAAE,OAAO,sBAAsB,OAAO,mBAAA;AAAA,EACtC,EAAE,OAAO,oBAAoB,OAAO,kBAAA;AAAA,EACpC,EAAE,OAAO,wBAAwB,OAAO,kBAAA;AAAA,EACxC,EAAE,OAAO,kBAAkB,OAAO,gBAAA;AAAA,EAClC,EAAE,OAAO,iBAAiB,OAAO,eAAA;AACrC,GAEMC,IAAwCC,EAAE,OAAO;AAAA,EACnD,MAAMA,EAAE,OAAO,EAAE,gBAAgB,8BAA8B;AAAA,EAC/D,WAAWA,EAAE,OAAO,EAAE,gBAAgB,8BAA8B;AAAA,EACpE,SAASA,EAAE,OAAO,EAAE,gBAAgB,4BAA4B;AAAA,EAChE,QAAQA,EAAE,OAAO,EAAE,gBAAgB,uBAAuB;AAAA,EAC1D,cAAcA,EAAE,OAAO,EAAE,gBAAgB,+BAA+B;AAAA,EACxE,eAAeA,EACV,MAAMA,EAAE,OAAO,EAAE,OAAOA,EAAE,OAAA,GAAU,OAAOA,EAAE,OAAA,EAAO,CAAG,CAAC,EACxD,SAAS,2BAA2B;AAC7C,CAAC,GAEKC,KAAiB,CAAC,EAAE,UAAAC,QAAoC;;AAC1D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,cAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,UAAUC,EAAYf,CAAgB;AAAA,EAAA,CACzC,GAEKgB,IAAoB,MAAM;AAC5B,IAAAX,EAAc,EAAK;AAAA,EACvB,GAEMY,IAAqB,MAAM;AAC7B,IAAAP,EAAA,GACAM,EAAA;AAAA,EACJ;AAqBA,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAMhB,EAAc,EAAI,GAAG,UAAA,kBAAA,CAEtD;AAAA,IACA,gBAAAa;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQlB;AAAA,QACR,OAAO;AAAA,QACP,SAASY;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,4BACfG,GAAA,EAAK,WAAU,QAAO,UAAUhB,EA/B5B,OAAOiB,MAA0B;AAC9C,kBAAMC,EAAM,GAAG,GACftB,EAAS;AAAA,cACL,IAAIuB,EAAS,WAAW;AAAA,cACxB,MAAMF,EAAU,QAAQ;AAAA,cACxB,WAAWA,EAAU,YAAY;AAAA,cACjC,SAASA,EAAU,UAAU;AAAA,cAC7B,QAAQA,EAAU;AAAA,cAClB,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,MAAMA,EAAU;AAAA,cAChB,eAAeA,EAAU,cAAc,IAAI,CAACG,MAAUA,EAAM,KAAK;AAAA,YAAA,CACpE,GACDjB,EAAA,GACAM,EAAA;AAAA,UACJ,CAckE,GAClD,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,eAAcqB,IAAArB,EAAO,iBAAP,gBAAAqB,EAAqB;AAAA,gBAEnC,UAAA,gBAAAT;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAlB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,sBAACY;AAAA,sBAAA;AAAA,wBACG,OAAOD,EAAM;AAAA,wBACb,WAAU;AAAA,wBACV,UAAU,CAACE,MAAUF,EAAM,SAASE,CAAK;AAAA,wBAExC,UAAA,OAAO,QAAQC,CAAkB,EAAE;AAAA,0BAChC,CAAC,CAACC,GAAKC,CAAK,MACR,gBAAAhB,EAACY,EAAQ,MAAR,EAAuB,OAAOG,GAC1B,UAAA,CAAC;AAAA,4BACE,QAAAE;AAAA,4BACA,oBAAAC;AAAA,0BAAA,MAGI,gBAAAlB;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACG,WAAWmB;AAAA,gCACP;AAAA,gCACAF,IACM,iCACA;AAAA,8BAAA;AAAA,8BAEV,MAAK;AAAA,8BACL,SACIC;AAAA,8BAGJ,UAAA,gBAAApB,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,gCAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,YACV,UAAAgB,EAAM,MACX;AAAA,gCACA,gBAAAhB,EAAC,OAAA,EAAI,WAAU,aAEP,YAAM,MAAA,CAEd;AAAA,8BAAA,EAAA,CACJ;AAAA,4BAAA;AAAA,0BAAA,KA3BGe,CA+BnB;AAAA,wBAAA;AAAA,sBAER;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAf;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,eAAcgC,IAAAhC,EAAO,SAAP,gBAAAgC,EAAa;AAAA,gBAE3B,UAAA,gBAAApB;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAlB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,sBAACqB;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,cAAa;AAAA,wBACb,aAAY;AAAA,wBACX,GAAGV;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAb,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,OAAM;AAAA,kBACN,SAAS,EAAQpB,EAAO;AAAA,kBACxB,eAAckC,IAAAlC,EAAO,cAAP,gBAAAkC,EAAkB;AAAA,kBAEhC,UAAA,gBAAAtB;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAlB;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,wBAACuB;AAAA,wBAAA;AAAA,0BACI,GAAGZ;AAAA,0BACJ,OACIA,EAAM,QACAa,EACK;AAAA,4BACGb,EAAM;AAAA,0BAAA,EAET,WACL;AAAA,0BAEV,aAAY;AAAA,0BACZ,SAASa,EAAA,EACJ,QAAQ,KAAK,EACb,OAAA;AAAA,0BACL,UAAU,CAACC,MAAS;AAChB,4BAAIhC,EAAM,SAAS,KACfF,EAAW,SAAS,GAExBoB,EAAM,SAASa,EAAMC,CAAI,EAAE,MAAM;AAAA,0BACrC;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACJ;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,cAEJ,gBAAAzB;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,OAAM;AAAA,kBACN,SAAS,EAAQpB,EAAO;AAAA,kBACxB,eAAcsC,IAAAtC,EAAO,YAAP,gBAAAsC,EAAgB;AAAA,kBAE9B,UAAA,gBAAA1B;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAlB;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,wBAACuB;AAAA,wBAAA;AAAA,0BACI,GAAGZ;AAAA,0BACJ,OACIA,EAAM,QACAa,EACK;AAAA,4BACGb,EAAM;AAAA,0BAAA,EAET,WACL;AAAA,0BAEV,aAAY;AAAA,0BACZ,SAASa;AAAA,4BACLA,EAAM,KAAK/B,EAAM,WAAW,CAAC;AAAA,0BAAA,EAE5B,MAAM,KAAK,EACX,OAAA;AAAA,0BACL,UAAU,CAACgC,MACPd,EAAM,SAASa,EAAMC,CAAI,EAAE,KAAA,CAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAEzC;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,YACA,gBAAAzB;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,eAAcuC,IAAAvC,EAAO,WAAP,gBAAAuC,EAAe;AAAA,gBAE7B,UAAA,gBAAA3B;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAlB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,sBAAC4B;AAAA,sBAAA;AAAA,wBACG,mBAAiB;AAAA,wBACjB,mBAAkB;AAAA,wBAClB,OAAOjB,EAAM;AAAA,wBACb,aAAa;AAAA,wBACb,aAAY;AAAA,wBACZ,eAAe,CAACkB,MAAM;AAClB,0BAAAlB,EAAM,SAASkB,EAAE,UAAU;AAAA,wBAC/B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAA7B;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,eAAc0C,IAAA1C,EAAO,kBAAP,gBAAA0C,EAAsB;AAAA,gBAEpC,UAAA,gBAAA9B;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAlB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAmB,EAAA,MACP,gBAAAX;AAAA,sBAAC+B;AAAA,sBAAA;AAAA,wBACG,SAAO;AAAA,wBACP,aAAaC;AAAA,wBACb,SAASrD;AAAA,wBACR,GAAGgC;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAb,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAA,gBAAAE,EAACC,GAAA,EAAO,MAAK,UAAS,SAASJ,GAAoB,UAAA,UAEnD;AAAA,cACA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,SAASZ;AAAA,kBACT,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"CreateCampaign.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Segment from '@/components/ui/Segment'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport { campaignTypeOption } from '../utils'\nimport NumericInput from '@/components/shared/NumericInput'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ZodType } from 'zod'\nimport type { Campagin } from '../types'\n\ntype AudienceGroupOption = {\n label: string\n value: string\n}\n\nexport type FormSchema = {\n name: string\n startDate: number\n endDate: number\n budget: number\n campaignType: string\n audienceGroup: AudienceGroupOption[]\n}\n\ntype CreateCampaignProps = {\n onCreate: (value: Campagin) => void\n}\n\nconst audienceGroupOption = [\n { label: 'Existing customers', value: 'existingCustomer' },\n { label: 'Tech enthusiasts', value: 'techEnthusiasts' },\n { label: 'Students and parents', value: 'studentsParents' },\n { label: 'General public', value: 'generalPublic' },\n { label: 'Gift shoppers', value: 'giftShoppers' },\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n name: z.string({ required_error: 'Please enter campaign name' }),\n startDate: z.number({ required_error: 'Please select a start date' }),\n endDate: z.number({ required_error: 'Please select a end date' }),\n budget: z.number({ required_error: 'Please enter budget' }),\n campaignType: z.string({ required_error: 'Please select campaign type' }),\n audienceGroup: z\n .array(z.object({ value: z.string(), label: z.string() }))\n .nonempty('At least one is selected!'),\n})\n\nconst CreateCampaign = ({ onCreate }: CreateCampaignProps) => {\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const {\n handleSubmit,\n formState: { errors, isSubmitting },\n reset,\n resetField,\n control,\n watch,\n } = useForm<FormSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n const handleDialogClose = () => {\n setDialogOpen(false)\n }\n\n const handleDialogCancel = () => {\n reset()\n handleDialogClose()\n }\n\n const onSubmit = async (formValue: FormSchema) => {\n await sleep(500)\n onCreate({\n id: uniqueId('campaign-'),\n name: formValue.name \|\| 'Untitle campaign',\n startDate: formValue.startDate * 1000,\n endDate: formValue.endDate * 1000,\n budget: formValue.budget,\n leadsGenerated: 0,\n conversions: 0,\n conversionRate: 0,\n status: 'disabled',\n type: formValue.campaignType,\n audienceGroup: formValue.audienceGroup.map((group) => group.value),\n })\n reset()\n handleDialogClose()\n }\n\n return (\n <>\n <Button size=\"sm\" onClick={() => setDialogOpen(true)}>\n Create campaign\n </Button>\n <Dialog\n isOpen={dialogOpen}\n width={600}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>New campaign</h4>\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Type\"\n invalid={Boolean(errors.campaignType)}\n errorMessage={errors.campaignType?.message}\n >\n <Controller\n name=\"campaignType\"\n control={control}\n render={({ field }) => (\n <Segment\n value={field.value}\n className=\"grid grid-cols-3 gap-4 bg-transparent\"\n onChange={(value) => field.onChange(value)}\n >\n {Object.entries(campaignTypeOption).map(\n ([key, props]) => (\n <Segment.Item key={key} value={key}>\n {({\n active,\n onSegmentItemClick,\n }) => {\n return (\n <div\n className={classNames(\n 'flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1',\n active\n ? 'ring-primary border-primary '\n : 'ring-transparent bg-gray-100',\n )}\n role=\"button\"\n onClick={\n onSegmentItemClick\n }\n >\n <div className=\"flex flex-col items-center justify-center flex-1 gap-2 heading-text font-bold\">\n <div className=\"text-3xl\">\n {props.icon}\n </div>\n <div className=\"font-bold\">\n {\n props.label\n }\n </div>\n </div>\n </div>\n )\n }}\n </Segment.Item>\n ),\n )}\n </Segment>\n )}\n />\n </FormItem>\n <FormItem\n label=\"Campaign name\"\n invalid={Boolean(errors.name)}\n errorMessage={errors.name?.message}\n >\n <Controller\n name=\"name\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Campaign name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex gap-4\">\n <FormItem\n className=\"flex-1\"\n label=\"Start date\"\n invalid={Boolean(errors.startDate)}\n errorMessage={errors.startDate?.message}\n >\n <Controller\n name=\"startDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={\n field.value\n ? dayjs\n .unix(\n field.value as number,\n )\n .toDate()\n : null\n }\n placeholder=\"Select date\"\n minDate={dayjs()\n .startOf('day')\n .toDate()}\n onChange={(date) => {\n if (watch('endDate')) {\n resetField('endDate')\n }\n field.onChange(dayjs(date).unix())\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n className=\"flex-1\"\n label=\"End date\"\n invalid={Boolean(errors.endDate)}\n errorMessage={errors.endDate?.message}\n >\n <Controller\n name=\"endDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={\n field.value\n ? dayjs\n .unix(\n field.value as number,\n )\n .toDate()\n : null\n }\n placeholder=\"Select date\"\n minDate={dayjs(\n dayjs.unix(watch('startDate')),\n )\n .endOf('day')\n .toDate()}\n onChange={(date) =>\n field.onChange(dayjs(date).unix())\n }\n />\n )}\n />\n </FormItem>\n </div>\n <FormItem\n label=\"Budget\"\n invalid={Boolean(errors.budget)}\n errorMessage={errors.budget?.message}\n >\n <Controller\n name=\"budget\"\n control={control}\n render={({ field }) => (\n <NumericInput\n allowLeadingZeros\n thousandSeparator=\",\"\n value={field.value}\n inputPrefix={'$'}\n placeholder=\"0.00\"\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Multiple Select\"\n invalid={Boolean(errors.audienceGroup)}\n errorMessage={errors.audienceGroup?.message}\n >\n <Controller\n name=\"audienceGroup\"\n control={control}\n render={({ field }) => (\n <Select<AudienceGroupOption, true>\n isMulti\n componentAs={CreatableSelect}\n options={audienceGroupOption}\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end gap-2\">\n <Button type=\"button\" onClick={handleDialogCancel}>\n Cancel\n </Button>\n <Button\n loading={isSubmitting}\n variant=\"solid\"\n type=\"submit\"\n >\n Submit\n </Button>\n </div>\n </Form>\n </Dialog>\n </>\n )\n}\n\nexport default CreateCampaign\n"],"names":["audienceGroupOption","validationSchema","z","CreateCampaign","onCreate","dialogOpen","setDialogOpen","useState","handleSubmit","errors","isSubmitting","reset","resetField","control","watch","useForm","zodResolver","handleDialogClose","handleDialogCancel","jsxs","Fragment","jsx","Button","Dialog","Form","formValue","sleep","uniqueId","group","FormItem","Controller","field","Segment","value","campaignTypeOption","key","props","active","onSegmentItemClick","classNames","Input","DatePicker","dayjs","date","NumericInput","e","Select","CreatableSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,IAAsB;AAAA,EACxB,EAAE,OAAO,sBAAsB,OAAO,mBAAA;AAAA,EACtC,EAAE,OAAO,oBAAoB,OAAO,kBAAA;AAAA,EACpC,EAAE,OAAO,wBAAwB,OAAO,kBAAA;AAAA,EACxC,EAAE,OAAO,kBAAkB,OAAO,gBAAA;AAAA,EAClC,EAAE,OAAO,iBAAiB,OAAO,eAAA;AACrC,GAEMC,IAAwCC,EAAE,OAAO;AAAA,EACnD,MAAMA,EAAE,OAAO,EAAE,gBAAgB,8BAA8B;AAAA,EAC/D,WAAWA,EAAE,OAAO,EAAE,gBAAgB,8BAA8B;AAAA,EACpE,SAASA,EAAE,OAAO,EAAE,gBAAgB,4BAA4B;AAAA,EAChE,QAAQA,EAAE,OAAO,EAAE,gBAAgB,uBAAuB;AAAA,EAC1D,cAAcA,EAAE,OAAO,EAAE,gBAAgB,+BAA+B;AAAA,EACxE,eAAeA,EACV,MAAMA,EAAE,OAAO,EAAE,OAAOA,EAAE,OAAA,GAAU,OAAOA,EAAE,OAAA,EAAO,CAAG,CAAC,EACxD,SAAS,2BAA2B;AAC7C,CAAC,GAEKC,KAAiB,CAAC,EAAE,UAAAC,QAAoC;AAC1D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,cAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,UAAUC,EAAYf,CAAgB;AAAA,EAAA,CACzC,GAEKgB,IAAoB,MAAM;AAC5B,IAAAX,EAAc,EAAK;AAAA,EACvB,GAEMY,IAAqB,MAAM;AAC7B,IAAAP,EAAA,GACAM,EAAA;AAAA,EACJ;AAqBA,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAMhB,EAAc,EAAI,GAAG,UAAA,kBAAA,CAEtD;AAAA,IACA,gBAAAa;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQlB;AAAA,QACR,OAAO;AAAA,QACP,SAASY;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,4BACfG,GAAA,EAAK,WAAU,QAAO,UAAUhB,EA/B5B,OAAOiB,MAA0B;AAC9C,kBAAMC,EAAM,GAAG,GACftB,EAAS;AAAA,cACL,IAAIuB,EAAS,WAAW;AAAA,cACxB,MAAMF,EAAU,QAAQ;AAAA,cACxB,WAAWA,EAAU,YAAY;AAAA,cACjC,SAASA,EAAU,UAAU;AAAA,cAC7B,QAAQA,EAAU;AAAA,cAClB,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,MAAMA,EAAU;AAAA,cAChB,eAAeA,EAAU,cAAc,IAAI,CAACG,MAAUA,EAAM,KAAK;AAAA,YAAA,CACpE,GACDjB,EAAA,GACAM,EAAA;AAAA,UACJ,CAckE,GAClD,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,cAAcA,EAAO,cAAc;AAAA,gBAEnC,UAAA,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAjB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,sBAACW;AAAA,sBAAA;AAAA,wBACG,OAAOD,EAAM;AAAA,wBACb,WAAU;AAAA,wBACV,UAAU,CAACE,MAAUF,EAAM,SAASE,CAAK;AAAA,wBAExC,UAAA,OAAO,QAAQC,CAAkB,EAAE;AAAA,0BAChC,CAAC,CAACC,GAAKC,CAAK,MACR,gBAAAf,EAACW,EAAQ,MAAR,EAAuB,OAAOG,GAC1B,UAAA,CAAC;AAAA,4BACE,QAAAE;AAAA,4BACA,oBAAAC;AAAA,0BAAA,MAGI,gBAAAjB;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACG,WAAWkB;AAAA,gCACP;AAAA,gCACAF,IACM,iCACA;AAAA,8BAAA;AAAA,8BAEV,MAAK;AAAA,8BACL,SACIC;AAAA,8BAGJ,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,gCAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,YACV,UAAAe,EAAM,MACX;AAAA,gCACA,gBAAAf,EAAC,OAAA,EAAI,WAAU,aAEP,YAAM,MAAA,CAEd;AAAA,8BAAA,EAAA,CACJ;AAAA,4BAAA;AAAA,0BAAA,KA3BGc,CA+BnB;AAAA,wBAAA;AAAA,sBAER;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAd;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,cAAcA,EAAO,MAAM;AAAA,gBAE3B,UAAA,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAjB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,sBAACmB;AAAA,sBAAA;AAAA,wBACG,MAAK;AAAA,wBACL,cAAa;AAAA,wBACb,aAAY;AAAA,wBACX,GAAGT;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAZ,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,OAAM;AAAA,kBACN,SAAS,EAAQpB,EAAO;AAAA,kBACxB,cAAcA,EAAO,WAAW;AAAA,kBAEhC,UAAA,gBAAAY;AAAA,oBAACS;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAjB;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,wBAACoB;AAAA,wBAAA;AAAA,0BACI,GAAGV;AAAA,0BACJ,OACIA,EAAM,QACAW,EACK;AAAA,4BACGX,EAAM;AAAA,0BAAA,EAET,WACL;AAAA,0BAEV,aAAY;AAAA,0BACZ,SAASW,EAAA,EACJ,QAAQ,KAAK,EACb,OAAA;AAAA,0BACL,UAAU,CAACC,MAAS;AAChB,4BAAI7B,EAAM,SAAS,KACfF,EAAW,SAAS,GAExBmB,EAAM,SAASW,EAAMC,CAAI,EAAE,MAAM;AAAA,0BACrC;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACJ;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,cAEJ,gBAAAtB;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,OAAM;AAAA,kBACN,SAAS,EAAQpB,EAAO;AAAA,kBACxB,cAAcA,EAAO,SAAS;AAAA,kBAE9B,UAAA,gBAAAY;AAAA,oBAACS;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAjB;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,wBAACoB;AAAA,wBAAA;AAAA,0BACI,GAAGV;AAAA,0BACJ,OACIA,EAAM,QACAW,EACK;AAAA,4BACGX,EAAM;AAAA,0BAAA,EAET,WACL;AAAA,0BAEV,aAAY;AAAA,0BACZ,SAASW;AAAA,4BACLA,EAAM,KAAK5B,EAAM,WAAW,CAAC;AAAA,0BAAA,EAE5B,MAAM,KAAK,EACX,OAAA;AAAA,0BACL,UAAU,CAAC6B,MACPZ,EAAM,SAASW,EAAMC,CAAI,EAAE,KAAA,CAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAEzC;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,YACA,gBAAAtB;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,cAAcA,EAAO,QAAQ;AAAA,gBAE7B,UAAA,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAjB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,sBAACuB;AAAA,sBAAA;AAAA,wBACG,mBAAiB;AAAA,wBACjB,mBAAkB;AAAA,wBAClB,OAAOb,EAAM;AAAA,wBACb,aAAa;AAAA,wBACb,aAAY;AAAA,wBACZ,eAAe,CAACc,MAAM;AAClB,0BAAAd,EAAM,SAASc,EAAE,UAAU;AAAA,wBAC/B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAxB;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,SAAS,EAAQpB,EAAO;AAAA,gBACxB,cAAcA,EAAO,eAAe;AAAA,gBAEpC,UAAA,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAjB;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAkB,EAAA,MACP,gBAAAV;AAAA,sBAACyB;AAAA,sBAAA;AAAA,wBACG,SAAO;AAAA,wBACP,aAAaC;AAAA,wBACb,SAAS/C;AAAA,wBACR,GAAG+B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,YAEJ,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAA,gBAAAE,EAACC,GAAA,EAAO,MAAK,UAAS,SAASJ,GAAoB,UAAA,UAEnD;AAAA,cACA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,SAASZ;AAAA,kBACT,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.js CHANGED Viewed

@@ -1,68 +1,68 @@
-import { jsx as e, jsxs as s, Fragment as f } from "react/jsx-runtime";
-import { useState as A } from "react";
+import { jsx as e, jsxs as s, Fragment as h } from "react/jsx-runtime";
+import { useState as C } from "react";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Dialog/index.js";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Select/index.js";
 import "../../../../components/ui/Form/index.js";
-import { TbBell as S, TbPresentation as T, TbCalendarStar as E, TbCoffee as O, TbVideo as B, TbCheckbox as x } from "react-icons/tb";
-import { LuTreePalm as j } from "react-icons/lu";
-import { useForm as q, Controller as u } from "react-hook-form";
-import { zodResolver as w } from "@hookform/resolvers/zod";
-import { z as r } from "zod";
-import D from "lodash/uniqueId";
-import { components as F } from "react-select";
-import R from "../../../../components/ui/Select/Option.js";
-import g from "../../../../components/ui/Button/Button.js";
-import I from "../../../../components/ui/Dialog/Dialog.js";
-import { Form as N } from "../../../../components/ui/Form/Form.js";
+import { TbBell as y, TbPresentation as P, TbCalendarStar as A, TbCoffee as S, TbVideo as T, TbCheckbox as E } from "react-icons/tb";
+import { LuTreePalm as O } from "react-icons/lu";
+import { useForm as B, Controller as u } from "react-hook-form";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { z as a } from "zod";
+import j from "lodash/uniqueId";
+import { components as q } from "react-select";
+import w from "../../../../components/ui/Select/Option.js";
+import p from "../../../../components/ui/Button/Button.js";
+import D from "../../../../components/ui/Dialog/Dialog.js";
+import { Form as F } from "../../../../components/ui/Form/Form.js";
 import c from "../../../../components/ui/Form/FormItem.js";
-import _ from "../../../../components/ui/Input/Input.js";
-import h from "../../../../components/ui/Select/Select.js";
-const { Control: z } = F, ce = {
+import R from "../../../../components/ui/Input/Input.js";
+import v from "../../../../components/ui/Select/Select.js";
+const { Control: I } = q, me = {
   task: {
     label: "Task",
-    icon: /* @__PURE__ */ e(x, {}),
+    icon: /* @__PURE__ */ e(E, {}),
     color: "bg-purple-200 dark:bg-purple-200"
   },
   meeting: {
     label: "Meeting",
-    icon: /* @__PURE__ */ e(B, {}),
+    icon: /* @__PURE__ */ e(T, {}),
     color: "bg-sky-200 dark:bg-sky-200"
   },
   holiday: {
     label: "Enjoy your holiday",
-    icon: /* @__PURE__ */ e(j, {}),
+    icon: /* @__PURE__ */ e(O, {}),
     color: "bg-amber-200 dark:bg-amber-200"
   },
   breaks: {
     label: "Break",
-    icon: /* @__PURE__ */ e(O, {}),
+    icon: /* @__PURE__ */ e(S, {}),
     color: "bg-orange-200 dark:bg-orange-200"
   },
   event: {
     label: "Event",
-    icon: /* @__PURE__ */ e(E, {}),
+    icon: /* @__PURE__ */ e(A, {}),
     color: "bg-emerald-200 dark:bg-emerald-200"
   },
   workshops: {
     label: "Workshop",
-    icon: /* @__PURE__ */ e(T, {}),
+    icon: /* @__PURE__ */ e(P, {}),
     color: "bg-rose-200 dark:bg-rose-200"
   },
   reminders: {
     label: "Reminder",
-    icon: /* @__PURE__ */ e(S, {}),
+    icon: /* @__PURE__ */ e(y, {}),
     color: "bg-teal-200 dark:bg-teal-200"
   }
-}, k = [
+}, d = [
   { label: "Task", value: "task", color: "bg-purple-200" },
   { label: "Meeting", value: "meeting", color: "bg-sky-200" },
   { label: "Breaks", value: "breaks", color: "bg-orange-200" },
   { label: "Event", value: "event", color: "bg-emerald-200" },
   { label: "Workshops", value: "workshops", color: "bg-rose-200" },
   { label: "Reminders", value: "reminders", color: "bg-teal-200" }
-], M = [
+], g = [
   { value: 0, label: "12:00 AM" },
   { value: 1, label: "1:00 AM" },
   { value: 2, label: "2:00 AM" },
@@ -87,57 +87,56 @@ const { Control: z } = F, ce = {
   { value: 21, label: "9:00 PM" },
   { value: 22, label: "10:00 PM" },
   { value: 23, label: "11:00 PM" }
-], L = (n) => /* @__PURE__ */ e(
-  R,
+], N = (n) => /* @__PURE__ */ e(
+  w,
   {
     ...n,
-    customLabel: (i, o) => /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { children: o }) })
+    customLabel: (i, r) => /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { children: r }) })
   }
-), V = ({ children: n, ...i }) => {
-  const o = i.getValue()[0];
-  return /* @__PURE__ */ s(z, { ...i, children: [
-    o && /* @__PURE__ */ e(f, {}),
+), _ = ({ children: n, ...i }) => {
+  const r = i.getValue()[0];
+  return /* @__PURE__ */ s(I, { ...i, children: [
+    r && /* @__PURE__ */ e(h, {}),
     n
   ] });
-}, W = r.object({
-  type: r.union([
-    r.literal("meeting"),
-    r.literal("task"),
-    r.literal("holiday"),
-    r.literal("breaks"),
-    r.literal("event"),
-    r.literal("workshops"),
-    r.literal("reminders")
+}, z = a.object({
+  type: a.union([
+    a.literal("meeting"),
+    a.literal("task"),
+    a.literal("holiday"),
+    a.literal("breaks"),
+    a.literal("event"),
+    a.literal("workshops"),
+    a.literal("reminders")
   ]),
-  label: r.string({ required_error: "Please enter event name" }),
-  time: r.number({ required_error: "Please select a time" })
-}), ve = ({
+  label: a.string({ required_error: "Please enter event name" }),
+  time: a.number({ required_error: "Please select a time" })
+}), be = ({
   onCreateEvent: n
 }) => {
-  var v, d, p;
-  const [i, o] = A(!1), {
-    handleSubmit: C,
-    formState: { errors: t, isSubmitting: y },
-    reset: P,
+  const [i, r] = C(!1), {
+    handleSubmit: k,
+    formState: { errors: t, isSubmitting: M },
+    reset: f,
     control: m
-  } = q({
-    resolver: w(W)
+  } = B({
+    resolver: x(z)
   }), b = () => {
-    P(), o(!1);
+    f(), r(!1);
   };
-  return /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ e(g, { block: !0, onClick: () => o(!0), children: "Add event" }),
+  return /* @__PURE__ */ s(h, { children: [
+    /* @__PURE__ */ e(p, { block: !0, onClick: () => r(!0), children: "Add event" }),
     /* @__PURE__ */ s(
-      I,
+      D,
       {
         isOpen: i,
         onClose: b,
         onRequestClose: b,
         children: [
           /* @__PURE__ */ e("h4", { children: "New event" }),
-          /* @__PURE__ */ s(N, { className: "mt-6", onSubmit: C((l) => {
+          /* @__PURE__ */ s(F, { className: "mt-6", onSubmit: k((l) => {
             n({
-              id: D("schedule-event-"),
+              id: j("schedule-event-"),
               ...l
             }), b();
           }), children: [
@@ -146,14 +145,14 @@ const { Control: z } = F, ce = {
               {
                 label: "Event name",
                 invalid: !!t.label,
-                errorMessage: (v = t.label) == null ? void 0 : v.message,
+                errorMessage: t.label?.message,
                 children: /* @__PURE__ */ e(
                   u,
                   {
                     name: "label",
                     control: m,
                     render: ({ field: l }) => /* @__PURE__ */ e(
-                      _,
+                      R,
                       {
                         type: "text",
                         autoComplete: "off",
@@ -170,26 +169,26 @@ const { Control: z } = F, ce = {
               {
                 label: "Event type",
                 invalid: !!t.type,
-                errorMessage: ((d = t.type) == null ? void 0 : d.message) && "Please select a type",
+                errorMessage: t.type?.message && "Please select a type",
                 children: /* @__PURE__ */ e(
                   u,
                   {
                     name: "type",
                     control: m,
                     render: ({ field: l }) => /* @__PURE__ */ e(
-                      h,
+                      v,
                       {
-                        options: k,
+                        options: d,
                         ...l,
                         components: {
-                          Option: L,
-                          Control: V
+                          Option: N,
+                          Control: _
                         },
                         placeholder: "Event type",
-                        value: k.filter(
-                          (a) => a.value === l.value
+                        value: d.filter(
+                          (o) => o.value === l.value
                         ),
-                        onChange: (a) => l.onChange(a == null ? void 0 : a.value)
+                        onChange: (o) => l.onChange(o?.value)
                       }
                     )
                   }
@@ -201,22 +200,22 @@ const { Control: z } = F, ce = {
               {
                 label: "Time",
                 invalid: !!t.time,
-                errorMessage: (p = t.time) == null ? void 0 : p.message,
+                errorMessage: t.time?.message,
                 children: /* @__PURE__ */ e(
                   u,
                   {
                     name: "time",
                     control: m,
                     render: ({ field: l }) => /* @__PURE__ */ e(
-                      h,
+                      v,
                       {
-                        options: M,
+                        options: g,
                         ...l,
                         placeholder: "Select a time...",
-                        value: M.filter(
-                          (a) => a.value === l.value
+                        value: g.filter(
+                          (o) => o.value === l.value
                         ),
-                        onChange: (a) => l.onChange(a == null ? void 0 : a.value)
+                        onChange: (o) => l.onChange(o?.value)
                       }
                     )
                   }
@@ -224,12 +223,12 @@ const { Control: z } = F, ce = {
               }
             ),
             /* @__PURE__ */ e(
-              g,
+              p,
               {
                 block: !0,
                 variant: "solid",
                 type: "submit",
-                loading: y,
+                loading: M,
                 children: "Create"
               }
             )
@@ -240,7 +239,7 @@ const { Control: z } = F, ce = {
   ] });
 };
 export {
-  ve as default,
-  ce as eventTypes
+  be as default,
+  me as eventTypes
 };
 //# sourceMappingURL=CreateEventDialog.js.map

package/dist/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.js.map CHANGED Viewed

package/dist/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.js CHANGED Viewed

@@ -1,61 +1,61 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as f, useMemo as u } from "react";
-import { Avatar as x } from "../../../../components/ui/Avatar/index.js";
+import { Avatar as v } from "../../../../components/ui/Avatar/index.js";
 import "../../../../components/ui/Card/index.js";
 import "../../../../components/ui/Calendar/index.js";
 import "../../../../components/ui/ScrollBar/index.js";
-import v, { eventTypes as g } from "./CreateEventDialog.js";
+import x, { eventTypes as g } from "./CreateEventDialog.js";
 import { eventGenerator as N, isToday as S } from "../utils.js";
 import y from "../../../../utils/classNames.js";
-import a from "dayjs";
+import i from "dayjs";
 import C from "../../../../components/ui/Card/Card.js";
 import w from "../../../../components/ui/DatePicker/Calendar.js";
 import D from "../../../../components/ui/ScrollBar/ScrollBar.js";
 const E = (r) => {
-  const { type: c, label: n, time: o } = r, i = g[c];
-  return /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-4 py-1", children: [
-    /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+  const { type: c, label: s, time: l } = r, n = g[c];
+  return /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 py-1", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        v,
         {
-          className: y("text-gray-900", i == null ? void 0 : i.color),
-          icon: i == null ? void 0 : i.icon,
+          className: y("text-gray-900", n?.color),
+          icon: n?.icon,
           shape: "round"
         }
       ) }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: n }),
-        /* @__PURE__ */ e("div", { className: "font-normal", children: i == null ? void 0 : i.label })
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("div", { className: "font-bold heading-text", children: s }),
+        /* @__PURE__ */ e("div", { className: "font-normal", children: n?.label })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ l("span", { className: "font-semibold heading-text", children: [
-        o && a(o).format("hh:mm"),
+    /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ a("span", { className: "font-semibold heading-text", children: [
+        l && i(l).format("hh:mm"),
         " "
       ] }),
-      /* @__PURE__ */ e("small", { children: o && a(o).format("A") })
+      /* @__PURE__ */ e("small", { children: l && i(l).format("A") })
     ] })
   ] });
 }, z = () => {
   const [r, c] = f(
-    a().toDate()
-  ), [n, o] = f({}), i = u(() => {
-    const t = r, m = n[a(t).toISOString()] || [];
+    i().toDate()
+  ), [s, l] = f({}), n = u(() => {
+    const t = r, m = s[i(t).toISOString()] || [];
     return [
       ...N(t),
       ...m
     ].sort((d, h) => !d.time && !h.time ? 0 : d.time ? h.time ? d.time.getTime() - h.time.getTime() : -1 : 1);
-  }, [r, n]), p = (t) => {
+  }, [r, s]), p = (t) => {
     const m = {
       id: t.id,
       label: t.label,
       type: t.type,
-      time: a(r).set("hour", t.time).set("minute", 0).toDate()
+      time: i(r).set("hour", t.time).set("minute", 0).toDate()
     };
-    o((s) => (s[a(r).toISOString()] ? s[a(r).toISOString()].push(m) : s[a(r).toISOString()] = [m], structuredClone(s)));
+    l((o) => (o[i(r).toISOString()] ? o[i(r).toISOString()].push(m) : o[i(r).toISOString()] = [m], structuredClone(o)));
   };
-  return /* @__PURE__ */ l(C, { children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0", children: [
+  return /* @__PURE__ */ a(C, { children: [
+    /* @__PURE__ */ a("div", { className: "flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center mx-auto w-[280px]", children: /* @__PURE__ */ e(
         w,
         {
@@ -65,16 +65,16 @@ const E = (r) => {
           }
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "w-full", children: [
-        /* @__PURE__ */ e("div", { className: "my-6", children: /* @__PURE__ */ l("h5", { children: [
+      /* @__PURE__ */ a("div", { className: "w-full", children: [
+        /* @__PURE__ */ e("div", { className: "my-6", children: /* @__PURE__ */ a("h5", { children: [
           "Scehdule",
           " ",
-          S(r) ? "today" : a(r).format("DD MMM")
+          S(r) ? "today" : i(r).format("DD MMM")
         ] }) }),
-        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(D, { className: "overflow-y-auto h-[280px] xl:max-w-[280px]", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: i.map((t) => /* @__PURE__ */ e(E, { ...t }, t.id)) }) }) })
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(D, { className: "overflow-y-auto h-[280px] xl:max-w-[280px]", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: n.map((t) => /* @__PURE__ */ e(E, { ...t }, t.id)) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(v, { onCreateEvent: p }) })
+    /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(x, { onCreateEvent: p }) })
   ] });
 };
 export {