npm - @orbe-agro/client-core - Versions diffs - 5.5.83 → 5.6.0 - Mend

@orbe-agro/client-core 5.5.83 → 5.6.0

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

package/dist/@ecme/views/concepts/accounts/Pricing/components/PaymentDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/PaymentDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Segment from '@/components/ui/Segment'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport { usePricingStore } from '../store/pricingStore'\nimport { TbCheck, TbCreditCard, TbMail } from 'react-icons/tb'\nimport {\n NumericFormat,\n PatternFormat,\n NumberFormatBase,\n} from 'react-number-format'\nimport { useNavigate } from 'react-router-dom'\nimport { PaymentCycle } from '../types'\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 PaymentDialog = () => {\n const [loading, setLoading] = useState(false)\n const [paymentSuccessful, setPaymentSuccessful] = useState(false)\n\n const navigate = useNavigate()\n\n const { paymentDialog, setPaymentDialog, selectedPlan, setSelectedPlan } =\n usePricingStore()\n\n const handleDialogClose = async () => {\n setPaymentDialog(false)\n await sleep(200)\n setSelectedPlan({})\n setPaymentSuccessful(false)\n }\n\n const handlePaymentChange = (paymentCycle: PaymentCycle) => {\n setSelectedPlan({\n ...selectedPlan,\n paymentCycle,\n })\n }\n\n const handlePay = async () => {\n setLoading(true)\n await sleep(500)\n setLoading(false)\n setPaymentSuccessful(true)\n }\n\n const handleManageSubscription = async () => {\n navigate('/concepts/account/settings?view=billing')\n await handleDialogClose()\n }\n\n return (\n <Dialog\n isOpen={paymentDialog}\n closable={!paymentSuccessful}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n {paymentSuccessful ? (\n <>\n <div className=\"text-center mt-6 mb-2\">\n <div className=\"inline-flex rounded-full p-5 bg-success\">\n <TbCheck className=\"text-5xl text-white\" />\n </div>\n <div className=\"mt-6\">\n <h4>Thank you for your purchase!</h4>\n <p className=\"text-base max-w-[400px] mx-auto mt-4 leading-relaxed\">\n We've received your order and are\n processing it now. You'll get an email with\n your order details soon\n </p>\n </div>\n <div className=\"grid grid-cols-2 gap-2 mt-8\">\n <Button block onClick={handleManageSubscription}>\n Manage subscription\n </Button>\n <Button\n block\n variant=\"solid\"\n onClick={handleDialogClose}\n >\n Close\n </Button>\n </div>\n </div>\n </>\n ) : (\n <>\n <h4>{selectedPlan.planName} plan</h4>\n <div className=\"mt-6\">\n <Segment\n defaultValue={selectedPlan.paymentCycle}\n className=\"gap-4 flex bg-transparent\"\n onChange={(value) =>\n handlePaymentChange(value as PaymentCycle)\n }\n >\n {Object.entries(selectedPlan.price \|\| {}).map(\n ([key, value]) => (\n <Segment.Item key={key} value={key}>\n {({ active, onSegmentItemClick }) => {\n return (\n <div\n className={classNames(\n 'flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1 w-1/2',\n active\n ? 'ring-primary border-primary '\n : 'ring-transparent bg-gray-100',\n )}\n role=\"button\"\n onClick={onSegmentItemClick}\n >\n <div>\n <div className=\"heading-text mb-0.5\">\n Pay{' '}\n {key === 'monthly'\n ? 'monthly'\n : 'anually'}\n </div>\n <span className=\"text-lg font-bold heading-text flex gap-0.5\">\n <NumericFormat\n displayType=\"text\"\n value={value}\n prefix={'$'}\n thousandSeparator={\n true\n }\n />\n <span>{'/'}</span>\n <span>\n {key ===\n 'monthly'\n ? 'month'\n : 'year'}\n </span>\n </span>\n </div>\n {active && (\n <TbCheck className=\"text-primary text-xl\" />\n )}\n </div>\n )\n }}\n </Segment.Item>\n ),\n )}\n </Segment>\n </div>\n <div className=\"mt-6 border border-gray-200 dark:border-gray-600 rounded-lg\">\n <div className=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-600\">\n <div className=\"w-full\">\n <span>Billing email</span>\n <div className=\"flex items-center gap-2 mt-2\">\n <TbMail className=\"text-2xl\" />\n <input\n className=\"focus:outline-none heading-text flex-1\"\n placeholder=\"Enter email\"\n type=\"email\"\n />\n </div>\n </div>\n </div>\n <div className=\"flex items-center justify-between p-4\">\n <div className=\"w-full\">\n <span>Credit card</span>\n <div className=\"flex items-center gap-2 mt-2\">\n <div className=\"flex-1\">\n <TbCreditCard className=\"text-2xl\" />\n </div>\n <PatternFormat\n className=\"focus:outline-none heading-text w-full\"\n placeholder=\"Credit card number\"\n format=\"#### #### #### ####\"\n />\n <NumberFormatBase\n className=\"focus:outline-none heading-text max-w-12 sm:max-w-28\"\n placeholder=\"MM/YY\"\n format={cardExpiryFormat}\n />\n <PatternFormat\n className=\"focus:outline-none heading-text max-w-12 sm:max-w-28\"\n placeholder=\"CVC\"\n format=\"###\"\n />\n </div>\n </div>\n </div>\n </div>\n <div className=\"mt-6 flex flex-col items-end\">\n <h4>\n <span>Bill now: </span>\n <span>\n <NumericFormat\n displayType=\"text\"\n value={\n selectedPlan.price?.[\n selectedPlan.paymentCycle as PaymentCycle\n ]\n }\n prefix={'$'}\n thousandSeparator={true}\n />\n </span>\n </h4>\n <div className=\"max-w-[350px] ltr:text-right rtl:text-left leading-none mt-2 opacity-80\">\n <small>\n By clicking "Pay", you agree to be\n charged $399 every month, you can cancel this\n subscription any time.\n </small>\n </div>\n </div>\n <div className=\"mt-6\">\n <Button\n block\n variant=\"solid\"\n loading={loading}\n onClick={handlePay}\n >\n Pay\n </Button>\n </div>\n </>\n )}\n </Dialog>\n )\n}\n\nexport default PaymentDialog\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PaymentDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/PaymentDialog.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Segment from '@/components/ui/Segment'\r\nimport classNames from '@/utils/classNames'\r\nimport sleep from '@/utils/sleep'\r\nimport { usePricingStore } from '../store/pricingStore'\r\nimport { TbCheck, TbCreditCard, TbMail } from 'react-icons/tb'\r\nimport {\r\n NumericFormat,\r\n PatternFormat,\r\n NumberFormatBase,\r\n} from 'react-number-format'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { PaymentCycle } from '../types'\r\n\r\nfunction limit(val: string, max: string) {\r\n if (val.length === 1 && val[0] > max[0]) {\r\n val = '0' + val\r\n }\r\n\r\n if (val.length === 2) {\r\n if (Number(val) === 0) {\r\n val = '01'\r\n } else if (val > max) {\r\n val = max\r\n }\r\n }\r\n\r\n return val\r\n}\r\n\r\nfunction cardExpiryFormat(val: string) {\r\n const month = limit(val.substring(0, 2), '12')\r\n const date = limit(val.substring(2, 4), '31')\r\n\r\n return month + (date.length ? '/' + date : '')\r\n}\r\n\r\nconst PaymentDialog = () => {\r\n const [loading, setLoading] = useState(false)\r\n const [paymentSuccessful, setPaymentSuccessful] = useState(false)\r\n\r\n const navigate = useNavigate()\r\n\r\n const { paymentDialog, setPaymentDialog, selectedPlan, setSelectedPlan } =\r\n usePricingStore()\r\n\r\n const handleDialogClose = async () => {\r\n setPaymentDialog(false)\r\n await sleep(200)\r\n setSelectedPlan({})\r\n setPaymentSuccessful(false)\r\n }\r\n\r\n const handlePaymentChange = (paymentCycle: PaymentCycle) => {\r\n setSelectedPlan({\r\n ...selectedPlan,\r\n paymentCycle,\r\n })\r\n }\r\n\r\n const handlePay = async () => {\r\n setLoading(true)\r\n await sleep(500)\r\n setLoading(false)\r\n setPaymentSuccessful(true)\r\n }\r\n\r\n const handleManageSubscription = async () => {\r\n navigate('/concepts/account/settings?view=billing')\r\n await handleDialogClose()\r\n }\r\n\r\n return (\r\n <Dialog\r\n isOpen={paymentDialog}\r\n closable={!paymentSuccessful}\r\n onClose={handleDialogClose}\r\n onRequestClose={handleDialogClose}\r\n >\r\n {paymentSuccessful ? (\r\n <>\r\n <div className=\"text-center mt-6 mb-2\">\r\n <div className=\"inline-flex rounded-full p-5 bg-success\">\r\n <TbCheck className=\"text-5xl text-white\" />\r\n </div>\r\n <div className=\"mt-6\">\r\n <h4>Thank you for your purchase!</h4>\r\n <p className=\"text-base max-w-[400px] mx-auto mt-4 leading-relaxed\">\r\n We've received your order and are\r\n processing it now. You'll get an email with\r\n your order details soon\r\n </p>\r\n </div>\r\n <div className=\"grid grid-cols-2 gap-2 mt-8\">\r\n <Button block onClick={handleManageSubscription}>\r\n Manage subscription\r\n </Button>\r\n <Button\r\n block\r\n variant=\"solid\"\r\n onClick={handleDialogClose}\r\n >\r\n Close\r\n </Button>\r\n </div>\r\n </div>\r\n </>\r\n ) : (\r\n <>\r\n <h4>{selectedPlan.planName} plan</h4>\r\n <div className=\"mt-6\">\r\n <Segment\r\n defaultValue={selectedPlan.paymentCycle}\r\n className=\"gap-4 flex bg-transparent\"\r\n onChange={(value) =>\r\n handlePaymentChange(value as PaymentCycle)\r\n }\r\n >\r\n {Object.entries(selectedPlan.price \|\| {}).map(\r\n ([key, value]) => (\r\n <Segment.Item key={key} value={key}>\r\n {({ active, onSegmentItemClick }) => {\r\n return (\r\n <div\r\n className={classNames(\r\n 'flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1 w-1/2',\r\n active\r\n ? 'ring-primary border-primary '\r\n : 'ring-transparent bg-gray-100',\r\n )}\r\n role=\"button\"\r\n onClick={onSegmentItemClick}\r\n >\r\n <div>\r\n <div className=\"heading-text mb-0.5\">\r\n Pay{' '}\r\n {key === 'monthly'\r\n ? 'monthly'\r\n : 'anually'}\r\n </div>\r\n <span className=\"text-lg font-bold heading-text flex gap-0.5\">\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={value}\r\n prefix={'$'}\r\n thousandSeparator={\r\n true\r\n }\r\n />\r\n <span>{'/'}</span>\r\n <span>\r\n {key ===\r\n 'monthly'\r\n ? 'month'\r\n : 'year'}\r\n </span>\r\n </span>\r\n </div>\r\n {active && (\r\n <TbCheck className=\"text-primary text-xl\" />\r\n )}\r\n </div>\r\n )\r\n }}\r\n </Segment.Item>\r\n ),\r\n )}\r\n </Segment>\r\n </div>\r\n <div className=\"mt-6 border border-gray-200 dark:border-gray-600 rounded-lg\">\r\n <div className=\"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-600\">\r\n <div className=\"w-full\">\r\n <span>Billing email</span>\r\n <div className=\"flex items-center gap-2 mt-2\">\r\n <TbMail className=\"text-2xl\" />\r\n <input\r\n className=\"focus:outline-none heading-text flex-1\"\r\n placeholder=\"Enter email\"\r\n type=\"email\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-center justify-between p-4\">\r\n <div className=\"w-full\">\r\n <span>Credit card</span>\r\n <div className=\"flex items-center gap-2 mt-2\">\r\n <div className=\"flex-1\">\r\n <TbCreditCard className=\"text-2xl\" />\r\n </div>\r\n <PatternFormat\r\n className=\"focus:outline-none heading-text w-full\"\r\n placeholder=\"Credit card number\"\r\n format=\"#### #### #### ####\"\r\n />\r\n <NumberFormatBase\r\n className=\"focus:outline-none heading-text max-w-12 sm:max-w-28\"\r\n placeholder=\"MM/YY\"\r\n format={cardExpiryFormat}\r\n />\r\n <PatternFormat\r\n className=\"focus:outline-none heading-text max-w-12 sm:max-w-28\"\r\n placeholder=\"CVC\"\r\n format=\"###\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"mt-6 flex flex-col items-end\">\r\n <h4>\r\n <span>Bill now: </span>\r\n <span>\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={\r\n selectedPlan.price?.[\r\n selectedPlan.paymentCycle as PaymentCycle\r\n ]\r\n }\r\n prefix={'$'}\r\n thousandSeparator={true}\r\n />\r\n </span>\r\n </h4>\r\n <div className=\"max-w-[350px] ltr:text-right rtl:text-left leading-none mt-2 opacity-80\">\r\n <small>\r\n By clicking "Pay", you agree to be\r\n charged $399 every month, you can cancel this\r\n subscription any time.\r\n </small>\r\n </div>\r\n </div>\r\n <div className=\"mt-6\">\r\n <Button\r\n block\r\n variant=\"solid\"\r\n loading={loading}\r\n onClick={handlePay}\r\n >\r\n Pay\r\n </Button>\r\n </div>\r\n </>\r\n )}\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport default PaymentDialog\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Pricing/components/Plans.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Plans.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/Plans.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport { usePricingStore } from '../store/pricingStore'\nimport { apiGetPricingPlans } from '@/services/AccontsService'\nimport { featuresList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useSWR from 'swr'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCheck } from 'react-icons/tb'\nimport type { GetPricingPanResponse } from '../types'\n\nconst Plans = () => {\n const { paymentCycle, setPaymentDialog, setSelectedPlan } =\n usePricingStore()\n\n const query = useQuery()\n const subcription = query.get('subcription')\n const cycle = query.get('cycle')\n\n const { data } = useSWR(\n ['/api/pricing'],\n () => apiGetPricingPlans<GetPricingPanResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n return (\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-8 xl:gap-4\">\n {data?.plans.map((plan, index) => (\n <div\n key={plan.id}\n className={classNames(\n 'px-6 pt-2 flex flex-col justify-between',\n !isLastChild(data.plans, index) &&\n 'border-r-0 xl:border-r border-gray-200 dark:border-gray-700',\n )}\n >\n <div>\n <h5 className=\"mb-6 flex items-center gap-2\">\n <span>{plan.name}</span>\n {plan.recommended && (\n <Tag className=\"rounded-full bg-green-200 font-bold\">\n Recommended\n </Tag>\n )}\n </h5>\n <div className=\"\">{plan.description}</div>\n <div className=\"mt-6\">\n <NumericFormat\n className=\"h1\"\n displayType=\"text\"\n value={plan.price[paymentCycle]}\n prefix={'$'}\n thousandSeparator={true}\n />\n <span className=\"text-lg font-bold\">\n {' '}\n /{' '}\n {paymentCycle === 'monthly' ? 'month' : 'year'}\n </span>\n </div>\n <div className=\"flex flex-col gap-4 border-t border-gray-200 dark:border-gray-700 mt-6 pt-6\">\n {featuresList.map((feature) => (\n <div\n key={feature.id}\n className=\"flex items-center gap-4 font-semibold heading-text\"\n >\n {plan.features.includes(feature.id) && (\n <>\n <TbCheck\n className={classNames(\n 'text-2xl',\n plan.features.includes(\n feature.id,\n )\n ? 'text-primary'\n : 'text-gray-100',\n )}\n />\n <span>\n {\n feature.description[\n plan.id as string\n ]\n }\n </span>\n </>\n )}\n </div>\n ))}\n </div>\n </div>\n <div className=\"mt-10\">\n <Button\n block\n disabled={\n subcription === plan.id &&\n cycle === paymentCycle\n }\n onClick={() => {\n setSelectedPlan({\n paymentCycle,\n planName: plan.name,\n price: plan.price,\n })\n setPaymentDialog(true)\n }}\n >\n {subcription === plan.id && cycle === paymentCycle\n ? 'Current plan'\n : 'Select plan'}\n </Button>\n </div>\n </div>\n ))}\n </div>\n )\n}\n\nexport default Plans\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,QAAQ,MAAM;AAChB,QAAM,EAAE,cAAc,kBAAkB,gBAAA,IACpC,gBAAA;AAEJ,QAAM,QAAQ,SAAA;AACd,QAAM,cAAc,MAAM,IAAI,aAAa;AAC3C,QAAM,QAAQ,MAAM,IAAI,OAAO;AAE/B,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,cAAc;AAAA,IACf,MAAM,mBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,SAAI,WAAU,kDACV,gBAAM,MAAM,IAAI,CAAC,MAAM,UACpB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAW;AAAA,QACP;AAAA,QACA,CAAC,YAAY,KAAK,OAAO,KAAK,KAC1B;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,qBAAC,MAAA,EAAG,WAAU,gCACV,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAM,eAAK,KAAA,CAAK;AAAA,YAChB,KAAK,eACF,oBAAC,KAAA,EAAI,WAAU,uCAAsC,UAAA,cAAA,CAErD;AAAA,UAAA,GAER;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,IAAI,eAAK,aAAY;AAAA,UACpC,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,OAAO,KAAK,MAAM,YAAY;AAAA,gBAC9B,QAAQ;AAAA,gBACR,mBAAmB;AAAA,cAAA;AAAA,YAAA;AAAA,YAEvB,qBAAC,QAAA,EAAK,WAAU,qBACX,UAAA;AAAA,cAAA;AAAA,cAAI;AAAA,cACH;AAAA,cACD,iBAAiB,YAAY,UAAU;AAAA,YAAA,EAAA,CAC5C;AAAA,UAAA,GACJ;AAAA,8BACC,OAAA,EAAI,WAAU,+EACV,UAAA,aAAa,IAAI,CAAC,YACf;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cAET,eAAK,SAAS,SAAS,QAAQ,EAAE,KAC9B,qBAAA,UAAA,EACI,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,SAAS;AAAA,wBACV,QAAQ;AAAA,sBAAA,IAEN,iBACA;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,oCAEH,QAAA,EAEO,UAAA,QAAQ,YACJ,KAAK,EACT,EAAA,CAER;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,YAtBC,QAAQ;AAAA,UAAA,CAyBpB,EAAA,CACL;AAAA,QAAA,GACJ;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAK;AAAA,YACL,UACI,gBAAgB,KAAK,MACrB,UAAU;AAAA,YAEd,SAAS,MAAM;AACX,8BAAgB;AAAA,gBACZ;AAAA,gBACA,UAAU,KAAK;AAAA,gBACf,OAAO,KAAK;AAAA,cAAA,CACf;AACD,+BAAiB,IAAI;AAAA,YACzB;AAAA,YAEC,UAAA,gBAAgB,KAAK,MAAM,UAAU,eAChC,iBACA;AAAA,UAAA;AAAA,QAAA,EACV,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAlFK,KAAK;AAAA,EAAA,CAoFjB,GACL;AAER;"}
1	+ {"version":3,"file":"Plans.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/Plans.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport Tag from '@/components/ui/Tag'\r\nimport { usePricingStore } from '../store/pricingStore'\r\nimport { apiGetPricingPlans } from '@/services/AccontsService'\r\nimport { featuresList } from '../constants'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport useSWR from 'swr'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport { TbCheck } from 'react-icons/tb'\r\nimport type { GetPricingPanResponse } from '../types'\r\n\r\nconst Plans = () => {\r\n const { paymentCycle, setPaymentDialog, setSelectedPlan } =\r\n usePricingStore()\r\n\r\n const query = useQuery()\r\n const subcription = query.get('subcription')\r\n const cycle = query.get('cycle')\r\n\r\n const { data } = useSWR(\r\n ['/api/pricing'],\r\n () => apiGetPricingPlans<GetPricingPanResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n return (\r\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-8 xl:gap-4\">\r\n {data?.plans.map((plan, index) => (\r\n <div\r\n key={plan.id}\r\n className={classNames(\r\n 'px-6 pt-2 flex flex-col justify-between',\r\n !isLastChild(data.plans, index) &&\r\n 'border-r-0 xl:border-r border-gray-200 dark:border-gray-700',\r\n )}\r\n >\r\n <div>\r\n <h5 className=\"mb-6 flex items-center gap-2\">\r\n <span>{plan.name}</span>\r\n {plan.recommended && (\r\n <Tag className=\"rounded-full bg-green-200 font-bold\">\r\n Recommended\r\n </Tag>\r\n )}\r\n </h5>\r\n <div className=\"\">{plan.description}</div>\r\n <div className=\"mt-6\">\r\n <NumericFormat\r\n className=\"h1\"\r\n displayType=\"text\"\r\n value={plan.price[paymentCycle]}\r\n prefix={'$'}\r\n thousandSeparator={true}\r\n />\r\n <span className=\"text-lg font-bold\">\r\n {' '}\r\n /{' '}\r\n {paymentCycle === 'monthly' ? 'month' : 'year'}\r\n </span>\r\n </div>\r\n <div className=\"flex flex-col gap-4 border-t border-gray-200 dark:border-gray-700 mt-6 pt-6\">\r\n {featuresList.map((feature) => (\r\n <div\r\n key={feature.id}\r\n className=\"flex items-center gap-4 font-semibold heading-text\"\r\n >\r\n {plan.features.includes(feature.id) && (\r\n <>\r\n <TbCheck\r\n className={classNames(\r\n 'text-2xl',\r\n plan.features.includes(\r\n feature.id,\r\n )\r\n ? 'text-primary'\r\n : 'text-gray-100',\r\n )}\r\n />\r\n <span>\r\n {\r\n feature.description[\r\n plan.id as string\r\n ]\r\n }\r\n </span>\r\n </>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n <div className=\"mt-10\">\r\n <Button\r\n block\r\n disabled={\r\n subcription === plan.id &&\r\n cycle === paymentCycle\r\n }\r\n onClick={() => {\r\n setSelectedPlan({\r\n paymentCycle,\r\n planName: plan.name,\r\n price: plan.price,\r\n })\r\n setPaymentDialog(true)\r\n }}\r\n >\r\n {subcription === plan.id && cycle === paymentCycle\r\n ? 'Current plan'\r\n : 'Select plan'}\r\n </Button>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Plans\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,QAAQ,MAAM;AAChB,QAAM,EAAE,cAAc,kBAAkB,gBAAA,IACpC,gBAAA;AAEJ,QAAM,QAAQ,SAAA;AACd,QAAM,cAAc,MAAM,IAAI,aAAa;AAC3C,QAAM,QAAQ,MAAM,IAAI,OAAO;AAE/B,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,cAAc;AAAA,IACf,MAAM,mBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,SAAI,WAAU,kDACV,gBAAM,MAAM,IAAI,CAAC,MAAM,UACpB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAW;AAAA,QACP;AAAA,QACA,CAAC,YAAY,KAAK,OAAO,KAAK,KAC1B;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,qBAAC,MAAA,EAAG,WAAU,gCACV,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAM,eAAK,KAAA,CAAK;AAAA,YAChB,KAAK,eACF,oBAAC,KAAA,EAAI,WAAU,uCAAsC,UAAA,cAAA,CAErD;AAAA,UAAA,GAER;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,IAAI,eAAK,aAAY;AAAA,UACpC,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,OAAO,KAAK,MAAM,YAAY;AAAA,gBAC9B,QAAQ;AAAA,gBACR,mBAAmB;AAAA,cAAA;AAAA,YAAA;AAAA,YAEvB,qBAAC,QAAA,EAAK,WAAU,qBACX,UAAA;AAAA,cAAA;AAAA,cAAI;AAAA,cACH;AAAA,cACD,iBAAiB,YAAY,UAAU;AAAA,YAAA,EAAA,CAC5C;AAAA,UAAA,GACJ;AAAA,8BACC,OAAA,EAAI,WAAU,+EACV,UAAA,aAAa,IAAI,CAAC,YACf;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cAET,eAAK,SAAS,SAAS,QAAQ,EAAE,KAC9B,qBAAA,UAAA,EACI,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,SAAS;AAAA,wBACV,QAAQ;AAAA,sBAAA,IAEN,iBACA;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,oCAEH,QAAA,EAEO,UAAA,QAAQ,YACJ,KAAK,EACT,EAAA,CAER;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,YAtBC,QAAQ;AAAA,UAAA,CAyBpB,EAAA,CACL;AAAA,QAAA,GACJ;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAK;AAAA,YACL,UACI,gBAAgB,KAAK,MACrB,UAAU;AAAA,YAEd,SAAS,MAAM;AACX,8BAAgB;AAAA,gBACZ;AAAA,gBACA,UAAU,KAAK;AAAA,gBACf,OAAO,KAAK;AAAA,cAAA,CACf;AACD,+BAAiB,IAAI;AAAA,YACzB;AAAA,YAEC,UAAA,gBAAgB,KAAK,MAAM,UAAU,eAChC,iBACA;AAAA,UAAA;AAAA,QAAA,EACV,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAlFK,KAAK;AAAA,EAAA,CAoFjB,GACL;AAER;"}

package/dist/@ecme/views/concepts/accounts/Pricing/components/Question.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Question.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/Question.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '@/utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { TbMinus, TbPlus } from 'react-icons/tb'\n\ntype QuestionProps = {\n title: string\n content: string\n defaultExpand: boolean\n border: boolean\n isFirstChild: boolean\n}\n\nconst Question = (props: QuestionProps) => {\n const { title, content, defaultExpand, border, isFirstChild } = props\n\n const [expand, setExpand] = useState(defaultExpand)\n\n return (\n <div\n className={classNames(\n 'flex flex-col w-full',\n border && 'border-b gray-200 dark:border-gray-700',\n isFirstChild ? 'pb-6' : 'py-6',\n )}\n >\n <div\n className=\"flex items-center gap-4 transition-colors h6 font-semibold cursor-pointer group\"\n role=\"button\"\n onClick={() => setExpand(!expand)}\n >\n <span className=\"text-2xl\">\n {expand ? <TbPlus /> : <TbMinus />}\n </span>\n <span className=\"group-hover:text-primary\">{title}</span>\n </div>\n <AnimatePresence>\n {expand && (\n <motion.div\n className=\"mt-4 ltr:ml-10\"\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n >\n {content}\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n )\n}\n\nexport default Question\n"],"names":[],"mappings":";;;;;AAaA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,OAAO,SAAS,eAAe,QAAQ,iBAAiB;AAEhE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,eAAe,SAAS;AAAA,MAAA;AAAA,MAG5B,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,YAEhC,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,6BAAU,QAAA,CAAA,CAAO,IAAK,oBAAC,SAAA,CAAA,CAAQ,EAAA,CACpC;AAAA,cACA,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,oBAAC,mBACI,UAAA,UACG;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACG,WAAU;AAAA,YACV,SAAS,EAAE,SAAS,EAAA;AAAA,YACpB,SAAS,EAAE,SAAS,EAAA;AAAA,YACpB,MAAM,EAAE,SAAS,EAAA;AAAA,YAEhB,UAAA;AAAA,UAAA;AAAA,QAAA,EACL,CAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"Question.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/components/Question.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport classNames from '@/utils/classNames'\r\nimport { motion, AnimatePresence } from 'framer-motion'\r\nimport { TbMinus, TbPlus } from 'react-icons/tb'\r\n\r\ntype QuestionProps = {\r\n title: string\r\n content: string\r\n defaultExpand: boolean\r\n border: boolean\r\n isFirstChild: boolean\r\n}\r\n\r\nconst Question = (props: QuestionProps) => {\r\n const { title, content, defaultExpand, border, isFirstChild } = props\r\n\r\n const [expand, setExpand] = useState(defaultExpand)\r\n\r\n return (\r\n <div\r\n className={classNames(\r\n 'flex flex-col w-full',\r\n border && 'border-b gray-200 dark:border-gray-700',\r\n isFirstChild ? 'pb-6' : 'py-6',\r\n )}\r\n >\r\n <div\r\n className=\"flex items-center gap-4 transition-colors h6 font-semibold cursor-pointer group\"\r\n role=\"button\"\r\n onClick={() => setExpand(!expand)}\r\n >\r\n <span className=\"text-2xl\">\r\n {expand ? <TbPlus /> : <TbMinus />}\r\n </span>\r\n <span className=\"group-hover:text-primary\">{title}</span>\r\n </div>\r\n <AnimatePresence>\r\n {expand && (\r\n <motion.div\r\n className=\"mt-4 ltr:ml-10\"\r\n initial={{ opacity: 0 }}\r\n animate={{ opacity: 1 }}\r\n exit={{ opacity: 0 }}\r\n >\r\n {content}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Question\r\n"],"names":[],"mappings":";;;;;AAaA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,OAAO,SAAS,eAAe,QAAQ,iBAAiB;AAEhE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,eAAe,SAAS;AAAA,MAAA;AAAA,MAG5B,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,YAEhC,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,6BAAU,QAAA,CAAA,CAAO,IAAK,oBAAC,SAAA,CAAA,CAAQ,EAAA,CACpC;AAAA,cACA,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,oBAAC,mBACI,UAAA,UACG;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACG,WAAU;AAAA,YACV,SAAS,EAAE,SAAS,EAAA;AAAA,YACpB,SAAS,EAAE,SAAS,EAAA;AAAA,YACpB,MAAM,EAAE,SAAS,EAAA;AAAA,YAEhB,UAAA;AAAA,UAAA;AAAA,QAAA,EACL,CAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/accounts/Pricing/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/Pricing/constants.ts"],"sourcesContent":["export const featuresList: {\n id: string\n description: Record<string, string>\n}[] = [\n {\n id: 'taskManagement',\n description: {\n basic: 'Task management',\n standard: 'Task management',\n pro: 'Task management',\n },\n },\n {\n id: 'managementTools',\n description: {\n basic: 'Basic management tools',\n standard: 'Advance management tools',\n pro: 'Advance management tools',\n },\n },\n {\n id: 'reporting',\n description: {\n basic: 'Report generator',\n standard: 'Report generator',\n pro: 'Detailed report generator',\n },\n },\n {\n id: 'support',\n description: {\n basic: 'Email support',\n standard: 'Chat & email support',\n pro: '24/7 chat & email support',\n },\n },\n {\n id: 'fileSharing',\n description: {\n basic: 'Files sharing',\n standard: 'Files sharing',\n pro: 'Files sharing',\n },\n },\n {\n id: 'advancedSecurity',\n description: {\n basic: 'Advanced security protocols',\n standard: 'Advanced security protocols',\n pro: 'Advanced security protocols',\n },\n },\n {\n id: 'customIntegrations',\n description: {\n basic: 'Third party service integration',\n standard: 'Third party service integration',\n pro: 'Third party service integration',\n },\n },\n]\n\nexport const questionList: Record<\n string,\n {\n title: string\n content: string\n defaultExpand: boolean\n }[]\n> = {\n subscription: [\n {\n title: 'How do I sign up for a subscription?',\n content:\n 'Select the plan above with your preferred subscription plan, and follow the on-screen instructions to create an account and enter your payment details.',\n defaultExpand: true,\n },\n {\n title: 'Can I cancel my subscription?',\n content:\n 'Yes, you have the flexibility to cancel your subscription at any time. To cancel, simply log in to your account, navigate to the \"Subscription\" section, and follow the instructions to cancel your plan. Your cancellation will take effect at the end of your current billing cycle.',\n defaultExpand: false,\n },\n\n {\n title: 'Can I switch my subscription plan?',\n content:\n 'Absolutely, you can switch between the monthly and annual plans at any time. To change your subscription plan, log in to your account, go to the \"Subscription\" section, select the plan you want to switch to, and follow the instructions. Your new plan will take effect immediately.',\n defaultExpand: false,\n },\n {\n title: 'Do you offer a free trial?',\n content:\n 'Yes, we provide a 14-day free trial for new users. During this period, you can access all the features of our subscription plan. If you continue after the trial, you will be charged based on the plan you selected.',\n defaultExpand: false,\n },\n {\n title: 'How do I know when my subscription is about to renew?',\n content:\n 'You will receive an email notification a few days before your subscription is set to renew, reminding you of the upcoming charge and providing an option to make any necessary changes.',\n defaultExpand: false,\n },\n {\n title: 'Are there any discounts for students or non-profits?',\n content:\n 'Yes, we offer special discounts for students and non-profits. Please contact our support team with the relevant documentation to apply for these discounts.',\n defaultExpand: false,\n },\n ],\n billing: [\n {\n title: 'What payment methods do you accept?',\n content:\n 'We strive to make the payment process as convenient as possible by accepting a variety of payment methods. These include major credit and debit cards such as Visa, MasterCard, and American Express, as well as PayPal. Depending on your location, additional regional payment methods may also be available.',\n defaultExpand: true,\n },\n {\n title: 'What happens if my payment fails?',\n content:\n 'If your payment fails, we will notify you via email. You will then have a grace period of 7 days to update your payment information. If the payment issue is not resolved within this period, your subscription will be temporarily suspended until the payment is successfully processed.',\n defaultExpand: false,\n },\n {\n title: 'How do I update my payment information?',\n content:\n 'To update your payment information, log in to your account, go to the \"Billing\" section, and enter your new payment details. Make sure to save the changes to ensure continuous service.',\n defaultExpand: false,\n },\n {\n title: 'Will I get a refund if I cancel my subscription?',\n content:\n 'Refund policies vary depending on your subscription type. For our Monthly Plan, we do not offer refunds. However, for the Annual Plan, you may be eligible for a prorated refund if you cancel within the first 30 days of your subscription. Please contact our support team for assistance with this process.',\n defaultExpand: false,\n },\n ],\n others: [\n {\n title: 'How do I contact customer support?',\n content:\n 'Our customer support team is here to help with any questions or issues you may have. You can reach us by emailing support@ecme.com, calling our support line at 1-800-123-4567, or using the live chat feature on our website. We are committed to providing you with prompt and effective assistance.',\n defaultExpand: true,\n },\n {\n title: 'How do I change my account details?',\n content:\n 'To update your account details, log in to your account, navigate to the \"Security\" section, and make the necessary changes. Be sure to save your updates.',\n defaultExpand: false,\n },\n {\n title: 'Is my personal information secure?',\n content:\n 'Yes, we prioritize the security of your personal information. Our site uses industry-standard encryption and security measures. Please refer to our Privacy Policy for more details on how we protect your data.',\n defaultExpand: false,\n },\n ],\n}\n\nexport const questionCategory: Record<string, string> = {\n subscription: 'Subscription details',\n billing: 'Billing and payments',\n others: 'Other',\n}\n"],"names":[],"mappings":"AAAO,MAAM,eAGP;AAAA,EACF;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAER;AAEO,MAAM,eAOT;AAAA,EACA,cAAc;AAAA,IACV;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAGnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAAA,EAEJ,SAAS;AAAA,IACL;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAAA,EAEJ,QAAQ;AAAA,IACJ;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAER;AAEO,MAAM,mBAA2C;AAAA,EACpD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AACZ;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/Pricing/constants.ts"],"sourcesContent":["export const featuresList: {\r\n id: string\r\n description: Record<string, string>\r\n}[] = [\r\n {\r\n id: 'taskManagement',\r\n description: {\r\n basic: 'Task management',\r\n standard: 'Task management',\r\n pro: 'Task management',\r\n },\r\n },\r\n {\r\n id: 'managementTools',\r\n description: {\r\n basic: 'Basic management tools',\r\n standard: 'Advance management tools',\r\n pro: 'Advance management tools',\r\n },\r\n },\r\n {\r\n id: 'reporting',\r\n description: {\r\n basic: 'Report generator',\r\n standard: 'Report generator',\r\n pro: 'Detailed report generator',\r\n },\r\n },\r\n {\r\n id: 'support',\r\n description: {\r\n basic: 'Email support',\r\n standard: 'Chat & email support',\r\n pro: '24/7 chat & email support',\r\n },\r\n },\r\n {\r\n id: 'fileSharing',\r\n description: {\r\n basic: 'Files sharing',\r\n standard: 'Files sharing',\r\n pro: 'Files sharing',\r\n },\r\n },\r\n {\r\n id: 'advancedSecurity',\r\n description: {\r\n basic: 'Advanced security protocols',\r\n standard: 'Advanced security protocols',\r\n pro: 'Advanced security protocols',\r\n },\r\n },\r\n {\r\n id: 'customIntegrations',\r\n description: {\r\n basic: 'Third party service integration',\r\n standard: 'Third party service integration',\r\n pro: 'Third party service integration',\r\n },\r\n },\r\n]\r\n\r\nexport const questionList: Record<\r\n string,\r\n {\r\n title: string\r\n content: string\r\n defaultExpand: boolean\r\n }[]\r\n> = {\r\n subscription: [\r\n {\r\n title: 'How do I sign up for a subscription?',\r\n content:\r\n 'Select the plan above with your preferred subscription plan, and follow the on-screen instructions to create an account and enter your payment details.',\r\n defaultExpand: true,\r\n },\r\n {\r\n title: 'Can I cancel my subscription?',\r\n content:\r\n 'Yes, you have the flexibility to cancel your subscription at any time. To cancel, simply log in to your account, navigate to the \"Subscription\" section, and follow the instructions to cancel your plan. Your cancellation will take effect at the end of your current billing cycle.',\r\n defaultExpand: false,\r\n },\r\n\r\n {\r\n title: 'Can I switch my subscription plan?',\r\n content:\r\n 'Absolutely, you can switch between the monthly and annual plans at any time. To change your subscription plan, log in to your account, go to the \"Subscription\" section, select the plan you want to switch to, and follow the instructions. Your new plan will take effect immediately.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'Do you offer a free trial?',\r\n content:\r\n 'Yes, we provide a 14-day free trial for new users. During this period, you can access all the features of our subscription plan. If you continue after the trial, you will be charged based on the plan you selected.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'How do I know when my subscription is about to renew?',\r\n content:\r\n 'You will receive an email notification a few days before your subscription is set to renew, reminding you of the upcoming charge and providing an option to make any necessary changes.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'Are there any discounts for students or non-profits?',\r\n content:\r\n 'Yes, we offer special discounts for students and non-profits. Please contact our support team with the relevant documentation to apply for these discounts.',\r\n defaultExpand: false,\r\n },\r\n ],\r\n billing: [\r\n {\r\n title: 'What payment methods do you accept?',\r\n content:\r\n 'We strive to make the payment process as convenient as possible by accepting a variety of payment methods. These include major credit and debit cards such as Visa, MasterCard, and American Express, as well as PayPal. Depending on your location, additional regional payment methods may also be available.',\r\n defaultExpand: true,\r\n },\r\n {\r\n title: 'What happens if my payment fails?',\r\n content:\r\n 'If your payment fails, we will notify you via email. You will then have a grace period of 7 days to update your payment information. If the payment issue is not resolved within this period, your subscription will be temporarily suspended until the payment is successfully processed.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'How do I update my payment information?',\r\n content:\r\n 'To update your payment information, log in to your account, go to the \"Billing\" section, and enter your new payment details. Make sure to save the changes to ensure continuous service.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'Will I get a refund if I cancel my subscription?',\r\n content:\r\n 'Refund policies vary depending on your subscription type. For our Monthly Plan, we do not offer refunds. However, for the Annual Plan, you may be eligible for a prorated refund if you cancel within the first 30 days of your subscription. Please contact our support team for assistance with this process.',\r\n defaultExpand: false,\r\n },\r\n ],\r\n others: [\r\n {\r\n title: 'How do I contact customer support?',\r\n content:\r\n 'Our customer support team is here to help with any questions or issues you may have. You can reach us by emailing support@ecme.com, calling our support line at 1-800-123-4567, or using the live chat feature on our website. We are committed to providing you with prompt and effective assistance.',\r\n defaultExpand: true,\r\n },\r\n {\r\n title: 'How do I change my account details?',\r\n content:\r\n 'To update your account details, log in to your account, navigate to the \"Security\" section, and make the necessary changes. Be sure to save your updates.',\r\n defaultExpand: false,\r\n },\r\n {\r\n title: 'Is my personal information secure?',\r\n content:\r\n 'Yes, we prioritize the security of your personal information. Our site uses industry-standard encryption and security measures. Please refer to our Privacy Policy for more details on how we protect your data.',\r\n defaultExpand: false,\r\n },\r\n ],\r\n}\r\n\r\nexport const questionCategory: Record<string, string> = {\r\n subscription: 'Subscription details',\r\n billing: 'Billing and payments',\r\n others: 'Other',\r\n}\r\n"],"names":[],"mappings":"AAAO,MAAM,eAGP;AAAA,EACF;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,EACT;AAER;AAEO,MAAM,eAOT;AAAA,EACA,cAAc;AAAA,IACV;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAGnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAAA,EAEJ,SAAS;AAAA,IACL;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAAA,EAEJ,QAAQ;AAAA,IACJ;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,EACnB;AAER;AAEO,MAAM,mBAA2C;AAAA,EACpD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AACZ;"}

package/dist/@ecme/views/concepts/accounts/Pricing/store/pricingStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pricingStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/store/pricingStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { PaymentCycle, SelectedPlan } from '../types'\n\ntype PricingState = {\n paymentCycle: PaymentCycle\n paymentDialog: boolean\n selectedPlan: Partial<SelectedPlan>\n}\n\ntype PricingAction = {\n setPaymentCycle: (payload: PaymentCycle) => void\n setPaymentDialog: (payload: boolean) => void\n setSelectedPlan: (payload: Partial<SelectedPlan>) => void\n}\n\nconst initialState: PricingState = {\n paymentCycle: 'monthly',\n paymentDialog: false,\n selectedPlan: {},\n}\n\nexport const usePricingStore = create<PricingState & PricingAction>((set) => ({\n ...initialState,\n setPaymentCycle: (payload) => set(() => ({ paymentCycle: payload })),\n setPaymentDialog: (payload) => set(() => ({ paymentDialog: payload })),\n setSelectedPlan: (payload) => set(() => ({ selectedPlan: payload })),\n}))\n"],"names":[],"mappings":";AAeA,MAAM,eAA6B;AAAA,EAC/B,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc,CAAA;AAClB;AAEO,MAAM,kBAAkB,OAAqC,CAAC,SAAS;AAAA,EAC1E,GAAG;AAAA,EACH,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EACrE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AACvE,EAAE;"}
1	+ {"version":3,"file":"pricingStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Pricing/store/pricingStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { PaymentCycle, SelectedPlan } from '../types'\r\n\r\ntype PricingState = {\r\n paymentCycle: PaymentCycle\r\n paymentDialog: boolean\r\n selectedPlan: Partial<SelectedPlan>\r\n}\r\n\r\ntype PricingAction = {\r\n setPaymentCycle: (payload: PaymentCycle) => void\r\n setPaymentDialog: (payload: boolean) => void\r\n setSelectedPlan: (payload: Partial<SelectedPlan>) => void\r\n}\r\n\r\nconst initialState: PricingState = {\r\n paymentCycle: 'monthly',\r\n paymentDialog: false,\r\n selectedPlan: {},\r\n}\r\n\r\nexport const usePricingStore = create<PricingState & PricingAction>((set) => ({\r\n ...initialState,\r\n setPaymentCycle: (payload) => set(() => ({ paymentCycle: payload })),\r\n setPaymentDialog: (payload) => set(() => ({ paymentDialog: payload })),\r\n setSelectedPlan: (payload) => set(() => ({ selectedPlan: payload })),\r\n}))\r\n"],"names":[],"mappings":";AAeA,MAAM,eAA6B;AAAA,EAC/B,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc,CAAA;AAClB;AAEO,MAAM,kBAAkB,OAAqC,CAAC,SAAS;AAAA,EAC1E,GAAG;AAAA,EACH,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EACrE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AACvE,EAAE;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/RolesPermissions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissions.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/RolesPermissions.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport RolesPermissionsGroups from './components/RolesPermissionsGroups'\nimport RolesPermissionsGroupsAction from './components/RolesPermissionsGroupsAction'\nimport RolesPermissionsUserAction from './components/RolesPermissionsUserAction'\nimport RolesPermissionsUserTable from './components/RolesPermissionsUserTable'\nimport RolesPermissionsUserSelected from './components/RolesPermissionsUserSelected'\nimport RolesPermissionsAccessDialog from './components/RolesPermissionsAccessDialog'\nimport useRolePermissonsUsers from './hooks/useRolePermissonsUsers'\nimport useRolePermissonsRoles from './hooks/useRolePermissonsRoles'\n\nconst RolesPermissions = () => {\n const {\n userList,\n userListTotal,\n isLoading: userLoading,\n mutate: userMutate,\n } = useRolePermissonsUsers()\n const { roleList, mutate: roleMutate } = useRolePermissonsRoles()\n\n return (\n <>\n <Container>\n <div className=\"mb-6\">\n <div className=\"flex items-center justify-between mb-6\">\n <h3>Roles & Permissions</h3>\n <RolesPermissionsGroupsAction />\n </div>\n <div className=\"mb-10\">\n <RolesPermissionsGroups roleList={roleList} />\n </div>\n </div>\n <div>\n <div>\n <div className=\"mb-6 flex flex-col gap-5\">\n <h3>All accounts</h3>\n <div className=\"flex-1\">\n <RolesPermissionsUserAction />\n </div>\n </div>\n <RolesPermissionsUserTable\n userList={userList}\n userListTotal={userListTotal}\n isLoading={userLoading}\n mutate={userMutate}\n roleList={roleList}\n />\n </div>\n </div>\n </Container>\n <RolesPermissionsAccessDialog\n roleList={roleList}\n mutate={roleMutate}\n />\n <RolesPermissionsUserSelected\n userList={userList}\n userListTotal={userListTotal}\n mutate={userMutate}\n />\n </>\n )\n}\n\nexport default RolesPermissions\n"],"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,mBAAmB,MAAM;AAC3B,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA,IACR,uBAAA;AACJ,QAAM,EAAE,UAAU,QAAQ,WAAA,IAAe,uBAAA;AAEzC,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,WAAA,EACG,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,sBAAA,CAAmB;AAAA,8BACtB,8BAAA,CAAA,CAA6B;AAAA,QAAA,GAClC;AAAA,4BACC,OAAA,EAAI,WAAU,SACX,UAAA,oBAAC,wBAAA,EAAuB,UAAoB,EAAA,CAChD;AAAA,MAAA,GACJ;AAAA,MACA,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,8BACf,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA,GACJ;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,QAAQ;AAAA,YACR;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACJ;AAER;"}
1	+ {"version":3,"file":"RolesPermissions.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/RolesPermissions.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport RolesPermissionsGroups from './components/RolesPermissionsGroups'\r\nimport RolesPermissionsGroupsAction from './components/RolesPermissionsGroupsAction'\r\nimport RolesPermissionsUserAction from './components/RolesPermissionsUserAction'\r\nimport RolesPermissionsUserTable from './components/RolesPermissionsUserTable'\r\nimport RolesPermissionsUserSelected from './components/RolesPermissionsUserSelected'\r\nimport RolesPermissionsAccessDialog from './components/RolesPermissionsAccessDialog'\r\nimport useRolePermissonsUsers from './hooks/useRolePermissonsUsers'\r\nimport useRolePermissonsRoles from './hooks/useRolePermissonsRoles'\r\n\r\nconst RolesPermissions = () => {\r\n const {\r\n userList,\r\n userListTotal,\r\n isLoading: userLoading,\r\n mutate: userMutate,\r\n } = useRolePermissonsUsers()\r\n const { roleList, mutate: roleMutate } = useRolePermissonsRoles()\r\n\r\n return (\r\n <>\r\n <Container>\r\n <div className=\"mb-6\">\r\n <div className=\"flex items-center justify-between mb-6\">\r\n <h3>Roles & Permissions</h3>\r\n <RolesPermissionsGroupsAction />\r\n </div>\r\n <div className=\"mb-10\">\r\n <RolesPermissionsGroups roleList={roleList} />\r\n </div>\r\n </div>\r\n <div>\r\n <div>\r\n <div className=\"mb-6 flex flex-col gap-5\">\r\n <h3>All accounts</h3>\r\n <div className=\"flex-1\">\r\n <RolesPermissionsUserAction />\r\n </div>\r\n </div>\r\n <RolesPermissionsUserTable\r\n userList={userList}\r\n userListTotal={userListTotal}\r\n isLoading={userLoading}\r\n mutate={userMutate}\r\n roleList={roleList}\r\n />\r\n </div>\r\n </div>\r\n </Container>\r\n <RolesPermissionsAccessDialog\r\n roleList={roleList}\r\n mutate={roleMutate}\r\n />\r\n <RolesPermissionsUserSelected\r\n userList={userList}\r\n userListTotal={userListTotal}\r\n mutate={userMutate}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default RolesPermissions\r\n"],"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,mBAAmB,MAAM;AAC3B,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA,IACR,uBAAA;AACJ,QAAM,EAAE,UAAU,QAAQ,WAAA,IAAe,uBAAA;AAEzC,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,WAAA,EACG,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,sBAAA,CAAmB;AAAA,8BACtB,8BAAA,CAAA,CAA6B;AAAA,QAAA,GAClC;AAAA,4BACC,OAAA,EAAI,WAAU,SACX,UAAA,oBAAC,wBAAA,EAAuB,UAAoB,EAAA,CAChD;AAAA,MAAA,GACJ;AAAA,MACA,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,8BACf,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA,GACJ;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,QAAQ;AAAA,YACR;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsAccessDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsAccessDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsAccessDialog.tsx"],"sourcesContent":["import { useMemo, useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Avatar from '@/components/ui/Avatar'\nimport Segment from '@/components/ui/Segment'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport { FormItem } from '@/components/ui/Form'\nimport hooks from '@/components/ui/hooks'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { accessModules } from '../constants'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport {\n TbUserCog,\n TbBox,\n TbSettings,\n TbFiles,\n TbFileChart,\n TbCheck,\n} from 'react-icons/tb'\nimport type { MutateRolesPermissionsRolesResponse, Roles } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RolesPermissionsAccessDialog = {\n roleList: Roles\n mutate: MutateRolesPermissionsRolesResponse\n}\n\nconst moduleIcon: Record<string, ReactNode> = {\n users: <TbUserCog />,\n products: <TbBox />,\n configurations: <TbSettings />,\n files: <TbFiles />,\n reports: <TbFileChart />,\n}\n\nconst { useUniqueId } = hooks\n\nconst RolesPermissionsAccessDialog = ({\n roleList,\n mutate,\n}: RolesPermissionsAccessDialog) => {\n const { selectedRole, setSelectedRole, setRoleDialog, roleDialog } =\n useRolePermissionsStore()\n\n const [accessRight, setAccessRight] = useState<Record<string, string[]>>({})\n\n const roleNameRef = useRef<HTMLInputElement>(null)\n const descriptionRef = useRef<HTMLTextAreaElement>(null)\n\n const newId = useUniqueId('role-')\n\n const handleClose = () => {\n setRoleDialog({\n type: '',\n open: false,\n })\n }\n\n const handleUpdate = async () => {\n handleClose()\n await sleep(300)\n setSelectedRole('')\n }\n\n const handleSubmit = async () => {\n const newRoleList = structuredClone(roleList)\n newRoleList.push({\n id: newId,\n name: roleNameRef.current?.value \|\| `Untitle-${newId}`,\n description: descriptionRef.current?.value \|\| '',\n users: [],\n accessRight,\n })\n mutate(newRoleList, false)\n handleClose()\n }\n\n const modules = useMemo(() => {\n return roleList.find((role) => role.id === selectedRole)\n }, [selectedRole, roleList])\n\n const handleChange = (accessRight: string[], key: string) => {\n if (roleDialog.type === 'new') {\n setAccessRight((value) => {\n value[key] = accessRight\n return value\n })\n }\n\n if (roleDialog.type === 'edit') {\n const newRoleList = structuredClone(roleList).map((role) => {\n if (role.id === selectedRole) {\n role.accessRight[key] = accessRight\n }\n\n return role\n })\n\n mutate(newRoleList, false)\n }\n }\n\n return (\n <Dialog\n isOpen={roleDialog.open}\n width={900}\n onClose={handleClose}\n onRequestClose={handleClose}\n >\n <h4>{roleDialog.type === 'new' ? 'Create role' : modules?.name}</h4>\n <ScrollBar className=\"mt-6 max-h-[600px] overflow-y-auto\">\n <div className=\"px-4\">\n {roleDialog.type === 'new' && (\n <>\n <FormItem label=\"Role name\">\n <Input ref={roleNameRef} />\n </FormItem>\n <FormItem label=\"Description\">\n <Input ref={descriptionRef} textArea />\n </FormItem>\n <span className=\"font-semibold mb-2\">\n Permission\n </span>\n </>\n )}\n {accessModules.map((module, index) => (\n <div\n key={module.id}\n className={classNames(\n 'flex flex-col md:flex-row md:items-center justify-between gap-4 py-6 border-gray-200 dark:border-gray-600',\n !isLastChild(accessModules, index) &&\n 'border-b',\n )}\n >\n <div className=\"flex items-center gap-4\">\n <Avatar\n className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600 text-primary\"\n size={50}\n icon={moduleIcon[module.id]}\n shape=\"round\"\n />\n <div>\n <h6 className=\"font-bold\">{module.name}</h6>\n <span>{module.description}</span>\n </div>\n </div>\n <div className=\"flex items-center gap-4\">\n <Segment\n className=\"bg-transparent dark:bg-transparent\"\n selectionType=\"multiple\"\n value={modules?.accessRight[module.id]}\n onChange={(val) =>\n handleChange(val as string[], module.id)\n }\n >\n {module.accessor.map((access) => (\n <Segment.Item\n key={module.id + access.value}\n value={access.value}\n >\n {({\n active,\n onSegmentItemClick,\n }) => {\n return (\n <Button\n variant=\"default\"\n icon={\n active ? (\n <TbCheck className=\"text-primary text-xl\" />\n ) : (\n <></>\n )\n }\n active={active}\n type=\"button\"\n className=\"md:min-w-[100px]\"\n size=\"sm\"\n customColorClass={({\n active,\n }) =>\n classNames(\n active &&\n 'bg-transparent dark:bg-transparent text-primary border-primary ring-1 ring-primary',\n )\n }\n onClick={\n onSegmentItemClick\n }\n >\n {access.label}\n </Button>\n )\n }}\n </Segment.Item>\n ))}\n </Segment>\n </div>\n </div>\n ))}\n <div className=\"flex justify-end mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={handleClose}\n >\n Cancel\n </Button>\n <Button\n variant=\"solid\"\n onClick={\n roleDialog.type === 'edit'\n ? handleUpdate\n : handleSubmit\n }\n >\n {roleDialog.type === 'edit' ? 'Update' : 'Create'}\n </Button>\n </div>\n </div>\n </ScrollBar>\n </Dialog>\n )\n}\n\nexport default RolesPermissionsAccessDialog\n"],"names":["accessRight","active"],"mappings":"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"}
1	+ {"version":3,"file":"RolesPermissionsAccessDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsAccessDialog.tsx"],"sourcesContent":["import { useMemo, useState, useRef } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Segment from '@/components/ui/Segment'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Input from '@/components/ui/Input'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport hooks from '@/components/ui/hooks'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport { accessModules } from '../constants'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport sleep from '@/utils/sleep'\r\nimport {\r\n TbUserCog,\r\n TbBox,\r\n TbSettings,\r\n TbFiles,\r\n TbFileChart,\r\n TbCheck,\r\n} from 'react-icons/tb'\r\nimport type { MutateRolesPermissionsRolesResponse, Roles } from '../types'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype RolesPermissionsAccessDialog = {\r\n roleList: Roles\r\n mutate: MutateRolesPermissionsRolesResponse\r\n}\r\n\r\nconst moduleIcon: Record<string, ReactNode> = {\r\n users: <TbUserCog />,\r\n products: <TbBox />,\r\n configurations: <TbSettings />,\r\n files: <TbFiles />,\r\n reports: <TbFileChart />,\r\n}\r\n\r\nconst { useUniqueId } = hooks\r\n\r\nconst RolesPermissionsAccessDialog = ({\r\n roleList,\r\n mutate,\r\n}: RolesPermissionsAccessDialog) => {\r\n const { selectedRole, setSelectedRole, setRoleDialog, roleDialog } =\r\n useRolePermissionsStore()\r\n\r\n const [accessRight, setAccessRight] = useState<Record<string, string[]>>({})\r\n\r\n const roleNameRef = useRef<HTMLInputElement>(null)\r\n const descriptionRef = useRef<HTMLTextAreaElement>(null)\r\n\r\n const newId = useUniqueId('role-')\r\n\r\n const handleClose = () => {\r\n setRoleDialog({\r\n type: '',\r\n open: false,\r\n })\r\n }\r\n\r\n const handleUpdate = async () => {\r\n handleClose()\r\n await sleep(300)\r\n setSelectedRole('')\r\n }\r\n\r\n const handleSubmit = async () => {\r\n const newRoleList = structuredClone(roleList)\r\n newRoleList.push({\r\n id: newId,\r\n name: roleNameRef.current?.value \|\| `Untitle-${newId}`,\r\n description: descriptionRef.current?.value \|\| '',\r\n users: [],\r\n accessRight,\r\n })\r\n mutate(newRoleList, false)\r\n handleClose()\r\n }\r\n\r\n const modules = useMemo(() => {\r\n return roleList.find((role) => role.id === selectedRole)\r\n }, [selectedRole, roleList])\r\n\r\n const handleChange = (accessRight: string[], key: string) => {\r\n if (roleDialog.type === 'new') {\r\n setAccessRight((value) => {\r\n value[key] = accessRight\r\n return value\r\n })\r\n }\r\n\r\n if (roleDialog.type === 'edit') {\r\n const newRoleList = structuredClone(roleList).map((role) => {\r\n if (role.id === selectedRole) {\r\n role.accessRight[key] = accessRight\r\n }\r\n\r\n return role\r\n })\r\n\r\n mutate(newRoleList, false)\r\n }\r\n }\r\n\r\n return (\r\n <Dialog\r\n isOpen={roleDialog.open}\r\n width={900}\r\n onClose={handleClose}\r\n onRequestClose={handleClose}\r\n >\r\n <h4>{roleDialog.type === 'new' ? 'Create role' : modules?.name}</h4>\r\n <ScrollBar className=\"mt-6 max-h-[600px] overflow-y-auto\">\r\n <div className=\"px-4\">\r\n {roleDialog.type === 'new' && (\r\n <>\r\n <FormItem label=\"Role name\">\r\n <Input ref={roleNameRef} />\r\n </FormItem>\r\n <FormItem label=\"Description\">\r\n <Input ref={descriptionRef} textArea />\r\n </FormItem>\r\n <span className=\"font-semibold mb-2\">\r\n Permission\r\n </span>\r\n </>\r\n )}\r\n {accessModules.map((module, index) => (\r\n <div\r\n key={module.id}\r\n className={classNames(\r\n 'flex flex-col md:flex-row md:items-center justify-between gap-4 py-6 border-gray-200 dark:border-gray-600',\r\n !isLastChild(accessModules, index) &&\r\n 'border-b',\r\n )}\r\n >\r\n <div className=\"flex items-center gap-4\">\r\n <Avatar\r\n className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600 text-primary\"\r\n size={50}\r\n icon={moduleIcon[module.id]}\r\n shape=\"round\"\r\n />\r\n <div>\r\n <h6 className=\"font-bold\">{module.name}</h6>\r\n <span>{module.description}</span>\r\n </div>\r\n </div>\r\n <div className=\"flex items-center gap-4\">\r\n <Segment\r\n className=\"bg-transparent dark:bg-transparent\"\r\n selectionType=\"multiple\"\r\n value={modules?.accessRight[module.id]}\r\n onChange={(val) =>\r\n handleChange(val as string[], module.id)\r\n }\r\n >\r\n {module.accessor.map((access) => (\r\n <Segment.Item\r\n key={module.id + access.value}\r\n value={access.value}\r\n >\r\n {({\r\n active,\r\n onSegmentItemClick,\r\n }) => {\r\n return (\r\n <Button\r\n variant=\"default\"\r\n icon={\r\n active ? (\r\n <TbCheck className=\"text-primary text-xl\" />\r\n ) : (\r\n <></>\r\n )\r\n }\r\n active={active}\r\n type=\"button\"\r\n className=\"md:min-w-[100px]\"\r\n size=\"sm\"\r\n customColorClass={({\r\n active,\r\n }) =>\r\n classNames(\r\n active &&\r\n 'bg-transparent dark:bg-transparent text-primary border-primary ring-1 ring-primary',\r\n )\r\n }\r\n onClick={\r\n onSegmentItemClick\r\n }\r\n >\r\n {access.label}\r\n </Button>\r\n )\r\n }}\r\n </Segment.Item>\r\n ))}\r\n </Segment>\r\n </div>\r\n </div>\r\n ))}\r\n <div className=\"flex justify-end mt-6\">\r\n <Button\r\n className=\"ltr:mr-2 rtl:ml-2\"\r\n variant=\"plain\"\r\n onClick={handleClose}\r\n >\r\n Cancel\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n onClick={\r\n roleDialog.type === 'edit'\r\n ? handleUpdate\r\n : handleSubmit\r\n }\r\n >\r\n {roleDialog.type === 'edit' ? 'Update' : 'Create'}\r\n </Button>\r\n </div>\r\n </div>\r\n </ScrollBar>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport default RolesPermissionsAccessDialog\r\n"],"names":["accessRight","active"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroups.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsGroups.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroups.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { TbArrowRight } from 'react-icons/tb'\nimport type { Roles } from '../types'\n\ntype RolesPermissionsGroupsProps = {\n roleList: Roles\n}\n\nconst RolesPermissionsGroups = ({ roleList }: RolesPermissionsGroupsProps) => {\n const { setSelectedRole, setRoleDialog } = useRolePermissionsStore()\n\n const handleEditRoleClick = (id: string) => {\n setSelectedRole(id)\n setRoleDialog({\n type: 'edit',\n open: true,\n })\n }\n\n return (\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4\">\n {roleList.map((role) => (\n <div\n key={role.id}\n className=\"flex flex-col justify-between rounded-2xl p-5 bg-gray-100 dark:bg-gray-700 min-h-[140px]\"\n >\n <div className=\"flex items-center justify-between\">\n <h6 className=\"font-bold\">{role.name}</h6>\n </div>\n <p className=\"mt-2\">{role.description}</p>\n <div className=\"flex items-center justify-between mt-4\">\n <div className=\"flex flex-col\">\n <div className=\"-ml-2\">\n <UsersAvatarGroup\n avatarProps={{\n className:\n 'cursor-pointer -mr-2 border-2 border-white dark:border-500',\n size: 28,\n }}\n avatarGroupProps={{ maxCount: 3 }}\n chained={false}\n users={role.users}\n />\n </div>\n </div>\n <Button\n variant=\"plain\"\n size=\"sm\"\n className=\"py-0 h-auto\"\n icon={<TbArrowRight />}\n iconAlignment=\"end\"\n onClick={() => handleEditRoleClick(role.id)}\n >\n Edit role\n </Button>\n </div>\n </div>\n ))}\n </div>\n )\n}\n\nexport default RolesPermissionsGroups\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,yBAAyB,CAAC,EAAE,eAA4C;AAC1E,QAAM,EAAE,iBAAiB,cAAA,IAAkB,wBAAA;AAE3C,QAAM,sBAAsB,CAAC,OAAe;AACxC,oBAAgB,EAAE;AAClB,kBAAc;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,6BACK,OAAA,EAAI,WAAU,uEACV,UAAA,SAAS,IAAI,CAAC,SACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,QAAG,WAAU,aAAa,UAAA,KAAK,KAAA,CAAK,EAAA,CACzC;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,QAAQ,eAAK,aAAY;AAAA,QACtC,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,iBACX,UAAA,oBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa;AAAA,gBACT,WACI;AAAA,gBACJ,MAAM;AAAA,cAAA;AAAA,cAEV,kBAAkB,EAAE,UAAU,EAAA;AAAA,cAC9B,SAAS;AAAA,cACT,OAAO,KAAK;AAAA,YAAA;AAAA,UAAA,GAEpB,EAAA,CACJ;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,0BAAO,cAAA,EAAa;AAAA,cACpB,eAAc;AAAA,cACd,SAAS,MAAM,oBAAoB,KAAK,EAAE;AAAA,cAC7C,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAhCK,KAAK;AAAA,EAAA,CAkCjB,GACL;AAER;"}
1	+ {"version":3,"file":"RolesPermissionsGroups.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroups.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport { TbArrowRight } from 'react-icons/tb'\r\nimport type { Roles } from '../types'\r\n\r\ntype RolesPermissionsGroupsProps = {\r\n roleList: Roles\r\n}\r\n\r\nconst RolesPermissionsGroups = ({ roleList }: RolesPermissionsGroupsProps) => {\r\n const { setSelectedRole, setRoleDialog } = useRolePermissionsStore()\r\n\r\n const handleEditRoleClick = (id: string) => {\r\n setSelectedRole(id)\r\n setRoleDialog({\r\n type: 'edit',\r\n open: true,\r\n })\r\n }\r\n\r\n return (\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4\">\r\n {roleList.map((role) => (\r\n <div\r\n key={role.id}\r\n className=\"flex flex-col justify-between rounded-2xl p-5 bg-gray-100 dark:bg-gray-700 min-h-[140px]\"\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <h6 className=\"font-bold\">{role.name}</h6>\r\n </div>\r\n <p className=\"mt-2\">{role.description}</p>\r\n <div className=\"flex items-center justify-between mt-4\">\r\n <div className=\"flex flex-col\">\r\n <div className=\"-ml-2\">\r\n <UsersAvatarGroup\r\n avatarProps={{\r\n className:\r\n 'cursor-pointer -mr-2 border-2 border-white dark:border-500',\r\n size: 28,\r\n }}\r\n avatarGroupProps={{ maxCount: 3 }}\r\n chained={false}\r\n users={role.users}\r\n />\r\n </div>\r\n </div>\r\n <Button\r\n variant=\"plain\"\r\n size=\"sm\"\r\n className=\"py-0 h-auto\"\r\n icon={<TbArrowRight />}\r\n iconAlignment=\"end\"\r\n onClick={() => handleEditRoleClick(role.id)}\r\n >\r\n Edit role\r\n </Button>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default RolesPermissionsGroups\r\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,yBAAyB,CAAC,EAAE,eAA4C;AAC1E,QAAM,EAAE,iBAAiB,cAAA,IAAkB,wBAAA;AAE3C,QAAM,sBAAsB,CAAC,OAAe;AACxC,oBAAgB,EAAE;AAClB,kBAAc;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,6BACK,OAAA,EAAI,WAAU,uEACV,UAAA,SAAS,IAAI,CAAC,SACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,QAAG,WAAU,aAAa,UAAA,KAAK,KAAA,CAAK,EAAA,CACzC;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,QAAQ,eAAK,aAAY;AAAA,QACtC,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,iBACX,UAAA,oBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa;AAAA,gBACT,WACI;AAAA,gBACJ,MAAM;AAAA,cAAA;AAAA,cAEV,kBAAkB,EAAE,UAAU,EAAA;AAAA,cAC9B,SAAS;AAAA,cACT,OAAO,KAAK;AAAA,YAAA;AAAA,UAAA,GAEpB,EAAA,CACJ;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,0BAAO,cAAA,EAAa;AAAA,cACpB,eAAc;AAAA,cACd,SAAS,MAAM,oBAAoB,KAAK,EAAE;AAAA,cAC7C,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAhCK,KAAK;AAAA,EAAA,CAkCjB,GACL;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroupsAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsGroupsAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroupsAction.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\n\nconst RolesPermissionsGroupsAction = () => {\n const { setRoleDialog } = useRolePermissionsStore()\n\n return (\n <div>\n <Button\n variant=\"solid\"\n onClick={() =>\n setRoleDialog({\n type: 'new',\n open: true,\n })\n }\n >\n Create role\n </Button>\n </div>\n )\n}\n\nexport default RolesPermissionsGroupsAction\n"],"names":[],"mappings":";;;;AAGA,MAAM,+BAA+B,MAAM;AACvC,QAAM,EAAE,cAAA,IAAkB,wBAAA;AAE1B,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS,MACL,cAAc;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,MAER,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAER;"}
1	+ {"version":3,"file":"RolesPermissionsGroupsAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroupsAction.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\n\r\nconst RolesPermissionsGroupsAction = () => {\r\n const { setRoleDialog } = useRolePermissionsStore()\r\n\r\n return (\r\n <div>\r\n <Button\r\n variant=\"solid\"\r\n onClick={() =>\r\n setRoleDialog({\r\n type: 'new',\r\n open: true,\r\n })\r\n }\r\n >\r\n Create role\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default RolesPermissionsGroupsAction\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,+BAA+B,MAAM;AACvC,QAAM,EAAE,cAAA,IAAkB,wBAAA;AAE1B,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS,MACL,cAAc;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,MAER,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsUserAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserAction.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { TbSearch } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport type { ControlProps, OptionProps } from 'react-select'\n\nconst { Control } = components\n\ntype StatusOption = {\n label: string\n value: string\n dotBackground: string\n}\n\ntype RoleOption = {\n label: string\n value: string\n}\n\nconst statusOptions = [\n { label: 'All', value: '', dotBackground: 'bg-gray-200' },\n { label: 'Active', value: 'active', dotBackground: 'bg-success' },\n { label: 'Blocked', value: 'blocked', dotBackground: 'bg-error' },\n]\n\nconst roleOptions = [\n { label: 'All', value: '' },\n { label: 'Admin', value: 'admin' },\n { label: 'Supervisor', value: 'supervisor' },\n { label: 'Support', value: 'support' },\n { label: 'User', value: 'user' },\n { label: 'Auditor', value: 'auditor' },\n { label: 'Guest', value: 'guest' },\n]\n\nconst StatusSelectOption = (props: OptionProps<StatusOption>) => {\n return (\n <DefaultOption<StatusOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Badge className={data.dotBackground} />\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst RoleSelectOption = (props: OptionProps<RoleOption>) => {\n return (\n <DefaultOption<RoleOption>\n {...props}\n customLabel={(_, label) => <span>{label}</span>}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<StatusOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <div className=\"flex ml-3\">\n <Badge className={selected.dotBackground} />\n </div>\n )}\n {children}\n </Control>\n )\n}\n\nconst RolesPermissionsUserAction = () => {\n const { tableData, filterData, setFilterData, setTableData } =\n useRolePermissionsStore()\n\n const handleStatusChange = (status: string) => {\n setFilterData({ ...filterData, status })\n }\n\n const handleRoleChange = (role: string) => {\n setFilterData({ ...filterData, role })\n }\n\n const handleInputChange = (query: string) => {\n setTableData({ ...tableData, query })\n }\n\n return (\n <div className=\"flex items-center justify-between\">\n <DebounceInput\n className=\"max-w-[300px]\"\n placeholder=\"Search...\"\n type=\"text\"\n size=\"sm\"\n prefix={<TbSearch className=\"text-lg\" />}\n onChange={(e) => handleInputChange(e.target.value)}\n />\n <div className=\"flex items-center gap-2\">\n <Select<StatusOption, false>\n className=\"min-w-[150px] w-full\"\n components={{\n Control: CustomControl,\n Option: StatusSelectOption,\n }}\n options={statusOptions}\n size=\"sm\"\n placeholder=\"Status\"\n defaultValue={{\n label: 'All',\n value: '',\n dotBackground: 'bg-gray-200',\n }}\n onChange={(option) =>\n handleStatusChange(option?.value \|\| '')\n }\n />\n <Select<RoleOption>\n className=\"min-w-[150px] w-full\"\n components={{\n Option: RoleSelectOption,\n }}\n options={roleOptions}\n size=\"sm\"\n placeholder=\"Role\"\n defaultValue={{ label: 'All', value: '' }}\n onChange={(option) => handleRoleChange(option?.value \|\| '')}\n />\n </div>\n </div>\n )\n}\n\nexport default RolesPermissionsUserAction\n"],"names":["DefaultOption"],"mappings":"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"}
1	+ {"version":3,"file":"RolesPermissionsUserAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserAction.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport DebounceInput from '@/components/shared/DebounceInput'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport { components } from 'react-select'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\n\r\nconst { Control } = components\r\n\r\ntype StatusOption = {\r\n label: string\r\n value: string\r\n dotBackground: string\r\n}\r\n\r\ntype RoleOption = {\r\n label: string\r\n value: string\r\n}\r\n\r\nconst statusOptions = [\r\n { label: 'All', value: '', dotBackground: 'bg-gray-200' },\r\n { label: 'Active', value: 'active', dotBackground: 'bg-success' },\r\n { label: 'Blocked', value: 'blocked', dotBackground: 'bg-error' },\r\n]\r\n\r\nconst roleOptions = [\r\n { label: 'All', value: '' },\r\n { label: 'Admin', value: 'admin' },\r\n { label: 'Supervisor', value: 'supervisor' },\r\n { label: 'Support', value: 'support' },\r\n { label: 'User', value: 'user' },\r\n { label: 'Auditor', value: 'auditor' },\r\n { label: 'Guest', value: 'guest' },\r\n]\r\n\r\nconst StatusSelectOption = (props: OptionProps<StatusOption>) => {\r\n return (\r\n <DefaultOption<StatusOption>\r\n {...props}\r\n customLabel={(data, label) => (\r\n <span className=\"flex items-center gap-2\">\r\n <Badge className={data.dotBackground} />\r\n <span>{label}</span>\r\n </span>\r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst RoleSelectOption = (props: OptionProps<RoleOption>) => {\r\n return (\r\n <DefaultOption<RoleOption>\r\n {...props}\r\n customLabel={(_, label) => <span>{label}</span>}\r\n />\r\n )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<StatusOption>) => {\r\n const selected = props.getValue()[0]\r\n return (\r\n <Control {...props}>\r\n {selected && (\r\n <div className=\"flex ml-3\">\r\n <Badge className={selected.dotBackground} />\r\n </div>\r\n )}\r\n {children}\r\n </Control>\r\n )\r\n}\r\n\r\nconst RolesPermissionsUserAction = () => {\r\n const { tableData, filterData, setFilterData, setTableData } =\r\n useRolePermissionsStore()\r\n\r\n const handleStatusChange = (status: string) => {\r\n setFilterData({ ...filterData, status })\r\n }\r\n\r\n const handleRoleChange = (role: string) => {\r\n setFilterData({ ...filterData, role })\r\n }\r\n\r\n const handleInputChange = (query: string) => {\r\n setTableData({ ...tableData, query })\r\n }\r\n\r\n return (\r\n <div className=\"flex items-center justify-between\">\r\n <DebounceInput\r\n className=\"max-w-[300px]\"\r\n placeholder=\"Search...\"\r\n type=\"text\"\r\n size=\"sm\"\r\n prefix={<TbSearch className=\"text-lg\" />}\r\n onChange={(e) => handleInputChange(e.target.value)}\r\n />\r\n <div className=\"flex items-center gap-2\">\r\n <Select<StatusOption, false>\r\n className=\"min-w-[150px] w-full\"\r\n components={{\r\n Control: CustomControl,\r\n Option: StatusSelectOption,\r\n }}\r\n options={statusOptions}\r\n size=\"sm\"\r\n placeholder=\"Status\"\r\n defaultValue={{\r\n label: 'All',\r\n value: '',\r\n dotBackground: 'bg-gray-200',\r\n }}\r\n onChange={(option) =>\r\n handleStatusChange(option?.value \|\| '')\r\n }\r\n />\r\n <Select<RoleOption>\r\n className=\"min-w-[150px] w-full\"\r\n components={{\r\n Option: RoleSelectOption,\r\n }}\r\n options={roleOptions}\r\n size=\"sm\"\r\n placeholder=\"Role\"\r\n defaultValue={{ label: 'All', value: '' }}\r\n onChange={(option) => handleRoleChange(option?.value \|\| '')}\r\n />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default RolesPermissionsUserAction\r\n"],"names":["DefaultOption"],"mappings":";;;;;;;;;;AAQA,MAAM,EAAE,YAAY;AAapB,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,OAAO,OAAO,IAAI,eAAe,cAAA;AAAA,EAC1C,EAAE,OAAO,UAAU,OAAO,UAAU,eAAe,aAAA;AAAA,EACnD,EAAE,OAAO,WAAW,OAAO,WAAW,eAAe,WAAA;AACzD;AAEA,MAAM,cAAc;AAAA,EAChB,EAAE,OAAO,OAAO,OAAO,GAAA;AAAA,EACvB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAC7B;AAEA,MAAM,qBAAqB,CAAC,UAAqC;AAC7D,SACI;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,MAAM,UAChB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,cAAA,CAAe;AAAA,QACtC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,MAAA,EAAA,CACjB;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,MAAM,mBAAmB,CAAC,UAAmC;AACzD,SACI;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,GAAG,UAAU,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGpD;AAEA,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAwC;AAC1E,QAAM,WAAW,MAAM,SAAA,EAAW,CAAC;AACnC,SACI,qBAAC,SAAA,EAAS,GAAG,OACR,UAAA;AAAA,IAAA,YACG,oBAAC,SAAI,WAAU,aACX,8BAAC,OAAA,EAAM,WAAW,SAAS,cAAA,CAAe,EAAA,CAC9C;AAAA,IAEH;AAAA,EAAA,GACL;AAER;AAEA,MAAM,6BAA6B,MAAM;AACrC,QAAM,EAAE,WAAW,YAAY,eAAe,aAAA,IAC1C,wBAAA;AAEJ,QAAM,qBAAqB,CAAC,WAAmB;AAC3C,kBAAc,EAAE,GAAG,YAAY,QAAQ;AAAA,EAC3C;AAEA,QAAM,mBAAmB,CAAC,SAAiB;AACvC,kBAAc,EAAE,GAAG,YAAY,MAAM;AAAA,EACzC;AAEA,QAAM,oBAAoB,CAAC,UAAkB;AACzC,iBAAa,EAAE,GAAG,WAAW,OAAO;AAAA,EACxC;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QACtC,UAAU,CAAC,MAAM,kBAAkB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAErD,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,SAAS;AAAA,YACT,QAAQ;AAAA,UAAA;AAAA,UAEZ,SAAS;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA,YACP,eAAe;AAAA,UAAA;AAAA,UAEnB,UAAU,CAAC,WACP,mBAAmB,QAAQ,SAAS,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,UAEZ,SAAS;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc,EAAE,OAAO,OAAO,OAAO,GAAA;AAAA,UACrC,UAAU,CAAC,WAAW,iBAAiB,QAAQ,SAAS,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9D,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsUserSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { TbChecks } from 'react-icons/tb'\nimport type { MutateRolesPermissionsUsersResponse, Users } from '../types'\n\ntype RolesPermissionsUserSelectedProps = {\n mutate: MutateRolesPermissionsUsersResponse\n userList: Users\n userListTotal: number\n}\n\nconst RolesPermissionsUserSelected = ({\n mutate,\n userList,\n userListTotal,\n}: RolesPermissionsUserSelectedProps) => {\n const { selectedUser, setSelectAllUser } = useRolePermissionsStore()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n const newUserList = userList.filter((user) => {\n return !selectedUser.some((selected) => selected.id === user.id)\n })\n setSelectAllUser([])\n mutate(\n { list: newUserList, total: userListTotal - selectedUser.length },\n false,\n )\n setDeleteConfirmationOpen(false)\n }\n\n return (\n <>\n {selectedUser.length > 0 && (\n <StickyFooter\n className=\"-mx-8 flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8\"\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n >\n <div className=\"container mx-auto\">\n <div className=\"flex items-center justify-between\">\n <span>\n {selectedUser.length > 0 && (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-lg text-primary\">\n <TbChecks />\n </span>\n <span className=\"font-semibold flex items-center gap-1\">\n <span className=\"heading-text\">\n {selectedUser.length} Users\n </span>\n <span>selected</span>\n </span>\n </span>\n )}\n </span>\n\n <div className=\"flex items-center\">\n <Button\n size=\"sm\"\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n }\n onClick={handleDelete}\n >\n Delete\n </Button>\n </div>\n </div>\n </div>\n </StickyFooter>\n )}\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove users\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove these users? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default RolesPermissionsUserSelected\n"],"names":[],"mappings":";;;;;;;;AAcA,MAAM,+BAA+B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACJ,MAAyC;AACrC,QAAM,EAAE,cAAc,iBAAA,IAAqB,wBAAA;AAE3C,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,UAAM,cAAc,SAAS,OAAO,CAAC,SAAS;AAC1C,aAAO,CAAC,aAAa,KAAK,CAAC,aAAa,SAAS,OAAO,KAAK,EAAE;AAAA,IACnE,CAAC;AACD,qBAAiB,CAAA,CAAE;AACnB;AAAA,MACI,EAAE,MAAM,aAAa,OAAO,gBAAgB,aAAa,OAAA;AAAA,MACzD;AAAA,IAAA;AAEJ,8BAA0B,KAAK;AAAA,EACnC;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,aAAa,SAAS,KACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,8BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,oBAAC,UACI,UAAA,aAAa,SAAS,KACnB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,oBAAC,YAAS,GACd;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAA,aAAa;AAAA,gBAAO;AAAA,cAAA,GACzB;AAAA,cACA,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,oBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"RolesPermissionsUserSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserSelected.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport StickyFooter from '@/components/shared/StickyFooter'\r\nimport Button from '@/components/ui/Button'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport { TbChecks } from 'react-icons/tb'\r\nimport type { MutateRolesPermissionsUsersResponse, Users } from '../types'\r\n\r\ntype RolesPermissionsUserSelectedProps = {\r\n mutate: MutateRolesPermissionsUsersResponse\r\n userList: Users\r\n userListTotal: number\r\n}\r\n\r\nconst RolesPermissionsUserSelected = ({\r\n mutate,\r\n userList,\r\n userListTotal,\r\n}: RolesPermissionsUserSelectedProps) => {\r\n const { selectedUser, setSelectAllUser } = useRolePermissionsStore()\r\n\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n const handleDelete = () => {\r\n setDeleteConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n const newUserList = userList.filter((user) => {\r\n return !selectedUser.some((selected) => selected.id === user.id)\r\n })\r\n setSelectAllUser([])\r\n mutate(\r\n { list: newUserList, total: userListTotal - selectedUser.length },\r\n false,\r\n )\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n {selectedUser.length > 0 && (\r\n <StickyFooter\r\n className=\"-mx-8 flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\r\n stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8\"\r\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\r\n >\r\n <div className=\"container mx-auto\">\r\n <div className=\"flex items-center justify-between\">\r\n <span>\r\n {selectedUser.length > 0 && (\r\n <span className=\"flex items-center gap-2\">\r\n <span className=\"text-lg text-primary\">\r\n <TbChecks />\r\n </span>\r\n <span className=\"font-semibold flex items-center gap-1\">\r\n <span className=\"heading-text\">\r\n {selectedUser.length} Users\r\n </span>\r\n <span>selected</span>\r\n </span>\r\n </span>\r\n )}\r\n </span>\r\n\r\n <div className=\"flex items-center\">\r\n <Button\r\n size=\"sm\"\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\r\n }\r\n onClick={handleDelete}\r\n >\r\n Delete\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </StickyFooter>\r\n )}\r\n <ConfirmDialog\r\n isOpen={deleteConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Remove users\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDelete}\r\n >\r\n <p>\r\n {' '}\r\n Are you sure you want to remove these users? This action\r\n can't be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default RolesPermissionsUserSelected\r\n"],"names":[],"mappings":";;;;;;;;AAcA,MAAM,+BAA+B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACJ,MAAyC;AACrC,QAAM,EAAE,cAAc,iBAAA,IAAqB,wBAAA;AAE3C,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,UAAM,cAAc,SAAS,OAAO,CAAC,SAAS;AAC1C,aAAO,CAAC,aAAa,KAAK,CAAC,aAAa,SAAS,OAAO,KAAK,EAAE;AAAA,IACnE,CAAC;AACD,qBAAiB,CAAA,CAAE;AACnB;AAAA,MACI,EAAE,MAAM,aAAa,OAAO,gBAAgB,aAAa,OAAA;AAAA,MACzD;AAAA,IAAA;AAEJ,8BAA0B,KAAK;AAAA,EACnC;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,aAAa,SAAS,KACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,8BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,oBAAC,UACI,UAAA,aAAa,SAAS,KACnB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,oBAAC,YAAS,GACd;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAA,aAAa;AAAA,gBAAO;AAAA,cAAA,GACzB;AAAA,cACA,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,oBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolesPermissionsUserTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Dropdown from '@/components/ui/Dropdown'\nimport DataTable from '@/components/shared/DataTable'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbChevronDown } from 'react-icons/tb'\nimport type {\n User,\n Users,\n MutateRolesPermissionsUsersResponse,\n Roles,\n} from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { TableQueries } from '@/@types/common'\n\ntype RolesPermissionsUserTableProps = {\n isLoading: boolean\n userList: Users\n roleList: Roles\n userListTotal: number\n mutate: MutateRolesPermissionsUsersResponse\n}\n\nconst statusColor: Record<string, string> = {\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst RolesPermissionsUserTable = (props: RolesPermissionsUserTableProps) => {\n const { userList, userListTotal, isLoading, roleList, mutate } = props\n\n const {\n tableData,\n selectedUser,\n setTableData,\n setSelectedUser,\n setSelectAllUser,\n } = useRolePermissionsStore()\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedUser.length > 0) {\n setSelectAllUser([])\n }\n }\n\n const handlePaginationChange = (page: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageIndex = page\n handleSetTableData(newTableData)\n }\n\n const handleSelectChange = (value: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageSize = Number(value)\n newTableData.pageIndex = 1\n handleSetTableData(newTableData)\n }\n\n const handleSort = (sort: OnSortParam) => {\n const newTableData = cloneDeep(tableData)\n newTableData.sort = sort\n handleSetTableData(newTableData)\n }\n\n const handleRowSelect = (checked: boolean, row: User) => {\n setSelectedUser(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<User>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllUser(originalRows)\n } else {\n setSelectAllUser([])\n }\n }\n\n const handleRoleChange = (role: string, id: string) => {\n const newUserList = structuredClone(userList).map((user) => {\n if (user.id === id) {\n user.role = role\n }\n\n return user\n })\n\n mutate(\n { list: newUserList, total: userListTotal - selectedUser.length },\n false,\n )\n }\n\n const columns: ColumnDef<User>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <Avatar size={40} shape=\"circle\" src={row.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {row.name}\n </div>\n <div>{row.email}</div>\n </div>\n </div>\n )\n },\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <Tag className={statusColor[row.status]}>\n <span className=\"capitalize\">{row.status}</span>\n </Tag>\n </div>\n )\n },\n },\n {\n header: 'Last online',\n accessorKey: 'lastOnline',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex flex-col\">\n <span className=\"font-semibold\">\n {dayjs\n .unix(row.lastOnline)\n .format('MMMM, D YYYY')}\n </span>\n <small>\n {dayjs.unix(row.lastOnline).format('hh:mm A')}\n </small>\n </div>\n )\n },\n },\n {\n header: 'Role',\n accessorKey: 'role',\n size: 70,\n cell: (props) => {\n const row = props.row.original\n return (\n <Dropdown\n renderTitle={\n <div\n className=\"inline-flex items-center gap-2 py-2 px-4 rounded-lg hover:bg-gray-100 hover:dark:bg-gray-700 cursor-pointer\"\n role=\"button\"\n >\n <span className=\"font-bold heading-text\">\n {\n roleList.find(\n (role) => role.id === row.role,\n )?.name\n }\n </span>\n <TbChevronDown />\n </div>\n }\n >\n {roleList\n .filter((role) => role.id !== row.role)\n .map((role) => (\n <Dropdown.Item\n key={role.id}\n eventKey={role.id}\n onClick={() =>\n handleRoleChange(role.id, row.id)\n }\n >\n {role.name}\n </Dropdown.Item>\n ))}\n </Dropdown>\n )\n },\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [roleList, userList],\n )\n\n return (\n <DataTable\n selectable\n columns={columns}\n data={userList}\n noData={!isLoading && userList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: userListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedUser.some((selected) => selected.id === row.id)\n }\n hoverable={false}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n )\n}\n\nexport default RolesPermissionsUserTable\n"],"names":["props"],"mappings":"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"}
1	+ {"version":3,"file":"RolesPermissionsUserTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport dayjs from 'dayjs'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { TbChevronDown } from 'react-icons/tb'\r\nimport type {\r\n User,\r\n Users,\r\n MutateRolesPermissionsUsersResponse,\r\n Roles,\r\n} from '../types'\r\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\ntype RolesPermissionsUserTableProps = {\r\n isLoading: boolean\r\n userList: Users\r\n roleList: Roles\r\n userListTotal: number\r\n mutate: MutateRolesPermissionsUsersResponse\r\n}\r\n\r\nconst statusColor: Record<string, string> = {\r\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\r\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\r\n}\r\n\r\nconst RolesPermissionsUserTable = (props: RolesPermissionsUserTableProps) => {\r\n const { userList, userListTotal, isLoading, roleList, mutate } = props\r\n\r\n const {\r\n tableData,\r\n selectedUser,\r\n setTableData,\r\n setSelectedUser,\r\n setSelectAllUser,\r\n } = useRolePermissionsStore()\r\n\r\n const handleSetTableData = (data: TableQueries) => {\r\n setTableData(data)\r\n if (selectedUser.length > 0) {\r\n setSelectAllUser([])\r\n }\r\n }\r\n\r\n const handlePaginationChange = (page: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageIndex = page\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSelectChange = (value: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageSize = Number(value)\r\n newTableData.pageIndex = 1\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSort = (sort: OnSortParam) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.sort = sort\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleRowSelect = (checked: boolean, row: User) => {\r\n setSelectedUser(checked, row)\r\n }\r\n\r\n const handleAllRowSelect = (checked: boolean, rows: Row<User>[]) => {\r\n if (checked) {\r\n const originalRows = rows.map((row) => row.original)\r\n setSelectAllUser(originalRows)\r\n } else {\r\n setSelectAllUser([])\r\n }\r\n }\r\n\r\n const handleRoleChange = (role: string, id: string) => {\r\n const newUserList = structuredClone(userList).map((user) => {\r\n if (user.id === id) {\r\n user.role = role\r\n }\r\n\r\n return user\r\n })\r\n\r\n mutate(\r\n { list: newUserList, total: userListTotal - selectedUser.length },\r\n false,\r\n )\r\n }\r\n\r\n const columns: ColumnDef<User>[] = useMemo(\r\n () => [\r\n {\r\n header: 'Name',\r\n accessorKey: 'name',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar size={40} shape=\"circle\" src={row.img} />\r\n <div>\r\n <div className=\"font-bold heading-text\">\r\n {row.name}\r\n </div>\r\n <div>{row.email}</div>\r\n </div>\r\n </div>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Status',\r\n accessorKey: 'status',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <div className=\"flex items-center\">\r\n <Tag className={statusColor[row.status]}>\r\n <span className=\"capitalize\">{row.status}</span>\r\n </Tag>\r\n </div>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Last online',\r\n accessorKey: 'lastOnline',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <div className=\"flex flex-col\">\r\n <span className=\"font-semibold\">\r\n {dayjs\r\n .unix(row.lastOnline)\r\n .format('MMMM, D YYYY')}\r\n </span>\r\n <small>\r\n {dayjs.unix(row.lastOnline).format('hh:mm A')}\r\n </small>\r\n </div>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Role',\r\n accessorKey: 'role',\r\n size: 70,\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <Dropdown\r\n renderTitle={\r\n <div\r\n className=\"inline-flex items-center gap-2 py-2 px-4 rounded-lg hover:bg-gray-100 hover:dark:bg-gray-700 cursor-pointer\"\r\n role=\"button\"\r\n >\r\n <span className=\"font-bold heading-text\">\r\n {\r\n roleList.find(\r\n (role) => role.id === row.role,\r\n )?.name\r\n }\r\n </span>\r\n <TbChevronDown />\r\n </div>\r\n }\r\n >\r\n {roleList\r\n .filter((role) => role.id !== row.role)\r\n .map((role) => (\r\n <Dropdown.Item\r\n key={role.id}\r\n eventKey={role.id}\r\n onClick={() =>\r\n handleRoleChange(role.id, row.id)\r\n }\r\n >\r\n {role.name}\r\n </Dropdown.Item>\r\n ))}\r\n </Dropdown>\r\n )\r\n },\r\n },\r\n ],\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n [roleList, userList],\r\n )\r\n\r\n return (\r\n <DataTable\r\n selectable\r\n columns={columns}\r\n data={userList}\r\n noData={!isLoading && userList.length === 0}\r\n skeletonAvatarColumns={[0]}\r\n skeletonAvatarProps={{ width: 28, height: 28 }}\r\n loading={isLoading}\r\n pagingData={{\r\n total: userListTotal,\r\n pageIndex: tableData.pageIndex as number,\r\n pageSize: tableData.pageSize as number,\r\n }}\r\n checkboxChecked={(row) =>\r\n selectedUser.some((selected) => selected.id === row.id)\r\n }\r\n hoverable={false}\r\n onPaginationChange={handlePaginationChange}\r\n onSelectChange={handleSelectChange}\r\n onSort={handleSort}\r\n onCheckBoxChange={handleRowSelect}\r\n onIndeterminateCheckBoxChange={handleAllRowSelect}\r\n />\r\n )\r\n}\r\n\r\nexport default RolesPermissionsUserTable\r\n"],"names":["props"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/constants.ts"],"sourcesContent":["export const accessModules = [\n {\n id: 'users',\n name: 'User management',\n description: 'Access control for user management',\n accessor: [\n {\n label: 'Read',\n value: 'read',\n },\n {\n label: 'Write',\n value: 'write',\n },\n {\n label: 'Delete',\n value: 'delete',\n },\n ],\n },\n {\n id: 'products',\n name: 'Products authority',\n description: 'Access control for product operations',\n accessor: [\n {\n label: 'Read',\n value: 'read',\n },\n {\n label: 'Write',\n value: 'write',\n },\n {\n label: 'Delete',\n value: 'delete',\n },\n ],\n },\n {\n id: 'configurations',\n name: 'System configurations',\n description: 'Access control for system settings',\n accessor: [\n {\n label: 'Read',\n value: 'read',\n },\n {\n label: 'Write',\n value: 'write',\n },\n {\n label: 'Delete',\n value: 'delete',\n },\n ],\n },\n {\n id: 'files',\n name: 'File management',\n description: 'Access control for file management',\n accessor: [\n {\n label: 'Read',\n value: 'read',\n },\n {\n label: 'Write',\n value: 'write',\n },\n {\n label: 'Delete',\n value: 'delete',\n },\n ],\n },\n {\n id: 'reports',\n name: 'Reports',\n description: 'Access control for generating reports',\n accessor: [\n {\n label: 'Read',\n value: 'read',\n },\n {\n label: 'Write',\n value: 'write',\n },\n {\n label: 'Delete',\n value: 'delete',\n },\n ],\n },\n]\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AAAA,EACzB;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAER;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/constants.ts"],"sourcesContent":["export const accessModules = [\r\n {\r\n id: 'users',\r\n name: 'User management',\r\n description: 'Access control for user management',\r\n accessor: [\r\n {\r\n label: 'Read',\r\n value: 'read',\r\n },\r\n {\r\n label: 'Write',\r\n value: 'write',\r\n },\r\n {\r\n label: 'Delete',\r\n value: 'delete',\r\n },\r\n ],\r\n },\r\n {\r\n id: 'products',\r\n name: 'Products authority',\r\n description: 'Access control for product operations',\r\n accessor: [\r\n {\r\n label: 'Read',\r\n value: 'read',\r\n },\r\n {\r\n label: 'Write',\r\n value: 'write',\r\n },\r\n {\r\n label: 'Delete',\r\n value: 'delete',\r\n },\r\n ],\r\n },\r\n {\r\n id: 'configurations',\r\n name: 'System configurations',\r\n description: 'Access control for system settings',\r\n accessor: [\r\n {\r\n label: 'Read',\r\n value: 'read',\r\n },\r\n {\r\n label: 'Write',\r\n value: 'write',\r\n },\r\n {\r\n label: 'Delete',\r\n value: 'delete',\r\n },\r\n ],\r\n },\r\n {\r\n id: 'files',\r\n name: 'File management',\r\n description: 'Access control for file management',\r\n accessor: [\r\n {\r\n label: 'Read',\r\n value: 'read',\r\n },\r\n {\r\n label: 'Write',\r\n value: 'write',\r\n },\r\n {\r\n label: 'Delete',\r\n value: 'delete',\r\n },\r\n ],\r\n },\r\n {\r\n id: 'reports',\r\n name: 'Reports',\r\n description: 'Access control for generating reports',\r\n accessor: [\r\n {\r\n label: 'Read',\r\n value: 'read',\r\n },\r\n {\r\n label: 'Write',\r\n value: 'write',\r\n },\r\n {\r\n label: 'Delete',\r\n value: 'delete',\r\n },\r\n ],\r\n },\r\n]\r\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AAAA,EACzB;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsRoles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRolePermissonsRoles.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsRoles.ts"],"sourcesContent":["import { apiGetRolesPermissionsRoles } from '@/services/AccontsService'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsRolesResponse } from '../types'\n\nexport default function useRolePermissonsRoles() {\n const { data, isLoading, error, mutate } = useSWR(\n ['/api/rbac/roles'],\n () => apiGetRolesPermissionsRoles<GetRolesPermissionsRolesResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const roleList = data \|\| []\n\n return {\n roleList,\n error,\n isLoading,\n mutate,\n }\n}\n"],"names":[],"mappings":";;AAIA,SAAwB,yBAAyB;AAC7C,QAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,IACvC,CAAC,iBAAiB;AAAA,IAClB,MAAM,4BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,WAAW,QAAQ,CAAA;AAEzB,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useRolePermissonsRoles.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsRoles.ts"],"sourcesContent":["import { apiGetRolesPermissionsRoles } from '@/services/AccontsService'\r\nimport useSWR from 'swr'\r\nimport type { GetRolesPermissionsRolesResponse } from '../types'\r\n\r\nexport default function useRolePermissonsRoles() {\r\n const { data, isLoading, error, mutate } = useSWR(\r\n ['/api/rbac/roles'],\r\n () => apiGetRolesPermissionsRoles<GetRolesPermissionsRolesResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const roleList = data \|\| []\r\n\r\n return {\r\n roleList,\r\n error,\r\n isLoading,\r\n mutate,\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAIA,SAAwB,yBAAyB;AAC7C,QAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,IACvC,CAAC,iBAAiB;AAAA,IAClB,MAAM,4BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,WAAW,QAAQ,CAAA;AAEzB,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsUsersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useRolePermissonsUsers() {\n const { tableData, filterData } = useRolePermissionsStore()\n\n const { data, isLoading, error, mutate } = useSWR(\n ['/api/rbac/user', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetRolesPermissionsUsers<\n GetRolesPermissionsUsersResponse,\n TableQueries\n >(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const userList = data?.list \|\| []\n\n const userListTotal = data?.total \|\| 0\n\n return {\n userList,\n userListTotal,\n error,\n isLoading,\n mutate,\n }\n}\n"],"names":[],"mappings":";;;AAMA,SAAwB,yBAAyB;AAC7C,QAAM,EAAE,WAAW,WAAA,IAAe,wBAAA;AAElC,QAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,4BAGE,MAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,WAAW,MAAM,QAAQ,CAAA;AAE/B,QAAM,gBAAgB,MAAM,SAAS;AAErC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport useSWR from 'swr'\r\nimport type { GetRolesPermissionsUsersResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nexport default function useRolePermissonsUsers() {\r\n const { tableData, filterData } = useRolePermissionsStore()\r\n\r\n const { data, isLoading, error, mutate } = useSWR(\r\n ['/api/rbac/user', { ...tableData, ...filterData }],\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n ([_, params]) =>\r\n apiGetRolesPermissionsUsers<\r\n GetRolesPermissionsUsersResponse,\r\n TableQueries\r\n >(params),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const userList = data?.list \|\| []\r\n\r\n const userListTotal = data?.total \|\| 0\r\n\r\n return {\r\n userList,\r\n userListTotal,\r\n error,\r\n isLoading,\r\n mutate,\r\n }\r\n}\r\n"],"names":[],"mappings":";;;AAMA,SAAwB,yBAAyB;AAC7C,QAAM,EAAE,WAAW,WAAA,IAAe,wBAAA;AAElC,QAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,4BAGE,MAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,WAAW,MAAM,QAAQ,CAAA;AAE/B,QAAM,gBAAgB,MAAM,SAAS;AAErC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/store/rolePermissionsStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rolePermissionsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/store/rolePermissionsStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { User, Users, Filter } from '../types'\n\ntype Dialog = {\n type: '' \| 'edit' \| 'new'\n open: boolean\n}\n\nexport const initialTableData: TableQueries = {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n}\n\nexport const initialFilterData: Filter = {\n status: '',\n role: '',\n}\n\nexport type RolePermissionsState = {\n tableData: TableQueries\n filterData: Filter\n selectedUser: Users\n selectedRole: string\n roleDialog: Dialog\n}\n\ntype RolePermissionsAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedUser: (checked: boolean, customer: User) => void\n setSelectAllUser: (payload: Users) => void\n setSelectedRole: (payload: string) => void\n setRoleDialog: (payload: Dialog) => void\n}\n\nconst initialState: RolePermissionsState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedUser: [],\n selectedRole: '',\n roleDialog: {\n type: '',\n open: false,\n },\n}\n\nexport const useRolePermissionsStore = create<\n RolePermissionsState & RolePermissionsAction\n>((set) => ({\n ...initialState,\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setSelectedUser: (checked, row) =>\n set((state) => {\n const prevData = state.selectedUser\n if (checked) {\n return { selectedUser: [...prevData, ...[row]] }\n } else {\n if (prevData.some((prevUser) => row.id === prevUser.id)) {\n return {\n selectedUser: prevData.filter(\n (prevUser) => prevUser.id !== row.id,\n ),\n }\n }\n return { selectedUser: prevData }\n }\n }),\n setSelectAllUser: (payload) => set(() => ({ selectedUser: payload })),\n setSelectedRole: (payload) => set(() => ({ selectedRole: payload })),\n setRoleDialog: (payload) => set(() => ({ roleDialog: payload })),\n}))\n"],"names":[],"mappings":";AASO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAA4B;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACV;AAmBA,MAAM,eAAqC;AAAA,EACvC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc,CAAA;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,0BAA0B,OAErC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,iBAAiB,CAAC,SAAS,QACvB,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,cAAc,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACjD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,aAAa,IAAI,OAAO,SAAS,EAAE,GAAG;AACrD,eAAO;AAAA,UACH,cAAc,SAAS;AAAA,YACnB,CAAC,aAAa,SAAS,OAAO,IAAI;AAAA,UAAA;AAAA,QACtC;AAAA,MAER;AACA,aAAO,EAAE,cAAc,SAAA;AAAA,IAC3B;AAAA,EACJ,CAAC;AAAA,EACL,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACpE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AACnE,EAAE;"}
1	+ {"version":3,"file":"rolePermissionsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/store/rolePermissionsStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { User, Users, Filter } from '../types'\r\n\r\ntype Dialog = {\r\n type: '' \| 'edit' \| 'new'\r\n open: boolean\r\n}\r\n\r\nexport const initialTableData: TableQueries = {\r\n pageIndex: 1,\r\n pageSize: 10,\r\n query: '',\r\n sort: {\r\n order: '',\r\n key: '',\r\n },\r\n}\r\n\r\nexport const initialFilterData: Filter = {\r\n status: '',\r\n role: '',\r\n}\r\n\r\nexport type RolePermissionsState = {\r\n tableData: TableQueries\r\n filterData: Filter\r\n selectedUser: Users\r\n selectedRole: string\r\n roleDialog: Dialog\r\n}\r\n\r\ntype RolePermissionsAction = {\r\n setFilterData: (payload: Filter) => void\r\n setTableData: (payload: TableQueries) => void\r\n setSelectedUser: (checked: boolean, customer: User) => void\r\n setSelectAllUser: (payload: Users) => void\r\n setSelectedRole: (payload: string) => void\r\n setRoleDialog: (payload: Dialog) => void\r\n}\r\n\r\nconst initialState: RolePermissionsState = {\r\n tableData: initialTableData,\r\n filterData: initialFilterData,\r\n selectedUser: [],\r\n selectedRole: '',\r\n roleDialog: {\r\n type: '',\r\n open: false,\r\n },\r\n}\r\n\r\nexport const useRolePermissionsStore = create<\r\n RolePermissionsState & RolePermissionsAction\r\n>((set) => ({\r\n ...initialState,\r\n setTableData: (payload) => set(() => ({ tableData: payload })),\r\n setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n setSelectedUser: (checked, row) =>\r\n set((state) => {\r\n const prevData = state.selectedUser\r\n if (checked) {\r\n return { selectedUser: [...prevData, ...[row]] }\r\n } else {\r\n if (prevData.some((prevUser) => row.id === prevUser.id)) {\r\n return {\r\n selectedUser: prevData.filter(\r\n (prevUser) => prevUser.id !== row.id,\r\n ),\r\n }\r\n }\r\n return { selectedUser: prevData }\r\n }\r\n }),\r\n setSelectAllUser: (payload) => set(() => ({ selectedUser: payload })),\r\n setSelectedRole: (payload) => set(() => ({ selectedRole: payload })),\r\n setRoleDialog: (payload) => set(() => ({ roleDialog: payload })),\r\n}))\r\n"],"names":[],"mappings":";AASO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAA4B;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACV;AAmBA,MAAM,eAAqC;AAAA,EACvC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc,CAAA;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,0BAA0B,OAErC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,iBAAiB,CAAC,SAAS,QACvB,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,cAAc,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACjD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,aAAa,IAAI,OAAO,SAAS,EAAE,GAAG;AACrD,eAAO;AAAA,UACH,cAAc,SAAS;AAAA,YACnB,CAAC,aAAa,SAAS,OAAO,IAAI;AAAA,UAAA;AAAA,QACtC;AAAA,MAER;AACA,aAAO,EAAE,cAAc,SAAA;AAAA,IAC3B;AAAA,EACJ,CAAC;AAAA,EACL,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACpE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,EACnE,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AACnE,EAAE;"}