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

@orbe-agro/client-core 5.5.2 → 5.5.8

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

Files changed (2060) hide show

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailPayment.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { NumericFormat } from 'react-number-format'\nimport type { PaymentSummary } from '../types'\n\ntype OrderDetailPaymentProps = {\n paymentSummary: PaymentSummary\n paymentStatus: number\n}\n\nconst paymentStatusColor: 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 OrderDetailPayment = ({\n paymentSummary,\n paymentStatus,\n}: OrderDetailPaymentProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-8\">\n <h4>Payment</h4>\n <Tag className={paymentStatusColor[paymentStatus \|\| 0].bgClass}>\n <span\n className={`capitalize font-semibold ${\n paymentStatusColor[paymentStatus \|\| 0].textClass\n }`}\n >\n {paymentStatusColor[paymentStatus \|\| 0].label}\n </span>\n </Tag>\n </div>\n <div className=\"flex flex-col gap-5\">\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Subtotal</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.subTotal}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Shipping</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.deliveryFees}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Tax</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.tax}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between heading-text font-bold\">\n <span>Total</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.total}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <hr />\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Customer payment</span>\n <h5 className=\"font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.customerPayment}\n decimalScale={2}\n thousandSeparator={true}\n />\n </h5>\n </div>\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailPayment\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,qBAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,~~EACf~~;AAAA,~~EACA~~,GAAG;AAAA,IACC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,~~EACf~~;AAAA,~~EACA~~,GAAG,EAAE,OAAO,UAAU,SAAS,mBAAmB,WAAW,~~aAAa~~;~~AAC9E~~;AAEA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA;AACJ,MAA+B;AAC3B,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,~~UAAO~~,UAAA,~~CAAA~~;AAAA,0BACV,~~KAAI~~,~~EAAA~~,WAAW,mBAAmB,iBAAiB,CAAC,EAAE,SACnD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,4BACP,mBAAmB,iBAAiB,CAAC,EAAE,SAC3C;AAAA,UAEC,UAAA,mBAAmB,iBAAiB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA,~~EAEhD~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,uBACX,UAAA;AAAA,~~MAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBAAgB,~~UAAQ~~,~~YAAA~~;AAAA,QACxC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,mBAAiB;AAAA,YACjB,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAO,eAAe;AAAA,YACtB,cAAc;AAAA,YACd,mBAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB,GACJ;AAAA,MACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qCACX,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBAAgB,~~UAAQ~~,~~YAAA~~;AAAA,QACxC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,mBAAiB;AAAA,YACjB,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAO,eAAe;AAAA,YACtB,cAAc;AAAA,YACd,mBAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB,GACJ;AAAA,MACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qCACX,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBAAgB,~~UAAG~~,~~OAAA~~;AAAA,QACnC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,mBAAiB;AAAA,YACjB,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAO,eAAe;AAAA,YACtB,cAAc;AAAA,YACd,mBAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB,GACJ;AAAA,MACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,4DACX,UAAA;AAAA,QAAA,oBAAC,UAAK,~~UAAK~~,QAAA,~~CAAA~~;AAAA,QACX;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,mBAAiB;AAAA,YACjB,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAO,eAAe;AAAA,YACtB,cAAc;AAAA,YACd,mBAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB,GACJ;AAAA,0BACC,~~MAAG~~,~~EAAA~~;AAAA,MACJ,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qCACX,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBAAgB,~~UAAgB~~,~~oBAAA~~;AAAA,QAChD,oBAAC,~~MAAG~~,~~EAAA~~,WAAU,aACV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,mBAAiB;AAAA,YACjB,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,OAAO,eAAe;AAAA,YACtB,cAAc;AAAA,YACd,mBAAmB;AAAA,UAAA;AAAA,QAAA,~~EAE3B~~,~~CAAA~~;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailPayment.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { NumericFormat } from 'react-number-format'\nimport type { PaymentSummary } from '../types'\n\ntype OrderDetailPaymentProps = {\n paymentSummary: PaymentSummary\n paymentStatus: number\n}\n\nconst paymentStatusColor: 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 OrderDetailPayment = ({\n paymentSummary,\n paymentStatus,\n}: OrderDetailPaymentProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-8\">\n <h4>Payment</h4>\n <Tag className={paymentStatusColor[paymentStatus \|\| 0].bgClass}>\n <span\n className={`capitalize font-semibold ${\n paymentStatusColor[paymentStatus \|\| 0].textClass\n }`}\n >\n {paymentStatusColor[paymentStatus \|\| 0].label}\n </span>\n </Tag>\n </div>\n <div className=\"flex flex-col gap-5\">\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Subtotal</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.subTotal}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Shipping</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.deliveryFees}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Tax</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.tax}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between heading-text font-bold\">\n <span>Total</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.total}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <hr />\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Customer payment</span>\n <h5 className=\"font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.customerPayment}\n decimalScale={2}\n thousandSeparator={true}\n />\n </h5>\n </div>\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailPayment\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Products ordered</h4>\n <div className=\"flex flex-col gap-4\">\n {products?.map((product) => (\n <div\n key={product.id}\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>ID: {product.productCode}</div>\n </div>\n </div>\n <div className=\"ltr:text-right rtl:text-left\">\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={product.price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div>Qty: {product.quantity}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailProducts\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAgB~~,~~oBAAA~~;AAAA,wBACpC,~~OAAI~~,~~EAAA~~,WAAU,uBACV,UAAU,~~UAAA,~~IAAI,CAAC,YACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2CACX,UAAA;AAAA,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,cAAA;AAAA,~~YACjB~~;AAAA,~~iCACC~~,~~OACG~~,~~EAAA~~,UAAA;AAAA,cAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,~~OAAI~~,~~EAAA~~,UAAA;AAAA,gBAAA;AAAA,gBAAK,QAAQ;AAAA,cAAA,~~EAAY~~,~~CAAA~~;AAAA,YAAA,~~EAClC~~,~~CAAA~~;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,gCACX,UAAA;AAAA,~~YAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,OAAO,QAAQ;AAAA,gBACf,cAAc;AAAA,gBACd,mBAAmB;AAAA,cAAA;AAAA,YAAA,GAE3B;AAAA,iCACC,~~OAAI~~,~~EAAA~~,UAAA;AAAA,cAAA;AAAA,cAAM,QAAQ;AAAA,YAAA,~~EAAS~~,~~CAAA~~;AAAA,UAAA,~~EAChC~~,~~CAAA~~;AAAA,QAAA,~~EACJ~~,~~CAAA~~;AAAA,MAAA;AAAA,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,~~EACL~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Products ordered</h4>\n <div className=\"flex flex-col gap-4\">\n {products?.map((product) => (\n <div\n key={product.id}\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>ID: {product.productCode}</div>\n </div>\n </div>\n <div className=\"ltr:text-right rtl:text-left\">\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={product.price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div>Qty: {product.quantity}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailProducts\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EAAI,WAAU,uBACV,UAAA,UAAU,IAAI,CAAC,YACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,iCAEhB,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAK,QAAQ;AAAA,cAAA,EAAA,CAAY;AAAA,YAAA,EAAA,CAClC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,OAAO,QAAQ;AAAA,gBACf,cAAc;AAAA,gBACd,mBAAmB;AAAA,cAAA;AAAA,YAAA,GAE3B;AAAA,iCACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAM,QAAQ;AAAA,YAAA,EAAA,CAAS;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Timeline from '@/components/ui/Timeline'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport type { Activities } from '../types'\n\ntype OrderDetailsActivitiesProps = {\n activities: Activities\n progressStatus: number\n}\n\nconst progress: Record<number, { label: string; class: string }> = {\n 0: {\n label: 'Fulfilled',\n class: 'bg-success-subtle text-success',\n },\n 1: {\n label: 'Unfulfilled',\n class: 'bg-error-subtle text-error',\n },\n}\n\nconst OrderDetailsActivities = ({\n activities,\n progressStatus,\n}: OrderDetailsActivitiesProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-4\">\n <h5>Activity</h5>\n <Tag\n className={classNames(\n 'border-0 rounded-md',\n progress[progressStatus \|\| 0].class,\n )}\n >\n {progress[progressStatus \|\| 0].label}\n </Tag>\n </div>\n {activities.map((activity, i) => (\n <div\n key={activity.date}\n className={!isLastChild(activities, i) ? 'mb-8' : ''}\n >\n <div className=\"mb-2 font-bold heading-text uppercase\">\n {dayjs.unix(activity.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {activity.events.map((event, j) => (\n <Timeline.Item\n key={event.time + j}\n media={\n <div className=\"flex mt-1\">\n <Badge\n innerClass={classNames(\n event.recipient\n ? 'bg-emerald-500'\n : 'bg-blue-500',\n )}\n />\n </div>\n }\n >\n <div\n className={classNames(\n 'font-bold mb-1 heading-text',\n event.recipient && 'text-emerald-500',\n )}\n >\n {event.action}\n </div>\n {event.recipient && (\n <div className=\"mb-1\">\n Recipient: {event.recipient}\n </div>\n )}\n <div>\n {dayjs.unix(event.time).format('hh:mm A')}\n </div>\n </Timeline.Item>\n ))}\n </Timeline>\n </div>\n ))}\n </Card>\n )\n}\n\nexport default OrderDetailsActivities\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,WAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,~~EACX~~;AAAA,~~EACA~~,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf;AAEA,MAAM,yBAAyB,CAAC;AAAA,EAC5B;AAAA,EACA;AACJ,MAAmC;AAC/B,8BACK,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,MACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,SAAS,kBAAkB,CAAC,EAAE;AAAA,~~UAClC~~;AAAA,~~UAEC~~,UAAA,SAAS,kBAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACJ;AAAA,IACC,WAAW,IAAI,CAAC,UAAU,MACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW,CAAC,YAAY,YAAY,CAAC,IAAI,SAAS;AAAA,QAElD,UAAA;AAAA,~~UAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,yCACV,~~UAAM~~,~~MAAA~~,KAAK,SAAS,IAAI,EAAE,OAAO,eAAe,~~EACrD~~,~~CAAA~~;AAAA,8BACC,~~UACI~~,~~EAAA~~,UAAA,SAAS,OAAO,IAAI,CAAC,OAAO,MACzB;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cAEG,OACI,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,aACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,YAAY;AAAA,oBACR,MAAM,YACA,mBACA;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA,GAER;AAAA,cAGJ,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,MAAM,aAAa;AAAA,~~oBACvB~~;AAAA,~~oBAEC~~,~~UAAM~~,~~MAAA~~;AAAA,kBAAA;AAAA,~~gBACX~~;AAAA,~~gBACC~~,MAAM,~~aACF~~,~~qBAAA~~,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,kBAAA;AAAA,kBACN,MAAM;AAAA,gBAAA,GACtB;AAAA,gBAEJ,oBAAC,SACI,~~UAAM~~,~~MAAA~~,KAAK,MAAM,IAAI,EAAE,OAAO,SAAS,~~EAC5C~~,~~CAAA~~;AAAA,cAAA;AAAA,YAAA;AAAA,YA5BK,MAAM,OAAO;AAAA,UAAA,CA8BzB,~~EACL~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,MAxCK,SAAS;AAAA,~~IA0CrB~~,~~CAAA~~;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Timeline from '@/components/ui/Timeline'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport type { Activities } from '../types'\n\ntype OrderDetailsActivitiesProps = {\n activities: Activities\n progressStatus: number\n}\n\nconst progress: Record<number, { label: string; class: string }> = {\n 0: {\n label: 'Fulfilled',\n class: 'bg-success-subtle text-success',\n },\n 1: {\n label: 'Unfulfilled',\n class: 'bg-error-subtle text-error',\n },\n}\n\nconst OrderDetailsActivities = ({\n activities,\n progressStatus,\n}: OrderDetailsActivitiesProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-4\">\n <h5>Activity</h5>\n <Tag\n className={classNames(\n 'border-0 rounded-md',\n progress[progressStatus \|\| 0].class,\n )}\n >\n {progress[progressStatus \|\| 0].label}\n </Tag>\n </div>\n {activities.map((activity, i) => (\n <div\n key={activity.date}\n className={!isLastChild(activities, i) ? 'mb-8' : ''}\n >\n <div className=\"mb-2 font-bold heading-text uppercase\">\n {dayjs.unix(activity.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {activity.events.map((event, j) => (\n <Timeline.Item\n key={event.time + j}\n media={\n <div className=\"flex mt-1\">\n <Badge\n innerClass={classNames(\n event.recipient\n ? 'bg-emerald-500'\n : 'bg-blue-500',\n )}\n />\n </div>\n }\n >\n <div\n className={classNames(\n 'font-bold mb-1 heading-text',\n event.recipient && 'text-emerald-500',\n )}\n >\n {event.action}\n </div>\n {event.recipient && (\n <div className=\"mb-1\">\n Recipient: {event.recipient}\n </div>\n )}\n <div>\n {dayjs.unix(event.time).format('hh:mm A')}\n </div>\n </Timeline.Item>\n ))}\n </Timeline>\n </div>\n ))}\n </Card>\n )\n}\n\nexport default OrderDetailsActivities\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,WAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAEX,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf;AAEA,MAAM,yBAAyB,CAAC;AAAA,EAC5B;AAAA,EACA;AACJ,MAAmC;AAC/B,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,SAAS,kBAAkB,CAAC,EAAE;AAAA,UAAA;AAAA,UAGjC,UAAA,SAAS,kBAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACJ;AAAA,IACC,WAAW,IAAI,CAAC,UAAU,MACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW,CAAC,YAAY,YAAY,CAAC,IAAI,SAAS;AAAA,QAElD,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,yCACV,UAAA,MAAM,KAAK,SAAS,IAAI,EAAE,OAAO,eAAe,EAAA,CACrD;AAAA,8BACC,UAAA,EACI,UAAA,SAAS,OAAO,IAAI,CAAC,OAAO,MACzB;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cAEG,OACI,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,YAAY;AAAA,oBACR,MAAM,YACA,mBACA;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA,GAER;AAAA,cAGJ,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,MAAM,aAAa;AAAA,oBAAA;AAAA,oBAGtB,UAAA,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEV,MAAM,aACH,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,kBAAA;AAAA,kBACN,MAAM;AAAA,gBAAA,GACtB;AAAA,gBAEJ,oBAAC,SACI,UAAA,MAAM,KAAK,MAAM,IAAI,EAAE,OAAO,SAAS,EAAA,CAC5C;AAAA,cAAA;AAAA,YAAA;AAAA,YA5BK,MAAM,OAAO;AAAA,UAAA,CA8BzB,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAxCK,SAAS;AAAA,IAAA,CA0CrB;AAAA,EAAA,GACL;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n id: string\n progressStatus: number\n paymentStatus: number\n dateTime: number\n paymentSummary: {\n subTotal: number\n tax: number\n deliveryFees: number\n total: number\n customerPayment: number\n }\n note: string\n shipping: {\n deliveryFees: number\n estimatedMin: number\n estimatedMax: number\n shippingLogo: string\n shippingVendor: string\n }\n product: {\n id: string\n name: string\n productCode: string\n img: string\n price: number\n quantity: number\n total: number\n details: Record<string, string[]>\n }[]\n activity: {\n date: number\n events: {\n time: number\n action: string\n recipient?: string\n }[]\n }[]\n customer: {\n name: string\n firstName: string\n lastName: string\n email: string\n phone: string\n dialCode: string\n phoneNumber: string\n img: string\n previousOrder: number\n country: string\n address: string\n postcode: string\n city: string\n }\n}\n\nconst OrderEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetOrder({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: OrderFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(\n <Notification type=\"success\">\n Order: #{data?.id} updated!\n </Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/orders/order-list')\n }\n\n const handleConfirmDiscard = () => {\n setDiscardConfirmationOpen(true)\n toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n placement: 'top-center',\n })\n navigate('/concepts/orders/order-list')\n }\n\n const handleDelete = () => {\n setDiscardConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDiscardConfirmationOpen(false)\n }\n\n const orderFormProps = useMemo(() => {\n const products = data\n ? data.product.map(\n ({ id, name, productCode, img, price, quantity }) => {\n return {\n id,\n name,\n productCode,\n img,\n price,\n quantity,\n stock: 0,\n }\n },\n )\n : []\n\n const defaultValues = {\n firstName: data?.customer.name \|\| '',\n lastName: data?.customer.lastName \|\| '',\n email: data?.customer.email \|\| '',\n dialCode: data?.customer.dialCode \|\| '',\n phoneNumber: data?.customer.phoneNumber \|\| '',\n country: data?.customer.country \|\| '',\n address: data?.customer.address \|\| '',\n postcode: data?.customer.postcode \|\| '',\n city: data?.customer.city \|\| '',\n paymentMethod: 'paypal',\n paypalEmail: data?.customer.email,\n } as OrderFormSchema\n\n return {\n defaultProducts: products,\n defaultValues,\n }\n }, [data])\n\n return (\n <Loading loading={isLoading}>\n <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\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={handleDelete}\n >\n Delete\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Update\n </Button>\n </div>\n </div>\n </Container>\n </OrderForm>\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 delete this? This action can't be\n undo.{' '}\n </p>\n </ConfirmDialog>\n </Loading>\n )\n}\n\nexport default OrderEdit\n"],"names":["id"],"mappings":";;;;;;;;;;;;;;;;;;AAsEA,MAAM,YAAY,MAAM;~~AACd~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEzB~~,QAAM,WAAW,~~YAAY~~;~~AAEvB~~,~~QAAA~~,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,gBAAgB,EAAE,EAAE;AAAA,IACrB,MAAM,YAAY,EAAE,IAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,~~EAE/B~~;~~AAEA~~,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;~~AAE9C~~,~~QAAA~~,mBAAmB,OAAO,WAA4B;~~AAChD~~,~~YAAA~~,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;~~AACd~~,~~UAAA~~;AAAA,MACF,qBAAC,~~cAAa~~,~~EAAA~~,MAAK,WAAU,UAAA;AAAA,QAAA;AAAA,QAChB,MAAM;AAAA,QAAG;AAAA,MAAA,GACtB;AAAA,MACA,EAAE,WAAW,~~aAAa~~;AAAA,~~IAC9B~~;~~AACA~~,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM,~~KAAM~~,~~oBAAA~~,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;~~AAEM~~,~~QAAA~~,iBAAiB,QAAQ,MAAM;~~AAC3B~~,~~UAAA~~,WAAW,OACX,KAAK,QAAQ;AAAA,MACT,CAAC,EAAE,IAAAA,KAAI,MAAM,aAAa,KAAK,OAAO,eAAe;~~AAC1C~~,~~eAAA~~;AAAA,UACH,IAAAA;AAAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,~~QACX~~;AAAA,~~MAAA~~;AAAA,~~IACJ~~,IAEJ,~~CAAC~~;~~AAEP~~,UAAM,gBAAgB;AAAA,MAClB,WAAW,MAAM,SAAS,QAAQ;AAAA,MAClC,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,OAAO,MAAM,SAAS,SAAS;AAAA,MAC/B,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,aAAa,MAAM,SAAS,eAAe;AAAA,MAC3C,SAAS,MAAM,SAAS,WAAW;AAAA,MACnC,SAAS,MAAM,SAAS,WAAW;AAAA,MACnC,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,MAAM,MAAM,SAAS,QAAQ;AAAA,MAC7B,eAAe;AAAA,MACf,aAAa,MAAM,SAAS;AAAA,~~IAChC~~;~~AAEO~~,~~WAAA~~;AAAA,MACH,iBAAiB;AAAA,MACjB;AAAA,~~IACJ~~;AAAA,~~EAAA~~,~~GACD~~,CAAC,IAAI,CAAC;~~AAGL~~,~~SAAA~~,qBAAC,~~SAAQ~~,~~EAAA~~,SAAS,WACd,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,WAAA,EAAU,cAAc,kBAAmB,GAAG,gBAC3C,8BAAC,~~WACG~~,~~EAAA~~,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,~~QAAK~~,~~EAAA~~;AAAA,MACN,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,~~SAAQ~~,~~EAAA~~;AAAA,YACf,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,~~QAED~~;AAAA,~~QACA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~,~~EACJ~~,~~CAAA,~~GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,UAAA;AAAA,UAEO;AAAA,QAAA,~~EACV~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n id: string\n progressStatus: number\n paymentStatus: number\n dateTime: number\n paymentSummary: {\n subTotal: number\n tax: number\n deliveryFees: number\n total: number\n customerPayment: number\n }\n note: string\n shipping: {\n deliveryFees: number\n estimatedMin: number\n estimatedMax: number\n shippingLogo: string\n shippingVendor: string\n }\n product: {\n id: string\n name: string\n productCode: string\n img: string\n price: number\n quantity: number\n total: number\n details: Record<string, string[]>\n }[]\n activity: {\n date: number\n events: {\n time: number\n action: string\n recipient?: string\n }[]\n }[]\n customer: {\n name: string\n firstName: string\n lastName: string\n email: string\n phone: string\n dialCode: string\n phoneNumber: string\n img: string\n previousOrder: number\n country: string\n address: string\n postcode: string\n city: string\n }\n}\n\nconst OrderEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetOrder({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: OrderFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(\n <Notification type=\"success\">\n Order: #{data?.id} updated!\n </Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/orders/order-list')\n }\n\n const handleConfirmDiscard = () => {\n setDiscardConfirmationOpen(true)\n toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n placement: 'top-center',\n })\n navigate('/concepts/orders/order-list')\n }\n\n const handleDelete = () => {\n setDiscardConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDiscardConfirmationOpen(false)\n }\n\n const orderFormProps = useMemo(() => {\n const products = data\n ? data.product.map(\n ({ id, name, productCode, img, price, quantity }) => {\n return {\n id,\n name,\n productCode,\n img,\n price,\n quantity,\n stock: 0,\n }\n },\n )\n : []\n\n const defaultValues = {\n firstName: data?.customer.name \|\| '',\n lastName: data?.customer.lastName \|\| '',\n email: data?.customer.email \|\| '',\n dialCode: data?.customer.dialCode \|\| '',\n phoneNumber: data?.customer.phoneNumber \|\| '',\n country: data?.customer.country \|\| '',\n address: data?.customer.address \|\| '',\n postcode: data?.customer.postcode \|\| '',\n city: data?.customer.city \|\| '',\n paymentMethod: 'paypal',\n paypalEmail: data?.customer.email,\n } as OrderFormSchema\n\n return {\n defaultProducts: products,\n defaultValues,\n }\n }, [data])\n\n return (\n <Loading loading={isLoading}>\n <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\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={handleDelete}\n >\n Delete\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Update\n </Button>\n </div>\n </div>\n </Container>\n </OrderForm>\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 delete this? This action can't be\n undo.{' '}\n </p>\n </ConfirmDialog>\n </Loading>\n )\n}\n\nexport default OrderEdit\n"],"names":["id"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n GetProductListResponse,\n OrderFormSchema,\n SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n children: ReactNode\n onFormSubmit: (values: OrderFormSchema) => void\n defaultValues?: OrderFormSchema\n defaultProducts?: SelectedProduct[]\n newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n firstName: z.string().min(1, { message: 'First name required' }),\n lastName: z.string().min(1, { message: 'Last name required' }),\n email: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\n phoneNumber: z\n .string()\n .min(1, { message: 'Please input your mobile number' }),\n country: z.string().min(1, { message: 'Please select a country' }),\n address: z.string().min(1, { message: 'Addrress required' }),\n postcode: z.string().min(1, { message: 'Postcode required' }),\n city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n 'paymentMethod',\n [\n z\n .object({\n paymentMethod: z.literal('creditOrDebitCard'),\n cardHolderName: z\n .string()\n .min(1, { message: 'Card holder name required' }),\n ccNumber: z\n .string()\n .min(1, 'Credit card number required')\n .refine(\n (value) =>\n /^(?:4[0-9]{12}(?:[0-9]{3})?\|[25][1-7][0-9]{14}\|6(?:011\|5[0-9][0-9])[0-9]{12}\|3[47][0-9]{13}\|3(?:0[0-5]\|[68][0-9])[0-9]{11}\|(?:2131\|1800\|35\\d{3})\\d{11})$/.test(\n value,\n ),\n 'Invalid credit card number',\n ),\n cardExpiry: z\n .string()\n .min(1, { message: 'Card holder name required' })\n .refine(\n (value) =>\n /^(0[1-9]\|1[0-2])\\/?([0-9]{4}\|[0-9]{2})$/.test(\n value,\n ),\n 'Invalid Date',\n ),\n code: z\n .string()\n .min(1, { message: 'Code required' })\n .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal('paypal'),\n paypalEmail: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal('bankTransfer'),\n bankName: z.string().min(1, { message: 'Bank name required' }),\n accountNumber: z\n .string()\n .min(1, { message: 'Account number required' }),\n accountHolderName: z\n .string()\n .min(1, { message: 'Account holder name required' }),\n IBAN: z.string().min(1, { message: 'IBAN required' }),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal(''),\n })\n .merge(baseValidationSchema),\n ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n const { setProductOption, setProductList, setSelectedProduct } =\n useOrderFormStore()\n\n const { getTopGapValue } = useLayoutGap()\n\n const { larger } = useResponsive()\n\n useSWR(\n [\n '/api/products',\n {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n } as TableQueries,\n ],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProductList<GetProductListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n onSuccess: (resp) => {\n const list = resp.list.map(\n ({ id: value, name: label, img, stock: quantity }) => ({\n label,\n value,\n img,\n quantity,\n }),\n )\n setProductList(resp.list)\n setProductOption(list)\n },\n },\n )\n\n useEffect(() => {\n if (defaultProducts) {\n setSelectedProduct(defaultProducts)\n }\n if (!isEmpty(defaultValues)) {\n reset(defaultValues)\n }\n return () => {\n setSelectedProduct([])\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const onSubmit = (values: OrderFormSchema) => {\n onFormSubmit?.(values)\n }\n\n const {\n handleSubmit,\n reset,\n watch,\n formState: { errors },\n control,\n } = useForm<OrderFormSchema>({\n defaultValues: {\n paymentMethod: 'creditOrDebitCard',\n ...(defaultValues ? defaultValues : {}),\n },\n resolver: zodResolver(validationSchema),\n })\n\n const selectedPaymentMethod = watch('paymentMethod', '')\n\n return (\n <div className=\"flex\">\n <Form\n className=\"flex-1 flex flex-col overflow-hidden\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <Container>\n <div className=\"flex gap-4\">\n {larger.xl && (\n <div className=\"w-[360px]\">\n <Affix offset={getTopGapValue()}>\n <Card>\n <Navigator />\n </Card>\n </Affix>\n </div>\n )}\n\n <div className=\"flex-1\">\n <div className=\"flex flex-col gap-4\">\n <ProductSelectSection />\n <CustomerDetailSection\n control={control}\n errors={errors}\n />\n <BillingAddressSection\n control={control}\n errors={errors}\n />\n <PaymentMethodSection\n control={control}\n errors={errors}\n selectedPaymentMethod={\n selectedPaymentMethod\n }\n />\n </div>\n </div>\n </div>\n </Container>\n <BottomStickyBar>{children}</BottomStickyBar>\n </Form>\n </div>\n )\n}\n\nexport default OrderForm\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n GetProductListResponse,\n OrderFormSchema,\n SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n children: ReactNode\n onFormSubmit: (values: OrderFormSchema) => void\n defaultValues?: OrderFormSchema\n defaultProducts?: SelectedProduct[]\n newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n firstName: z.string().min(1, { message: 'First name required' }),\n lastName: z.string().min(1, { message: 'Last name required' }),\n email: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\n phoneNumber: z\n .string()\n .min(1, { message: 'Please input your mobile number' }),\n country: z.string().min(1, { message: 'Please select a country' }),\n address: z.string().min(1, { message: 'Addrress required' }),\n postcode: z.string().min(1, { message: 'Postcode required' }),\n city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n 'paymentMethod',\n [\n z\n .object({\n paymentMethod: z.literal('creditOrDebitCard'),\n cardHolderName: z\n .string()\n .min(1, { message: 'Card holder name required' }),\n ccNumber: z\n .string()\n .min(1, 'Credit card number required')\n .refine(\n (value) =>\n /^(?:4[0-9]{12}(?:[0-9]{3})?\|[25][1-7][0-9]{14}\|6(?:011\|5[0-9][0-9])[0-9]{12}\|3[47][0-9]{13}\|3(?:0[0-5]\|[68][0-9])[0-9]{11}\|(?:2131\|1800\|35\\d{3})\\d{11})$/.test(\n value,\n ),\n 'Invalid credit card number',\n ),\n cardExpiry: z\n .string()\n .min(1, { message: 'Card holder name required' })\n .refine(\n (value) =>\n /^(0[1-9]\|1[0-2])\\/?([0-9]{4}\|[0-9]{2})$/.test(\n value,\n ),\n 'Invalid Date',\n ),\n code: z\n .string()\n .min(1, { message: 'Code required' })\n .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal('paypal'),\n paypalEmail: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal('bankTransfer'),\n bankName: z.string().min(1, { message: 'Bank name required' }),\n accountNumber: z\n .string()\n .min(1, { message: 'Account number required' }),\n accountHolderName: z\n .string()\n .min(1, { message: 'Account holder name required' }),\n IBAN: z.string().min(1, { message: 'IBAN required' }),\n })\n .merge(baseValidationSchema),\n z\n .object({\n paymentMethod: z.literal(''),\n })\n .merge(baseValidationSchema),\n ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n const { setProductOption, setProductList, setSelectedProduct } =\n useOrderFormStore()\n\n const { getTopGapValue } = useLayoutGap()\n\n const { larger } = useResponsive()\n\n useSWR(\n [\n '/api/products',\n {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n } as TableQueries,\n ],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProductList<GetProductListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n onSuccess: (resp) => {\n const list = resp.list.map(\n ({ id: value, name: label, img, stock: quantity }) => ({\n label,\n value,\n img,\n quantity,\n }),\n )\n setProductList(resp.list)\n setProductOption(list)\n },\n },\n )\n\n useEffect(() => {\n if (defaultProducts) {\n setSelectedProduct(defaultProducts)\n }\n if (!isEmpty(defaultValues)) {\n reset(defaultValues)\n }\n return () => {\n setSelectedProduct([])\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const onSubmit = (values: OrderFormSchema) => {\n onFormSubmit?.(values)\n }\n\n const {\n handleSubmit,\n reset,\n watch,\n formState: { errors },\n control,\n } = useForm<OrderFormSchema>({\n defaultValues: {\n paymentMethod: 'creditOrDebitCard',\n ...(defaultValues ? defaultValues : {}),\n },\n resolver: zodResolver(validationSchema),\n })\n\n const selectedPaymentMethod = watch('paymentMethod', '')\n\n return (\n <div className=\"flex\">\n <Form\n className=\"flex-1 flex flex-col overflow-hidden\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <Container>\n <div className=\"flex gap-4\">\n {larger.xl && (\n <div className=\"w-[360px]\">\n <Affix offset={getTopGapValue()}>\n <Card>\n <Navigator />\n </Card>\n </Affix>\n </div>\n )}\n\n <div className=\"flex-1\">\n <div className=\"flex flex-col gap-4\">\n <ProductSelectSection />\n <CustomerDetailSection\n control={control}\n errors={errors}\n />\n <BillingAddressSection\n control={control}\n errors={errors}\n />\n <PaymentMethodSection\n control={control}\n errors={errors}\n selectedPaymentMethod={\n selectedPaymentMethod\n }\n />\n </div>\n </div>\n </div>\n </Container>\n <BottomStickyBar>{children}</BottomStickyBar>\n </Form>\n </div>\n )\n}\n\nexport default OrderForm\n"],"names":[],"mappings":"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"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigator.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/Navigator.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport { TbPackage, TbUserSquare, TbMapPin, TbCreditCard } from 'react-icons/tb'\n\nconst navigationList = [\n {\n label: 'Select products',\n description: 'Add product to purchase list.',\n link: 'selectProducts',\n icon: <TbPackage />,\n },\n {\n label: 'Customer details',\n description:\n 'Enter customer information like name, email & phone number.',\n link: 'customerDetails',\n icon: <TbUserSquare />,\n },\n {\n label: 'Address Information',\n description: 'Provide shipping address details.',\n link: 'addressInformation',\n icon: <TbMapPin />,\n },\n {\n label: 'Payment',\n description:\n 'Enter payment method and details to complete the transaction.',\n link: 'payment',\n icon: <TbCreditCard />,\n },\n]\n\nconst Navigator = () => {\n return (\n <div className=\"flex flex-col gap-2\">\n {navigationList.map((nav) => (\n <Link\n key={nav.label}\n activeClass=\"bg-gray-100 dark:bg-gray-700 active\"\n className=\"cursor-pointer p-4 rounded-xl group hover:bg-gray-100 dark:hover:bg-gray-700\"\n to={nav.link}\n spy={true}\n smooth={true}\n duration={500}\n offset={-80}\n >\n <span className=\"flex items-center gap-2\">\n <Avatar\n icon={nav.icon}\n className=\"bg-gray-100 dark:bg-gray-700 group-hover:bg-white group-[.active]:bg-white dark:group-hover:bg-gray-800 dark:group-[.active]:bg-gray-800 heading-text \"\n />\n <span className=\"flex flex-col flex-1\">\n <span className=\"heading-text font-bold\">\n {nav.label}\n </span>\n <span>{nav.description}</span>\n </span>\n </span>\n </Link>\n ))}\n </div>\n )\n}\n\nexport default Navigator\n"],"names":[],"mappings":";;;;AAKA,MAAM,iBAAiB;AAAA,EACnB;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,0BAAO,~~WAAU~~,CAAA,~~CAAA~~;AAAA,~~EACrB~~;AAAA,~~EACA~~;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,0BAAO,~~cAAa~~,CAAA,~~CAAA~~;AAAA,~~EACxB~~;AAAA,~~EACA~~;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,0BAAO,~~UAAS~~,CAAA,~~CAAA~~;AAAA,~~EACpB~~;AAAA,~~EACA~~;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,0BAAO,~~cAAa~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE5B;AAEA,MAAM,YAAY,MAAM;AACpB,6BACK,~~OAAI~~,~~EAAA~~,WAAU,uBACV,~~UAAe~~,~~eAAA~~,IAAI,CAAC,QACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,IAAI,IAAI;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAA,qBAAC,~~QAAK~~,~~EAAA~~,WAAU,2BACZ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,IAAI;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,~~QACd~~;AAAA,~~QACA~~,qBAAC,~~QAAK~~,~~EAAA~~,WAAU,wBACZ,UAAA;AAAA,UAAA,oBAAC,~~QAAK~~,~~EAAA~~,WAAU,0BACX,UAAA,IAAI,OACT;AAAA,UACA,oBAAC,~~QAAM~~,~~EAAA~~,UAAA,IAAI,~~YAAY~~,~~CAAA~~;AAAA,QAAA,~~EAC3B~~,~~CAAA~~;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,IApBK,IAAI;AAAA,~~EAsBhB~~,~~CAAA~~,GACL;AAER;"}
1	+ {"version":3,"file":"Navigator.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/Navigator.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport { TbPackage, TbUserSquare, TbMapPin, TbCreditCard } from 'react-icons/tb'\n\nconst navigationList = [\n {\n label: 'Select products',\n description: 'Add product to purchase list.',\n link: 'selectProducts',\n icon: <TbPackage />,\n },\n {\n label: 'Customer details',\n description:\n 'Enter customer information like name, email & phone number.',\n link: 'customerDetails',\n icon: <TbUserSquare />,\n },\n {\n label: 'Address Information',\n description: 'Provide shipping address details.',\n link: 'addressInformation',\n icon: <TbMapPin />,\n },\n {\n label: 'Payment',\n description:\n 'Enter payment method and details to complete the transaction.',\n link: 'payment',\n icon: <TbCreditCard />,\n },\n]\n\nconst Navigator = () => {\n return (\n <div className=\"flex flex-col gap-2\">\n {navigationList.map((nav) => (\n <Link\n key={nav.label}\n activeClass=\"bg-gray-100 dark:bg-gray-700 active\"\n className=\"cursor-pointer p-4 rounded-xl group hover:bg-gray-100 dark:hover:bg-gray-700\"\n to={nav.link}\n spy={true}\n smooth={true}\n duration={500}\n offset={-80}\n >\n <span className=\"flex items-center gap-2\">\n <Avatar\n icon={nav.icon}\n className=\"bg-gray-100 dark:bg-gray-700 group-hover:bg-white group-[.active]:bg-white dark:group-hover:bg-gray-800 dark:group-[.active]:bg-gray-800 heading-text \"\n />\n <span className=\"flex flex-col flex-1\">\n <span className=\"heading-text font-bold\">\n {nav.label}\n </span>\n <span>{nav.description}</span>\n </span>\n </span>\n </Link>\n ))}\n </div>\n )\n}\n\nexport default Navigator\n"],"names":[],"mappings":";;;;AAKA,MAAM,iBAAiB;AAAA,EACnB;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,0BAAO,WAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,0BAAO,cAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,0BAAO,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEpB;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,0BAAO,cAAA,CAAA,CAAa;AAAA,EAAA;AAE5B;AAEA,MAAM,YAAY,MAAM;AACpB,6BACK,OAAA,EAAI,WAAU,uBACV,UAAA,eAAe,IAAI,CAAC,QACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,IAAI,IAAI;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAA,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,IAAI;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd,qBAAC,QAAA,EAAK,WAAU,wBACZ,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,0BACX,UAAA,IAAI,OACT;AAAA,UACA,oBAAC,QAAA,EAAM,UAAA,IAAI,YAAA,CAAY;AAAA,QAAA,EAAA,CAC3B;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,IApBK,IAAI;AAAA,EAAA,CAsBhB,GACL;AAER;"}

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'\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":["DefaultOption","FormPatternInput"],"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":["DefaultOption","FormPatternInput"],"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'\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":[],"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":[],"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'\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":[],"mappings":";AAeA,MAAM,eAA+B;AAAA,EACjC,aAAa,~~CAAC~~;AAAA,~~EACd~~,eAAe,~~CAAC~~;AAAA,~~EAChB~~,iBAAiB,CAAA;AACrB;AAEO,MAAM,oBAAoB;AAAA,EAC7B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,IACrE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,oBAAoB,CAAC,YACjB,IAAI,OAAO,EAAE,iBAAiB,UAAU;AAAA,~~EAChD~~;~~AACJ~~;"}
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":[],"mappings":";AAeA,MAAM,eAA+B;AAAA,EACjC,aAAa,CAAA;AAAA,EACb,eAAe,CAAA;AAAA,EACf,iBAAiB,CAAA;AACrB;AAEO,MAAM,oBAAoB;AAAA,EAC7B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,IACrE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,oBAAoB,CAAC,YACjB,IAAI,OAAO,EAAE,iBAAiB,UAAU;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'\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":[],"mappings":";;;;;;AAMA,MAAM,YAAY,MAAM;AACpB,6BACK,~~WACG~~,~~EAAA~~,UAAA,oBAAC,gBACG,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,MAAA,oBAAC,QAAG,~~UAAM~~,SAAA,~~CAAA~~;AAAA,0BACT,~~sBAAqB~~,CAAA,~~CAAA~~;AAAA,IAAA,GAC1B;AAAA,wBACC,~~qBAAoB~~,~~EAAA~~;AAAA,wBACpB,~~gBAAe~~,CAAA,~~CAAA~~;AAAA,EAAA,~~EACpB~~,~~CAAA~~,~~EACJ~~,~~CAAA,~~GACJ;AAER;"}
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":[],"mappings":";;;;;;AAMA,MAAM,YAAY,MAAM;AACpB,6BACK,WAAA,EACG,UAAA,oBAAC,gBACG,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,0BACT,sBAAA,CAAA,CAAqB;AAAA,IAAA,GAC1B;AAAA,wBACC,qBAAA,EAAoB;AAAA,wBACpB,gBAAA,CAAA,CAAe;AAAA,EAAA,EAAA,CACpB,GACJ,GACJ;AAER;"}