@orbe-agro/client-core 5.5.3 → 5.5.9

package/dist/@ecme/views/concepts/orders/OrderList/components/OrderListActionTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useOrderlist from '../hooks/useOrderlist'\nimport { CSVLink } from 'react-csv'\n\nconst OrderListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { orderList } = useOrderlist()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink\n                className=\"w-full\"\n                filename=\"customerList.csv\"\n                data={orderList}\n            >\n                <Button\n                    icon={<TbCloudDownload className=\"text-xl\" />}\n                    className=\"w-full\"\n                >\n                    Download\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/orders/order-create')}\n            >\n                Add new\n            </Button>\n        </div>\n    )\n}\n\nexport default OrderListActionTools\n"],"names":["useOrderlist"],"mappings":";;;;;;;AAMA,MAAM,uBAAuB,MAAM;AAC/B,QAAM,WAAW,YAAY;AAEvB,QAAA,EAAE,UAAU,IAAIA,aAAa;AAG/B,SAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,oBAAC,iBAAgB,EAAA,WAAU,UAAU,CAAA;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,QAAO,EAAA,WAAU,UAAU,CAAA;AAAA,QAClC,SAAS,MAAM,SAAS,+BAA+B;AAAA,QAC1D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"OrderListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useOrderlist from '../hooks/useOrderlist'\nimport { CSVLink } from 'react-csv'\n\nconst OrderListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { orderList } = useOrderlist()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink\n                className=\"w-full\"\n                filename=\"customerList.csv\"\n                data={orderList}\n            >\n                <Button\n                    icon={<TbCloudDownload className=\"text-xl\" />}\n                    className=\"w-full\"\n                >\n                    Download\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/orders/order-create')}\n            >\n                Add new\n            </Button>\n        </div>\n    )\n}\n\nexport default OrderListActionTools\n"],"names":["useOrderlist"],"mappings":";;;;;;;AAMA,MAAM,uBAAuB,MAAM;AAC/B,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,UAAA,IAAcA,aAAA;AAEtB,SACI,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,QAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAClC,SAAS,MAAM,SAAS,+BAA+B;AAAA,QAC1D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderList/components/OrderListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useOrderlist from '../hooks/useOrderlist'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbTrash, TbEye } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef } from '@/components/shared/DataTable'\nimport type { Order } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst orderStatusColor: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Paid',\n        bgClass: 'bg-success-subtle',\n        textClass: 'text-success',\n    },\n    1: {\n        label: 'Pending',\n        bgClass: 'bg-warning-subtle',\n        textClass: 'text-warning',\n    },\n    2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n    const navigate = useNavigate()\n\n    const onView = () => {\n        navigate(`/concepts/orders/order-details/${row.id}`)\n    }\n\n    return (\n        <span\n            className=\"cursor-pointer font-bold heading-text hover:text-primary\"\n            onClick={onView}\n        >\n            #{row.id}\n        </span>\n    )\n}\n\nconst ActionColumn = ({ row }: { row: Order }) => {\n    const navigate = useNavigate()\n\n    const onDelete = () => {}\n\n    const onView = () => {\n        navigate(`/concepts/orders/order-details/${row.id}`)\n    }\n\n    return (\n        <div className=\"flex justify-end text-lg gap-1\">\n            <Tooltip wrapperClass=\"flex\" title=\"View\">\n                <span className={`cursor-pointer p-2`} onClick={onView}>\n                    <TbEye />\n                </span>\n            </Tooltip>\n            <Tooltip wrapperClass=\"flex\" title=\"Delete\">\n                <span\n                    className=\"cursor-pointer p-2 hover:text-red-500\"\n                    onClick={onDelete}\n                >\n                    <TbTrash />\n                </span>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst PaymentMethodImage = ({\n    paymentMehod,\n    className,\n}: {\n    paymentMehod: string\n    className: string\n}) => {\n    switch (paymentMehod) {\n        case 'visa':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-8.png\"\n                    alt={paymentMehod}\n                />\n            )\n        case 'master':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-9.png\"\n                    alt={paymentMehod}\n                />\n            )\n        case 'paypal':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-10.png\"\n                    alt={paymentMehod}\n                />\n            )\n        default:\n            return <></>\n    }\n}\n\nconst OrderListTable = () => {\n    const { orderList, orderListTotal, tableData, isLoading, setTableData } =\n        useOrderlist()\n\n    const columns: ColumnDef<Order>[] = useMemo(\n        () => [\n            {\n                header: 'Order',\n                accessorKey: 'id',\n                cell: (props) => <OrderColumn row={props.row.original} />,\n            },\n            {\n                header: 'Date',\n                accessorKey: 'date',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <span className=\"font-semibold\">\n                            {dayjs.unix(row.date).format('DD/MM/YYYY')}\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Customer',\n                accessorKey: 'customer',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <span className=\"font-semibold\">{row.customer}</span>\n                },\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const { status } = props.row.original\n                    return (\n                        <Tag className={orderStatusColor[status].bgClass}>\n                            <span\n                                className={`capitalize font-semibold ${orderStatusColor[status].textClass}`}\n                            >\n                                {orderStatusColor[status].label}\n                            </span>\n                        </Tag>\n                    )\n                },\n            },\n            {\n                header: 'Payment Method',\n                accessorKey: 'paymentMehod',\n                cell: (props) => {\n                    const { paymentMehod, paymentIdendifier } =\n                        props.row.original\n                    return (\n                        <span className=\"flex items-center gap-2\">\n                            <PaymentMethodImage\n                                className=\"max-h-[20px]\"\n                                paymentMehod={paymentMehod}\n                            />\n                            <span className=\"font-semibold\">\n                                {paymentIdendifier}\n                            </span>\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Total',\n                accessorKey: 'totalAmount',\n                cell: (props) => {\n                    const { totalAmount } = props.row.original\n                    return (\n                        <NumericFormat\n                            className=\"heading-text font-bold\"\n                            displayType=\"text\"\n                            value={(\n                                Math.round(totalAmount * 100) / 100\n                            ).toFixed(2)}\n                            prefix={'$'}\n                            thousandSeparator={true}\n                        />\n                    )\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => <ActionColumn row={props.row.original} />,\n            },\n        ],\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    return (\n        <DataTable\n            columns={columns}\n            data={orderList}\n            noData={!isLoading && orderList.length === 0}\n            skeletonAvatarColumns={[0]}\n            skeletonAvatarProps={{ width: 28, height: 28 }}\n            loading={isLoading}\n            pagingData={{\n                total: orderListTotal,\n                pageIndex: tableData.pageIndex as number,\n                pageSize: tableData.pageSize as number,\n            }}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n        />\n    )\n}\n\nexport default OrderListTable\n"],"names":["useOrderlist"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,mBAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,GAAG,EAAE,OAAO,UAAU,SAAS,mBAAmB,WAAW,aAAa;AAC9E;AAEA,MAAM,cAAc,CAAC,EAAE,UAA0B;AAC7C,QAAM,WAAW,YAAY;AAE7B,QAAM,SAAS,MAAM;AACR,aAAA,kCAAkC,IAAI,EAAE,EAAE;AAAA,EACvD;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACZ,UAAA;AAAA,QAAA;AAAA,QACK,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AAER;AAEA,MAAM,eAAe,CAAC,EAAE,UAA0B;AAC9C,QAAM,WAAW,YAAY;AAE7B,QAAM,WAAW,MAAM;AAAA,EAAC;AAExB,QAAM,SAAS,MAAM;AACR,aAAA,kCAAkC,IAAI,EAAE,EAAE;AAAA,EACvD;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,kCACX,UAAA;AAAA,IAAA,oBAAC,SAAQ,EAAA,cAAa,QAAO,OAAM,QAC/B,UAAC,oBAAA,QAAA,EAAK,WAAW,sBAAsB,SAAS,QAC5C,UAAC,oBAAA,OAAA,CAAA,CAAM,EACX,CAAA,GACJ;AAAA,IACC,oBAAA,SAAA,EAAQ,cAAa,QAAO,OAAM,UAC/B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS;AAAA,QAET,8BAAC,SAAQ,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA,EAEjB,CAAA;AAAA,EAAA,GACJ;AAER;AAEA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA;AACJ,MAGM;AACF,UAAQ,cAAc;AAAA,IAClB,KAAK;AAEG,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MACT;AAAA,IAER,KAAK;AAEG,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MACT;AAAA,IAER,KAAK;AAEG,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MACT;AAAA,IAER;AACI,aAAS,oBAAA,UAAA,EAAA;AAAA,EAAA;AAErB;AAEA,MAAM,iBAAiB,MAAM;AACzB,QAAM,EAAE,WAAW,gBAAgB,WAAW,WAAW,iBACrDA,aAAa;AAEjB,QAAM,UAA8B;AAAA,IAChC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU,oBAAC,eAAY,KAAK,MAAM,IAAI,SAAU,CAAA;AAAA,MAC3D;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACP,gBAAA,MAAM,MAAM,IAAI;AAElB,iBAAA,oBAAC,QAAK,EAAA,WAAU,iBACX,UAAA,MAAM,KAAK,IAAI,IAAI,EAAE,OAAO,YAAY,EAC7C,CAAA;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACP,gBAAA,MAAM,MAAM,IAAI;AACtB,iBAAQ,oBAAA,QAAA,EAAK,WAAU,iBAAiB,cAAI,UAAS;AAAA,QAAA;AAAA,MAE7D;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,EAAE,OAAA,IAAW,MAAM,IAAI;AAC7B,qCACK,KAAI,EAAA,WAAW,iBAAiB,MAAM,EAAE,SACrC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,4BAA4B,iBAAiB,MAAM,EAAE,SAAS;AAAA,cAExE,UAAA,iBAAiB,MAAM,EAAE;AAAA,YAAA;AAAA,UAAA,GAElC;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,EAAE,cAAc,kBAAkB,IACpC,MAAM,IAAI;AAEV,iBAAA,qBAAC,QAAK,EAAA,WAAU,2BACZ,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV;AAAA,cAAA;AAAA,YACJ;AAAA,YACC,oBAAA,QAAA,EAAK,WAAU,iBACX,UACL,kBAAA,CAAA;AAAA,UAAA,GACJ;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,EAAE,YAAA,IAAgB,MAAM,IAAI;AAE9B,iBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,QACI,KAAK,MAAM,cAAc,GAAG,IAAI,KAClC,QAAQ,CAAC;AAAA,cACX,QAAQ;AAAA,cACR,mBAAmB;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAAC,UAAU,oBAAC,gBAAa,KAAK,MAAM,IAAI,SAAU,CAAA;AAAA,MAAA;AAAA,IAEhE;AAAA,IACA,CAAA;AAAA,EACJ;AAEM,QAAA,qBAAqB,CAAC,SAAuB;AAC/C,iBAAa,IAAI;AAAA,EACrB;AAEM,QAAA,yBAAyB,CAAC,SAAiB;AACvC,UAAA,eAAe,UAAU,SAAS;AACxC,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEM,QAAA,qBAAqB,CAAC,UAAkB;AACpC,UAAA,eAAe,UAAU,SAAS;AAC3B,iBAAA,WAAW,OAAO,KAAK;AACpC,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEM,QAAA,aAAa,CAAC,SAAsB;AAChC,UAAA,eAAe,UAAU,SAAS;AACxC,iBAAa,OAAO;AACpB,uBAAmB,YAAY;AAAA,EACnC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,CAAC,aAAa,UAAU,WAAW;AAAA,MAC3C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,MAC7C,SAAS;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,QACP,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,MACxB;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"OrderListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useOrderlist from '../hooks/useOrderlist'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbTrash, TbEye } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef } from '@/components/shared/DataTable'\nimport type { Order } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst orderStatusColor: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Paid',\n        bgClass: 'bg-success-subtle',\n        textClass: 'text-success',\n    },\n    1: {\n        label: 'Pending',\n        bgClass: 'bg-warning-subtle',\n        textClass: 'text-warning',\n    },\n    2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n    const navigate = useNavigate()\n\n    const onView = () => {\n        navigate(`/concepts/orders/order-details/${row.id}`)\n    }\n\n    return (\n        <span\n            className=\"cursor-pointer font-bold heading-text hover:text-primary\"\n            onClick={onView}\n        >\n            #{row.id}\n        </span>\n    )\n}\n\nconst ActionColumn = ({ row }: { row: Order }) => {\n    const navigate = useNavigate()\n\n    const onDelete = () => {}\n\n    const onView = () => {\n        navigate(`/concepts/orders/order-details/${row.id}`)\n    }\n\n    return (\n        <div className=\"flex justify-end text-lg gap-1\">\n            <Tooltip wrapperClass=\"flex\" title=\"View\">\n                <span className={`cursor-pointer p-2`} onClick={onView}>\n                    <TbEye />\n                </span>\n            </Tooltip>\n            <Tooltip wrapperClass=\"flex\" title=\"Delete\">\n                <span\n                    className=\"cursor-pointer p-2 hover:text-red-500\"\n                    onClick={onDelete}\n                >\n                    <TbTrash />\n                </span>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst PaymentMethodImage = ({\n    paymentMehod,\n    className,\n}: {\n    paymentMehod: string\n    className: string\n}) => {\n    switch (paymentMehod) {\n        case 'visa':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-8.png\"\n                    alt={paymentMehod}\n                />\n            )\n        case 'master':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-9.png\"\n                    alt={paymentMehod}\n                />\n            )\n        case 'paypal':\n            return (\n                <img\n                    className={className}\n                    src=\"/img/others/img-10.png\"\n                    alt={paymentMehod}\n                />\n            )\n        default:\n            return <></>\n    }\n}\n\nconst OrderListTable = () => {\n    const { orderList, orderListTotal, tableData, isLoading, setTableData } =\n        useOrderlist()\n\n    const columns: ColumnDef<Order>[] = useMemo(\n        () => [\n            {\n                header: 'Order',\n                accessorKey: 'id',\n                cell: (props) => <OrderColumn row={props.row.original} />,\n            },\n            {\n                header: 'Date',\n                accessorKey: 'date',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <span className=\"font-semibold\">\n                            {dayjs.unix(row.date).format('DD/MM/YYYY')}\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Customer',\n                accessorKey: 'customer',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <span className=\"font-semibold\">{row.customer}</span>\n                },\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const { status } = props.row.original\n                    return (\n                        <Tag className={orderStatusColor[status].bgClass}>\n                            <span\n                                className={`capitalize font-semibold ${orderStatusColor[status].textClass}`}\n                            >\n                                {orderStatusColor[status].label}\n                            </span>\n                        </Tag>\n                    )\n                },\n            },\n            {\n                header: 'Payment Method',\n                accessorKey: 'paymentMehod',\n                cell: (props) => {\n                    const { paymentMehod, paymentIdendifier } =\n                        props.row.original\n                    return (\n                        <span className=\"flex items-center gap-2\">\n                            <PaymentMethodImage\n                                className=\"max-h-[20px]\"\n                                paymentMehod={paymentMehod}\n                            />\n                            <span className=\"font-semibold\">\n                                {paymentIdendifier}\n                            </span>\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Total',\n                accessorKey: 'totalAmount',\n                cell: (props) => {\n                    const { totalAmount } = props.row.original\n                    return (\n                        <NumericFormat\n                            className=\"heading-text font-bold\"\n                            displayType=\"text\"\n                            value={(\n                                Math.round(totalAmount * 100) / 100\n                            ).toFixed(2)}\n                            prefix={'$'}\n                            thousandSeparator={true}\n                        />\n                    )\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => <ActionColumn row={props.row.original} />,\n            },\n        ],\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    return (\n        <DataTable\n            columns={columns}\n            data={orderList}\n            noData={!isLoading && orderList.length === 0}\n            skeletonAvatarColumns={[0]}\n            skeletonAvatarProps={{ width: 28, height: 28 }}\n            loading={isLoading}\n            pagingData={{\n                total: orderListTotal,\n                pageIndex: tableData.pageIndex as number,\n                pageSize: tableData.pageSize as number,\n            }}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n        />\n    )\n}\n\nexport default OrderListTable\n"],"names":["useOrderlist"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useOrderlist from '../hooks/useOrderlist'\nimport { TbFilter } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    date: [Date, Date]\n    status: string\n    paymentMethod: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst statusOption: Option[] = [\n    { value: 'paid', label: 'Paid', className: 'bg-emerald-500' },\n    { value: 'failed', label: 'Failed', className: 'bg-red-500' },\n    { value: 'pending', label: 'Pending', className: 'bg-amber-500' },\n    { value: 'all', label: 'All', className: 'bg-gray-400' },\n]\n\nconst paymentMethodList = [\n    'Credit card',\n    'Debit card',\n    'Paypal',\n    'Stripe',\n    'Cash',\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    date: z.tuple([z.date(), z.date()]),\n    status: z.string(),\n    paymentMethod: z.array(z.string()),\n})\n\nconst OrderListTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useOrderlist()\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"date\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <DatePicker.DatePickerRange\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"status\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={statusOption}\n                                        {...field}\n                                        value={statusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"paymentMethod\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {paymentMethodList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default OrderListTableFilter\n"],"names":["DefaultOption","useOrderlist"],"mappings":"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"}
+{"version":3,"file":"OrderListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useOrderlist from '../hooks/useOrderlist'\nimport { TbFilter } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    date: [Date, Date]\n    status: string\n    paymentMethod: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst statusOption: Option[] = [\n    { value: 'paid', label: 'Paid', className: 'bg-emerald-500' },\n    { value: 'failed', label: 'Failed', className: 'bg-red-500' },\n    { value: 'pending', label: 'Pending', className: 'bg-amber-500' },\n    { value: 'all', label: 'All', className: 'bg-gray-400' },\n]\n\nconst paymentMethodList = [\n    'Credit card',\n    'Debit card',\n    'Paypal',\n    'Stripe',\n    'Cash',\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    date: z.tuple([z.date(), z.date()]),\n    status: z.string(),\n    paymentMethod: z.array(z.string()),\n})\n\nconst OrderListTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useOrderlist()\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"date\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <DatePicker.DatePickerRange\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"status\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={statusOption}\n                                        {...field}\n                                        value={statusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"paymentMethod\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {paymentMethodList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default OrderListTableFilter\n"],"names":["DefaultOption","useOrderlist"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport OrderListTableFilter from './OrderListTableFilter'\nimport { TbSearch } from 'react-icons/tb'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\n\nconst OrderListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const val = event.target.value\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <DebounceInput\n                placeholder=\"Search\"\n                suffix={<TbSearch className=\"text-lg\" />}\n                onChange={handleInputChange}\n            />\n            <OrderListTableFilter />\n        </div>\n    )\n}\n\nexport default OrderListTableTools\n"],"names":["useCustomerList"],"mappings":";;;;;;AAOA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,EAAE,WAAW,aAAa,IAAIA,aAAgB;AAE9C,QAAA,oBAAoB,CAAC,UAAyC;AAC1D,UAAA,MAAM,MAAM,OAAO;AACnB,UAAA,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAAA;AAG7B,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAAA;AAAA,EAEjC;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AAAA,QACtC,UAAU;AAAA,MAAA;AAAA,IACd;AAAA,wBACC,sBAAqB,CAAA,CAAA;AAAA,EAAA,GAC1B;AAER;"}
+{"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport OrderListTableFilter from './OrderListTableFilter'\nimport { TbSearch } from 'react-icons/tb'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\n\nconst OrderListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const val = event.target.value\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <DebounceInput\n                placeholder=\"Search\"\n                suffix={<TbSearch className=\"text-lg\" />}\n                onChange={handleInputChange}\n            />\n            <OrderListTableFilter />\n        </div>\n    )\n}\n\nexport default OrderListTableTools\n"],"names":["useCustomerList"],"mappings":";;;;;;AAOA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,EAAE,WAAW,aAAA,IAAiBA,aAAA;AAEpC,QAAM,oBAAoB,CAAC,UAAyC;AAChE,UAAM,MAAM,MAAM,OAAO;AACzB,UAAM,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAC7B;AAEA,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAC7B;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QACtC,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEb,sBAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOrderlist.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useOrderListStore } from '../store/orderListStore'\nimport type { GetOrdersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useOrderList() {\n    const { tableData, filterData, setTableData, setFilterData } =\n        useOrderListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/orders', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetOrderList<GetOrdersResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const orderList = data?.list || []\n\n    const orderListTotal = data?.total || 0\n\n    return {\n        orderList,\n        orderListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        setFilterData,\n    }\n}\n"],"names":[],"mappings":";;;AAMA,SAAwB,eAAe;AAC7B,QAAA,EAAE,WAAW,YAAY,cAAc,kBACzC,kBAAkB,CAAC,UAAU,KAAK;AAEtC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAW,IAAA;AAAA,IACvC,CAAC,eAAe,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAE/C,CAAC,CAAC,GAAG,MAAM,MACP,gBAAiD,MAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B;AAEM,QAAA,YAAY,MAAM,QAAQ,CAAC;AAE3B,QAAA,iBAAiB,MAAM,SAAS;AAE/B,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useOrderlist.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useOrderListStore } from '../store/orderListStore'\nimport type { GetOrdersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useOrderList() {\n    const { tableData, filterData, setTableData, setFilterData } =\n        useOrderListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/orders', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetOrderList<GetOrdersResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const orderList = data?.list || []\n\n    const orderListTotal = data?.total || 0\n\n    return {\n        orderList,\n        orderListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        setFilterData,\n    }\n}\n"],"names":[],"mappings":";;;AAMA,SAAwB,eAAe;AACnC,QAAM,EAAE,WAAW,YAAY,cAAc,kBACzC,kBAAkB,CAAC,UAAU,KAAK;AAEtC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW;AAAA,IACvC,CAAC,eAAe,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAE/C,CAAC,CAAC,GAAG,MAAM,MACP,gBAAiD,MAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,QAAM,YAAY,MAAM,QAAQ,CAAA;AAEhC,QAAM,iBAAiB,MAAM,SAAS;AAEtC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderList/store/orderListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"orderListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/store/orderListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Orders, Filter } from '../types'\nimport dayjs from 'dayjs'\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData = {\n    date: [dayjs().subtract(1, 'week').toDate(), new Date()] as [Date, Date],\n    status: 'all',\n    paymentMethod: ['Credit card', 'Debit card', 'Paypal', 'Stripe', 'Cash'],\n}\n\nexport type OrderListState = {\n    tableData: TableQueries\n    filterData: Filter\n    orderList: Orders\n}\n\ntype OrderListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n}\n\nconst initialState: OrderListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    orderList: [],\n}\n\nexport const useOrderListStore = create<OrderListState & OrderListAction>(\n    (set) => ({\n        ...initialState,\n        setFilterData: (payload) => set(() => ({ filterData: payload })),\n        setTableData: (payload) => set(() => ({ tableData: payload })),\n    }),\n)\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,OAAO,GAAO,oBAAA,MAAM;AAAA,EACvD,QAAQ;AAAA,EACR,eAAe,CAAC,eAAe,cAAc,UAAU,UAAU,MAAM;AAC3E;AAaA,MAAM,eAA+B;AAAA,EACjC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,CAAA;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC7B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EACjE;AACJ;"}
+{"version":3,"file":"orderListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/store/orderListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Orders, Filter } from '../types'\nimport dayjs from 'dayjs'\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData = {\n    date: [dayjs().subtract(1, 'week').toDate(), new Date()] as [Date, Date],\n    status: 'all',\n    paymentMethod: ['Credit card', 'Debit card', 'Paypal', 'Stripe', 'Cash'],\n}\n\nexport type OrderListState = {\n    tableData: TableQueries\n    filterData: Filter\n    orderList: Orders\n}\n\ntype OrderListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n}\n\nconst initialState: OrderListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    orderList: [],\n}\n\nexport const useOrderListStore = create<OrderListState & OrderListAction>(\n    (set) => ({\n        ...initialState,\n        setFilterData: (payload) => set(() => ({ filterData: payload })),\n        setTableData: (payload) => set(() => ({ tableData: payload })),\n    }),\n)\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,MAAM,CAAC,MAAA,EAAQ,SAAS,GAAG,MAAM,EAAE,OAAA,GAAU,oBAAI,MAAM;AAAA,EACvD,QAAQ;AAAA,EACR,eAAe,CAAC,eAAe,cAAc,UAAU,UAAU,MAAM;AAC3E;AAaA,MAAM,eAA+B;AAAA,EACjC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,CAAA;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC7B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAAA;AAErE;"}

package/dist/@ecme/views/concepts/products/ProductCreate/ProductCreate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ProductForm from '../ProductForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { ProductFormSchema } from '../ProductForm/types'\n\nconst ProductCreate = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Product created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <ProductForm\n                newProduct\n                defaultValues={{\n                    name: '',\n                    description: '',\n                    productCode: '',\n                    taxRate: 0,\n                    price: '',\n                    bulkDiscountPrice: '',\n                    costPerItem: '',\n                    imgList: [],\n                    category: '',\n                    tags: [],\n                    brand: '',\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </ProductForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductCreate\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,MAAM;AACxB,QAAM,WAAW,YAAY;AAE7B,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAE9C,QAAA,mBAAmB,OAAO,WAA8B;AAClD,YAAA,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACd,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,UAAgB,oBAAA;AAAA,MAC7C,EAAE,WAAW,aAAa;AAAA,IAC9B;AACA,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AACzB,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,UAAiB,qBAAA;AAAA,MAC9C,EAAE,WAAW,aAAa;AAAA,IAC9B;AACA,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAC;AAAA,UACV,UAAU;AAAA,UACV,MAAM,CAAC;AAAA,UACP,OAAO;AAAA,QACX;AAAA,QACA,cAAc;AAAA,QAEd,UAAC,oBAAA,WAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA;AAAA,UACN,qBAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,0BAAO,SAAQ,EAAA;AAAA,gBACf,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ProductCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ProductForm from '../ProductForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { ProductFormSchema } from '../ProductForm/types'\n\nconst ProductCreate = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Product created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <ProductForm\n                newProduct\n                defaultValues={{\n                    name: '',\n                    description: '',\n                    productCode: '',\n                    taxRate: 0,\n                    price: '',\n                    bulkDiscountPrice: '',\n                    costPerItem: '',\n                    imgList: [],\n                    category: '',\n                    tags: [],\n                    brand: '',\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </ProductForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductCreate\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,MAAM;AACxB,QAAM,WAAW,YAAA;AAEjB,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,OAAO,WAA8B;AAC1D,YAAQ,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAA;AAAA,UACT,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAEX,cAAc;AAAA,QAEd,UAAA,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK;AAAA,UACN,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,0BAAO,SAAA,EAAQ;AAAA,gBACf,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/products/ProductEdit/ProducEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProducEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport ProductForm from '../ProductForm'\nimport NoProductFound from '@/assets/svg/NoProductFound'\nimport { apiGetProduct } from '@/services/ProductService'\nimport sleep from '@/utils/sleep'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\n\nconst ProducEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR(\n        [`/api/product/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetProduct<Product, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n        },\n    )\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const getDefaultValues = () => {\n        if (data) {\n            const {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                brand,\n            } = data\n\n            return {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                tags: [{ label: 'trend', value: 'trend' }],\n                brand,\n            }\n        }\n\n        return {}\n    }\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleBack = () => {\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDelete = () => {\n        setDeleteConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product deleted!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    return (\n        <>\n            {!isLoading && !data && (\n                <div className=\"h-full flex flex-col items-center justify-center\">\n                    <NoProductFound height={280} width={280} />\n                    <h3 className=\"mt-8\">No product found!</h3>\n                </div>\n            )}\n            {!isLoading && data && (\n                <>\n                    <ProductForm\n                        defaultValues={getDefaultValues() as ProductFormSchema}\n                        newProduct={false}\n                        onFormSubmit={handleFormSubmit}\n                    >\n                        <Container>\n                            <div className=\"flex items-center justify-between px-8\">\n                                <Button\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    variant=\"plain\"\n                                    icon={<TbArrowNarrowLeft />}\n                                    onClick={handleBack}\n                                >\n                                    Back\n                                </Button>\n                                <div className=\"flex items-center\">\n                                    <Button\n                                        className=\"ltr:mr-3 rtl:ml-3\"\n                                        type=\"button\"\n                                        customColorClass={() =>\n                                            'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                        }\n                                        icon={<TbTrash />}\n                                        onClick={handleDelete}\n                                    >\n                                        Delete\n                                    </Button>\n                                    <Button\n                                        variant=\"solid\"\n                                        type=\"submit\"\n                                        loading={isSubmiting}\n                                    >\n                                        Save\n                                    </Button>\n                                </div>\n                            </div>\n                        </Container>\n                    </ProductForm>\n                    <ConfirmDialog\n                        isOpen={deleteConfirmationOpen}\n                        type=\"danger\"\n                        title=\"Remove product\"\n                        onClose={handleCancel}\n                        onRequestClose={handleCancel}\n                        onCancel={handleCancel}\n                        onConfirm={handleConfirmDelete}\n                    >\n                        <p>\n                            Are you sure you want to remove this product? This\n                            action can&apos;t be undo.{' '}\n                        </p>\n                    </ConfirmDialog>\n                </>\n            )}\n        </>\n    )\n}\n\nexport default ProducEdit\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAM,aAAa,MAAM;AACf,QAAA,EAAE,GAAG,IAAI,UAAU;AAEzB,QAAM,WAAW,YAAY;AAEvB,QAAA,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAE3C,CAAC,CAAC,GAAG,MAAM,MAAM,cAAuC,MAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,MAAM;AAC3B,QAAI,MAAM;AACA,YAAA;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,IACA;AAEG,aAAA;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,CAAC,EAAE,OAAO,SAAS,OAAO,SAAS;AAAA,QACzC;AAAA,MACJ;AAAA,IAAA;AAGJ,WAAO,CAAC;AAAA,EACZ;AAEM,QAAA,mBAAmB,OAAO,WAA8B;AAClD,YAAA,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM,KAAM,oBAAA,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,aAAa,MAAM;AACrB,aAAS,iCAAiC;AAAA,EAC9C;AAEA,QAAM,sBAAsB,MAAM;AAC9B,8BAA0B,IAAI;AACxB,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,UAAgB,oBAAA;AAAA,MAC7C,EAAE,WAAW,aAAa;AAAA,IAC9B;AACA,aAAS,iCAAiC;AAAA,EAC9C;AAEA,SAES,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,CAAC,aAAa,CAAC,QACX,qBAAA,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,oBAAC,gBAAe,EAAA,QAAQ,KAAK,OAAO,KAAK;AAAA,MACxC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,oBAAA,CAAA;AAAA,IAAA,GAC1C;AAAA,IAEH,CAAC,aAAa,QAEP,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe,iBAAiB;AAAA,UAChC,YAAY;AAAA,UACZ,cAAc;AAAA,UAEd,UAAC,oBAAA,WAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,0BAAO,mBAAkB,EAAA;AAAA,gBACzB,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,YACA,qBAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,kBAAkB,MACd;AAAA,kBAEJ,0BAAO,SAAQ,EAAA;AAAA,kBACf,SAAS;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EACJ,CAAA;AAAA,UAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAW;AAAA,UAEX,+BAAC,KAAE,EAAA,UAAA;AAAA,YAAA;AAAA,YAE4B;AAAA,UAAA,EAC/B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EACJ,CAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"ProducEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport ProductForm from '../ProductForm'\nimport NoProductFound from '@/assets/svg/NoProductFound'\nimport { apiGetProduct } from '@/services/ProductService'\nimport sleep from '@/utils/sleep'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\n\nconst ProducEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR(\n        [`/api/product/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetProduct<Product, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n        },\n    )\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const getDefaultValues = () => {\n        if (data) {\n            const {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                brand,\n            } = data\n\n            return {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                tags: [{ label: 'trend', value: 'trend' }],\n                brand,\n            }\n        }\n\n        return {}\n    }\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleBack = () => {\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDelete = () => {\n        setDeleteConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product deleted!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    return (\n        <>\n            {!isLoading && !data && (\n                <div className=\"h-full flex flex-col items-center justify-center\">\n                    <NoProductFound height={280} width={280} />\n                    <h3 className=\"mt-8\">No product found!</h3>\n                </div>\n            )}\n            {!isLoading && data && (\n                <>\n                    <ProductForm\n                        defaultValues={getDefaultValues() as ProductFormSchema}\n                        newProduct={false}\n                        onFormSubmit={handleFormSubmit}\n                    >\n                        <Container>\n                            <div className=\"flex items-center justify-between px-8\">\n                                <Button\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    variant=\"plain\"\n                                    icon={<TbArrowNarrowLeft />}\n                                    onClick={handleBack}\n                                >\n                                    Back\n                                </Button>\n                                <div className=\"flex items-center\">\n                                    <Button\n                                        className=\"ltr:mr-3 rtl:ml-3\"\n                                        type=\"button\"\n                                        customColorClass={() =>\n                                            'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                        }\n                                        icon={<TbTrash />}\n                                        onClick={handleDelete}\n                                    >\n                                        Delete\n                                    </Button>\n                                    <Button\n                                        variant=\"solid\"\n                                        type=\"submit\"\n                                        loading={isSubmiting}\n                                    >\n                                        Save\n                                    </Button>\n                                </div>\n                            </div>\n                        </Container>\n                    </ProductForm>\n                    <ConfirmDialog\n                        isOpen={deleteConfirmationOpen}\n                        type=\"danger\"\n                        title=\"Remove product\"\n                        onClose={handleCancel}\n                        onRequestClose={handleCancel}\n                        onCancel={handleCancel}\n                        onConfirm={handleConfirmDelete}\n                    >\n                        <p>\n                            Are you sure you want to remove this product? This\n                            action can&apos;t be undo.{' '}\n                        </p>\n                    </ConfirmDialog>\n                </>\n            )}\n        </>\n    )\n}\n\nexport default ProducEdit\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/products/ProductForm/ProductForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductForm.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductForm/ProductForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport GeneralSection from './components/GeneralSection'\nimport PricingSection from './components/PricingSection'\nimport ImageSection from './components/ImageSection'\nimport AttributeSection from './components/AttributeSection'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport isEmpty from 'lodash/isEmpty'\nimport type { ProductFormSchema } from './types'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\n\ntype ProductFormProps = {\n    onFormSubmit: (values: ProductFormSchema) => void\n    defaultValues?: ProductFormSchema\n    newProduct?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\n    name: z.string().min(1, { message: 'Product name required!' }),\n    productCode: z.string().min(1, { message: 'Produc code required!' }),\n    description: z.string().min(1, { message: 'Produc description required!' }),\n    price: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Price required!' }),\n    }),\n    taxRate: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Tax rate required!' }),\n    }),\n    costPerItem: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Cost required!' }),\n    }),\n    bulkDiscountPrice: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Bulk discount price required!' }),\n    }),\n    imgList: z\n        .array(\n            z.object({\n                id: z.string(),\n                name: z.string(),\n                img: z.string(),\n            }),\n        )\n        .min(1, { message: 'At least 1 image required!' }),\n    category: z.string().min(1, { message: 'Product category required!' }),\n})\n\nconst ProductForm = (props: ProductFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {\n            imgList: [],\n        },\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<ProductFormSchema>({\n        defaultValues: {\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: ProductFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col xl:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <GeneralSection control={control} errors={errors} />\n                        <PricingSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\n                        <ImageSection control={control} errors={errors} />\n                        <AttributeSection control={control} errors={errors} />\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default ProductForm\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,mBAA+C,EAAE,OAAO;AAAA,EAC1D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC7D,aAAa,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,yBAAyB;AAAA,EACnE,aAAa,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,EAC1E,OAAO,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG;AAAA,IACrC,UAAU,OAAO,EAAE,SAAS,kBAAkB;AAAA,EAAA,CACjD;AAAA,EACD,SAAS,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG;AAAA,IACvC,UAAU,OAAO,EAAE,SAAS,qBAAqB;AAAA,EAAA,CACpD;AAAA,EACD,aAAa,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG;AAAA,IAC3C,UAAU,OAAO,EAAE,SAAS,iBAAiB;AAAA,EAAA,CAChD;AAAA,EACD,mBAAmB,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG;AAAA,IACjD,UAAU,OAAO,EAAE,SAAS,gCAAgC;AAAA,EAAA,CAC/D;AAAA,EACD,SAAS,EACJ;AAAA,IACG,EAAE,OAAO;AAAA,MACL,IAAI,EAAE,OAAO;AAAA,MACb,MAAM,EAAE,OAAO;AAAA,MACf,KAAK,EAAE,OAAO;AAAA,IACjB,CAAA;AAAA,IAEJ,IAAI,GAAG,EAAE,SAAS,8BAA8B;AAAA,EACrD,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,SAAS,6BAA8B,CAAA;AACzE,CAAC;AAEK,MAAA,cAAc,CAAC,UAA4B;AACvC,QAAA;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACZ,SAAS,CAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA;AAEE,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAA2B;AAAA,IAC3B,eAAe;AAAA,MACX,GAAG;AAAA,IACP;AAAA,IACA,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACR,QAAA,CAAC,QAAQ,aAAa,GAAG;AACzB,YAAM,aAAa;AAAA,IAAA;AAAA,KAGxB,CAAC,KAAK,UAAU,aAAa,CAAC,CAAC;AAE5B,QAAA,WAAW,CAAC,WAA8B;AAC5C,mBAAe,MAAM;AAAA,EACzB;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAU,aAAa,QAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,oBAAC,WACG,EAAA,UAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAC,oBAAA,gBAAA,EAAe,SAAkB,OAAgB,CAAA;AAAA,YAClD,oBAAC,gBAAe,EAAA,SAAkB,OAAgB,CAAA;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,OAAI,EAAA,WAAU,sDACX,UAAA;AAAA,YAAC,oBAAA,cAAA,EAAa,SAAkB,OAAgB,CAAA;AAAA,YAChD,oBAAC,kBAAiB,EAAA,SAAkB,OAAgB,CAAA;AAAA,UAAA,EACxD,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QACA,oBAAC,mBAAiB,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B;AAER;"}
+{"version":3,"file":"ProductForm.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductForm/ProductForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport GeneralSection from './components/GeneralSection'\nimport PricingSection from './components/PricingSection'\nimport ImageSection from './components/ImageSection'\nimport AttributeSection from './components/AttributeSection'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport isEmpty from 'lodash/isEmpty'\nimport type { ProductFormSchema } from './types'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\n\ntype ProductFormProps = {\n    onFormSubmit: (values: ProductFormSchema) => void\n    defaultValues?: ProductFormSchema\n    newProduct?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\n    name: z.string().min(1, { message: 'Product name required!' }),\n    productCode: z.string().min(1, { message: 'Produc code required!' }),\n    description: z.string().min(1, { message: 'Produc description required!' }),\n    price: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Price required!' }),\n    }),\n    taxRate: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Tax rate required!' }),\n    }),\n    costPerItem: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Cost required!' }),\n    }),\n    bulkDiscountPrice: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Bulk discount price required!' }),\n    }),\n    imgList: z\n        .array(\n            z.object({\n                id: z.string(),\n                name: z.string(),\n                img: z.string(),\n            }),\n        )\n        .min(1, { message: 'At least 1 image required!' }),\n    category: z.string().min(1, { message: 'Product category required!' }),\n})\n\nconst ProductForm = (props: ProductFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {\n            imgList: [],\n        },\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<ProductFormSchema>({\n        defaultValues: {\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: ProductFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col xl:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <GeneralSection control={control} errors={errors} />\n                        <PricingSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\n                        <ImageSection control={control} errors={errors} />\n                        <AttributeSection control={control} errors={errors} />\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default ProductForm\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,mBAA+C,EAAE,OAAO;AAAA,EAC1D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC7D,aAAa,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,yBAAyB;AAAA,EACnE,aAAa,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,EAC1E,OAAO,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAA,CAAQ,GAAG;AAAA,IACrC,UAAU,OAAO,EAAE,SAAS,kBAAA;AAAA,EAAkB,CACjD;AAAA,EACD,SAAS,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAA,CAAQ,GAAG;AAAA,IACvC,UAAU,OAAO,EAAE,SAAS,qBAAA;AAAA,EAAqB,CACpD;AAAA,EACD,aAAa,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAA,CAAQ,GAAG;AAAA,IAC3C,UAAU,OAAO,EAAE,SAAS,iBAAA;AAAA,EAAiB,CAChD;AAAA,EACD,mBAAmB,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,OAAA,CAAQ,GAAG;AAAA,IACjD,UAAU,OAAO,EAAE,SAAS,gCAAA;AAAA,EAAgC,CAC/D;AAAA,EACD,SAAS,EACJ;AAAA,IACG,EAAE,OAAO;AAAA,MACL,IAAI,EAAE,OAAA;AAAA,MACN,MAAM,EAAE,OAAA;AAAA,MACR,KAAK,EAAE,OAAA;AAAA,IAAO,CACjB;AAAA,EAAA,EAEJ,IAAI,GAAG,EAAE,SAAS,8BAA8B;AAAA,EACrD,UAAU,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,6BAAA,CAA8B;AACzE,CAAC;AAED,MAAM,cAAc,CAAC,UAA4B;AAC7C,QAAM;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACZ,SAAS,CAAA;AAAA,IAAC;AAAA,IAEd;AAAA,EAAA,IACA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAA2B;AAAA,IAC3B,eAAe;AAAA,MACX,GAAG;AAAA,IAAA;AAAA,IAEP,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;AACZ,QAAI,CAAC,QAAQ,aAAa,GAAG;AACzB,YAAM,aAAa;AAAA,IACvB;AAAA,EAEJ,GAAG,CAAC,KAAK,UAAU,aAAa,CAAC,CAAC;AAElC,QAAM,WAAW,CAAC,WAA8B;AAC5C,mBAAe,MAAM;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAU,aAAa,QAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,YAClD,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,YAAA,oBAAC,cAAA,EAAa,SAAkB,OAAA,CAAgB;AAAA,YAChD,oBAAC,kBAAA,EAAiB,SAAkB,OAAA,CAAgB;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,mBAAiB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

package/dist/@ecme/views/concepts/products/ProductForm/components/AttributeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttributeSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/AttributeSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { FormItem } from '@/components/ui/Form'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from '../types'\n\ntype AttributeSectionProps = FormSectionBaseProps\n\ntype Options = {\n    label: string\n    value: string\n}[]\n\nconst categories: Options = [\n    { label: 'Bags', value: 'bags' },\n    { label: 'Cloths', value: 'cloths' },\n    { label: 'Devices', value: 'devices' },\n    { label: 'Shoes', value: 'shoes' },\n    { label: 'Watches', value: 'watches' },\n]\n\nconst tags: Options = [\n    { label: 'trend', value: 'trend' },\n    { label: 'unisex', value: 'unisex' },\n]\n\nconst AttributeSection = ({ control, errors }: AttributeSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Attribute</h4>\n            <FormItem\n                label=\"Category\"\n                invalid={Boolean(errors.category)}\n                errorMessage={errors.category?.message}\n            >\n                <Controller\n                    name=\"category\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={categories}\n                            value={categories.filter(\n                                (category) => category.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Tags\"\n                extra={\n                    <Tooltip\n                        title=\"You add as many tags as you want to a product\"\n                        className=\"text-center\"\n                    >\n                        <HiOutlineQuestionMarkCircle className=\"text-base mx-1\" />\n                    </Tooltip>\n                }\n            >\n                <Controller\n                    name=\"tags\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            isMulti\n                            isClearable\n                            value={field.value}\n                            placeholder=\"Add tags for product...\"\n                            componentAs={CreatableSelect}\n                            options={tags}\n                            onChange={(option) => field.onChange(option)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Brand\"\n                invalid={Boolean(errors.brand)}\n                errorMessage={errors.brand?.message}\n            >\n                <Controller\n                    name=\"brand\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Product brand\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default AttributeSection\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,aAAsB;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,WAAW,OAAO,UAAU;AACzC;AAEA,MAAM,OAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,UAAU,OAAO,SAAS;AACvC;AAEA,MAAM,mBAAmB,CAAC,EAAE,SAAS,aAAoC;AACrE,8BACK,MACG,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAS,aAAA;AAAA,IAC9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO,WAAW;AAAA,kBACd,CAAC,aAAa,SAAS,UAAU,MAAM;AAAA,gBAC3C;AAAA,gBACA,UAAU,CAAC,WAAW,MAAM,SAAS,QAAQ,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACtD;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,UAAA,oBAAC,6BAA4B,EAAA,WAAU,iBAAiB,CAAA;AAAA,UAAA;AAAA,QAC5D;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,aAAW;AAAA,gBACX,OAAO,MAAM;AAAA,gBACb,aAAY;AAAA,gBACZ,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,KAAK;AAAA,QAC7B,cAAc,OAAO,OAAO;AAAA,QAE5B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"AttributeSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/AttributeSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { FormItem } from '@/components/ui/Form'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from '../types'\n\ntype AttributeSectionProps = FormSectionBaseProps\n\ntype Options = {\n    label: string\n    value: string\n}[]\n\nconst categories: Options = [\n    { label: 'Bags', value: 'bags' },\n    { label: 'Cloths', value: 'cloths' },\n    { label: 'Devices', value: 'devices' },\n    { label: 'Shoes', value: 'shoes' },\n    { label: 'Watches', value: 'watches' },\n]\n\nconst tags: Options = [\n    { label: 'trend', value: 'trend' },\n    { label: 'unisex', value: 'unisex' },\n]\n\nconst AttributeSection = ({ control, errors }: AttributeSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Attribute</h4>\n            <FormItem\n                label=\"Category\"\n                invalid={Boolean(errors.category)}\n                errorMessage={errors.category?.message}\n            >\n                <Controller\n                    name=\"category\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={categories}\n                            value={categories.filter(\n                                (category) => category.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Tags\"\n                extra={\n                    <Tooltip\n                        title=\"You add as many tags as you want to a product\"\n                        className=\"text-center\"\n                    >\n                        <HiOutlineQuestionMarkCircle className=\"text-base mx-1\" />\n                    </Tooltip>\n                }\n            >\n                <Controller\n                    name=\"tags\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            isMulti\n                            isClearable\n                            value={field.value}\n                            placeholder=\"Add tags for product...\"\n                            componentAs={CreatableSelect}\n                            options={tags}\n                            onChange={(option) => field.onChange(option)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Brand\"\n                invalid={Boolean(errors.brand)}\n                errorMessage={errors.brand?.message}\n            >\n                <Controller\n                    name=\"brand\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Product brand\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default AttributeSection\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,aAAsB;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,WAAW,OAAO,UAAA;AAC/B;AAEA,MAAM,OAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,SAAA;AAC9B;AAEA,MAAM,mBAAmB,CAAC,EAAE,SAAS,aAAoC;AACrE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,aAAS;AAAA,IAC9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO,WAAW;AAAA,kBACd,CAAC,aAAa,SAAS,UAAU,MAAM;AAAA,gBAAA;AAAA,gBAE3C,UAAU,CAAC,WAAW,MAAM,SAAS,QAAQ,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACtD;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,UAAA,oBAAC,6BAAA,EAA4B,WAAU,iBAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,QAIhE,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,aAAW;AAAA,gBACX,OAAO,MAAM;AAAA,gBACb,aAAY;AAAA,gBACZ,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,KAAK;AAAA,QAC7B,cAAc,OAAO,OAAO;AAAA,QAE5B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/products/ProductForm/components/GeneralSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/GeneralSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport { FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype GeneralSectionProps = FormSectionBaseProps\n\nconst GeneralSection = ({ control, errors }: GeneralSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Basic Information</h4>\n            <div>\n                <FormItem\n                    label=\"Product name\"\n                    invalid={Boolean(errors.name)}\n                    errorMessage={errors.name?.message}\n                >\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Product code\"\n                    invalid={Boolean(errors.productCode)}\n                    errorMessage={errors.productCode?.message}\n                >\n                    <Controller\n                        name=\"productCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Description\"\n                invalid={Boolean(errors.description)}\n                errorMessage={errors.description?.message}\n            >\n                <Controller\n                    name=\"description\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.description)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default GeneralSection\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,iBAAiB,CAAC,EAAE,SAAS,aAAkC;AACjE,8BACK,MACG,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,qBAAA;AAAA,yBACrC,OACG,EAAA,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,IAAI;AAAA,UAC5B,cAAc,OAAO,MAAM;AAAA,UAE3B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,WAAW;AAAA,UACnC,cAAc,OAAO,aAAa;AAAA,UAElC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,WAAW;AAAA,QACnC,cAAc,OAAO,aAAa;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,SAAS,QAAQ,OAAO,WAAW;AAAA,gBACnC,UAAU,CAAC,EAAE,WAAW;AACpB,wBAAM,SAAS,IAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"GeneralSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/GeneralSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport { FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype GeneralSectionProps = FormSectionBaseProps\n\nconst GeneralSection = ({ control, errors }: GeneralSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Basic Information</h4>\n            <div>\n                <FormItem\n                    label=\"Product name\"\n                    invalid={Boolean(errors.name)}\n                    errorMessage={errors.name?.message}\n                >\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Product code\"\n                    invalid={Boolean(errors.productCode)}\n                    errorMessage={errors.productCode?.message}\n                >\n                    <Controller\n                        name=\"productCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Description\"\n                invalid={Boolean(errors.description)}\n                errorMessage={errors.description?.message}\n            >\n                <Controller\n                    name=\"description\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.description)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default GeneralSection\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,iBAAiB,CAAC,EAAE,SAAS,aAAkC;AACjE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,yBACrC,OAAA,EACG,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,IAAI;AAAA,UAC5B,cAAc,OAAO,MAAM;AAAA,UAE3B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,WAAW;AAAA,UACnC,cAAc,OAAO,aAAa;AAAA,UAElC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,WAAW;AAAA,QACnC,cAAc,OAAO,aAAa;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,SAAS,QAAQ,OAAO,WAAW;AAAA,gBACnC,UAAU,CAAC,EAAE,WAAW;AACpB,wBAAM,SAAS,IAAI;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/products/ProductForm/components/ImageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/products/ProductForm/components/PricingSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,SAAS,aAAkC;AACjE,8BACK,MACG,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAO,WAAA;AAAA,yBAC3B,OACG,EAAA,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,KAAK;AAAA,UAC7B,cAAc,OAAO,OAAO;AAAA,UAE5B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,WAAW;AAAA,UACnC,cAAc,OAAO,aAAa;AAAA,UAElC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,iBAAiB;AAAA,UACzC,cAAc,OAAO,mBAAmB;AAAA,UACxC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,OAAO;AAAA,UAC/B,cAAc,OAAO,SAAS;AAAA,UAC9B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,WAAW,CAAC,WAAW;AACb,0BAAA,EAAE,eAAe;AACvB,4BAAQ,cAAc,MAAM;AAAA,kBAChC;AAAA,kBACA,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"PricingSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,SAAS,aAAkC;AACjE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,WAAO;AAAA,yBAC3B,OAAA,EACG,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,KAAK;AAAA,UAC7B,cAAc,OAAO,OAAO;AAAA,UAE5B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,WAAW;AAAA,UACnC,cAAc,OAAO,aAAa;AAAA,UAElC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,iBAAiB;AAAA,UACzC,cAAc,OAAO,mBAAmB;AAAA,UACxC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,OAAO;AAAA,UAC/B,cAAc,OAAO,SAAS;AAAA,UAC9B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,WAAW,CAAC,WAAW;AACnB,0BAAM,EAAE,eAAe;AACvB,4BAAQ,cAAc,MAAM;AAAA,kBAChC;AAAA,kBACA,UAAU,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/products/ProductList/ProductList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductList.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductList/ProductList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport ProductListActionTools from './components/ProductListActionTools'\nimport ProducListTableTools from './components/ProducListTableTools'\nimport ProductListTable from './components/ProductListTable'\nimport ProductListSelected from './components/ProductListSelected'\n\nconst ProductList = () => {\n    return (\n        <>\n            <Container>\n                <AdaptiveCard>\n                    <div className=\"flex flex-col gap-4\">\n                        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n                            <h3>Products</h3>\n                            <ProductListActionTools />\n                        </div>\n                        <ProducListTableTools />\n                        <ProductListTable />\n                    </div>\n                </AdaptiveCard>\n            </Container>\n            <ProductListSelected />\n        </>\n    )\n}\n\nexport default ProductList\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,cAAc,MAAM;AACtB,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,aACG,UAAC,oBAAA,cAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAC,qBAAA,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAQ,WAAA,CAAA;AAAA,4BACX,wBAAuB,CAAA,CAAA;AAAA,MAAA,GAC5B;AAAA,0BACC,sBAAqB,EAAA;AAAA,0BACrB,kBAAiB,CAAA,CAAA;AAAA,IAAA,EACtB,CAAA,EACJ,CAAA,GACJ;AAAA,wBACC,qBAAoB,CAAA,CAAA;AAAA,EAAA,GACzB;AAER;"}
+{"version":3,"file":"ProductList.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductList/ProductList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport ProductListActionTools from './components/ProductListActionTools'\nimport ProducListTableTools from './components/ProducListTableTools'\nimport ProductListTable from './components/ProductListTable'\nimport ProductListSelected from './components/ProductListSelected'\n\nconst ProductList = () => {\n    return (\n        <>\n            <Container>\n                <AdaptiveCard>\n                    <div className=\"flex flex-col gap-4\">\n                        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n                            <h3>Products</h3>\n                            <ProductListActionTools />\n                        </div>\n                        <ProducListTableTools />\n                        <ProductListTable />\n                    </div>\n                </AdaptiveCard>\n            </Container>\n            <ProductListSelected />\n        </>\n    )\n}\n\nexport default ProductList\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,cAAc,MAAM;AACtB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,aACG,UAAA,oBAAC,cAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,4BACX,wBAAA,CAAA,CAAuB;AAAA,MAAA,GAC5B;AAAA,0BACC,sBAAA,EAAqB;AAAA,0BACrB,kBAAA,CAAA,CAAiB;AAAA,IAAA,EAAA,CACtB,GACJ,GACJ;AAAA,wBACC,qBAAA,CAAA,CAAoB;AAAA,EAAA,GACzB;AAER;"}

package/dist/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["useProducList"],"mappings":";;;;;AAKA,MAAM,uBAAuB,MAAM;AAC/B,QAAM,EAAE,WAAW,aAAa,IAAIA,eAAc;AAE5C,QAAA,oBAAoB,CAAC,QAAgB;AACjC,UAAA,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAAA;AAG7B,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAAA;AAAA,EAEjC;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAC,oBAAA,mBAAA,EAAkB,eAAe,kBAAmB,CAAA;AAAA,wBACpD,oBAAmB,CAAA,CAAA;AAAA,EAAA,GACxB;AAER;"}
+{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["useProducList"],"mappings":";;;;;AAKA,MAAM,uBAAuB,MAAM;AAC/B,QAAM,EAAE,WAAW,aAAA,IAAiBA,eAAA;AAEpC,QAAM,oBAAoB,CAAC,QAAgB;AACvC,UAAM,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAC7B;AAEA,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAC7B;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAkB,eAAe,kBAAA,CAAmB;AAAA,wBACpD,oBAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}

package/dist/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useProductList from '../hooks/useProductList'\nimport { CSVLink } from 'react-csv'\n\nconst ProductListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { productList } = useProductList()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink filename=\"product-list.csv\" data={productList}>\n                <Button icon={<TbCloudDownload className=\"text-xl\" />}>\n                    Export\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/products/product-create')}\n            >\n                Add products\n            </Button>\n        </div>\n    )\n}\n\nexport default ProductListActionTools\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,yBAAyB,MAAM;AACjC,QAAM,WAAW,YAAY;AAEvB,QAAA,EAAE,YAAY,IAAI,eAAe;AAGnC,SAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAQ,EAAA,UAAS,oBAAmB,MAAM,aACvC,UAAC,oBAAA,QAAA,EAAO,MAAM,oBAAC,iBAAgB,EAAA,WAAU,UAAU,CAAA,GAAI,mBAEvD,CAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,QAAO,EAAA,WAAU,UAAU,CAAA;AAAA,QAClC,SAAS,MAAM,SAAS,mCAAmC;AAAA,QAC9D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"ProductListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useProductList from '../hooks/useProductList'\nimport { CSVLink } from 'react-csv'\n\nconst ProductListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { productList } = useProductList()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink filename=\"product-list.csv\" data={productList}>\n                <Button icon={<TbCloudDownload className=\"text-xl\" />}>\n                    Export\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/products/product-create')}\n            >\n                Add products\n            </Button>\n        </div>\n    )\n}\n\nexport default ProductListActionTools\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,yBAAyB,MAAM;AACjC,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,YAAA,IAAgB,eAAA;AAExB,SACI,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,UAAS,oBAAmB,MAAM,aACvC,UAAA,oBAAC,QAAA,EAAO,MAAM,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU,GAAI,oBAEvD,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,QAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAClC,SAAS,MAAM,SAAS,mCAAmC;AAAA,QAC9D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/concepts/products/ProductList/components/ProductListSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":[],"mappings":";;;;;AASM,MAAA,oBAAoB,CAAC,UAAkC;AACnD,QAAA,EAAE,kBAAkB;AAE1B,WAAS,iBAAiB,OAAe;AACrC,oBAAgB,KAAK;AAAA,EAAA;AAGnB,QAAA,aAAa,YAAY,kBAAkB,GAAG;AAE9C,QAAA,oBAAoB,CAAC,MAAqC;AACjD,eAAA,EAAE,OAAO,KAAK;AAAA,EAC7B;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AAAA,MACtC,UAAU;AAAA,IAAA;AAAA,EACd;AAER;"}
+{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":[],"mappings":";;;;;AASA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,kBAAkB;AAE1B,WAAS,iBAAiB,OAAe;AACrC,oBAAgB,KAAK;AAAA,EACzB;AAEA,QAAM,aAAa,YAAY,kBAAkB,GAAG;AAEpD,QAAM,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,EAAE,OAAO,KAAK;AAAA,EAC7B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU;AAAA,IAAA;AAAA,EAAA;AAGtB;"}