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

@orbe-agro/client-core 5.5.2 → 5.5.8

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

Files changed (2060) hide show

package/dist/@ecme/views/concepts/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,~~EAEb~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,~~EAEb~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,~~EAEb~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,~~EAEb~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,~~EAEb~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,aAAa;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,IAAA;AAAA,~~EAEb~~;AAAA,~~EACA~~;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,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IAEA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,~~EAEvB~~;AAAA,~~EACA~~,SAAS;AAAA,IACL;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,IAAA;AAAA,~~EAEvB~~;AAAA,~~EACA~~,QAAQ;AAAA,IACJ;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;AAAA,MACI,OAAO;AAAA,MACP,SACI;AAAA,MACJ,eAAe;AAAA,~~IACnB~~;AAAA,~~IACA~~;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: {\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;"}

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;~~AAEa~~,~~MAAA~~,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'\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;"}

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;~~AACrB~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,QAAQ;AAAA,~~MACR~~,~~uBAAuB~~;~~AAC3B~~,QAAM,EAAE,UAAU,QAAQ,WAAA,IAAe,~~uBAAuB~~;~~AAEhE~~,~~SAEQ~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA,qBAAC,~~WACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,~~QAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,QAAG,~~UAAmB~~,sBAAA,~~CAAA~~;AAAA,8BACtB,~~8BAA6B~~,CAAA,~~CAAA~~;AAAA,QAAA,GAClC;AAAA,4BACC,~~OAAI~~,~~EAAA~~,WAAU,SACX,~~UAAC~~,~~oBAAA~~,wBAAA,EAAuB,UAAoB,~~EAChD~~,~~CAAA~~;AAAA,MAAA,GACJ;AAAA,MACA,oBAAC,~~OACG~~,~~EAAA~~,UAAA,qBAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,~~QAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,UAAA,oBAAC,QAAG,~~UAAY~~,eAAA,~~CAAA~~;AAAA,8BACf,~~OAAI~~,~~EAAA~~,WAAU,UACX,UAAA,oBAAC,8BAA2B,~~EAChC~~,~~CAAA~~;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,~~EACJ~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,~~IACZ~~;AAAA,~~IACA~~;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'\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;"}

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'\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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"}

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,~~cAAc~~,~~IAAI~~,~~wBAAwB~~;~~AAE7D~~,~~QAAA~~,sBAAsB,CAAC,OAAe;AACxC,oBAAgB,EAAE;~~AACJ~~,~~kBAAA~~;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,6BACK,~~OAAI~~,~~EAAA~~,WAAU,uEACV,~~UAAS~~,~~SAAA~~,IAAI,CAAC,SACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,QAAG,WAAU,aAAa,~~UAAK~~,~~KAAA~~,KAAA,CAAK,~~EACzC~~,~~CAAA~~;AAAA,~~QACC~~,~~oBAAA~~,KAAA,EAAE,WAAU,QAAQ,eAAK,aAAY;AAAA,QACtC,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,iBACX,~~UAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa;AAAA,gBACT,WACI;AAAA,gBACJ,MAAM;AAAA,~~cACV~~;AAAA,~~cACA~~,kBAAkB,EAAE,UAAU,~~EAAE~~;AAAA,~~cAChC~~,SAAS;AAAA,cACT,OAAO,KAAK;AAAA,YAAA;AAAA,~~aAEpB~~,~~EACJ~~,~~CAAA~~;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,~~EACJ~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,IAhCK,KAAK;AAAA,~~EAkCjB~~,~~CAAA~~,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'\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;"}

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;~~AACjC~~,~~QAAA~~,EAAE,~~cAAc~~,~~IAAI~~,~~wBAAwB~~;~~AAElD~~,6BACK,~~OACG~~,~~EAAA~~,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'\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;"}

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":";;;;;;;;;;AAQA,MAAM,EAAE,~~QAAY,IAAA~~;AAapB,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,OAAO,OAAO,IAAI,eAAe,~~cAAc~~;AAAA,~~EACxD~~,EAAE,OAAO,UAAU,OAAO,UAAU,eAAe,~~aAAa~~;AAAA,~~EAChE~~,EAAE,OAAO,WAAW,OAAO,WAAW,eAAe,~~WAAW~~;~~AACpE~~;AAEA,MAAM,cAAc;AAAA,EAChB,EAAE,OAAO,OAAO,OAAO,~~GAAG~~;AAAA,~~EAC1B~~,EAAE,OAAO,SAAS,OAAO,~~QAAQ~~;AAAA,~~EACjC~~,EAAE,OAAO,cAAc,OAAO,~~aAAa~~;AAAA,~~EAC3C~~,EAAE,OAAO,WAAW,OAAO,~~UAAU~~;AAAA,~~EACrC~~,EAAE,OAAO,QAAQ,OAAO,~~OAAO~~;AAAA,~~EAC/B~~,EAAE,OAAO,WAAW,OAAO,~~UAAU~~;AAAA,~~EACrC~~,EAAE,OAAO,SAAS,OAAO,~~QAAQ~~;~~AACrC~~;AAEA,MAAM,qBAAqB,CAAC,UAAqC;~~AAEzD~~,~~SAAA~~;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,MAAM,~~UACf~~,~~qBAAA~~,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,OAAA,EAAM,WAAW,KAAK,~~cAAe~~,~~CAAA~~;AAAA,QACtC,oBAAC,UAAM,~~UAAM~~,MAAA,~~CAAA~~;AAAA,MAAA,~~EACjB~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EAER~~;~~AAER~~;AAEA,MAAM,mBAAmB,CAAC,UAAmC;~~AAErD~~,~~SAAA~~;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,GAAG,UAAU,oBAAC,UAAM,~~UAAM~~,MAAA,~~CAAA~~;AAAA,IAAA;AAAA,~~EAC5C~~;~~AAER~~;AAEA,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAwC;AAC1E,QAAM,WAAW,MAAM,~~SAAS~~,~~EAAE~~,CAAC;~~AAE/B~~,~~SAAA~~,qBAAC,~~SAAS~~,~~EAAA~~,GAAG,OACR,UAAA;AAAA,~~IACG~~,~~YAAA~~,oBAAC,SAAI,WAAU,aACX,8BAAC,~~OAAM~~,~~EAAA~~,WAAW,SAAS,cAAA,CAAe,~~EAC9C~~,~~CAAA~~;AAAA,IAEH;AAAA,EAAA,GACL;AAER;AAEA,MAAM,6BAA6B,MAAM;AACrC,QAAM,EAAE,WAAW,YAAY,eAAe,aAAA,IAC1C,~~wBAAwB~~;~~AAEtB~~,~~QAAA~~,qBAAqB,CAAC,WAAmB;AAC3C,kBAAc,EAAE,GAAG,YAAY,QAAQ;AAAA,EAC3C;~~AAEM~~,~~QAAA~~,mBAAmB,CAAC,SAAiB;AACvC,kBAAc,EAAE,GAAG,YAAY,MAAM;AAAA,EACzC;~~AAEM~~,~~QAAA~~,oBAAoB,CAAC,UAAkB;AACzC,iBAAa,EAAE,GAAG,WAAW,OAAO;AAAA,EACxC;~~AAGI~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,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,~~UAAS~~,~~EAAA~~,WAAU,~~UAAU~~,~~CAAA~~;AAAA,QACtC,UAAU,CAAC,MAAM,kBAAkB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,~~IACrD~~;AAAA,~~IACA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,SAAS;AAAA,YACT,QAAQ;AAAA,~~UACZ~~;AAAA,~~UACA~~,SAAS;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA,YACP,eAAe;AAAA,~~UACnB~~;AAAA,~~UACA~~,UAAU,CAAC,WACP,mBAAmB,QAAQ,SAAS,EAAE;AAAA,QAAA;AAAA,~~MAE9C~~;AAAA,~~MACA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,QAAQ;AAAA,~~UACZ~~;AAAA,~~UACA~~,SAAS;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc,EAAE,OAAO,OAAO,OAAO,~~GAAG~~;AAAA,~~UACxC~~,UAAU,CAAC,WAAW,iBAAiB,QAAQ,SAAS,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9D,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
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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"}

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,~~iBAAiB~~,~~IAAI~~,~~wBAAwB~~;~~AAEnE~~,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;~~AACnC~~,~~aAAA~~,CAAC,aAAa,KAAK,CAAC,aAAa,SAAS,OAAO,KAAK,EAAE;AAAA,~~IAAA~~,~~CAClE~~;AACD,qBAAiB,CAAA,CAAE;AACnB;AAAA,MACI,EAAE,MAAM,aAAa,OAAO,gBAAgB,aAAa,~~OAAO~~;AAAA,~~MAChE~~;AAAA,~~IACJ~~;~~AACA~~,8BAA0B,KAAK;AAAA,EACnC;AAEA,~~SAES~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA,aAAa,SAAS,KACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,8BAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,oBAAC,UACI,~~UAAa~~,~~aAAA~~,SAAS,~~KAClB~~,~~qBAAA~~,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,oBAAC,~~QAAK~~,~~EAAA~~,WAAU,wBACZ,UAAA,oBAAC,~~WAAS~~,~~CAAA,~~GACd;AAAA,YACA,qBAAC,~~QAAK~~,~~EAAA~~,WAAU,yCACZ,UAAA;AAAA,~~cAAC~~,~~qBAAA~~,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,~~gBAAa~~,~~aAAA~~;AAAA,gBAAO;AAAA,cAAA,GACzB;AAAA,cACA,oBAAC,UAAK,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,YAAA,~~EAClB~~,~~CAAA~~;AAAA,UAAA,EAAA,CACJ,~~EAER~~,~~CAAA~~;AAAA,UAEA,oBAAC,~~OAAI~~,~~EAAA~~,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,~~EAGL~~,~~CAAA~~;AAAA,QAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IACJ~~;AAAA,~~IAEJ~~;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,~~KACI~~,~~EAAA~~,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,~~EACxB~~,~~CAAA~~;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'\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;"}

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'\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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"}

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,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACN;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,~~MACX~~;AAAA,~~MACA~~;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 = [\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;"}

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,~~OAAW,IAAA~~;AAAA,IACvC,CAAC,iBAAiB;AAAA,IAClB,MAAM,~~4BAA8D~~;AAAA,~~IACpE~~;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,~~EAE/B~~;~~AAEM~~,~~QAAA~~,WAAW,QAAQ,~~CAAC~~;~~AAEnB~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;"}
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;"}

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,~~WAAW~~,~~IAAI~~,~~wBAAwB~~;~~AAE1D~~,QAAM,EAAE,MAAM,WAAW,OAAO,~~OAAW,IAAA~~;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,~~EAE/B~~;~~AAEM~~,~~QAAA~~,WAAW,MAAM,QAAQ,~~CAAC~~;~~AAE1B~~,~~QAAA~~,gBAAgB,MAAM,SAAS;~~AAE9B~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;"}
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;"}

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,~~CAAC~~;AAAA,~~EACf~~,cAAc;AAAA,EACd,YAAY;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;~~AAEa~~,~~MAAA~~,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;~~AACF~~,~~aAAA~~,EAAE,cAAc,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,~~EAAE~~;AAAA,~~IAAA~~,~~OAC5C~~;~~AACC~~,~~UAAA~~,SAAS,KAAK,CAAC,aAAa,IAAI,OAAO,SAAS,EAAE,GAAG;~~AAC9C~~,~~eAAA~~;AAAA,UACH,cAAc,SAAS;AAAA,YACnB,CAAC,aAAa,SAAS,OAAO,IAAI;AAAA,UAAA;AAAA,~~QAE1C~~;AAAA,~~MAAA~~;~~AAEG~~,~~aAAA~~,EAAE,cAAc,~~SAAS~~;AAAA,~~IAAA~~;AAAA,~~EACpC~~,~~CACH~~;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'\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;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Settings.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/Settings/Settings.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport SettingsMenu from './components/SettingsMenu'\nimport SettingMobileMenu from './components/SettingMobileMenu'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useSettingsStore } from './store/settingsStore'\n\nconst Profile = lazy(() => import('./components/SettingsProfile'))\nconst Security = lazy(() => import('./components/SettingsSecurity'))\nconst Notification = lazy(() => import('./components/SettingsNotification'))\nconst Billing = lazy(() => import('./components/SettingsBilling'))\nconst Integration = lazy(() => import('./components/SettingIntegration'))\n\nconst Settings = () => {\n const { currentView } = useSettingsStore()\n\n const { smaller, larger } = useResponsive()\n\n return (\n <AdaptiveCard className=\"h-full\">\n <div className=\"flex flex-auto h-full\">\n {larger.lg && (\n <div className=\"'w-[200px] xl:w-[280px]\">\n <SettingsMenu />\n </div>\n )}\n <div className=\"ltr:xl:pl-6 rtl:xl:pr-6 flex-1 py-2\">\n {smaller.lg && (\n <div className=\"mb-6\">\n <SettingMobileMenu />\n </div>\n )}\n <Suspense fallback={<></>}>\n {currentView === 'profile' && <Profile />}\n {currentView === 'security' && <Security />}\n {currentView === 'notification' && <Notification />}\n {currentView === 'billing' && <Billing />}\n {currentView === 'integration' && <Integration />}\n </Suspense>\n </div>\n </div>\n </AdaptiveCard>\n )\n}\n\nexport default Settings\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,UAAU,KAAK,MAAM,OAAO,iCAA8B,CAAC;AACjE,MAAM,WAAW,KAAK,MAAM,OAAO,kCAA+B,CAAC;AACnE,MAAM,eAAe,KAAK,MAAM,OAAO,sCAAmC,CAAC;AAC3E,MAAM,UAAU,KAAK,MAAM,OAAO,iCAA8B,CAAC;AACjE,MAAM,cAAc,KAAK,MAAM,OAAO,oCAAiC,CAAC;AAExE,MAAM,WAAW,MAAM;~~AACb~~,~~QAAA~~,EAAE,~~YAAY~~,~~IAAI~~,~~iBAAiB~~;~~AAEzC~~,QAAM,EAAE,SAAS,~~OAAO~~,~~IAAI~~,~~cAAc~~;~~AAE1C~~,6BACK,~~cAAa~~,~~EAAA~~,WAAU,UACpB,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,yBACV,UAAA;AAAA,IAAA,OAAO,~~MACH~~,~~oBAAA~~,OAAA,EAAI,WAAU,2BACX,UAAA,oBAAC,gBAAa,~~EAClB~~,~~CAAA~~;AAAA,IAEJ,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,uCACV,UAAA;AAAA,MAAA,QAAQ,~~MACJ~~,~~oBAAA~~,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,qBAAkB,~~EACvB~~,~~CAAA~~;AAAA,~~MAEH~~,~~qBAAA~~,UAAA,EAAS,UAAU,oBAAA,UAAA,CAAA,CAAE,GACjB,UAAA;AAAA,~~QAAgB~~,~~gBAAA~~,iCAAc,~~SAAQ~~,CAAA,~~CAAA~~;AAAA,QACtC,gBAAgB,cAAc,oBAAC,~~UAAS~~,CAAA,~~CAAA~~;AAAA,QACxC,gBAAgB,kBAAkB,oBAAC,~~cAAa~~,CAAA,~~CAAA~~;AAAA,QAChD,gBAAgB,aAAa,oBAAC,~~SAAQ~~,CAAA,~~CAAA~~;AAAA,QACtC,gBAAgB,iBAAiB,oBAAC,~~aAAY~~,CAAA,~~CAAA~~;AAAA,MAAA,~~EACnD~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Settings.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/Settings/Settings.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport SettingsMenu from './components/SettingsMenu'\nimport SettingMobileMenu from './components/SettingMobileMenu'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useSettingsStore } from './store/settingsStore'\n\nconst Profile = lazy(() => import('./components/SettingsProfile'))\nconst Security = lazy(() => import('./components/SettingsSecurity'))\nconst Notification = lazy(() => import('./components/SettingsNotification'))\nconst Billing = lazy(() => import('./components/SettingsBilling'))\nconst Integration = lazy(() => import('./components/SettingIntegration'))\n\nconst Settings = () => {\n const { currentView } = useSettingsStore()\n\n const { smaller, larger } = useResponsive()\n\n return (\n <AdaptiveCard className=\"h-full\">\n <div className=\"flex flex-auto h-full\">\n {larger.lg && (\n <div className=\"'w-[200px] xl:w-[280px]\">\n <SettingsMenu />\n </div>\n )}\n <div className=\"ltr:xl:pl-6 rtl:xl:pr-6 flex-1 py-2\">\n {smaller.lg && (\n <div className=\"mb-6\">\n <SettingMobileMenu />\n </div>\n )}\n <Suspense fallback={<></>}>\n {currentView === 'profile' && <Profile />}\n {currentView === 'security' && <Security />}\n {currentView === 'notification' && <Notification />}\n {currentView === 'billing' && <Billing />}\n {currentView === 'integration' && <Integration />}\n </Suspense>\n </div>\n </div>\n </AdaptiveCard>\n )\n}\n\nexport default Settings\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,UAAU,KAAK,MAAM,OAAO,iCAA8B,CAAC;AACjE,MAAM,WAAW,KAAK,MAAM,OAAO,kCAA+B,CAAC;AACnE,MAAM,eAAe,KAAK,MAAM,OAAO,sCAAmC,CAAC;AAC3E,MAAM,UAAU,KAAK,MAAM,OAAO,iCAA8B,CAAC;AACjE,MAAM,cAAc,KAAK,MAAM,OAAO,oCAAiC,CAAC;AAExE,MAAM,WAAW,MAAM;AACnB,QAAM,EAAE,YAAA,IAAgB,iBAAA;AAExB,QAAM,EAAE,SAAS,OAAA,IAAW,cAAA;AAE5B,6BACK,cAAA,EAAa,WAAU,UACpB,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACV,UAAA;AAAA,IAAA,OAAO,MACJ,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA,oBAAC,gBAAa,EAAA,CAClB;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAA,QAAQ,MACL,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,qBAAkB,EAAA,CACvB;AAAA,MAEJ,qBAAC,UAAA,EAAS,UAAU,oBAAA,UAAA,CAAA,CAAE,GACjB,UAAA;AAAA,QAAA,gBAAgB,iCAAc,SAAA,CAAA,CAAQ;AAAA,QACtC,gBAAgB,cAAc,oBAAC,UAAA,CAAA,CAAS;AAAA,QACxC,gBAAgB,kBAAkB,oBAAC,cAAA,CAAA,CAAa;AAAA,QAChD,gBAAgB,aAAa,oBAAC,SAAA,CAAA,CAAQ;AAAA,QACtC,gBAAgB,iBAAiB,oBAAC,aAAA,CAAA,CAAY;AAAA,MAAA,EAAA,CACnD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/BillingHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BillingHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/BillingHistory.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\nimport Badge from '@/components/ui/Badge'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\ntype Bill = {\n id: string\n item: string\n status: string\n amount: number\n date: number\n}\n\ntype BillingHistoryProps = {\n data: Bill[]\n className?: string\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst statusColor: Record<string, string> = {\n paid: 'bg-emerald-500',\n pending: 'bg-amber-400',\n}\n\nconst columnHelper = createColumnHelper<Bill>()\n\nconst columns = [\n columnHelper.accessor('id', {\n header: 'Reference',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"heading-text font-bold cursor-pointer\">\n {row.id}\n </span>\n )\n },\n }),\n columnHelper.accessor('item', {\n header: 'Product',\n cell: (props) => {\n const row = props.row.original\n return <span className=\"font-semibold\">{row.item}</span>\n },\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <Badge className={statusColor[row.status]} />\n <span className=\"heading-text font-bold capitalize\">\n {row.status}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n {dayjs.unix(row.date).format('MM/DD/YYYY')}\n </div>\n )\n },\n }),\n columnHelper.accessor('amount', {\n header: 'Amount',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <NumericFormat\n displayType=\"text\"\n value={(Math.round(row.amount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n </div>\n )\n },\n }),\n]\n\nconst BillingHistory = ({ data = [], ...rest }: BillingHistoryProps) => {\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <div {...rest}>\n <Table>\n <THead className=\"!bg-transparent\">\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </div>\n )\n}\n\nexport default BillingHistory\n"],"names":[],"mappings":";;;;;;;AAwBA,MAAM,EAAE,IAAI,IAAI,IAAI,OAAO,~~MAAU,IAAA~~;AAErC,MAAM,cAAsC;AAAA,EACxC,MAAM;AAAA,EACN,SAAS;AACb;AAEA,MAAM,eAAe,~~mBAAyB~~;~~AAE9C~~,MAAM,UAAU;AAAA,EACZ,aAAa,SAAS,MAAM;AAAA,IACxB,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;~~AACP~~,~~YAAA~~,MAAM,MAAM,IAAI;AACtB,~~aACK~~,~~oBAAA~~,QAAA,EAAK,WAAU,yCACX,cAAI,IACT;AAAA,~~IAAA~~;AAAA,~~EAER~~,CACH;AAAA,EACD,aAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;~~AACP~~,~~YAAA~~,MAAM,MAAM,IAAI;AACtB,~~aAAQ~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBAAiB,cAAI,MAAK;AAAA,~~IAAA~~;AAAA,~~EACrD~~,CACH;AAAA,EACD,aAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;~~AACP~~,~~YAAA~~,MAAM,MAAM,IAAI;~~AAElB~~,~~aAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,QAAA,oBAAC,~~OAAM~~,~~EAAA~~,WAAW,YAAY,IAAI,MAAM,GAAG;AAAA,~~QAC1C~~,~~oBAAA~~,QAAA,EAAK,WAAU,sCACX,cAAI,~~OACT~~,~~CAAA~~;AAAA,MAAA,GACJ;AAAA,~~IAAA~~;AAAA,~~EAER~~,CACH;AAAA,EACD,aAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;~~AACP~~,~~YAAA~~,MAAM,MAAM,IAAI;~~AAElB~~,~~aAAA~~,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACV,UAAA,MAAM,KAAK,IAAI,IAAI,EAAE,OAAO,YAAY,~~EAC7C~~,~~CAAA~~;AAAA,~~IAAA~~;AAAA,~~EAER~~,CACH;AAAA,EACD,aAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAAC,UAAU;~~AACP~~,~~YAAA~~,MAAM,MAAM,IAAI;~~AAElB~~,~~aAAA~~,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,QAAQ,KAAK,MAAM,IAAI,SAAS,GAAG,IAAI,KAAK,QAAQ,CAAC;AAAA,UACrD,QAAQ;AAAA,UACR,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,~~IAAA~~;AAAA,~~EAGX~~,~~CAAA~~;AACL;~~AAEM~~,~~MAAA~~,iBAAiB,CAAC,EAAE,OAAO,CAAA,GAAI,GAAG,WAAgC;AACpE,QAAM,QAAQ,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,IACA,iBAAiB,~~gBAAgB~~;AAAA,~~EAAA~~,CACpC;AAED,~~SACK~~,~~oBAAA~~,OAAA,EAAK,GAAG,MACL,+BAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,IAAA,oBAAC,~~OAAM~~,~~EAAA~~,WAAU,mBACZ,UAAA,MAAM,kBAAkB,IAAI,CAAC,oCACzB,~~IACI~~,~~EAAA~~,UAAA,YAAY,QAAQ,IAAI,CAAC,WAAW;~~AAE7B~~,~~aAAA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,SAAS,OAAO;AAAA,UAEf,UAAA;AAAA,YACG,OAAO,OAAO,UAAU;AAAA,YACxB,OAAO,~~WAAW~~;AAAA,~~UAAA~~;AAAA,QACtB;AAAA,QANK,OAAO;AAAA,~~MAOhB~~;AAAA,~~IAEP~~,~~CAAA~~,~~KAbI~~,YAAY,EAcrB,CACH,~~EACL~~,~~CAAA~~;AAAA,IACA,oBAAC,SACI,~~UAAM~~,~~MAAA~~,YAAA,EAAc,KAAK,IAAI,CAAC,QAAQ;AACnC,iCACK,~~IACI~~,~~EAAA~~,UAAA,IAAI,~~gBAAkB~~,~~EAAA,~~IAAI,CAAC,SAAS;AACjC,mCACK,~~IACI~~,~~EAAA~~,UAAA;AAAA,UACG,KAAK,OAAO,UAAU;AAAA,UACtB,KAAK,~~WAAW~~;AAAA,~~QAAA~~,EACpB,GAJK,KAAK,EAKd;AAAA,~~MAAA~~,~~CAEP~~,~~EAVI~~,~~GAAA~~,IAAI,EAWb;AAAA,~~IAAA~~,~~CAEP~~,~~EACL~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"BillingHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/BillingHistory.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\nimport Badge from '@/components/ui/Badge'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\ntype Bill = {\n id: string\n item: string\n status: string\n amount: number\n date: number\n}\n\ntype BillingHistoryProps = {\n data: Bill[]\n className?: string\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst statusColor: Record<string, string> = {\n paid: 'bg-emerald-500',\n pending: 'bg-amber-400',\n}\n\nconst columnHelper = createColumnHelper<Bill>()\n\nconst columns = [\n columnHelper.accessor('id', {\n header: 'Reference',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"heading-text font-bold cursor-pointer\">\n {row.id}\n </span>\n )\n },\n }),\n columnHelper.accessor('item', {\n header: 'Product',\n cell: (props) => {\n const row = props.row.original\n return <span className=\"font-semibold\">{row.item}</span>\n },\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center gap-2\">\n <Badge className={statusColor[row.status]} />\n <span className=\"heading-text font-bold capitalize\">\n {row.status}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n {dayjs.unix(row.date).format('MM/DD/YYYY')}\n </div>\n )\n },\n }),\n columnHelper.accessor('amount', {\n header: 'Amount',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <NumericFormat\n displayType=\"text\"\n value={(Math.round(row.amount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n </div>\n )\n },\n }),\n]\n\nconst BillingHistory = ({ data = [], ...rest }: BillingHistoryProps) => {\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <div {...rest}>\n <Table>\n <THead className=\"!bg-transparent\">\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </div>\n )\n}\n\nexport default BillingHistory\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingIntegration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingIntegration.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingIntegration.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Dialog from '@/components/ui/Dialog'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\nimport {\n TbCircleCheckFilled,\n TbRosetteDiscountCheckFilled,\n} from 'react-icons/tb'\nimport { apiGetSettingsIntergration } from '@/services/AccontsService'\nimport type { GetSettingsIntegrationResponse, Integration } from '../types'\n\nconst SettingIntegration = () => {\n const [selectedIntegration, setSelectedIntegration] = useState<{\n integration: Partial<Integration>\n dialogOpen: boolean\n }>({\n integration: {},\n dialogOpen: false,\n })\n\n const { data = [], mutate } = useSWR(\n '/api/settings/integration/',\n () => apiGetSettingsIntergration<GetSettingsIntegrationResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const handleToggle = (bool: boolean, id: string) => {\n const newData = structuredClone(data)\n mutate(\n newData.map((app) => {\n if (app.id === id) {\n app.active = bool\n }\n return app\n }),\n false,\n )\n }\n\n const handleDialogClose = () => {\n setSelectedIntegration({\n integration: {},\n dialogOpen: false,\n })\n }\n\n return (\n <div>\n <h4>Integration</h4>\n <p>Supercharge your workflow using these integration</p>\n <div className=\"mt-4\">\n {data.map((app, index) => (\n <div\n key={app.id}\n className={classNames(\n 'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700',\n !isLastChild(data, index) && '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-700\"\n size={50}\n src={app.img}\n shape=\"round\"\n />\n <div>\n <h6 className=\"font-bold\">{app.name}</h6>\n <span>{app.desc}</span>\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <Button\n variant=\"plain\"\n onClick={() =>\n setSelectedIntegration({\n dialogOpen: true,\n integration: app,\n })\n }\n >\n Learn more\n </Button>\n <Switcher\n checked={app.active}\n onChange={(val) => handleToggle(val, app.id)}\n />\n </div>\n </div>\n ))}\n </div>\n <Dialog\n isOpen={selectedIntegration.dialogOpen}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <div className=\"flex items-center gap-3\">\n <Avatar\n className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\"\n size={55}\n src={selectedIntegration.integration.img}\n shape=\"round\"\n />\n <div>\n <div className=\"flex items-center gap-1\">\n <h6 className=\"font-bold\">\n {selectedIntegration.integration.name}\n </h6>\n <TbRosetteDiscountCheckFilled className=\"text-primary text-lg\" />\n </div>\n <span className=\"flex gap-2\">\n <span>{selectedIntegration.integration.type}</span>\n </span>\n </div>\n </div>\n <div className=\"mt-6\">\n <span className=\"font-bold heading-text\">Overview</span>\n <p className=\"mt-2\">\n Wings medium plunger pot, redeye doppio siphon froth\n iced. Latte, and, barista cultivar fair trade grinder\n caramelization spoon. Whipped, grinder to go brewed est\n single shot half and half. Plunger pot blue mountain et\n blue mountain grinder carajillo, saucer half and half\n milk instant strong.\n </p>\n <div className=\"mt-6\">\n <span className=\"font-bold heading-text\">\n Key Features:\n </span>\n <ul className=\"list-disc mt-4 flex flex-col gap-3\">\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Fair trade, cortado con panna, crema foam\n cinnamon aged.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Mug saucer acerbic, caffeine organic\n kopi-luwak galão siphon.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n To go half and half cultivar single origin\n ut, french press.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Mocha latte flavour cortado cup kopi-luwak.\n </span>\n </li>\n </ul>\n </div>\n </div>\n <div className=\" mt-6\">\n <Button block onClick={handleDialogClose}>\n Acknowledge\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default SettingIntegration\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"SettingIntegration.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingIntegration.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Dialog from '@/components/ui/Dialog'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\nimport {\n TbCircleCheckFilled,\n TbRosetteDiscountCheckFilled,\n} from 'react-icons/tb'\nimport { apiGetSettingsIntergration } from '@/services/AccontsService'\nimport type { GetSettingsIntegrationResponse, Integration } from '../types'\n\nconst SettingIntegration = () => {\n const [selectedIntegration, setSelectedIntegration] = useState<{\n integration: Partial<Integration>\n dialogOpen: boolean\n }>({\n integration: {},\n dialogOpen: false,\n })\n\n const { data = [], mutate } = useSWR(\n '/api/settings/integration/',\n () => apiGetSettingsIntergration<GetSettingsIntegrationResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const handleToggle = (bool: boolean, id: string) => {\n const newData = structuredClone(data)\n mutate(\n newData.map((app) => {\n if (app.id === id) {\n app.active = bool\n }\n return app\n }),\n false,\n )\n }\n\n const handleDialogClose = () => {\n setSelectedIntegration({\n integration: {},\n dialogOpen: false,\n })\n }\n\n return (\n <div>\n <h4>Integration</h4>\n <p>Supercharge your workflow using these integration</p>\n <div className=\"mt-4\">\n {data.map((app, index) => (\n <div\n key={app.id}\n className={classNames(\n 'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700',\n !isLastChild(data, index) && '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-700\"\n size={50}\n src={app.img}\n shape=\"round\"\n />\n <div>\n <h6 className=\"font-bold\">{app.name}</h6>\n <span>{app.desc}</span>\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <Button\n variant=\"plain\"\n onClick={() =>\n setSelectedIntegration({\n dialogOpen: true,\n integration: app,\n })\n }\n >\n Learn more\n </Button>\n <Switcher\n checked={app.active}\n onChange={(val) => handleToggle(val, app.id)}\n />\n </div>\n </div>\n ))}\n </div>\n <Dialog\n isOpen={selectedIntegration.dialogOpen}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <div className=\"flex items-center gap-3\">\n <Avatar\n className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\"\n size={55}\n src={selectedIntegration.integration.img}\n shape=\"round\"\n />\n <div>\n <div className=\"flex items-center gap-1\">\n <h6 className=\"font-bold\">\n {selectedIntegration.integration.name}\n </h6>\n <TbRosetteDiscountCheckFilled className=\"text-primary text-lg\" />\n </div>\n <span className=\"flex gap-2\">\n <span>{selectedIntegration.integration.type}</span>\n </span>\n </div>\n </div>\n <div className=\"mt-6\">\n <span className=\"font-bold heading-text\">Overview</span>\n <p className=\"mt-2\">\n Wings medium plunger pot, redeye doppio siphon froth\n iced. Latte, and, barista cultivar fair trade grinder\n caramelization spoon. Whipped, grinder to go brewed est\n single shot half and half. Plunger pot blue mountain et\n blue mountain grinder carajillo, saucer half and half\n milk instant strong.\n </p>\n <div className=\"mt-6\">\n <span className=\"font-bold heading-text\">\n Key Features:\n </span>\n <ul className=\"list-disc mt-4 flex flex-col gap-3\">\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Fair trade, cortado con panna, crema foam\n cinnamon aged.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Mug saucer acerbic, caffeine organic\n kopi-luwak galão siphon.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n To go half and half cultivar single origin\n ut, french press.\n </span>\n </li>\n <li className=\"flex gap-2\">\n <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\n <span>\n Mocha latte flavour cortado cup kopi-luwak.\n </span>\n </li>\n </ul>\n </div>\n </div>\n <div className=\" mt-6\">\n <Button block onClick={handleDialogClose}>\n Acknowledge\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default SettingIntegration\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,MAAM;AAC7B,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAGnD;AAAA,IACC,aAAa,CAAA;AAAA,IACb,YAAY;AAAA,EAAA,CACf;AAED,QAAM,EAAE,OAAO,IAAI,WAAW;AAAA,IAC1B;AAAA,IACA,MAAM,2BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,eAAe,CAAC,MAAe,OAAe;AAChD,UAAM,UAAU,gBAAgB,IAAI;AACpC;AAAA,MACI,QAAQ,IAAI,CAAC,QAAQ;AACjB,YAAI,IAAI,OAAO,IAAI;AACf,cAAI,SAAS;AAAA,QACjB;AACA,eAAO;AAAA,MACX,CAAC;AAAA,MACD;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,oBAAoB,MAAM;AAC5B,2BAAuB;AAAA,MACnB,aAAa,CAAA;AAAA,MACb,YAAY;AAAA,IAAA,CACf;AAAA,EACL;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,IACf,oBAAC,OAAE,UAAA,oDAAA,CAAiD;AAAA,IACpD,oBAAC,SAAI,WAAU,QACV,eAAK,IAAI,CAAC,KAAK,UACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW;AAAA,UACP;AAAA,UACA,CAAC,YAAY,MAAM,KAAK,KAAK;AAAA,QAAA;AAAA,QAGjC,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK,IAAI;AAAA,gBACT,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,iCAET,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAG,WAAU,aAAa,UAAA,IAAI,MAAK;AAAA,cACpC,oBAAC,QAAA,EAAM,UAAA,IAAI,KAAA,CAAK;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS,MACL,uBAAuB;AAAA,kBACnB,YAAY;AAAA,kBACZ,aAAa;AAAA,gBAAA,CAChB;AAAA,gBAER,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,IAAI;AAAA,gBACb,UAAU,CAAC,QAAQ,aAAa,KAAK,IAAI,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAlCK,IAAI;AAAA,IAAA,CAoChB,GACL;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ,oBAAoB;AAAA,QAC5B,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK,oBAAoB,YAAY;AAAA,gBACrC,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,iCAET,OAAA,EACG,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,oBAAC,MAAA,EAAG,WAAU,aACT,UAAA,oBAAoB,YAAY,MACrC;AAAA,gBACA,oBAAC,8BAAA,EAA6B,WAAU,uBAAA,CAAuB;AAAA,cAAA,GACnE;AAAA,cACA,oBAAC,UAAK,WAAU,cACZ,8BAAC,QAAA,EAAM,UAAA,oBAAoB,YAAY,KAAA,CAAK,EAAA,CAChD;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,0BAAyB,UAAA,YAAQ;AAAA,YACjD,oBAAC,KAAA,EAAE,WAAU,QAAO,UAAA,ySAOpB;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,0BAAyB,UAAA,iBAEzC;AAAA,cACA,qBAAC,MAAA,EAAG,WAAU,sCACV,UAAA;AAAA,gBAAA,qBAAC,MAAA,EAAG,WAAU,cACV,UAAA;AAAA,kBAAA,oBAAC,qBAAA,EAAoB,WAAU,2BAAA,CAA2B;AAAA,kBAC1D,oBAAC,UAAK,UAAA,2DAAA,CAGN;AAAA,gBAAA,GACJ;AAAA,gBACA,qBAAC,MAAA,EAAG,WAAU,cACV,UAAA;AAAA,kBAAA,oBAAC,qBAAA,EAAoB,WAAU,2BAAA,CAA2B;AAAA,kBAC1D,oBAAC,UAAK,UAAA,gEAAA,CAGN;AAAA,gBAAA,GACJ;AAAA,gBACA,qBAAC,MAAA,EAAG,WAAU,cACV,UAAA;AAAA,kBAAA,oBAAC,qBAAA,EAAoB,WAAU,2BAAA,CAA2B;AAAA,kBAC1D,oBAAC,UAAK,UAAA,+DAAA,CAGN;AAAA,gBAAA,GACJ;AAAA,gBACA,qBAAC,MAAA,EAAG,WAAU,cACV,UAAA;AAAA,kBAAA,oBAAC,qBAAA,EAAoB,WAAU,2BAAA,CAA2B;AAAA,kBAC1D,oBAAC,UAAK,UAAA,8CAAA,CAEN;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,SACX,UAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,SAAS,mBAAmB,UAAA,cAAA,CAE1C,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingMobileMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport SettingsMenu from './SettingsMenu'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst SettingMobileMenu = () => {\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n return (\n <>\n <div>\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n <SettingsMenu\n onChange={() => {\n drawerRef.current?.handleCloseDrawer()\n }}\n />\n </ToggleDrawer>\n </div>\n </>\n )\n}\n\nexport default SettingMobileMenu\n"],"names":[],"mappings":";;;;AAKA,MAAM,oBAAoB,MAAM;~~AACtB~~,~~QAAA~~,YAAY,OAAwB,IAAI;~~AAG1C~~,~~SAAA~~,oBAAA,UAAA,EACI,8BAAC,~~OACG~~,~~EAAA~~,UAAA,oBAAC,gBAAa,KAAK,WAAW,OAAM,cAChC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;AACZ,kBAAU,SAAS,~~kBAAkB~~;AAAA,~~MAAA~~;AAAA,~~IACzC~~;AAAA,EAAA,~~EAER,CAAA,~~EACJ,~~CAAA~~,GACJ;AAER;"}
1	+ {"version":3,"file":"SettingMobileMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport SettingsMenu from './SettingsMenu'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst SettingMobileMenu = () => {\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n return (\n <>\n <div>\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n <SettingsMenu\n onChange={() => {\n drawerRef.current?.handleCloseDrawer()\n }}\n />\n </ToggleDrawer>\n </div>\n </>\n )\n}\n\nexport default SettingMobileMenu\n"],"names":[],"mappings":";;;;AAKA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,YAAY,OAAwB,IAAI;AAE9C,SACI,oBAAA,UAAA,EACI,8BAAC,OAAA,EACG,UAAA,oBAAC,gBAAa,KAAK,WAAW,OAAM,cAChC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;AACZ,kBAAU,SAAS,kBAAA;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA,EACJ,CACJ,GACJ,GACJ;AAER;"}