@tap-payments/os-micro-frontend-shared 0.1.367-test.1 → 0.1.367-test.1-test.2-test.3

package/build/components/TableHeader/TableView/types.d.ts

@@ -0,0 +1,52 @@
+import type { ColumnViewProps } from '../../../types/index.js';
+export type ViewMode = 'advanced' | 'sheet';
+export interface ViewMenuItem {
+    label: string;
+    id: string;
+    columns?: string[];
+    submenu?: ColumnViewProps[];
+    isCustom?: boolean;
+}
+export interface FieldItem {
+    code: string;
+    name: {
+        text: string;
+        lang: string;
+    }[];
+    default?: boolean;
+}
+export interface ColumnItem {
+    code: string;
+    name: {
+        text: string;
+        lang: string;
+    }[];
+    order?: number;
+    default?: boolean;
+    fields?: FieldItem[];
+}
+export interface LayoutSection {
+    code: string;
+    columns: ColumnItem[];
+}
+export interface CreateCustomViewDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onCreate?: (data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+    }) => Promise<void>;
+    availableColumns?: ColumnViewProps[];
+    isLoading?: boolean;
+    defaultColumns?: ColumnViewProps[];
+    editingView?: {
+        id: string;
+        label: string;
+        submenu?: ColumnViewProps[];
+    } | null;
+    onDelete?: (viewId: string) => Promise<void>;
+}
+export interface ColumnCheckState {
+    checked: boolean;
+    indeterminate: boolean;
+}

package/build/components/TableHeader/TableView/utils.d.ts

@@ -0,0 +1,74 @@
+import type { ColumnViewProps } from '../../../types/index.js';
+import type { LayoutSection, ViewMenuItem, ColumnCheckState, ViewMode } from './types';
+/**
+ * Transform API layout response to internal ColumnViewProps format
+ */
+export declare const transformLayoutToColumns: (layout: LayoutSection[], lang?: string) => ColumnViewProps[];
+export declare const getColumnsByMode: (mode: ViewMode) => ColumnViewProps[];
+export declare const isDateColumn: (name: string) => boolean;
+export declare const getColumnCheckState: (column: ColumnViewProps) => ColumnCheckState;
+export declare const createCustomViewMenuItem: (name: string, selectedColumns: ColumnViewProps[]) => ViewMenuItem;
+/**
+ * Initialize columns for editing mode
+ */
+export declare const initializeEditingColumns: (editingColumns: ColumnViewProps[], availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Initialize columns for create mode (all unchecked except date)
+ */
+export declare const initializeCreateColumns: (availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Reset columns to their default selection state
+ */
+export declare const resetColumnsToDefault: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a column's selection (including all children if present)
+ */
+export declare const toggleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Toggle a sub-item's selection and update parent state
+ */
+export declare const toggleSubItem: (columns: ColumnViewProps[], columnName: string, subItemName: string) => ColumnViewProps[];
+/**
+ * Select or deselect all columns (except date)
+ */
+export declare const toggleAllColumns: (columns: ColumnViewProps[], selectAll: boolean) => ColumnViewProps[];
+/**
+ * Check if all non-date columns are selected
+ */
+export declare const areAllColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) non-date columns are selected
+ */
+export declare const areSomeColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Validate template name
+ */
+export declare const isValidTemplateName: (name: string, maxLength: number) => boolean;
+/**
+ * Deep clone columns array with all nested properties
+ */
+export declare const deepCloneColumns: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a single column's selection state
+ */
+export declare const toggleSingleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Get submenu items for a view menu item
+ */
+export declare const getSubmenuItems: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Check if a view menu item has submenu
+ */
+export declare const hasSubmenu: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => boolean;
+/**
+ * Check if all columns in current state are selected
+ */
+export declare const areAllCurrentColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) columns in current state are selected
+ */
+export declare const areSomeCurrentColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Toggle all columns selection (select all or unselect all)
+ */
+export declare const toggleAllCurrentColumns: (columns: ColumnViewProps[], shouldSelect: boolean) => ColumnViewProps[];

package/build/components/TableHeader/TableView/utils.js

@@ -0,0 +1,234 @@
+import { advancedColumns, sheetColumns } from './data';
+/**
+ * Transform API layout response to internal ColumnViewProps format
+ */
+export const transformLayoutToColumns = (layout, lang = 'en') => {
+    const columns = [];
+    layout.forEach((section) => {
+        section.columns.forEach((col) => {
+            var _a, _b, _c, _d;
+            const label = ((_a = col.name.find((n) => n.lang === lang)) === null || _a === void 0 ? void 0 : _a.text) || ((_b = col.name[0]) === null || _b === void 0 ? void 0 : _b.text) || col.code;
+            const menuItems = (_c = col.fields) === null || _c === void 0 ? void 0 : _c.map((field) => {
+                var _a, _b;
+                return ({
+                    name: field.code,
+                    label: ((_a = field.name.find((n) => n.lang === lang || n.lang === '')) === null || _a === void 0 ? void 0 : _a.text) || field.code,
+                    selected: (_b = field.default) !== null && _b !== void 0 ? _b : false,
+                });
+            });
+            columns.push({
+                name: col.code,
+                label,
+                selected: (_d = col.default) !== null && _d !== void 0 ? _d : false,
+                menuItems: (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) ? menuItems : undefined,
+            });
+        });
+    });
+    return columns;
+};
+export const getColumnsByMode = (mode) => {
+    return mode === 'advanced' ? [...advancedColumns] : [...sheetColumns];
+};
+export const isDateColumn = (name) => {
+    return name.toLowerCase() === 'date';
+};
+export const getColumnCheckState = (column) => {
+    var _a, _b;
+    if (!((_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.length)) {
+        return { checked: (_b = column.selected) !== null && _b !== void 0 ? _b : false, indeterminate: false };
+    }
+    const selectedCount = column.menuItems.filter((item) => item.selected).length;
+    return {
+        checked: selectedCount > 0,
+        indeterminate: selectedCount > 0 && selectedCount < column.menuItems.length,
+    };
+};
+export const createCustomViewMenuItem = (name, selectedColumns) => ({
+    label: name,
+    id: `custom_${Date.now()}`,
+    columns: selectedColumns.map((col) => col.name),
+    submenu: selectedColumns,
+    isCustom: true,
+});
+/**
+ * Initialize columns for editing mode
+ */
+export const initializeEditingColumns = (editingColumns, availableColumns) => {
+    return availableColumns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a;
+        const savedCol = editingColumns.find((ec) => ec.name === col.name);
+        return (savedCol || Object.assign(Object.assign({}, col), { selected: false, menuItems: (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: false }))) }));
+    });
+};
+/**
+ * Initialize columns for create mode (all unchecked except date)
+ */
+export const initializeCreateColumns = (availableColumns) => {
+    return availableColumns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a;
+        return (Object.assign(Object.assign({}, col), { selected: false, menuItems: (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: false }))) }));
+    });
+};
+/**
+ * Reset columns to their default selection state
+ */
+export const resetColumnsToDefault = (columns) => {
+    return columns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, col), { selected: (_a = col.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => { var _a; return (Object.assign(Object.assign({}, item), { selected: (_a = item.selected) !== null && _a !== void 0 ? _a : false })); }) }));
+    });
+};
+/**
+ * Toggle a column's selection (including all children if present)
+ */
+export const toggleColumn = (columns, columnName) => {
+    return columns.map((col) => {
+        var _a;
+        if (col.name !== columnName)
+            return col;
+        const newSelected = !col.selected;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: newSelected })));
+        return Object.assign(Object.assign({}, col), { selected: newSelected, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Toggle a sub-item's selection and update parent state
+ */
+export const toggleSubItem = (columns, columnName, subItemName) => {
+    return columns.map((col) => {
+        var _a, _b;
+        if (col.name !== columnName)
+            return col;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (item.name === subItemName ? Object.assign(Object.assign({}, item), { selected: !item.selected }) : item));
+        const hasSelectedChildren = (_b = updatedMenuItems === null || updatedMenuItems === void 0 ? void 0 : updatedMenuItems.some((item) => item.selected)) !== null && _b !== void 0 ? _b : false;
+        return Object.assign(Object.assign({}, col), { menuItems: updatedMenuItems, selected: hasSelectedChildren });
+    });
+};
+/**
+ * Select or deselect all columns (except date)
+ */
+export const toggleAllColumns = (columns, selectAll) => {
+    return columns.map((col) => {
+        var _a;
+        if (isDateColumn(col.name))
+            return col;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: selectAll })));
+        return Object.assign(Object.assign({}, col), { selected: selectAll, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Check if all non-date columns are selected
+ */
+export const areAllColumnsSelected = (columns) => {
+    const nonDateColumns = columns.filter((col) => !isDateColumn(col.name));
+    return (nonDateColumns.length > 0 &&
+        nonDateColumns.every((col) => {
+            var _a;
+            if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+                return col.menuItems.some((item) => item.selected);
+            }
+            return col.selected;
+        }));
+};
+/**
+ * Check if some (but not all) non-date columns are selected
+ */
+export const areSomeColumnsSelected = (columns, allSelected) => {
+    const nonDateColumns = columns.filter((col) => !isDateColumn(col.name));
+    const hasAnySelected = nonDateColumns.some((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            return col.menuItems.some((item) => item.selected);
+        }
+        return col.selected;
+    });
+    return hasAnySelected && !allSelected;
+};
+/**
+ * Validate template name
+ */
+export const isValidTemplateName = (name, maxLength) => {
+    return name.trim().length > 0 && name.length <= maxLength;
+};
+/**
+ * Deep clone columns array with all nested properties
+ */
+export const deepCloneColumns = (columns) => {
+    return columns.map((col) => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, col), { selected: (_a = col.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                var _a;
+                return (Object.assign(Object.assign({}, item), { selected: (_a = item.selected) !== null && _a !== void 0 ? _a : false }));
+            }) }));
+    });
+};
+/**
+ * Toggle a single column's selection state
+ */
+export const toggleSingleColumn = (columns, columnName) => {
+    return columns.map((col) => (col.name === columnName ? Object.assign(Object.assign({}, col), { selected: !col.selected }) : col));
+};
+/**
+ * Get submenu items for a view menu item
+ */
+export const getSubmenuItems = (item, defaultColumns) => {
+    var _a;
+    if (item.isCustom && ((_a = item.submenu) === null || _a === void 0 ? void 0 : _a.length)) {
+        return item.submenu;
+    }
+    if (item.id === 'default') {
+        return defaultColumns;
+    }
+    return item.submenu || [];
+};
+/**
+ * Check if a view menu item has submenu
+ */
+export const hasSubmenu = (item, defaultColumns) => {
+    return getSubmenuItems(item, defaultColumns).length > 0;
+};
+/**
+ * Check if all columns in current state are selected
+ */
+export const areAllCurrentColumnsSelected = (columns) => {
+    if (columns.length === 0)
+        return false;
+    return columns.every((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            return col.menuItems.some((item) => item.selected);
+        }
+        return col.selected;
+    });
+};
+/**
+ * Check if some (but not all) columns in current state are selected
+ */
+export const areSomeCurrentColumnsSelected = (columns, allSelected) => {
+    if (columns.length === 0)
+        return false;
+    const hasAny = columns.some((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            return col.menuItems.some((item) => item.selected);
+        }
+        return col.selected;
+    });
+    return hasAny && !allSelected;
+};
+/**
+ * Toggle all columns selection (select all or unselect all)
+ */
+export const toggleAllCurrentColumns = (columns, shouldSelect) => {
+    return columns.map((col) => {
+        var _a;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: shouldSelect })));
+        return Object.assign(Object.assign({}, col), { selected: shouldSelect, menuItems: updatedMenuItems });
+    });
+};

package/build/components/TableHeader/type.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import type { CalenderMode, TableHeaderStatus, ColumnViewProps, TableMode, Timezone, SegmentCountry } from '../../types/index.js';
 import { AvailableStatus } from '../StatusBar/type';
 import { PartialExcept } from '../../types/index.js';
+import type { ViewMenuItem } from './TableView/types';
 type ViewsOptions = {
     default: {};
     developer: {};
@@ -44,6 +45,21 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         id: string;
         label: string;
     }) => void;
+    customViews?: ViewMenuItem[];
+    onCreateCustomView?: (data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+    }) => Promise<void>;
+    onEditCustomView?: (viewId: string, data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+    }) => Promise<void>;
+    onDeleteCustomView?: (viewId: string) => Promise<void>;
+    viewMode?: 'advanced' | 'sheet';
+    onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
+    initialTableViews?: ColumnViewProps[];
+    onCustomViewsChange?: (customViews: ViewMenuItem[]) => void;
+    initialCustomViews?: ViewMenuItem[];
     onToggleTextButtonClick?: () => void;
     children?: ReactNode;
     calendarGroupBy?: string;

package/build/components/index.d.ts

@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton, type ButtonWithDropdownProps } fr
 export { default as MultiSelectWithSearch, type MultiSelectWithSearchProps, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, type DropdownProps, type Selected, type Placement, Dropdown, NestedMenuItem } from './NestedDropdown';
 export { default as NoInternet } from './NoInternet';
-export { default as Toaster } from './Toaster';
+export { default as Notifications } from './Notifications';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressRing } from './ProgressRing';
 export * from './InputBase';

package/build/components/index.js

@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton } from './MultiSelectDropdownButto
 export { default as MultiSelectWithSearch, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, Dropdown, NestedMenuItem } from './NestedDropdown';
 export { default as NoInternet } from './NoInternet';
-export { default as Toaster } from './Toaster';
+export { default as Notifications } from './Notifications';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressRing } from './ProgressRing';
 export * from './InputBase';

package/build/constants/assets.d.ts

@@ -338,6 +338,7 @@ export declare const TAP3DSPROVIDERIcon: string;
 export declare const greyPlusIcon: string;
 export declare const greyMinusIcon: string;
 export declare const noPreviewIcon: string;
+export declare const editIcon: string;
 export declare const viewInvoiceIcon: string;
 export declare const checkoutStatusIcon: string;
 export declare const checkoutStatusBlueIcon: string;

package/build/constants/assets.js

@@ -344,6 +344,7 @@ export const TAP3DSPROVIDERIcon = `${lightUrl}/provider/TAP3DS.svg`;
 export const greyPlusIcon = `${lightUrl}/greyPlusIcon.svg`;
 export const greyMinusIcon = `${lightUrl}/greyMinusIcon.svg`;
 export const noPreviewIcon = `${lightUrl}/noPreviewIcon.svg`;
+export const editIcon = `${lightUrl}/other/editIcon.svg`;
 export const viewInvoiceIcon = `${appBaseUrl}/viewInvoice.svg`;
 export const checkoutStatusIcon = `${appBaseUrl}/checkoutStatus.svg`;
 export const checkoutStatusBlueIcon = `${appBaseUrl}/checkStatusOutBlue.svg`;

package/build/hooks/index.d.ts

@@ -13,4 +13,3 @@ export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
 export * from './useSelectedMerchantDetails';
-export * from './useToast';

package/build/hooks/index.js

@@ -13,4 +13,3 @@ export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
 export * from './useSelectedMerchantDetails';
-export * from './useToast';

package/build/types/appEvents.d.ts

@@ -1,4 +1,4 @@
-import { CalenderMode, NavigateFunction, TableMode, Timezone, ToastEventPayload } from './index.js';
+import { CalenderMode, NavigateFunction, TableMode, Timezone } from './index.js';
 import { DragControls } from 'framer-motion';
 export declare enum AppEvent {
     OnClickTableAction = "on-click-table-action",
@@ -10,7 +10,6 @@ export declare enum AppEvent {
     OnNavigate = "on-navigate",
     OnStartDrag = "on-start-drag",
     OnChangeAppToolbar = "on-change-app-toolbar",
-    OnToast = "on-toast",
     OnModifyRemotePayload = "on-modify-remote-payload"
 }
 /**
@@ -47,5 +46,4 @@ export type AppEventMap = {
         windowId: string;
         payload: object;
     }) => void;
-    [AppEvent.OnToast]: (params: ToastEventPayload) => void;
 };

package/build/types/appEvents.js

@@ -10,7 +10,6 @@ export var AppEvent;
     AppEvent["OnNavigate"] = "on-navigate";
     AppEvent["OnStartDrag"] = "on-start-drag";
     AppEvent["OnChangeAppToolbar"] = "on-change-app-toolbar";
-    AppEvent["OnToast"] = "on-toast";
     // Remote Events
     AppEvent["OnModifyRemotePayload"] = "on-modify-remote-payload";
 })(AppEvent || (AppEvent = {}));

package/build/types/index.d.ts

@@ -32,4 +32,3 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
-export * from './toast';

package/build/types/index.js

@@ -32,4 +32,3 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
-export * from './toast';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.367-test.1",
-  "testVersion": 1,
+  "version": "0.1.367-test.1-test.2-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/Toaster/Toaster.d.ts

@@ -1 +0,0 @@
-export default function Toaster(): import("react/jsx-runtime").JSX.Element;

package/build/components/Toaster/Toaster.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { Toaster as HotToaster, resolveValue } from 'react-hot-toast';
-import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
-import { Content } from './style';
-const icons = {
-    success: actionSuccessIcon,
-    error: warningInfoIcon,
-};
-export default function Toaster() {
-    return (_jsx(HotToaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
-}

package/build/components/Toaster/index.d.ts

@@ -1,2 +0,0 @@
-import Toaster from './Toaster';
-export default Toaster;

package/build/components/Toaster/index.js

@@ -1,2 +0,0 @@
-import Toaster from './Toaster';
-export default Toaster;

package/build/hooks/useToast.d.ts

@@ -1,12 +0,0 @@
-import { ToastMessage } from '../types/index.js';
-import type { ToastOptions } from 'react-hot-toast';
-export interface ToastFunction {
-    (message: ToastMessage, options?: ToastOptions): string;
-    success: (message: ToastMessage, options?: ToastOptions) => string;
-    error: (message: ToastMessage, options?: ToastOptions) => string;
-    loading: (message: ToastMessage, options?: ToastOptions) => string;
-    custom: (message: ToastMessage, options?: ToastOptions) => string;
-    dismiss: (toastId?: string) => void;
-    remove: (toastId?: string) => void;
-}
-export declare function useToast(): ToastFunction;

package/build/hooks/useToast.js

@@ -1,43 +0,0 @@
-import { useAppEventPublisher } from './index.js';
-import { AppEvent } from '../types/index.js';
-export function useToast() {
-    const publish = useAppEventPublisher(AppEvent.OnToast);
-    const generateToastId = () => crypto.randomUUID();
-    const base = ((message, options) => {
-        var _a;
-        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
-        publish({ action: 'show', variant: 'default', message, options: Object.assign(Object.assign({}, options), { id }) });
-        return id;
-    });
-    base.success = (message, options) => {
-        var _a;
-        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
-        publish({ action: 'show', variant: 'success', message, options: Object.assign(Object.assign({}, options), { id }) });
-        return id;
-    };
-    base.error = (message, options) => {
-        var _a;
-        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
-        publish({ action: 'show', variant: 'error', message, options: Object.assign(Object.assign({}, options), { id }) });
-        return id;
-    };
-    base.loading = (message, options) => {
-        var _a;
-        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
-        publish({ action: 'show', variant: 'loading', message, options: Object.assign(Object.assign({}, options), { id }) });
-        return id;
-    };
-    base.custom = (message, options) => {
-        var _a;
-        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
-        publish({ action: 'show', variant: 'custom', message, options: Object.assign(Object.assign({}, options), { id }) });
-        return id;
-    };
-    base.dismiss = (toastId) => {
-        publish({ action: 'dismiss', variant: 'dismiss', toastId });
-    };
-    base.remove = (toastId) => {
-        publish({ action: 'remove', variant: 'remove', toastId });
-    };
-    return base;
-}

package/build/types/toast.d.ts

@@ -1,16 +0,0 @@
-import type { ToastOptions, ValueOrFunction, Renderable, Toast } from 'react-hot-toast';
-export type ToastMessage = ValueOrFunction<Renderable, Toast>;
-export type ToastEventPayload = {
-    action: 'show';
-    variant: 'default' | 'success' | 'error' | 'loading' | 'custom';
-    message: ToastMessage;
-    options?: ToastOptions;
-} | {
-    variant: 'dismiss';
-    action: 'dismiss';
-    toastId?: string;
-} | {
-    variant: 'remove';
-    action: 'remove';
-    toastId?: string;
-};