@orbe-agro/client-core 5.3.13 → 5.3.14

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRolePermissonsRoles.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsRoles.ts"],"sourcesContent":["import { apiGetRolesPermissionsRoles } from '@/services/AccontsService'\r\nimport useSWR from 'swr'\r\nimport type { GetRolesPermissionsRolesResponse } from '../types'\r\n\r\nexport default function useRolePermissonsRoles() {\r\n    const { data, isLoading, error, mutate } = useSWR(\r\n        ['/api/rbac/roles'],\r\n        () => apiGetRolesPermissionsRoles<GetRolesPermissionsRolesResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const roleList = data || []\r\n\r\n    return {\r\n        roleList,\r\n        error,\r\n        isLoading,\r\n        mutate,\r\n    }\r\n}\r\n"],"names":["useRolePermissonsRoles","data","isLoading","error","mutate","useSWR","apiGetRolesPermissionsRoles"],"mappings":";;AAIA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,iBAAiB;AAAA,IAClB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAKJ,SAAO;AAAA,IACH,UAHaL,KAAQ,CAAA;AAAA,IAIrB,OAAAE;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useRolePermissonsRoles.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsRoles.ts"],"sourcesContent":["import { apiGetRolesPermissionsRoles } from '@/services/AccontsService'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsRolesResponse } from '../types'\n\nexport default function useRolePermissonsRoles() {\n    const { data, isLoading, error, mutate } = useSWR(\n        ['/api/rbac/roles'],\n        () => apiGetRolesPermissionsRoles<GetRolesPermissionsRolesResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const roleList = data || []\n\n    return {\n        roleList,\n        error,\n        isLoading,\n        mutate,\n    }\n}\n"],"names":["useRolePermissonsRoles","data","isLoading","error","mutate","useSWR","apiGetRolesPermissionsRoles"],"mappings":";;AAIA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,iBAAiB;AAAA,IAClB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAKJ,SAAO;AAAA,IACH,UAHaL,KAAQ,CAAA;AAAA,IAIrB,OAAAE;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\r\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\r\nimport useSWR from 'swr'\r\nimport type { GetRolesPermissionsUsersResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nexport default function useRolePermissonsUsers() {\r\n    const { tableData, filterData } = useRolePermissionsStore()\r\n\r\n    const { data, isLoading, error, mutate } = useSWR(\r\n        ['/api/rbac/user', { ...tableData, ...filterData }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetRolesPermissionsUsers<\r\n                GetRolesPermissionsUsersResponse,\r\n                TableQueries\r\n            >(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const userList = data?.list || []\r\n\r\n    const userListTotal = data?.total || 0\r\n\r\n    return {\r\n        userList,\r\n        userListTotal,\r\n        error,\r\n        isLoading,\r\n        mutate,\r\n    }\r\n}\r\n"],"names":["useRolePermissonsUsers","tableData","filterData","useRolePermissionsStore","data","isLoading","error","mutate","useSWR","_","params","apiGetRolesPermissionsUsers","userList","userListTotal"],"mappings":";;;AAMA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5B,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGP,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACO,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEE,KAAWR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAEzBS,KAAgBT,KAAA,gBAAAA,EAAM,UAAS;AAErC,SAAO;AAAA,IACH,UAAAQ;AAAA,IACA,eAAAC;AAAA,IACA,OAAAP;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsUsersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useRolePermissonsUsers() {\n    const { tableData, filterData } = useRolePermissionsStore()\n\n    const { data, isLoading, error, mutate } = useSWR(\n        ['/api/rbac/user', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetRolesPermissionsUsers<\n                GetRolesPermissionsUsersResponse,\n                TableQueries\n            >(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const userList = data?.list || []\n\n    const userListTotal = data?.total || 0\n\n    return {\n        userList,\n        userListTotal,\n        error,\n        isLoading,\n        mutate,\n    }\n}\n"],"names":["useRolePermissonsUsers","tableData","filterData","useRolePermissionsStore","data","isLoading","error","mutate","useSWR","_","params","apiGetRolesPermissionsUsers","userList","userListTotal"],"mappings":";;;AAMA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5B,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGP,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACO,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEE,KAAWR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAEzBS,KAAgBT,KAAA,gBAAAA,EAAM,UAAS;AAErC,SAAO;AAAA,IACH,UAAAQ;AAAA,IACA,eAAAC;AAAA,IACA,OAAAP;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"rolePermissionsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/store/rolePermissionsStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { User, Users, Filter } from '../types'\r\n\r\ntype Dialog = {\r\n    type: '' | 'edit' | 'new'\r\n    open: boolean\r\n}\r\n\r\nexport const initialTableData: TableQueries = {\r\n    pageIndex: 1,\r\n    pageSize: 10,\r\n    query: '',\r\n    sort: {\r\n        order: '',\r\n        key: '',\r\n    },\r\n}\r\n\r\nexport const initialFilterData: Filter = {\r\n    status: '',\r\n    role: '',\r\n}\r\n\r\nexport type RolePermissionsState = {\r\n    tableData: TableQueries\r\n    filterData: Filter\r\n    selectedUser: Users\r\n    selectedRole: string\r\n    roleDialog: Dialog\r\n}\r\n\r\ntype RolePermissionsAction = {\r\n    setFilterData: (payload: Filter) => void\r\n    setTableData: (payload: TableQueries) => void\r\n    setSelectedUser: (checked: boolean, customer: User) => void\r\n    setSelectAllUser: (payload: Users) => void\r\n    setSelectedRole: (payload: string) => void\r\n    setRoleDialog: (payload: Dialog) => void\r\n}\r\n\r\nconst initialState: RolePermissionsState = {\r\n    tableData: initialTableData,\r\n    filterData: initialFilterData,\r\n    selectedUser: [],\r\n    selectedRole: '',\r\n    roleDialog: {\r\n        type: '',\r\n        open: false,\r\n    },\r\n}\r\n\r\nexport const useRolePermissionsStore = create<\r\n    RolePermissionsState & RolePermissionsAction\r\n>((set) => ({\r\n    ...initialState,\r\n    setTableData: (payload) => set(() => ({ tableData: payload })),\r\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n    setSelectedUser: (checked, row) =>\r\n        set((state) => {\r\n            const prevData = state.selectedUser\r\n            if (checked) {\r\n                return { selectedUser: [...prevData, ...[row]] }\r\n            } else {\r\n                if (prevData.some((prevUser) => row.id === prevUser.id)) {\r\n                    return {\r\n                        selectedUser: prevData.filter(\r\n                            (prevUser) => prevUser.id !== row.id,\r\n                        ),\r\n                    }\r\n                }\r\n                return { selectedUser: prevData }\r\n            }\r\n        }),\r\n    setSelectAllUser: (payload) => set(() => ({ selectedUser: payload })),\r\n    setSelectedRole: (payload) => set(() => ({ selectedRole: payload })),\r\n    setRoleDialog: (payload) => set(() => ({ roleDialog: payload })),\r\n}))\r\n"],"names":["initialTableData","initialFilterData","initialState","useRolePermissionsStore","create","set","payload","checked","row","state","prevData","prevUser"],"mappings":";AASO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAA4B;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACV,GAmBMC,IAAqC;AAAA,EACvC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,cAAc,CAAA;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaE,IAA0BC,EAErC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,cAAc,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,eAAe,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,iBAAiB,CAACC,GAASC,MACvBH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,cAAc,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAEzCE,EAAS,KAAK,CAACC,MAAaH,EAAI,OAAOG,EAAS,EAAE,IAC3C;AAAA,MACH,cAAcD,EAAS;AAAA,QACnB,CAACC,MAAaA,EAAS,OAAOH,EAAI;AAAA,MAAA;AAAA,IACtC,IAGD,EAAE,cAAcE,EAAA;AAAA,EAC3B,CACH;AAAA,EACL,kBAAkB,CAACJ,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,EACpE,iBAAiB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,EACnE,eAAe,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AACnE,EAAE;"}
+{"version":3,"file":"rolePermissionsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/store/rolePermissionsStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { User, Users, Filter } from '../types'\n\ntype Dialog = {\n    type: '' | 'edit' | 'new'\n    open: boolean\n}\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData: Filter = {\n    status: '',\n    role: '',\n}\n\nexport type RolePermissionsState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedUser: Users\n    selectedRole: string\n    roleDialog: Dialog\n}\n\ntype RolePermissionsAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedUser: (checked: boolean, customer: User) => void\n    setSelectAllUser: (payload: Users) => void\n    setSelectedRole: (payload: string) => void\n    setRoleDialog: (payload: Dialog) => void\n}\n\nconst initialState: RolePermissionsState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedUser: [],\n    selectedRole: '',\n    roleDialog: {\n        type: '',\n        open: false,\n    },\n}\n\nexport const useRolePermissionsStore = create<\n    RolePermissionsState & RolePermissionsAction\n>((set) => ({\n    ...initialState,\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setSelectedUser: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedUser\n            if (checked) {\n                return { selectedUser: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevUser) => row.id === prevUser.id)) {\n                    return {\n                        selectedUser: prevData.filter(\n                            (prevUser) => prevUser.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedUser: prevData }\n            }\n        }),\n    setSelectAllUser: (payload) => set(() => ({ selectedUser: payload })),\n    setSelectedRole: (payload) => set(() => ({ selectedRole: payload })),\n    setRoleDialog: (payload) => set(() => ({ roleDialog: payload })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useRolePermissionsStore","create","set","payload","checked","row","state","prevData","prevUser"],"mappings":";AASO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAA4B;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACV,GAmBMC,IAAqC;AAAA,EACvC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,cAAc,CAAA;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaE,IAA0BC,EAErC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,cAAc,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,eAAe,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,iBAAiB,CAACC,GAASC,MACvBH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,cAAc,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAEzCE,EAAS,KAAK,CAACC,MAAaH,EAAI,OAAOG,EAAS,EAAE,IAC3C;AAAA,MACH,cAAcD,EAAS;AAAA,QACnB,CAACC,MAAaA,EAAS,OAAOH,EAAI;AAAA,MAAA;AAAA,IACtC,IAGD,EAAE,cAAcE,EAAA;AAAA,EAE/B,CAAC;AAAA,EACL,kBAAkB,CAACJ,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,EACpE,iBAAiB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,EACnE,eAAe,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AACnE,EAAE;"}

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":["Profile","lazy","Security","Notification","Billing","Integration","Settings","currentView","useSettingsStore","smaller","larger","useResponsive","AdaptiveCard","jsxs","jsx","SettingsMenu","SettingMobileMenu","Suspense","Fragment"],"mappings":";;;;;;;AAOA,MAAMA,IAAUC,EAAK,MAAM,OAAO,iCAA8B,CAAC,GAC3DC,IAAWD,EAAK,MAAM,OAAO,kCAA+B,CAAC,GAC7DE,IAAeF,EAAK,MAAM,OAAO,sCAAmC,CAAC,GACrEG,IAAUH,EAAK,MAAM,OAAO,iCAA8B,CAAC,GAC3DI,IAAcJ,EAAK,MAAM,OAAO,oCAAiC,CAAC,GAElEK,IAAW,MAAM;AACnB,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB,EAAE,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AAE5B,2BACKC,GAAA,EAAa,WAAU,UACpB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACV,UAAA;AAAA,IAAAH,EAAO,MACJ,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAACC,KAAa,EAAA,CAClB;AAAA,IAEJ,gBAAAF,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAJ,EAAQ,MACL,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACE,KAAkB,EAAA,CACvB;AAAA,MAEJ,gBAAAH,EAACI,GAAA,EAAS,UAAU,gBAAAH,EAAAI,GAAA,CAAA,CAAE,GACjB,UAAA;AAAA,QAAAX,MAAgB,+BAAcP,GAAA,CAAA,CAAQ;AAAA,QACtCO,MAAgB,cAAc,gBAAAO,EAACZ,GAAA,CAAA,CAAS;AAAA,QACxCK,MAAgB,kBAAkB,gBAAAO,EAACX,GAAA,CAAA,CAAa;AAAA,QAChDI,MAAgB,aAAa,gBAAAO,EAACV,GAAA,CAAA,CAAQ;AAAA,QACtCG,MAAgB,iBAAiB,gBAAAO,EAACT,GAAA,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":["Profile","lazy","Security","Notification","Billing","Integration","Settings","currentView","useSettingsStore","smaller","larger","useResponsive","AdaptiveCard","jsxs","jsx","SettingsMenu","SettingMobileMenu","Suspense","Fragment"],"mappings":";;;;;;;AAOA,MAAMA,IAAUC,EAAK,MAAM,OAAO,iCAA8B,CAAC,GAC3DC,IAAWD,EAAK,MAAM,OAAO,kCAA+B,CAAC,GAC7DE,IAAeF,EAAK,MAAM,OAAO,sCAAmC,CAAC,GACrEG,IAAUH,EAAK,MAAM,OAAO,iCAA8B,CAAC,GAC3DI,IAAcJ,EAAK,MAAM,OAAO,oCAAiC,CAAC,GAElEK,IAAW,MAAM;AACnB,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB,EAAE,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AAE5B,2BACKC,GAAA,EAAa,WAAU,UACpB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACV,UAAA;AAAA,IAAAH,EAAO,MACJ,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAACC,KAAa,EAAA,CAClB;AAAA,IAEJ,gBAAAF,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAJ,EAAQ,MACL,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACE,KAAkB,EAAA,CACvB;AAAA,MAEJ,gBAAAH,EAACI,GAAA,EAAS,UAAU,gBAAAH,EAAAI,GAAA,CAAA,CAAE,GACjB,UAAA;AAAA,QAAAX,MAAgB,+BAAcP,GAAA,CAAA,CAAQ;AAAA,QACtCO,MAAgB,cAAc,gBAAAO,EAACZ,GAAA,CAAA,CAAS;AAAA,QACxCK,MAAgB,kBAAkB,gBAAAO,EAACX,GAAA,CAAA,CAAa;AAAA,QAChDI,MAAgB,aAAa,gBAAAO,EAACV,GAAA,CAAA,CAAQ;AAAA,QACtCG,MAAgB,iBAAiB,gBAAAO,EAACT,GAAA,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":["Tr","Th","Td","THead","TBody","Table","statusColor","columnHelper","createColumnHelper","columns","props","row","jsx","jsxs","Badge","dayjs","NumericFormat","BillingHistory","data","rest","table","useReactTable","getCoreRowModel","headerGroup","header","flexRender","cell"],"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":["Tr","Th","Td","THead","TBody","Table","statusColor","columnHelper","createColumnHelper","columns","props","row","jsx","jsxs","Badge","dayjs","NumericFormat","BillingHistory","data","rest","table","useReactTable","getCoreRowModel","headerGroup","header","flexRender","cell"],"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":["SettingIntegration","selectedIntegration","setSelectedIntegration","useState","data","mutate","useSWR","apiGetSettingsIntergration","handleToggle","bool","id","newData","app","handleDialogClose","jsx","index","jsxs","classNames","isLastChild","Avatar","Button","Switcher","val","Dialog","TbRosetteDiscountCheckFilled","TbCircleCheckFilled"],"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":["SettingIntegration","selectedIntegration","setSelectedIntegration","useState","data","mutate","useSWR","apiGetSettingsIntergration","handleToggle","bool","id","newData","app","handleDialogClose","jsx","index","jsxs","classNames","isLastChild","Avatar","Button","Switcher","val","Dialog","TbRosetteDiscountCheckFilled","TbCircleCheckFilled"],"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":["SettingMobileMenu","drawerRef","useRef","jsx","Fragment","ToggleDrawer","SettingsMenu","_a"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAwB,IAAI;AAE9C,SACI,gBAAAC,EAAAC,GAAA,EACI,4BAAC,OAAA,EACG,UAAA,gBAAAD,EAACE,KAAa,KAAKJ,GAAW,OAAM,cAChC,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;;AACZ,SAAAC,IAAAN,EAAU,YAAV,QAAAM,EAAmB;AAAA,MAAkB;AAAA,IACzC;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":["SettingMobileMenu","drawerRef","useRef","jsx","Fragment","ToggleDrawer","SettingsMenu","_a"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAwB,IAAI;AAE9C,SACI,gBAAAC,EAAAC,GAAA,EACI,4BAAC,OAAA,EACG,UAAA,gBAAAD,EAACE,KAAa,KAAKJ,GAAW,OAAM,cAChC,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;;AACZ,SAAAC,IAAAN,EAAU,YAAV,QAAAM,EAAmB;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":["months","SettingsBilling","navigate","useNavigate","selectedCard","setSelectedCard","useState","data","useSWR","apiGetSettingsBilling","handleEditCreditCard","card","handleCreditCardDialogClose","handleEditCreditCardSubmit","sleep","toast","jsx","Notification","handleAddCreditCardSubmit","values","handleChangePlan","jsxs","Avatar","PiLightningFill","Tag","dayjs","NumericFormat","Button","_a","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"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":["months","SettingsBilling","navigate","useNavigate","selectedCard","setSelectedCard","useState","data","useSWR","apiGetSettingsBilling","handleEditCreditCard","card","handleCreditCardDialogClose","handleEditCreditCardSubmit","sleep","toast","jsx","Notification","handleAddCreditCardSubmit","values","handleChangePlan","jsxs","Avatar","PiLightningFill","Tag","dayjs","NumericFormat","Button","_a","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"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":["MenuItem","Menu","menuList","jsx","TbUserSquare","TbLock","TbBell","TbFileDollar","TbRefreshDot","SettingsMenu","onChange","query","useQuery","currentView","setCurrentView","useSettingsStore","currentPath","handleSelect","value","ScrollBar","menu","jsxs"],"mappings":";;;;;;;AAcA,MAAM,EAAE,UAAAA,MAAaC,GAEfC,IAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAC,EAACC,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAD,EAACE,KAAO,EAAA;AAAA,EACtD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,gBAAAF,EAACG,KAAO,EAAA;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAJ,EAACK,KAAa,EAAA;AACtE,GAEaC,IAAe,CAAC,EAAE,UAAAC,QAA0C;AACrE,QAAMC,IAAQC,EAAA,GAER,EAAE,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAA,GAElCC,IAAcL,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DM,IAAe,CAACC,MAAgB;AAClC,IAAAJ,EAAeI,CAAK,GACpBR,KAAA,QAAAA;AAAA,EAAW;AAGf,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAU,wCACX,4BAACgB,GAAA,EAAU,WAAU,0BACjB,UAAA,gBAAAhB,EAACF,KAAK,WAAU,cACX,UAAAC,EAAS,IAAI,CAACkB,MACX,gBAAAC;AAAA,IAACrB;AAAA,IAAA;AAAA,MAEG,UAAUoB,EAAK;AAAA,MACf,WAAW,QACPP,MAAgBO,EAAK,QACf,iCACA,EACV;AAAA,MACA,UAAUJ,MAAgBI,EAAK;AAAA,MAC/B,UAAU,MAAMH,EAAaG,EAAK,KAAK;AAAA,MAEvC,UAAA;AAAA,QAAA,gBAAAjB,EAAC,QAAA,EAAK,WAAU,8BACX,UAAAiB,EAAK,MACV;AAAA,QACA,gBAAAjB,EAAC,QAAA,EAAM,UAAAiB,EAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAbbA,EAAK;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":["MenuItem","Menu","menuList","jsx","TbUserSquare","TbLock","TbBell","TbFileDollar","TbRefreshDot","SettingsMenu","onChange","query","useQuery","currentView","setCurrentView","useSettingsStore","currentPath","handleSelect","value","ScrollBar","menu","jsxs"],"mappings":";;;;;;;AAcA,MAAM,EAAE,UAAAA,MAAaC,GAEfC,IAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAC,EAACC,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAD,EAACE,KAAO,EAAA;AAAA,EACtD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,gBAAAF,EAACG,KAAO,EAAA;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAJ,EAACK,KAAa,EAAA;AACtE,GAEaC,IAAe,CAAC,EAAE,UAAAC,QAA0C;AACrE,QAAMC,IAAQC,EAAA,GAER,EAAE,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAA,GAElCC,IAAcL,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DM,IAAe,CAACC,MAAgB;AAClC,IAAAJ,EAAeI,CAAK,GACpBR,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAU,wCACX,4BAACgB,GAAA,EAAU,WAAU,0BACjB,UAAA,gBAAAhB,EAACF,KAAK,WAAU,cACX,UAAAC,EAAS,IAAI,CAACkB,MACX,gBAAAC;AAAA,IAACrB;AAAA,IAAA;AAAA,MAEG,UAAUoB,EAAK;AAAA,MACf,WAAW,QACPP,MAAgBO,EAAK,QACf,iCACA,EACV;AAAA,MACA,UAAUJ,MAAgBI,EAAK;AAAA,MAC/B,UAAU,MAAMH,EAAaG,EAAK,KAAK;AAAA,MAEvC,UAAA;AAAA,QAAA,gBAAAjB,EAAC,QAAA,EAAK,WAAU,8BACX,UAAAiB,EAAK,MACV;AAAA,QACA,gBAAAjB,EAAC,QAAA,EAAM,UAAAiB,EAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAbbA,EAAK;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":["emailNotificationOption","notifyMeOption","SettingsNotification","data","mutate","useSWR","apiGetSettingsNotification","handleEmailNotificationOptionChange","values","newData","cloneDeep","handleEmailNotificationOptionCheckAll","value","handleDesktopNotificationCheck","handleUnreadMessagebadgeCheck","handleNotifyMeChange","jsx","jsxs","Switcher","Radio","option","TbMessageCircleCheck","Checkbox"],"mappings":"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"}
+{"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":["emailNotificationOption","notifyMeOption","SettingsNotification","data","mutate","useSWR","apiGetSettingsNotification","handleEmailNotificationOptionChange","values","newData","cloneDeep","handleEmailNotificationOptionCheckAll","value","handleDesktopNotificationCheck","handleUnreadMessagebadgeCheck","handleNotifyMeChange","jsx","jsxs","Switcher","Radio","option","TbMessageCircleCheck","Checkbox"],"mappings":";;;;;;;;;AAeA,MAAMA,IAIA;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,GAEMC,IAIA;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,GAEMC,IAAuB,MAAM;AAC/B,QAAM;AAAA,IACF,MAAAC,IAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,SAAS;AAAA,MACT,oBAAoB;AAAA,MACpB,eAAe;AAAA,IAAA;AAAA,IAEnB,QAAAC;AAAA,EAAA,IACAC;AAAA,IACA;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAsC,CAACC,MAAqB;AAC9D,UAAMC,IAAUC,EAAUP,CAAI;AAC9B,IAAAM,EAAQ,QAAQD,GAChBJ,EAAOK,GAAS,EAAK;AAAA,EACzB,GAEME,IAAwC,CAACC,MAAmB;AAC9D,UAAMH,IAAUC,EAAUP,CAAI;AAC9B,IAAIS,IACAH,EAAQ,QAAQ;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IAGJA,EAAQ,QAAQ,CAAA,GAGpBL,EAAOK,GAAS,EAAK;AAAA,EACzB,GAEMI,IAAiC,CAACD,MAAmB;AACvD,UAAMH,IAAUC,EAAUP,CAAI;AAC9B,IAAAM,EAAQ,UAAUG,GAClBR,EAAOK,GAAS,EAAK;AAAA,EACzB,GAEMK,IAAgC,CAACF,MAAmB;AACtD,UAAMH,IAAUC,EAAUP,CAAI;AAC9B,IAAAM,EAAQ,qBAAqBG,GAC7BR,EAAOK,GAAS,EAAK;AAAA,EACzB,GAEMM,IAAuB,CAACH,MAAkB;AAC5C,UAAMH,IAAUC,EAAUP,CAAI;AAC9B,IAAAM,EAAQ,gBAAgBG,GACxBR,EAAOK,GAAS,EAAK;AAAA,EACzB;AAEA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,IAChB,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAG,UAAA,8BAAA,CAA2B;AAAA,UAC/B,gBAAAA,EAAC,OAAE,UAAA,kEAAA,CAGH;AAAA,QAAA,GACJ;AAAA,0BACC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,SAASf,EAAK;AAAA,YACd,UAAUU;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAG,UAAA,mCAAA,CAAgC;AAAA,UACpC,gBAAAA,EAAC,OAAE,UAAA,mFAAA,CAGH;AAAA,QAAA,GACJ;AAAA,0BACC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,SAASf,EAAK;AAAA,YACd,UAAUW;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,QAAA,gBAAAD,EAAC,QAAG,UAAA,mCAAA,CAAgC;AAAA,QACpC,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,UAACG,EAAM;AAAA,UAAN;AAAA,YACG,UAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAOhB,EAAK;AAAA,YACZ,UAAUY;AAAA,YAET,YAAe,IAAI,CAACK,MACjB,gBAAAH,EAAC,OAAA,EAAuB,WAAU,cAC9B,UAAA;AAAA,cAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAA,EAACG,KAAM,OAAOC,EAAO,OAAO,EAAA,CAChC;AAAA,cACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,gBAAA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACK,GAAA,EAAqB,WAAU,WAAU,EAAA,CAC9C;AAAA,kCACC,OAAA,EACG,UAAA;AAAA,kBAAA,gBAAAL,EAAC,MAAA,EAAI,YAAO,MAAA,CAAM;AAAA,kBAClB,gBAAAA,EAAC,KAAA,EAAG,UAAAI,EAAO,KAAA,CAAK;AAAA,gBAAA,EAAA,CACpB;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA,EAAA,GAZMA,EAAO,KAajB,CACH;AAAA,UAAA;AAAA,QAAA,EACL,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAG,UAAA,qBAAA,CAAkB;AAAA,UACtB,gBAAAA,EAAC,OAAE,UAAA,uEAAA,CAGH;AAAA,QAAA,GACJ;AAAA,0BACC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,SAASf,EAAK,MAAM,SAAS;AAAA,YAC7B,UAAUQ;AAAA,UAAA;AAAA,QAAA,EACd,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAK;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UACG,UAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAOnB,EAAK;AAAA,UACZ,UAAUI;AAAA,UAET,YAAwB,IAAI,CAACa,MAC1B,gBAAAH,EAAC,OAAA,EAAuB,WAAU,cAC9B,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAA,EAACM,KAAS,OAAOF,EAAO,OAAO,EAAA,CACnC;AAAA,8BACC,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAJ,EAAC,MAAA,EAAI,YAAO,MAAA,CAAM;AAAA,cAClB,gBAAAA,EAAC,KAAA,EAAG,UAAAI,EAAO,KAAA,CAAK;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,GAPMA,EAAO,KAQjB,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}