@antscorp/antsomi-ui 1.3.5-beta.419 → 1.3.5-beta.420

package/es/components/organism/DataTable/components/Table/ResizableCell.js

@@ -13,17 +13,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useMemo } from 'react';
 import { Resizable } from 'react-resizable';
 import { MIN_COLUMN_WIDTH } from '../../constants';
-// Components
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
 export const ResizableCell = props => {
     var _a;
-    const { width, handleProps, disableResize, children, style, fixed, index, tableRef, onResize, onResizeStop } = props, restProps = __rest(props, ["width", "handleProps", "disableResize", "children", "style", "fixed", "index", "tableRef", "onResize", "onResizeStop"]);
+    const { width, handleProps, disableResize, children, style, fixed, index, tableRef, onResize, onResizeStop, onClick = () => { } } = props, restProps = __rest(props, ["width", "handleProps", "disableResize", "children", "style", "fixed", "index", "tableRef", "onResize", "onResizeStop", "onClick"]);
+    // Ref
+    const isResizing = React.useRef(false);
     // Memos
     const columnStyle = useMemo(() => (Object.assign(Object.assign({}, style), { zIndex: fixed ? 100 - (index || 0) : undefined })), [style, fixed, index]);
+    const CellHeaderContent = children;
     const isRowSelectionCol = (_a = props === null || props === void 0 ? void 0 : props.className) === null || _a === void 0 ? void 0 : _a.includes('antsomi-table-selection-column');
     if (isRowSelectionCol || !width || disableResize) {
-        return (React.createElement("th", Object.assign({}, restProps, { style: columnStyle }),
-            React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, children)));
+        return (React.createElement("th", Object.assign({}, restProps, { style: columnStyle, onClick: onClick }), CellHeaderContent));
     }
     const toggleCellClass = (className = 'resizable-cell') => {
         var _a, _b;
@@ -37,8 +37,28 @@ export const ResizableCell = props => {
     };
     return (React.createElement(Resizable, { width: width || 0, height: 0, minConstraints: [MIN_COLUMN_WIDTH, 0], handle: React.createElement("div", { className: "resizable-handle-wrapper", onClick: e => {
                 e.stopPropagation();
+            }, 
+            // onMouseEnter={() => toggleCellClass()}
+            onMouseLeave: e => {
+                e.stopPropagation();
             } },
-            React.createElement("span", Object.assign({ className: "resizable-handle" }, handleProps))), onResize: (...args) => onResize && onResize(...args), onResizeStop: (...args) => onResizeStop && onResizeStop(...args), draggableOpts: { enableUserSelectHack: true } },
-        React.createElement("th", Object.assign({}, restProps, { style: columnStyle }),
-            React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, children))));
+            React.createElement("span", Object.assign({ className: "resizable-handle" }, handleProps))), onResize: (...args) => {
+            if (onResize) {
+                onResize(...args);
+            }
+        }, onResizeStart: () => {
+            isResizing.current = true;
+        }, onResizeStop: (...args) => {
+            setTimeout(() => {
+                isResizing.current = false;
+            });
+            if (onResizeStop) {
+                onResizeStop(...args);
+            }
+        }, draggableOpts: { enableUserSelectHack: false } },
+        React.createElement("th", Object.assign({}, restProps, { style: columnStyle, onClick: e => {
+                if (!isResizing.current) {
+                    onClick(e);
+                }
+            } }), CellHeaderContent)));
 };

package/es/components/organism/DataTable/components/Table/index.js

@@ -68,7 +68,7 @@ export const Table = memo(() => {
             });
         }
     }, [(_a = tableProps.columns) === null || _a === void 0 ? void 0 : _a.map(col => col.width), columnWidths]);
-    return (React.createElement(StyledTable, Object.assign({}, tableProps, { virtual: true, ref: ref => {
+    return (React.createElement(StyledTable, Object.assign({}, tableProps, { ref: ref => {
             tableRef.current = ref === null || ref === void 0 ? void 0 : ref.nativeElement;
         }, scroll: Object.assign(Object.assign({}, scroll), { y: (scroll === null || scroll === void 0 ? void 0 : scroll.y) || '500px', x: (scroll === null || scroll === void 0 ? void 0 : scroll.x) || '100%' }), components: {
             header: Object.assign({ cell: ResizableCell }, (_b = tableProps === null || tableProps === void 0 ? void 0 : tableProps.components) === null || _b === void 0 ? void 0 : _b.header),
@@ -89,7 +89,7 @@ export const Table = memo(() => {
                 index,
                 onResize: onResize(index),
                 onResizeStop: onResizeStop(index),
-            }) }))), bordered: true, pagination: false, loading: {
+            }) }))), bordered: true, showSorterTooltip: false, sortDirections: ['descend', 'ascend'], pagination: false, loading: {
             indicator: React.createElement(Spin, null),
             spinning: !!tableProps.loading,
         }, tableLayout: "fixed" })));

package/es/components/organism/DataTable/constants/common.d.ts

@@ -6,4 +6,8 @@ declare const DEFAULT_ROW_SELECTION_WIDTH = 47;
 declare const DEFAULT_TOGGLE_WIDTH = 55;
 declare const DEFAULT_COLUMN_WIDTHS: number[];
 declare const DEFAULT_CELL_EMPTY = "--";
-export { DATA_TABLE_DEFAULT_NAME, DATA_TABLE_PREFIX, DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_SELECTION_WIDTH, MIN_COLUMN_WIDTH, DEFAULT_COLUMN_WIDTHS, DEFAULT_TOGGLE_WIDTH, DEFAULT_CELL_EMPTY, };
+declare const SORT_MAP: {
+    ascend: string;
+    descend: string;
+};
+export { DATA_TABLE_DEFAULT_NAME, DATA_TABLE_PREFIX, DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_SELECTION_WIDTH, MIN_COLUMN_WIDTH, DEFAULT_COLUMN_WIDTHS, DEFAULT_TOGGLE_WIDTH, DEFAULT_CELL_EMPTY, SORT_MAP, };

package/es/components/organism/DataTable/constants/common.js

@@ -7,4 +7,8 @@ const DEFAULT_ROW_SELECTION_WIDTH = 47;
 const DEFAULT_TOGGLE_WIDTH = 55;
 const DEFAULT_COLUMN_WIDTHS = [DEFAULT_FIRST_COLUMN_WIDTH].concat(Array.from({ length: 20 }, () => DEFAULT_COLUMN_WIDTH));
 const DEFAULT_CELL_EMPTY = '--';
-export { DATA_TABLE_DEFAULT_NAME, DATA_TABLE_PREFIX, DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_SELECTION_WIDTH, MIN_COLUMN_WIDTH, DEFAULT_COLUMN_WIDTHS, DEFAULT_TOGGLE_WIDTH, DEFAULT_CELL_EMPTY, };
+const SORT_MAP = {
+    ascend: 'asc',
+    descend: 'desc',
+};
+export { DATA_TABLE_DEFAULT_NAME, DATA_TABLE_PREFIX, DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_SELECTION_WIDTH, MIN_COLUMN_WIDTH, DEFAULT_COLUMN_WIDTHS, DEFAULT_TOGGLE_WIDTH, DEFAULT_CELL_EMPTY, SORT_MAP, };

package/es/components/organism/DataTable/hooks/useDataTableListing/useDataTableListing.d.ts

@@ -3,6 +3,7 @@ import { useGetColumnMetrics, useGetFilterMetricList, useGetModifyColumnList, us
 import { UseDataTableListingProps } from './types';
 import { FilterItem, FilterProps, TColumnActionButton, TSearchActionButton, TableProps } from '../../types';
 import { PaginationProps } from '../../components';
+import { SorterResult } from 'antd/es/table/interface';
 interface TUseDataTableListing<TTableType = any> {
     modifyColumn: TColumnActionButton;
     filter: FilterProps;
@@ -27,6 +28,7 @@ type TState<TTableType = any> = {
     table: TableProps<TTableType>;
     selectedRowKeys: React.Key[];
     searchValue?: string;
+    sorter?: SorterResult<TTableType>;
 };
 export declare function useDataTableListing<TTableType = Record<string, any>, TSearchType = any>(props: UseDataTableListingProps<TTableType, TSearchType>): TUseDataTableListing<TTableType>;
 export {};

package/es/components/organism/DataTable/hooks/useDataTableListing/useDataTableListing.js

@@ -29,7 +29,7 @@ import { Typography, Switch, Flex } from '@antscorp/antsomi-ui/es/components/ato
 // Constants
 import { COLUMN_DOMAIN, globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { MODIFY_COLUMN_DISABLE_EDITABLE, MODIFY_COLUMN_DISABLE_REMOVE, SAVED_FILTER_DEFAULT, TABLE_LISTING_PREFIX, } from './constants';
-import { DEFAULT_CELL_EMPTY, DEFAULT_TOGGLE_WIDTH } from '../../constants';
+import { DEFAULT_CELL_EMPTY, DEFAULT_TOGGLE_WIDTH, SORT_MAP } from '../../constants';
 // Hooks
 import { useDeepCompareEffect, useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks';
 import { useCreateModifyColumn, useDeleteModifyColumn, useDeleteSavedFilter, useGetColumnMetrics, useGetFilterMetricList, useGetModifyColumnList, useGetSavedFilterList, useGetSearchListing, useGetTableListing, useSaveFilter, useUpdateFilter, useUpdateModifyColumn, } from '@antscorp/antsomi-ui/es/queries';
@@ -52,6 +52,7 @@ const initialState = {
     },
     selectedRowKeys: [],
     searchValue: '',
+    sorter: {},
 };
 export function useDataTableListing(props) {
     // Props
@@ -67,7 +68,7 @@ export function useDataTableListing(props) {
     const _b = apiFilter || {}, { url: filterUrl = `${COLUMN_DOMAIN[env || 'development']}/api/filter`, enabled: enabledApiFilter = true } = _b, restOfApiFilterRequest = __rest(_b, ["url", "enabled"]);
     const _c = apiListing || {}, { url: listingUrl = '', enabled: enabledApiListing = true } = _c, restOfApiListingRequest = __rest(_c, ["url", "enabled"]);
     const _d = apiSearch || {}, { url: searchUrl = '', enabled: enabledApiSearch = true } = _d, restOfApiSearchRequest = __rest(_d, ["url", "enabled"]);
-    const { filters, selectedFilterId, pagination, selectedRowKeys, searchValue, table } = state;
+    const { filters, selectedFilterId, pagination, selectedRowKeys, searchValue, table, sorter } = state;
     const { externalFilters } = filterProps || {};
     const modifyColumnAuth = Object.assign(Object.assign({}, auth), { url: columnUrl });
     const filterAuth = Object.assign(Object.assign({}, auth), { url: filterUrl });
@@ -128,11 +129,11 @@ export function useDataTableListing(props) {
     const getTableListing = useGetTableListing({
         args: {
             auth: listingAuth,
-            params: {
-                limit: pagination.pageSize,
-                page: pagination.page,
-                filter: JSON.stringify(mapFiltersToApiFilters([...(filters || []), ...(externalFilters || [])])),
-            },
+            params: Object.assign({ limit: pagination.pageSize, page: pagination.page, filter: JSON.stringify(mapFiltersToApiFilters([...(filters || []), ...(externalFilters || [])])) }, ((sorter === null || sorter === void 0 ? void 0 : sorter.order) &&
+                (sorter === null || sorter === void 0 ? void 0 : sorter.columnKey) && {
+                sort: sorter.columnKey.toString(),
+                az: SORT_MAP[sorter.order],
+            })),
             request: restOfApiListingRequest,
         },
         options: {
@@ -246,8 +247,8 @@ export function useDataTableListing(props) {
                 } }));
         }
         data = data.concat((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.map(headerCol => {
-            const { name, label, fixColumn } = headerCol;
-            return Object.assign(Object.assign({ key: name, dataIndex: name, title: label, fixed: fixColumn ? 'left' : undefined }, columns === null || columns === void 0 ? void 0 : columns[name]), { render(value, record, index) {
+            const { name, label, fixColumn, sortable } = headerCol;
+            return Object.assign(Object.assign({ key: name, dataIndex: name, title: label, fixed: fixColumn ? 'left' : undefined, sorter: !!sortable }, columns === null || columns === void 0 ? void 0 : columns[name]), { render(value, record, index) {
                     var _a;
                     const { link } = (columns === null || columns === void 0 ? void 0 : columns[name]) || {};
                     const RenderComponent = (React.createElement(Text, { ellipsis: { tooltip: true }, style: Object.assign({}, (link
@@ -439,6 +440,12 @@ export function useDataTableListing(props) {
         }
         return { success: !!status };
     }), [deleteSavedFilter, handleUpdateFilter, mapObject, selectedFilterId]);
+    /* Table */
+    const onChangeTable = useCallback((_pagination, _filters, sorter, _extra) => {
+        if (sorter) {
+            setState(prev => (Object.assign(Object.assign({}, prev), { sorter })));
+        }
+    }, []);
     /* Pagination */
     const onChangePagination = useCallback(({ page, pageSize }) => {
         handleUpdatePagination({
@@ -486,6 +493,7 @@ export function useDataTableListing(props) {
                     setState(prev => (Object.assign(Object.assign({}, prev), { selectedRowKeys })));
                 },
             },
+            onChange: onChangeTable,
             onColumnResize(data) {
                 const { index, width } = data;
                 handleUpdateTable({

package/es/components/organism/LeftMenu/components/common/ChildMenu/index.js

@@ -1,10 +1,9 @@
 // Libraries
-import React, { memo, useMemo, useState } from 'react';
+import React, { memo, useState } from 'react';
 import Icon from '@antscorp/icons';
 import { isEmpty, isNil, uniq } from 'lodash';
 import classNames from 'classnames';
 import { Link } from 'react-router-dom';
-import { Cookies } from 'react-cookie';
 // Components
 import { Dropdown, Menu } from 'antd';
 import { MenuItemImage } from './components';
@@ -39,7 +38,6 @@ const styles = {
 };
 export const ChildMenu = memo(props => {
     const { items = [], onMenuClick } = props;
-    const cookies = useMemo(() => new Cookies(), []);
     const auth = useLeftMenuContext(store => { var _a; return (_a = store.appConfig) === null || _a === void 0 ? void 0 : _a.auth; });
     const env = useLeftMenuContext(store => { var _a; return (_a = store.appConfig) === null || _a === void 0 ? void 0 : _a.env; });
     const activeAppCode = useLeftMenuContext(store => store.activeAppCode);
@@ -47,34 +45,12 @@ export const ChildMenu = memo(props => {
     const customItems = useLeftMenuContext(store => store.customItems);
     const isCustomized = useLeftMenuContext(store => store.isCustomized);
     const isRecommendation = useLeftMenuContext(store => store.isRecommendation);
-    const customActiveAppKey = useLeftMenuContext(store => store.customActiveAppKey);
     const customActiveCurrentKey = useLeftMenuContext(store => store.customActiveCurrentKey);
     const setLeftMenuState = useLeftMenuContext(store => store.setState);
-    const activeApp = useMemo(() => (isCustomized ? customActiveAppKey : activeAppCode), [activeAppCode, customActiveAppKey, isCustomized]);
-    // const leftMenuCookies = cookies.get('_leftmenu_state');
-    // const openMenuKeys = cookies.get('_leftmenu_state')?.openMenuKeys?.[activeApp] || [];
     const [currentActiveItem, setCurrentActiveItem] = useState('');
     const [openKeys, setOpenKeys] = useState([]);
     const { pathname, hash } = window.location;
     const { isPushDifferentDomain, getPath, navigatePath } = useNavigatePath();
-    // useLayoutEffect(() => {
-    //   if (activeApp)
-    //     cookies.set(
-    //       '_leftmenu_state',
-    //       {
-    //         ...leftMenuCookies,
-    //         openMenuKeys: {
-    //           ...leftMenuCookies?.openMenuKeys,
-    //           [activeApp]: uniq(openKeys?.filter(item => item !== activeApp)),
-    //         },
-    //       },
-    //       {
-    //         domain: 'antsomi.com',
-    //         // domain: origin.split('.').slice(-2).join('.'),
-    //         path: '/; samesite=None',
-    //       },
-    //     );
-    // }, [activeApp, cookies, leftMenuCookies, openKeys]);
     useDeepCompareEffect(() => {
         var _a;
         switch (true) {

package/es/components/organism/LeftMenu/hooks/useLeftMenu.js

@@ -39,9 +39,8 @@ export const useLeftMenu = (props) => {
     const setLeftMenuContextState = useLeftMenuContext(store => store.setState);
     const { auth, env } = appConfig || {};
     const timeoutPopover = useRef(null);
-    const leftMenuCookies = cookies.get('_leftmenu_state');
-    console.log({ leftMenuCookies });
-    const isOpenMenu = !isNil(leftMenuCookies === null || leftMenuCookies === void 0 ? void 0 : leftMenuCookies.expand) ? leftMenuCookies === null || leftMenuCookies === void 0 ? void 0 : leftMenuCookies.expand : true;
+    const openLeftMenuCookies = cookies.get('_leftmenu_state');
+    const isOpenMenu = !isNil(openLeftMenuCookies) ? Boolean(openLeftMenuCookies) : true;
     const [state, setState] = useState({
         hoverItem: '',
         isShowPopover: false,
@@ -63,7 +62,7 @@ export const useLeftMenu = (props) => {
                 secure: true,
             });
         }
-    }, [leftMenuCookies, origin, state.isExpandMenu]);
+    }, [openLeftMenuCookies, origin, state.isExpandMenu]);
     useDeepCompareEffect(() => {
         setLeftMenuContextState({
             appConfig,

package/es/components/organism/LeftMenu/hooks/useNavigatePath.js

@@ -47,7 +47,6 @@ export const useNavigatePath = () => {
     }, [auth, searchParams]);
     const navigatePath = useCallback((domain, path) => {
         const newDomain = isNil(domain) || env === ENV.DEV ? '' : domain;
-        console.log({ name: 'navigatePath', path, domain });
         window.location.assign(getGeneratePath(`${newDomain}${path}${searchParams}`, auth));
     }, [auth, env, searchParams]);
     return { isPushDifferentDomain, getPath, navigatePath };

package/es/components/template/Layout/Layout.js

@@ -11,8 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 // Libraries
 import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { useContextSelector } from 'use-context-selector';
 import AntsProcessingNotification from '@antscorp/processing-notification';
 import { cloneDeep, merge, omit } from 'lodash';
+import isEqual from 'react-fast-compare';
 // Styled
 import { ChildrenWrapper, ContentWrapper, LayoutWrapper, NotificationWrapper } from './styled';
 // Components
@@ -20,7 +22,7 @@ import { LeftMenu } from '../../organism';
 import { Flex } from '../../atoms';
 import { HeaderV2 } from '../../molecules';
 // Contexts
-import { useAppConfigContext } from '../../..';
+import { AppConfigContext } from '../../..';
 // Constants
 import { APP_CODES, APP_IAM_DOMAIN, APP_PERMISSION_DOMAIN, IAM_API, PERMISSION_API, PORTALS_IDS, SOCKET_API, } from '../../../constants';
 // Css
@@ -35,8 +37,8 @@ const { DATAFLOWS, APP_ANTALYSER } = APP_CODES;
 export const Layout = memo(props => {
     const { leftMenuProps, headerProps = {}, workspaceProps, contentWrapperProps, processingNotificationProps, children, onActiveMenuChange, } = props;
     const _a = workspaceProps || {}, { workspaceContentProps } = _a, restOfWorkspaceProps = __rest(_a, ["workspaceContentProps"]);
-    const { appConfig } = useAppConfigContext();
-    const { auth, languageCode, appCode, permissionDomain: configPermissionDomain, iamDomain: configIamDomain, env, } = appConfig || {};
+    const appConfig = useContextSelector(AppConfigContext, state => state);
+    const { auth, languageCode, appCode, permissionDomain: configPermissionDomain, iamDomain: configIamDomain, env, } = appConfig;
     const { token, userId, portalId } = auth || {};
     const leftMenu = useLayoutStore(store => store.state.leftMenu);
     const header = useLayoutStore(store => store.state.header);
@@ -50,7 +52,6 @@ export const Layout = memo(props => {
     // Hooks
     useMutationObserver(() => {
         if (notificationWrapperRef.current) {
-            console.log('dfjdsoifjdsoijoi');
             const child = notificationWrapperRef.current.querySelector('div');
             setNoSpaceTopContent(!!child);
         }
@@ -138,4 +139,4 @@ export const Layout = memo(props => {
                     React.createElement(AntsProcessingNotification, Object.assign({}, antsProcessingNotificationConfig))),
                 React.createElement(ChildrenWrapper, Object.assign({}, workspaceContentProps),
                     React.createElement("div", null, children))))))));
-});
+}, (prevProps, nextProps) => isEqual(prevProps, nextProps));

package/es/services/DataTable/index.d.ts

@@ -78,6 +78,8 @@ export type TGetTableListingArgs = {
         limit?: number;
         page?: number;
         filter?: string;
+        sort?: string;
+        az?: string;
     };
     request?: AxiosRequestConfig<any>;
 };

package/es/tests/DataTableTest.js

@@ -6,6 +6,7 @@ import { DataTable } from '../components/organism/DataTable';
 import { Popover } from '../components';
 // Styled
 import { TableTestWrapper } from './styled';
+// Constants
 import { random } from '../utils';
 import { useDataTableListing } from '../components/organism/DataTable/hooks/useDataTableListing';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
@@ -140,7 +141,7 @@ export const DataTableTest = () => {
     }, []);
     return (React.createElement(BrowserRouter, null,
         React.createElement(TableTestWrapper, null,
-            React.createElement(DataTable, { table: table, filter: Object.assign(Object.assign({}, filter), { actionButtons: {
+            React.createElement(DataTable, { table: Object.assign(Object.assign({}, table), { rowSelection: undefined }), filter: Object.assign(Object.assign({}, filter), { actionButtons: {
                         SAVE: {},
                         RESET: {},
                     } }), toolbar: {

package/es/utils/index.d.ts

@@ -6,4 +6,3 @@ export * from './styles';
 export * from './variables';
 export * from './actionButtons';
 export * from './dataTable';
-export * from './cookies';

package/es/utils/index.js

@@ -6,4 +6,3 @@ export * from './styles';
 export * from './variables';
 export * from './actionButtons';
 export * from './dataTable';
-export * from './cookies';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.419",
+  "version": "1.3.5-beta.420",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",

package/es/utils/cookies.d.ts

@@ -1,14 +0,0 @@
-/**
- * Sets a cookie with the specified name, value, expiration days, and domain.
- *
- * @param {string} name - The name of the cookie.
- * @param {any} value - The value to be stored in the cookie.
- * @param {number} exdays - The number of days until the cookie expires.
- * @param {string} domain - The domain associated with the cookie.
- */
-export declare const setCookie: (args: {
-    name: string;
-    value: any;
-    exdays: number;
-    domain: string;
-}) => void;

package/es/utils/cookies.js

@@ -1,33 +0,0 @@
-import { get } from 'lodash';
-// Utils
-import { handleError } from './handleError';
-const PATH = 'src/utils/cookies.ts';
-/**
- * Sets a cookie with the specified name, value, expiration days, and domain.
- *
- * @param {string} name - The name of the cookie.
- * @param {any} value - The value to be stored in the cookie.
- * @param {number} exdays - The number of days until the cookie expires.
- * @param {string} domain - The domain associated with the cookie.
- */
-export const setCookie = (args) => {
-    try {
-        const { name, value, exdays, domain } = args;
-        const { protocol = 'https:' } = get(window, 'location', '') || {};
-        const d = new Date();
-        d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
-        if (protocol === 'https:') {
-            document.cookie = `${name}=${value}; Domain=${domain}; Path=/; Expires=${d.toUTCString()}; SameSite=None; Secure`;
-        }
-        else {
-            document.cookie = `${name}=${value}; Domain=${domain}; Path=/; Expires=${d.toUTCString()};`;
-        }
-    }
-    catch (error) {
-        handleError(error, {
-            path: PATH,
-            name: setCookie.name,
-            args,
-        });
-    }
-};