@tap-payments/os-micro-frontend-shared 0.1.367 → 0.1.369-fix.1

package/build/components/VirtualTables/components/RowErrorState.d.ts

@@ -1 +1,2 @@
-export declare function RowErrorState(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare function RowErrorState(): import("react").JSX.Element;

package/build/components/VirtualTables/components/TableError.d.ts

@@ -7,5 +7,5 @@ export type TableErrorProps = {
     error: Error | null;
     triggerDataRefetch: () => Promise<unknown>;
 };
-declare const _default: import("react").MemoExoticComponent<(props: TableErrorProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: TableErrorProps) => import("react").JSX.Element>;
 export default _default;

package/build/components/VirtualTables/components/TableFooter/TableFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TableFooterProps } from '../../../../types/index.js';
-declare function TableFooter({ totalCount, showBackDrop, showSeparator, sandboxMode, maximized, ...other }: Readonly<TableFooterProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ totalCount, showBackDrop, showSeparator, sandboxMode, maximized, ...other }: Readonly<TableFooterProps>): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableFooter>;
 export default _default;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TableHeaderProps } from './type';
-declare function TableHeader({ columns, headerProps, showBackDrop, onColumnSort, columnsSorting, isSheetView }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ columns, headerProps, showBackDrop, onColumnSort, columnsSorting, isSheetView }: TableHeaderProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableHeader>;
 export default _default;

package/build/components/VirtualTables/components/TableHeader/components/TableCell/TableCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IColumnProps } from '../../../../../../types/index.js';
 import { TableHeaderProps } from '../../../../../VirtualTables/components/TableHeader';
 interface TableCellProps extends Pick<TableHeaderProps, 'onColumnSort' | 'isSheetView' | 'columnsSorting'> {
@@ -5,5 +6,5 @@ interface TableCellProps extends Pick<TableHeaderProps, 'onColumnSort' | 'isShee
     isFirst: boolean;
     isLast: boolean;
 }
-export declare function TableCell({ column: { header, id, align, headerStyle, sortable, filter, width, order }, isFirst, isLast, isSheetView, onColumnSort, columnsSorting, }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableCell({ column: { header, id, align, headerStyle, sortable, filter, width, order }, isFirst, isLast, isSheetView, onColumnSort, columnsSorting, }: TableCellProps): import("react").JSX.Element;
 export {};

package/build/components/VirtualTables/components/TableLastItem.d.ts

@@ -4,5 +4,5 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement> {
     sandboxMode?: boolean;
 }
 export declare const StyledParagraph: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-declare function TableLastItem({ height, sandboxMode, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function TableLastItem({ height, sandboxMode, ...props }: BoxProps): import("react").JSX.Element;
 export default TableLastItem;

package/build/components/VirtualTables/components/TableLoading.d.ts

@@ -7,6 +7,6 @@ interface ITableLoadingProps {
     isLoading?: boolean;
     rowsCount?: number;
 }
-declare function TableLoading({ columns, isLoaded, animationType, isLoading, rowsCount }: ITableLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function TableLoading({ columns, isLoaded, animationType, isLoading, rowsCount }: ITableLoadingProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableLoading>;
 export default _default;

package/build/components/VirtualTables/components/TableLoadingWithCard.d.ts

@@ -5,6 +5,6 @@ interface ITableLoadingProps {
     rowsCount?: number;
     cardLoadingComponent: ReactNode;
 }
-declare function TableLoadingWithCard({ isLoaded, isLoading, rowsCount, cardLoadingComponent }: ITableLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function TableLoadingWithCard({ isLoaded, isLoading, rowsCount, cardLoadingComponent }: ITableLoadingProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableLoadingWithCard>;
 export default _default;

package/build/components/VirtualTables/components/TableNoData.d.ts

@@ -10,7 +10,7 @@ interface TableNoDataProps {
     triggerDataRefetch: () => Promise<unknown>;
     footerProps: IVirtualTable['footerProps'];
 }
-declare function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }: TableNoDataProps): import("react/jsx-runtime").JSX.Element;
+declare function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }: TableNoDataProps): import("react").JSX.Element;
 declare namespace TableNoData {
     var displayName: string;
 }

package/build/components/VirtualTables/components/TableRow.d.ts

@@ -19,6 +19,6 @@ interface ITableRowProps<R = any> {
     onChipClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
     isLastRow?: boolean;
 }
-declare function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell, selectedColumn, selectedRow, selectedChip, onCellClick, isLastRow, onChipClick, }: Readonly<ITableRowProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell, selectedColumn, selectedRow, selectedChip, onCellClick, isLastRow, onChipClick, }: Readonly<ITableRowProps>): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableRow>;
 export default _default;

package/build/components/VirtualTables/components/TableRowLoading.d.ts

@@ -6,6 +6,6 @@ interface ITableRowLoadingProps {
     animationType?: AnimationType;
     style?: CSSProperties;
 }
-declare function TableRowLoading({ columns, style, index, animationType }: ITableRowLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function TableRowLoading({ columns, style, index, animationType }: ITableRowLoadingProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRowLoading>;
 export default _default;

package/build/components/VirtualTables/components/TableRowLoadingWithCard.d.ts

@@ -4,6 +4,6 @@ interface ITableRowLoadingProps {
     style?: CSSProperties;
     cardLoadingComponent: ReactNode;
 }
-declare function TableRowLoadingWithCard({ style, index, cardLoadingComponent: CardLoadingComponent }: ITableRowLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function TableRowLoadingWithCard({ style, index, cardLoadingComponent: CardLoadingComponent }: ITableRowLoadingProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRowLoadingWithCard>;
 export default _default;

package/build/components/VirtualTables/components/TableRowWithCard.d.ts

@@ -10,6 +10,6 @@ interface ITableRowProps<R = any> {
     };
     renderCardComponent: (rows: any) => ReactElement | null;
 }
-declare function TableRowWithCard({ row, index, rowProps, renderCardComponent: RenderCardComponent }: Readonly<ITableRowProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableRowWithCard({ row, index, rowProps, renderCardComponent: RenderCardComponent }: Readonly<ITableRowProps>): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRowWithCard>;
 export default _default;

package/build/components/VirtualTables/components/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapper.d.ts

@@ -6,10 +6,10 @@ export declare const LastRowContent: React.MemoExoticComponent<({ isLoadingRow,
     isSheetView?: boolean | undefined;
     columns?: IColumnProps<any>[] | undefined;
     currentRowCount?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => React.JSX.Element>;
 export declare const StyledItemWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     showShadowHighlight?: boolean | undefined;
     isSheetView?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function ListItemWrapper({ index, style, data: { renderedScrollTopRef, rows, rowProps, columns, isLoading, scrollToIndex, newLoadedRowsEndIndex, isError, areAllRowsLoaded, isSheetView, isPinned, isLoadMoreLoading, ...restData }, }: Readonly<ListChildComponentProps>): import("react/jsx-runtime").JSX.Element;
+declare function ListItemWrapper({ index, style, data: { renderedScrollTopRef, rows, rowProps, columns, isLoading, scrollToIndex, newLoadedRowsEndIndex, isError, areAllRowsLoaded, isSheetView, isPinned, isLoadMoreLoading, ...restData }, }: Readonly<ListChildComponentProps>): React.JSX.Element;
 export default ListItemWrapper;

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapperWithCard.d.ts

@@ -3,5 +3,5 @@ import type { ListChildComponentProps } from 'react-window';
 export declare const StyledItemWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     showShadowHighlight?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function ListItemWrapperWithCard({ index, style, data: { renderedScrollTopRef, rows, rowProps, isLoading, scrollToIndex, newLoadedRowsEndIndex, areAllRowsLoaded, renderCardComponent }, }: Readonly<ListChildComponentProps>): import("react/jsx-runtime").JSX.Element;
+declare function ListItemWrapperWithCard({ index, style, data: { renderedScrollTopRef, rows, rowProps, isLoading, scrollToIndex, newLoadedRowsEndIndex, areAllRowsLoaded, renderCardComponent }, }: Readonly<ListChildComponentProps>): React.JSX.Element;
 export default ListItemWrapperWithCard;

package/build/components/VirtualTables/context/Provider.d.ts

@@ -4,5 +4,5 @@ type VirtualScrollOuterProviderProps = {
     children: ReactNode;
     value: ScrollFnType;
 };
-export declare const VirtualScrollOuterProvider: ({ children, value }: VirtualScrollOuterProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VirtualScrollOuterProvider: ({ children, value }: VirtualScrollOuterProviderProps) => import("react").JSX.Element;
 export {};

package/build/components/Widget/List.d.ts

@@ -4,6 +4,6 @@ interface ListI extends BoxProps {
     children: ReactNode;
     allowShadow?: boolean;
 }
-declare function List({ allowShadow, children, ...props }: ListI): import("react/jsx-runtime").JSX.Element;
+declare function List({ allowShadow, children, ...props }: ListI): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof List>;
 export default _default;

package/build/components/Widget/ListItem.d.ts

@@ -6,6 +6,6 @@ interface ListItemI extends ListItemStyledProps {
     icon?: ReactNode;
     actions?: ReactNode;
 }
-declare function ListItem({ children, icon, actions, ...props }: ListItemI): import("react/jsx-runtime").JSX.Element;
+declare function ListItem({ children, icon, actions, ...props }: ListItemI): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof ListItem>;
 export default _default;

package/build/components/Widget/Widget.d.ts

@@ -3,6 +3,6 @@ import { BoxProps } from '@mui/material/Box';
 interface WidgetI extends BoxProps {
     children: ReactNode;
 }
-declare function Widget({ children, ...props }: WidgetI): import("react/jsx-runtime").JSX.Element;
+declare function Widget({ children, ...props }: WidgetI): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Widget>;
 export default _default;

package/build/components/Widget/WidgetHeader.d.ts

@@ -4,6 +4,6 @@ interface WidgetI extends BoxProps {
     children: string | ReactNode | JSX.Element;
     action?: ReactNode;
 }
-declare function WidgetHeader({ children, action, ...props }: WidgetI): import("react/jsx-runtime").JSX.Element;
+declare function WidgetHeader({ children, action, ...props }: WidgetI): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WidgetHeader>;
 export default _default;

package/build/components/Window/Window.d.ts

@@ -21,6 +21,6 @@ interface WindowWrapperProps extends BoxProps {
     };
     sandboxMode?: boolean;
 }
-declare function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder }, sandboxMode, sx, }: Readonly<WindowWrapperProps>): import("react/jsx-runtime").JSX.Element;
+declare function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder }, sandboxMode, sx, }: Readonly<WindowWrapperProps>): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WindowWrapper>;
 export default _default;

package/build/components/WindowAppIcon/WindowAppIcon.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface WindowAppIconProps {
     title: string;
     icon?: string;
 }
-declare function WindowAppIcon({ title, icon }: WindowAppIconProps): import("react/jsx-runtime").JSX.Element;
+declare function WindowAppIcon({ title, icon }: WindowAppIconProps): import("react").JSX.Element;
 export default WindowAppIcon;

package/build/components/WindowSideBar/WindowSideBar.d.ts

@@ -6,6 +6,6 @@ interface WindowSideBarProps {
     onClick?: (section: Section) => void;
     activeSection?: string;
 }
-declare function WindowSideBar({ sections, isMaximized, onClick, activeSection }: WindowSideBarProps): import("react/jsx-runtime").JSX.Element;
+declare function WindowSideBar({ sections, isMaximized, onClick, activeSection }: WindowSideBarProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WindowSideBar>;
 export default _default;

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 Notifications } from './Notifications';
+export { default as Toaster } from './Toaster';
 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 Notifications } from './Notifications';
+export { default as Toaster } from './Toaster';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressRing } from './ProgressRing';
 export * from './InputBase';

package/build/constants/server.js

@@ -1,7 +1,6 @@
-var _a;
-// NOTE: This environment variables should be defined in .env file of the hosting server
-const isSAOCI = import.meta.env.VITE_DEPLOYMENT_REGION === 'sa-oci';
-export const BASE_URL = (_a = (isSAOCI ? 'https://mw-os.tap.com.sa' : import.meta.env.VITE_MW_BASE_URL)) !== null && _a !== void 0 ? _a : import.meta.env.VITE_BASE_URL;
+var _a, _b;
+const runtimeConfig = (_a = window.__GLOBAL_CONFIG__) !== null && _a !== void 0 ? _a : {};
+export const BASE_URL = (_b = runtimeConfig.MW_BASE_URL) !== null && _b !== void 0 ? _b : import.meta.env.VITE_BASE_URL;
 export const API_URL = `${BASE_URL}/api`;
 export const ENV = import.meta.env.VITE_ENV;
 export const TEST_SECRET_KEY = import.meta.env.VITE_TEST_FIXED_SK;

package/build/hooks/index.d.ts

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

package/build/hooks/index.js

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

package/build/hooks/useToast.d.ts

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,29 @@
+import { useMemo, useCallback } from 'react';
+import { useAppEventPublisher } from './index.js';
+import { AppEvent } from '../types/index.js';
+const generateToastId = () => crypto.randomUUID();
+export function useToast() {
+    const publish = useAppEventPublisher(AppEvent.OnToast);
+    const createToastByVariant = useCallback((variant) => (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, message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    }, [publish]);
+    return useMemo(() => {
+        // base callable function
+        const toast = createToastByVariant('default');
+        // attach variants
+        toast.success = createToastByVariant('success');
+        toast.error = createToastByVariant('error');
+        toast.loading = createToastByVariant('loading');
+        toast.custom = createToastByVariant('custom');
+        toast.dismiss = (toastId) => {
+            publish({ action: 'dismiss', variant: 'dismiss', toastId });
+        };
+        toast.remove = (toastId) => {
+            publish({ action: 'remove', variant: 'remove', toastId });
+        };
+        return toast;
+    }, [createToastByVariant, publish]);
+}

package/build/types/appEvents.d.ts

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

package/build/types/appEvents.js

@@ -10,6 +10,7 @@ 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/apps.d.ts

@@ -4,14 +4,14 @@ import type { i18n } from 'i18next';
 import { Theme } from '@mui/material';
 import { CalenderMode } from './theme';
 import { Timezone } from './appConfig';
-import { Brand, Entity, TableMode } from './index.js';
+import { Brand, Entity, Override, TableMode } from './index.js';
 import { TextAndLang } from './common';
-export type AppPayload<TServiceCodes extends string = string> = {
+export type AppPayload<TServiceCodes extends string = string, TOverrides extends Partial<DefaultServicePayload> = object> = {
     services: {
-        [key in TServiceCodes]?: ServicePayload;
+        [key in TServiceCodes]?: ServicePayload<TOverrides>;
     };
 };
-export interface ServicePayload {
+export type DefaultServicePayload = {
     columnFilters?: Record<string, any>;
     filteredIds?: string[];
     dateRange?: [Date, Date];
@@ -21,7 +21,8 @@ export interface ServicePayload {
     tableViews?: ColumnsView[];
     calendarTimezone?: number;
     reportTypes?: string[];
-}
+};
+export type ServicePayload<TOverrides extends Partial<DefaultServicePayload> = object> = Override<DefaultServicePayload, TOverrides>;
 export interface AppDetails {
     id: string;
     appCode: string;

package/build/types/index.d.ts

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

package/build/types/index.js

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

package/build/types/table.d.ts

@@ -142,10 +142,7 @@ export interface IVirtualTable<R = any> {
     footerComponent?: React.ReactNode;
     customNoDataComponent?: React.ReactNode;
 }
-export type ColumnFilterValues = Record<string, boolean | string | string[] | Record<string, boolean> | Record<string, string> | {
-    phone: string;
-    country: Country | undefined;
-}>;
+export type ColumnFilterValues = Record<string, any>;
 export type IColumnFilter = ({
     onConfirm?: (filterValues: ColumnFilterValues) => void;
     onClear: (apiKeys: string[]) => void;

package/build/types/toast.d.ts

@@ -0,0 +1,16 @@
+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;
+};

package/build/types/toast.js

@@ -0,0 +1 @@
+export {};

package/build/types/tsUtils.d.ts

@@ -6,3 +6,7 @@ export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T,
 export type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
+export type GeneralObject = Record<string, any>;
+export type DeepExtendableObject<T> = T extends (...args: any[]) => any ? T : T extends readonly (infer U)[] ? ReadonlyArray<DeepExtendableObject<U>> : T extends GeneralObject ? {
+    [K in keyof T]: DeepExtendableObject<T[K]>;
+} & GeneralObject : T;

package/build/types/window.d.ts

@@ -0,0 +1,4 @@
+export type AppEnvironment = 'development' | 'sandbox' | 'beta' | 'production';
+export type WindowGlobalConfig = {
+    MW_BASE_URL?: string;
+};

package/build/types/window.js

@@ -0,0 +1 @@
+export {};

package/build/utils/navigation.d.ts

@@ -6,7 +6,7 @@ export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payl
     numberOfOpenedApps: number;
     segmentId: string;
 }) => {
-    payload?: (Record<string, any> & import("../types/index.js").ServicePayload) | undefined;
+    payload?: (Record<string, any> & Omit<import("../types/index.js").DefaultServicePayload, never> & object) | undefined;
     segmentId: string;
     appCode: string;
     serviceCode: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.367",
+  "version": "0.1.369-fix.1",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",
@@ -62,7 +62,7 @@
   "scripts": {
     "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
     "push:local": "yarn ts:build && yalc publish --push",
-    "push": "npm run ts:build && npm publish --access public",
+    "push": "npm run ts:build && npm publish --access public --tag 0.1.369-fix.1",
     "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
     "build": "tsc -b && vite build ",

package/build/components/Notifications/Notifications.d.ts

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

package/build/components/Notifications/Notifications.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { Toaster, 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 Notifications() {
-    return (_jsx(Toaster, { 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/Notifications/index.d.ts

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

package/build/components/Notifications/index.js

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