@tap-payments/os-micro-frontend-shared 0.1.39 → 0.1.40-9.fix.1

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

@@ -13,7 +13,7 @@ export declare const ListItemStyled: import("@emotion/styled").StyledComponent<i
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ItemText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "m" | "order" | "p" | "style" | "color" | "border" | "borderColor" | "borderBottom" | "flex" | "display" | "alignItems" | "className" | "classes" | "children" | "borderTop" | "borderRight" | "borderLeft" | "borderRadius" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignContent" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
+}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "classes" | "align" | "className" | "style" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
     component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ItemTextWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/build/components/Widget/useScrollWithShadow.js

@@ -1,13 +1,14 @@
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 export function useScrollWithShadow() {
     const [scrollTop, setScrollTop] = useState(0);
     const [scrollHeight, setScrollHeight] = useState(0);
     const [clientHeight, setClientHeight] = useState(0);
-    const onScrollHandler = (event) => {
+    const onScrollHandler = useCallback((event) => {
         const target = event.target;
         setScrollTop(target.scrollTop);
         setScrollHeight(target.scrollHeight);
         setClientHeight(target.clientHeight);
-    };
-    return { onScrollHandler, showShadow: scrollTop === 0 || clientHeight < scrollHeight - scrollTop };
+    }, []);
+    const showShadow = scrollTop === 0 || clientHeight < scrollHeight - scrollTop - 1;
+    return { onScrollHandler, showShadow };
 }

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
 import { DragControls } from 'framer-motion';
-interface WindowWrapperProps {
+interface WindowWrapperProps extends BoxProps {
     children: ReactNode;
     id: string;
     onResize?: (element: HTMLElement) => void;
@@ -18,7 +19,8 @@ interface WindowWrapperProps {
         order?: number;
         openOrder?: number;
     };
+    sandboxMode?: boolean;
 }
-declare function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder }, }: 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-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WindowWrapper>;
 export default _default;

package/build/components/Window/Window.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo, useState, useRef, useEffect } from 'react';
+import { useTheme } from '@mui/material';
 import { motion } from 'framer-motion';
 import { Resizable } from 're-resizable';
 import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
-import { contentStyle, ContentWrapper, initalStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
-function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, }) {
+import { contentStyle, ContentWrapper, initialStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
+function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, sandboxMode = false, sx, }) {
+    const theme = useTheme();
     const [isDrag, setIsDrag] = useState(true);
     const modalRef = useRef(null);
     const constraintsRef = useRef(null);
@@ -16,9 +18,9 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
         onClick === null || onClick === void 0 ? void 0 : onClick();
         setIsDrag(false);
     };
-    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
+    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
         top: 0,
-    }))), [isMaximized, width]);
+    })), { background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)' })), [width, isMaximized, sandboxMode]);
     useEffect(() => {
         var _a;
         (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({
@@ -26,13 +28,13 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
             height: isMaximized ? '100vh' : '100%',
         });
     }, [isMaximized, width]);
-    return (_jsx(AppContainerWrapper, Object.assign({ id: "app-container-wrapper", "data-testid": "AppContainerWrapper" }, { children: _jsx(AppContainerContainer, Object.assign({ "data-testid": "AppContainerContainer" }, { children: _jsx(motion.div, Object.assign({ id: "app-content", "data-add-id": id, "data-testid": "AppContent", ref: constraintsRef, initial: initalStyle }, { children: _jsx(ContentWrapper, Object.assign({ id: "content-wrapper", drag: !isMaximized && isDrag, dragMomentum: false, dragConstraints: false, onDragStart: onClick, onDragEnter: onClick, onClick: onClick, dragControls: dragControls, dragListener: false, style: Object.assign(Object.assign(Object.assign({}, (order && {
+    return (_jsx(AppContainerWrapper, Object.assign({ id: "app-container-wrapper", "data-testid": "AppContainerWrapper", sx: sx }, { children: _jsx(AppContainerContainer, Object.assign({ "data-testid": "AppContainerContainer" }, { children: _jsx(motion.div, Object.assign({ id: "app-content", "data-add-id": id, "data-testid": "AppContent", ref: constraintsRef, initial: initialStyle }, { children: _jsx(ContentWrapper, Object.assign({ id: "content-wrapper", drag: !isMaximized && isDrag, dragMomentum: false, dragConstraints: false, onDragStart: onClick, onDragEnter: onClick, onClick: onClick, dragControls: dragControls, dragListener: false, style: Object.assign(Object.assign(Object.assign({}, (order && {
                         zIndex: Number(order) + APP_WINDOW_Z_INDEX,
                     })), contentStyle), { height }), initial: Object.assign({ marginInline: 'auto', scale: 0, left: 0 }, (!isMaximized && {
                         left: 48 * (openOrder - 1),
                     })), animate: Object.assign(Object.assign({ width }, (isMaximized && {
                         width: '100vw',
-                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ ref: (c) => {
+                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ "data-id": id, ref: (c) => {
                             resizableRef.current = c;
                         }, style: resizableStyle, minHeight: minHeight, minWidth: minWidth, maxHeight: maxHeight, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeStop: onResizeStop, onResize: (_, __, element) => {
                             onResize === null || onResize === void 0 ? void 0 : onResize(element);

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

@@ -1,14 +1,13 @@
 import { CSSProperties } from 'react';
 export declare const resizableMainStyle: CSSProperties;
 export declare const contentStyle: CSSProperties;
-export declare const initalStyle: any;
+export declare const initialStyle: Record<string, unknown>;
 export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -16,20 +15,21 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -49,7 +49,7 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -65,7 +65,7 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -75,7 +75,7 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -271,11 +271,10 @@ export declare const AppContainerWrapper: import("@emotion/styled").StyledCompon
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const AppContainerContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
-    id?: string | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
     color?: string | undefined;
-    className?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -283,20 +282,21 @@ export declare const AppContainerContainer: import("@emotion/styled").StyledComp
     accessKey?: string | undefined;
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
+    title?: string | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -316,7 +316,7 @@ export declare const AppContainerContainer: import("@emotion/styled").StyledComp
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -332,7 +332,7 @@ export declare const AppContainerContainer: import("@emotion/styled").StyledComp
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "date" | "false" | "true" | "time" | "page" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -342,7 +342,7 @@ export declare const AppContainerContainer: import("@emotion/styled").StyledComp
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;

package/build/components/Window/style.js

@@ -19,7 +19,7 @@ export const contentStyle = {
     overflow: 'visible',
     borderRadius: '12px',
 };
-export const initalStyle = {
+export const initialStyle = {
     width: 'inherit',
     height: 'inherit',
     gridRowStart: 1,

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const TitleStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "m" | "order" | "p" | "style" | "color" | "border" | "borderColor" | "borderBottom" | "flex" | "display" | "alignItems" | "className" | "classes" | "children" | "borderTop" | "borderRight" | "borderLeft" | "borderRadius" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignContent" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
+}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "classes" | "align" | "className" | "style" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
     component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const StyledWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/WindowBackdrop/WindowBackdrop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BackdropProps as MuiBackdropProps } from '@mui/material/Backdrop';
+export type WindowBackdropProps = MuiBackdropProps;
+declare function WindowBackdrop(props: WindowBackdropProps): import("react").ReactPortal;
+declare const _default: import("react").MemoExoticComponent<typeof WindowBackdrop>;
+export default _default;

package/build/components/WindowBackdrop/WindowBackdrop.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { createPortal } from 'react-dom';
+import Backdrop from '@mui/material/Backdrop';
+import { alpha } from '@mui/material/styles';
+function WindowBackdrop(props) {
+    return createPortal(_jsx(Backdrop, Object.assign({ sx: { zIndex: 1, backgroundColor: (theme) => alpha(theme.palette.common.black, 0.3) } }, props)), document.body);
+}
+export default memo(WindowBackdrop);

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

@@ -0,0 +1 @@
+export { default } from './WindowBackdrop';

package/build/components/WindowBackdrop/index.js

@@ -0,0 +1 @@
+export { default } from './WindowBackdrop';

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

@@ -1,14 +1,10 @@
 /// <reference types="react" />
-import { ACCOUNT_SECTION, UserSection } from '../../types/index.js';
+import { Section } from './type';
 interface WindowSideBarProps {
-    sections: UserSection[];
+    sections: Section[];
     isMaximized?: boolean;
-    onClick?: (section: {
-        id: ACCOUNT_SECTION;
-        title?: string;
-        icon?: string;
-    }) => void;
-    activeSection?: ACCOUNT_SECTION;
+    onClick?: (section: Section) => void;
+    activeSection?: string;
 }
 declare function WindowSideBar({ sections, isMaximized, onClick, activeSection }: WindowSideBarProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WindowSideBar>;

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

@@ -1,4 +1,5 @@
 import WindowSideBar from './WindowSideBar';
 export { TITLE_BAR_HEIGHT } from './constant';
+export type { Section } from './type';
 export { SideBar, Content } from './style';
 export default WindowSideBar;

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

@@ -0,0 +1,10 @@
+export interface Section {
+    id: string;
+    title: string;
+    icon?: string;
+    subSections?: {
+        id: string;
+        title: string;
+        icon?: string;
+    }[];
+}

package/build/components/WindowSideBar/type.js

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

package/build/components/index.d.ts

@@ -12,7 +12,8 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
+export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, // To not to be confused/conflicted with the other seperated `components/TableHeader`
+TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
 export { default as SheetViewVirtualTable } from './VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
@@ -49,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';
@@ -62,6 +63,7 @@ export { default as ImageWrapper } from './ImageWrapper';
 export { default as Input } from './Input';
 export { default as IconGallery, type IconGalleryProps } from './IconGallery';
 export { default as Icon, type IconProps } from './Icon';
+export { default as AnimatedSpinnerIcon } from './AnimatedSpinnerIcon';
 export { default as IOSSwitch } from './IOSSwitch';
 export { default as HeatMap, type Data, type HeatMapProps } from './HeatMap';
 export { default as FlippingCard } from './FlippingCard';
@@ -73,9 +75,9 @@ export * from './ErrorBoundary';
 export { default as DropdownButton, type DropdownButtonProps, DropdownChevronIcon, type DropdownChevronIconProps } from './DropdownButton';
 export { default as Dropdown2 } from './Dropdown2';
 export { default as CountryFlag } from './CountryFlag';
-export { default as CurrencyIcon } from './CurrencyIcon';
+export { default as CurrencySymbol } from './CurrencySymbol';
 export { default as CustomBackdrop } from './CustomBackdrop';
-export { default as DeviceIcon } from './DeviceIcon';
+export { default as DeviceIcon, isDeviceIconShown } from './DeviceIcon';
 export { default as CountBadge, BadgeVariants, CountAnimatedBadge, type StyledBadgeProps, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse, type CollapseProps } from './Collapse';
@@ -91,6 +93,7 @@ export { default as StatusBar, type AvailableStatus } from './StatusBar';
 export { default as MultiSelectStatusButton, type CurrencyOption, type MultiSelectStatusButtonProps } from './MultiSelectStatusButton';
 export * from './Chip';
 export * from './StatusGroupChips';
+export { default as TableHeader } from './TableHeader';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
@@ -102,3 +105,53 @@ export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
 export * from './RadioGroup';
 export * from './LeftPeekRightExpandingChip';
+export { default as ColorPicker } from './ColorPicker';
+export { default as WindowBackdrop } from './WindowBackdrop';
+export { default as LazyImage } from './LazyImage';
+export { default as AmountStatusChip, type AmountStatusChipProps } from './AmountStatusChip';
+export { default as AuthenticationTypeChip, type AuthenticationTypeChipProps } from './AuthenticationTypeChip';
+export * from './LazyImage';
+export { default as SearchListInput } from './SearchListInput';
+export { default as ErrorToast } from './ErrorToast';
+export { default as ToggleView, type ToggleViewsValues, ToggleViews } from './ToggleView';
+export { default as LanguageDropdown } from './LanguageDropdown';
+export { default as DisplayAmount } from './DisplayAmount';
+export { default as AmountInput } from './AmountInput';
+export { default as AppServicesBar } from './AppServicesBar';
+export * from './AppServicesBar';
+export { default as ListLayout } from './ListLayout';
+export * from './ListLayout';
+export { default as MFWidgetLoader } from './MFWidgetLoader';
+export { default as BetaBanner } from './BetaBanner';
+export * from './Autocomplete';
+export * from './BrandLogo';
+export * from './Amount';
+export * from './VAT';
+export * from './Discount';
+export * from './MerchantLogo';
+export * from './FilterDropdown';
+export * from './PhoneFilter';
+export * from './CountryFilter';
+export * from './Customer';
+export * from './MerchantCurrencyDropdown';
+export * from './OpenFileInNewTab';
+export * from './FilePreview';
+export * from './FileInputPreview';
+export * from './ReceiptsViewer';
+export * from './MerchantsDropdown';
+export * from './ViewColumnRadioFilter';
+export * from './Filters';
+export * from './StatusFilter';
+export { default as TableReports } from './TableReports';
+export * from './TableReports';
+export * from './PaymentSourceFilter';
+export * from './DateFilter';
+export * from './CurrencyFilter';
+export * from './AmountConversionFilter';
+export * from './PartnersFilter';
+export * from './SalesChannelFilter';
+export * from './ReferenceTypeFilter';
+export * from './ListColumnFilter';
+export * from './VerificationIcon';
+export { default as TreeDropdown } from './TreeDropdown';
+export * from './TreeDropdown';

package/build/components/index.js

@@ -12,7 +12,8 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
+export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, // To not to be confused/conflicted with the other seperated `components/TableHeader`
+TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
 export { default as SheetViewVirtualTable } from './VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
@@ -49,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';
@@ -62,6 +63,7 @@ export { default as ImageWrapper } from './ImageWrapper';
 export { default as Input } from './Input';
 export { default as IconGallery } from './IconGallery';
 export { default as Icon } from './Icon';
+export { default as AnimatedSpinnerIcon } from './AnimatedSpinnerIcon';
 export { default as IOSSwitch } from './IOSSwitch';
 export { default as HeatMap } from './HeatMap';
 export { default as FlippingCard } from './FlippingCard';
@@ -73,9 +75,9 @@ export * from './ErrorBoundary';
 export { default as DropdownButton, DropdownChevronIcon } from './DropdownButton';
 export { default as Dropdown2 } from './Dropdown2';
 export { default as CountryFlag } from './CountryFlag';
-export { default as CurrencyIcon } from './CurrencyIcon';
+export { default as CurrencySymbol } from './CurrencySymbol';
 export { default as CustomBackdrop } from './CustomBackdrop';
-export { default as DeviceIcon } from './DeviceIcon';
+export { default as DeviceIcon, isDeviceIconShown } from './DeviceIcon';
 export { default as CountBadge, BadgeVariants, CountAnimatedBadge, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse } from './Collapse';
@@ -91,6 +93,7 @@ export { default as StatusBar } from './StatusBar';
 export { default as MultiSelectStatusButton } from './MultiSelectStatusButton';
 export * from './Chip';
 export * from './StatusGroupChips';
+export { default as TableHeader } from './TableHeader';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
@@ -102,3 +105,53 @@ export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
 export * from './RadioGroup';
 export * from './LeftPeekRightExpandingChip';
+export { default as ColorPicker } from './ColorPicker';
+export { default as WindowBackdrop } from './WindowBackdrop';
+export { default as LazyImage } from './LazyImage';
+export { default as AmountStatusChip } from './AmountStatusChip';
+export { default as AuthenticationTypeChip } from './AuthenticationTypeChip';
+export * from './LazyImage';
+export { default as SearchListInput } from './SearchListInput';
+export { default as ErrorToast } from './ErrorToast';
+export { default as ToggleView, ToggleViews } from './ToggleView';
+export { default as LanguageDropdown } from './LanguageDropdown';
+export { default as DisplayAmount } from './DisplayAmount';
+export { default as AmountInput } from './AmountInput';
+export { default as AppServicesBar } from './AppServicesBar';
+export * from './AppServicesBar';
+export { default as ListLayout } from './ListLayout';
+export * from './ListLayout';
+export { default as MFWidgetLoader } from './MFWidgetLoader';
+export { default as BetaBanner } from './BetaBanner';
+export * from './Autocomplete';
+export * from './BrandLogo';
+export * from './Amount';
+export * from './VAT';
+export * from './Discount';
+export * from './MerchantLogo';
+export * from './FilterDropdown';
+export * from './PhoneFilter';
+export * from './CountryFilter';
+export * from './Customer';
+export * from './MerchantCurrencyDropdown';
+export * from './OpenFileInNewTab';
+export * from './FilePreview';
+export * from './FileInputPreview';
+export * from './ReceiptsViewer';
+export * from './MerchantsDropdown';
+export * from './ViewColumnRadioFilter';
+export * from './Filters';
+export * from './StatusFilter';
+export { default as TableReports } from './TableReports';
+export * from './TableReports';
+export * from './PaymentSourceFilter';
+export * from './DateFilter';
+export * from './CurrencyFilter';
+export * from './AmountConversionFilter';
+export * from './PartnersFilter';
+export * from './SalesChannelFilter';
+export * from './ReferenceTypeFilter';
+export * from './ListColumnFilter';
+export * from './VerificationIcon';
+export { default as TreeDropdown } from './TreeDropdown';
+export * from './TreeDropdown';

package/build/constants/api.d.ts

@@ -23,7 +23,7 @@ export declare const API_LIST_CONSTANTS: {
         readonly limit: 50;
     };
     readonly AuthenticationsList: {
-        readonly limit: 50;
+        readonly limit: 25;
     };
     readonly InvoicesList: {
         readonly limit: 50;
@@ -42,11 +42,11 @@ export declare const API_LIST_CONSTANTS: {
         readonly limit: 50;
     };
     readonly WalletsList: {
-        readonly limit: 5;
+        readonly limit: 50;
         readonly page: 1;
     };
     readonly brands: {
-        readonly limit: 20;
+        readonly limit: 50;
     };
     readonly MerchantsList: {
         readonly limit: 50;

package/build/constants/api.js

@@ -23,7 +23,7 @@ export const API_LIST_CONSTANTS = {
         limit: API_BASE_LIMIT,
     },
     AuthenticationsList: {
-        limit: API_BASE_LIMIT,
+        limit: 25,
     },
     InvoicesList: {
         limit: API_BASE_LIMIT,
@@ -42,11 +42,11 @@ export const API_LIST_CONSTANTS = {
         limit: API_BASE_LIMIT,
     },
     WalletsList: {
-        limit: 5,
+        limit: API_BASE_LIMIT,
         page: 1,
     },
     brands: {
-        limit: 20,
+        limit: API_BASE_LIMIT,
     },
     MerchantsList: {
         limit: API_BASE_LIMIT,