@orbe-agro/client-core 3.4.3 → 3.4.4

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.js

@@ -1,283 +0,0 @@
-import { jsxs as l, Fragment as q, jsx as a } from "react/jsx-runtime";
-import { useState as w } from "react";
-import "../../../../components/ui/Button/index.js";
-import { DatePicker as C } from "../../../../components/ui/DatePicker/index.js";
-import "../../../../components/ui/Dialog/index.js";
-import "../../../../components/ui/Input/index.js";
-import "../../../../components/ui/Select/index.js";
-import { Segment as S } from "../../../../components/ui/Segment/index.js";
-import "../../../../components/ui/Form/index.js";
-import { campaignTypeOption as F } from "../utils.js";
-import I from "../../../../components/shared/NumericInput.js";
-import _ from "../../../../utils/classNames.js";
-import k from "../../../../utils/sleep.js";
-import o from "dayjs";
-import z from "react-select/creatable";
-import { useForm as E, Controller as s } from "react-hook-form";
-import { zodResolver as R } from "@hookform/resolvers/zod";
-import { z as n } from "zod";
-import A from "lodash/uniqueId";
-import c from "../../../../components/ui/Button/Button.js";
-import L from "../../../../components/ui/Dialog/Dialog.js";
-import { Form as U } from "../../../../components/ui/Form/Form.js";
-import m from "../../../../components/ui/Form/FormItem.js";
-import Z from "../../../../components/ui/Input/Input.js";
-import $ from "../../../../components/ui/Select/Select.js";
-const H = [
-  { label: "Existing customers", value: "existingCustomer" },
-  { label: "Tech enthusiasts", value: "techEnthusiasts" },
-  { label: "Students and parents", value: "studentsParents" },
-  { label: "General public", value: "generalPublic" },
-  { label: "Gift shoppers", value: "giftShoppers" }
-], J = n.object({
-  name: n.string({ required_error: "Please enter campaign name" }),
-  startDate: n.number({ required_error: "Please select a start date" }),
-  endDate: n.number({ required_error: "Please select a end date" }),
-  budget: n.number({ required_error: "Please enter budget" }),
-  campaignType: n.string({ required_error: "Please select campaign type" }),
-  audienceGroup: n.array(n.object({ value: n.string(), label: n.string() })).nonempty("At least one is selected!")
-}), xe = ({ onCreate: N }) => {
-  var h, b, v, f, D, x;
-  const [G, p] = w(!1), {
-    handleSubmit: j,
-    formState: { errors: t, isSubmitting: P },
-    reset: u,
-    resetField: B,
-    control: i,
-    watch: g
-  } = E({
-    resolver: R(J)
-  }), d = () => {
-    p(!1);
-  }, M = () => {
-    u(), d();
-  };
-  return /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ a(c, { size: "sm", onClick: () => p(!0), children: "Create campaign" }),
-    /* @__PURE__ */ l(
-      L,
-      {
-        isOpen: G,
-        width: 600,
-        onClose: d,
-        onRequestClose: d,
-        children: [
-          /* @__PURE__ */ a("h4", { children: "New campaign" }),
-          /* @__PURE__ */ l(U, { className: "mt-6", onSubmit: j(async (e) => {
-            await k(500), N({
-              id: A("campaign-"),
-              name: e.name || "Untitle campaign",
-              startDate: e.startDate * 1e3,
-              endDate: e.endDate * 1e3,
-              budget: e.budget,
-              leadsGenerated: 0,
-              conversions: 0,
-              conversionRate: 0,
-              status: "disabled",
-              type: e.campaignType,
-              audienceGroup: e.audienceGroup.map((r) => r.value)
-            }), u(), d();
-          }), children: [
-            /* @__PURE__ */ a(
-              m,
-              {
-                label: "Type",
-                invalid: !!t.campaignType,
-                errorMessage: (h = t.campaignType) == null ? void 0 : h.message,
-                children: /* @__PURE__ */ a(
-                  s,
-                  {
-                    name: "campaignType",
-                    control: i,
-                    render: ({ field: e }) => /* @__PURE__ */ a(
-                      S,
-                      {
-                        value: e.value,
-                        className: "grid grid-cols-3 gap-4 bg-transparent",
-                        onChange: (r) => e.onChange(r),
-                        children: Object.entries(F).map(
-                          ([r, y]) => /* @__PURE__ */ a(S.Item, { value: r, children: ({
-                            active: O,
-                            onSegmentItemClick: T
-                          }) => /* @__PURE__ */ a(
-                            "div",
-                            {
-                              className: _(
-                                "flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1",
-                                O ? "ring-primary border-primary " : "ring-transparent bg-gray-100"
-                              ),
-                              role: "button",
-                              onClick: T,
-                              children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center flex-1 gap-2 heading-text font-bold", children: [
-                                /* @__PURE__ */ a("div", { className: "text-3xl", children: y.icon }),
-                                /* @__PURE__ */ a("div", { className: "font-bold", children: y.label })
-                              ] })
-                            }
-                          ) }, r)
-                        )
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ a(
-              m,
-              {
-                label: "Campaign name",
-                invalid: !!t.name,
-                errorMessage: (b = t.name) == null ? void 0 : b.message,
-                children: /* @__PURE__ */ a(
-                  s,
-                  {
-                    name: "name",
-                    control: i,
-                    render: ({ field: e }) => /* @__PURE__ */ a(
-                      Z,
-                      {
-                        type: "text",
-                        autoComplete: "off",
-                        placeholder: "Campaign name",
-                        ...e
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
-              /* @__PURE__ */ a(
-                m,
-                {
-                  className: "flex-1",
-                  label: "Start date",
-                  invalid: !!t.startDate,
-                  errorMessage: (v = t.startDate) == null ? void 0 : v.message,
-                  children: /* @__PURE__ */ a(
-                    s,
-                    {
-                      name: "startDate",
-                      control: i,
-                      render: ({ field: e }) => /* @__PURE__ */ a(
-                        C,
-                        {
-                          ...e,
-                          value: e.value ? o.unix(
-                            e.value
-                          ).toDate() : null,
-                          placeholder: "Select date",
-                          minDate: o().startOf("day").toDate(),
-                          onChange: (r) => {
-                            g("endDate") && B("endDate"), e.onChange(o(r).unix());
-                          }
-                        }
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ a(
-                m,
-                {
-                  className: "flex-1",
-                  label: "End date",
-                  invalid: !!t.endDate,
-                  errorMessage: (f = t.endDate) == null ? void 0 : f.message,
-                  children: /* @__PURE__ */ a(
-                    s,
-                    {
-                      name: "endDate",
-                      control: i,
-                      render: ({ field: e }) => /* @__PURE__ */ a(
-                        C,
-                        {
-                          ...e,
-                          value: e.value ? o.unix(
-                            e.value
-                          ).toDate() : null,
-                          placeholder: "Select date",
-                          minDate: o(
-                            o.unix(g("startDate"))
-                          ).endOf("day").toDate(),
-                          onChange: (r) => e.onChange(o(r).unix())
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a(
-              m,
-              {
-                label: "Budget",
-                invalid: !!t.budget,
-                errorMessage: (D = t.budget) == null ? void 0 : D.message,
-                children: /* @__PURE__ */ a(
-                  s,
-                  {
-                    name: "budget",
-                    control: i,
-                    render: ({ field: e }) => /* @__PURE__ */ a(
-                      I,
-                      {
-                        allowLeadingZeros: !0,
-                        thousandSeparator: ",",
-                        value: e.value,
-                        inputPrefix: "$",
-                        placeholder: "0.00",
-                        onValueChange: (r) => {
-                          e.onChange(r.floatValue);
-                        }
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ a(
-              m,
-              {
-                label: "Multiple Select",
-                invalid: !!t.audienceGroup,
-                errorMessage: (x = t.audienceGroup) == null ? void 0 : x.message,
-                children: /* @__PURE__ */ a(
-                  s,
-                  {
-                    name: "audienceGroup",
-                    control: i,
-                    render: ({ field: e }) => /* @__PURE__ */ a(
-                      $,
-                      {
-                        isMulti: !0,
-                        componentAs: z,
-                        options: H,
-                        ...e
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ l("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ a(c, { type: "button", onClick: M, children: "Cancel" }),
-              /* @__PURE__ */ a(
-                c,
-                {
-                  loading: P,
-                  variant: "solid",
-                  type: "submit",
-                  children: "Submit"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  xe as default
-};
-//# sourceMappingURL=CreateCampaign.js.map

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

@@ -1 +0,0 @@
-{"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":"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"}

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.js

@@ -1,125 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import "../../../../components/ui/Card/index.js";
-import c from "../../../../components/shared/GrowShrinkValue.js";
-import l from "../../../../utils/classNames.js";
-import { NumericFormat as o } from "react-number-format";
-import { TbMoneybag as p, TbReportMoney as u, TbRefreshAlert as b, TbMagnet as g } from "react-icons/tb";
-import h from "../../../../components/ui/Card/Card.js";
-const i = ({
-  title: e,
-  value: s,
-  growShrink: t,
-  icon: n,
-  iconClass: d,
-  className: m
-}) => /* @__PURE__ */ a("div", { className: l("flex flex-col gap-2 py-4 px-6", m), children: [
-  /* @__PURE__ */ r(
-    "div",
-    {
-      className: l(
-        "flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl",
-        d
-      ),
-      children: n
-    }
-  ),
-  /* @__PURE__ */ a("div", { className: "mt-4", children: [
-    /* @__PURE__ */ r("div", { className: "mb-1", children: e }),
-    /* @__PURE__ */ r("h3", { className: "mb-1", children: s }),
-    /* @__PURE__ */ a("div", { className: "inline-flex items-center flex-wrap gap-1", children: [
-      /* @__PURE__ */ r(
-        c,
-        {
-          className: "font-bold",
-          value: t,
-          suffix: "%",
-          positiveIcon: "+",
-          negativeIcon: ""
-        }
-      ),
-      /* @__PURE__ */ r("span", { children: "vs last month" })
-    ] })
-  ] })
-] }), w = ({ data: e }) => /* @__PURE__ */ a(h, { children: [
-  /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ r("h4", { children: "Kpi summary" }) }),
-  /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 xl:grid-cols-4 gap-4 mt-6", children: [
-    /* @__PURE__ */ r(
-      i,
-      {
-        title: "Total marketing spend",
-        value: /* @__PURE__ */ r(
-          o,
-          {
-            prefix: "$",
-            displayType: "text",
-            value: e.totalMarketingSpend.value,
-            thousandSeparator: !0
-          }
-        ),
-        growShrink: e.totalMarketingSpend.growShrink,
-        icon: /* @__PURE__ */ r(p, {}),
-        iconClass: "bg-rose-200",
-        className: "border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700"
-      }
-    ),
-    /* @__PURE__ */ r(
-      i,
-      {
-        title: "ROI",
-        value: /* @__PURE__ */ r(
-          o,
-          {
-            suffix: "%",
-            displayType: "text",
-            value: e.roi.value,
-            thousandSeparator: !0
-          }
-        ),
-        growShrink: e.roi.growShrink,
-        icon: /* @__PURE__ */ r(u, {}),
-        iconClass: "bg-sky-200",
-        className: "border-b md:border-b-0 xl:border-r border-gray-200 dark:border-gray-700"
-      }
-    ),
-    /* @__PURE__ */ r(
-      i,
-      {
-        title: "Conversion rates",
-        value: /* @__PURE__ */ r(
-          o,
-          {
-            suffix: "%",
-            displayType: "text",
-            value: e.conversionRates.value,
-            thousandSeparator: !0
-          }
-        ),
-        growShrink: e.conversionRates.growShrink,
-        icon: /* @__PURE__ */ r(b, {}),
-        iconClass: "bg-emerald-200",
-        className: "border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700"
-      }
-    ),
-    /* @__PURE__ */ r(
-      i,
-      {
-        title: "Total leads",
-        value: /* @__PURE__ */ r(
-          o,
-          {
-            displayType: "text",
-            value: e.totalLeads.value,
-            thousandSeparator: !0
-          }
-        ),
-        growShrink: e.totalLeads.growShrink,
-        icon: /* @__PURE__ */ r(g, {}),
-        iconClass: "bg-purple-200"
-      }
-    )
-  ] })
-] });
-export {
-  w as default
-};
-//# sourceMappingURL=KpiSummary.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiSummary.js","sources":["../../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport classNames from '@/utils/classNames'\nimport { NumericFormat } from 'react-number-format'\nimport {\n    TbMoneybag,\n    TbReportMoney,\n    TbRefreshAlert,\n    TbMagnet,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { KpiSummaryData } from '../types'\n\ntype KpiSummaryProps = {\n    data: KpiSummaryData\n}\n\ntype SummarySegmentProps = {\n    title: string\n    value: string | number | ReactNode\n    growShrink: number\n    icon: ReactNode\n    iconClass: string\n    className?: string\n}\n\nconst SummarySegment = ({\n    title,\n    value,\n    growShrink,\n    icon,\n    iconClass,\n    className,\n}: SummarySegmentProps) => {\n    return (\n        <div className={classNames('flex flex-col gap-2 py-4 px-6', className)}>\n            <div\n                className={classNames(\n                    'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n                    iconClass,\n                )}\n            >\n                {icon}\n            </div>\n            <div className=\"mt-4\">\n                <div className=\"mb-1\">{title}</div>\n                <h3 className=\"mb-1\">{value}</h3>\n                <div className=\"inline-flex items-center flex-wrap gap-1\">\n                    <GrowShrinkValue\n                        className=\"font-bold\"\n                        value={growShrink}\n                        suffix=\"%\"\n                        positiveIcon=\"+\"\n                        negativeIcon=\"\"\n                    />\n                    <span>vs last month</span>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nconst KpiSummary = ({ data }: KpiSummaryProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Kpi summary</h4>\n            </div>\n            <div className=\"grid md:grid-cols-2 xl:grid-cols-4 gap-4 mt-6\">\n                <SummarySegment\n                    title=\"Total marketing spend\"\n                    value={\n                        <NumericFormat\n                            prefix=\"$\"\n                            displayType=\"text\"\n                            value={data.totalMarketingSpend.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalMarketingSpend.growShrink}\n                    icon={<TbMoneybag />}\n                    iconClass=\"bg-rose-200\"\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"ROI\"\n                    value={\n                        <NumericFormat\n                            suffix=\"%\"\n                            displayType=\"text\"\n                            value={data.roi.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.roi.growShrink}\n                    icon={<TbReportMoney />}\n                    iconClass=\"bg-sky-200\"\n                    className=\"border-b md:border-b-0 xl:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"Conversion rates\"\n                    value={\n                        <NumericFormat\n                            suffix=\"%\"\n                            displayType=\"text\"\n                            value={data.conversionRates.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.conversionRates.growShrink}\n                    icon={<TbRefreshAlert />}\n                    iconClass=\"bg-emerald-200\"\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"Total leads\"\n                    value={\n                        <NumericFormat\n                            displayType=\"text\"\n                            value={data.totalLeads.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalLeads.growShrink}\n                    icon={<TbMagnet />}\n                    iconClass=\"bg-purple-200\"\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default KpiSummary\n"],"names":["SummarySegment","title","value","growShrink","icon","iconClass","className","classNames","jsx","jsxs","GrowShrinkValue","KpiSummary","data","Card","NumericFormat","TbMoneybag","TbReportMoney","TbRefreshAlert","TbMagnet"],"mappings":";;;;;;;AA0BA,MAAMA,IAAiB,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACJ,wBAES,OAAI,EAAA,WAAWC,EAAW,iCAAiCD,CAAS,GACjE,UAAA;AAAA,EAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF;AAAA,MACJ;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACL;AAAA,EACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,QAAQ,UAAMP,GAAA;AAAA,IAC5B,gBAAAO,EAAA,MAAA,EAAG,WAAU,QAAQ,UAAMN,GAAA;AAAA,IAC5B,gBAAAO,EAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAOP;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAK,EAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,IAAA,EACvB,CAAA;AAAA,EAAA,EACJ,CAAA;AAAA,GACJ,GAIFG,IAAa,CAAC,EAAE,MAAAC,0BAEbC,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAL,EAAC,SAAI,WAAU,qCACX,UAAC,gBAAAA,EAAA,MAAA,EAAG,yBAAW,EACnB,CAAA;AAAA,EACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,iDACX,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACR;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAQ;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAOF,EAAK,oBAAoB;AAAA,YAChC,mBAAmB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEJ,YAAYA,EAAK,oBAAoB;AAAA,QACrC,wBAAOG,GAAW,EAAA;AAAA,QAClB,WAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAP;AAAA,MAACR;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAQ;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAOF,EAAK,IAAI;AAAA,YAChB,mBAAmB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEJ,YAAYA,EAAK,IAAI;AAAA,QACrB,wBAAOI,GAAc,EAAA;AAAA,QACrB,WAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAR;AAAA,MAACR;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAQ;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAOF,EAAK,gBAAgB;AAAA,YAC5B,mBAAmB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEJ,YAAYA,EAAK,gBAAgB;AAAA,QACjC,wBAAOK,GAAe,EAAA;AAAA,QACtB,WAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAT;AAAA,MAACR;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAQ;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,OAAOF,EAAK,WAAW;AAAA,YACvB,mBAAmB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEJ,YAAYA,EAAK,WAAW;AAAA,QAC5B,wBAAOM,GAAS,EAAA;AAAA,QAChB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,EACJ,CAAA;AAAA,GACJ;"}

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.js

@@ -1,80 +0,0 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import "../../../../components/ui/Card/index.js";
-import l from "../../../../components/shared/Chart.js";
-import o from "../../../../utils/classNames.js";
-import { COLORS as a } from "../../../../constants/chart.constant.js";
-import t from "../../../../components/ui/Card/Card.js";
-const h = ({ data: e }) => /* @__PURE__ */ c(t, { children: [
-  /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ r("h4", { children: "Lead performance score" }) }),
-  /* @__PURE__ */ c("div", { className: "mt-6", children: [
-    /* @__PURE__ */ r(
-      l,
-      {
-        type: "radar",
-        customOptions: {
-          xaxis: {
-            categories: e.categories,
-            labels: {
-              formatter: (s) => `${e.categories.indexOf(s) + 1}`
-            }
-          },
-          yaxis: {
-            show: !1
-          },
-          tooltip: {
-            custom: function({ dataPointIndex: s }) {
-              return `
-                                    <div class="py-2 px-4 rounded-xl">
-                                        <div class="flex items-center gap-2">
-                                            <div class="h-[10px] w-[10px] rounded-full" style="background-color: ${a[0]}"></div>
-                                            <div class="flex gap-2">${e.categories[s]}: <span class="font-bold">${e.series[s]}</span></div>
-                                        </div>
-                                    </div>
-                                `;
-            }
-          }
-        },
-        series: [
-          {
-            name: "Lead performance score",
-            data: e.series
-          }
-        ],
-        height: 250
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: e.categories.map((s, i) => /* @__PURE__ */ c(
-      "div",
-      {
-        className: "flex items-center gap-4",
-        children: [
-          /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r("div", { className: "rounded-full h-8 w-8 border-2 border-gray-200 dark:border-gray-600 font-bold heading-text flex items-center justify-center", children: i + 1 }),
-            /* @__PURE__ */ r("div", { className: "heading-text", children: s })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "border-dashed border-[1.5px] border-gray-300 dark:border-gray-500 flex-1" }),
-          /* @__PURE__ */ r("div", { children: /* @__PURE__ */ c(
-            "span",
-            {
-              className: o(
-                "rounded-full px-2 py-1 text-white",
-                e.series[i] > 75 && "bg-success",
-                e.series[i] <= 30 && "bg-error",
-                e.series[i] > 30 && e.series[i] < 75 && "bg-warning"
-              ),
-              children: [
-                e.series[i],
-                "%"
-              ]
-            }
-          ) })
-        ]
-      },
-      s + i
-    )) })
-  ] })
-] });
-export {
-  h as default
-};
-//# sourceMappingURL=LeadPerformance.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LeadPerformance.js","sources":["../../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport classNames from '@/utils/classNames'\nimport { COLORS } from '@/constants/chart.constant'\nimport type { LeadPerformanceData } from '../types'\n\ntype LeadPerformanceProps = {\n    data: LeadPerformanceData\n}\n\nconst LeadPerformance = ({ data }: LeadPerformanceProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Lead performance score</h4>\n            </div>\n            <div className=\"mt-6\">\n                <Chart\n                    type=\"radar\"\n                    customOptions={{\n                        xaxis: {\n                            categories: data.categories,\n                            labels: {\n                                formatter: (val) => {\n                                    return `${data.categories.indexOf(val) + 1}`\n                                },\n                            },\n                        },\n                        yaxis: {\n                            show: false,\n                        },\n                        tooltip: {\n                            custom: function ({ dataPointIndex }) {\n                                return `\n                                    <div class=\"py-2 px-4 rounded-xl\">\n                                        <div class=\"flex items-center gap-2\">\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${COLORS[0]}\"></div>\n                                            <div class=\"flex gap-2\">${data.categories[dataPointIndex]}: <span class=\"font-bold\">${data.series[dataPointIndex]}</span></div>\n                                        </div>\n                                    </div>\n                                `\n                            },\n                        },\n                    }}\n                    series={[\n                        {\n                            name: 'Lead performance score',\n                            data: data.series,\n                        },\n                    ]}\n                    height={250}\n                />\n                <div className=\"flex flex-col gap-4\">\n                    {data.categories.map((lead, index) => (\n                        <div\n                            key={lead + index}\n                            className=\"flex items-center gap-4\"\n                        >\n                            <div className=\"flex items-center gap-2\">\n                                <div className=\"rounded-full h-8 w-8 border-2 border-gray-200 dark:border-gray-600 font-bold heading-text flex items-center justify-center\">\n                                    {index + 1}\n                                </div>\n                                <div className=\"heading-text\">{lead}</div>\n                            </div>\n                            <div className=\"border-dashed border-[1.5px] border-gray-300 dark:border-gray-500 flex-1\" />\n                            <div>\n                                <span\n                                    className={classNames(\n                                        'rounded-full px-2 py-1 text-white',\n                                        data.series[index] > 75 && 'bg-success',\n                                        data.series[index] <= 30 && 'bg-error',\n                                        data.series[index] > 30 &&\n                                            data.series[index] < 75 &&\n                                            'bg-warning',\n                                    )}\n                                >\n                                    {data.series[index]}%\n                                </span>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default LeadPerformance\n"],"names":["LeadPerformance","data","Card","jsx","jsxs","Chart","val","dataPointIndex","COLORS","lead","index","classNames"],"mappings":";;;;;;AAUA,MAAMA,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAC,gBAAAA,EAAA,MAAA,EAAG,oCAAsB,EAC9B,CAAA;AAAA,EACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,eAAe;AAAA,UACX,OAAO;AAAA,YACH,YAAYJ,EAAK;AAAA,YACjB,QAAQ;AAAA,cACJ,WAAW,CAACK,MACD,GAAGL,EAAK,WAAW,QAAQK,CAAG,IAAI,CAAC;AAAA,YAC9C;AAAA,UAER;AAAA,UACA,OAAO;AAAA,YACH,MAAM;AAAA,UACV;AAAA,UACA,SAAS;AAAA,YACL,QAAQ,SAAU,EAAE,gBAAAC,KAAkB;AAC3B,qBAAA;AAAA;AAAA;AAAA,mHAG4EC,EAAO,CAAC,CAAC;AAAA,sEACtDP,EAAK,WAAWM,CAAc,CAAC,6BAA6BN,EAAK,OAAOM,CAAc,CAAC;AAAA;AAAA;AAAA;AAAA,YAAA;AAAA,UAIjI;AAAA,QAER;AAAA,QACA,QAAQ;AAAA,UACJ;AAAA,YACI,MAAM;AAAA,YACN,MAAMN,EAAK;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAE,EAAC,SAAI,WAAU,uBACV,YAAK,WAAW,IAAI,CAACM,GAAMC,MACxB,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,8HACV,UAAAO,IAAQ,GACb;AAAA,YACC,gBAAAP,EAAA,OAAA,EAAI,WAAU,gBAAgB,UAAKM,EAAA,CAAA;AAAA,UAAA,GACxC;AAAA,UACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,2EAA2E,CAAA;AAAA,4BACzF,OACG,EAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWO;AAAA,gBACP;AAAA,gBACAV,EAAK,OAAOS,CAAK,IAAI,MAAM;AAAA,gBAC3BT,EAAK,OAAOS,CAAK,KAAK,MAAM;AAAA,gBAC5BT,EAAK,OAAOS,CAAK,IAAI,MACjBT,EAAK,OAAOS,CAAK,IAAI,MACrB;AAAA,cACR;AAAA,cAEC,UAAA;AAAA,gBAAAT,EAAK,OAAOS,CAAK;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,EAE5B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAvBKD,IAAOC;AAAA,IAAA,CAyBnB,EACL,CAAA;AAAA,EAAA,EACJ,CAAA;AAAA,GACJ;"}