@orbe-agro/client-core 5.6.0 → 5.6.6

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../lib/@ecme/views/concepts/accounts/Settings/Settings.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport SettingsMenu from './components/SettingsMenu'\r\nimport SettingMobileMenu from './components/SettingMobileMenu'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useSettingsStore } from './store/settingsStore'\r\n\r\nconst Profile = lazy(() => import('./components/SettingsProfile'))\r\nconst Security = lazy(() => import('./components/SettingsSecurity'))\r\nconst Notification = lazy(() => import('./components/SettingsNotification'))\r\nconst Billing = lazy(() => import('./components/SettingsBilling'))\r\nconst Integration = lazy(() => import('./components/SettingIntegration'))\r\n\r\nconst Settings = () => {\r\n    const { currentView } = useSettingsStore()\r\n\r\n    const { smaller, larger } = useResponsive()\r\n\r\n    return (\r\n        <AdaptiveCard className=\"h-full\">\r\n            <div className=\"flex flex-auto h-full\">\r\n                {larger.lg && (\r\n                    <div className=\"'w-[200px] xl:w-[280px]\">\r\n                        <SettingsMenu />\r\n                    </div>\r\n                )}\r\n                <div className=\"ltr:xl:pl-6 rtl:xl:pr-6 flex-1 py-2\">\r\n                    {smaller.lg && (\r\n                        <div className=\"mb-6\">\r\n                            <SettingMobileMenu />\r\n                        </div>\r\n                    )}\r\n                    <Suspense fallback={<></>}>\r\n                        {currentView === 'profile' && <Profile />}\r\n                        {currentView === 'security' && <Security />}\r\n                        {currentView === 'notification' && <Notification />}\r\n                        {currentView === 'billing' && <Billing />}\r\n                        {currentView === 'integration' && <Integration />}\r\n                    </Suspense>\r\n                </div>\r\n            </div>\r\n        </AdaptiveCard>\r\n    )\r\n}\r\n\r\nexport default Settings\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"BillingHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/BillingHistory.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\r\nimport Badge from '@/components/ui/Badge'\r\nimport {\r\n    useReactTable,\r\n    getCoreRowModel,\r\n    flexRender,\r\n    createColumnHelper,\r\n} from '@tanstack/react-table'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport dayjs from 'dayjs'\r\n\r\ntype Bill = {\r\n    id: string\r\n    item: string\r\n    status: string\r\n    amount: number\r\n    date: number\r\n}\r\n\r\ntype BillingHistoryProps = {\r\n    data: Bill[]\r\n    className?: string\r\n}\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst statusColor: Record<string, string> = {\r\n    paid: 'bg-emerald-500',\r\n    pending: 'bg-amber-400',\r\n}\r\n\r\nconst columnHelper = createColumnHelper<Bill>()\r\n\r\nconst columns = [\r\n    columnHelper.accessor('id', {\r\n        header: 'Reference',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <span className=\"heading-text font-bold cursor-pointer\">\r\n                    {row.id}\r\n                </span>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('item', {\r\n        header: 'Product',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return <span className=\"font-semibold\">{row.item}</span>\r\n        },\r\n    }),\r\n    columnHelper.accessor('status', {\r\n        header: 'Status',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center gap-2\">\r\n                    <Badge className={statusColor[row.status]} />\r\n                    <span className=\"heading-text font-bold  capitalize\">\r\n                        {row.status}\r\n                    </span>\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('date', {\r\n        header: 'Date',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center\">\r\n                    {dayjs.unix(row.date).format('MM/DD/YYYY')}\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n    columnHelper.accessor('amount', {\r\n        header: 'Amount',\r\n        cell: (props) => {\r\n            const row = props.row.original\r\n            return (\r\n                <div className=\"flex items-center\">\r\n                    <NumericFormat\r\n                        displayType=\"text\"\r\n                        value={(Math.round(row.amount * 100) / 100).toFixed(2)}\r\n                        prefix={'$'}\r\n                        thousandSeparator={true}\r\n                    />\r\n                </div>\r\n            )\r\n        },\r\n    }),\r\n]\r\n\r\nconst BillingHistory = ({ data = [], ...rest }: BillingHistoryProps) => {\r\n    const table = useReactTable({\r\n        data,\r\n        columns,\r\n        getCoreRowModel: getCoreRowModel(),\r\n    })\r\n\r\n    return (\r\n        <div {...rest}>\r\n            <Table>\r\n                <THead className=\"!bg-transparent\">\r\n                    {table.getHeaderGroups().map((headerGroup) => (\r\n                        <Tr key={headerGroup.id}>\r\n                            {headerGroup.headers.map((header) => {\r\n                                return (\r\n                                    <Th\r\n                                        key={header.id}\r\n                                        colSpan={header.colSpan}\r\n                                    >\r\n                                        {flexRender(\r\n                                            header.column.columnDef.header,\r\n                                            header.getContext(),\r\n                                        )}\r\n                                    </Th>\r\n                                )\r\n                            })}\r\n                        </Tr>\r\n                    ))}\r\n                </THead>\r\n                <TBody>\r\n                    {table.getRowModel().rows.map((row) => {\r\n                        return (\r\n                            <Tr key={row.id}>\r\n                                {row.getVisibleCells().map((cell) => {\r\n                                    return (\r\n                                        <Td key={cell.id}>\r\n                                            {flexRender(\r\n                                                cell.column.columnDef.cell,\r\n                                                cell.getContext(),\r\n                                            )}\r\n                                        </Td>\r\n                                    )\r\n                                })}\r\n                            </Tr>\r\n                        )\r\n                    })}\r\n                </TBody>\r\n            </Table>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BillingHistory\r\n"],"names":[],"mappings":"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"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"SettingIntegration.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingIntegration.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Switcher from '@/components/ui/Switcher'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useSWR from 'swr'\r\nimport {\r\n    TbCircleCheckFilled,\r\n    TbRosetteDiscountCheckFilled,\r\n} from 'react-icons/tb'\r\nimport { apiGetSettingsIntergration } from '@/services/AccontsService'\r\nimport type { GetSettingsIntegrationResponse, Integration } from '../types'\r\n\r\nconst SettingIntegration = () => {\r\n    const [selectedIntegration, setSelectedIntegration] = useState<{\r\n        integration: Partial<Integration>\r\n        dialogOpen: boolean\r\n    }>({\r\n        integration: {},\r\n        dialogOpen: false,\r\n    })\r\n\r\n    const { data = [], mutate } = useSWR(\r\n        '/api/settings/integration/',\r\n        () => apiGetSettingsIntergration<GetSettingsIntegrationResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const handleToggle = (bool: boolean, id: string) => {\r\n        const newData = structuredClone(data)\r\n        mutate(\r\n            newData.map((app) => {\r\n                if (app.id === id) {\r\n                    app.active = bool\r\n                }\r\n                return app\r\n            }),\r\n            false,\r\n        )\r\n    }\r\n\r\n    const handleDialogClose = () => {\r\n        setSelectedIntegration({\r\n            integration: {},\r\n            dialogOpen: false,\r\n        })\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <h4>Integration</h4>\r\n            <p>Supercharge your workflow using these integration</p>\r\n            <div className=\"mt-4\">\r\n                {data.map((app, index) => (\r\n                    <div\r\n                        key={app.id}\r\n                        className={classNames(\r\n                            'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700',\r\n                            !isLastChild(data, index) && 'border-b',\r\n                        )}\r\n                    >\r\n                        <div className=\"flex items-center gap-4\">\r\n                            <Avatar\r\n                                className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-700\"\r\n                                size={50}\r\n                                src={app.img}\r\n                                shape=\"round\"\r\n                            />\r\n                            <div>\r\n                                <h6 className=\"font-bold\">{app.name}</h6>\r\n                                <span>{app.desc}</span>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"flex items-center gap-2\">\r\n                            <Button\r\n                                variant=\"plain\"\r\n                                onClick={() =>\r\n                                    setSelectedIntegration({\r\n                                        dialogOpen: true,\r\n                                        integration: app,\r\n                                    })\r\n                                }\r\n                            >\r\n                                Learn more\r\n                            </Button>\r\n                            <Switcher\r\n                                checked={app.active}\r\n                                onChange={(val) => handleToggle(val, app.id)}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n            <Dialog\r\n                isOpen={selectedIntegration.dialogOpen}\r\n                onClose={handleDialogClose}\r\n                onRequestClose={handleDialogClose}\r\n            >\r\n                <div className=\"flex items-center gap-3\">\r\n                    <Avatar\r\n                        className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\"\r\n                        size={55}\r\n                        src={selectedIntegration.integration.img}\r\n                        shape=\"round\"\r\n                    />\r\n                    <div>\r\n                        <div className=\"flex items-center gap-1\">\r\n                            <h6 className=\"font-bold\">\r\n                                {selectedIntegration.integration.name}\r\n                            </h6>\r\n                            <TbRosetteDiscountCheckFilled className=\"text-primary text-lg\" />\r\n                        </div>\r\n                        <span className=\"flex gap-2\">\r\n                            <span>{selectedIntegration.integration.type}</span>\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div className=\"mt-6\">\r\n                    <span className=\"font-bold heading-text\">Overview</span>\r\n                    <p className=\"mt-2\">\r\n                        Wings medium plunger pot, redeye doppio siphon froth\r\n                        iced. Latte, and, barista cultivar fair trade grinder\r\n                        caramelization spoon. Whipped, grinder to go brewed est\r\n                        single shot half and half. Plunger pot blue mountain et\r\n                        blue mountain grinder carajillo, saucer half and half\r\n                        milk instant strong.\r\n                    </p>\r\n                    <div className=\"mt-6\">\r\n                        <span className=\"font-bold heading-text\">\r\n                            Key Features:\r\n                        </span>\r\n                        <ul className=\"list-disc mt-4 flex flex-col gap-3\">\r\n                            <li className=\"flex gap-2\">\r\n                                <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\r\n                                <span>\r\n                                    Fair trade, cortado con panna, crema foam\r\n                                    cinnamon aged.\r\n                                </span>\r\n                            </li>\r\n                            <li className=\"flex gap-2\">\r\n                                <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\r\n                                <span>\r\n                                    Mug saucer acerbic, caffeine organic\r\n                                    kopi-luwak galão siphon.\r\n                                </span>\r\n                            </li>\r\n                            <li className=\"flex gap-2\">\r\n                                <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\r\n                                <span>\r\n                                    To go half and half cultivar single origin\r\n                                    ut, french press.\r\n                                </span>\r\n                            </li>\r\n                            <li className=\"flex gap-2\">\r\n                                <TbCircleCheckFilled className=\"text-xl text-emerald-500\" />\r\n                                <span>\r\n                                    Mocha latte flavour cortado cup kopi-luwak.\r\n                                </span>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <div className=\" mt-6\">\r\n                    <Button block onClick={handleDialogClose}>\r\n                        Acknowledge\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SettingIntegration\r\n"],"names":[],"mappings":"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"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingMobileMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\r\nimport SettingsMenu from './SettingsMenu'\r\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\r\n\r\nconst SettingMobileMenu = () => {\r\n    const drawerRef = useRef<ToggleDrawerRef>(null)\r\n\r\n    return (\r\n        <>\r\n            <div>\r\n                <ToggleDrawer ref={drawerRef} title=\"Navigation\">\r\n                    <SettingsMenu\r\n                        onChange={() => {\r\n                            drawerRef.current?.handleCloseDrawer()\r\n                        }}\r\n                    />\r\n                </ToggleDrawer>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default SettingMobileMenu\r\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;"}
+{"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;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsBilling.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\r\nimport BillingHistory from './BillingHistory'\r\nimport { apiGetSettingsBilling } from '@/services/AccontsService'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport sleep from '@/utils/sleep'\r\nimport { TbPlus } from 'react-icons/tb'\r\nimport useSWR from 'swr'\r\nimport dayjs from 'dayjs'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { PiLightningFill } from 'react-icons/pi'\r\nimport { NumericFormat } from 'react-number-format'\r\n\r\nimport type {\r\n    GetSettingsBillingResponse,\r\n    CreditCard,\r\n    CreditCardInfo,\r\n} from '../types'\r\n\r\nconst months = [\r\n    'Jan',\r\n    'Feb',\r\n    'Mar',\r\n    'Apr',\r\n    'May',\r\n    'Jun',\r\n    'Jul',\r\n    'Aug',\r\n    'Sep',\r\n    'Oct',\r\n    'Nov',\r\n    'Dec',\r\n]\r\n\r\nconst SettingsBilling = () => {\r\n    const navigate = useNavigate()\r\n\r\n    const [selectedCard, setSelectedCard] = useState<{\r\n        type: 'NEW' | 'EDIT' | ''\r\n        dialogOpen: boolean\r\n        cardInfo: Partial<CreditCardInfo>\r\n    }>({\r\n        type: '',\r\n        dialogOpen: false,\r\n        cardInfo: {},\r\n    })\r\n\r\n    const {\r\n        data = {\r\n            currentPlan: {\r\n                plan: '',\r\n                status: '',\r\n                billingCycle: '',\r\n                nextPaymentDate: null,\r\n                amount: null,\r\n            },\r\n            paymentMethods: [],\r\n            transactionHistory: [],\r\n        },\r\n    } = useSWR(\r\n        '/api/settings/billing/',\r\n        () => apiGetSettingsBilling<GetSettingsBillingResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const handleEditCreditCard = (card: Partial<CreditCard>) => {\r\n        setSelectedCard({\r\n            type: 'EDIT',\r\n            dialogOpen: true,\r\n            cardInfo: card,\r\n        })\r\n    }\r\n\r\n    const handleCreditCardDialogClose = () => {\r\n        setSelectedCard({\r\n            type: '',\r\n            dialogOpen: false,\r\n            cardInfo: {},\r\n        })\r\n    }\r\n\r\n    const handleEditCreditCardSubmit = async () => {\r\n        await sleep(500)\r\n        handleCreditCardDialogClose()\r\n        toast.push(\r\n            <Notification type=\"success\">Credit card updated!</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n    }\r\n\r\n    const handleAddCreditCardSubmit = async (values: CreditCard) => {\r\n        console.log('Submitted values', values)\r\n        await sleep(500)\r\n        handleCreditCardDialogClose()\r\n        toast.push(\r\n            <Notification type=\"success\">Credit card added!</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n    }\r\n\r\n    const handleChangePlan = () => {\r\n        navigate('/concepts/account/pricing?subcription=basic&cycle=monthly')\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <h4 className=\"mb-4\">Billing</h4>\r\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-xl p-6\">\r\n                <div className=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4\">\r\n                    <div className=\"flex items-center gap-3\">\r\n                        <div>\r\n                            <Avatar\r\n                                className=\"bg-emerald-500\"\r\n                                shape=\"circle\"\r\n                                icon={<PiLightningFill />}\r\n                            />\r\n                        </div>\r\n                        <div>\r\n                            <div className=\"flex items-center gap-2\">\r\n                                <h6 className=\"font-bold\">\r\n                                    {data.currentPlan.plan}\r\n                                </h6>\r\n                                <Tag className=\"bg-success-subtle text-success rounded-md border-0\">\r\n                                    <span className=\"capitalize\">\r\n                                        {data.currentPlan.status}\r\n                                    </span>\r\n                                </Tag>\r\n                            </div>\r\n                            <div className=\"font-semibold\">\r\n                                <span>\r\n                                    Billing {data.currentPlan.billingCycle}\r\n                                </span>\r\n                                <span> | </span>\r\n                                <span>\r\n                                    Next payment on{' '}\r\n                                    {dayjs\r\n                                        .unix(\r\n                                            (data.currentPlan\r\n                                                .nextPaymentDate as number) ||\r\n                                                0,\r\n                                        )\r\n                                        .format('MM/DD/YYYY')}\r\n                                </span>\r\n                                <span>\r\n                                    <span className=\"mx-1\">for</span>\r\n                                    <NumericFormat\r\n                                        className=\"font-bold heading-text\"\r\n                                        displayType=\"text\"\r\n                                        value={(\r\n                                            Math.round(\r\n                                                (data.currentPlan.amount || 0) *\r\n                                                    100,\r\n                                            ) / 100\r\n                                        ).toFixed(2)}\r\n                                        prefix={'$'}\r\n                                        thousandSeparator={true}\r\n                                    />\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"flex\">\r\n                        <Button\r\n                            size=\"sm\"\r\n                            variant=\"solid\"\r\n                            onClick={handleChangePlan}\r\n                        >\r\n                            Change plan\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-8\">\r\n                <h5>Payment method</h5>\r\n                <div>\r\n                    {data.paymentMethods?.map((card, index) => (\r\n                        <div\r\n                            key={card.cardId}\r\n                            className={classNames(\r\n                                'flex items-center justify-between p-4',\r\n                                !isLastChild(data.paymentMethods, index) &&\r\n                                    'border-b border-gray-200 dark:border-gray-600',\r\n                            )}\r\n                        >\r\n                            <div className=\"flex items-center\">\r\n                                {card.cardType === 'VISA' && (\r\n                                    <img\r\n                                        src=\"/img/others/img-8.png\"\r\n                                        alt=\"visa\"\r\n                                    />\r\n                                )}\r\n                                {card.cardType === 'MASTER' && (\r\n                                    <img\r\n                                        src=\"/img/others/img-9.png\"\r\n                                        alt=\"master\"\r\n                                    />\r\n                                )}\r\n                                <div className=\"ml-3 rtl:mr-3\">\r\n                                    <div className=\"flex items-center\">\r\n                                        <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\r\n                                            {card.cardHolderName} ••••{' '}\r\n                                            {card.last4Number}\r\n                                        </div>\r\n                                        {card.primary && (\r\n                                            <Tag className=\"bg-primary-subtle text-primary rounded-md border-0 mx-2\">\r\n                                                <span className=\"capitalize\">\r\n                                                    {' '}\r\n                                                    Primary{' '}\r\n                                                </span>\r\n                                            </Tag>\r\n                                        )}\r\n                                    </div>\r\n                                    <span>\r\n                                        Expired{' '}\r\n                                        {months[parseInt(card.expMonth) - 1]} 20\r\n                                        {card.expYear}\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"flex\">\r\n                                <Button\r\n                                    size=\"sm\"\r\n                                    type=\"button\"\r\n                                    onClick={() => handleEditCreditCard(card)}\r\n                                >\r\n                                    Edit\r\n                                </Button>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                    <Button\r\n                        variant=\"plain\"\r\n                        icon={<TbPlus />}\r\n                        onClick={() => {\r\n                            setSelectedCard({\r\n                                type: 'NEW',\r\n                                dialogOpen: true,\r\n                                cardInfo: {},\r\n                            })\r\n                        }}\r\n                    >\r\n                        Add payment method\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-8\">\r\n                <h5>Transaction history</h5>\r\n                <BillingHistory\r\n                    className=\"mt-4\"\r\n                    data={data.transactionHistory}\r\n                />\r\n            </div>\r\n            <CreditCardDialog\r\n                title={\r\n                    selectedCard.type === 'NEW'\r\n                        ? 'Add credit card'\r\n                        : 'Edit credit card'\r\n                }\r\n                defaultValues={selectedCard.cardInfo as CreditCard}\r\n                dialogOpen={selectedCard.dialogOpen}\r\n                onDialogClose={handleCreditCardDialogClose}\r\n                onSubmit={\r\n                    selectedCard.type === 'NEW'\r\n                        ? (values) =>\r\n                              handleAddCreditCardSubmit(values as CreditCard)\r\n                        : handleEditCreditCardSubmit\r\n                }\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SettingsBilling\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsBilling.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport BillingHistory from './BillingHistory'\nimport { apiGetSettingsBilling } from '@/services/AccontsService'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport { TbPlus } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport { useNavigate } from 'react-router-dom'\nimport { PiLightningFill } from 'react-icons/pi'\nimport { NumericFormat } from 'react-number-format'\n\nimport type {\n    GetSettingsBillingResponse,\n    CreditCard,\n    CreditCardInfo,\n} from '../types'\n\nconst months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n]\n\nconst SettingsBilling = () => {\n    const navigate = useNavigate()\n\n    const [selectedCard, setSelectedCard] = useState<{\n        type: 'NEW' | 'EDIT' | ''\n        dialogOpen: boolean\n        cardInfo: Partial<CreditCardInfo>\n    }>({\n        type: '',\n        dialogOpen: false,\n        cardInfo: {},\n    })\n\n    const {\n        data = {\n            currentPlan: {\n                plan: '',\n                status: '',\n                billingCycle: '',\n                nextPaymentDate: null,\n                amount: null,\n            },\n            paymentMethods: [],\n            transactionHistory: [],\n        },\n    } = useSWR(\n        '/api/settings/billing/',\n        () => apiGetSettingsBilling<GetSettingsBillingResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEditCreditCard = (card: Partial<CreditCard>) => {\n        setSelectedCard({\n            type: 'EDIT',\n            dialogOpen: true,\n            cardInfo: card,\n        })\n    }\n\n    const handleCreditCardDialogClose = () => {\n        setSelectedCard({\n            type: '',\n            dialogOpen: false,\n            cardInfo: {},\n        })\n    }\n\n    const handleEditCreditCardSubmit = async () => {\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card updated!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleAddCreditCardSubmit = async (values: CreditCard) => {\n        console.log('Submitted values', values)\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card added!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleChangePlan = () => {\n        navigate('/concepts/account/pricing?subcription=basic&cycle=monthly')\n    }\n\n    return (\n        <div>\n            <h4 className=\"mb-4\">Billing</h4>\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-xl p-6\">\n                <div className=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4\">\n                    <div className=\"flex items-center gap-3\">\n                        <div>\n                            <Avatar\n                                className=\"bg-emerald-500\"\n                                shape=\"circle\"\n                                icon={<PiLightningFill />}\n                            />\n                        </div>\n                        <div>\n                            <div className=\"flex items-center gap-2\">\n                                <h6 className=\"font-bold\">\n                                    {data.currentPlan.plan}\n                                </h6>\n                                <Tag className=\"bg-success-subtle text-success rounded-md border-0\">\n                                    <span className=\"capitalize\">\n                                        {data.currentPlan.status}\n                                    </span>\n                                </Tag>\n                            </div>\n                            <div className=\"font-semibold\">\n                                <span>\n                                    Billing {data.currentPlan.billingCycle}\n                                </span>\n                                <span> | </span>\n                                <span>\n                                    Next payment on{' '}\n                                    {dayjs\n                                        .unix(\n                                            (data.currentPlan\n                                                .nextPaymentDate as number) ||\n                                                0,\n                                        )\n                                        .format('MM/DD/YYYY')}\n                                </span>\n                                <span>\n                                    <span className=\"mx-1\">for</span>\n                                    <NumericFormat\n                                        className=\"font-bold heading-text\"\n                                        displayType=\"text\"\n                                        value={(\n                                            Math.round(\n                                                (data.currentPlan.amount || 0) *\n                                                    100,\n                                            ) / 100\n                                        ).toFixed(2)}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex\">\n                        <Button\n                            size=\"sm\"\n                            variant=\"solid\"\n                            onClick={handleChangePlan}\n                        >\n                            Change plan\n                        </Button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Payment method</h5>\n                <div>\n                    {data.paymentMethods?.map((card, index) => (\n                        <div\n                            key={card.cardId}\n                            className={classNames(\n                                'flex items-center justify-between p-4',\n                                !isLastChild(data.paymentMethods, index) &&\n                                    'border-b border-gray-200 dark:border-gray-600',\n                            )}\n                        >\n                            <div className=\"flex items-center\">\n                                {card.cardType === 'VISA' && (\n                                    <img\n                                        src=\"/img/others/img-8.png\"\n                                        alt=\"visa\"\n                                    />\n                                )}\n                                {card.cardType === 'MASTER' && (\n                                    <img\n                                        src=\"/img/others/img-9.png\"\n                                        alt=\"master\"\n                                    />\n                                )}\n                                <div className=\"ml-3 rtl:mr-3\">\n                                    <div className=\"flex items-center\">\n                                        <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n                                            {card.cardHolderName} ••••{' '}\n                                            {card.last4Number}\n                                        </div>\n                                        {card.primary && (\n                                            <Tag className=\"bg-primary-subtle text-primary rounded-md border-0 mx-2\">\n                                                <span className=\"capitalize\">\n                                                    {' '}\n                                                    Primary{' '}\n                                                </span>\n                                            </Tag>\n                                        )}\n                                    </div>\n                                    <span>\n                                        Expired{' '}\n                                        {months[parseInt(card.expMonth) - 1]} 20\n                                        {card.expYear}\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"flex\">\n                                <Button\n                                    size=\"sm\"\n                                    type=\"button\"\n                                    onClick={() => handleEditCreditCard(card)}\n                                >\n                                    Edit\n                                </Button>\n                            </div>\n                        </div>\n                    ))}\n                    <Button\n                        variant=\"plain\"\n                        icon={<TbPlus />}\n                        onClick={() => {\n                            setSelectedCard({\n                                type: 'NEW',\n                                dialogOpen: true,\n                                cardInfo: {},\n                            })\n                        }}\n                    >\n                        Add payment method\n                    </Button>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Transaction history</h5>\n                <BillingHistory\n                    className=\"mt-4\"\n                    data={data.transactionHistory}\n                />\n            </div>\n            <CreditCardDialog\n                title={\n                    selectedCard.type === 'NEW'\n                        ? 'Add credit card'\n                        : 'Edit credit card'\n                }\n                defaultValues={selectedCard.cardInfo as CreditCard}\n                dialogOpen={selectedCard.dialogOpen}\n                onDialogClose={handleCreditCardDialogClose}\n                onSubmit={\n                    selectedCard.type === 'NEW'\n                        ? (values) =>\n                              handleAddCreditCardSubmit(values as CreditCard)\n                        : handleEditCreditCardSubmit\n                }\n            />\n        </div>\n    )\n}\n\nexport default SettingsBilling\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsMenu.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport { useSettingsStore } from '../store/settingsStore'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport {\r\n    TbUserSquare,\r\n    TbLock,\r\n    TbBell,\r\n    TbFileDollar,\r\n    TbRefreshDot,\r\n} from 'react-icons/tb'\r\nimport type { View } from '../types'\r\nimport type { ReactNode } from 'react'\r\n\r\nconst { MenuItem } = Menu\r\n\r\nconst menuList: { label: string; value: View; icon: ReactNode }[] = [\r\n    { label: 'Profile', value: 'profile', icon: <TbUserSquare /> },\r\n    { label: 'Security', value: 'security', icon: <TbLock /> },\r\n    { label: 'Notification', value: 'notification', icon: <TbBell /> },\r\n    { label: 'Billing', value: 'billing', icon: <TbFileDollar /> },\r\n    { label: 'Integration', value: 'integration', icon: <TbRefreshDot /> },\r\n]\r\n\r\nexport const SettingsMenu = ({ onChange }: { onChange?: () => void }) => {\r\n    const query = useQuery()\r\n\r\n    const { currentView, setCurrentView } = useSettingsStore()\r\n\r\n    const currentPath = query.get('category') || query.get('label') || 'inbox'\r\n\r\n    const handleSelect = (value: View) => {\r\n        setCurrentView(value)\r\n        onChange?.()\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex h-full flex-col justify-between\">\r\n            <ScrollBar className=\"h-full overflow-y-auto\">\r\n                <Menu className=\"mx-2 mb-10\">\r\n                    {menuList.map((menu) => (\r\n                        <MenuItem\r\n                            key={menu.value}\r\n                            eventKey={menu.value}\r\n                            className={`mb-2 ${\r\n                                currentView === menu.value\r\n                                    ? 'bg-gray-100 dark:bg-gray-700'\r\n                                    : ''\r\n                            }`}\r\n                            isActive={currentPath === menu.value}\r\n                            onSelect={() => handleSelect(menu.value)}\r\n                        >\r\n                            <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\r\n                                {menu.icon}\r\n                            </span>\r\n                            <span>{menu.label}</span>\r\n                        </MenuItem>\r\n                    ))}\r\n                </Menu>\r\n            </ScrollBar>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SettingsMenu\r\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,EAAE,aAAa;AAErB,MAAM,WAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,gBAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,UAAO,EAAA;AAAA,EACtD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,oBAAC,UAAO,EAAA;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,gBAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,oBAAC,gBAAa,EAAA;AACtE;AAEO,MAAM,eAAe,CAAC,EAAE,eAA0C;AACrE,QAAM,QAAQ,SAAA;AAEd,QAAM,EAAE,aAAa,eAAA,IAAmB,iBAAA;AAExC,QAAM,cAAc,MAAM,IAAI,UAAU,KAAK,MAAM,IAAI,OAAO,KAAK;AAEnE,QAAM,eAAe,CAAC,UAAgB;AAClC,mBAAe,KAAK;AACpB,eAAA;AAAA,EACJ;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,wCACX,8BAAC,WAAA,EAAU,WAAU,0BACjB,UAAA,oBAAC,QAAK,WAAU,cACX,UAAA,SAAS,IAAI,CAAC,SACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAU,KAAK;AAAA,MACf,WAAW,QACP,gBAAgB,KAAK,QACf,iCACA,EACV;AAAA,MACA,UAAU,gBAAgB,KAAK;AAAA,MAC/B,UAAU,MAAM,aAAa,KAAK,KAAK;AAAA,MAEvC,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,8BACX,UAAA,KAAK,MACV;AAAA,QACA,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAbb,KAAK;AAAA,EAAA,CAejB,EAAA,CACL,EAAA,CACJ,GACJ;AAER;"}
+{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsMenu.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport { useSettingsStore } from '../store/settingsStore'\nimport useQuery from '@/utils/hooks/useQuery'\nimport {\n    TbUserSquare,\n    TbLock,\n    TbBell,\n    TbFileDollar,\n    TbRefreshDot,\n} from 'react-icons/tb'\nimport type { View } from '../types'\nimport type { ReactNode } from 'react'\n\nconst { MenuItem } = Menu\n\nconst menuList: { label: string; value: View; icon: ReactNode }[] = [\n    { label: 'Profile', value: 'profile', icon: <TbUserSquare /> },\n    { label: 'Security', value: 'security', icon: <TbLock /> },\n    { label: 'Notification', value: 'notification', icon: <TbBell /> },\n    { label: 'Billing', value: 'billing', icon: <TbFileDollar /> },\n    { label: 'Integration', value: 'integration', icon: <TbRefreshDot /> },\n]\n\nexport const SettingsMenu = ({ onChange }: { onChange?: () => void }) => {\n    const query = useQuery()\n\n    const { currentView, setCurrentView } = useSettingsStore()\n\n    const currentPath = query.get('category') || query.get('label') || 'inbox'\n\n    const handleSelect = (value: View) => {\n        setCurrentView(value)\n        onChange?.()\n    }\n\n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <ScrollBar className=\"h-full overflow-y-auto\">\n                <Menu className=\"mx-2 mb-10\">\n                    {menuList.map((menu) => (\n                        <MenuItem\n                            key={menu.value}\n                            eventKey={menu.value}\n                            className={`mb-2 ${\n                                currentView === menu.value\n                                    ? 'bg-gray-100 dark:bg-gray-700'\n                                    : ''\n                            }`}\n                            isActive={currentPath === menu.value}\n                            onSelect={() => handleSelect(menu.value)}\n                        >\n                            <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\n                                {menu.icon}\n                            </span>\n                            <span>{menu.label}</span>\n                        </MenuItem>\n                    ))}\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default SettingsMenu\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,EAAE,aAAa;AAErB,MAAM,WAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,gBAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,UAAO,EAAA;AAAA,EACtD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,oBAAC,UAAO,EAAA;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,gBAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,oBAAC,gBAAa,EAAA;AACtE;AAEO,MAAM,eAAe,CAAC,EAAE,eAA0C;AACrE,QAAM,QAAQ,SAAA;AAEd,QAAM,EAAE,aAAa,eAAA,IAAmB,iBAAA;AAExC,QAAM,cAAc,MAAM,IAAI,UAAU,KAAK,MAAM,IAAI,OAAO,KAAK;AAEnE,QAAM,eAAe,CAAC,UAAgB;AAClC,mBAAe,KAAK;AACpB,eAAA;AAAA,EACJ;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,wCACX,8BAAC,WAAA,EAAU,WAAU,0BACjB,UAAA,oBAAC,QAAK,WAAU,cACX,UAAA,SAAS,IAAI,CAAC,SACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAU,KAAK;AAAA,MACf,WAAW,QACP,gBAAgB,KAAK,QACf,iCACA,EACV;AAAA,MACA,UAAU,gBAAgB,KAAK;AAAA,MAC/B,UAAU,MAAM,aAAa,KAAK,KAAK;AAAA,MAEvC,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,8BACX,UAAA,KAAK,MACV;AAAA,QACA,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAbb,KAAK;AAAA,EAAA,CAejB,EAAA,CACL,EAAA,CACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsNotification.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsNotification.tsx"],"sourcesContent":["import Checkbox from '@/components/ui/Checkbox'\r\nimport Radio from '@/components/ui/Radio'\r\nimport Switcher from '@/components/ui/Switcher'\r\nimport { apiGetSettingsNotification } from '@/services/AccontsService'\r\nimport useSWR from 'swr'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { TbMessageCircleCheck } from 'react-icons/tb'\r\nimport type { GetSettingsNotificationResponse } from '../types'\r\n\r\ntype EmailNotificationFields =\r\n    | 'newsAndUpdate'\r\n    | 'tipsAndTutorial'\r\n    | 'offerAndPromotion'\r\n    | 'followUpReminder'\r\n\r\nconst emailNotificationOption: {\r\n    label: string\r\n    value: EmailNotificationFields\r\n    desc: string\r\n}[] = [\r\n    {\r\n        label: 'News & updates',\r\n        value: 'newsAndUpdate',\r\n        desc: 'New about product and features update',\r\n    },\r\n    {\r\n        label: 'Tips & tutorials',\r\n        value: 'tipsAndTutorial',\r\n        desc: 'Tips & trick in order to increase your performance efficiency',\r\n    },\r\n    {\r\n        label: 'Offer & promotions',\r\n        value: 'offerAndPromotion',\r\n        desc: 'Promotion about product price & lastest discount',\r\n    },\r\n    {\r\n        label: 'Follow up remider',\r\n        value: 'followUpReminder',\r\n        desc: 'Receive notification all the reminder that have been made',\r\n    },\r\n]\r\n\r\nconst notifyMeOption: {\r\n    label: string\r\n    value: string\r\n    desc: string\r\n}[] = [\r\n    {\r\n        label: 'All new messages',\r\n        value: 'allNewMessage',\r\n        desc: 'Broadcast notifications to the channel for each new message',\r\n    },\r\n    {\r\n        label: 'Mentions only',\r\n        value: 'mentionsOnly',\r\n        desc: 'Only alert me in the channel if someone mentions me in a message',\r\n    },\r\n    {\r\n        label: 'Nothing',\r\n        value: 'nothing',\r\n        desc: `Don't notify me anything`,\r\n    },\r\n]\r\n\r\nconst SettingsNotification = () => {\r\n    const {\r\n        data = {\r\n            email: [],\r\n            desktop: false,\r\n            unreadMessageBadge: false,\r\n            notifymeAbout: '',\r\n        },\r\n        mutate,\r\n    } = useSWR(\r\n        '/api/settings/notification/',\r\n        () => apiGetSettingsNotification<GetSettingsNotificationResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const handleEmailNotificationOptionChange = (values: string[]) => {\r\n        const newData = cloneDeep(data)\r\n        newData.email = values\r\n        mutate(newData, false)\r\n    }\r\n\r\n    const handleEmailNotificationOptionCheckAll = (value: boolean) => {\r\n        const newData = cloneDeep(data)\r\n        if (value) {\r\n            newData.email = [\r\n                'newsAndUpdate',\r\n                'tipsAndTutorial',\r\n                'offerAndPromotion',\r\n                'followUpReminder',\r\n            ]\r\n        } else {\r\n            newData.email = []\r\n        }\r\n\r\n        mutate(newData, false)\r\n    }\r\n\r\n    const handleDesktopNotificationCheck = (value: boolean) => {\r\n        const newData = cloneDeep(data)\r\n        newData.desktop = value\r\n        mutate(newData, false)\r\n    }\r\n\r\n    const handleUnreadMessagebadgeCheck = (value: boolean) => {\r\n        const newData = cloneDeep(data)\r\n        newData.unreadMessageBadge = value\r\n        mutate(newData, false)\r\n    }\r\n\r\n    const handleNotifyMeChange = (value: string) => {\r\n        const newData = cloneDeep(data)\r\n        newData.notifymeAbout = value\r\n        mutate(newData, false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <h4>Notification</h4>\r\n            <div className=\"mt-2\">\r\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\r\n                    <div>\r\n                        <h5>Enable desktop notification</h5>\r\n                        <p>\r\n                            Decide whether you want to be notified of new\r\n                            message & updates\r\n                        </p>\r\n                    </div>\r\n                    <div>\r\n                        <Switcher\r\n                            checked={data.desktop}\r\n                            onChange={handleDesktopNotificationCheck}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\r\n                    <div>\r\n                        <h5>Enable unread notification badge</h5>\r\n                        <p>\r\n                            Display a red indicator on of the notification icon\r\n                            when you have unread message\r\n                        </p>\r\n                    </div>\r\n                    <div>\r\n                        <Switcher\r\n                            checked={data.unreadMessageBadge}\r\n                            onChange={handleUnreadMessagebadgeCheck}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div className=\"py-6 border-b border-gray-200 dark:border-gray-600\">\r\n                    <h5>Enable unread notification badge</h5>\r\n                    <div className=\"mt-4\">\r\n                        <Radio.Group\r\n                            vertical\r\n                            className=\"flex flex-col gap-6\"\r\n                            value={data.notifymeAbout}\r\n                            onChange={handleNotifyMeChange}\r\n                        >\r\n                            {notifyMeOption.map((option) => (\r\n                                <div key={option.value} className=\"flex gap-4\">\r\n                                    <div className=\"mt-1.5\">\r\n                                        <Radio value={option.value} />\r\n                                    </div>\r\n                                    <div className=\"flex gap-2\">\r\n                                        <div className=\"mt-1\">\r\n                                            <TbMessageCircleCheck className=\"text-lg\" />\r\n                                        </div>\r\n                                        <div>\r\n                                            <h6>{option.label}</h6>\r\n                                            <p>{option.desc}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            ))}\r\n                        </Radio.Group>\r\n                    </div>\r\n                </div>\r\n                <div className=\"flex items-center justify-between py-6\">\r\n                    <div>\r\n                        <h5>Email notification</h5>\r\n                        <p>\r\n                            Substance can send you email notification for any\r\n                            new direct message\r\n                        </p>\r\n                    </div>\r\n                    <div>\r\n                        <Switcher\r\n                            checked={data.email.length > 0}\r\n                            onChange={handleEmailNotificationOptionCheckAll}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <Checkbox.Group\r\n                    vertical\r\n                    className=\"flex flex-col gap-6\"\r\n                    value={data.email}\r\n                    onChange={handleEmailNotificationOptionChange}\r\n                >\r\n                    {emailNotificationOption.map((option) => (\r\n                        <div key={option.value} className=\"flex gap-4\">\r\n                            <div className=\"mt-1.5\">\r\n                                <Checkbox value={option.value} />\r\n                            </div>\r\n                            <div>\r\n                                <h6>{option.label}</h6>\r\n                                <p>{option.desc}</p>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </Checkbox.Group>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SettingsNotification\r\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,0BAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,iBAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,uBAAuB,MAAM;AAC/B,QAAM;AAAA,IACF,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,SAAS;AAAA,MACT,oBAAoB;AAAA,MACpB,eAAe;AAAA,IAAA;AAAA,IAEnB;AAAA,EAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,2BAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,sCAAsC,CAAC,WAAqB;AAC9D,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,QAAQ;AAChB,WAAO,SAAS,KAAK;AAAA,EACzB;AAEA,QAAM,wCAAwC,CAAC,UAAmB;AAC9D,UAAM,UAAU,UAAU,IAAI;AAC9B,QAAI,OAAO;AACP,cAAQ,QAAQ;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAER,OAAO;AACH,cAAQ,QAAQ,CAAA;AAAA,IACpB;AAEA,WAAO,SAAS,KAAK;AAAA,EACzB;AAEA,QAAM,iCAAiC,CAAC,UAAmB;AACvD,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU;AAClB,WAAO,SAAS,KAAK;AAAA,EACzB;AAEA,QAAM,gCAAgC,CAAC,UAAmB;AACtD,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,qBAAqB;AAC7B,WAAO,SAAS,KAAK;AAAA,EACzB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC5C,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,gBAAgB;AACxB,WAAO,SAAS,KAAK;AAAA,EACzB;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,IAChB,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,8BAAA,CAA2B;AAAA,UAC/B,oBAAC,OAAE,UAAA,kEAAA,CAGH;AAAA,QAAA,GACJ;AAAA,4BACC,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS,KAAK;AAAA,YACd,UAAU;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,mCAAA,CAAgC;AAAA,UACpC,oBAAC,OAAE,UAAA,mFAAA,CAGH;AAAA,QAAA,GACJ;AAAA,4BACC,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS,KAAK;AAAA,YACd,UAAU;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,mCAAA,CAAgC;AAAA,QACpC,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACG,UAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAO,KAAK;AAAA,YACZ,UAAU;AAAA,YAET,yBAAe,IAAI,CAAC,WACjB,qBAAC,OAAA,EAAuB,WAAU,cAC9B,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,SAAM,OAAO,OAAO,OAAO,EAAA,CAChC;AAAA,cACA,qBAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,gBAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,sBAAA,EAAqB,WAAU,WAAU,EAAA,CAC9C;AAAA,qCACC,OAAA,EACG,UAAA;AAAA,kBAAA,oBAAC,MAAA,EAAI,iBAAO,MAAA,CAAM;AAAA,kBAClB,oBAAC,KAAA,EAAG,UAAA,OAAO,KAAA,CAAK;AAAA,gBAAA,EAAA,CACpB;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA,EAAA,GAZM,OAAO,KAajB,CACH;AAAA,UAAA;AAAA,QAAA,EACL,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,qBAAA,CAAkB;AAAA,UACtB,oBAAC,OAAE,UAAA,uEAAA,CAGH;AAAA,QAAA,GACJ;AAAA,4BACC,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS,KAAK,MAAM,SAAS;AAAA,YAC7B,UAAU;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UACG,UAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,UAAU;AAAA,UAET,kCAAwB,IAAI,CAAC,WAC1B,qBAAC,OAAA,EAAuB,WAAU,cAC9B,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,YAAS,OAAO,OAAO,OAAO,EAAA,CACnC;AAAA,iCACC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAI,iBAAO,MAAA,CAAM;AAAA,cAClB,oBAAC,KAAA,EAAG,UAAA,OAAO,KAAA,CAAK;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,GAPM,OAAO,KAQjB,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"SettingsNotification.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsNotification.tsx"],"sourcesContent":["import Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport { apiGetSettingsNotification } from '@/services/AccontsService'\nimport useSWR from 'swr'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbMessageCircleCheck } from 'react-icons/tb'\nimport type { GetSettingsNotificationResponse } from '../types'\n\ntype EmailNotificationFields =\n    | 'newsAndUpdate'\n    | 'tipsAndTutorial'\n    | 'offerAndPromotion'\n    | 'followUpReminder'\n\nconst emailNotificationOption: {\n    label: string\n    value: EmailNotificationFields\n    desc: string\n}[] = [\n    {\n        label: 'News & updates',\n        value: 'newsAndUpdate',\n        desc: 'New about product and features update',\n    },\n    {\n        label: 'Tips & tutorials',\n        value: 'tipsAndTutorial',\n        desc: 'Tips & trick in order to increase your performance efficiency',\n    },\n    {\n        label: 'Offer & promotions',\n        value: 'offerAndPromotion',\n        desc: 'Promotion about product price & lastest discount',\n    },\n    {\n        label: 'Follow up remider',\n        value: 'followUpReminder',\n        desc: 'Receive notification all the reminder that have been made',\n    },\n]\n\nconst notifyMeOption: {\n    label: string\n    value: string\n    desc: string\n}[] = [\n    {\n        label: 'All new messages',\n        value: 'allNewMessage',\n        desc: 'Broadcast notifications to the channel for each new message',\n    },\n    {\n        label: 'Mentions only',\n        value: 'mentionsOnly',\n        desc: 'Only alert me in the channel if someone mentions me in a message',\n    },\n    {\n        label: 'Nothing',\n        value: 'nothing',\n        desc: `Don't notify me anything`,\n    },\n]\n\nconst SettingsNotification = () => {\n    const {\n        data = {\n            email: [],\n            desktop: false,\n            unreadMessageBadge: false,\n            notifymeAbout: '',\n        },\n        mutate,\n    } = useSWR(\n        '/api/settings/notification/',\n        () => apiGetSettingsNotification<GetSettingsNotificationResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEmailNotificationOptionChange = (values: string[]) => {\n        const newData = cloneDeep(data)\n        newData.email = values\n        mutate(newData, false)\n    }\n\n    const handleEmailNotificationOptionCheckAll = (value: boolean) => {\n        const newData = cloneDeep(data)\n        if (value) {\n            newData.email = [\n                'newsAndUpdate',\n                'tipsAndTutorial',\n                'offerAndPromotion',\n                'followUpReminder',\n            ]\n        } else {\n            newData.email = []\n        }\n\n        mutate(newData, false)\n    }\n\n    const handleDesktopNotificationCheck = (value: boolean) => {\n        const newData = cloneDeep(data)\n        newData.desktop = value\n        mutate(newData, false)\n    }\n\n    const handleUnreadMessagebadgeCheck = (value: boolean) => {\n        const newData = cloneDeep(data)\n        newData.unreadMessageBadge = value\n        mutate(newData, false)\n    }\n\n    const handleNotifyMeChange = (value: string) => {\n        const newData = cloneDeep(data)\n        newData.notifymeAbout = value\n        mutate(newData, false)\n    }\n\n    return (\n        <div>\n            <h4>Notification</h4>\n            <div className=\"mt-2\">\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <div>\n                        <h5>Enable desktop notification</h5>\n                        <p>\n                            Decide whether you want to be notified of new\n                            message & updates\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.desktop}\n                            onChange={handleDesktopNotificationCheck}\n                        />\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <div>\n                        <h5>Enable unread notification badge</h5>\n                        <p>\n                            Display a red indicator on of the notification icon\n                            when you have unread message\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.unreadMessageBadge}\n                            onChange={handleUnreadMessagebadgeCheck}\n                        />\n                    </div>\n                </div>\n                <div className=\"py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <h5>Enable unread notification badge</h5>\n                    <div className=\"mt-4\">\n                        <Radio.Group\n                            vertical\n                            className=\"flex flex-col gap-6\"\n                            value={data.notifymeAbout}\n                            onChange={handleNotifyMeChange}\n                        >\n                            {notifyMeOption.map((option) => (\n                                <div key={option.value} className=\"flex gap-4\">\n                                    <div className=\"mt-1.5\">\n                                        <Radio value={option.value} />\n                                    </div>\n                                    <div className=\"flex gap-2\">\n                                        <div className=\"mt-1\">\n                                            <TbMessageCircleCheck className=\"text-lg\" />\n                                        </div>\n                                        <div>\n                                            <h6>{option.label}</h6>\n                                            <p>{option.desc}</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </Radio.Group>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between py-6\">\n                    <div>\n                        <h5>Email notification</h5>\n                        <p>\n                            Substance can send you email notification for any\n                            new direct message\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.email.length > 0}\n                            onChange={handleEmailNotificationOptionCheckAll}\n                        />\n                    </div>\n                </div>\n                <Checkbox.Group\n                    vertical\n                    className=\"flex flex-col gap-6\"\n                    value={data.email}\n                    onChange={handleEmailNotificationOptionChange}\n                >\n                    {emailNotificationOption.map((option) => (\n                        <div key={option.value} className=\"flex gap-4\">\n                            <div className=\"mt-1.5\">\n                                <Checkbox value={option.value} />\n                            </div>\n                            <div>\n                                <h6>{option.label}</h6>\n                                <p>{option.desc}</p>\n                            </div>\n                        </div>\n                    ))}\n                </Checkbox.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default SettingsNotification\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsProfile.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.tsx"],"sourcesContent":["import { useMemo, useEffect } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Upload from '@/components/ui/Upload'\r\nimport Input from '@/components/ui/Input'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport { countryList } from '@/constants/countries.constant'\r\nimport { components } from 'react-select'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\nimport { apiGetSettingsProfile } from '@/services/AccontsService'\r\nimport sleep from '@/utils/sleep'\r\nimport useSWR from 'swr'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport { HiOutlineUser } from 'react-icons/hi'\r\nimport { TbPlus } from 'react-icons/tb'\r\nimport type { ZodType } from 'zod'\r\nimport type { GetSettingsProfileResponse } from '../types'\r\n\r\ntype ProfileSchema = {\r\n    firstName: string\r\n    lastName: string\r\n    email: string\r\n    dialCode: string\r\n    phoneNumber: string\r\n    img: string\r\n    country: string\r\n    address: string\r\n    postcode: string\r\n    city: string\r\n}\r\n\r\ntype CountryOption = {\r\n    label: string\r\n    dialCode: string\r\n    value: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst validationSchema: ZodType<ProfileSchema> = z.object({\r\n    firstName: z.string().min(1, { message: 'First name required' }),\r\n    lastName: z.string().min(1, { message: 'Last name required' }),\r\n    email: z\r\n        .string()\r\n        .min(1, { message: 'Email required' })\r\n        .email({ message: 'Invalid email' }),\r\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\r\n    phoneNumber: z\r\n        .string()\r\n        .min(1, { message: 'Please input your mobile number' }),\r\n    country: z.string().min(1, { message: 'Please select a country' }),\r\n    address: z.string().min(1, { message: 'Addrress required' }),\r\n    postcode: z.string().min(1, { message: 'Postcode required' }),\r\n    city: z.string().min(1, { message: 'City required' }),\r\n    img: z.string(),\r\n})\r\n\r\nconst CustomSelectOption = (\r\n    props: OptionProps<CountryOption> & { variant: 'country' | 'phone' },\r\n) => {\r\n    return (\r\n        <DefaultOption<CountryOption>\r\n            {...props}\r\n            customLabel={(data, label) => (\r\n                <span className=\"flex items-center gap-2\">\r\n                    <Avatar\r\n                        shape=\"circle\"\r\n                        size={20}\r\n                        src={`/img/countries/${data.value}.png`}\r\n                    />\r\n                    {props.variant === 'country' && <span>{label}</span>}\r\n                    {props.variant === 'phone' && <span>{data.dialCode}</span>}\r\n                </span>\r\n            )}\r\n        />\r\n    )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\r\n    const selected = props.getValue()[0]\r\n    return (\r\n        <Control {...props}>\r\n            {selected && (\r\n                <Avatar\r\n                    className=\"ltr:ml-4 rtl:mr-4\"\r\n                    shape=\"circle\"\r\n                    size={20}\r\n                    src={`/img/countries/${selected.value}.png`}\r\n                />\r\n            )}\r\n            {children}\r\n        </Control>\r\n    )\r\n}\r\n\r\nconst SettingsProfile = () => {\r\n    const { data, mutate } = useSWR(\r\n        '/api/settings/profile/',\r\n        () => apiGetSettingsProfile<GetSettingsProfileResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const dialCodeList = useMemo(() => {\r\n        const newCountryList: Array<CountryOption> = JSON.parse(\r\n            JSON.stringify(countryList),\r\n        )\r\n\r\n        return newCountryList.map((country) => {\r\n            country.label = country.dialCode\r\n            return country\r\n        })\r\n    }, [])\r\n\r\n    const beforeUpload = (files: FileList | null) => {\r\n        let valid: string | boolean = true\r\n\r\n        const allowedFileType = ['image/jpeg', 'image/png']\r\n        if (files) {\r\n            for (const file of files) {\r\n                if (!allowedFileType.includes(file.type)) {\r\n                    valid = 'Please upload a .jpeg or .png file!'\r\n                }\r\n            }\r\n        }\r\n\r\n        return valid\r\n    }\r\n\r\n    const {\r\n        handleSubmit,\r\n        reset,\r\n        formState: { errors, isSubmitting },\r\n        control,\r\n    } = useForm<ProfileSchema>({\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (data) {\r\n            reset(data)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [data])\r\n\r\n    const onSubmit = async (values: ProfileSchema) => {\r\n        await sleep(500)\r\n        if (data) {\r\n            mutate({ ...data, ...values }, false)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <h4 className=\"mb-8\">Personal information</h4>\r\n            <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <div className=\"mb-8\">\r\n                    <Controller\r\n                        name=\"img\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <div className=\"flex items-center gap-4\">\r\n                                <Avatar\r\n                                    size={90}\r\n                                    className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\r\n                                    icon={<HiOutlineUser />}\r\n                                    src={field.value}\r\n                                />\r\n                                <div className=\"flex items-center gap-2\">\r\n                                    <Upload\r\n                                        showList={false}\r\n                                        uploadLimit={1}\r\n                                        beforeUpload={beforeUpload}\r\n                                        onChange={(files) => {\r\n                                            if (files.length > 0) {\r\n                                                field.onChange(\r\n                                                    URL.createObjectURL(\r\n                                                        files[0],\r\n                                                    ),\r\n                                                )\r\n                                            }\r\n                                        }}\r\n                                    >\r\n                                        <Button\r\n                                            variant=\"solid\"\r\n                                            size=\"sm\"\r\n                                            type=\"button\"\r\n                                            icon={<TbPlus />}\r\n                                        >\r\n                                            Upload Image\r\n                                        </Button>\r\n                                    </Upload>\r\n                                    <Button\r\n                                        size=\"sm\"\r\n                                        type=\"button\"\r\n                                        onClick={() => {\r\n                                            field.onChange('')\r\n                                        }}\r\n                                    >\r\n                                        Remove\r\n                                    </Button>\r\n                                </div>\r\n                            </div>\r\n                        )}\r\n                    />\r\n                </div>\r\n                <div className=\"grid md:grid-cols-2 gap-4\">\r\n                    <FormItem\r\n                        label=\"First name\"\r\n                        invalid={Boolean(errors.firstName)}\r\n                        errorMessage={errors.firstName?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"firstName\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"First Name\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <FormItem\r\n                        label=\"User name\"\r\n                        invalid={Boolean(errors.lastName)}\r\n                        errorMessage={errors.lastName?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"lastName\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"Last Name\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                </div>\r\n                <FormItem\r\n                    label=\"Email\"\r\n                    invalid={Boolean(errors.email)}\r\n                    errorMessage={errors.email?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"email\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"email\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Email\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <div className=\"flex items-end gap-4 w-full mb-6\">\r\n                    <FormItem\r\n                        invalid={\r\n                            Boolean(errors.phoneNumber) ||\r\n                            Boolean(errors.dialCode)\r\n                        }\r\n                    >\r\n                        <label className=\"form-label mb-2\">Phone number</label>\r\n                        <Controller\r\n                            name=\"dialCode\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Select<CountryOption>\r\n                                    options={dialCodeList}\r\n                                    {...field}\r\n                                    className=\"w-[150px]\"\r\n                                    components={{\r\n                                        Option: (props) => (\r\n                                            <CustomSelectOption\r\n                                                variant=\"phone\"\r\n                                                {...(props as OptionProps<CountryOption>)}\r\n                                            />\r\n                                        ),\r\n                                        Control: CustomControl,\r\n                                    }}\r\n                                    placeholder=\"\"\r\n                                    value={dialCodeList.filter(\r\n                                        (option) =>\r\n                                            option.dialCode === field.value,\r\n                                    )}\r\n                                    onChange={(option) =>\r\n                                        field.onChange(option?.dialCode)\r\n                                    }\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <FormItem\r\n                        className=\"w-full\"\r\n                        invalid={\r\n                            Boolean(errors.phoneNumber) ||\r\n                            Boolean(errors.dialCode)\r\n                        }\r\n                        errorMessage={errors.phoneNumber?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"phoneNumber\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <NumericInput\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"Phone Number\"\r\n                                    value={field.value}\r\n                                    onChange={field.onChange}\r\n                                    onBlur={field.onBlur}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                </div>\r\n                <h4 className=\"mb-6\">Address information</h4>\r\n                <FormItem\r\n                    label=\"Country\"\r\n                    invalid={Boolean(errors.country)}\r\n                    errorMessage={errors.country?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"country\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Select<CountryOption>\r\n                                options={countryList}\r\n                                {...field}\r\n                                components={{\r\n                                    Option: (props) => (\r\n                                        <CustomSelectOption\r\n                                            variant=\"country\"\r\n                                            {...(props as OptionProps<CountryOption>)}\r\n                                        />\r\n                                    ),\r\n                                    Control: CustomControl,\r\n                                }}\r\n                                placeholder=\"\"\r\n                                value={countryList.filter(\r\n                                    (option) => option.value === field.value,\r\n                                )}\r\n                                onChange={(option) =>\r\n                                    field.onChange(option?.value)\r\n                                }\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Address\"\r\n                    invalid={Boolean(errors.address)}\r\n                    errorMessage={errors.address?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"address\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Address\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                    <FormItem\r\n                        label=\"City\"\r\n                        invalid={Boolean(errors.city)}\r\n                        errorMessage={errors.city?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"city\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"City\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <FormItem\r\n                        label=\"Postal Code\"\r\n                        invalid={Boolean(errors.postcode)}\r\n                        errorMessage={errors.postcode?.message}\r\n                    >\r\n                        <Controller\r\n                            name=\"postcode\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"Postal Code\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                </div>\r\n                <div className=\"flex justify-end\">\r\n                    <Button\r\n                        variant=\"solid\"\r\n                        type=\"submit\"\r\n                        loading={isSubmitting}\r\n                    >\r\n                        Save\r\n                    </Button>\r\n                </div>\r\n            </Form>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default SettingsProfile\r\n"],"names":["DefaultOption"],"mappings":"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"}
+{"version":3,"file":"SettingsProfile.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.tsx"],"sourcesContent":["import { useMemo, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { components } from 'react-select'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport { apiGetSettingsProfile } from '@/services/AccontsService'\nimport sleep from '@/utils/sleep'\nimport useSWR from 'swr'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport { HiOutlineUser } from 'react-icons/hi'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ZodType } from 'zod'\nimport type { GetSettingsProfileResponse } from '../types'\n\ntype ProfileSchema = {\n    firstName: string\n    lastName: string\n    email: string\n    dialCode: string\n    phoneNumber: string\n    img: string\n    country: string\n    address: string\n    postcode: string\n    city: string\n}\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst validationSchema: ZodType<ProfileSchema> = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n    img: z.string(),\n})\n\nconst CustomSelectOption = (\n    props: OptionProps<CountryOption> & { variant: 'country' | 'phone' },\n) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    {props.variant === 'country' && <span>{label}</span>}\n                    {props.variant === 'phone' && <span>{data.dialCode}</span>}\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst SettingsProfile = () => {\n    const { data, mutate } = useSWR(\n        '/api/settings/profile/',\n        () => apiGetSettingsProfile<GetSettingsProfileResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        if (files) {\n            for (const file of files) {\n                if (!allowedFileType.includes(file.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors, isSubmitting },\n        control,\n    } = useForm<ProfileSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (data) {\n            reset(data)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [data])\n\n    const onSubmit = async (values: ProfileSchema) => {\n        await sleep(500)\n        if (data) {\n            mutate({ ...data, ...values }, false)\n        }\n    }\n\n    return (\n        <>\n            <h4 className=\"mb-8\">Personal information</h4>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <div className=\"mb-8\">\n                    <Controller\n                        name=\"img\"\n                        control={control}\n                        render={({ field }) => (\n                            <div className=\"flex items-center gap-4\">\n                                <Avatar\n                                    size={90}\n                                    className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\n                                    icon={<HiOutlineUser />}\n                                    src={field.value}\n                                />\n                                <div className=\"flex items-center gap-2\">\n                                    <Upload\n                                        showList={false}\n                                        uploadLimit={1}\n                                        beforeUpload={beforeUpload}\n                                        onChange={(files) => {\n                                            if (files.length > 0) {\n                                                field.onChange(\n                                                    URL.createObjectURL(\n                                                        files[0],\n                                                    ),\n                                                )\n                                            }\n                                        }}\n                                    >\n                                        <Button\n                                            variant=\"solid\"\n                                            size=\"sm\"\n                                            type=\"button\"\n                                            icon={<TbPlus />}\n                                        >\n                                            Upload Image\n                                        </Button>\n                                    </Upload>\n                                    <Button\n                                        size=\"sm\"\n                                        type=\"button\"\n                                        onClick={() => {\n                                            field.onChange('')\n                                        }}\n                                    >\n                                        Remove\n                                    </Button>\n                                </div>\n                            </div>\n                        )}\n                    />\n                </div>\n                <div className=\"grid md:grid-cols-2 gap-4\">\n                    <FormItem\n                        label=\"First name\"\n                        invalid={Boolean(errors.firstName)}\n                        errorMessage={errors.firstName?.message}\n                    >\n                        <Controller\n                            name=\"firstName\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"First Name\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"User name\"\n                        invalid={Boolean(errors.lastName)}\n                        errorMessage={errors.lastName?.message}\n                    >\n                        <Controller\n                            name=\"lastName\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Last Name\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <FormItem\n                    label=\"Email\"\n                    invalid={Boolean(errors.email)}\n                    errorMessage={errors.email?.message}\n                >\n                    <Controller\n                        name=\"email\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"email\"\n                                autoComplete=\"off\"\n                                placeholder=\"Email\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"flex items-end gap-4 w-full mb-6\">\n                    <FormItem\n                        invalid={\n                            Boolean(errors.phoneNumber) ||\n                            Boolean(errors.dialCode)\n                        }\n                    >\n                        <label className=\"form-label mb-2\">Phone number</label>\n                        <Controller\n                            name=\"dialCode\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select<CountryOption>\n                                    options={dialCodeList}\n                                    {...field}\n                                    className=\"w-[150px]\"\n                                    components={{\n                                        Option: (props) => (\n                                            <CustomSelectOption\n                                                variant=\"phone\"\n                                                {...(props as OptionProps<CountryOption>)}\n                                            />\n                                        ),\n                                        Control: CustomControl,\n                                    }}\n                                    placeholder=\"\"\n                                    value={dialCodeList.filter(\n                                        (option) =>\n                                            option.dialCode === field.value,\n                                    )}\n                                    onChange={(option) =>\n                                        field.onChange(option?.dialCode)\n                                    }\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        className=\"w-full\"\n                        invalid={\n                            Boolean(errors.phoneNumber) ||\n                            Boolean(errors.dialCode)\n                        }\n                        errorMessage={errors.phoneNumber?.message}\n                    >\n                        <Controller\n                            name=\"phoneNumber\"\n                            control={control}\n                            render={({ field }) => (\n                                <NumericInput\n                                    autoComplete=\"off\"\n                                    placeholder=\"Phone Number\"\n                                    value={field.value}\n                                    onChange={field.onChange}\n                                    onBlur={field.onBlur}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <h4 className=\"mb-6\">Address information</h4>\n                <FormItem\n                    label=\"Country\"\n                    invalid={Boolean(errors.country)}\n                    errorMessage={errors.country?.message}\n                >\n                    <Controller\n                        name=\"country\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={countryList}\n                                {...field}\n                                components={{\n                                    Option: (props) => (\n                                        <CustomSelectOption\n                                            variant=\"country\"\n                                            {...(props as OptionProps<CountryOption>)}\n                                        />\n                                    ),\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={countryList.filter(\n                                    (option) => option.value === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.value)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Address\"\n                    invalid={Boolean(errors.address)}\n                    errorMessage={errors.address?.message}\n                >\n                    <Controller\n                        name=\"address\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Address\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                    <FormItem\n                        label=\"City\"\n                        invalid={Boolean(errors.city)}\n                        errorMessage={errors.city?.message}\n                    >\n                        <Controller\n                            name=\"city\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"City\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Postal Code\"\n                        invalid={Boolean(errors.postcode)}\n                        errorMessage={errors.postcode?.message}\n                    >\n                        <Controller\n                            name=\"postcode\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Postal Code\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <div className=\"flex justify-end\">\n                    <Button\n                        variant=\"solid\"\n                        type=\"submit\"\n                        loading={isSubmitting}\n                    >\n                        Save\n                    </Button>\n                </div>\n            </Form>\n        </>\n    )\n}\n\nexport default SettingsProfile\n"],"names":["DefaultOption"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport classNames from '@/utils/classNames'\r\nimport sleep from '@/utils/sleep'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype PasswordSchema = {\r\n    currentPassword: string\r\n    newPassword: string\r\n    confirmNewPassword: string\r\n}\r\n\r\nconst authenticatorList = [\r\n    {\r\n        label: 'Google Authenticator',\r\n        value: 'googleAuthenticator',\r\n        img: '/img/others/google.png',\r\n        desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\r\n    },\r\n    {\r\n        label: 'Okta Verify',\r\n        value: 'oktaVerify',\r\n        img: '/img/others/okta.png',\r\n        desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\r\n    },\r\n    {\r\n        label: 'E Mail verification',\r\n        value: 'emailVerification',\r\n        img: '/img/others/email.png',\r\n        desc: 'Unique codes sent to email for confirming logins.',\r\n    },\r\n]\r\n\r\nconst validationSchema: ZodType<PasswordSchema> = z\r\n    .object({\r\n        currentPassword: z\r\n            .string()\r\n            .min(1, { message: 'Please enter your current password!' }),\r\n        newPassword: z\r\n            .string()\r\n            .min(1, { message: 'Please enter your new password!' }),\r\n        confirmNewPassword: z\r\n            .string()\r\n            .min(1, { message: 'Please confirm your new password!' }),\r\n    })\r\n    .refine((data) => data.confirmNewPassword === data.newPassword, {\r\n        message: 'Password not match',\r\n        path: ['confirmNewPassword'],\r\n    })\r\n\r\nconst SettingsSecurity = () => {\r\n    const [selected2FaType, setSelected2FaType] = useState(\r\n        'googleAuthenticator',\r\n    )\r\n    const [confirmationOpen, setConfirmationOpen] = useState(false)\r\n    const [isSubmitting, setIsSubmitting] = useState(false)\r\n\r\n    const formRef = useRef<HTMLFormElement>(null)\r\n\r\n    const {\r\n        getValues,\r\n        handleSubmit,\r\n        formState: { errors },\r\n        control,\r\n    } = useForm<PasswordSchema>({\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    const handlePostSubmit = async () => {\r\n        setIsSubmitting(true)\r\n        await sleep(1000)\r\n        console.log('getValues', getValues())\r\n        setConfirmationOpen(false)\r\n        setIsSubmitting(false)\r\n    }\r\n\r\n    const onSubmit = async () => {\r\n        setConfirmationOpen(true)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"mb-8\">\r\n                <h4>Password</h4>\r\n                <p>\r\n                    Remember, your password is your digital key to your account.\r\n                    Keep it safe, keep it secure!\r\n                </p>\r\n            </div>\r\n            <Form\r\n                ref={formRef}\r\n                className=\"mb-8\"\r\n                onSubmit={handleSubmit(onSubmit)}\r\n            >\r\n                <FormItem\r\n                    label=\"Current password\"\r\n                    invalid={Boolean(errors.currentPassword)}\r\n                    errorMessage={errors.currentPassword?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"currentPassword\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"password\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"•••••••••\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"New password\"\r\n                    invalid={Boolean(errors.newPassword)}\r\n                    errorMessage={errors.newPassword?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"newPassword\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"password\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"•••••••••\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"Confirm new password\"\r\n                    invalid={Boolean(errors.confirmNewPassword)}\r\n                    errorMessage={errors.confirmNewPassword?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"confirmNewPassword\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"password\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"•••••••••\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <div className=\"flex justify-end\">\r\n                    <Button variant=\"solid\" type=\"submit\">\r\n                        Update\r\n                    </Button>\r\n                </div>\r\n            </Form>\r\n            <ConfirmDialog\r\n                isOpen={confirmationOpen}\r\n                type=\"warning\"\r\n                title=\"Update password\"\r\n                confirmButtonProps={{\r\n                    loading: isSubmitting,\r\n                    onClick: handlePostSubmit,\r\n                }}\r\n                onClose={() => setConfirmationOpen(false)}\r\n                onRequestClose={() => setConfirmationOpen(false)}\r\n                onCancel={() => setConfirmationOpen(false)}\r\n            >\r\n                <p>Are you sure you want to change your password?</p>\r\n            </ConfirmDialog>\r\n            <div className=\"mb-8\">\r\n                <h4>2-Step verification</h4>\r\n                <p>\r\n                    Your account holds great value to hackers. Enable two-step\r\n                    verification to safeguard your account!\r\n                </p>\r\n                <div className=\"mt-8\">\r\n                    {authenticatorList.map((authOption, index) => (\r\n                        <div\r\n                            key={authOption.value}\r\n                            className={classNames(\r\n                                'py-6 border-gray-200 dark:border-gray-600',\r\n                                !isLastChild(authenticatorList, index) &&\r\n                                    'border-b',\r\n                            )}\r\n                        >\r\n                            <div className=\"flex items-center justify-between gap-4\">\r\n                                <div className=\"flex items-center gap-4\">\r\n                                    <Avatar\r\n                                        size={35}\r\n                                        className=\"bg-transparent\"\r\n                                        src={authOption.img}\r\n                                    />\r\n                                    <div>\r\n                                        <h6>{authOption.label}</h6>\r\n                                        <span>{authOption.desc}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div>\r\n                                    {selected2FaType === authOption.value ? (\r\n                                        <Button\r\n                                            size=\"sm\"\r\n                                            customColorClass={() =>\r\n                                                'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\r\n                                            }\r\n                                            onClick={() =>\r\n                                                setSelected2FaType('')\r\n                                            }\r\n                                        >\r\n                                            Activated\r\n                                        </Button>\r\n                                    ) : (\r\n                                        <Button\r\n                                            size=\"sm\"\r\n                                            onClick={() =>\r\n                                                setSelected2FaType(\r\n                                                    authOption.value,\r\n                                                )\r\n                                            }\r\n                                        >\r\n                                            Enable\r\n                                        </Button>\r\n                                    )}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SettingsSecurity\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport isLastChild from '@/utils/isLastChild'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype PasswordSchema = {\n    currentPassword: string\n    newPassword: string\n    confirmNewPassword: string\n}\n\nconst authenticatorList = [\n    {\n        label: 'Google Authenticator',\n        value: 'googleAuthenticator',\n        img: '/img/others/google.png',\n        desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\n    },\n    {\n        label: 'Okta Verify',\n        value: 'oktaVerify',\n        img: '/img/others/okta.png',\n        desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\n    },\n    {\n        label: 'E Mail verification',\n        value: 'emailVerification',\n        img: '/img/others/email.png',\n        desc: 'Unique codes sent to email for confirming logins.',\n    },\n]\n\nconst validationSchema: ZodType<PasswordSchema> = z\n    .object({\n        currentPassword: z\n            .string()\n            .min(1, { message: 'Please enter your current password!' }),\n        newPassword: z\n            .string()\n            .min(1, { message: 'Please enter your new password!' }),\n        confirmNewPassword: z\n            .string()\n            .min(1, { message: 'Please confirm your new password!' }),\n    })\n    .refine((data) => data.confirmNewPassword === data.newPassword, {\n        message: 'Password not match',\n        path: ['confirmNewPassword'],\n    })\n\nconst SettingsSecurity = () => {\n    const [selected2FaType, setSelected2FaType] = useState(\n        'googleAuthenticator',\n    )\n    const [confirmationOpen, setConfirmationOpen] = useState(false)\n    const [isSubmitting, setIsSubmitting] = useState(false)\n\n    const formRef = useRef<HTMLFormElement>(null)\n\n    const {\n        getValues,\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<PasswordSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handlePostSubmit = async () => {\n        setIsSubmitting(true)\n        await sleep(1000)\n        console.log('getValues', getValues())\n        setConfirmationOpen(false)\n        setIsSubmitting(false)\n    }\n\n    const onSubmit = async () => {\n        setConfirmationOpen(true)\n    }\n\n    return (\n        <div>\n            <div className=\"mb-8\">\n                <h4>Password</h4>\n                <p>\n                    Remember, your password is your digital key to your account.\n                    Keep it safe, keep it secure!\n                </p>\n            </div>\n            <Form\n                ref={formRef}\n                className=\"mb-8\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <FormItem\n                    label=\"Current password\"\n                    invalid={Boolean(errors.currentPassword)}\n                    errorMessage={errors.currentPassword?.message}\n                >\n                    <Controller\n                        name=\"currentPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"New password\"\n                    invalid={Boolean(errors.newPassword)}\n                    errorMessage={errors.newPassword?.message}\n                >\n                    <Controller\n                        name=\"newPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Confirm new password\"\n                    invalid={Boolean(errors.confirmNewPassword)}\n                    errorMessage={errors.confirmNewPassword?.message}\n                >\n                    <Controller\n                        name=\"confirmNewPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"flex justify-end\">\n                    <Button variant=\"solid\" type=\"submit\">\n                        Update\n                    </Button>\n                </div>\n            </Form>\n            <ConfirmDialog\n                isOpen={confirmationOpen}\n                type=\"warning\"\n                title=\"Update password\"\n                confirmButtonProps={{\n                    loading: isSubmitting,\n                    onClick: handlePostSubmit,\n                }}\n                onClose={() => setConfirmationOpen(false)}\n                onRequestClose={() => setConfirmationOpen(false)}\n                onCancel={() => setConfirmationOpen(false)}\n            >\n                <p>Are you sure you want to change your password?</p>\n            </ConfirmDialog>\n            <div className=\"mb-8\">\n                <h4>2-Step verification</h4>\n                <p>\n                    Your account holds great value to hackers. Enable two-step\n                    verification to safeguard your account!\n                </p>\n                <div className=\"mt-8\">\n                    {authenticatorList.map((authOption, index) => (\n                        <div\n                            key={authOption.value}\n                            className={classNames(\n                                'py-6 border-gray-200 dark:border-gray-600',\n                                !isLastChild(authenticatorList, index) &&\n                                    'border-b',\n                            )}\n                        >\n                            <div className=\"flex items-center justify-between gap-4\">\n                                <div className=\"flex items-center gap-4\">\n                                    <Avatar\n                                        size={35}\n                                        className=\"bg-transparent\"\n                                        src={authOption.img}\n                                    />\n                                    <div>\n                                        <h6>{authOption.label}</h6>\n                                        <span>{authOption.desc}</span>\n                                    </div>\n                                </div>\n                                <div>\n                                    {selected2FaType === authOption.value ? (\n                                        <Button\n                                            size=\"sm\"\n                                            customColorClass={() =>\n                                                'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\n                                            }\n                                            onClick={() =>\n                                                setSelected2FaType('')\n                                            }\n                                        >\n                                            Activated\n                                        </Button>\n                                    ) : (\n                                        <Button\n                                            size=\"sm\"\n                                            onClick={() =>\n                                                setSelected2FaType(\n                                                    authOption.value,\n                                                )\n                                            }\n                                        >\n                                            Enable\n                                        </Button>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default SettingsSecurity\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/store/settingsStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"settingsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/store/settingsStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { View } from '../types'\r\n\r\nexport type SettingsState = {\r\n    currentView: View\r\n}\r\n\r\ntype SettingsAction = {\r\n    setCurrentView: (payload: View) => void\r\n}\r\n\r\nconst initialState: SettingsState = {\r\n    currentView: 'profile',\r\n}\r\n\r\nexport const useSettingsStore = create<SettingsState & SettingsAction>(\r\n    (set) => ({\r\n        ...initialState,\r\n        setCurrentView: (payload) => set(() => ({ currentView: payload })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AAWA,MAAM,eAA8B;AAAA,EAChC,aAAa;AACjB;AAEO,MAAM,mBAAmB;AAAA,EAC5B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EAAA;AAEzE;"}
+{"version":3,"file":"settingsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/store/settingsStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { View } from '../types'\n\nexport type SettingsState = {\n    currentView: View\n}\n\ntype SettingsAction = {\n    setCurrentView: (payload: View) => void\n}\n\nconst initialState: SettingsState = {\n    currentView: 'profile',\n}\n\nexport const useSettingsStore = create<SettingsState & SettingsAction>(\n    (set) => ({\n        ...initialState,\n        setCurrentView: (payload) => set(() => ({ currentView: payload })),\n    }),\n)\n"],"names":[],"mappings":";AAWA,MAAM,eAA8B;AAAA,EAChC,aAAa;AACjB;AAEO,MAAM,mBAAmB;AAAA,EAC5B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,EAAA;AAEzE;"}

package/dist/@ecme/views/concepts/ai/Chat/GenerativeChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerativeChat.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/GenerativeChat.tsx"],"sourcesContent":["import ChatSideNav from './components/ChatSideNav'\r\nimport ChatView from './components/ChatView'\r\nimport ChatHistoryRenameDialog from './components/ChatHistoryRenameDialog'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\n\r\nconst GenerativeChat = () => {\r\n    const { larger } = useResponsive()\r\n\r\n    return (\r\n        <div className=\"h-full\">\r\n            <div className=\"flex flex-auto gap-4 h-full\">\r\n                <ChatView />\r\n                {larger.xl && <ChatSideNav />}\r\n                <ChatHistoryRenameDialog />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GenerativeChat\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAiB,MAAM;AACzB,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,6BACK,OAAA,EAAI,WAAU,UACX,UAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS;AAAA,IACT,OAAO,MAAM,oBAAC,aAAA,CAAA,CAAY;AAAA,wBAC1B,yBAAA,CAAA,CAAwB;AAAA,EAAA,EAAA,CAC7B,EAAA,CACJ;AAER;"}
+{"version":3,"file":"GenerativeChat.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/GenerativeChat.tsx"],"sourcesContent":["import ChatSideNav from './components/ChatSideNav'\nimport ChatView from './components/ChatView'\nimport ChatHistoryRenameDialog from './components/ChatHistoryRenameDialog'\nimport useResponsive from '@/utils/hooks/useResponsive'\n\nconst GenerativeChat = () => {\n    const { larger } = useResponsive()\n\n    return (\n        <div className=\"h-full\">\n            <div className=\"flex flex-auto gap-4 h-full\">\n                <ChatView />\n                {larger.xl && <ChatSideNav />}\n                <ChatHistoryRenameDialog />\n            </div>\n        </div>\n    )\n}\n\nexport default GenerativeChat\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAiB,MAAM;AACzB,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,6BACK,OAAA,EAAI,WAAU,UACX,UAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS;AAAA,IACT,OAAO,MAAM,oBAAC,aAAA,CAAA,CAAY;AAAA,wBAC1B,yBAAA,CAAA,CAAwB;AAAA,EAAA,EAAA,CAC7B,EAAA,CACJ;AAER;"}