@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.js

@@ -1,31 +1,31 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as o } from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
 import "../../../../components/ui/Card/index.js";
 import "../../../../components/ui/Select/index.js";
 import m from "../../../../components/shared/AbbreviateNumber.js";
 import n from "../../../../utils/classNames.js";
-import { options as d } from "../constants.js";
-import { TbShoppingCart as h, TbBuildingStore as g, TbDeviceMobileMessage as v } from "react-icons/tb";
-import p from "../../../../components/ui/Card/Card.js";
+import { options as o } from "../constants.js";
+import { TbShoppingCart as h, TbBuildingStore as p, TbDeviceMobileMessage as g } from "react-icons/tb";
+import v from "../../../../components/ui/Card/Card.js";
 import u from "../../../../components/ui/Select/Select.js";
 const s = ({
   icon: l,
   label: r,
   value: c,
-  iconClass: i
-}) => /* @__PURE__ */ a("div", { className: n("flex flex-col items-center gap-5"), children: [
+  iconClass: a
+}) => /* @__PURE__ */ i("div", { className: n("flex flex-col items-center gap-5"), children: [
   /* @__PURE__ */ e(
     "div",
     {
       className: n(
         "rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900",
-        i
+        a
       ),
       children: l
     }
   ),
-  /* @__PURE__ */ a("div", { className: "text-center", children: [
-    /* @__PURE__ */ a("h6", { className: "font-bold mb-1", children: [
+  /* @__PURE__ */ i("div", { className: "text-center", children: [
+    /* @__PURE__ */ i("h6", { className: "font-bold mb-1", children: [
       "$",
       /* @__PURE__ */ e(m, { value: c })
     ] }),
@@ -34,16 +34,16 @@ const s = ({
 ] }), t = ({
   percent: l,
   className: r
-}) => /* @__PURE__ */ a("div", { className: "flex-1", style: { width: `${l}%` }, children: [
+}) => /* @__PURE__ */ i("div", { className: "flex-1", style: { width: `${l}%` }, children: [
   /* @__PURE__ */ e("div", { className: n("h-1.5 rounded-full", r) }),
-  /* @__PURE__ */ a("div", { className: "font-bold heading-text mt-1", children: [
+  /* @__PURE__ */ i("div", { className: "font-bold heading-text mt-1", children: [
     l,
     "%"
   ] })
 ] }), j = ({ data: l }) => {
-  const [r, c] = o("thisMonth");
-  return /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-4", children: [
+  const [r, c] = d("thisMonth");
+  return /* @__PURE__ */ i(v, { children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ e("h4", { children: "Channel revenue" }),
       /* @__PURE__ */ e(
         u,
@@ -51,28 +51,28 @@ const s = ({
           className: "w-[120px]",
           size: "sm",
           placeholder: "Select period",
-          value: d.filter(
-            (i) => i.value === r
+          value: o.filter(
+            (a) => a.value === r
           ),
-          options: d,
+          options: o,
           isSearchable: !1,
-          onChange: (i) => {
-            i != null && i.value && c(i == null ? void 0 : i.value);
+          onChange: (a) => {
+            a?.value && c(a?.value);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ a("h2", { children: [
+    /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i("h2", { children: [
         l[r].growShrink,
         "%"
       ] }),
-      /* @__PURE__ */ a("div", { className: "font-nor leading-5", children: [
+      /* @__PURE__ */ i("div", { className: "font-nor leading-5", children: [
         /* @__PURE__ */ e("div", { children: "Growth" }),
         /* @__PURE__ */ e("div", { children: "Rate" })
       ] })
     ] }) }),
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mt-6", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-1 mt-6", children: [
       /* @__PURE__ */ e(
         t,
         {
@@ -95,7 +95,7 @@ const s = ({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-3", children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-3", children: [
       /* @__PURE__ */ e(
         s,
         {
@@ -108,7 +108,7 @@ const s = ({
       /* @__PURE__ */ e(
         s,
         {
-          icon: /* @__PURE__ */ e(g, {}),
+          icon: /* @__PURE__ */ e(p, {}),
           label: "Physical store",
           value: l[r].value / l[r].percentage.physicalStore,
           iconClass: "bg-emerald-200 dark:opacity-70"
@@ -117,7 +117,7 @@ const s = ({
       /* @__PURE__ */ e(
         s,
         {
-          icon: /* @__PURE__ */ e(v, {}),
+          icon: /* @__PURE__ */ e(g, {}),
           label: "Social Media",
           value: l[r].value / l[r].percentage.socialMedia,
           iconClass: "bg-orange-200 dark:opacity-70"

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n    TbShoppingCart,\n    TbBuildingStore,\n    TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n    data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n    icon,\n    label,\n    value,\n    iconClass,\n}: {\n    icon: ReactNode\n    label: string\n    value: number\n    iconClass: string\n}) => {\n    return (\n        <div className={classNames('flex flex-col items-center gap-5')}>\n            <div\n                className={classNames(\n                    'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n                    iconClass,\n                )}\n            >\n                {icon}\n            </div>\n            <div className=\"text-center\">\n                <h6 className=\"font-bold mb-1\">\n                    {'$'}\n                    <AbbreviateNumber value={value} />\n                </h6>\n                <div className=\"text-center text-xs\">{label}</div>\n            </div>\n        </div>\n    )\n}\n\nconst Bar = ({\n    percent,\n    className,\n}: {\n    percent: number\n    className?: string\n}) => {\n    return (\n        <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n            <div className={classNames('h-1.5 rounded-full', className)} />\n            <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n        </div>\n    )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Channel revenue</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-3\">\n                    <h2>{data[selectedPeriod].growShrink}%</h2>\n                    <div className=\"font-nor leading-5\">\n                        <div>Growth</div>\n                        <div>Rate</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-1 mt-6\">\n                <Bar\n                    percent={data[selectedPeriod].percentage.onlineStore}\n                    className=\"bg-sky-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.physicalStore}\n                    className=\"bg-emerald-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.socialMedia}\n                    className=\"bg-orange-200 dark:opacity-70\"\n                />\n            </div>\n            <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n                <div className=\"grid grid-cols-3\">\n                    <DisplayColumn\n                        icon={<TbShoppingCart />}\n                        label=\"Online store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.onlineStore\n                        }\n                        iconClass=\"bg-sky-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbBuildingStore />}\n                        label=\"Physical store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.physicalStore\n                        }\n                        iconClass=\"bg-emerald-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbDeviceMobileMessage />}\n                        label=\"Social Media\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.socialMedia\n                        }\n                        iconClass=\"bg-orange-200 dark:opacity-70\"\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":"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"}
+{"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n    TbShoppingCart,\n    TbBuildingStore,\n    TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n    data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n    icon,\n    label,\n    value,\n    iconClass,\n}: {\n    icon: ReactNode\n    label: string\n    value: number\n    iconClass: string\n}) => {\n    return (\n        <div className={classNames('flex flex-col items-center gap-5')}>\n            <div\n                className={classNames(\n                    'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n                    iconClass,\n                )}\n            >\n                {icon}\n            </div>\n            <div className=\"text-center\">\n                <h6 className=\"font-bold mb-1\">\n                    {'$'}\n                    <AbbreviateNumber value={value} />\n                </h6>\n                <div className=\"text-center text-xs\">{label}</div>\n            </div>\n        </div>\n    )\n}\n\nconst Bar = ({\n    percent,\n    className,\n}: {\n    percent: number\n    className?: string\n}) => {\n    return (\n        <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n            <div className={classNames('h-1.5 rounded-full', className)} />\n            <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n        </div>\n    )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Channel revenue</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-3\">\n                    <h2>{data[selectedPeriod].growShrink}%</h2>\n                    <div className=\"font-nor leading-5\">\n                        <div>Growth</div>\n                        <div>Rate</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-1 mt-6\">\n                <Bar\n                    percent={data[selectedPeriod].percentage.onlineStore}\n                    className=\"bg-sky-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.physicalStore}\n                    className=\"bg-emerald-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.socialMedia}\n                    className=\"bg-orange-200 dark:opacity-70\"\n                />\n            </div>\n            <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n                <div className=\"grid grid-cols-3\">\n                    <DisplayColumn\n                        icon={<TbShoppingCart />}\n                        label=\"Online store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.onlineStore\n                        }\n                        iconClass=\"bg-sky-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbBuildingStore />}\n                        label=\"Physical store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.physicalStore\n                        }\n                        iconClass=\"bg-emerald-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbDeviceMobileMessage />}\n                        label=\"Social Media\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.socialMedia\n                        }\n                        iconClass=\"bg-orange-200 dark:opacity-70\"\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.js

@@ -1,70 +1,70 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as m } from "react";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useState as c } from "react";
 import "../../../../components/ui/Card/index.js";
 import "../../../../components/ui/Progress/index.js";
 import "../../../../components/ui/Select/index.js";
-import i from "../../../../components/shared/AbbreviateNumber.js";
+import a from "../../../../components/shared/AbbreviateNumber.js";
 import { options as l } from "../constants.js";
-import d from "../../../../components/ui/Card/Card.js";
-import h from "../../../../components/ui/Select/Select.js";
-import n from "../../../../components/ui/Progress/Progress.js";
-const o = {
+import m from "../../../../components/ui/Card/Card.js";
+import n from "../../../../components/ui/Select/Select.js";
+import d from "../../../../components/ui/Progress/Progress.js";
+const h = {
   thisMonth: "month",
   thisWeek: "week",
   thisYear: "year"
-}, y = ({ data: a }) => {
-  const [s, c] = m("thisMonth");
-  return /* @__PURE__ */ r(d, { children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-4", children: [
+}, y = ({ data: s }) => {
+  const [r, o] = c("thisMonth");
+  return /* @__PURE__ */ e(m, { children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ t("h4", { children: "Sales target" }),
       /* @__PURE__ */ t(
-        h,
+        n,
         {
           className: "w-[120px]",
           size: "sm",
           placeholder: "Select period",
           value: l.filter(
-            (e) => e.value === s
+            (i) => i.value === r
           ),
           options: l,
           isSearchable: !1,
-          onChange: (e) => {
-            e != null && e.value && c(e == null ? void 0 : e.value);
+          onChange: (i) => {
+            i?.value && o(i?.value);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-between mt-8", children: [
-      /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ r("h2", { children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between mt-8", children: [
+      /* @__PURE__ */ e("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ e("h2", { children: [
           /* @__PURE__ */ t(
-            i,
+            a,
             {
-              value: a[s].achieved
+              value: s[r].achieved
             }
           ),
-          /* @__PURE__ */ r("span", { className: "opacity-60 text-base font-bold", children: [
+          /* @__PURE__ */ e("span", { className: "opacity-60 text-base font-bold", children: [
             " / ",
             /* @__PURE__ */ t(
-              i,
+              a,
               {
-                value: a[s].target
+                value: s[r].target
               }
             ),
             " ",
             "Units"
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "mt-1", children: [
+        /* @__PURE__ */ e("div", { className: "mt-1", children: [
           "Made this ",
-          o[s],
+          h[r],
           " year"
         ] })
       ] }),
       /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-        n,
+        d,
         {
-          percent: a[s].percentage,
+          percent: s[r].percentage,
           width: 80,
           variant: "circle",
           strokeWidth: 8

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SalesTarget.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Progress from '@/components/ui/Progress'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport { options } from '../constants'\nimport type { SalesTargetData, Period } from '../types'\n\ntype SalesTargetProps = {\n    data: SalesTargetData\n}\n\nconst periodLabel: Record<Period, string> = {\n    thisMonth: 'month',\n    thisWeek: 'week',\n    thisYear: 'year',\n}\n\nconst SalesTarget = ({ data }: SalesTargetProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Sales target</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"flex items-center justify-between mt-8\">\n                <div className=\"flex flex-col\">\n                    <h2>\n                        <AbbreviateNumber\n                            value={data[selectedPeriod].achieved}\n                        />\n                        <span className=\"opacity-60 text-base font-bold\">\n                            {' / '}\n                            <AbbreviateNumber\n                                value={data[selectedPeriod].target}\n                            />{' '}\n                            Units\n                        </span>\n                    </h2>\n                    <div className=\"mt-1\">\n                        Made this {periodLabel[selectedPeriod]} year\n                    </div>\n                </div>\n                <div>\n                    <Progress\n                        percent={data[selectedPeriod].percentage}\n                        width={80}\n                        variant=\"circle\"\n                        strokeWidth={8}\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default SalesTarget\n"],"names":["periodLabel","SalesTarget","data","selectedPeriod","setSelectedPeriod","useState","Card","jsxs","jsx","Select","options","option","AbbreviateNumber","Progress"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAsC;AAAA,EACxC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAc,CAAC,EAAE,MAAAC,QAA6B;AAChD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUR;AAAA,UAAA;AAAA,UAEjC,SAAAO;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRP,EAAkBO,KAAA,gBAAAA,EAAQ,KAAK;AAAA,UAEvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EACG,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,gBAAAI,EAAC,QAAA,EAAK,WAAU,kCACX,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAC7B;AAAA,YAAI;AAAA,UAAA,EAAA,CAEX;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UACPP,EAAYG,CAAc;AAAA,UAAE;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA,gBAAAK;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAASX,EAAKC,CAAc,EAAE;AAAA,UAC9B,OAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MAAA,EACjB,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"SalesTarget.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Progress from '@/components/ui/Progress'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport { options } from '../constants'\nimport type { SalesTargetData, Period } from '../types'\n\ntype SalesTargetProps = {\n    data: SalesTargetData\n}\n\nconst periodLabel: Record<Period, string> = {\n    thisMonth: 'month',\n    thisWeek: 'week',\n    thisYear: 'year',\n}\n\nconst SalesTarget = ({ data }: SalesTargetProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Sales target</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"flex items-center justify-between mt-8\">\n                <div className=\"flex flex-col\">\n                    <h2>\n                        <AbbreviateNumber\n                            value={data[selectedPeriod].achieved}\n                        />\n                        <span className=\"opacity-60 text-base font-bold\">\n                            {' / '}\n                            <AbbreviateNumber\n                                value={data[selectedPeriod].target}\n                            />{' '}\n                            Units\n                        </span>\n                    </h2>\n                    <div className=\"mt-1\">\n                        Made this {periodLabel[selectedPeriod]} year\n                    </div>\n                </div>\n                <div>\n                    <Progress\n                        percent={data[selectedPeriod].percentage}\n                        width={80}\n                        variant=\"circle\"\n                        strokeWidth={8}\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default SalesTarget\n"],"names":["periodLabel","SalesTarget","data","selectedPeriod","setSelectedPeriod","useState","Card","jsxs","jsx","Select","options","option","AbbreviateNumber","Progress"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAsC;AAAA,EACxC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAc,CAAC,EAAE,MAAAC,QAA6B;AAChD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUR;AAAA,UAAA;AAAA,UAEjC,SAAAO;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,GAAQ,SACRP,EAAkBO,GAAQ,KAAK;AAAA,UAEvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EACG,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,gBAAAI,EAAC,QAAA,EAAK,WAAU,kCACX,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAC7B;AAAA,YAAI;AAAA,UAAA,EAAA,CAEX;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UACPP,EAAYG,CAAc;AAAA,UAAE;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA,gBAAAK;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAASX,EAAKC,CAAc,EAAE;AAAA,UAC9B,OAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MAAA,EACjB,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1,71 +1,70 @@
-import { jsxs as l, Fragment as q, jsx as a } from "react/jsx-runtime";
-import { useState as w } from "react";
+import { jsxs as l, Fragment as j, jsx as a } from "react/jsx-runtime";
+import { useState as P } from "react";
 import "../../../../components/ui/Button/index.js";
-import { DatePicker as C } from "../../../../components/ui/DatePicker/index.js";
+import { DatePicker as b } 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 { Segment as v } 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 { campaignTypeOption as B } from "../utils.js";
+import M from "../../../../components/shared/NumericInput.js";
+import O from "../../../../utils/classNames.js";
+import T 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 q from "react-select/creatable";
+import { useForm as w, Controller as s } from "react-hook-form";
+import { zodResolver as F } from "@hookform/resolvers/zod";
 import { z as n } from "zod";
-import A from "lodash/uniqueId";
+import I 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 _ from "../../../../components/ui/Dialog/Dialog.js";
+import { Form as k } 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 = [
+import z from "../../../../components/ui/Input/Input.js";
+import E from "../../../../components/ui/Select/Select.js";
+const R = [
   { 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({
+], A = 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 },
+}), ge = ({ onCreate: f }) => {
+  const [D, p] = P(!1), {
+    handleSubmit: x,
+    formState: { errors: t, isSubmitting: y },
     reset: u,
-    resetField: B,
+    resetField: C,
     control: i,
     watch: g
-  } = E({
-    resolver: R(J)
+  } = w({
+    resolver: F(A)
   }), d = () => {
     p(!1);
-  }, M = () => {
+  }, S = () => {
     u(), d();
   };
-  return /* @__PURE__ */ l(q, { children: [
+  return /* @__PURE__ */ l(j, { children: [
     /* @__PURE__ */ a(c, { size: "sm", onClick: () => p(!0), children: "Create campaign" }),
     /* @__PURE__ */ l(
-      L,
+      _,
       {
-        isOpen: G,
+        isOpen: D,
         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-"),
+          /* @__PURE__ */ l(k, { className: "mt-6", onSubmit: x(async (e) => {
+            await T(500), f({
+              id: I("campaign-"),
               name: e.name || "Untitle campaign",
               startDate: e.startDate * 1e3,
               endDate: e.endDate * 1e3,
@@ -83,34 +82,34 @@ const H = [
               {
                 label: "Type",
                 invalid: !!t.campaignType,
-                errorMessage: (h = t.campaignType) == null ? void 0 : h.message,
+                errorMessage: t.campaignType?.message,
                 children: /* @__PURE__ */ a(
                   s,
                   {
                     name: "campaignType",
                     control: i,
                     render: ({ field: e }) => /* @__PURE__ */ a(
-                      S,
+                      v,
                       {
                         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
+                        children: Object.entries(B).map(
+                          ([r, h]) => /* @__PURE__ */ a(v.Item, { value: r, children: ({
+                            active: N,
+                            onSegmentItemClick: G
                           }) => /* @__PURE__ */ a(
                             "div",
                             {
-                              className: _(
+                              className: O(
                                 "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"
+                                N ? "ring-primary border-primary " : "ring-transparent bg-gray-100"
                               ),
                               role: "button",
-                              onClick: T,
+                              onClick: G,
                               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 })
+                                /* @__PURE__ */ a("div", { className: "text-3xl", children: h.icon }),
+                                /* @__PURE__ */ a("div", { className: "font-bold", children: h.label })
                               ] })
                             }
                           ) }, r)
@@ -126,14 +125,14 @@ const H = [
               {
                 label: "Campaign name",
                 invalid: !!t.name,
-                errorMessage: (b = t.name) == null ? void 0 : b.message,
+                errorMessage: t.name?.message,
                 children: /* @__PURE__ */ a(
                   s,
                   {
                     name: "name",
                     control: i,
                     render: ({ field: e }) => /* @__PURE__ */ a(
-                      Z,
+                      z,
                       {
                         type: "text",
                         autoComplete: "off",
@@ -152,14 +151,14 @@ const H = [
                   className: "flex-1",
                   label: "Start date",
                   invalid: !!t.startDate,
-                  errorMessage: (v = t.startDate) == null ? void 0 : v.message,
+                  errorMessage: t.startDate?.message,
                   children: /* @__PURE__ */ a(
                     s,
                     {
                       name: "startDate",
                       control: i,
                       render: ({ field: e }) => /* @__PURE__ */ a(
-                        C,
+                        b,
                         {
                           ...e,
                           value: e.value ? o.unix(
@@ -168,7 +167,7 @@ const H = [
                           placeholder: "Select date",
                           minDate: o().startOf("day").toDate(),
                           onChange: (r) => {
-                            g("endDate") && B("endDate"), e.onChange(o(r).unix());
+                            g("endDate") && C("endDate"), e.onChange(o(r).unix());
                           }
                         }
                       )
@@ -182,14 +181,14 @@ const H = [
                   className: "flex-1",
                   label: "End date",
                   invalid: !!t.endDate,
-                  errorMessage: (f = t.endDate) == null ? void 0 : f.message,
+                  errorMessage: t.endDate?.message,
                   children: /* @__PURE__ */ a(
                     s,
                     {
                       name: "endDate",
                       control: i,
                       render: ({ field: e }) => /* @__PURE__ */ a(
-                        C,
+                        b,
                         {
                           ...e,
                           value: e.value ? o.unix(
@@ -212,14 +211,14 @@ const H = [
               {
                 label: "Budget",
                 invalid: !!t.budget,
-                errorMessage: (D = t.budget) == null ? void 0 : D.message,
+                errorMessage: t.budget?.message,
                 children: /* @__PURE__ */ a(
                   s,
                   {
                     name: "budget",
                     control: i,
                     render: ({ field: e }) => /* @__PURE__ */ a(
-                      I,
+                      M,
                       {
                         allowLeadingZeros: !0,
                         thousandSeparator: ",",
@@ -240,18 +239,18 @@ const H = [
               {
                 label: "Multiple Select",
                 invalid: !!t.audienceGroup,
-                errorMessage: (x = t.audienceGroup) == null ? void 0 : x.message,
+                errorMessage: t.audienceGroup?.message,
                 children: /* @__PURE__ */ a(
                   s,
                   {
                     name: "audienceGroup",
                     control: i,
                     render: ({ field: e }) => /* @__PURE__ */ a(
-                      $,
+                      E,
                       {
                         isMulti: !0,
-                        componentAs: z,
-                        options: H,
+                        componentAs: q,
+                        options: R,
                         ...e
                       }
                     )
@@ -260,11 +259,11 @@ const H = [
               }
             ),
             /* @__PURE__ */ l("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ a(c, { type: "button", onClick: M, children: "Cancel" }),
+              /* @__PURE__ */ a(c, { type: "button", onClick: S, children: "Cancel" }),
               /* @__PURE__ */ a(
                 c,
                 {
-                  loading: P,
+                  loading: y,
                   variant: "solid",
                   type: "submit",
                   children: "Submit"
@@ -278,6 +277,6 @@ const H = [
   ] });
 };
 export {
-  xe as default
+  ge as default
 };
 //# sourceMappingURL=CreateCampaign.js.map