npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

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 (1733) hide show

package/dist/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentMethodSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Input from '@/components/ui/Input'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\r\nimport FormPatternInput from '@/components/shared/PatternInput'\r\nimport { Controller } from 'react-hook-form'\r\nimport { TbCreditCard, TbBrandPaypal, TbBuildingBank } from 'react-icons/tb'\r\nimport { components } from 'react-select'\r\nimport type {\r\n FormSectionBaseProps,\r\n GetPaymentMethodFields,\r\n PaymentType,\r\n} from '../types'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\nimport type { FieldErrors } from 'react-hook-form'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype CreditCardFieldError = FieldErrors<\r\n GetPaymentMethodFields<'creditOrDebitCard'>\r\n>\r\ntype PaypalFieldError = FieldErrors<GetPaymentMethodFields<'paypal'>>\r\ntype BankTransferFieldError = FieldErrors<\r\n GetPaymentMethodFields<'bankTransfer'>\r\n>\r\n\r\ntype PaymentMethodSectionProps = FormSectionBaseProps & {\r\n selectedPaymentMethod: string\r\n}\r\n\r\ntype PaymentMethodOption = {\r\n label: string\r\n value: PaymentType\r\n icon: ReactNode\r\n}\r\n\r\nconst paymentMethodOptions: PaymentMethodOption[] = [\r\n {\r\n label: 'Credit/Debit card',\r\n value: 'creditOrDebitCard',\r\n icon: <TbCreditCard />,\r\n },\r\n { label: 'Paypal', value: 'paypal', icon: <TbBrandPaypal /> },\r\n { label: 'Bank transfer', value: 'bankTransfer', icon: <TbBuildingBank /> },\r\n]\r\n\r\nfunction limit(val: string, max: string) {\r\n if (val.length === 1 && val[0] > max[0]) {\r\n val = '0' + val\r\n }\r\n\r\n if (val.length === 2) {\r\n if (Number(val) === 0) {\r\n val = '01'\r\n } else if (val > max) {\r\n val = max\r\n }\r\n }\r\n\r\n return val\r\n}\r\n\r\nfunction cardExpiryFormat(val: string) {\r\n const month = limit(val.substring(0, 2), '12')\r\n const date = limit(val.substring(2, 4), '31')\r\n\r\n return month + (date.length ? '/' + date : '')\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst CustomSelectOption = (props: OptionProps<PaymentMethodOption>) => {\r\n return (\r\n <DefaultOption<PaymentMethodOption>\r\n {...props}\r\n customLabel={(data, label) => (\r\n <span className=\"flex items-center gap-2\">\r\n <span className=\"text-xl\">{data.icon}</span>\r\n <span>{label}</span>\r\n </span>\r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst CustomControl = ({\r\n children,\r\n ...props\r\n}: ControlProps<PaymentMethodOption>) => {\r\n const selected = props.getValue()[0]\r\n return (\r\n <Control {...props}>\r\n {selected && (\r\n <span className=\"text-xl ltr:ml-4 rtl:mr-4 text-primary\">\r\n {selected.icon}\r\n </span>\r\n )}\r\n {children}\r\n </Control>\r\n )\r\n}\r\n\r\nconst PaymentMethodSection = ({\r\n control,\r\n errors,\r\n selectedPaymentMethod,\r\n}: PaymentMethodSectionProps) => {\r\n return (\r\n <Card id=\"payment\">\r\n <h4 className=\"mb-6\">Payment</h4>\r\n <FormItem\r\n label=\"Payment method\"\r\n invalid={Boolean(errors.paymentMethod)}\r\n errorMessage={errors.paymentMethod?.message}\r\n >\r\n <Controller\r\n name=\"paymentMethod\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select<PaymentMethodOption>\r\n options={paymentMethodOptions}\r\n {...field}\r\n components={{\r\n Option: CustomSelectOption,\r\n Control: CustomControl,\r\n }}\r\n placeholder=\"\"\r\n value={paymentMethodOptions.filter(\r\n (option) => option.value === field.value,\r\n )}\r\n onChange={(option) => field.onChange(option?.value)}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n {selectedPaymentMethod === 'creditOrDebitCard' && (\r\n <>\r\n <FormItem\r\n label=\"User Name\"\r\n invalid={Boolean(\r\n (errors as CreditCardFieldError).cardHolderName,\r\n )}\r\n errorMessage={\r\n (errors as CreditCardFieldError).cardHolderName\r\n ?.message\r\n }\r\n >\r\n <Controller\r\n name=\"cardHolderName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Card holder name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Credit card number\"\r\n invalid={Boolean(\r\n (errors as CreditCardFieldError).ccNumber,\r\n )}\r\n errorMessage={\r\n (errors as CreditCardFieldError).ccNumber?.message\r\n }\r\n >\r\n <Controller\r\n name=\"ccNumber\"\r\n control={control}\r\n render={({ field }) => (\r\n <FormPatternInput\r\n placeholder=\"•••• •••• •••• ••••\"\r\n format=\"#### #### #### ####\"\r\n value={field.value}\r\n onValueChange={(e) => {\r\n field.onChange(e.value)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"grid grid-cols-2 gap-4\">\r\n <FormItem\r\n label=\"Expiration date\"\r\n invalid={Boolean(\r\n (errors as CreditCardFieldError).cardExpiry,\r\n )}\r\n errorMessage={\r\n (errors as CreditCardFieldError).cardExpiry\r\n ?.message\r\n }\r\n >\r\n <Controller\r\n name=\"cardExpiry\"\r\n control={control}\r\n render={({ field }) => (\r\n <FormCustomFormatInput\r\n placeholder=\"••/••\"\r\n format={cardExpiryFormat}\r\n value={field.value}\r\n onValueChange={(e) => {\r\n field.onChange(e.value)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"CVV\"\r\n invalid={Boolean(\r\n (errors as CreditCardFieldError).code,\r\n )}\r\n errorMessage={\r\n (errors as CreditCardFieldError).code?.message\r\n }\r\n >\r\n <Controller\r\n name=\"code\"\r\n control={control}\r\n render={({ field }) => (\r\n <FormPatternInput\r\n placeholder=\"•••\"\r\n format=\"###\"\r\n value={field.value}\r\n onValueChange={(e) => {\r\n field.onChange(e.value)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n </>\r\n )}\r\n {selectedPaymentMethod === 'paypal' && (\r\n <>\r\n <FormItem\r\n label=\"Paypal email\"\r\n invalid={Boolean(\r\n (errors as PaypalFieldError).paypalEmail,\r\n )}\r\n errorMessage={\r\n (errors as PaypalFieldError).paypalEmail?.message\r\n }\r\n >\r\n <Controller\r\n name=\"paypalEmail\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"email\"\r\n autoComplete=\"off\"\r\n placeholder=\"Email\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </>\r\n )}\r\n {selectedPaymentMethod === 'bankTransfer' && (\r\n <>\r\n <FormItem\r\n label=\"Bank name\"\r\n invalid={Boolean(\r\n (errors as BankTransferFieldError).bankName,\r\n )}\r\n errorMessage={\r\n (errors as BankTransferFieldError).bankName?.message\r\n }\r\n >\r\n <Controller\r\n name=\"bankName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Bank name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Account number\"\r\n invalid={Boolean(\r\n (errors as BankTransferFieldError).accountNumber,\r\n )}\r\n errorMessage={\r\n (errors as BankTransferFieldError).accountNumber\r\n ?.message\r\n }\r\n >\r\n <Controller\r\n name=\"accountNumber\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Account number\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Account holder name\"\r\n invalid={Boolean(\r\n (errors as BankTransferFieldError)\r\n .accountHolderName,\r\n )}\r\n errorMessage={\r\n (errors as BankTransferFieldError).accountHolderName\r\n ?.message\r\n }\r\n >\r\n <Controller\r\n name=\"accountHolderName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Account holder name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"grid grid-cols-2 gap-4\">\r\n <FormItem\r\n label=\"IBAN\"\r\n invalid={Boolean(\r\n (errors as BankTransferFieldError).IBAN,\r\n )}\r\n errorMessage={\r\n (errors as BankTransferFieldError).IBAN?.message\r\n }\r\n >\r\n <Controller\r\n name=\"IBAN\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"IBAN\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Reference number\"\r\n invalid={Boolean(\r\n (errors as BankTransferFieldError)\r\n .referenceNumber,\r\n )}\r\n errorMessage={\r\n (errors as BankTransferFieldError)\r\n .referenceNumber?.message\r\n }\r\n >\r\n <Controller\r\n name=\"referenceNumber\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Reference number\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n </>\r\n )}\r\n </Card>\r\n )\r\n}\r\n\r\nexport default PaymentMethodSection\r\n"],"names":["paymentMethodOptions","TbCreditCard","jsx","TbBrandPaypal","TbBuildingBank","limit","val","max","cardExpiryFormat","month","date","Control","components","CustomSelectOption","props","DefaultOption","data","label","jsxs","CustomControl","children","selected","PaymentMethodSection","control","errors","selectedPaymentMethod","Card","FormItem","_a","Controller","field","Select","option","Fragment","_b","Input","_c","FormPatternInput","e","_d","FormCustomFormatInput","_e","_f","_g","_h","_i","_j","_k"],"mappings":"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"}
1	+ {"version":3,"file":"PaymentMethodSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { Controller } from 'react-hook-form'\nimport { TbCreditCard, TbBrandPaypal, TbBuildingBank } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport type {\n FormSectionBaseProps,\n GetPaymentMethodFields,\n PaymentType,\n} from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport type { FieldErrors } from 'react-hook-form'\nimport type { ReactNode } from 'react'\n\ntype CreditCardFieldError = FieldErrors<\n GetPaymentMethodFields<'creditOrDebitCard'>\n>\ntype PaypalFieldError = FieldErrors<GetPaymentMethodFields<'paypal'>>\ntype BankTransferFieldError = FieldErrors<\n GetPaymentMethodFields<'bankTransfer'>\n>\n\ntype PaymentMethodSectionProps = FormSectionBaseProps & {\n selectedPaymentMethod: string\n}\n\ntype PaymentMethodOption = {\n label: string\n value: PaymentType\n icon: ReactNode\n}\n\nconst paymentMethodOptions: PaymentMethodOption[] = [\n {\n label: 'Credit/Debit card',\n value: 'creditOrDebitCard',\n icon: <TbCreditCard />,\n },\n { label: 'Paypal', value: 'paypal', icon: <TbBrandPaypal /> },\n { label: 'Bank transfer', value: 'bankTransfer', icon: <TbBuildingBank /> },\n]\n\nfunction limit(val: string, max: string) {\n if (val.length === 1 && val[0] > max[0]) {\n val = '0' + val\n }\n\n if (val.length === 2) {\n if (Number(val) === 0) {\n val = '01'\n } else if (val > max) {\n val = max\n }\n }\n\n return val\n}\n\nfunction cardExpiryFormat(val: string) {\n const month = limit(val.substring(0, 2), '12')\n const date = limit(val.substring(2, 4), '31')\n\n return month + (date.length ? '/' + date : '')\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<PaymentMethodOption>) => {\n return (\n <DefaultOption<PaymentMethodOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-xl\">{data.icon}</span>\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({\n children,\n ...props\n}: ControlProps<PaymentMethodOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <span className=\"text-xl ltr:ml-4 rtl:mr-4 text-primary\">\n {selected.icon}\n </span>\n )}\n {children}\n </Control>\n )\n}\n\nconst PaymentMethodSection = ({\n control,\n errors,\n selectedPaymentMethod,\n}: PaymentMethodSectionProps) => {\n return (\n <Card id=\"payment\">\n <h4 className=\"mb-6\">Payment</h4>\n <FormItem\n label=\"Payment method\"\n invalid={Boolean(errors.paymentMethod)}\n errorMessage={errors.paymentMethod?.message}\n >\n <Controller\n name=\"paymentMethod\"\n control={control}\n render={({ field }) => (\n <Select<PaymentMethodOption>\n options={paymentMethodOptions}\n {...field}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={paymentMethodOptions.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) => field.onChange(option?.value)}\n />\n )}\n />\n </FormItem>\n {selectedPaymentMethod === 'creditOrDebitCard' && (\n <>\n <FormItem\n label=\"User Name\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardHolderName,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardHolderName\n ?.message\n }\n >\n <Controller\n name=\"cardHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Card holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Credit card number\"\n invalid={Boolean(\n (errors as CreditCardFieldError).ccNumber,\n )}\n errorMessage={\n (errors as CreditCardFieldError).ccNumber?.message\n }\n >\n <Controller\n name=\"ccNumber\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••• •••• •••• ••••\"\n format=\"#### #### #### ####\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardExpiry,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardExpiry\n ?.message\n }\n >\n <Controller\n name=\"cardExpiry\"\n control={control}\n render={({ field }) => (\n <FormCustomFormatInput\n placeholder=\"••/••\"\n format={cardExpiryFormat}\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"CVV\"\n invalid={Boolean(\n (errors as CreditCardFieldError).code,\n )}\n errorMessage={\n (errors as CreditCardFieldError).code?.message\n }\n >\n <Controller\n name=\"code\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••\"\n format=\"###\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n {selectedPaymentMethod === 'paypal' && (\n <>\n <FormItem\n label=\"Paypal email\"\n invalid={Boolean(\n (errors as PaypalFieldError).paypalEmail,\n )}\n errorMessage={\n (errors as PaypalFieldError).paypalEmail?.message\n }\n >\n <Controller\n name=\"paypalEmail\"\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 </>\n )}\n {selectedPaymentMethod === 'bankTransfer' && (\n <>\n <FormItem\n label=\"Bank name\"\n invalid={Boolean(\n (errors as BankTransferFieldError).bankName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).bankName?.message\n }\n >\n <Controller\n name=\"bankName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Bank name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account number\"\n invalid={Boolean(\n (errors as BankTransferFieldError).accountNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountNumber\n ?.message\n }\n >\n <Controller\n name=\"accountNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account number\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account holder name\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .accountHolderName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountHolderName\n ?.message\n }\n >\n <Controller\n name=\"accountHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"IBAN\"\n invalid={Boolean(\n (errors as BankTransferFieldError).IBAN,\n )}\n errorMessage={\n (errors as BankTransferFieldError).IBAN?.message\n }\n >\n <Controller\n name=\"IBAN\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"IBAN\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Reference number\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .referenceNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError)\n .referenceNumber?.message\n }\n >\n <Controller\n name=\"referenceNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Reference number\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n </Card>\n )\n}\n\nexport default PaymentMethodSection\n"],"names":["paymentMethodOptions","TbCreditCard","jsx","TbBrandPaypal","TbBuildingBank","limit","val","max","cardExpiryFormat","month","date","Control","components","CustomSelectOption","props","DefaultOption","data","label","jsxs","CustomControl","children","selected","PaymentMethodSection","control","errors","selectedPaymentMethod","Card","FormItem","_a","Controller","field","Select","option","Fragment","_b","Input","_c","FormPatternInput","e","_d","FormCustomFormatInput","_e","_f","_g","_h","_i","_j","_k"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderForm/components/ProductSelectSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductSelectSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/ProductSelectSection.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Table from '@/components/ui/Table'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport AutoComplete from '@/components/shared/AutoComplete'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useOrderFormStore } from '../store/orderFormStore'\r\nimport classNames from '@/utils/classNames'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport { TbSearch, TbMinus, TbPlus } from 'react-icons/tb'\r\nimport type { Product, ProductOption, SelectedProduct } from '../types'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst ProductSelectSection = () => {\r\n const { productOption, productList, selectedProduct, setSelectedProduct } =\r\n useOrderFormStore()\r\n\r\n const [inputValue, setInputValue] = useState('')\r\n\r\n const [productsDialogOpen, setProductsDialogOpen] = useState(false)\r\n\r\n const { smaller } = useResponsive()\r\n\r\n const handleOptionSelect = (option: ProductOption) => {\r\n const selected = productList.find(\r\n (product) => product.id === option.value,\r\n )\r\n\r\n if (selected) {\r\n if (selectedProduct.some((product) => product.id === selected.id)) {\r\n return\r\n } else {\r\n selectedProduct.push({ ...selected, quantity: 1 })\r\n setSelectedProduct(selectedProduct)\r\n }\r\n }\r\n }\r\n\r\n const handleProductIncremental = (productToIncrease: SelectedProduct) => {\r\n setSelectedProduct(\r\n selectedProduct.map((product) => {\r\n if (product.id === productToIncrease.id) {\r\n product.quantity = product.quantity + 1\r\n }\r\n return product\r\n }),\r\n )\r\n }\r\n\r\n const handleProductDecremental = (productToDecrease: SelectedProduct) => {\r\n const targeted = productToDecrease\r\n\r\n targeted.quantity = targeted.quantity - 1\r\n if (targeted.quantity === 0) {\r\n setSelectedProduct(\r\n selectedProduct.filter((product) => product.id !== targeted.id),\r\n )\r\n } else {\r\n setSelectedProduct(\r\n selectedProduct.map((product) => {\r\n if (product.id === targeted.id) {\r\n product = targeted\r\n }\r\n return product\r\n }),\r\n )\r\n }\r\n }\r\n\r\n const handleProductChecked = (checked: boolean, selected: Product) => {\r\n if (checked) {\r\n selectedProduct.push({ ...selected, quantity: 1 })\r\n setSelectedProduct(selectedProduct)\r\n } else {\r\n setSelectedProduct(\r\n selectedProduct.filter((product) => product.id !== selected.id),\r\n )\r\n }\r\n }\r\n\r\n const total = useMemo(() => {\r\n return selectedProduct.reduce((accumulator, product) => {\r\n return accumulator + product.price * product.quantity\r\n }, 0)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [selectedProduct, selectedProduct.length])\r\n\r\n return (\r\n <>\r\n <Card id=\"selectProducts\">\r\n <h4 className=\"mb-6\">Select products</h4>\r\n <div className=\"flex items-center gap-2\">\r\n <AutoComplete<ProductOption>\r\n data={productOption}\r\n optionKey={(product) => product.label}\r\n value={inputValue}\r\n renderOption={(option) => (\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar shape=\"round\" src={option.img} />\r\n <span>{option.label}</span>\r\n </div>\r\n )}\r\n suffix={<TbSearch className=\"text-lg\" />}\r\n placeholder=\"Search product\"\r\n onInputChange={setInputValue}\r\n onOptionSelected={handleOptionSelect}\r\n />\r\n <Button\r\n type=\"button\"\r\n variant=\"solid\"\r\n onClick={() => setProductsDialogOpen(true)}\r\n >\r\n Browse products\r\n </Button>\r\n </div>\r\n <Table compact={smaller.sm} className=\"mt-6\">\r\n <THead>\r\n <Tr>\r\n <Th className=\"w-[70%]\">Product</Th>\r\n <Th>Price</Th>\r\n <Th>Quantity</Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {selectedProduct.length > 0 ? (\r\n selectedProduct.map((product) => (\r\n <Tr key={product.id}>\r\n <Td>\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"round\"\r\n src={product.img}\r\n />\r\n <div>\r\n <div className=\"heading-text font-bold\">\r\n {product.name}\r\n </div>\r\n <div>\r\n ID: {product.productCode}\r\n </div>\r\n </div>\r\n </div>\r\n </Td>\r\n <Td>\r\n <div className=\"heading-text font-bold\">\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={\r\n product.price *\r\n product.quantity\r\n }\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n </Td>\r\n <Td>\r\n <div className=\"flex items-center\">\r\n <Button\r\n type=\"button\"\r\n icon={<TbMinus />}\r\n size=\"xs\"\r\n onClick={() =>\r\n handleProductDecremental(\r\n product,\r\n )\r\n }\r\n />\r\n <div className=\"w-10 text-center\">\r\n <span>{product.quantity}</span>\r\n </div>\r\n <Button\r\n type=\"button\"\r\n icon={<TbPlus />}\r\n size=\"xs\"\r\n onClick={() =>\r\n handleProductIncremental(\r\n product,\r\n )\r\n }\r\n />\r\n </div>\r\n </Td>\r\n </Tr>\r\n ))\r\n ) : (\r\n <Tr>\r\n <Td className=\"text-center\" colSpan={3}>\r\n No product selected!\r\n </Td>\r\n </Tr>\r\n )}\r\n </TBody>\r\n </Table>\r\n <div className=\"mt-8 flex justify-end\">\r\n <span className=\"text-base flex items-center gap-2\">\r\n <span className=\"font-semibold\">Total: </span>\r\n <span className=\"text-lg font-bold heading-text\">\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={total}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </span>\r\n </span>\r\n </div>\r\n </Card>\r\n <Dialog\r\n isOpen={productsDialogOpen}\r\n onClose={() => setProductsDialogOpen(false)}\r\n onRequestClose={() => setProductsDialogOpen(false)}\r\n >\r\n <div className=\"text-center mb-6\">\r\n <h4 className=\"mb-1\">All products</h4>\r\n <p>Add products to this order.</p>\r\n </div>\r\n <div className=\"mt-4\">\r\n <div className=\"mb-6\">\r\n <ScrollBar\r\n className={classNames('overflow-y-auto h-80')}\r\n >\r\n {productList.map((product) => (\r\n <div\r\n key={product.id}\r\n className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\r\n >\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"px-1\">\r\n <Checkbox\r\n checked={selectedProduct.some(\r\n (selected) =>\r\n selected.id ===\r\n product.id,\r\n )}\r\n onChange={(value) =>\r\n handleProductChecked(\r\n value,\r\n product,\r\n )\r\n }\r\n />\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n size=\"lg\"\r\n shape=\"round\"\r\n src={product.img}\r\n />\r\n <div>\r\n <p className=\"heading-text font-bold\">\r\n {product.name}\r\n </p>\r\n <p>ID: {product.productCode}</p>\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n Qty:{' '}\r\n <span className=\"heading-text font-bold\">\r\n {product.stock}\r\n </span>\r\n </div>\r\n </div>\r\n ))}\r\n </ScrollBar>\r\n </div>\r\n </div>\r\n <Button\r\n block\r\n type=\"button\"\r\n variant=\"solid\"\r\n onClick={() => setProductsDialogOpen(false)}\r\n >\r\n Done\r\n </Button>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductSelectSection\r\n"],"names":["Tr","Th","Td","THead","TBody","Table","ProductSelectSection","productOption","productList","selectedProduct","setSelectedProduct","useOrderFormStore","inputValue","setInputValue","useState","productsDialogOpen","setProductsDialogOpen","smaller","useResponsive","handleOptionSelect","option","selected","product","handleProductIncremental","productToIncrease","handleProductDecremental","productToDecrease","targeted","handleProductChecked","checked","total","useMemo","accumulator","jsxs","Fragment","Card","jsx","AutoComplete","Avatar","TbSearch","Button","NumericFormat","TbMinus","TbPlus","Dialog","ScrollBar","classNames","Checkbox","value"],"mappings":"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"}
1	+ {"version":3,"file":"ProductSelectSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/ProductSelectSection.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Avatar from '@/components/ui/Avatar'\nimport Table from '@/components/ui/Table'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport AutoComplete from '@/components/shared/AutoComplete'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useOrderFormStore } from '../store/orderFormStore'\nimport classNames from '@/utils/classNames'\nimport { NumericFormat } from 'react-number-format'\nimport { TbSearch, TbMinus, TbPlus } from 'react-icons/tb'\nimport type { Product, ProductOption, SelectedProduct } from '../types'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst ProductSelectSection = () => {\n const { productOption, productList, selectedProduct, setSelectedProduct } =\n useOrderFormStore()\n\n const [inputValue, setInputValue] = useState('')\n\n const [productsDialogOpen, setProductsDialogOpen] = useState(false)\n\n const { smaller } = useResponsive()\n\n const handleOptionSelect = (option: ProductOption) => {\n const selected = productList.find(\n (product) => product.id === option.value,\n )\n\n if (selected) {\n if (selectedProduct.some((product) => product.id === selected.id)) {\n return\n } else {\n selectedProduct.push({ ...selected, quantity: 1 })\n setSelectedProduct(selectedProduct)\n }\n }\n }\n\n const handleProductIncremental = (productToIncrease: SelectedProduct) => {\n setSelectedProduct(\n selectedProduct.map((product) => {\n if (product.id === productToIncrease.id) {\n product.quantity = product.quantity + 1\n }\n return product\n }),\n )\n }\n\n const handleProductDecremental = (productToDecrease: SelectedProduct) => {\n const targeted = productToDecrease\n\n targeted.quantity = targeted.quantity - 1\n if (targeted.quantity === 0) {\n setSelectedProduct(\n selectedProduct.filter((product) => product.id !== targeted.id),\n )\n } else {\n setSelectedProduct(\n selectedProduct.map((product) => {\n if (product.id === targeted.id) {\n product = targeted\n }\n return product\n }),\n )\n }\n }\n\n const handleProductChecked = (checked: boolean, selected: Product) => {\n if (checked) {\n selectedProduct.push({ ...selected, quantity: 1 })\n setSelectedProduct(selectedProduct)\n } else {\n setSelectedProduct(\n selectedProduct.filter((product) => product.id !== selected.id),\n )\n }\n }\n\n const total = useMemo(() => {\n return selectedProduct.reduce((accumulator, product) => {\n return accumulator + product.price * product.quantity\n }, 0)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedProduct, selectedProduct.length])\n\n return (\n <>\n <Card id=\"selectProducts\">\n <h4 className=\"mb-6\">Select products</h4>\n <div className=\"flex items-center gap-2\">\n <AutoComplete<ProductOption>\n data={productOption}\n optionKey={(product) => product.label}\n value={inputValue}\n renderOption={(option) => (\n <div className=\"flex items-center gap-2\">\n <Avatar shape=\"round\" src={option.img} />\n <span>{option.label}</span>\n </div>\n )}\n suffix={<TbSearch className=\"text-lg\" />}\n placeholder=\"Search product\"\n onInputChange={setInputValue}\n onOptionSelected={handleOptionSelect}\n />\n <Button\n type=\"button\"\n variant=\"solid\"\n onClick={() => setProductsDialogOpen(true)}\n >\n Browse products\n </Button>\n </div>\n <Table compact={smaller.sm} className=\"mt-6\">\n <THead>\n <Tr>\n <Th className=\"w-[70%]\">Product</Th>\n <Th>Price</Th>\n <Th>Quantity</Th>\n </Tr>\n </THead>\n <TBody>\n {selectedProduct.length > 0 ? (\n selectedProduct.map((product) => (\n <Tr key={product.id}>\n <Td>\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>\n ID: {product.productCode}\n </div>\n </div>\n </div>\n </Td>\n <Td>\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={\n product.price *\n product.quantity\n }\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n </Td>\n <Td>\n <div className=\"flex items-center\">\n <Button\n type=\"button\"\n icon={<TbMinus />}\n size=\"xs\"\n onClick={() =>\n handleProductDecremental(\n product,\n )\n }\n />\n <div className=\"w-10 text-center\">\n <span>{product.quantity}</span>\n </div>\n <Button\n type=\"button\"\n icon={<TbPlus />}\n size=\"xs\"\n onClick={() =>\n handleProductIncremental(\n product,\n )\n }\n />\n </div>\n </Td>\n </Tr>\n ))\n ) : (\n <Tr>\n <Td className=\"text-center\" colSpan={3}>\n No product selected!\n </Td>\n </Tr>\n )}\n </TBody>\n </Table>\n <div className=\"mt-8 flex justify-end\">\n <span className=\"text-base flex items-center gap-2\">\n <span className=\"font-semibold\">Total: </span>\n <span className=\"text-lg font-bold heading-text\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={total}\n decimalScale={2}\n thousandSeparator={true}\n />\n </span>\n </span>\n </div>\n </Card>\n <Dialog\n isOpen={productsDialogOpen}\n onClose={() => setProductsDialogOpen(false)}\n onRequestClose={() => setProductsDialogOpen(false)}\n >\n <div className=\"text-center mb-6\">\n <h4 className=\"mb-1\">All products</h4>\n <p>Add products to this order.</p>\n </div>\n <div className=\"mt-4\">\n <div className=\"mb-6\">\n <ScrollBar\n className={classNames('overflow-y-auto h-80')}\n >\n {productList.map((product) => (\n <div\n key={product.id}\n className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"px-1\">\n <Checkbox\n checked={selectedProduct.some(\n (selected) =>\n selected.id ===\n product.id,\n )}\n onChange={(value) =>\n handleProductChecked(\n value,\n product,\n )\n }\n />\n </div>\n <div className=\"flex items-center gap-2\">\n <Avatar\n size=\"lg\"\n shape=\"round\"\n src={product.img}\n />\n <div>\n <p className=\"heading-text font-bold\">\n {product.name}\n </p>\n <p>ID: {product.productCode}</p>\n </div>\n </div>\n </div>\n <div>\n Qty:{' '}\n <span className=\"heading-text font-bold\">\n {product.stock}\n </span>\n </div>\n </div>\n ))}\n </ScrollBar>\n </div>\n </div>\n <Button\n block\n type=\"button\"\n variant=\"solid\"\n onClick={() => setProductsDialogOpen(false)}\n >\n Done\n </Button>\n </Dialog>\n </>\n )\n}\n\nexport default ProductSelectSection\n"],"names":["Tr","Th","Td","THead","TBody","Table","ProductSelectSection","productOption","productList","selectedProduct","setSelectedProduct","useOrderFormStore","inputValue","setInputValue","useState","productsDialogOpen","setProductsDialogOpen","smaller","useResponsive","handleOptionSelect","option","selected","product","handleProductIncremental","productToIncrease","handleProductDecremental","productToDecrease","targeted","handleProductChecked","checked","total","useMemo","accumulator","jsxs","Fragment","Card","jsx","AutoComplete","Avatar","TbSearch","Button","NumericFormat","TbMinus","TbPlus","Dialog","ScrollBar","classNames","Checkbox","value"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderForm/store/orderFormStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"orderFormStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/store/orderFormStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { ProductOption, Products, SelectedProduct } from '../types'\r\n\r\nexport type OrderFormState = {\r\n productList: Products\r\n productOption: ProductOption[]\r\n selectedProduct: SelectedProduct[]\r\n}\r\n\r\ntype OrderFormAction = {\r\n setProductList: (payload: Products) => void\r\n setProductOption: (payload: ProductOption[]) => void\r\n setSelectedProduct: (payload: SelectedProduct[]) => void\r\n}\r\n\r\nconst initialState: OrderFormState = {\r\n productList: [],\r\n productOption: [],\r\n selectedProduct: [],\r\n}\r\n\r\nexport const useOrderFormStore = create<OrderFormState & OrderFormAction>(\r\n (set) => ({\r\n ...initialState,\r\n setProductOption: (payload) => set(() => ({ productOption: payload })),\r\n setProductList: (payload) => set(() => ({ productList: payload })),\r\n setSelectedProduct: (payload) =>\r\n set(() => ({ selectedProduct: payload })),\r\n }),\r\n)\r\n"],"names":["initialState","useOrderFormStore","create","set","payload"],"mappings":";AAeA,MAAMA,IAA+B;AAAA,EACjC,aAAa,CAAA;AAAA,EACb,eAAe,CAAA;AAAA,EACf,iBAAiB,CAAA;AACrB,GAEaC,IAAoBC;AAAA,EAC7B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,kBAAkB,CAACI,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,IACrE,gBAAgB,CAACA,MAAYD,EAAI,OAAO,EAAE,aAAaC,IAAU;AAAA,IACjE,oBAAoB,CAACA,MACjBD,EAAI,OAAO,EAAE,iBAAiBC,IAAU;AAAA,EAAA;AAEpD;"}
1	+ {"version":3,"file":"orderFormStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/store/orderFormStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ProductOption, Products, SelectedProduct } from '../types'\n\nexport type OrderFormState = {\n productList: Products\n productOption: ProductOption[]\n selectedProduct: SelectedProduct[]\n}\n\ntype OrderFormAction = {\n setProductList: (payload: Products) => void\n setProductOption: (payload: ProductOption[]) => void\n setSelectedProduct: (payload: SelectedProduct[]) => void\n}\n\nconst initialState: OrderFormState = {\n productList: [],\n productOption: [],\n selectedProduct: [],\n}\n\nexport const useOrderFormStore = create<OrderFormState & OrderFormAction>(\n (set) => ({\n ...initialState,\n setProductOption: (payload) => set(() => ({ productOption: payload })),\n setProductList: (payload) => set(() => ({ productList: payload })),\n setSelectedProduct: (payload) =>\n set(() => ({ selectedProduct: payload })),\n }),\n)\n"],"names":["initialState","useOrderFormStore","create","set","payload"],"mappings":";AAeA,MAAMA,IAA+B;AAAA,EACjC,aAAa,CAAA;AAAA,EACb,eAAe,CAAA;AAAA,EACf,iBAAiB,CAAA;AACrB,GAEaC,IAAoBC;AAAA,EAC7B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,kBAAkB,CAACI,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,IACrE,gBAAgB,CAACA,MAAYD,EAAI,OAAO,EAAE,aAAaC,IAAU;AAAA,IACjE,oBAAoB,CAACA,MACjBD,EAAI,OAAO,EAAE,iBAAiBC,IAAU;AAAA,EAAA;AAEpD;"}

package/dist/@ecme/views/concepts/orders/OrderList/OrderList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderList.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderList/OrderList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport OrderListTable from './components/OrderListTable'\r\nimport OrderListActionTools from './components/OrderListActionTools'\r\nimport OrderListTableTools from './components/OrderListTableTools'\r\n\r\nconst OrderList = () => {\r\n return (\r\n <Container>\r\n <AdaptiveCard>\r\n <div className=\"flex flex-col gap-4\">\r\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n <h3>Orders</h3>\r\n <OrderListActionTools />\r\n </div>\r\n <OrderListTableTools />\r\n <OrderListTable />\r\n </div>\r\n </AdaptiveCard>\r\n </Container>\r\n )\r\n}\r\n\r\nexport default OrderList\r\n"],"names":["OrderList","Container","jsx","AdaptiveCard","jsxs","OrderListActionTools","OrderListTableTools","OrderListTable"],"mappings":";;;;;;AAMA,MAAMA,IAAY,wBAETC,GAAA,EACG,UAAA,gBAAAC,EAACC,KACG,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,sBACTG,GAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAAA,oBACCC,GAAA,EAAoB;AAAA,oBACpBC,GAAA,CAAA,CAAe;AAAA,EAAA,CACpB,GACJ,GACJ;"}
1	+ {"version":3,"file":"OrderList.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderList/OrderList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport OrderListTable from './components/OrderListTable'\nimport OrderListActionTools from './components/OrderListActionTools'\nimport OrderListTableTools from './components/OrderListTableTools'\n\nconst OrderList = () => {\n return (\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>Orders</h3>\n <OrderListActionTools />\n </div>\n <OrderListTableTools />\n <OrderListTable />\n </div>\n </AdaptiveCard>\n </Container>\n )\n}\n\nexport default OrderList\n"],"names":["OrderList","Container","jsx","AdaptiveCard","jsxs","OrderListActionTools","OrderListTableTools","OrderListTable"],"mappings":";;;;;;AAMA,MAAMA,IAAY,wBAETC,GAAA,EACG,UAAA,gBAAAC,EAACC,KACG,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,sBACTG,GAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAAA,oBACCC,GAAA,EAAoB;AAAA,oBACpBC,GAAA,CAAA,CAAe;AAAA,EAAA,CACpB,GACJ,GACJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport useOrderlist from '../hooks/useOrderlist'\r\nimport { CSVLink } from 'react-csv'\r\n\r\nconst OrderListActionTools = () => {\r\n const navigate = useNavigate()\r\n\r\n const { orderList } = useOrderlist()\r\n\r\n return (\r\n <div className=\"flex flex-col md:flex-row gap-3\">\r\n <CSVLink\r\n className=\"w-full\"\r\n filename=\"customerList.csv\"\r\n data={orderList}\r\n >\r\n <Button\r\n icon={<TbCloudDownload className=\"text-xl\" />}\r\n className=\"w-full\"\r\n >\r\n Download\r\n </Button>\r\n </CSVLink>\r\n <Button\r\n variant=\"solid\"\r\n icon={<TbPlus className=\"text-xl\" />}\r\n onClick={() => navigate('/concepts/orders/order-create')}\r\n >\r\n Add new\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default OrderListActionTools\r\n"],"names":["OrderListActionTools","navigate","useNavigate","orderList","useOrderlist","jsxs","jsx","CSVLink","Button","TbCloudDownload","TbPlus"],"mappings":";;;;;;;AAMA,MAAMA,IAAuB,MAAM;AAC/B,QAAMC,IAAWC,EAAA,GAEX,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAMJ;AAAA,QAEN,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAM,gBAAAF,EAACG,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,IAEJ,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAClC,SAAS,MAAMT,EAAS,+BAA+B;AAAA,QAC1D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useOrderlist from '../hooks/useOrderlist'\nimport { CSVLink } from 'react-csv'\n\nconst OrderListActionTools = () => {\n const navigate = useNavigate()\n\n const { orderList } = useOrderlist()\n\n return (\n <div className=\"flex flex-col md:flex-row gap-3\">\n <CSVLink\n className=\"w-full\"\n filename=\"customerList.csv\"\n data={orderList}\n >\n <Button\n icon={<TbCloudDownload className=\"text-xl\" />}\n className=\"w-full\"\n >\n Download\n </Button>\n </CSVLink>\n <Button\n variant=\"solid\"\n icon={<TbPlus className=\"text-xl\" />}\n onClick={() => navigate('/concepts/orders/order-create')}\n >\n Add new\n </Button>\n </div>\n )\n}\n\nexport default OrderListActionTools\n"],"names":["OrderListActionTools","navigate","useNavigate","orderList","useOrderlist","jsxs","jsx","CSVLink","Button","TbCloudDownload","TbPlus"],"mappings":";;;;;;;AAMA,MAAMA,IAAuB,MAAM;AAC/B,QAAMC,IAAWC,EAAA,GAEX,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAMJ;AAAA,QAEN,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAM,gBAAAF,EAACG,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,IAEJ,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAClC,SAAS,MAAMT,EAAS,+BAA+B;AAAA,QAC1D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport useOrderlist from '../hooks/useOrderlist'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { TbTrash, TbEye } from 'react-icons/tb'\r\nimport dayjs from 'dayjs'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { OnSortParam, ColumnDef } from '@/components/shared/DataTable'\r\nimport type { Order } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nconst orderStatusColor: Record<\r\n number,\r\n {\r\n label: string\r\n bgClass: string\r\n textClass: string\r\n }\r\n> = {\r\n 0: {\r\n label: 'Paid',\r\n bgClass: 'bg-success-subtle',\r\n textClass: 'text-success',\r\n },\r\n 1: {\r\n label: 'Pending',\r\n bgClass: 'bg-warning-subtle',\r\n textClass: 'text-warning',\r\n },\r\n 2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\r\n}\r\n\r\nconst OrderColumn = ({ row }: { row: Order }) => {\r\n const navigate = useNavigate()\r\n\r\n const onView = () => {\r\n navigate(`/concepts/orders/order-details/${row.id}`)\r\n }\r\n\r\n return (\r\n <span\r\n className=\"cursor-pointer font-bold heading-text hover:text-primary\"\r\n onClick={onView}\r\n >\r\n #{row.id}\r\n </span>\r\n )\r\n}\r\n\r\nconst ActionColumn = ({ row }: { row: Order }) => {\r\n const navigate = useNavigate()\r\n\r\n const onDelete = () => {}\r\n\r\n const onView = () => {\r\n navigate(`/concepts/orders/order-details/${row.id}`)\r\n }\r\n\r\n return (\r\n <div className=\"flex justify-end text-lg gap-1\">\r\n <Tooltip wrapperClass=\"flex\" title=\"View\">\r\n <span className={`cursor-pointer p-2`} onClick={onView}>\r\n <TbEye />\r\n </span>\r\n </Tooltip>\r\n <Tooltip wrapperClass=\"flex\" title=\"Delete\">\r\n <span\r\n className=\"cursor-pointer p-2 hover:text-red-500\"\r\n onClick={onDelete}\r\n >\r\n <TbTrash />\r\n </span>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nconst PaymentMethodImage = ({\r\n paymentMehod,\r\n className,\r\n}: {\r\n paymentMehod: string\r\n className: string\r\n}) => {\r\n switch (paymentMehod) {\r\n case 'visa':\r\n return (\r\n <img\r\n className={className}\r\n src=\"/img/others/img-8.png\"\r\n alt={paymentMehod}\r\n />\r\n )\r\n case 'master':\r\n return (\r\n <img\r\n className={className}\r\n src=\"/img/others/img-9.png\"\r\n alt={paymentMehod}\r\n />\r\n )\r\n case 'paypal':\r\n return (\r\n <img\r\n className={className}\r\n src=\"/img/others/img-10.png\"\r\n alt={paymentMehod}\r\n />\r\n )\r\n default:\r\n return <></>\r\n }\r\n}\r\n\r\nconst OrderListTable = () => {\r\n const { orderList, orderListTotal, tableData, isLoading, setTableData } =\r\n useOrderlist()\r\n\r\n const columns: ColumnDef<Order>[] = useMemo(\r\n () => [\r\n {\r\n header: 'Order',\r\n accessorKey: 'id',\r\n cell: (props) => <OrderColumn row={props.row.original} />,\r\n },\r\n {\r\n header: 'Date',\r\n accessorKey: 'date',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <span className=\"font-semibold\">\r\n {dayjs.unix(row.date).format('DD/MM/YYYY')}\r\n </span>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Customer',\r\n accessorKey: 'customer',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return <span className=\"font-semibold\">{row.customer}</span>\r\n },\r\n },\r\n {\r\n header: 'Status',\r\n accessorKey: 'status',\r\n cell: (props) => {\r\n const { status } = props.row.original\r\n return (\r\n <Tag className={orderStatusColor[status].bgClass}>\r\n <span\r\n className={`capitalize font-semibold ${orderStatusColor[status].textClass}`}\r\n >\r\n {orderStatusColor[status].label}\r\n </span>\r\n </Tag>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Payment Method',\r\n accessorKey: 'paymentMehod',\r\n cell: (props) => {\r\n const { paymentMehod, paymentIdendifier } =\r\n props.row.original\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <PaymentMethodImage\r\n className=\"max-h-[20px]\"\r\n paymentMehod={paymentMehod}\r\n />\r\n <span className=\"font-semibold\">\r\n {paymentIdendifier}\r\n </span>\r\n </span>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Total',\r\n accessorKey: 'totalAmount',\r\n cell: (props) => {\r\n const { totalAmount } = props.row.original\r\n return (\r\n <NumericFormat\r\n className=\"heading-text font-bold\"\r\n displayType=\"text\"\r\n value={(\r\n Math.round(totalAmount * 100) / 100\r\n ).toFixed(2)}\r\n prefix={'$'}\r\n thousandSeparator={true}\r\n />\r\n )\r\n },\r\n },\r\n {\r\n header: '',\r\n id: 'action',\r\n cell: (props) => <ActionColumn row={props.row.original} />,\r\n },\r\n ],\r\n [],\r\n )\r\n\r\n const handleSetTableData = (data: TableQueries) => {\r\n setTableData(data)\r\n }\r\n\r\n const handlePaginationChange = (page: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageIndex = page\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSelectChange = (value: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageSize = Number(value)\r\n newTableData.pageIndex = 1\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSort = (sort: OnSortParam) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.sort = sort\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n return (\r\n <DataTable\r\n columns={columns}\r\n data={orderList}\r\n noData={!isLoading && orderList.length === 0}\r\n skeletonAvatarColumns={[0]}\r\n skeletonAvatarProps={{ width: 28, height: 28 }}\r\n loading={isLoading}\r\n pagingData={{\r\n total: orderListTotal,\r\n pageIndex: tableData.pageIndex as number,\r\n pageSize: tableData.pageSize as number,\r\n }}\r\n onPaginationChange={handlePaginationChange}\r\n onSelectChange={handleSelectChange}\r\n onSort={handleSort}\r\n />\r\n )\r\n}\r\n\r\nexport default OrderListTable\r\n"],"names":["orderStatusColor","OrderColumn","row","navigate","useNavigate","jsxs","ActionColumn","jsx","Tooltip","TbEye","TbTrash","PaymentMethodImage","paymentMehod","className","Fragment","OrderListTable","orderList","orderListTotal","tableData","isLoading","setTableData","useOrderlist","columns","useMemo","props","dayjs","status","Tag","paymentIdendifier","totalAmount","NumericFormat","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","DataTable"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,IAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG,EAAE,OAAO,UAAU,SAAS,mBAAmB,WAAW,aAAA;AACjE,GAEMC,IAAc,CAAC,EAAE,KAAAC,QAA0B;AAC7C,QAAMC,IAAWC,EAAA;AAMjB,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAPO,MAAM;AACjB,QAAAF,EAAS,kCAAkCD,EAAI,EAAE,EAAE;AAAA,MAAA;AAAA,MAOlD,UAAA;AAAA,QAAA;AAAA,QACKA,EAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlB,GAEMI,IAAe,CAAC,EAAE,KAAAJ,QAA0B;AAC9C,QAAMC,IAAWC,EAAA;AAQjB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,IAAA,gBAAAE,EAACC,GAAA,EAAQ,cAAa,QAAO,OAAM,QAC/B,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAW,sBAAsB,SAPpC,MAAM;AACjB,MAAAJ,EAAS,kCAAkCD,EAAI,EAAE,EAAE;AAAA,IAAA,GAOvC,UAAA,gBAAAK,EAACE,GAAA,CAAA,CAAM,GACX,GACJ;AAAA,IACA,gBAAAF,EAACC,GAAA,EAAQ,cAAa,QAAO,OAAM,UAC/B,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAhBC,MAAM;AAAA,QAAA;AAAA,QAkBP,4BAACG,GAAA,CAAA,CAAQ;AAAA,MAAA;AAAA,IAAA,EACb,CACJ;AAAA,EAAA,GACJ;AAER,GAEMC,IAAqB,CAAC;AAAA,EACxB,cAAAC;AAAA,EACA,WAAAC;AACJ,MAGM;AACF,UAAQD,GAAA;AAAA,IACJ,KAAK;AACD,aACI,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAAM;AAAA,UACA,KAAI;AAAA,UACJ,KAAKD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjB,KAAK;AACD,aACI,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAAM;AAAA,UACA,KAAI;AAAA,UACJ,KAAKD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjB,KAAK;AACD,aACI,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAAM;AAAA,UACA,KAAI;AAAA,UACJ,KAAKD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjB;AACI,aAAO,gBAAAL,EAAAO,GAAA,EAAE;AAAA,EAAA;AAErB,GAEMC,IAAiB,MAAM;AACzB,QAAM,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,WAAAC,GAAW,WAAAC,GAAW,cAAAC,EAAA,IACrDC,EAAA,GAEEC,IAA8BC;AAAA,IAChC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC,MAAU,gBAAAjB,EAACN,KAAY,KAAKuB,EAAM,IAAI,SAAA,CAAU;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACA,MAAU;AACb,gBAAMtB,IAAMsB,EAAM,IAAI;AACtB,iBACI,gBAAAjB,EAAC,QAAA,EAAK,WAAU,iBACX,UAAAkB,EAAM,KAAKvB,EAAI,IAAI,EAAE,OAAO,YAAY,EAAA,CAC7C;AAAA,QAAA;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACsB,MAAU;AACb,gBAAMtB,IAAMsB,EAAM,IAAI;AACtB,iBAAO,gBAAAjB,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAI,UAAS;AAAA,QAAA;AAAA,MACzD;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACiB,MAAU;AACb,gBAAM,EAAE,QAAAE,EAAA,IAAWF,EAAM,IAAI;AAC7B,mCACKG,GAAA,EAAI,WAAW3B,EAAiB0B,CAAM,EAAE,SACrC,UAAA,gBAAAnB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,4BAA4BP,EAAiB0B,CAAM,EAAE,SAAS;AAAA,cAExE,UAAA1B,EAAiB0B,CAAM,EAAE;AAAA,YAAA;AAAA,UAAA,GAElC;AAAA,QAAA;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACF,MAAU;AACb,gBAAM,EAAE,cAAAZ,GAAc,mBAAAgB,EAAA,IAClBJ,EAAM,IAAI;AACd,iBACI,gBAAAnB,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,cAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,gBAAAL,EAAC,QAAA,EAAK,WAAU,iBACX,UAAAqB,EAAA,CACL;AAAA,UAAA,GACJ;AAAA,QAAA;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACJ,MAAU;AACb,gBAAM,EAAE,aAAAK,EAAA,IAAgBL,EAAM,IAAI;AAClC,iBACI,gBAAAjB;AAAA,YAACuB;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,QACI,KAAK,MAAMD,IAAc,GAAG,IAAI,KAClC,QAAQ,CAAC;AAAA,cACX,QAAQ;AAAA,cACR,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAACL,MAAU,gBAAAjB,EAACD,KAAa,KAAKkB,EAAM,IAAI,SAAA,CAAU;AAAA,MAAA;AAAA,IAC5D;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCO,IAAqB,CAACC,MAAuB;AAC/C,IAAAZ,EAAaY,CAAI;AAAA,EAAA,GAGfC,IAAyB,CAACC,MAAiB;AAC7C,UAAMC,IAAeC,EAAUlB,CAAS;AACxC,IAAAiB,EAAa,YAAYD,GACzBH,EAAmBI,CAAY;AAAA,EAAA,GAG7BE,IAAqB,CAACC,MAAkB;AAC1C,UAAMH,IAAeC,EAAUlB,CAAS;AACxC,IAAAiB,EAAa,WAAW,OAAOG,CAAK,GACpCH,EAAa,YAAY,GACzBJ,EAAmBI,CAAY;AAAA,EAAA,GAG7BI,IAAa,CAACC,MAAsB;AACtC,UAAML,IAAeC,EAAUlB,CAAS;AACxC,IAAAiB,EAAa,OAAOK,GACpBT,EAAmBI,CAAY;AAAA,EAAA;AAGnC,SACI,gBAAA5B;AAAA,IAACkC;AAAA,IAAA;AAAA,MACG,SAAAnB;AAAA,MACA,MAAMN;AAAA,MACN,QAAQ,CAACG,KAAaH,EAAU,WAAW;AAAA,MAC3C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MAC1C,SAASG;AAAA,MACT,YAAY;AAAA,QACR,OAAOF;AAAA,QACP,WAAWC,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MAAA;AAAA,MAExB,oBAAoBe;AAAA,MACpB,gBAAgBI;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
1	+ {"version":3,"file":"OrderListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useOrderlist from '../hooks/useOrderlist'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbTrash, TbEye } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef } from '@/components/shared/DataTable'\nimport type { Order } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst orderStatusColor: Record<\n number,\n {\n label: string\n bgClass: string\n textClass: string\n }\n> = {\n 0: {\n label: 'Paid',\n bgClass: 'bg-success-subtle',\n textClass: 'text-success',\n },\n 1: {\n label: 'Pending',\n bgClass: 'bg-warning-subtle',\n textClass: 'text-warning',\n },\n 2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n const navigate = useNavigate()\n\n const onView = () => {\n navigate(`/concepts/orders/order-details/${row.id}`)\n }\n\n return (\n <span\n className=\"cursor-pointer font-bold heading-text hover:text-primary\"\n onClick={onView}\n >\n #{row.id}\n </span>\n )\n}\n\nconst ActionColumn = ({ row }: { row: Order }) => {\n const navigate = useNavigate()\n\n const onDelete = () => {}\n\n const onView = () => {\n navigate(`/concepts/orders/order-details/${row.id}`)\n }\n\n return (\n <div className=\"flex justify-end text-lg gap-1\">\n <Tooltip wrapperClass=\"flex\" title=\"View\">\n <span className={`cursor-pointer p-2`} onClick={onView}>\n <TbEye />\n </span>\n </Tooltip>\n <Tooltip wrapperClass=\"flex\" title=\"Delete\">\n <span\n className=\"cursor-pointer p-2 hover:text-red-500\"\n onClick={onDelete}\n >\n <TbTrash />\n </span>\n </Tooltip>\n </div>\n )\n}\n\nconst PaymentMethodImage = ({\n paymentMehod,\n className,\n}: {\n paymentMehod: string\n className: string\n}) => {\n switch (paymentMehod) {\n case 'visa':\n return (\n <img\n className={className}\n src=\"/img/others/img-8.png\"\n alt={paymentMehod}\n />\n )\n case 'master':\n return (\n <img\n className={className}\n src=\"/img/others/img-9.png\"\n alt={paymentMehod}\n />\n )\n case 'paypal':\n return (\n <img\n className={className}\n src=\"/img/others/img-10.png\"\n alt={paymentMehod}\n />\n )\n default:\n return <></>\n }\n}\n\nconst OrderListTable = () => {\n const { orderList, orderListTotal, tableData, isLoading, setTableData } =\n useOrderlist()\n\n const columns: ColumnDef<Order>[] = useMemo(\n () => [\n {\n header: 'Order',\n accessorKey: 'id',\n cell: (props) => <OrderColumn row={props.row.original} />,\n },\n {\n header: 'Date',\n accessorKey: 'date',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"font-semibold\">\n {dayjs.unix(row.date).format('DD/MM/YYYY')}\n </span>\n )\n },\n },\n {\n header: 'Customer',\n accessorKey: 'customer',\n cell: (props) => {\n const row = props.row.original\n return <span className=\"font-semibold\">{row.customer}</span>\n },\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const { status } = props.row.original\n return (\n <Tag className={orderStatusColor[status].bgClass}>\n <span\n className={`capitalize font-semibold ${orderStatusColor[status].textClass}`}\n >\n {orderStatusColor[status].label}\n </span>\n </Tag>\n )\n },\n },\n {\n header: 'Payment Method',\n accessorKey: 'paymentMehod',\n cell: (props) => {\n const { paymentMehod, paymentIdendifier } =\n props.row.original\n return (\n <span className=\"flex items-center gap-2\">\n <PaymentMethodImage\n className=\"max-h-[20px]\"\n paymentMehod={paymentMehod}\n />\n <span className=\"font-semibold\">\n {paymentIdendifier}\n </span>\n </span>\n )\n },\n },\n {\n header: 'Total',\n accessorKey: 'totalAmount',\n cell: (props) => {\n const { totalAmount } = props.row.original\n return (\n <NumericFormat\n className=\"heading-text font-bold\"\n displayType=\"text\"\n value={(\n Math.round(totalAmount * 100) / 100\n ).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n )\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => <ActionColumn row={props.row.original} />,\n },\n ],\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n }\n\n const handlePaginationChange = (page: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageIndex = page\n handleSetTableData(newTableData)\n }\n\n const handleSelectChange = (value: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageSize = Number(value)\n newTableData.pageIndex = 1\n handleSetTableData(newTableData)\n }\n\n const handleSort = (sort: OnSortParam) => {\n const newTableData = cloneDeep(tableData)\n newTableData.sort = sort\n handleSetTableData(newTableData)\n }\n\n return (\n <DataTable\n columns={columns}\n data={orderList}\n noData={!isLoading && orderList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: orderListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n />\n )\n}\n\nexport default OrderListTable\n"],"names":["orderStatusColor","OrderColumn","row","navigate","useNavigate","jsxs","ActionColumn","jsx","Tooltip","TbEye","TbTrash","PaymentMethodImage","paymentMehod","className","Fragment","OrderListTable","orderList","orderListTotal","tableData","isLoading","setTableData","useOrderlist","columns","useMemo","props","dayjs","status","Tag","paymentIdendifier","totalAmount","NumericFormat","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","DataTable"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\r\nimport DebounceInput from '@/components/shared/DebounceInput'\r\nimport OrderListTableFilter from './OrderListTableFilter'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport type { ChangeEvent } from 'react'\r\n\r\nconst OrderListTableTools = () => {\r\n const { tableData, setTableData } = useCustomerList()\r\n\r\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n const val = event.target.value\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.query = val\r\n newTableData.pageIndex = 1\r\n if (typeof val === 'string' && val.length > 1) {\r\n setTableData(newTableData)\r\n }\r\n\r\n if (typeof val === 'string' && val.length === 0) {\r\n setTableData(newTableData)\r\n }\r\n }\r\n\r\n return (\r\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n <DebounceInput\r\n placeholder=\"Search\"\r\n suffix={<TbSearch className=\"text-lg\" />}\r\n onChange={handleInputChange}\r\n />\r\n <OrderListTableFilter />\r\n </div>\r\n )\r\n}\r\n\r\nexport default OrderListTableTools\r\n"],"names":["OrderListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","DebounceInput","TbSearch","event","val","newTableData","cloneDeep","OrderListTableFilter"],"mappings":";;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAgBpC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QACtC,UAnBc,CAACC,MAAyC;AAChE,gBAAMC,IAAMD,EAAM,OAAO,OACnBE,IAAeC,EAAUV,CAAS;AACxC,UAAAS,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCP,EAAaQ,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CP,EAAaQ,CAAY;AAAA,~~QAC7B~~;AAAA,~~MAQkB~~;AAAA,IAAA;AAAA,sBAEbE,GAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}
1	+ {"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport OrderListTableFilter from './OrderListTableFilter'\nimport { TbSearch } from 'react-icons/tb'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\n\nconst OrderListTableTools = () => {\n const { tableData, setTableData } = useCustomerList()\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const val = event.target.value\n const newTableData = cloneDeep(tableData)\n newTableData.query = val\n newTableData.pageIndex = 1\n if (typeof val === 'string' && val.length > 1) {\n setTableData(newTableData)\n }\n\n if (typeof val === 'string' && val.length === 0) {\n setTableData(newTableData)\n }\n }\n\n return (\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n <DebounceInput\n placeholder=\"Search\"\n suffix={<TbSearch className=\"text-lg\" />}\n onChange={handleInputChange}\n />\n <OrderListTableFilter />\n </div>\n )\n}\n\nexport default OrderListTableTools\n"],"names":["OrderListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","DebounceInput","TbSearch","event","val","newTableData","cloneDeep","OrderListTableFilter"],"mappings":";;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAgBpC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QACtC,UAnBc,CAACC,MAAyC;AAChE,gBAAMC,IAAMD,EAAM,OAAO,OACnBE,IAAeC,EAAUV,CAAS;AACxC,UAAAS,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCP,EAAaQ,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CP,EAAaQ,CAAY;AAAA,QAEjC;AAAA,MAOsB;AAAA,IAAA;AAAA,sBAEbE,GAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useOrderlist.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\r\nimport useSWR from 'swr'\r\nimport { useOrderListStore } from '../store/orderListStore'\r\nimport type { GetOrdersResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nexport default function useOrderList() {\r\n const { tableData, filterData, setTableData, setFilterData } =\r\n useOrderListStore((state) => state)\r\n\r\n const { data, error, isLoading, mutate } = useSWR(\r\n ['/api/orders', { ...tableData, ...filterData }],\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n ([_, params]) =>\r\n apiGetOrderList<GetOrdersResponse, TableQueries>(params),\r\n {\r\n revalidateOnFocus: false,\r\n },\r\n )\r\n\r\n const orderList = data?.list \|\| []\r\n\r\n const orderListTotal = data?.total \|\| 0\r\n\r\n return {\r\n orderList,\r\n orderListTotal,\r\n error,\r\n isLoading,\r\n tableData,\r\n filterData,\r\n mutate,\r\n setTableData,\r\n setFilterData,\r\n }\r\n}\r\n"],"names":["useOrderList","tableData","filterData","setTableData","setFilterData","useOrderListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetOrderList","orderList","orderListTotal"],"mappings":";;;AAMA,SAAwBA,IAAe;AACnC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,cAAAC,GAAc,eAAAC,MACzCC,EAAkB,CAACC,MAAUA,CAAK,GAEhC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,eAAe,EAAE,GAAGV,GAAW,GAAGC,GAAY;AAAA;AAAA,IAE/C,CAAC,CAACU,GAAGC,CAAM,MACPC,EAAiDD,CAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAYR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE1BS,KAAiBT,KAAA,gBAAAA,EAAM,UAAS;AAEtC,SAAO;AAAA,IACH,WAAAQ;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAR;AAAA,IACA,YAAAC;AAAA,IACA,QAAAQ;AAAA,IACA,cAAAP;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useOrderlist.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useOrderListStore } from '../store/orderListStore'\nimport type { GetOrdersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useOrderList() {\n const { tableData, filterData, setTableData, setFilterData } =\n useOrderListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/orders', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetOrderList<GetOrdersResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const orderList = data?.list \|\| []\n\n const orderListTotal = data?.total \|\| 0\n\n return {\n orderList,\n orderListTotal,\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n setTableData,\n setFilterData,\n }\n}\n"],"names":["useOrderList","tableData","filterData","setTableData","setFilterData","useOrderListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetOrderList","orderList","orderListTotal"],"mappings":";;;AAMA,SAAwBA,IAAe;AACnC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,cAAAC,GAAc,eAAAC,MACzCC,EAAkB,CAACC,MAAUA,CAAK,GAEhC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,eAAe,EAAE,GAAGV,GAAW,GAAGC,GAAY;AAAA;AAAA,IAE/C,CAAC,CAACU,GAAGC,CAAM,MACPC,EAAiDD,CAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAYR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE1BS,KAAiBT,KAAA,gBAAAA,EAAM,UAAS;AAEtC,SAAO;AAAA,IACH,WAAAQ;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAR;AAAA,IACA,YAAAC;AAAA,IACA,QAAAQ;AAAA,IACA,cAAAP;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Container from '@/components/shared/Container'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport ProductForm from '../ProductForm'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport sleep from '@/utils/sleep'\r\nimport { TbTrash } from 'react-icons/tb'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport type { ProductFormSchema } from '../ProductForm/types'\r\n\r\nconst ProductCreate = () => {\r\n const navigate = useNavigate()\r\n\r\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\r\n useState(false)\r\n const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n const handleFormSubmit = async (values: ProductFormSchema) => {\r\n console.log('Submitted values', values)\r\n setIsSubmiting(true)\r\n await sleep(800)\r\n setIsSubmiting(false)\r\n toast.push(\r\n <Notification type=\"success\">Product created!</Notification>,\r\n { placement: 'top-center' },\r\n )\r\n navigate('/concepts/products/product-list')\r\n }\r\n\r\n const handleConfirmDiscard = () => {\r\n setDiscardConfirmationOpen(true)\r\n toast.push(\r\n <Notification type=\"success\">Product discardd!</Notification>,\r\n { placement: 'top-center' },\r\n )\r\n navigate('/concepts/products/product-list')\r\n }\r\n\r\n const handleDiscard = () => {\r\n setDiscardConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDiscardConfirmationOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n <ProductForm\r\n newProduct\r\n defaultValues={{\r\n name: '',\r\n description: '',\r\n productCode: '',\r\n taxRate: 0,\r\n price: '',\r\n bulkDiscountPrice: '',\r\n costPerItem: '',\r\n imgList: [],\r\n category: '',\r\n tags: [],\r\n brand: '',\r\n }}\r\n onFormSubmit={handleFormSubmit}\r\n >\r\n <Container>\r\n <div className=\"flex items-center justify-between px-8\">\r\n <span></span>\r\n <div className=\"flex items-center\">\r\n <Button\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n }\r\n icon={<TbTrash />}\r\n onClick={handleDiscard}\r\n >\r\n Discard\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n loading={isSubmiting}\r\n >\r\n Create\r\n </Button>\r\n </div>\r\n </div>\r\n </Container>\r\n </ProductForm>\r\n <ConfirmDialog\r\n isOpen={discardConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Discard changes\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDiscard}\r\n >\r\n <p>\r\n Are you sure you want discard this? This action can't\r\n be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductCreate\r\n"],"names":["ProductCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","ProductForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA8B;AAC1D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,~~EAAA~~,~~GAGxCa~~,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,~~EAAA~~,~~GAGxCc~~,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,~~EAAA~~,~~GAG7BY~~,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,~~EAAA~~;~~AAGpC~~,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAA;AAAA,UACT,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAEX,cAAcX;AAAA,QAEd,UAAA,gBAAAI,EAACQ,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,UACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAA,EAAQ;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"ProductCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ProductForm from '../ProductForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { ProductFormSchema } from '../ProductForm/types'\n\nconst ProductCreate = () => {\n const navigate = useNavigate()\n\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: ProductFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(\n <Notification type=\"success\">Product created!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/products/product-list')\n }\n\n const handleConfirmDiscard = () => {\n setDiscardConfirmationOpen(true)\n toast.push(\n <Notification type=\"success\">Product discardd!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/products/product-list')\n }\n\n const handleDiscard = () => {\n setDiscardConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDiscardConfirmationOpen(false)\n }\n\n return (\n <>\n <ProductForm\n newProduct\n defaultValues={{\n name: '',\n description: '',\n productCode: '',\n taxRate: 0,\n price: '',\n bulkDiscountPrice: '',\n costPerItem: '',\n imgList: [],\n category: '',\n tags: [],\n brand: '',\n }}\n onFormSubmit={handleFormSubmit}\n >\n <Container>\n <div className=\"flex items-center justify-between px-8\">\n <span></span>\n <div className=\"flex items-center\">\n <Button\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={handleDiscard}\n >\n Discard\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Create\n </Button>\n </div>\n </div>\n </Container>\n </ProductForm>\n <ConfirmDialog\n isOpen={discardConfirmationOpen}\n type=\"danger\"\n title=\"Discard changes\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDiscard}\n >\n <p>\n Are you sure you want discard this? This action can't\n be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default ProductCreate\n"],"names":["ProductCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","ProductForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA8B;AAC1D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,EAC9C,GAEMa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,EAC9C,GAEMc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EACnC,GAEMY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EACpC;AAEA,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAA;AAAA,UACT,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAEX,cAAcX;AAAA,QAEd,UAAA,gBAAAI,EAACQ,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,UACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAA,EAAQ;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProducEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Container from '@/components/shared/Container'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport ProductForm from '../ProductForm'\r\nimport NoProductFound from '@/assets/svg/NoProductFound'\r\nimport { apiGetProduct } from '@/services/ProductService'\r\nimport sleep from '@/utils/sleep'\r\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\r\nimport { useParams, useNavigate } from 'react-router-dom'\r\nimport useSWR from 'swr'\r\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\r\n\r\nconst ProducEdit = () => {\r\n const { id } = useParams()\r\n\r\n const navigate = useNavigate()\r\n\r\n const { data, isLoading } = useSWR(\r\n [`/api/product/${id}`, { id: id as string }],\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n ([_, params]) => apiGetProduct<Product, { id: string }>(params),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n },\r\n )\r\n\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n const getDefaultValues = () => {\r\n if (data) {\r\n const {\r\n name,\r\n description,\r\n productCode,\r\n taxRate,\r\n price,\r\n bulkDiscountPrice,\r\n costPerItem,\r\n imgList,\r\n category,\r\n brand,\r\n } = data\r\n\r\n return {\r\n name,\r\n description,\r\n productCode,\r\n taxRate,\r\n price,\r\n bulkDiscountPrice,\r\n costPerItem,\r\n imgList,\r\n category,\r\n tags: [{ label: 'trend', value: 'trend' }],\r\n brand,\r\n }\r\n }\r\n\r\n return {}\r\n }\r\n\r\n const handleFormSubmit = async (values: ProductFormSchema) => {\r\n console.log('Submitted values', values)\r\n setIsSubmiting(true)\r\n await sleep(800)\r\n setIsSubmiting(false)\r\n toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\r\n placement: 'top-center',\r\n })\r\n navigate('/concepts/products/product-list')\r\n }\r\n\r\n const handleDelete = () => {\r\n setDeleteConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const handleBack = () => {\r\n navigate('/concepts/products/product-list')\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n setDeleteConfirmationOpen(true)\r\n toast.push(\r\n <Notification type=\"success\">Product deleted!</Notification>,\r\n { placement: 'top-center' },\r\n )\r\n navigate('/concepts/products/product-list')\r\n }\r\n\r\n return (\r\n <>\r\n {!isLoading && !data && (\r\n <div className=\"h-full flex flex-col items-center justify-center\">\r\n <NoProductFound height={280} width={280} />\r\n <h3 className=\"mt-8\">No product found!</h3>\r\n </div>\r\n )}\r\n {!isLoading && data && (\r\n <>\r\n <ProductForm\r\n defaultValues={getDefaultValues() as ProductFormSchema}\r\n newProduct={false}\r\n onFormSubmit={handleFormSubmit}\r\n >\r\n <Container>\r\n <div className=\"flex items-center justify-between px-8\">\r\n <Button\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n variant=\"plain\"\r\n icon={<TbArrowNarrowLeft />}\r\n onClick={handleBack}\r\n >\r\n Back\r\n </Button>\r\n <div className=\"flex items-center\">\r\n <Button\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n }\r\n icon={<TbTrash />}\r\n onClick={handleDelete}\r\n >\r\n Delete\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n loading={isSubmiting}\r\n >\r\n Save\r\n </Button>\r\n </div>\r\n </div>\r\n </Container>\r\n </ProductForm>\r\n <ConfirmDialog\r\n isOpen={deleteConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Remove product\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDelete}\r\n >\r\n <p>\r\n Are you sure you want to remove this product? This\r\n action can't be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default ProducEdit\r\n"],"names":["ProducEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetProduct","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","getDefaultValues","name","description","productCode","taxRate","price","bulkDiscountPrice","costPerItem","imgList","category","brand","handleFormSubmit","values","sleep","toast","jsx","Notification","handleDelete","handleCancel","handleBack","handleConfirmDelete","jsxs","Fragment","NoProductFound","ProductForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":"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"}
1	+ {"version":3,"file":"ProducEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport ProductForm from '../ProductForm'\nimport NoProductFound from '@/assets/svg/NoProductFound'\nimport { apiGetProduct } from '@/services/ProductService'\nimport sleep from '@/utils/sleep'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\n\nconst ProducEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR(\n [`/api/product/${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) => apiGetProduct<Product, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n },\n )\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const getDefaultValues = () => {\n if (data) {\n const {\n name,\n description,\n productCode,\n taxRate,\n price,\n bulkDiscountPrice,\n costPerItem,\n imgList,\n category,\n brand,\n } = data\n\n return {\n name,\n description,\n productCode,\n taxRate,\n price,\n bulkDiscountPrice,\n costPerItem,\n imgList,\n category,\n tags: [{ label: 'trend', value: 'trend' }],\n brand,\n }\n }\n\n return {}\n }\n\n const handleFormSubmit = async (values: ProductFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\n placement: 'top-center',\n })\n navigate('/concepts/products/product-list')\n }\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleBack = () => {\n navigate('/concepts/products/product-list')\n }\n\n const handleConfirmDelete = () => {\n setDeleteConfirmationOpen(true)\n toast.push(\n <Notification type=\"success\">Product deleted!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/products/product-list')\n }\n\n return (\n <>\n {!isLoading && !data && (\n <div className=\"h-full flex flex-col items-center justify-center\">\n <NoProductFound height={280} width={280} />\n <h3 className=\"mt-8\">No product found!</h3>\n </div>\n )}\n {!isLoading && data && (\n <>\n <ProductForm\n defaultValues={getDefaultValues() as ProductFormSchema}\n newProduct={false}\n onFormSubmit={handleFormSubmit}\n >\n <Container>\n <div className=\"flex items-center justify-between px-8\">\n <Button\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n variant=\"plain\"\n icon={<TbArrowNarrowLeft />}\n onClick={handleBack}\n >\n Back\n </Button>\n <div className=\"flex items-center\">\n <Button\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Save\n </Button>\n </div>\n </div>\n </Container>\n </ProductForm>\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove product\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n Are you sure you want to remove this product? This\n action can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )}\n </>\n )\n}\n\nexport default ProducEdit\n"],"names":["ProducEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetProduct","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","getDefaultValues","name","description","productCode","taxRate","price","bulkDiscountPrice","costPerItem","imgList","category","brand","handleFormSubmit","values","sleep","toast","jsx","Notification","handleDelete","handleCancel","handleBack","handleConfirmDelete","jsxs","Fragment","NoProductFound","ProductForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":"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"}