npm - @orbe-agro/client-core - Versions diffs - 5.5.2 → 5.5.8 - Mend

@orbe-agro/client-core 5.5.2 → 5.5.8

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

Files changed (2060) hide show

package/dist/@ecme/views/concepts/customers/CustomerDetails/BillingSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BillingSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/BillingSection.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Badge from '@/components/ui/Badge'\nimport Tag from '@/components/ui/Tag'\nimport toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport {\n flexRender,\n getCoreRowModel,\n getSortedRowModel,\n useReactTable,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { NumericFormat } from 'react-number-format'\nimport { countryList } from '@/constants/countries.constant'\nimport dayjs from 'dayjs'\n\ntype OrderHistory = {\n id: string\n item: string\n status: string\n amount: number\n date: number\n}\n\ntype PaymentMethod = {\n cardHolderName: string\n cardType: string\n expMonth: string\n expYear: string\n last4Number: string\n primary: boolean\n}\n\ntype BillingSectionProps = {\n data: Partial<{\n orderHistory: OrderHistory[]\n personalInfo: {\n address: string\n postcode: string\n city: string\n country: string\n }\n paymentMethod: PaymentMethod[]\n }>\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst months = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n]\n\nconst statusColor: Record<string, string> = {\n paid: 'bg-emerald-500',\n pending: 'bg-amber-400',\n}\n\nconst columnHelper = createColumnHelper<OrderHistory>()\n\nconst columns = [\n columnHelper.accessor('item', {\n header: 'Product',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <span className=\"font-semibold\">{row.item}</span>\n </div>\n )\n },\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <Badge className={statusColor[row.status]} />\n <span className=\"heading-text font-bold capitalize\">\n {row.status}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n {dayjs.unix(row.date).format('MM/DD/YYYY')}\n </div>\n )\n },\n }),\n columnHelper.accessor('amount', {\n header: 'Amount',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <NumericFormat\n displayType=\"text\"\n value={(Math.round(row.amount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n </div>\n )\n },\n }),\n]\n\nconst initialSelectedCard = {\n cardHolderName: '',\n ccNumber: '',\n cardExpiry: '',\n code: '',\n}\n\nconst BillingSection = ({ data }: BillingSectionProps) => {\n const [selectedCard, setSelectedCard] = useState<{\n cardHolderName: string\n ccNumber: string\n cardExpiry: string\n code: string\n }>(initialSelectedCard)\n\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const table = useReactTable({\n data: data.orderHistory \|\| [],\n columns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n })\n\n const countryName = useMemo(() => {\n return countryList.find(\n (country) => country.value === data.personalInfo?.country,\n )?.label\n }, [data.personalInfo?.country])\n\n const handleEdit = (cardHolderName: string, cardExpiry: string) => {\n setSelectedCard({\n ...initialSelectedCard,\n cardHolderName,\n cardExpiry,\n })\n setDialogOpen(true)\n }\n\n const handleEditClose = () => {\n setSelectedCard(initialSelectedCard)\n setDialogOpen(false)\n }\n\n const handleSubmit = () => {\n handleEditClose()\n toast.push(\n <Notification title={'Successfully updated!'} type=\"success\" />,\n {\n placement: 'top-center',\n },\n )\n }\n\n return (\n <>\n <h6 className=\"mb-4\">Purchase history</h6>\n <Table>\n <TBody>\n {table\n .getRowModel()\n .rows.slice(0, 10)\n .map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n <h6 className=\"mt-8\">Addresses</h6>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4\">\n <Card>\n <div className=\"font-bold heading-text\">\n Billing Address\n </div>\n <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n <span>{data.personalInfo?.address}</span>\n <span>{data.personalInfo?.city}</span>\n <span>{data.personalInfo?.postcode}</span>\n <span>{countryName}</span>\n </div>\n </Card>\n <Card>\n <div className=\"font-bold heading-text\">\n Delivery Address\n </div>\n <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n <span>{data.personalInfo?.address}</span>\n <span>{data.personalInfo?.city}</span>\n <span>{data.personalInfo?.postcode}</span>\n <span>{countryName}</span>\n </div>\n </Card>\n </div>\n <h6 className=\"mt-8\">Payment Methods</h6>\n <Card className=\"mt-4\" bodyClass=\"py-0\">\n {data.paymentMethod?.map((card, index) => (\n <div\n key={card.last4Number}\n className={classNames(\n 'flex flex-col lg:flex-row lg:items-center justify-between gap-3 p-4',\n !isLastChild(data.paymentMethod \|\| [], index) &&\n 'border-b border-gray-200 dark:border-gray-600',\n )}\n >\n <div className=\"flex items-center gap-3\">\n {card.cardType === 'VISA' && (\n <img src=\"/img/others/img-8.png\" alt=\"visa\" />\n )}\n {card.cardType === 'MASTER' && (\n <img src=\"/img/others/img-9.png\" alt=\"master\" />\n )}\n <div>\n <div className=\"flex items-center\">\n <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n {card.cardHolderName} ••••{' '}\n {card.last4Number}\n </div>\n {card.primary && (\n <Tag className=\"bg-sky-100 text-primary dark:bg-primary/20 dark:text-primary rounded-md border-0 mx-2\">\n <span className=\"capitalize\">\n {' '}\n Primary{' '}\n </span>\n </Tag>\n )}\n </div>\n <span>\n Expired{' '}\n {months[parseInt(card.expMonth) - 1]} 20\n {card.expYear}\n </span>\n </div>\n </div>\n <div className=\"flex justify-end\">\n <Button\n size=\"sm\"\n onClick={() =>\n handleEdit(\n card.cardHolderName,\n `${card.expMonth}${card.expYear}`,\n )\n }\n >\n Edit\n </Button>\n </div>\n </div>\n ))}\n <CreditCardDialog\n title=\"Edit credit card\"\n defaultValues={selectedCard}\n dialogOpen={dialogOpen}\n onDialogClose={handleEditClose}\n onSubmit={handleSubmit}\n />\n </Card>\n </>\n )\n}\n\nexport default BillingSection\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"BillingSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/BillingSection.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Badge from '@/components/ui/Badge'\nimport Tag from '@/components/ui/Tag'\nimport toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport {\n flexRender,\n getCoreRowModel,\n getSortedRowModel,\n useReactTable,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { NumericFormat } from 'react-number-format'\nimport { countryList } from '@/constants/countries.constant'\nimport dayjs from 'dayjs'\n\ntype OrderHistory = {\n id: string\n item: string\n status: string\n amount: number\n date: number\n}\n\ntype PaymentMethod = {\n cardHolderName: string\n cardType: string\n expMonth: string\n expYear: string\n last4Number: string\n primary: boolean\n}\n\ntype BillingSectionProps = {\n data: Partial<{\n orderHistory: OrderHistory[]\n personalInfo: {\n address: string\n postcode: string\n city: string\n country: string\n }\n paymentMethod: PaymentMethod[]\n }>\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst months = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n]\n\nconst statusColor: Record<string, string> = {\n paid: 'bg-emerald-500',\n pending: 'bg-amber-400',\n}\n\nconst columnHelper = createColumnHelper<OrderHistory>()\n\nconst columns = [\n columnHelper.accessor('item', {\n header: 'Product',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <span className=\"font-semibold\">{row.item}</span>\n </div>\n )\n },\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <Badge className={statusColor[row.status]} />\n <span className=\"heading-text font-bold capitalize\">\n {row.status}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n {dayjs.unix(row.date).format('MM/DD/YYYY')}\n </div>\n )\n },\n }),\n columnHelper.accessor('amount', {\n header: 'Amount',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <NumericFormat\n displayType=\"text\"\n value={(Math.round(row.amount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n </div>\n )\n },\n }),\n]\n\nconst initialSelectedCard = {\n cardHolderName: '',\n ccNumber: '',\n cardExpiry: '',\n code: '',\n}\n\nconst BillingSection = ({ data }: BillingSectionProps) => {\n const [selectedCard, setSelectedCard] = useState<{\n cardHolderName: string\n ccNumber: string\n cardExpiry: string\n code: string\n }>(initialSelectedCard)\n\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const table = useReactTable({\n data: data.orderHistory \|\| [],\n columns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n })\n\n const countryName = useMemo(() => {\n return countryList.find(\n (country) => country.value === data.personalInfo?.country,\n )?.label\n }, [data.personalInfo?.country])\n\n const handleEdit = (cardHolderName: string, cardExpiry: string) => {\n setSelectedCard({\n ...initialSelectedCard,\n cardHolderName,\n cardExpiry,\n })\n setDialogOpen(true)\n }\n\n const handleEditClose = () => {\n setSelectedCard(initialSelectedCard)\n setDialogOpen(false)\n }\n\n const handleSubmit = () => {\n handleEditClose()\n toast.push(\n <Notification title={'Successfully updated!'} type=\"success\" />,\n {\n placement: 'top-center',\n },\n )\n }\n\n return (\n <>\n <h6 className=\"mb-4\">Purchase history</h6>\n <Table>\n <TBody>\n {table\n .getRowModel()\n .rows.slice(0, 10)\n .map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n <h6 className=\"mt-8\">Addresses</h6>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4\">\n <Card>\n <div className=\"font-bold heading-text\">\n Billing Address\n </div>\n <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n <span>{data.personalInfo?.address}</span>\n <span>{data.personalInfo?.city}</span>\n <span>{data.personalInfo?.postcode}</span>\n <span>{countryName}</span>\n </div>\n </Card>\n <Card>\n <div className=\"font-bold heading-text\">\n Delivery Address\n </div>\n <div className=\"mt-4 flex flex-col gap-1 font-semibold\">\n <span>{data.personalInfo?.address}</span>\n <span>{data.personalInfo?.city}</span>\n <span>{data.personalInfo?.postcode}</span>\n <span>{countryName}</span>\n </div>\n </Card>\n </div>\n <h6 className=\"mt-8\">Payment Methods</h6>\n <Card className=\"mt-4\" bodyClass=\"py-0\">\n {data.paymentMethod?.map((card, index) => (\n <div\n key={card.last4Number}\n className={classNames(\n 'flex flex-col lg:flex-row lg:items-center justify-between gap-3 p-4',\n !isLastChild(data.paymentMethod \|\| [], index) &&\n 'border-b border-gray-200 dark:border-gray-600',\n )}\n >\n <div className=\"flex items-center gap-3\">\n {card.cardType === 'VISA' && (\n <img src=\"/img/others/img-8.png\" alt=\"visa\" />\n )}\n {card.cardType === 'MASTER' && (\n <img src=\"/img/others/img-9.png\" alt=\"master\" />\n )}\n <div>\n <div className=\"flex items-center\">\n <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n {card.cardHolderName} ••••{' '}\n {card.last4Number}\n </div>\n {card.primary && (\n <Tag className=\"bg-sky-100 text-primary dark:bg-primary/20 dark:text-primary rounded-md border-0 mx-2\">\n <span className=\"capitalize\">\n {' '}\n Primary{' '}\n </span>\n </Tag>\n )}\n </div>\n <span>\n Expired{' '}\n {months[parseInt(card.expMonth) - 1]} 20\n {card.expYear}\n </span>\n </div>\n </div>\n <div className=\"flex justify-end\">\n <Button\n size=\"sm\"\n onClick={() =>\n handleEdit(\n card.cardHolderName,\n `${card.expMonth}${card.expYear}`,\n )\n }\n >\n Edit\n </Button>\n </div>\n </div>\n ))}\n <CreditCardDialog\n title=\"Edit credit card\"\n defaultValues={selectedCard}\n dialogOpen={dialogOpen}\n onDialogClose={handleEditClose}\n onSubmit={handleSubmit}\n />\n </Card>\n </>\n )\n}\n\nexport default BillingSection\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,EAAE,IAAI,IAAI,MAAA,IAAU;AAE1B,MAAM,SAAS;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEA,MAAM,cAAsC;AAAA,EACxC,MAAM;AAAA,EACN,SAAS;AACb;AAEA,MAAM,eAAe,mBAAA;AAErB,MAAM,UAAU;AAAA,EACZ,aAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;AACb,YAAM,MAAM,MAAM,IAAI;AACtB,aACI,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA,oBAAC,UAAK,WAAU,iBAAiB,UAAA,IAAI,KAAA,CAAK,GAC9C;AAAA,IAER;AAAA,EAAA,CACH;AAAA,EACD,aAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;AACb,YAAM,MAAM,MAAM,IAAI;AACtB,aACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,WAAW,YAAY,IAAI,MAAM,GAAG;AAAA,QAC3C,oBAAC,QAAA,EAAK,WAAU,qCACX,cAAI,OAAA,CACT;AAAA,MAAA,GACJ;AAAA,IAER;AAAA,EAAA,CACH;AAAA,EACD,aAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;AACb,YAAM,MAAM,MAAM,IAAI;AACtB,aACI,oBAAC,OAAA,EAAI,WAAU,qBACV,UAAA,MAAM,KAAK,IAAI,IAAI,EAAE,OAAO,YAAY,EAAA,CAC7C;AAAA,IAER;AAAA,EAAA,CACH;AAAA,EACD,aAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;AACb,YAAM,MAAM,MAAM,IAAI;AACtB,aACI,oBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,QAAQ,KAAK,MAAM,IAAI,SAAS,GAAG,IAAI,KAAK,QAAQ,CAAC;AAAA,UACrD,QAAQ;AAAA,UACR,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,IAER;AAAA,EAAA,CACH;AACL;AAEA,MAAM,sBAAsB;AAAA,EACxB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AACV;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAgC;AACtD,QAAM,CAAC,cAAc,eAAe,IAAI,SAKrC,mBAAmB;AAEtB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,QAAQ,cAAc;AAAA,IACxB,MAAM,KAAK,gBAAgB,CAAA;AAAA,IAC3B;AAAA,IACA,iBAAiB,gBAAA;AAAA,IACjB,mBAAmB,kBAAA;AAAA,EAAkB,CACxC;AAED,QAAM,cAAc,QAAQ,MAAM;AAC9B,WAAO,YAAY;AAAA,MACf,CAAC,YAAY,QAAQ,UAAU,KAAK,cAAc;AAAA,IAAA,GACnD;AAAA,EACP,GAAG,CAAC,KAAK,cAAc,OAAO,CAAC;AAE/B,QAAM,aAAa,CAAC,gBAAwB,eAAuB;AAC/D,oBAAgB;AAAA,MACZ,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IAAA,CACH;AACD,kBAAc,IAAI;AAAA,EACtB;AAEA,QAAM,kBAAkB,MAAM;AAC1B,oBAAgB,mBAAmB;AACnC,kBAAc,KAAK;AAAA,EACvB;AAEA,QAAM,eAAe,MAAM;AACvB,oBAAA;AACA,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,IACrC,oBAAC,OAAA,EACG,UAAA,oBAAC,OAAA,EACI,gBACI,YAAA,EACA,KAAK,MAAM,GAAG,EAAE,EAChB,IAAI,CAAC,QAAQ;AACV,iCACK,IAAA,EACI,UAAA,IAAI,kBAAkB,IAAI,CAAC,SAAS;AACjC,mCACK,IAAA,EACI,UAAA;AAAA,UACG,KAAK,OAAO,UAAU;AAAA,UACtB,KAAK,WAAA;AAAA,QAAW,EACpB,GAJK,KAAK,EAKd;AAAA,MAER,CAAC,EAAA,GAVI,IAAI,EAWb;AAAA,IAER,CAAC,GACT,GACJ;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,aAAS;AAAA,IAC9B,qBAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,qBAAC,MAAA,EACG,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,0BAAyB,UAAA,mBAExC;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,SAAQ;AAAA,UAClC,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,MAAK;AAAA,UAC/B,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,UAAS;AAAA,UACnC,oBAAC,UAAM,UAAA,YAAA,CAAY;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA,GACJ;AAAA,2BACC,MAAA,EACG,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,0BAAyB,UAAA,oBAExC;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,SAAQ;AAAA,UAClC,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,MAAK;AAAA,UAC/B,oBAAC,QAAA,EAAM,UAAA,KAAK,cAAc,UAAS;AAAA,UACnC,oBAAC,UAAM,UAAA,YAAA,CAAY;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,mBAAe;AAAA,IACpC,qBAAC,MAAA,EAAK,WAAU,QAAO,WAAU,QAC5B,UAAA;AAAA,MAAA,KAAK,eAAe,IAAI,CAAC,MAAM,UAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAW;AAAA,YACP;AAAA,YACA,CAAC,YAAY,KAAK,iBAAiB,CAAA,GAAI,KAAK,KACxC;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,cAAA,KAAK,aAAa,UACf,oBAAC,SAAI,KAAI,yBAAwB,KAAI,QAAO;AAAA,cAE/C,KAAK,aAAa,YACf,oBAAC,SAAI,KAAI,yBAAwB,KAAI,UAAS;AAAA,mCAEjD,OAAA,EACG,UAAA;AAAA,gBAAA,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,kBAAA,qBAAC,OAAA,EAAI,WAAU,kDACV,UAAA;AAAA,oBAAA,KAAK;AAAA,oBAAe;AAAA,oBAAM;AAAA,oBAC1B,KAAK;AAAA,kBAAA,GACV;AAAA,kBACC,KAAK,WACF,oBAAC,KAAA,EAAI,WAAU,yFACX,UAAA,qBAAC,QAAA,EAAK,WAAU,cACX,UAAA;AAAA,oBAAA;AAAA,oBAAI;AAAA,oBACG;AAAA,kBAAA,EAAA,CACZ,EAAA,CACJ;AAAA,gBAAA,GAER;AAAA,qCACC,QAAA,EAAK,UAAA;AAAA,kBAAA;AAAA,kBACM;AAAA,kBACP,OAAO,SAAS,KAAK,QAAQ,IAAI,CAAC;AAAA,kBAAE;AAAA,kBACpC,KAAK;AAAA,gBAAA,EAAA,CACV;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA,GACJ;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAS,MACL;AAAA,kBACI,KAAK;AAAA,kBACL,GAAG,KAAK,QAAQ,GAAG,KAAK,OAAO;AAAA,gBAAA;AAAA,gBAG1C,UAAA;AAAA,cAAA;AAAA,YAAA,EAED,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAhDK,KAAK;AAAA,MAAA,CAkDjB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,eAAe;AAAA,UACf;AAAA,UACA,eAAe;AAAA,UACf,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerDetails/CustomerDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/CustomerDetails.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tabs from '@/components/ui/Tabs'\nimport Loading from '@/components/shared/Loading'\nimport ProfileSection from './ProfileSection'\nimport BillingSection from './BillingSection'\nimport ActivitySection from './ActivitySection'\nimport { apiGetCustomer } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Customer } from '../CustomerList/types'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst CustomerDetails = () => {\n const { id } = useParams()\n\n const { data, isLoading } = useSWR(\n ['/api/customers', { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n evalidateOnFocus: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n {!isEmpty(data) && (\n <div className=\"flex flex-col xl:flex-row gap-4\">\n <div className=\"min-w-[330px] 2xl:min-w-[400px]\">\n <ProfileSection data={data} />\n </div>\n <Card className=\"w-full\">\n <Tabs defaultValue=\"billing\">\n <TabList>\n <TabNav value=\"billing\">Billing</TabNav>\n <TabNav value=\"activity\">Activity</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"billing\">\n <BillingSection data={data} />\n </TabContent>\n <TabContent value=\"activity\">\n <ActivitySection\n customerName={data.name}\n id={id as string}\n />\n </TabContent>\n </div>\n </Tabs>\n </Card>\n </div>\n )}\n </Loading>\n )\n}\n\nexport default CustomerDetails\n"],"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,kBAAkB,MAAM;~~AACpB~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEnB~~,~~QAAA~~,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,kBAAkB,EAAE,IAAkB;AAAA;AAAA,IAEvC,CAAC,CAAC,GAAG,MAAM,MAAM,eAAyC,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,~~EAE1B~~;~~AAGI~~,~~SAAA~~,oBAAC,~~SAAQ~~,~~EAAA~~,SAAS,WACb,UAAA,CAAC,QAAQ,IAAI,KACV,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,mCACX,~~UAAC~~,~~oBAAA~~,gBAAA,EAAe,~~KAAY~~,~~CAAA,~~GAChC;AAAA,wBACC,~~MAAK~~,~~EAAA~~,WAAU,UACZ,~~UAAC~~,~~qBAAA~~,MAAA,EAAK,cAAa,WACf,UAAA;AAAA,MAAA,qBAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,WAAU,~~UAAO~~,~~WAAA~~;AAAA,~~QAC9B~~,~~oBAAA~~,QAAA,EAAO,OAAM,YAAW,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,MAAA,GACrC;AAAA,MACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,OACX,UAAA;AAAA,QAAA,oBAAC,cAAW,OAAM,WACd,~~UAAC~~,~~oBAAA~~,gBAAA,EAAe,~~KAAY~~,~~CAAA,~~GAChC;AAAA,QACA,oBAAC,~~YAAW~~,~~EAAA~~,OAAM,YACd,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,cAAc,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA,~~EAER~~,~~CAAA~~;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EAER~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"CustomerDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/CustomerDetails.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tabs from '@/components/ui/Tabs'\nimport Loading from '@/components/shared/Loading'\nimport ProfileSection from './ProfileSection'\nimport BillingSection from './BillingSection'\nimport ActivitySection from './ActivitySection'\nimport { apiGetCustomer } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Customer } from '../CustomerList/types'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst CustomerDetails = () => {\n const { id } = useParams()\n\n const { data, isLoading } = useSWR(\n ['/api/customers', { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n evalidateOnFocus: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n {!isEmpty(data) && (\n <div className=\"flex flex-col xl:flex-row gap-4\">\n <div className=\"min-w-[330px] 2xl:min-w-[400px]\">\n <ProfileSection data={data} />\n </div>\n <Card className=\"w-full\">\n <Tabs defaultValue=\"billing\">\n <TabList>\n <TabNav value=\"billing\">Billing</TabNav>\n <TabNav value=\"activity\">Activity</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"billing\">\n <BillingSection data={data} />\n </TabContent>\n <TabContent value=\"activity\">\n <ActivitySection\n customerName={data.name}\n id={id as string}\n />\n </TabContent>\n </div>\n </Tabs>\n </Card>\n </div>\n )}\n </Loading>\n )\n}\n\nexport default CustomerDetails\n"],"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,kBAAkB,EAAE,IAAkB;AAAA;AAAA,IAEvC,CAAC,CAAC,GAAG,MAAM,MAAM,eAAyC,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,oBAAC,SAAA,EAAQ,SAAS,WACb,UAAA,CAAC,QAAQ,IAAI,KACV,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,mCACX,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,wBACC,MAAA,EAAK,WAAU,UACZ,UAAA,qBAAC,MAAA,EAAK,cAAa,WACf,UAAA;AAAA,MAAA,qBAAC,SAAA,EACG,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAO,OAAM,WAAU,UAAA,WAAO;AAAA,QAC/B,oBAAC,QAAA,EAAO,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,MAAA,GACrC;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,QAAA,oBAAC,cAAW,OAAM,WACd,UAAA,oBAAC,gBAAA,EAAe,MAAY,GAChC;AAAA,QACA,oBAAC,YAAA,EAAW,OAAM,YACd,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,cAAc,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerDetails/ProfileSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfileSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ProfileSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Avatar from '@/components/ui/Avatar/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport Tooltip from '@/components/ui/Tooltip'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport dayjs from 'dayjs'\nimport { HiPencil, HiOutlineTrash } from 'react-icons/hi'\nimport {\n FaXTwitter,\n FaFacebookF,\n FaLinkedinIn,\n FaPinterestP,\n} from 'react-icons/fa6'\nimport { useNavigate } from 'react-router-dom'\n\ntype CustomerInfoFieldProps = {\n title?: string\n value?: string\n}\n\ntype ProfileSectionProps = {\n data: Partial<{\n id: string\n img: string\n name: string\n email: string\n lastOnline: number\n personalInfo: {\n location: string\n title: string\n birthday: string\n phoneNumber: string\n facebook: string\n twitter: string\n pinterest: string\n linkedIn: string\n }\n }>\n}\n\nconst CustomerInfoField = ({ title, value }: CustomerInfoFieldProps) => {\n return (\n <div>\n <span className=\"font-semibold\">{title}</span>\n <p className=\"heading-text font-bold\">{value}</p>\n </div>\n )\n}\n\nconst ProfileSection = ({ data = {} }: ProfileSectionProps) => {\n const navigate = useNavigate()\n\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const handleSocialNavigate = (link: string = '') => {\n window.open(`https://${link}`, '_blank', 'rel=noopener noreferrer')\n }\n\n const handleDialogClose = () => {\n setDialogOpen(false)\n }\n\n const handleDialogOpen = () => {\n setDialogOpen(true)\n }\n\n const handleDelete = () => {\n setDialogOpen(false)\n navigate('/concepts/customers/customer-list')\n toast.push(\n <Notification title={'Successfully Deleted'} type=\"success\">\n Customer successfuly deleted\n </Notification>,\n )\n }\n\n const handleSendMessage = () => {\n navigate('/concepts/chat')\n }\n\n const handleEdit = () => {\n navigate(`/concepts/customers/customer-edit/${data.id}`)\n }\n\n return (\n <Card className=\"w-full\">\n <div className=\"flex justify-end\">\n <Tooltip title=\"Edit customer\">\n <button\n className=\"close-button button-press-feedback\"\n type=\"button\"\n onClick={handleEdit}\n >\n <HiPencil />\n </button>\n </Tooltip>\n </div>\n <div className=\"flex flex-col xl:justify-between h-full 2xl:min-w-[360px] mx-auto\">\n <div className=\"flex xl:flex-col items-center gap-4 mt-6\">\n <Avatar size={90} shape=\"circle\" src={data.img} />\n <h4 className=\"font-bold\">{data.name}</h4>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-1 gap-y-7 gap-x-4 mt-10\">\n <CustomerInfoField title=\"Email\" value={data.email} />\n <CustomerInfoField\n title=\"Phone\"\n value={data.personalInfo?.phoneNumber}\n />\n <CustomerInfoField\n title=\"Date of birth\"\n value={data.personalInfo?.birthday}\n />\n <CustomerInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(data.lastOnline as number)\n .format('DD MMM YYYY hh:mm A')}\n />\n <div className=\"mb-7\">\n <span>Social</span>\n <div className=\"flex mt-4 gap-2\">\n <Button\n size=\"sm\"\n icon={\n <FaFacebookF className=\"text-[#2259f2]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.facebook,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaXTwitter className=\"text-black dark:text-white\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.twitter,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaLinkedinIn className=\"text-[#155fb8]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.linkedIn,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaPinterestP className=\"text-[#df0018]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.pinterest,\n )\n }\n />\n </div>\n </div>\n </div>\n <div className=\"flex flex-col gap-4\">\n <Button block variant=\"solid\" onClick={handleSendMessage}>\n Send Messsage\n </Button>\n <Button\n block\n customColorClass={() =>\n 'text-error hover:border-error hover:ring-1 ring-error hover:text-error'\n }\n icon={<HiOutlineTrash />}\n onClick={handleDialogOpen}\n >\n Delete\n </Button>\n </div>\n <ConfirmDialog\n isOpen={dialogOpen}\n type=\"danger\"\n title=\"Delete customer\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n onCancel={handleDialogClose}\n onConfirm={handleDelete}\n >\n <p>\n Are you sure you want to delete this customer? All\n record related to this customer will be deleted as well.\n This action cannot be undone.\n </p>\n </ConfirmDialog>\n </div>\n </Card>\n )\n}\n\nexport default ProfileSection\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ProfileSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerDetails/ProfileSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Avatar from '@/components/ui/Avatar/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport Tooltip from '@/components/ui/Tooltip'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport dayjs from 'dayjs'\nimport { HiPencil, HiOutlineTrash } from 'react-icons/hi'\nimport {\n FaXTwitter,\n FaFacebookF,\n FaLinkedinIn,\n FaPinterestP,\n} from 'react-icons/fa6'\nimport { useNavigate } from 'react-router-dom'\n\ntype CustomerInfoFieldProps = {\n title?: string\n value?: string\n}\n\ntype ProfileSectionProps = {\n data: Partial<{\n id: string\n img: string\n name: string\n email: string\n lastOnline: number\n personalInfo: {\n location: string\n title: string\n birthday: string\n phoneNumber: string\n facebook: string\n twitter: string\n pinterest: string\n linkedIn: string\n }\n }>\n}\n\nconst CustomerInfoField = ({ title, value }: CustomerInfoFieldProps) => {\n return (\n <div>\n <span className=\"font-semibold\">{title}</span>\n <p className=\"heading-text font-bold\">{value}</p>\n </div>\n )\n}\n\nconst ProfileSection = ({ data = {} }: ProfileSectionProps) => {\n const navigate = useNavigate()\n\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const handleSocialNavigate = (link: string = '') => {\n window.open(`https://${link}`, '_blank', 'rel=noopener noreferrer')\n }\n\n const handleDialogClose = () => {\n setDialogOpen(false)\n }\n\n const handleDialogOpen = () => {\n setDialogOpen(true)\n }\n\n const handleDelete = () => {\n setDialogOpen(false)\n navigate('/concepts/customers/customer-list')\n toast.push(\n <Notification title={'Successfully Deleted'} type=\"success\">\n Customer successfuly deleted\n </Notification>,\n )\n }\n\n const handleSendMessage = () => {\n navigate('/concepts/chat')\n }\n\n const handleEdit = () => {\n navigate(`/concepts/customers/customer-edit/${data.id}`)\n }\n\n return (\n <Card className=\"w-full\">\n <div className=\"flex justify-end\">\n <Tooltip title=\"Edit customer\">\n <button\n className=\"close-button button-press-feedback\"\n type=\"button\"\n onClick={handleEdit}\n >\n <HiPencil />\n </button>\n </Tooltip>\n </div>\n <div className=\"flex flex-col xl:justify-between h-full 2xl:min-w-[360px] mx-auto\">\n <div className=\"flex xl:flex-col items-center gap-4 mt-6\">\n <Avatar size={90} shape=\"circle\" src={data.img} />\n <h4 className=\"font-bold\">{data.name}</h4>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-1 gap-y-7 gap-x-4 mt-10\">\n <CustomerInfoField title=\"Email\" value={data.email} />\n <CustomerInfoField\n title=\"Phone\"\n value={data.personalInfo?.phoneNumber}\n />\n <CustomerInfoField\n title=\"Date of birth\"\n value={data.personalInfo?.birthday}\n />\n <CustomerInfoField\n title=\"Last Online\"\n value={dayjs\n .unix(data.lastOnline as number)\n .format('DD MMM YYYY hh:mm A')}\n />\n <div className=\"mb-7\">\n <span>Social</span>\n <div className=\"flex mt-4 gap-2\">\n <Button\n size=\"sm\"\n icon={\n <FaFacebookF className=\"text-[#2259f2]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.facebook,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaXTwitter className=\"text-black dark:text-white\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.twitter,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaLinkedinIn className=\"text-[#155fb8]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.linkedIn,\n )\n }\n />\n <Button\n size=\"sm\"\n icon={\n <FaPinterestP className=\"text-[#df0018]\" />\n }\n onClick={() =>\n handleSocialNavigate(\n data.personalInfo?.pinterest,\n )\n }\n />\n </div>\n </div>\n </div>\n <div className=\"flex flex-col gap-4\">\n <Button block variant=\"solid\" onClick={handleSendMessage}>\n Send Messsage\n </Button>\n <Button\n block\n customColorClass={() =>\n 'text-error hover:border-error hover:ring-1 ring-error hover:text-error'\n }\n icon={<HiOutlineTrash />}\n onClick={handleDialogOpen}\n >\n Delete\n </Button>\n </div>\n <ConfirmDialog\n isOpen={dialogOpen}\n type=\"danger\"\n title=\"Delete customer\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n onCancel={handleDialogClose}\n onConfirm={handleDelete}\n >\n <p>\n Are you sure you want to delete this customer? All\n record related to this customer will be deleted as well.\n This action cannot be undone.\n </p>\n </ConfirmDialog>\n </div>\n </Card>\n )\n}\n\nexport default ProfileSection\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerEdit/CustomerEdit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerEdit/CustomerEdit.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 { apiGetCustomer } from '@/services/CustomersService'\nimport CustomerForm from '../CustomerForm'\nimport sleep from '@/utils/sleep'\nimport NoUserFound from '@/assets/svg/NoUserFound'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { CustomerFormSchema } from '../CustomerForm'\nimport type { Customer } from '../CustomerList/types'\n\nconst CustomerEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR(\n [`/api/customers${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n },\n )\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: CustomerFormSchema) => {\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/customers/customer-list')\n }\n\n const getDefaultValues = () => {\n if (data) {\n const { firstName, lastName, email, personalInfo, img } = data\n\n return {\n firstName,\n lastName,\n email,\n img,\n phoneNumber: personalInfo.phoneNumber,\n dialCode: personalInfo.dialCode,\n country: personalInfo.country,\n address: personalInfo.address,\n city: personalInfo.city,\n postcode: personalInfo.postcode,\n tags: [],\n }\n }\n\n return {}\n }\n\n const handleConfirmDelete = () => {\n setDeleteConfirmationOpen(true)\n toast.push(\n <Notification type=\"success\">Customer deleted!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/customers/customer-list')\n }\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleBack = () => {\n history.back()\n }\n\n return (\n <>\n {!isLoading && !data && (\n <div className=\"h-full flex flex-col items-center justify-center\">\n <NoUserFound height={280} width={280} />\n <h3 className=\"mt-8\">No user found!</h3>\n </div>\n )}\n {!isLoading && data && (\n <>\n <CustomerForm\n defaultValues={getDefaultValues() as CustomerFormSchema}\n newCustomer={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 </CustomerForm>\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n Are you sure you want to remove this customer? This\n action can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )}\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAM,eAAe,MAAM;~~AACjB~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEzB~~,QAAM,WAAW,~~YAAY~~;~~AAEvB~~,~~QAAA~~,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAE5C,CAAC,CAAC,GAAG,MAAM,MAAM,eAAyC,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IAAA;AAAA,~~EAE3B~~;~~AAEA~~,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAC1E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;~~AAE9C~~,~~QAAA~~,mBAAmB,OAAO,WAA+B;~~AACnD~~,~~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,mCAAmC;AAAA,EAChD;AAEA,QAAM,mBAAmB,MAAM;AAC3B,QAAI,MAAM;AACN,YAAM,EAAE,WAAW,UAAU,OAAO,cAAc,QAAQ;~~AAEnD~~,~~aAAA~~;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,aAAa;AAAA,QAC1B,UAAU,aAAa;AAAA,QACvB,SAAS,aAAa;AAAA,QACtB,SAAS,aAAa;AAAA,QACtB,MAAM,aAAa;AAAA,QACnB,UAAU,aAAa;AAAA,QACvB,MAAM,CAAA;AAAA,~~MACV~~;AAAA,~~IAAA~~;~~AAGJ~~,WAAO,~~CAAC~~;AAAA,~~EACZ~~;AAEA,QAAM,sBAAsB,MAAM;AAC9B,8BAA0B,IAAI;~~AACxB~~,~~UAAA~~;AAAA,~~MACD~~,~~oBAAA~~,cAAA,EAAa,MAAK,WAAU,~~UAAiB~~,~~qBAAA~~;AAAA,MAC9C,EAAE,WAAW,~~aAAa~~;AAAA,~~IAC9B~~;~~AACA~~,aAAS,mCAAmC;AAAA,EAChD;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,aAAa,MAAM;AACrB,YAAQ,~~KAAK~~;AAAA,~~EACjB~~;AAEA,~~SAES~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA,CAAC,aAAa,CAAC,~~QACX~~,~~qBAAA~~,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,oBAAC,~~aAAY~~,~~EAAA~~,QAAQ,KAAK,OAAO,KAAK;AAAA,~~MACrC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAc~~,iBAAA,~~CAAA~~;AAAA,IAAA,GACvC;AAAA,IAEH,CAAC,aAAa,~~QAEP~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe,~~iBAAiB~~;AAAA,~~UAChC~~,aAAa;AAAA,UACb,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;"}
1	+ {"version":3,"file":"CustomerEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerEdit/CustomerEdit.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 { apiGetCustomer } from '@/services/CustomersService'\nimport CustomerForm from '../CustomerForm'\nimport sleep from '@/utils/sleep'\nimport NoUserFound from '@/assets/svg/NoUserFound'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { CustomerFormSchema } from '../CustomerForm'\nimport type { Customer } from '../CustomerList/types'\n\nconst CustomerEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR(\n [`/api/customers${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetCustomer<Customer, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n },\n )\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: CustomerFormSchema) => {\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/customers/customer-list')\n }\n\n const getDefaultValues = () => {\n if (data) {\n const { firstName, lastName, email, personalInfo, img } = data\n\n return {\n firstName,\n lastName,\n email,\n img,\n phoneNumber: personalInfo.phoneNumber,\n dialCode: personalInfo.dialCode,\n country: personalInfo.country,\n address: personalInfo.address,\n city: personalInfo.city,\n postcode: personalInfo.postcode,\n tags: [],\n }\n }\n\n return {}\n }\n\n const handleConfirmDelete = () => {\n setDeleteConfirmationOpen(true)\n toast.push(\n <Notification type=\"success\">Customer deleted!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/customers/customer-list')\n }\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleBack = () => {\n history.back()\n }\n\n return (\n <>\n {!isLoading && !data && (\n <div className=\"h-full flex flex-col items-center justify-center\">\n <NoUserFound height={280} width={280} />\n <h3 className=\"mt-8\">No user found!</h3>\n </div>\n )}\n {!isLoading && data && (\n <>\n <CustomerForm\n defaultValues={getDefaultValues() as CustomerFormSchema}\n newCustomer={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 </CustomerForm>\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n Are you sure you want to remove this customer? This\n action can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )}\n </>\n )\n}\n\nexport default CustomerEdit\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerForm/AccountSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AccountSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Switcher from '@/components/ui/Switcher'\nimport { FormItem } from '@/components/ui/Form'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from './types'\n\ntype AccountSectionProps = FormSectionBaseProps\n\nconst AccountSection = ({ control }: AccountSectionProps) => {\n return (\n <Card>\n <h4>Account</h4>\n <div className=\"mt-6\">\n <FormItem>\n <Controller\n name=\"banAccount\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center justify-between gap-8\">\n <div>\n <h6>Banned</h6>\n <p>Disable this account</p>\n </div>\n <Switcher\n checked={field.value}\n onChange={(checked) => {\n field.onChange(checked)\n }}\n />\n </div>\n )}\n />\n </FormItem>\n <FormItem className=\"mb-0\">\n <Controller\n name=\"accountVerified\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center justify-between gap-8\">\n <div>\n <h6>Account Verified</h6>\n <p>\n Disabling sends a verification request\n to the customer.\n </p>\n </div>\n <Switcher\n checked={field.value}\n onChange={(checked) => {\n field.onChange(checked)\n }}\n />\n </div>\n )}\n />\n </FormItem>\n </div>\n </Card>\n )\n}\n\nexport default AccountSection\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,cAAmC;AACzD,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,IAAA,oBAAC,QAAG,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IACX,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,~~UACG~~,~~EAAA~~,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,~~YACN~~,~~qBAAA~~,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,cAAA,oBAAC,QAAG,~~UAAM~~,SAAA,~~CAAA~~;AAAA,cACV,oBAAC,OAAE,~~UAAoB~~,uBAAA,~~CAAA~~;AAAA,YAAA,GAC3B;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,~~gBAAA~~;AAAA,~~cAC1B~~;AAAA,YAAA;AAAA,UACJ,~~EACJ~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,~~UAAS~~,~~EAAA~~,WAAU,QAChB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,~~YACN~~,~~qBAAA~~,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,cAAA,oBAAC,QAAG,~~UAAgB~~,mBAAA,~~CAAA~~;AAAA,cACpB,oBAAC,OAAE,~~UAGH~~,0DAAA,~~CAAA~~;AAAA,YAAA,GACJ;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,~~gBAAA~~;AAAA,~~cAC1B~~;AAAA,YAAA;AAAA,UACJ,~~EACJ~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA,~~EAGZ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"AccountSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AccountSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Switcher from '@/components/ui/Switcher'\nimport { FormItem } from '@/components/ui/Form'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from './types'\n\ntype AccountSectionProps = FormSectionBaseProps\n\nconst AccountSection = ({ control }: AccountSectionProps) => {\n return (\n <Card>\n <h4>Account</h4>\n <div className=\"mt-6\">\n <FormItem>\n <Controller\n name=\"banAccount\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center justify-between gap-8\">\n <div>\n <h6>Banned</h6>\n <p>Disable this account</p>\n </div>\n <Switcher\n checked={field.value}\n onChange={(checked) => {\n field.onChange(checked)\n }}\n />\n </div>\n )}\n />\n </FormItem>\n <FormItem className=\"mb-0\">\n <Controller\n name=\"accountVerified\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center justify-between gap-8\">\n <div>\n <h6>Account Verified</h6>\n <p>\n Disabling sends a verification request\n to the customer.\n </p>\n </div>\n <Switcher\n checked={field.value}\n onChange={(checked) => {\n field.onChange(checked)\n }}\n />\n </div>\n )}\n />\n </FormItem>\n </div>\n </Card>\n )\n}\n\nexport default AccountSection\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,CAAC,EAAE,cAAmC;AACzD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IACX,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,cACV,oBAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,YAAA,GAC3B;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,WAAU,QAChB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,YACP,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,qBAAC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,cACpB,oBAAC,OAAE,UAAA,0DAAA,CAGH;AAAA,YAAA,GACJ;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,YAAY;AACnB,wBAAM,SAAS,OAAO;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA,EAER,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/AddressSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype AddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n label: string\n dialCode: string\n value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n return (\n <DefaultOption<CountryOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n size={20}\n src={`/img/countries/${data.value}.png`}\n />\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <Avatar\n className=\"ltr:ml-4 rtl:mr-4\"\n shape=\"circle\"\n size={20}\n src={`/img/countries/${selected.value}.png`}\n />\n )}\n {children}\n </Control>\n )\n}\n\nconst AddressSection = ({ control, errors }: AddressSectionProps) => {\n return (\n <Card>\n <h4 className=\"mb-6\">Address Information</h4>\n <FormItem\n label=\"Country\"\n invalid={Boolean(errors.country)}\n errorMessage={errors.country?.message}\n >\n <Controller\n name=\"country\"\n control={control}\n render={({ field }) => (\n <Select<CountryOption>\n options={countryList}\n {...field}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={countryList.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) => field.onChange(option?.value)}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Address\"\n invalid={Boolean(errors.address)}\n errorMessage={errors.address?.message}\n >\n <Controller\n name=\"address\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Address\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <FormItem\n label=\"City\"\n invalid={Boolean(errors.city)}\n errorMessage={errors.city?.message}\n >\n <Controller\n name=\"city\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"City\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Postal Code\"\n invalid={Boolean(errors.postcode)}\n errorMessage={errors.postcode?.message}\n >\n <Controller\n name=\"postcode\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Postal Code\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n </Card>\n )\n}\n\nexport default AddressSection\n"],"names":["DefaultOption"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,EAAE,~~QAAY,IAAA~~;AAEpB,MAAM,qBAAqB,CAAC,UAAsC;~~AAE1D~~,~~SAAA~~;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,MAAM,~~UACf~~,~~qBAAA~~,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,MAAM;AAAA,YACN,KAAK,kBAAkB,KAAK,KAAK;AAAA,UAAA;AAAA,~~QACrC~~;AAAA,~~QACA~~,oBAAC,UAAM,~~UAAM~~,MAAA,~~CAAA~~;AAAA,MAAA,~~EACjB~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EAER~~;~~AAER~~;AAEA,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAyC;AAC3E,QAAM,WAAW,MAAM,~~SAAS~~,~~EAAE~~,CAAC;~~AAE/B~~,~~SAAA~~,qBAAC,~~SAAS~~,~~EAAA~~,GAAG,OACR,UAAA;AAAA,~~IACG~~,~~YAAA~~;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,kBAAkB,SAAS,KAAK;AAAA,MAAA;AAAA,~~IACzC~~;AAAA,~~IAEH~~;AAAA,EAAA,GACL;AAER;AAEA,MAAM,iBAAiB,CAAC,EAAE,SAAS,aAAkC;AACjE,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAmB~~,~~uBAAA~~;AAAA,IACxC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,OAAO;AAAA,QAC/B,cAAc,OAAO,SAAS;AAAA,QAE9B,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,gBACR,GAAG;AAAA,gBACJ,YAAY;AAAA,kBACR,QAAQ;AAAA,kBACR,SAAS;AAAA,~~gBACb~~;AAAA,~~gBACA~~,aAAY;AAAA,gBACZ,OAAO,YAAY;AAAA,kBACf,CAAC,WAAW,OAAO,UAAU,MAAM;AAAA,~~gBACvC~~;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,SAAS,QAAQ,OAAO,OAAO;AAAA,QAC/B,cAAc,OAAO,SAAS;AAAA,QAE9B,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,~~IACJ~~;AAAA,~~IACA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,yCACX,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,QAAQ;AAAA,UAChC,cAAc,OAAO,UAAU;AAAA,UAE/B,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,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype AddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n label: string\n dialCode: string\n value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n return (\n <DefaultOption<CountryOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n size={20}\n src={`/img/countries/${data.value}.png`}\n />\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <Avatar\n className=\"ltr:ml-4 rtl:mr-4\"\n shape=\"circle\"\n size={20}\n src={`/img/countries/${selected.value}.png`}\n />\n )}\n {children}\n </Control>\n )\n}\n\nconst AddressSection = ({ control, errors }: AddressSectionProps) => {\n return (\n <Card>\n <h4 className=\"mb-6\">Address Information</h4>\n <FormItem\n label=\"Country\"\n invalid={Boolean(errors.country)}\n errorMessage={errors.country?.message}\n >\n <Controller\n name=\"country\"\n control={control}\n render={({ field }) => (\n <Select<CountryOption>\n options={countryList}\n {...field}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={countryList.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) => field.onChange(option?.value)}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Address\"\n invalid={Boolean(errors.address)}\n errorMessage={errors.address?.message}\n >\n <Controller\n name=\"address\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Address\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <FormItem\n label=\"City\"\n invalid={Boolean(errors.city)}\n errorMessage={errors.city?.message}\n >\n <Controller\n name=\"city\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"City\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Postal Code\"\n invalid={Boolean(errors.postcode)}\n errorMessage={errors.postcode?.message}\n >\n <Controller\n name=\"postcode\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Postal Code\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n </Card>\n )\n}\n\nexport default AddressSection\n"],"names":["DefaultOption"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.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 OverviewSection from './OverviewSection'\nimport AddressSection from './AddressSection'\nimport TagsSection from './TagsSection'\nimport ProfileImageSection from './ProfileImageSection'\nimport AccountSection from './AccountSection'\nimport isEmpty from 'lodash/isEmpty'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\nimport type { CustomerFormSchema } from './types'\n\ntype CustomerFormProps = {\n onFormSubmit: (values: CustomerFormSchema) => void\n defaultValues?: CustomerFormSchema\n newCustomer?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<CustomerFormSchema> = z.object({\n firstName: z.string().min(1, { message: 'First name required' }),\n lastName: z.string().min(1, { message: 'Last name required' }),\n email: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\n phoneNumber: z\n .string()\n .min(1, { message: 'Please input your mobile number' }),\n country: z.string().min(1, { message: 'Please select a country' }),\n address: z.string().min(1, { message: 'Addrress required' }),\n postcode: z.string().min(1, { message: 'Postcode required' }),\n city: z.string().min(1, { message: 'City required' }),\n img: z.string(),\n tags: z.array(z.object({ value: z.string(), label: z.string() })),\n})\n\nconst CustomerForm = (props: CustomerFormProps) => {\n const {\n onFormSubmit,\n defaultValues = {},\n newCustomer = false,\n children,\n } = props\n\n const {\n handleSubmit,\n reset,\n formState: { errors },\n control,\n } = useForm<CustomerFormSchema>({\n defaultValues: {\n ...{\n banAccount: false,\n accountVerified: true,\n },\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: CustomerFormSchema) => {\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 md:flex-row gap-4\">\n <div className=\"gap-4 flex flex-col flex-auto\">\n <OverviewSection control={control} errors={errors} />\n <AddressSection control={control} errors={errors} />\n </div>\n <div className=\"md:w-[370px] gap-4 flex flex-col\">\n <ProfileImageSection\n control={control}\n errors={errors}\n />\n <TagsSection control={control} errors={errors} />\n {!newCustomer && (\n <AccountSection control={control} errors={errors} />\n )}\n </div>\n </div>\n </Container>\n <BottomStickyBar>{children}</BottomStickyBar>\n </Form>\n )\n}\n\nexport default CustomerForm\n"],"names":["ProfileImageSection"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,mBAAgD,EAAE,OAAO;AAAA,EAC3D,WAAW,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,~~iBAAkB~~,~~CAAA~~,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAa,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAK,EAAE,~~OAAO~~;AAAA,~~EACd~~,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAA,GAAU,OAAO,EAAE,~~OAAO~~,~~EAAA~~,CAAG,CAAC;AACpE,CAAC;~~AAEK~~,~~MAAA~~,eAAe,CAAC,UAA6B;~~AACzC~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,gBAAgB,~~CAAC~~;AAAA,~~IACjB~~,cAAc;AAAA,IACd;AAAA,EAAA,IACA;~~AAEE~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,~~OAAO~~;AAAA,~~IACpB~~;AAAA,~~MACA~~,QAA4B;AAAA,IAC5B,eAAe;AAAA,MACX,GAAG;AAAA,QACC,YAAY;AAAA,QACZ,iBAAiB;AAAA,~~MACrB~~;AAAA,~~MACA~~,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,WAA+B;AAC7C,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~~,iBAAA,EAAgB,SAAkB,~~OAAgB~~,~~CAAA~~;AAAA,YACnD,oBAAC,~~gBAAe~~,~~EAAA~~,SAAkB,~~OAAgB~~,~~CAAA~~;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,oCACX,UAAA;AAAA,YAAA;AAAA,cAACA;AAAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,~~YACJ~~;AAAA,~~YACA~~,oBAAC,~~aAAY~~,~~EAAA~~,SAAkB,~~OAAgB~~,~~CAAA~~;AAAA,YAC9C,CAAC,~~eACG~~,~~oBAAA~~,gBAAA,EAAe,SAAkB,~~OAAgB~~,~~CAAA~~;AAAA,UAAA,~~EAE1D~~,~~CAAA~~;AAAA,QAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,QACA,oBAAC,mBAAiB,~~SAAS~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAC/B~~;~~AAER~~;"}
1	+ {"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.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 OverviewSection from './OverviewSection'\nimport AddressSection from './AddressSection'\nimport TagsSection from './TagsSection'\nimport ProfileImageSection from './ProfileImageSection'\nimport AccountSection from './AccountSection'\nimport isEmpty from 'lodash/isEmpty'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\nimport type { CustomerFormSchema } from './types'\n\ntype CustomerFormProps = {\n onFormSubmit: (values: CustomerFormSchema) => void\n defaultValues?: CustomerFormSchema\n newCustomer?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<CustomerFormSchema> = z.object({\n firstName: z.string().min(1, { message: 'First name required' }),\n lastName: z.string().min(1, { message: 'Last name required' }),\n email: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\n phoneNumber: z\n .string()\n .min(1, { message: 'Please input your mobile number' }),\n country: z.string().min(1, { message: 'Please select a country' }),\n address: z.string().min(1, { message: 'Addrress required' }),\n postcode: z.string().min(1, { message: 'Postcode required' }),\n city: z.string().min(1, { message: 'City required' }),\n img: z.string(),\n tags: z.array(z.object({ value: z.string(), label: z.string() })),\n})\n\nconst CustomerForm = (props: CustomerFormProps) => {\n const {\n onFormSubmit,\n defaultValues = {},\n newCustomer = false,\n children,\n } = props\n\n const {\n handleSubmit,\n reset,\n formState: { errors },\n control,\n } = useForm<CustomerFormSchema>({\n defaultValues: {\n ...{\n banAccount: false,\n accountVerified: true,\n },\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: CustomerFormSchema) => {\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 md:flex-row gap-4\">\n <div className=\"gap-4 flex flex-col flex-auto\">\n <OverviewSection control={control} errors={errors} />\n <AddressSection control={control} errors={errors} />\n </div>\n <div className=\"md:w-[370px] gap-4 flex flex-col\">\n <ProfileImageSection\n control={control}\n errors={errors}\n />\n <TagsSection control={control} errors={errors} />\n {!newCustomer && (\n <AccountSection control={control} errors={errors} />\n )}\n </div>\n </div>\n </Container>\n <BottomStickyBar>{children}</BottomStickyBar>\n </Form>\n )\n}\n\nexport default CustomerForm\n"],"names":["ProfileImageSection"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,mBAAgD,EAAE,OAAO;AAAA,EAC3D,WAAW,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAa,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAM,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAK,EAAE,OAAA;AAAA,EACP,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAA,GAAU,OAAO,EAAE,OAAA,EAAO,CAAG,CAAC;AACpE,CAAC;AAED,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF;AAAA,IACA,gBAAgB,CAAA;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,EAAA,IACA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAA4B;AAAA,IAC5B,eAAe;AAAA,MACX,GAAG;AAAA,QACC,YAAY;AAAA,QACZ,iBAAiB;AAAA,MAAA;AAAA,MAErB,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,WAA+B;AAC7C,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,iBAAA,EAAgB,SAAkB,OAAA,CAAgB;AAAA,YACnD,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA;AAAA,cAACA;AAAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,oBAAC,aAAA,EAAY,SAAkB,OAAA,CAAgB;AAAA,YAC9C,CAAC,eACE,oBAAC,gBAAA,EAAe,SAAkB,OAAA,CAAgB;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,mBAAiB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

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

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

package/dist/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfileImageSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { Button } from '@/components/ui'\nimport DoubleSidedImage from '@/components/shared/DoubleSidedImage'\nimport { Controller } from 'react-hook-form'\nimport { HiOutlineUser } from 'react-icons/hi'\nimport type { FormSectionBaseProps } from './types'\n\ntype ProfileImageSectionProps = FormSectionBaseProps\n\nconst ProfileImage = ({ control }: ProfileImageSectionProps) => {\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <Card>\n <h4 className=\"mb-6\">Image</h4>\n <div className=\"bg-gray-100 dark:bg-gray-700 rounded-lg text-center p-4\">\n <div className=\"text-center\">\n <Controller\n name=\"img\"\n control={control}\n render={({ field }) => (\n <>\n <div className=\"flex items-center justify-center\">\n {field.value ? (\n <Avatar\n size={100}\n className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\n icon={<HiOutlineUser />}\n src={field.value}\n />\n ) : (\n <DoubleSidedImage\n src=\"/img/others/upload.png\"\n darkModeSrc=\"/img/others/upload-dark.png\"\n alt=\"Upload image\"\n />\n )}\n </div>\n <Upload\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={(files) => {\n if (files.length > 0) {\n field.onChange(\n URL.createObjectURL(files[0]),\n )\n }\n }}\n >\n <Button\n variant=\"solid\"\n className=\"mt-4\"\n type=\"button\"\n >\n Upload Image\n </Button>\n </Upload>\n </>\n )}\n />\n </div>\n </div>\n </Card>\n )\n}\n\nexport default ProfileImage\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,eAAe,CAAC,EAAE,cAAwC;~~AACtD~~,~~QAAA~~,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;~~AAExB~~,~~UAAA~~,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;~~AAC9B~~,~~kBAAA~~;AAAA,~~QAAA~~;AAAA,~~MACZ~~;AAAA,IACJ;~~AAGG~~,~~WAAA~~;AAAA,EACX;AAEA,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAK~~,~~SAAA~~;AAAA,wBACzB,~~OAAI~~,~~EAAA~~,WAAU,2DACX,~~UAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,~~MAEH~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,UAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,oCACV,UAAA,MAAM,QACH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,WAAU;AAAA,cACV,0BAAO,~~eAAc~~,~~EAAA~~;AAAA,cACrB,KAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAGf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,KAAI;AAAA,YAAA;AAAA,UAAA,GAGhB;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU;AAAA,cACV,aAAa;AAAA,cACb;AAAA,cACA,UAAU,CAAC,UAAU;~~AACb~~,~~oBAAA~~,MAAM,SAAS,GAAG;~~AACZ~~,~~wBAAA~~;AAAA,oBACF,IAAI,gBAAgB,MAAM,CAAC,CAAC;AAAA,~~kBAChC~~;AAAA,~~gBAAA~~;AAAA,~~cAER~~;AAAA,cAEA,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QACJ,~~EACJ~~,~~CAAA~~;AAAA,MAAA;AAAA,~~OAGZ~~,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"ProfileImageSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { Button } from '@/components/ui'\nimport DoubleSidedImage from '@/components/shared/DoubleSidedImage'\nimport { Controller } from 'react-hook-form'\nimport { HiOutlineUser } from 'react-icons/hi'\nimport type { FormSectionBaseProps } from './types'\n\ntype ProfileImageSectionProps = FormSectionBaseProps\n\nconst ProfileImage = ({ control }: ProfileImageSectionProps) => {\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <Card>\n <h4 className=\"mb-6\">Image</h4>\n <div className=\"bg-gray-100 dark:bg-gray-700 rounded-lg text-center p-4\">\n <div className=\"text-center\">\n <Controller\n name=\"img\"\n control={control}\n render={({ field }) => (\n <>\n <div className=\"flex items-center justify-center\">\n {field.value ? (\n <Avatar\n size={100}\n className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\n icon={<HiOutlineUser />}\n src={field.value}\n />\n ) : (\n <DoubleSidedImage\n src=\"/img/others/upload.png\"\n darkModeSrc=\"/img/others/upload-dark.png\"\n alt=\"Upload image\"\n />\n )}\n </div>\n <Upload\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={(files) => {\n if (files.length > 0) {\n field.onChange(\n URL.createObjectURL(files[0]),\n )\n }\n }}\n >\n <Button\n variant=\"solid\"\n className=\"mt-4\"\n type=\"button\"\n >\n Upload Image\n </Button>\n </Upload>\n </>\n )}\n />\n </div>\n </div>\n </Card>\n )\n}\n\nexport default ProfileImage\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,eAAe,CAAC,EAAE,cAAwC;AAC5D,QAAM,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;AACtC,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,SAAK;AAAA,wBACzB,OAAA,EAAI,WAAU,2DACX,UAAA,oBAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,MAAM,QACH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,WAAU;AAAA,cACV,0BAAO,eAAA,EAAc;AAAA,cACrB,KAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAGf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,KAAI;AAAA,YAAA;AAAA,UAAA,GAGhB;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU;AAAA,cACV,aAAa;AAAA,cACb;AAAA,cACA,UAAU,CAAC,UAAU;AACjB,oBAAI,MAAM,SAAS,GAAG;AAClB,wBAAM;AAAA,oBACF,IAAI,gBAAgB,MAAM,CAAC,CAAC;AAAA,kBAAA;AAAA,gBAEpC;AAAA,cACJ;AAAA,cAEA,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,GAGZ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/TagsSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/TagsSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from './types'\n\ntype TagsSectionProps = FormSectionBaseProps\n\nconst defaultOptions = [\n { value: 'frequentShoppers', label: 'Frequent Shoppers' },\n { value: 'inactiveCustomers', label: 'Inactive' },\n { value: 'newCustomers', label: 'New' },\n]\n\nconst TagsSection = ({ control }: TagsSectionProps) => {\n return (\n <Card>\n <h4 className=\"mb-2\">Customer Tags</h4>\n <div className=\"mt-6\">\n <Controller\n name=\"tags\"\n control={control}\n render={({ field }) => (\n <Select\n isMulti\n isClearable\n placeholder=\"Add tags for customer...\"\n componentAs={CreatableSelect}\n options={defaultOptions}\n onChange={(option) => field.onChange(option)}\n />\n )}\n />\n </div>\n </Card>\n )\n}\n\nexport default TagsSection\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;AAAA,EACnB,EAAE,OAAO,oBAAoB,OAAO,~~oBAAoB~~;AAAA,~~EACxD~~,EAAE,OAAO,qBAAqB,OAAO,~~WAAW~~;AAAA,~~EAChD~~,EAAE,OAAO,gBAAgB,OAAO,~~MAAM~~;~~AAC1C~~;AAEA,MAAM,cAAc,CAAC,EAAE,cAAgC;AACnD,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAa~~,~~iBAAA~~;AAAA,IAClC,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAO;AAAA,YACP,aAAW;AAAA,YACX,aAAY;AAAA,YACZ,aAAa;AAAA,YACb,SAAS;AAAA,YACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA,~~EAGZ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"TagsSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/TagsSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from './types'\n\ntype TagsSectionProps = FormSectionBaseProps\n\nconst defaultOptions = [\n { value: 'frequentShoppers', label: 'Frequent Shoppers' },\n { value: 'inactiveCustomers', label: 'Inactive' },\n { value: 'newCustomers', label: 'New' },\n]\n\nconst TagsSection = ({ control }: TagsSectionProps) => {\n return (\n <Card>\n <h4 className=\"mb-2\">Customer Tags</h4>\n <div className=\"mt-6\">\n <Controller\n name=\"tags\"\n control={control}\n render={({ field }) => (\n <Select\n isMulti\n isClearable\n placeholder=\"Add tags for customer...\"\n componentAs={CreatableSelect}\n options={defaultOptions}\n onChange={(option) => field.onChange(option)}\n />\n )}\n />\n </div>\n </Card>\n )\n}\n\nexport default TagsSection\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;AAAA,EACnB,EAAE,OAAO,oBAAoB,OAAO,oBAAA;AAAA,EACpC,EAAE,OAAO,qBAAqB,OAAO,WAAA;AAAA,EACrC,EAAE,OAAO,gBAAgB,OAAO,MAAA;AACpC;AAEA,MAAM,cAAc,CAAC,EAAE,cAAgC;AACnD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAa;AAAA,IAClC,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAO;AAAA,YACP,aAAW;AAAA,YACX,aAAY;AAAA,YACZ,aAAa;AAAA,YACb,SAAS;AAAA,YACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/CustomerList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerList.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerList/CustomerList.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport Container from '@/components/shared/Container'\nimport CustomerListTable from './components/CustomerListTable'\nimport CustomerListActionTools from './components/CustomerListActionTools'\nimport CustomersListTableTools from './components/CustomersListTableTools'\nimport CustomerListSelected from './components/CustomerListSelected'\n\nconst CustomerList = () => {\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>Customers</h3>\n <CustomerListActionTools />\n </div>\n <CustomersListTableTools />\n <CustomerListTable />\n </div>\n </AdaptiveCard>\n </Container>\n <CustomerListSelected />\n </>\n )\n}\n\nexport default CustomerList\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,MAAM;AACvB,~~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,~~UAAS~~,YAAA,~~CAAA~~;AAAA,4BACZ,~~yBAAwB~~,CAAA,~~CAAA~~;AAAA,MAAA,GAC7B;AAAA,0BACC,~~yBAAwB~~,~~EAAA~~;AAAA,0BACxB,~~mBAAkB~~,CAAA,~~CAAA~~;AAAA,IAAA,~~EACvB~~,~~CAAA~~,~~EACJ~~,~~CAAA,~~GACJ;AAAA,wBACC,~~sBAAqB~~,CAAA,~~CAAA~~;AAAA,EAAA,GAC1B;AAER;"}
1	+ {"version":3,"file":"CustomerList.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerList/CustomerList.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport Container from '@/components/shared/Container'\nimport CustomerListTable from './components/CustomerListTable'\nimport CustomerListActionTools from './components/CustomerListActionTools'\nimport CustomersListTableTools from './components/CustomersListTableTools'\nimport CustomerListSelected from './components/CustomerListSelected'\n\nconst CustomerList = () => {\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>Customers</h3>\n <CustomerListActionTools />\n </div>\n <CustomersListTableTools />\n <CustomerListTable />\n </div>\n </AdaptiveCard>\n </Container>\n <CustomerListSelected />\n </>\n )\n}\n\nexport default CustomerList\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,MAAM;AACvB,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,YAAA,CAAS;AAAA,4BACZ,yBAAA,CAAA,CAAwB;AAAA,MAAA,GAC7B;AAAA,0BACC,yBAAA,EAAwB;AAAA,0BACxB,mBAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACvB,GACJ,GACJ;AAAA,wBACC,sBAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListActionTools.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbUserPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { CSVLink } from 'react-csv'\n\nconst CustomerListActionTools = () => {\n const navigate = useNavigate()\n\n const { customerList } = useCustomerList()\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={customerList}\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={<TbUserPlus className=\"text-xl\" />}\n onClick={() => navigate('/concepts/customers/customer-create')}\n >\n Add new\n </Button>\n </div>\n )\n}\n\nexport default CustomerListActionTools\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,WAAW,~~YAAY~~;~~AAEvB~~,~~QAAA~~,EAAE,~~aAAa~~,~~IAAI~~,~~gBAAgB~~;~~AAGrC~~,~~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,~~YAAW~~,~~EAAA~~,WAAU,~~UAAU~~,~~CAAA~~;AAAA,QACtC,SAAS,MAAM,SAAS,qCAAqC;AAAA,QAChE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
1	+ {"version":3,"file":"CustomerListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbUserPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { CSVLink } from 'react-csv'\n\nconst CustomerListActionTools = () => {\n const navigate = useNavigate()\n\n const { customerList } = useCustomerList()\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={customerList}\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={<TbUserPlus className=\"text-xl\" />}\n onClick={() => navigate('/concepts/customers/customer-create')}\n >\n Add new\n </Button>\n </div>\n )\n}\n\nexport default CustomerListActionTools\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,aAAA,IAAiB,gBAAA;AAEzB,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,YAAA,EAAW,WAAU,UAAA,CAAU;AAAA,QACtC,SAAS,MAAM,SAAS,qCAAqC;AAAA,QAChE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { TbSearch } from 'react-icons/tb'\nimport { Ref } from 'react'\n\ntype CustomerListSearchProps = {\n onInputChange: (value: string) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst CustomerListSearch = (props: CustomerListSearchProps) => {\n const { onInputChange, ref } = props\n\n return (\n <DebounceInput\n ref={ref}\n placeholder=\"Quick search...\"\n suffix={<TbSearch className=\"text-lg\" />}\n onChange={(e) => onInputChange(e.target.value)}\n />\n )\n}\n\nexport default CustomerListSearch\n"],"names":[],"mappings":";;;~~AASM~~,~~MAAA~~,qBAAqB,CAAC,UAAmC;~~AACrD~~,~~QAAA~~,EAAE,eAAe,IAAA,IAAQ;~~AAG3B~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,oBAAC,~~UAAS~~,~~EAAA~~,WAAU,~~UAAU~~,~~CAAA~~;AAAA,MACtC,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,~~EACjD~~;~~AAER~~;"}
1	+ {"version":3,"file":"CustomerListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { TbSearch } from 'react-icons/tb'\nimport { Ref } from 'react'\n\ntype CustomerListSearchProps = {\n onInputChange: (value: string) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst CustomerListSearch = (props: CustomerListSearchProps) => {\n const { onInputChange, ref } = props\n\n return (\n <DebounceInput\n ref={ref}\n placeholder=\"Quick search...\"\n suffix={<TbSearch className=\"text-lg\" />}\n onChange={(e) => onInputChange(e.target.value)}\n />\n )\n}\n\nexport default CustomerListSearch\n"],"names":[],"mappings":";;;AASA,MAAM,qBAAqB,CAAC,UAAmC;AAC3D,QAAM,EAAE,eAAe,IAAA,IAAQ;AAE/B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst CustomerListSelected = () => {\n const {\n selectedCustomer,\n customerList,\n mutate,\n customerListTotal,\n setSelectAllCustomer,\n } = useCustomerList()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\n const [sendMessageLoading, setSendMessageLoading] = useState(false)\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n const newCustomerList = customerList.filter((customer) => {\n return !selectedCustomer.some(\n (selected) => selected.id === customer.id,\n )\n })\n setSelectAllCustomer([])\n mutate(\n {\n list: newCustomerList,\n total: customerListTotal - selectedCustomer.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n }\n\n const handleSend = () => {\n setSendMessageLoading(true)\n setTimeout(() => {\n toast.push(\n <Notification type=\"success\">Message sent!</Notification>,\n { placement: 'top-center' },\n )\n setSendMessageLoading(false)\n setSendMessageDialogOpen(false)\n setSelectAllCustomer([])\n }, 500)\n }\n\n return (\n <>\n {selectedCustomer.length > 0 && (\n <StickyFooter\n className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n >\n <div className=\"container mx-auto\">\n <div className=\"flex items-center justify-between\">\n <span>\n {selectedCustomer.length > 0 && (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-lg text-primary\">\n <TbChecks />\n </span>\n <span className=\"font-semibold flex items-center gap-1\">\n <span className=\"heading-text\">\n {selectedCustomer.length}{' '}\n Customers\n </span>\n <span>selected</span>\n </span>\n </span>\n )}\n </span>\n\n <div className=\"flex items-center\">\n <Button\n size=\"sm\"\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'\n }\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={() =>\n setSendMessageDialogOpen(true)\n }\n >\n Message\n </Button>\n </div>\n </div>\n </div>\n </StickyFooter>\n )}\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove these customers? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n <Dialog\n isOpen={sendMessageDialogOpen}\n onRequestClose={() => setSendMessageDialogOpen(false)}\n onClose={() => setSendMessageDialogOpen(false)}\n >\n <h5 className=\"mb-2\">Send Message</h5>\n <p>Send message to the following customers</p>\n <Avatar.Group\n chained\n omittedAvatarTooltip\n className=\"mt-4\"\n maxCount={4}\n omittedAvatarProps={{ size: 30 }}\n >\n {selectedCustomer.map((customer) => (\n <Tooltip key={customer.id} title={customer.name}>\n <Avatar size={30} src={customer.img} alt=\"\" />\n </Tooltip>\n ))}\n </Avatar.Group>\n <div className=\"my-4\">\n <RichTextEditor content={''} />\n </div>\n <div className=\"ltr:justify-end flex items-center gap-2\">\n <Button\n size=\"sm\"\n onClick={() => setSendMessageDialogOpen(false)}\n >\n Cancel\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n loading={sendMessageLoading}\n onClick={handleSend}\n >\n Send\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListSelected\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst CustomerListSelected = () => {\n const {\n selectedCustomer,\n customerList,\n mutate,\n customerListTotal,\n setSelectAllCustomer,\n } = useCustomerList()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\n const [sendMessageLoading, setSendMessageLoading] = useState(false)\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n const newCustomerList = customerList.filter((customer) => {\n return !selectedCustomer.some(\n (selected) => selected.id === customer.id,\n )\n })\n setSelectAllCustomer([])\n mutate(\n {\n list: newCustomerList,\n total: customerListTotal - selectedCustomer.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n }\n\n const handleSend = () => {\n setSendMessageLoading(true)\n setTimeout(() => {\n toast.push(\n <Notification type=\"success\">Message sent!</Notification>,\n { placement: 'top-center' },\n )\n setSendMessageLoading(false)\n setSendMessageDialogOpen(false)\n setSelectAllCustomer([])\n }, 500)\n }\n\n return (\n <>\n {selectedCustomer.length > 0 && (\n <StickyFooter\n className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n >\n <div className=\"container mx-auto\">\n <div className=\"flex items-center justify-between\">\n <span>\n {selectedCustomer.length > 0 && (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-lg text-primary\">\n <TbChecks />\n </span>\n <span className=\"font-semibold flex items-center gap-1\">\n <span className=\"heading-text\">\n {selectedCustomer.length}{' '}\n Customers\n </span>\n <span>selected</span>\n </span>\n </span>\n )}\n </span>\n\n <div className=\"flex items-center\">\n <Button\n size=\"sm\"\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'\n }\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={() =>\n setSendMessageDialogOpen(true)\n }\n >\n Message\n </Button>\n </div>\n </div>\n </div>\n </StickyFooter>\n )}\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove these customers? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n <Dialog\n isOpen={sendMessageDialogOpen}\n onRequestClose={() => setSendMessageDialogOpen(false)}\n onClose={() => setSendMessageDialogOpen(false)}\n >\n <h5 className=\"mb-2\">Send Message</h5>\n <p>Send message to the following customers</p>\n <Avatar.Group\n chained\n omittedAvatarTooltip\n className=\"mt-4\"\n maxCount={4}\n omittedAvatarProps={{ size: 30 }}\n >\n {selectedCustomer.map((customer) => (\n <Tooltip key={customer.id} title={customer.name}>\n <Avatar size={30} src={customer.img} alt=\"\" />\n </Tooltip>\n ))}\n </Avatar.Group>\n <div className=\"my-4\">\n <RichTextEditor content={''} />\n </div>\n <div className=\"ltr:justify-end flex items-center gap-2\">\n <Button\n size=\"sm\"\n onClick={() => setSendMessageDialogOpen(false)}\n >\n Cancel\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n loading={sendMessageLoading}\n onClick={handleSend}\n >\n Send\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListSelected\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { Link, useNavigate } from 'react-router-dom'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbPencil, TbEye } from 'react-icons/tb'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Customer } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst statusColor: Record<string, string> = {\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst NameColumn = ({ row }: { row: Customer }) => {\n return (\n <div className=\"flex items-center\">\n <Avatar size={40} shape=\"circle\" src={row.img} />\n <Link\n className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\n to={`/concepts/customers/customer-details/${row.id}`}\n >\n {row.name}\n </Link>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onViewDetail,\n}: {\n onEdit: () => void\n onViewDetail: () => void\n}) => {\n return (\n <div className=\"flex items-center gap-3\">\n <Tooltip title=\"Edit\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onEdit}\n >\n <TbPencil />\n </div>\n </Tooltip>\n <Tooltip title=\"View\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onViewDetail}\n >\n <TbEye />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst CustomerListTable = () => {\n const navigate = useNavigate()\n\n const {\n customerList,\n customerListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllCustomer,\n setSelectedCustomer,\n selectedCustomer,\n } = useCustomerList()\n\n const handleEdit = (customer: Customer) => {\n navigate(`/concepts/customers/customer-edit/${customer.id}`)\n }\n\n const handleViewDetails = (customer: Customer) => {\n navigate(`/concepts/customers/customer-details/${customer.id}`)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <NameColumn row={row} />\n },\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: 'location',\n accessorKey: 'personalInfo.location',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <Tag className={statusColor[row.status]}>\n <span className=\"capitalize\">{row.status}</span>\n </Tag>\n </div>\n )\n },\n },\n {\n header: 'Spent',\n accessorKey: 'totalSpending',\n cell: (props) => {\n return <span>${props.row.original.totalSpending}</span>\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onViewDetail={() =>\n handleViewDetails(props.row.original)\n }\n />\n ),\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedCustomer.length > 0) {\n setSelectAllCustomer([])\n }\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 const handleRowSelect = (checked: boolean, row: Customer) => {\n setSelectedCustomer(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllCustomer(originalRows)\n } else {\n setSelectAllCustomer([])\n }\n }\n\n return (\n <DataTable\n selectable\n columns={columns}\n data={customerList}\n noData={!isLoading && customerList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: customerListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedCustomer.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n )\n}\n\nexport default CustomerListTable\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { Link, useNavigate } from 'react-router-dom'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbPencil, TbEye } from 'react-icons/tb'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Customer } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst statusColor: Record<string, string> = {\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst NameColumn = ({ row }: { row: Customer }) => {\n return (\n <div className=\"flex items-center\">\n <Avatar size={40} shape=\"circle\" src={row.img} />\n <Link\n className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\n to={`/concepts/customers/customer-details/${row.id}`}\n >\n {row.name}\n </Link>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onViewDetail,\n}: {\n onEdit: () => void\n onViewDetail: () => void\n}) => {\n return (\n <div className=\"flex items-center gap-3\">\n <Tooltip title=\"Edit\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onEdit}\n >\n <TbPencil />\n </div>\n </Tooltip>\n <Tooltip title=\"View\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onViewDetail}\n >\n <TbEye />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst CustomerListTable = () => {\n const navigate = useNavigate()\n\n const {\n customerList,\n customerListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllCustomer,\n setSelectedCustomer,\n selectedCustomer,\n } = useCustomerList()\n\n const handleEdit = (customer: Customer) => {\n navigate(`/concepts/customers/customer-edit/${customer.id}`)\n }\n\n const handleViewDetails = (customer: Customer) => {\n navigate(`/concepts/customers/customer-details/${customer.id}`)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <NameColumn row={row} />\n },\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: 'location',\n accessorKey: 'personalInfo.location',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <Tag className={statusColor[row.status]}>\n <span className=\"capitalize\">{row.status}</span>\n </Tag>\n </div>\n )\n },\n },\n {\n header: 'Spent',\n accessorKey: 'totalSpending',\n cell: (props) => {\n return <span>${props.row.original.totalSpending}</span>\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onViewDetail={() =>\n handleViewDetails(props.row.original)\n }\n />\n ),\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedCustomer.length > 0) {\n setSelectAllCustomer([])\n }\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 const handleRowSelect = (checked: boolean, row: Customer) => {\n setSelectedCustomer(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllCustomer(originalRows)\n } else {\n setSelectAllCustomer([])\n }\n }\n\n return (\n <DataTable\n selectable\n columns={columns}\n data={customerList}\n noData={!isLoading && customerList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: customerListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedCustomer.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n )\n}\n\nexport default CustomerListTable\n"],"names":[],"mappings":"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"}