@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/views/concepts/customers/CustomerForm/OverviewSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/OverviewSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype OverviewSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{data.dialCode}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst OverviewSection = ({ control, errors }: OverviewSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Overview</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default OverviewSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","jsxs","Avatar","CustomControl","children","selected","OverviewSection","control","errors","dialCodeList","useMemo","countryList","country","Card","FormItem","_a","Controller","field","Input","_b","_c","Select","option","_d","NumericInput"],"mappings":"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"}
+{"version":3,"file":"OverviewSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/OverviewSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype OverviewSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{data.dialCode}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst OverviewSection = ({ control, errors }: OverviewSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Overview</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default OverviewSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","jsxs","Avatar","CustomControl","children","selected","OverviewSection","control","errors","dialCodeList","useMemo","countryList","country","Card","FormItem","Controller","field","Input","Select","option","NumericInput"],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.js

@@ -1,36 +1,36 @@
-import { apiGetCustomersList as L } from "../../../../../services/CustomersService.js";
-import D from "swr";
-import { useCustomerListStore as S } from "../store/customerListStore.js";
+import { apiGetCustomersList as C } from "../../../../../services/CustomersService.js";
+import L from "swr";
+import { useCustomerListStore as D } from "../store/customerListStore.js";
 function T() {
   const {
-    tableData: e,
-    filterData: s,
+    tableData: t,
+    filterData: e,
     setTableData: r,
-    selectedCustomer: i,
-    setSelectedCustomer: u,
-    setSelectAllCustomer: m,
-    setFilterData: a
-  } = S((o) => o), { data: t, error: l, isLoading: c, mutate: n } = D(
-    ["/api/customers", { ...e, ...s }],
+    selectedCustomer: a,
+    setSelectedCustomer: i,
+    setSelectAllCustomer: u,
+    setFilterData: m
+  } = D((o) => o), { data: s, error: l, isLoading: c, mutate: n } = L(
+    ["/api/customers", { ...t, ...e }],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([o, C]) => L(C),
+    ([o, p]) => C(p),
     {
       revalidateOnFocus: !1
     }
-  ), f = (t == null ? void 0 : t.list) || [], p = (t == null ? void 0 : t.total) || 0;
+  ), f = s?.list || [], d = s?.total || 0;
   return {
     customerList: f,
-    customerListTotal: p,
+    customerListTotal: d,
     error: l,
     isLoading: c,
-    tableData: e,
-    filterData: s,
+    tableData: t,
+    filterData: e,
     mutate: n,
     setTableData: r,
-    selectedCustomer: i,
-    setSelectedCustomer: u,
-    setSelectAllCustomer: m,
-    setFilterData: a
+    selectedCustomer: a,
+    setSelectedCustomer: i,
+    setSelectAllCustomer: u,
+    setFilterData: m
   };
 }
 export {

package/dist/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    } = useCustomerListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/customers', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const customerList = data?.list || []\n\n    const customerListTotal = data?.total || 0\n\n    return {\n        customerList,\n        customerListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    }\n}\n"],"names":["useCustomerList","tableData","filterData","setTableData","selectedCustomer","setSelectedCustomer","setSelectAllCustomer","setFilterData","useCustomerListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetCustomersList","customerList","customerListTotal"],"mappings":";;;AAMA,SAAwBA,IAAkB;AACtC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAC,EAAqB,CAACC,MAAUA,CAAK,GAEnC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAA4DD,CAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAeR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE7BS,KAAoBT,KAAA,gBAAAA,EAAM,UAAS;AAEzC,SAAO;AAAA,IACH,cAAAQ;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,cAAAV;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    } = useCustomerListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/customers', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const customerList = data?.list || []\n\n    const customerListTotal = data?.total || 0\n\n    return {\n        customerList,\n        customerListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    }\n}\n"],"names":["useCustomerList","tableData","filterData","setTableData","selectedCustomer","setSelectedCustomer","setSelectAllCustomer","setFilterData","useCustomerListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetCustomersList","customerList","customerListTotal"],"mappings":";;;AAMA,SAAwBA,IAAkB;AACtC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAC,EAAqB,CAACC,MAAUA,CAAK,GAEnC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAA4DD,CAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,IAAeR,GAAM,QAAQ,CAAA,GAE7BS,IAAoBT,GAAM,SAAS;AAEzC,SAAO;AAAA,IACH,cAAAQ;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,cAAAV;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.js

@@ -1,74 +1,73 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import { useRef as x } from "react";
-import { TbFolderSymlink as f, TbCloudDownload as w, TbPencil as D, TbUserPlus as C, TbTrash as u } from "react-icons/tb";
+import { TbFolderSymlink as f, TbCloudDownload as w, TbPencil as D, TbUserPlus as k, TbTrash as C } from "react-icons/tb";
 import "../../../../../components/index.js";
-import I from "../../../../../components/shared/EllipsisButton.js";
-import { Dropdown as r } from "../../../../../components/ui/Dropdown/index.js";
-const O = (c) => {
-  const { onDelete: s, onShare: i, onRename: a, onDownload: d, onOpen: m } = c, p = x(null), h = (e) => {
-    var o;
-    e.stopPropagation(), (o = p.current) == null || o.handleDropdownOpen();
-  }, l = (e, o) => {
-    e.stopPropagation(), o == null || o();
+import u from "../../../../../components/shared/EllipsisButton.js";
+import { Dropdown as l } from "../../../../../components/ui/Dropdown/index.js";
+const K = (m) => {
+  const { onDelete: r, onShare: a, onRename: s, onDownload: c, onOpen: i } = m, d = x(null), p = (e) => {
+    e.stopPropagation(), d.current?.handleDropdownOpen();
+  }, t = (e, h) => {
+    e.stopPropagation(), h?.();
   };
-  return /* @__PURE__ */ t(
-    r,
+  return /* @__PURE__ */ o(
+    l,
     {
-      ref: p,
-      renderTitle: /* @__PURE__ */ n(I, { onClick: h }),
+      ref: d,
+      renderTitle: /* @__PURE__ */ n(u, { onClick: p }),
       placement: "bottom-end",
       children: [
-        m && /* @__PURE__ */ t(
-          r.Item,
+        i && /* @__PURE__ */ o(
+          l.Item,
           {
             eventKey: "Open",
-            onClick: (e) => l(e, m),
+            onClick: (e) => t(e, i),
             children: [
               /* @__PURE__ */ n(f, { className: "text-xl" }),
               /* @__PURE__ */ n("span", { children: "Open" })
             ]
           }
         ),
-        d && /* @__PURE__ */ t(
-          r.Item,
+        c && /* @__PURE__ */ o(
+          l.Item,
           {
             eventKey: "download",
-            onClick: (e) => l(e, d),
+            onClick: (e) => t(e, c),
             children: [
               /* @__PURE__ */ n(w, { className: "text-xl" }),
               /* @__PURE__ */ n("span", { children: "Download" })
             ]
           }
         ),
-        a && /* @__PURE__ */ t(
-          r.Item,
+        s && /* @__PURE__ */ o(
+          l.Item,
           {
             eventKey: "rename",
-            onClick: (e) => l(e, a),
+            onClick: (e) => t(e, s),
             children: [
               /* @__PURE__ */ n(D, { className: "text-xl" }),
               /* @__PURE__ */ n("span", { children: "Rename" })
             ]
           }
         ),
-        i && /* @__PURE__ */ t(
-          r.Item,
+        a && /* @__PURE__ */ o(
+          l.Item,
           {
             eventKey: "share",
-            onClick: (e) => l(e, i),
+            onClick: (e) => t(e, a),
             children: [
-              /* @__PURE__ */ n(C, { className: "text-xl" }),
+              /* @__PURE__ */ n(k, { className: "text-xl" }),
               /* @__PURE__ */ n("span", { children: "Share" })
             ]
           }
         ),
-        s && /* @__PURE__ */ n(
-          r.Item,
+        r && /* @__PURE__ */ n(
+          l.Item,
           {
             eventKey: "share",
-            onClick: (e) => l(e, s),
-            children: /* @__PURE__ */ t("span", { className: "flex items-center gap-2 text-error", children: [
-              /* @__PURE__ */ n(u, { className: "text-xl" }),
+            onClick: (e) => t(e, r),
+            children: /* @__PURE__ */ o("span", { className: "flex items-center gap-2 text-error", children: [
+              /* @__PURE__ */ n(C, { className: "text-xl" }),
               /* @__PURE__ */ n("span", { children: "Delete" })
             ] })
           }
@@ -78,6 +77,6 @@ const O = (c) => {
   );
 };
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=FileItemDropdown.js.map

package/dist/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n  TbCloudDownload,\n  TbPencil,\n  TbUserPlus,\n  TbTrash,\n  TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n  const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n  const dropdownRef = useRef<DropdownRef>(null);\n\n  const handleDropdownClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    dropdownRef.current?.handleDropdownOpen();\n  };\n\n  const handleDropdownItemClick = (\n    e: SyntheticEvent,\n    callback?: () => void\n  ) => {\n    e.stopPropagation();\n    callback?.();\n  };\n\n  return (\n    <Dropdown\n      ref={dropdownRef}\n      renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n      placement=\"bottom-end\"\n    >\n      {onOpen && (\n        <Dropdown.Item\n          eventKey=\"Open\"\n          onClick={(e) => handleDropdownItemClick(e, onOpen)}\n        >\n          <TbFolderSymlink className=\"text-xl\" />\n          <span>Open</span>\n        </Dropdown.Item>\n      )}\n      {onDownload && (\n        <Dropdown.Item\n          eventKey=\"download\"\n          onClick={(e) => handleDropdownItemClick(e, onDownload)}\n        >\n          <TbCloudDownload className=\"text-xl\" />\n          <span>Download</span>\n        </Dropdown.Item>\n      )}\n      {onRename && (\n        <Dropdown.Item\n          eventKey=\"rename\"\n          onClick={(e) => handleDropdownItemClick(e, onRename)}\n        >\n          <TbPencil className=\"text-xl\" />\n          <span>Rename</span>\n        </Dropdown.Item>\n      )}\n      {onShare && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onShare)}\n        >\n          <TbUserPlus className=\"text-xl\" />\n          <span>Share</span>\n        </Dropdown.Item>\n      )}\n      {onDelete && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onDelete)}\n        >\n          <span className=\"flex items-center gap-2 text-error\">\n            <TbTrash className=\"text-xl\" />\n            <span>Delete</span>\n          </span>\n        </Dropdown.Item>\n      )}\n    </Dropdown>\n  );\n};\n\nexport default FileItemDropdown;\n"],"names":["FileItemDropdown","props","onDelete","onShare","onRename","onDownload","onOpen","dropdownRef","useRef","handleDropdownClick","_a","handleDropdownItemClick","callback","jsxs","Dropdown","jsx","EllipsisButton","TbFolderSymlink","TbCloudDownload","TbPencil","TbUserPlus","TbTrash"],"mappings":";;;;;;AAeA,MAAMA,IAAmB,CAACC,MAAiC;AACzD,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,YAAAC,GAAY,QAAAC,MAAWL,GAEtDM,IAAcC,EAAoB,IAAI,GAEtCC,IAAsB,CAAC,MAAkB;;AAC7C,MAAE,gBAAA,IACFC,IAAAH,EAAY,YAAZ,QAAAG,EAAqB;AAAA,EACvB,GAEMC,IAA0B,CAC9B,GACAC,MACG;AACH,MAAE,gBAAA,GACFA,KAAA,QAAAA;AAAA,EACF;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,aAAa,gBAAAQ,EAACC,GAAA,EAAe,SAASP,EAAA,CAAqB;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,QAAAH,KACC,gBAAAO;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGL,CAAM;AAAA,YAEjD,UAAA;AAAA,cAAA,gBAAAS,EAACE,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,gBAAAF,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbV,KACC,gBAAAQ;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGN,CAAU;AAAA,YAErD,UAAA;AAAA,cAAA,gBAAAU,EAACG,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,gBAAAH,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjBX,KACC,gBAAAS;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGP,CAAQ;AAAA,YAEnD,UAAA;AAAA,cAAA,gBAAAW,EAACI,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cAC9B,gBAAAJ,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGfZ,KACC,gBAAAU;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGR,CAAO;AAAA,YAElD,UAAA;AAAA,cAAA,gBAAAY,EAACK,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,cAChC,gBAAAL,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdb,KACC,gBAAAa;AAAA,UAACD,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGT,CAAQ;AAAA,YAEnD,UAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,sCACd,UAAA;AAAA,cAAA,gBAAAE,EAACM,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,cAC7B,gBAAAN,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA,EAAA,CACd;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n  TbCloudDownload,\n  TbPencil,\n  TbUserPlus,\n  TbTrash,\n  TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n  const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n  const dropdownRef = useRef<DropdownRef>(null);\n\n  const handleDropdownClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    dropdownRef.current?.handleDropdownOpen();\n  };\n\n  const handleDropdownItemClick = (\n    e: SyntheticEvent,\n    callback?: () => void\n  ) => {\n    e.stopPropagation();\n    callback?.();\n  };\n\n  return (\n    <Dropdown\n      ref={dropdownRef}\n      renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n      placement=\"bottom-end\"\n    >\n      {onOpen && (\n        <Dropdown.Item\n          eventKey=\"Open\"\n          onClick={(e) => handleDropdownItemClick(e, onOpen)}\n        >\n          <TbFolderSymlink className=\"text-xl\" />\n          <span>Open</span>\n        </Dropdown.Item>\n      )}\n      {onDownload && (\n        <Dropdown.Item\n          eventKey=\"download\"\n          onClick={(e) => handleDropdownItemClick(e, onDownload)}\n        >\n          <TbCloudDownload className=\"text-xl\" />\n          <span>Download</span>\n        </Dropdown.Item>\n      )}\n      {onRename && (\n        <Dropdown.Item\n          eventKey=\"rename\"\n          onClick={(e) => handleDropdownItemClick(e, onRename)}\n        >\n          <TbPencil className=\"text-xl\" />\n          <span>Rename</span>\n        </Dropdown.Item>\n      )}\n      {onShare && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onShare)}\n        >\n          <TbUserPlus className=\"text-xl\" />\n          <span>Share</span>\n        </Dropdown.Item>\n      )}\n      {onDelete && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onDelete)}\n        >\n          <span className=\"flex items-center gap-2 text-error\">\n            <TbTrash className=\"text-xl\" />\n            <span>Delete</span>\n          </span>\n        </Dropdown.Item>\n      )}\n    </Dropdown>\n  );\n};\n\nexport default FileItemDropdown;\n"],"names":["FileItemDropdown","props","onDelete","onShare","onRename","onDownload","onOpen","dropdownRef","useRef","handleDropdownClick","handleDropdownItemClick","callback","jsxs","Dropdown","jsx","EllipsisButton","TbFolderSymlink","TbCloudDownload","TbPencil","TbUserPlus","TbTrash"],"mappings":";;;;;;AAeA,MAAMA,IAAmB,CAACC,MAAiC;AACzD,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,YAAAC,GAAY,QAAAC,MAAWL,GAEtDM,IAAcC,EAAoB,IAAI,GAEtCC,IAAsB,CAAC,MAAkB;AAC7C,MAAE,gBAAA,GACFF,EAAY,SAAS,mBAAA;AAAA,EACvB,GAEMG,IAA0B,CAC9B,GACAC,MACG;AACH,MAAE,gBAAA,GACFA,IAAA;AAAA,EACF;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,aAAa,gBAAAO,EAACC,GAAA,EAAe,SAASN,EAAA,CAAqB;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,QAAAH,KACC,gBAAAM;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGJ,CAAM;AAAA,YAEjD,UAAA;AAAA,cAAA,gBAAAQ,EAACE,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,gBAAAF,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbT,KACC,gBAAAO;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGL,CAAU;AAAA,YAErD,UAAA;AAAA,cAAA,gBAAAS,EAACG,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,gBAAAH,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjBV,KACC,gBAAAQ;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGN,CAAQ;AAAA,YAEnD,UAAA;AAAA,cAAA,gBAAAU,EAACI,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cAC9B,gBAAAJ,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGfX,KACC,gBAAAS;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGP,CAAO;AAAA,YAElD,UAAA;AAAA,cAAA,gBAAAW,EAACK,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,cAChC,gBAAAL,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdZ,KACC,gBAAAY;AAAA,UAACD,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGR,CAAQ;AAAA,YAEnD,UAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,sCACd,UAAA;AAAA,cAAA,gBAAAE,EAACM,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,cAC7B,gBAAAN,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA,EAAA,CACd;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as h, useRef as v, useEffect as N } from "react";
-import { Avatar as T } from "../../../../../components/ui/Avatar/index.js";
+import { useState as g, useRef as b, useEffect as v } from "react";
+import { Avatar as N } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Tag/index.js";
-import y from "lodash/uniqueId";
-import k from "../../../../../components/ui/Tag/Tag.js";
+import T from "lodash/uniqueId";
+import y from "../../../../../components/ui/Tag/Tag.js";
 const d = (i) => {
   const { title: s, icon: a, children: c } = i;
   return /* @__PURE__ */ r("div", { className: "flex items-center mb-2", children: [
@@ -13,9 +13,9 @@ const d = (i) => {
     ] }),
     c
   ] });
-}, q = (i) => {
-  const { title: s, authors: a, updateTime: c, tags: f } = i, [x, b] = h(s), [m, p] = h(f), l = v(null);
-  return N(() => {
+}, R = (i) => {
+  const { title: s, authors: a, updateTime: c, tags: h } = i, [f, x] = g(s), [m, p] = g(h), l = b(null);
+  return v(() => {
     l.current && (l.current.value = "");
   }, [m]), /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ e(
@@ -23,18 +23,18 @@ const d = (i) => {
       {
         className: "ring-0 outline-none block w-full p-2 bg-transparent heading-text h3",
         placeholder: "Untitle article",
-        value: x,
-        onChange: (t) => b(t.target.value)
+        value: f,
+        onChange: (t) => x(t.target.value)
       }
     ),
     /* @__PURE__ */ r("div", { className: "mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6", children: [
       /* @__PURE__ */ e(d, { title: "Created by:", children: a.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(T, { size: 25, src: a[0].img }),
+        /* @__PURE__ */ e(N, { size: 25, src: a[0].img }),
         /* @__PURE__ */ e("span", { className: "heading-text font-bold", children: a[0].name })
       ] }) }),
       /* @__PURE__ */ e(d, { title: "Last updated:", children: /* @__PURE__ */ e("span", { className: "heading-text font-bold", children: c }) }),
       /* @__PURE__ */ e(d, { title: "Tags:", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
-        m.map((t) => /* @__PURE__ */ e(k, { children: t.label }, t.id)),
+        m.map((t) => /* @__PURE__ */ e(y, { children: t.label }, t.id)),
         /* @__PURE__ */ e(
           "input",
           {
@@ -42,16 +42,15 @@ const d = (i) => {
             className: "ring-0 outline-none block py-2 bg-transparent heading-text text-sm",
             type: "text",
             onKeyDown: (t) => {
-              var u;
               if (t.key === "Enter") {
                 const o = t.target;
                 p((n) => {
-                  const g = structuredClone(n);
-                  return g.push({
-                    id: y("article-tag-"),
+                  const u = structuredClone(n);
+                  return u.push({
+                    id: T("article-tag-"),
                     label: o.value
-                  }), g;
-                }), (u = l.current) == null || u.blur();
+                  }), u;
+                }), l.current?.blur();
               }
               t.key === "Backspace" && t.target.value.length === 0 && p((o) => {
                 const n = structuredClone(o);
@@ -65,6 +64,6 @@ const d = (i) => {
   ] });
 };
 export {
-  q as default
+  R as default
 };
 //# sourceMappingURL=EditArticleHeader.js.map

package/dist/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ArticleContent } from '../types'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\ntype EditArticleHeaderProps = Pick<\n    ArticleContent,\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\n>\n\nexport interface FieldProps extends CommonProps {\n    title: string\n    icon?: ReactNode\n}\n\nconst Field = (props: FieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\n    const { title, authors, updateTime, tags } = props\n\n    const [articleTitle, setArticleTitle] = useState(title)\n    const [articleTags, setArticleTags] = useState(tags)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n    }, [articleTags])\n\n    return (\n        <div>\n            <input\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\n                placeholder=\"Untitle article\"\n                value={articleTitle}\n                onChange={(e) => setArticleTitle(e.target.value)}\n            />\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\n                <Field title=\"Created by:\">\n                    {authors.length > 0 && (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={25} src={authors[0].img} />\n                            <span className=\"heading-text font-bold\">\n                                {authors[0].name}\n                            </span>\n                        </div>\n                    )}\n                </Field>\n                <Field title=\"Last updated:\">\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\n                </Field>\n                <Field title=\"Tags:\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                        {articleTags.map((tag) => (\n                            <Tag key={tag.id}>{tag.label}</Tag>\n                        ))}\n                        <input\n                            ref={inputRef}\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\n                            type=\"text\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    const eventTarget =\n                                        event.target as HTMLInputElement\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n\n                                        newTags.push({\n                                            id: uniqueId('article-tag-'),\n                                            label: eventTarget.value,\n                                        })\n                                        return newTags\n                                    })\n                                    inputRef.current?.blur()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length === 0\n                                ) {\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n                                        newTags.pop()\n                                        return newTags\n                                    })\n                                }\n                            }}\n                        />\n                    </div>\n                </Field>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleHeader\n"],"names":["Field","props","title","icon","children","jsxs","jsx","EditArticleHeader","authors","updateTime","tags","articleTitle","setArticleTitle","useState","articleTags","setArticleTags","inputRef","useRef","useEffect","e","Avatar","tag","Tag","event","eventTarget","newTags","uniqueId","_a"],"mappings":";;;;;;AAkBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER,GAEMG,IAAoB,CAACN,MAAkC;AACzD,QAAM,EAAE,OAAAC,GAAO,SAAAM,GAAS,YAAAC,GAAY,MAAAC,MAAST,GAEvC,CAACU,GAAcC,CAAe,IAAIC,EAASX,CAAK,GAChD,CAACY,GAAaC,CAAc,IAAIF,EAASH,CAAI,GAE7CM,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACZ,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ;AAAA,EAEjC,GAAG,CAACF,CAAW,CAAC,qBAGX,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAOK;AAAA,QACP,UAAU,CAACQ,MAAMP,EAAgBO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAd,EAAC,OAAA,EAAI,WAAU,+EACX,UAAA;AAAA,MAAA,gBAAAC,EAACN,GAAA,EAAM,OAAM,eACR,UAAAQ,EAAQ,SAAS,KACd,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACc,KAAO,MAAM,IAAI,KAAKZ,EAAQ,CAAC,EAAE,KAAK;AAAA,0BACtC,QAAA,EAAK,WAAU,0BACX,UAAAA,EAAQ,CAAC,EAAE,KAAA,CAChB;AAAA,MAAA,EAAA,CACJ,EAAA,CAER;AAAA,MACA,gBAAAF,EAACN,KAAM,OAAM,iBACT,4BAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAS,EAAA,CAAW,EAAA,CACzD;AAAA,wBACCT,GAAA,EAAM,OAAM,SACT,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAAS,EAAY,IAAI,CAACO,MACd,gBAAAf,EAACgB,KAAkB,UAAAD,EAAI,MAAA,GAAbA,EAAI,EAAe,CAChC;AAAA,QACD,gBAAAf;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKU;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAACO,MAAU;;AAClB,kBAAIA,EAAM,QAAQ,SAAS;AACvB,sBAAMC,IACFD,EAAM;AACV,gBAAAR,EAAe,CAACM,MAAQ;AACpB,wBAAMI,IAAU,gBAAgBJ,CAAG;AAEnC,yBAAAI,EAAQ,KAAK;AAAA,oBACT,IAAIC,EAAS,cAAc;AAAA,oBAC3B,OAAOF,EAAY;AAAA,kBAAA,CACtB,GACMC;AAAA,gBACX,CAAC,IACDE,IAAAX,EAAS,YAAT,QAAAW,EAAkB;AAAA,cACtB;AAEA,cACIJ,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,WAAW,KAEhBR,EAAe,CAACM,MAAQ;AACpB,sBAAMI,IAAU,gBAAgBJ,CAAG;AACnC,uBAAAI,EAAQ,IAAA,GACDA;AAAA,cACX,CAAC;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"EditArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ArticleContent } from '../types'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\ntype EditArticleHeaderProps = Pick<\n    ArticleContent,\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\n>\n\nexport interface FieldProps extends CommonProps {\n    title: string\n    icon?: ReactNode\n}\n\nconst Field = (props: FieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\n    const { title, authors, updateTime, tags } = props\n\n    const [articleTitle, setArticleTitle] = useState(title)\n    const [articleTags, setArticleTags] = useState(tags)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n    }, [articleTags])\n\n    return (\n        <div>\n            <input\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\n                placeholder=\"Untitle article\"\n                value={articleTitle}\n                onChange={(e) => setArticleTitle(e.target.value)}\n            />\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\n                <Field title=\"Created by:\">\n                    {authors.length > 0 && (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={25} src={authors[0].img} />\n                            <span className=\"heading-text font-bold\">\n                                {authors[0].name}\n                            </span>\n                        </div>\n                    )}\n                </Field>\n                <Field title=\"Last updated:\">\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\n                </Field>\n                <Field title=\"Tags:\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                        {articleTags.map((tag) => (\n                            <Tag key={tag.id}>{tag.label}</Tag>\n                        ))}\n                        <input\n                            ref={inputRef}\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\n                            type=\"text\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    const eventTarget =\n                                        event.target as HTMLInputElement\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n\n                                        newTags.push({\n                                            id: uniqueId('article-tag-'),\n                                            label: eventTarget.value,\n                                        })\n                                        return newTags\n                                    })\n                                    inputRef.current?.blur()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length === 0\n                                ) {\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n                                        newTags.pop()\n                                        return newTags\n                                    })\n                                }\n                            }}\n                        />\n                    </div>\n                </Field>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleHeader\n"],"names":["Field","props","title","icon","children","jsxs","jsx","EditArticleHeader","authors","updateTime","tags","articleTitle","setArticleTitle","useState","articleTags","setArticleTags","inputRef","useRef","useEffect","e","Avatar","tag","Tag","event","eventTarget","newTags","uniqueId"],"mappings":";;;;;;AAkBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER,GAEMG,IAAoB,CAACN,MAAkC;AACzD,QAAM,EAAE,OAAAC,GAAO,SAAAM,GAAS,YAAAC,GAAY,MAAAC,MAAST,GAEvC,CAACU,GAAcC,CAAe,IAAIC,EAASX,CAAK,GAChD,CAACY,GAAaC,CAAc,IAAIF,EAASH,CAAI,GAE7CM,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACZ,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ;AAAA,EAEjC,GAAG,CAACF,CAAW,CAAC,qBAGX,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAOK;AAAA,QACP,UAAU,CAACQ,MAAMP,EAAgBO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAd,EAAC,OAAA,EAAI,WAAU,+EACX,UAAA;AAAA,MAAA,gBAAAC,EAACN,GAAA,EAAM,OAAM,eACR,UAAAQ,EAAQ,SAAS,KACd,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACc,KAAO,MAAM,IAAI,KAAKZ,EAAQ,CAAC,EAAE,KAAK;AAAA,0BACtC,QAAA,EAAK,WAAU,0BACX,UAAAA,EAAQ,CAAC,EAAE,KAAA,CAChB;AAAA,MAAA,EAAA,CACJ,EAAA,CAER;AAAA,MACA,gBAAAF,EAACN,KAAM,OAAM,iBACT,4BAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAS,EAAA,CAAW,EAAA,CACzD;AAAA,wBACCT,GAAA,EAAM,OAAM,SACT,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAAS,EAAY,IAAI,CAACO,MACd,gBAAAf,EAACgB,KAAkB,UAAAD,EAAI,MAAA,GAAbA,EAAI,EAAe,CAChC;AAAA,QACD,gBAAAf;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKU;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAACO,MAAU;AAClB,kBAAIA,EAAM,QAAQ,SAAS;AACvB,sBAAMC,IACFD,EAAM;AACV,gBAAAR,EAAe,CAACM,MAAQ;AACpB,wBAAMI,IAAU,gBAAgBJ,CAAG;AAEnC,yBAAAI,EAAQ,KAAK;AAAA,oBACT,IAAIC,EAAS,cAAc;AAAA,oBAC3B,OAAOF,EAAY;AAAA,kBAAA,CACtB,GACMC;AAAA,gBACX,CAAC,GACDT,EAAS,SAAS,KAAA;AAAA,cACtB;AAEA,cACIO,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,WAAW,KAEhBR,EAAe,CAACM,MAAQ;AACpB,sBAAMI,IAAU,gBAAgBJ,CAAG;AACnC,uBAAAI,EAAQ,IAAA,GACDA;AAAA,cACX,CAAC;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.js

@@ -1,18 +1,18 @@
-import { useManageArticleStore as a } from "../store/manageArticleStore.js";
+import { useManageArticleStore as e } from "../store/manageArticleStore.js";
 import { apiGetArticleList as c } from "../../../../../services/HelpCenterService.js";
 import n from "swr";
 const p = () => {
-  const r = a((e) => e.tableData), i = a((e) => e.filterData), { data: t, isLoading: l, mutate: o } = n(
+  const r = e((t) => t.tableData), i = e((t) => t.filterData), { data: a, isLoading: l, mutate: o } = n(
     ["/helps/manage/articles", { ...r, ...i }],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([e, s]) => c(s),
+    ([t, s]) => c(s),
     {
       revalidateOnFocus: !1
     }
   );
   return {
-    articleList: (t == null ? void 0 : t.list) || [],
-    articleTotal: (t == null ? void 0 : t.total) || 0,
+    articleList: a?.list || [],
+    articleTotal: a?.total || 0,
     isLoading: l,
     mutate: o
   };

package/dist/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\nimport { apiGetArticleList } from '@/services/HelpCenterService'\nimport useSWR from 'swr'\nimport type { TableQueries } from '@/@types/common'\nimport type { GetArticleListResponse } from '../types'\n\nconst useManageArticle = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const filterData = useManageArticleStore((state) => state.filterData)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    return {\n        articleList: data?.list || [],\n        articleTotal: data?.total || 0,\n        isLoading,\n        mutate,\n    }\n}\n\nexport default useManageArticle\n"],"names":["useManageArticle","tableData","useManageArticleStore","state","filterData","data","isLoading","mutate","useSWR","_","params","apiGetArticleList"],"mappings":";;;AAMA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAaF,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAE9D,EAAE,MAAAE,GAAM,WAAAC,GAAW,QAAAC,EAAA,IAAWC;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAGP,GAAW,GAAGG,GAAY;AAAA;AAAA,IAE1D,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,SAAO;AAAA,IACH,cAAaL,KAAA,gBAAAA,EAAM,SAAQ,CAAA;AAAA,IAC3B,eAAcA,KAAA,gBAAAA,EAAM,UAAS;AAAA,IAC7B,WAAAC;AAAA,IACA,QAAAC;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\nimport { apiGetArticleList } from '@/services/HelpCenterService'\nimport useSWR from 'swr'\nimport type { TableQueries } from '@/@types/common'\nimport type { GetArticleListResponse } from '../types'\n\nconst useManageArticle = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const filterData = useManageArticleStore((state) => state.filterData)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    return {\n        articleList: data?.list || [],\n        articleTotal: data?.total || 0,\n        isLoading,\n        mutate,\n    }\n}\n\nexport default useManageArticle\n"],"names":["useManageArticle","tableData","useManageArticleStore","state","filterData","data","isLoading","mutate","useSWR","_","params","apiGetArticleList"],"mappings":";;;AAMA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAaF,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAE9D,EAAE,MAAAE,GAAM,WAAAC,GAAW,QAAAC,EAAA,IAAWC;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAGP,GAAW,GAAGG,GAAY;AAAA;AAAA,IAE1D,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,SAAO;AAAA,IACH,aAAaL,GAAM,QAAQ,CAAA;AAAA,IAC3B,cAAcA,GAAM,SAAS;AAAA,IAC7B,WAAAC;AAAA,IACA,QAAAC;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/TopSection.js

@@ -1,18 +1,17 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { useRef as f } from "react";
+import { useRef as n } from "react";
 import "../../../../../components/ui/Button/index.js";
-import p from "../../../../../components/shared/Container.js";
-import { useHelpCenterStore as n } from "../store/helpCenterStore.js";
-import { TbSearch as d } from "react-icons/tb";
-import m from "../../../../../components/ui/Button/Button.js";
-const k = () => {
-  const t = f(null), l = n((e) => e.setQueryText), i = n(
+import i from "../../../../../components/shared/Container.js";
+import { useHelpCenterStore as c } from "../store/helpCenterStore.js";
+import { TbSearch as f } from "react-icons/tb";
+import p from "../../../../../components/ui/Button/Button.js";
+const g = () => {
+  const t = n(null), l = c((e) => e.setQueryText), s = c(
     (e) => e.setSelectedTopic
   ), o = () => {
-    var c, s;
-    ((c = t.current) == null ? void 0 : c.value) && (l((s = t.current) == null ? void 0 : s.value), i(""));
+    t.current?.value && (l(t.current?.value), s(""));
   };
-  return /* @__PURE__ */ r("section", { className: "flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500", children: /* @__PURE__ */ a(p, { className: "flex flex-col items-center px-4", children: [
+  return /* @__PURE__ */ r("section", { className: "flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500", children: /* @__PURE__ */ a(i, { className: "flex flex-col items-center px-4", children: [
     /* @__PURE__ */ a("div", { className: "mb-6 flex flex-col items-center", children: [
       /* @__PURE__ */ r("h2", { className: "mb-4 text-center", children: "Assistance & Support Center" }),
       /* @__PURE__ */ r("p", { className: "max-w-[350px] dark:text-gray-200 text-center", children: "Search for answers, browse our FAQs, and access support resources all in one place." })
@@ -30,12 +29,12 @@ const k = () => {
         }
       ),
       /* @__PURE__ */ r(
-        m,
+        p,
         {
           size: "xs",
           shape: "circle",
           variant: "solid",
-          icon: /* @__PURE__ */ r(d, {}),
+          icon: /* @__PURE__ */ r(f, {}),
           onClick: o
         }
       )
@@ -43,6 +42,6 @@ const k = () => {
   ] }) });
 };
 export {
-  k as default
+  g as default
 };
 //# sourceMappingURL=TopSection.js.map

package/dist/@ecme/views/concepts/help-center/SupportHub/components/TopSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Container from '@/components/shared/Container'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst TopSection = () => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n    const setSelectedTopic = useHelpCenterStore(\n        (state) => state.setSelectedTopic,\n    )\n\n    const handleSetQueryText = () => {\n        const value = inputRef.current?.value\n\n        if (value) {\n            setQueryText(inputRef.current?.value as string)\n            setSelectedTopic('')\n        }\n    }\n\n    return (\n        <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\n            <Container className=\"flex flex-col items-center px-4\">\n                <div className=\"mb-6 flex flex-col items-center\">\n                    <h2 className=\"mb-4 text-center\">\n                        Assistance & Support Center\n                    </h2>\n                    <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\n                        Search for answers, browse our FAQs, and access support\n                        resources all in one place.\n                    </p>\n                </div>\n                <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\n                    <div className=\"flex items-center gap-2 w-full h-[56px]\">\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\n                            placeholder=\"Type to search an article\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    handleSetQueryText()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length <= 1\n                                ) {\n                                    setQueryText('')\n                                }\n                            }}\n                        />\n                        <Button\n                            size=\"xs\"\n                            shape=\"circle\"\n                            variant=\"solid\"\n                            icon={<TbSearch />}\n                            onClick={handleSetQueryText}\n                        />\n                    </div>\n                </div>\n            </Container>\n        </section>\n    )\n}\n\nexport default TopSection\n"],"names":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","_a","_b","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqB,MAAM;;AAG7B,MAFcC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,WAG5BL,GAAaM,IAAAR,EAAS,YAAT,gBAAAQ,EAAkB,KAAe,GAC9CH,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAI,EAACC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wHACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKX;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACY,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdN,EAAA,GAIAM,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfV,EAAa,EAAE;AAAA,UAEvB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Container from '@/components/shared/Container'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst TopSection = () => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n    const setSelectedTopic = useHelpCenterStore(\n        (state) => state.setSelectedTopic,\n    )\n\n    const handleSetQueryText = () => {\n        const value = inputRef.current?.value\n\n        if (value) {\n            setQueryText(inputRef.current?.value as string)\n            setSelectedTopic('')\n        }\n    }\n\n    return (\n        <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\n            <Container className=\"flex flex-col items-center px-4\">\n                <div className=\"mb-6 flex flex-col items-center\">\n                    <h2 className=\"mb-4 text-center\">\n                        Assistance & Support Center\n                    </h2>\n                    <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\n                        Search for answers, browse our FAQs, and access support\n                        resources all in one place.\n                    </p>\n                </div>\n                <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\n                    <div className=\"flex items-center gap-2 w-full h-[56px]\">\n                        <input\n                            ref={inputRef}\n                            className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\n                            placeholder=\"Type to search an article\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    handleSetQueryText()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length <= 1\n                                ) {\n                                    setQueryText('')\n                                }\n                            }}\n                        />\n                        <Button\n                            size=\"xs\"\n                            shape=\"circle\"\n                            variant=\"solid\"\n                            icon={<TbSearch />}\n                            onClick={handleSetQueryText}\n                        />\n                    </div>\n                </div>\n            </Container>\n        </section>\n    )\n}\n\nexport default TopSection\n"],"names":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqB,MAAM;AAG7B,IAFcN,EAAS,SAAS,UAG5BE,EAAaF,EAAS,SAAS,KAAe,GAC9CK,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAE,EAACC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wHACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKT;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACU,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdJ,EAAA,GAIAI,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfR,EAAa,EAAE;AAAA,UAEvB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASN;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}