@tap-payments/os-micro-frontend-shared 0.0.247 → 0.0.248-test.2

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppWindowHeaderProps } from './type';
+declare function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize, sx }: AppWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppWindowHeader>;
+export default _default;

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { useMouseState } from '../../../../hooks/index.js';
+import { animationDuration } from '../../AppWindow/constant';
+import AppWindowHeaderBase from './AppWindowHeaderBase';
+import { CloseIcon, MaximizeIcon } from '../../../ToolbarIcon';
+function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize, sx }) {
+    const { isHovered, onMouseEnter, onMouseLeave } = useMouseState();
+    return (_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
+            height: 0,
+            zIndex: 1000,
+            position: 'relative',
+        })), animate: Object.assign(Object.assign({}, (isMaximized && {
+            width: '100vw',
+        })), (!isMaximized && {
+            transform: 'translateX(0px)',
+            width: '100%',
+        })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
+            duration: 0,
+        })) }, { children: _jsx(AppWindowHeaderBase, { title: title, maximized: isMaximized, id: id || 'draggable-dialog-title', isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, leftActions: leftActions || (_jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: isMaximized, onClick: () => onMaximize === null || onMaximize === void 0 ? void 0 : onMaximize(!isMaximized) })] })), sx: sx }) })));
+}
+export default memo(AppWindowHeader);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppWindowHeaderBaseProps } from './type';
+declare function AppWindowHeaderBase({ title, maximized, id, isHovered, onMouseHover, onMouseLeave, leftActions, sandboxMode, titleIconSrc, sx, ...rootProps }: AppWindowHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppWindowHeaderBase>;
+export default _default;

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import Toolbar from '../../../Toolbar';
+import { StyledHeaderWrapperStyled } from '../../../Toolbar/style';
+function AppWindowHeaderBase(_a) {
+    var { title, maximized = false, id, isHovered = false, onMouseHover, onMouseLeave, leftActions, sandboxMode = false, titleIconSrc, sx } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "sandboxMode", "titleIconSrc", "sx"]);
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ className: "header-wrapper", id: id, maximized: maximized || false, sandboxMode: sandboxMode, sx: sx }, rootProps, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title || '', icon: titleIconSrc, leftActions: leftActions }) })));
+}
+export default memo(AppWindowHeaderBase);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/index.d.ts

@@ -0,0 +1,4 @@
+import AppWindowHeader from './AppWindowHeader';
+export default AppWindowHeader;
+export { default as AppWindowHeaderBase } from './AppWindowHeaderBase';
+export * from './type';

package/build/components/AppWindowWrapper/headers/AppWindowHeader/index.js

@@ -0,0 +1,4 @@
+import AppWindowHeader from './AppWindowHeader';
+export default AppWindowHeader;
+export { default as AppWindowHeaderBase } from './AppWindowHeaderBase';
+export * from './type';

package/build/components/AppWindowWrapper/headers/AppWindowHeader/type.d.ts

@@ -0,0 +1,25 @@
+import { StyledHeaderWrapperStyled, ToolbarProps } from '../../../Toolbar';
+import type { SxProps, Theme } from '@mui/material/styles';
+import { ReactNode, SyntheticEvent } from 'react';
+export type AppWindowHeaderBaseProps = React.ComponentProps<typeof StyledHeaderWrapperStyled> & {
+    title?: string;
+    maximized?: boolean;
+    id?: string;
+    isHovered?: boolean;
+    onMouseHover?: (e: SyntheticEvent) => void;
+    onMouseLeave?: (e: SyntheticEvent) => void;
+    leftActions?: ToolbarProps['leftActions'];
+    titleIconSrc?: ToolbarProps['icon'];
+};
+export type AppWindowHeaderProps = {
+    id?: string;
+    isToolbarAnimationDisabled?: boolean;
+    isMaximized?: boolean;
+    title?: string;
+    leftActions?: ReactNode;
+    onClose?: () => void;
+    onMaximize?: (isMaximized: boolean) => void;
+    headerBaseProps?: Partial<AppWindowHeaderBaseProps>;
+    headerBaseStyles?: SxProps<Theme>;
+    sx?: AppWindowHeaderBaseProps['sx'];
+};

package/build/components/AppWindowWrapper/headers/AppWindowHeader/type.js

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

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

@@ -1,6 +1,8 @@
 import AppWindowWrapper from './AppWindowWrapper';
 export { default as AppWindow, type WindowProps, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './headers/AppWindowHeader';
+export { default as AppWindowHeader } from './headers/AppWindowHeader';
 export * from './context';
 export type { AppWindowProps } from './type';
 export default AppWindowWrapper;

package/build/components/AppWindowWrapper/index.js

@@ -1,5 +1,7 @@
 import AppWindowWrapper from './AppWindowWrapper';
 export { default as AppWindow, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './headers/AppWindowHeader';
+export { default as AppWindowHeader } from './headers/AppWindowHeader';
 export * from './context';
 export default AppWindowWrapper;

package/build/components/SourceChips/AuthenticationChip/AuthenticationChip.d.ts

@@ -0,0 +1,7 @@
+import { StatusChipProps } from '../../StatusChip';
+export type AuthenticationChipType = 'issuer' | 'scheme' | 'device' | 'app' | 'wallet' | '3DS' | 'Device Biometric' | 'Non-3DS';
+interface AuthenticationChipProps extends Omit<StatusChipProps, 'children'> {
+    authenticationType?: AuthenticationChipType;
+}
+declare const AuthenticationChip: ({ authenticationType, unknownText, ...props }: AuthenticationChipProps) => import("react/jsx-runtime").JSX.Element;
+export default AuthenticationChip;

package/build/components/SourceChips/AuthenticationChip/AuthenticationChip.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import StatusChip from '../../StatusChip';
+import { authenticationColors } from './constants';
+const authenticationTypeMap = {
+    issuer: 'Issuer',
+    scheme: 'Scheme',
+    device: 'Device',
+    app: 'App',
+    wallet: 'Wallet',
+    'Device Biometric': 'Biometric',
+    '3DS': '3DS',
+    'Non-3DS': 'Non-3DS',
+};
+const AuthenticationChip = (_a) => {
+    var { authenticationType, unknownText = 'noAuth' } = _a, props = __rest(_a, ["authenticationType", "unknownText"]);
+    const statusText = authenticationType && authenticationTypeMap[authenticationType];
+    const chipColors = authenticationType && authenticationColors[authenticationType];
+    return (_jsx(StatusChip, Object.assign({}, chipColors, { unknownText: unknownText }, props, { children: statusText })));
+};
+export default AuthenticationChip;

package/build/components/SourceChips/AuthenticationChip/constants.d.ts

@@ -0,0 +1,30 @@
+export interface AuthenticationColors {
+    bgColor: string;
+    borderColor?: string;
+    textColor?: string;
+}
+export declare const authenticationColors: {
+    issuer: {
+        bgColor: string;
+        textColor: string;
+    };
+    scheme: {
+        bgColor: string;
+        textColor: string;
+    };
+    app: {
+        bgColor: string;
+        textColor: string;
+    };
+    wallet: {
+        bgColor: string;
+        textColor: string;
+    };
+    device: {};
+    'Device Biometric': {
+        bgColor: string;
+        textColor: string;
+    };
+    '3DS': {};
+    'Non-3DS': {};
+};

package/build/components/SourceChips/AuthenticationChip/constants.js

@@ -0,0 +1,25 @@
+export const authenticationColors = {
+    issuer: {
+        bgColor: '#1F88D033',
+        textColor: '#1F88D0',
+    },
+    scheme: {
+        bgColor: '#5E30EB33',
+        textColor: '#5E30EB',
+    },
+    app: {
+        bgColor: '#AF2D6F33',
+        textColor: '#AF2D6F',
+    },
+    wallet: {
+        bgColor: '#18AA3333',
+        textColor: '#18AA33',
+    },
+    device: {},
+    'Device Biometric': {
+        bgColor: '#F0820033',
+        textColor: '#F08200',
+    },
+    '3DS': {},
+    'Non-3DS': {},
+};

package/build/components/SourceChips/AuthenticationChip/index.d.ts

@@ -0,0 +1,3 @@
+import AuthenticationChip from './AuthenticationChip';
+export type { AuthenticationChipType } from './AuthenticationChip';
+export default AuthenticationChip;

package/build/components/SourceChips/AuthenticationChip/index.js

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

package/build/components/SourceChips/GeographyChip/GeographyChip.d.ts

@@ -0,0 +1,7 @@
+import { StatusChipProps } from '../../StatusChip';
+import { GeographyVariant } from '../../../types/index.js';
+interface GeographyChipProps extends Omit<StatusChipProps, 'children'> {
+    geographyVariant?: GeographyVariant;
+}
+declare const GeographyChip: ({ geographyVariant, ...props }: GeographyChipProps) => import("react/jsx-runtime").JSX.Element;
+export default GeographyChip;

package/build/components/SourceChips/GeographyChip/GeographyChip.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import StatusChip from '../../StatusChip';
+import { geographyMap } from '../../../utils/index.js';
+import { geographyColors } from './constants';
+const GeographyChip = (_a) => {
+    var { geographyVariant } = _a, props = __rest(_a, ["geographyVariant"]);
+    const statusText = geographyVariant && geographyMap[geographyVariant];
+    const chipColors = geographyVariant && geographyColors[geographyVariant];
+    return (_jsx(StatusChip, Object.assign({}, chipColors, props, { children: statusText })));
+};
+export default GeographyChip;

package/build/components/SourceChips/GeographyChip/constants.d.ts

@@ -0,0 +1,16 @@
+export interface GeographyColors {
+    bgColor: string;
+    borderColor: string;
+    textColor: string;
+}
+export declare const geographyColors: {
+    L: {
+        bgColor: string;
+    };
+    R: {
+        bgColor: string;
+    };
+    G: {
+        bgColor: string;
+    };
+};

package/build/components/SourceChips/GeographyChip/constants.js

@@ -0,0 +1,11 @@
+export const geographyColors = {
+    L: {
+        bgColor: '#BFEBB480',
+    },
+    R: {
+        bgColor: '#B4D9EB80',
+    },
+    G: {
+        bgColor: '#FEE7B280',
+    },
+};

package/build/components/SourceChips/GeographyChip/index.d.ts

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

package/build/components/SourceChips/GeographyChip/index.js

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

package/build/components/SourceChips/PaymentAgreementChip/PaymentAgreementChip.d.ts

@@ -0,0 +1,7 @@
+import { StatusChipProps } from '../../StatusChip';
+export type PaymentAgreementType = 'ORDER' | 'SAVED_CARD' | 'SUBSCRIPTION' | 'INSTALLMENT' | undefined;
+interface PaymentAgreementChipProps extends Omit<StatusChipProps, 'children'> {
+    agreementType?: PaymentAgreementType;
+}
+declare const PaymentAgreementChip: ({ agreementType, unknownText, ...props }: PaymentAgreementChipProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentAgreementChip;

package/build/components/SourceChips/PaymentAgreementChip/PaymentAgreementChip.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import StatusChip from '../../StatusChip';
+import { agreementTypeMap, paymentAgreementColors } from './constants';
+const PaymentAgreementChip = (_a) => {
+    var { agreementType, unknownText = 'noAgreement' } = _a, props = __rest(_a, ["agreementType", "unknownText"]);
+    const statusText = agreementType && agreementTypeMap[agreementType];
+    const chipColors = agreementType && paymentAgreementColors[agreementType];
+    return (_jsx(StatusChip, Object.assign({}, chipColors, { unknownText: unknownText }, props, { children: statusText })));
+};
+export default PaymentAgreementChip;

package/build/components/SourceChips/PaymentAgreementChip/constants.d.ts

@@ -0,0 +1,21 @@
+export interface PaymentAgreementColors {
+    bgColor: string;
+    borderColor?: string;
+    textColor?: string;
+}
+export declare const paymentAgreementColors: {
+    ORDER: {
+        bgColor: string;
+        textColor: string;
+    };
+    SAVED_CARD: {
+        bgColor: string;
+        textColor: string;
+    };
+};
+export declare const agreementTypeMap: {
+    ORDER: string;
+    SAVED_CARD: string;
+    SUBSCRIPTION: string;
+    INSTALLMENT: string;
+};

package/build/components/SourceChips/PaymentAgreementChip/constants.js

@@ -0,0 +1,16 @@
+export const paymentAgreementColors = {
+    ORDER: {
+        bgColor: '#5E30EB33',
+        textColor: '#5E30EB',
+    },
+    SAVED_CARD: {
+        bgColor: '#76BB4033',
+        textColor: '#76BB40',
+    },
+};
+export const agreementTypeMap = {
+    ORDER: 'Order',
+    SAVED_CARD: 'Saved card',
+    SUBSCRIPTION: 'Subscription',
+    INSTALLMENT: 'Installment',
+};

package/build/components/SourceChips/PaymentAgreementChip/index.d.ts

@@ -0,0 +1,3 @@
+import PaymentAgreementChip from './PaymentAgreementChip';
+export type { PaymentAgreementType } from './PaymentAgreementChip';
+export default PaymentAgreementChip;

package/build/components/SourceChips/PaymentAgreementChip/index.js

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

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

@@ -0,0 +1,3 @@
+export { default as PaymentAgreementChip, type PaymentAgreementType } from './PaymentAgreementChip';
+export { default as AuthenticationChip, type AuthenticationChipType } from './AuthenticationChip';
+export { default as GeographyChip } from './GeographyChip';

package/build/components/SourceChips/index.js

@@ -0,0 +1,3 @@
+export { default as PaymentAgreementChip } from './PaymentAgreementChip';
+export { default as AuthenticationChip } from './AuthenticationChip';
+export { default as GeographyChip } from './GeographyChip';

package/build/components/StatusChip/StatusChip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipProps } from './type';
-declare const StatusChip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const StatusChip: ({ children, unknownText, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;

package/build/components/StatusChip/StatusChip.js

@@ -10,10 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { unknownGeographyColors } from './constants';
 import { ChipStyled } from './style';
-const StatusChip = forwardRef((_a, ref) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(ChipStyled, Object.assign({ ref: ref }, props, { children: children })));
-});
+const StatusChip = (_a) => {
+    var { children, unknownText } = _a, props = __rest(_a, ["children", "unknownText"]);
+    const { t } = useTranslation();
+    if (!children) {
+        return (_jsx(ChipStyled, Object.assign({}, unknownGeographyColors, props, { children: unknownText ? t(unknownText) : t('unknown') })));
+    }
+    return _jsx(ChipStyled, Object.assign({}, props, { children: children }));
+};
 export default StatusChip;

package/build/components/StatusChip/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const unknownGeographyColors: {
+    bgColor: string;
+    borderColor: string;
+    textColor: string;
+};

package/build/components/StatusChip/constants.js

@@ -0,0 +1,5 @@
+export const unknownGeographyColors = {
+    bgColor: 'white',
+    borderColor: '#F2F2F2',
+    textColor: '#20232B33',
+};

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

@@ -7,6 +7,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
     borderColor?: string | undefined;
     disabled?: boolean | undefined;
     padding?: string | undefined;
+    unknownText?: string | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {

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

@@ -6,4 +6,5 @@ export type ChipProps = PropsWithChildren<{
     borderColor?: string;
     disabled?: boolean;
     padding?: string;
+    unknownText?: string;
 } & BoxProps>;

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

@@ -2,4 +2,15 @@
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<Omit<import("../StatusChip").StatusChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<{
+    textColor?: string | undefined;
+    bgColor?: string | undefined;
+    borderColor?: string | undefined;
+    disabled?: boolean | undefined;
+    padding?: string | undefined;
+    unknownText?: string | undefined;
+} & import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/StatusIcons/GeographyIcon/GeographyIcon.d.ts

@@ -1,5 +1,5 @@
 export declare const GeographyIcon: ({ geographyVariant, countryCode, isTextShown, }: {
-    geographyVariant?: "R" | "G" | "L" | undefined;
+    geographyVariant?: "G" | "L" | "R" | undefined;
     countryCode?: string | undefined;
     isTextShown?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
 export { default as AgreementIcon, type AgreementIconProps } from './AgreementIcon';
 export { default as AuthIcons, type AuthIconsProps, AuthSourceAnimation } from './AuthIcons';
-export { default as AuthorizationAutoIcons, VoidAutoIcon } from './AuthorizationAutoIcons';
 export { AuthorizedIcon } from './AuthorizedIcon';
 export { ChargeStatusIcon } from './ChargeStatusIcon';
 export { CustomerInitiatedIcon } from './CustomerInitiated';

package/build/components/StatusIcons/index.js

@@ -1,6 +1,5 @@
 export { default as AgreementIcon } from './AgreementIcon';
 export { default as AuthIcons, AuthSourceAnimation } from './AuthIcons';
-export { default as AuthorizationAutoIcons, VoidAutoIcon } from './AuthorizationAutoIcons';
 export { AuthorizedIcon } from './AuthorizedIcon';
 export { ChargeStatusIcon } from './ChargeStatusIcon';
 export { CustomerInitiatedIcon } from './CustomerInitiated';

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

@@ -9,8 +9,8 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const StyledHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    sandboxMode: boolean;
-    maximized: boolean;
+    sandboxMode?: boolean | undefined;
+    maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -20,7 +20,7 @@ export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<im
     isHovered?: boolean | undefined;
 }, {}, {}>;
 export declare const StyledHeaderWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    sandboxMode: boolean;
-    maximized: boolean;
+    sandboxMode?: boolean | undefined;
+    maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;

package/build/components/ToolbarIcon/MaximizeIcon/MaximizeIcon.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material/Box';
 interface MaximizeIconProps extends BoxProps {
-    isMaximized: boolean;
+    isMaximized?: boolean;
 }
 export declare function MaximizeIcon({ isMaximized, ...props }: MaximizeIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as AccordionAdapter } from './AccordionAdapter';
 export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem, type ActionMenuProps } from './ActionMenu';
 export { default as ActivityAreaChart, type ActivityAreaChartProps, type ChartDataPoint, ChartTooltip, type ChartTooltipProps, LoadingChart, type PayloadItem, } from './ActivityAreaChart';
-export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
+export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindowHeader, type AppWindowHeaderProps, type AppWindowHeaderBaseProps, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation, type BlobGradient, type Blob } from './BackgroundAnimation';
 export { default as Button, PlusButton, StyledButton } from './Button';
 export { default as Calender, type CalenderProps, type DateObject } from './Calender';
@@ -94,3 +94,4 @@ export * from './StatusGroupChips';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
+export * from './SourceChips';

package/build/components/index.js

@@ -1,7 +1,7 @@
 export { default as AccordionAdapter } from './AccordionAdapter';
 export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem } from './ActionMenu';
 export { default as ActivityAreaChart, ChartTooltip, LoadingChart, } from './ActivityAreaChart';
-export { default as AppWindowWrapper, AccountHeaderTitle, AppWindow, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
+export { default as AppWindowWrapper, AccountHeaderTitle, AppWindowHeader, AppWindow, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation } from './BackgroundAnimation';
 export { default as Button, PlusButton, StyledButton } from './Button';
 export { default as Calender } from './Calender';
@@ -94,3 +94,4 @@ export * from './StatusGroupChips';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
+export * from './SourceChips';

package/build/constants/assets.d.ts

@@ -511,3 +511,4 @@ export declare const dashedOutlinedCircle: string;
 export declare const deactivatedCircle: string;
 export declare const exclamationOutlinedCircle: string;
 export declare const outlinedCircle: string;
+export declare const greenCheck2ACE00: string;

package/build/constants/assets.js

@@ -515,3 +515,4 @@ export const dashedOutlinedCircle = `${lightUrl}/dashedOutlinedCircle.svg`;
 export const deactivatedCircle = `${lightUrl}/deactivatedCircle.svg`;
 export const exclamationOutlinedCircle = `${lightUrl}/exclamationOutlinedCircle.svg`;
 export const outlinedCircle = `${lightUrl}/outlinedCircle.svg`;
+export const greenCheck2ACE00 = `${lightUrl}/greenCheck2ACE00.svg`;

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -42,7 +42,7 @@ export declare const chargeTableCellWidth: {
     readonly source: {
         readonly default: "114px";
         readonly text: "125px";
-        readonly sheet: "625px";
+        readonly sheet: "1250px";
     };
     readonly authenticate: {
         readonly default: "55px";

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -42,7 +42,7 @@ export const chargeTableCellWidth = {
     source: {
         default: '114px',
         text: '125px',
-        sheet: '625px',
+        sheet: '1250px',
     },
     authenticate: {
         default: '55px',

package/build/types/user.d.ts

@@ -211,4 +211,5 @@ export interface UserFormI {
     id_type?: string;
     is_authorized?: boolean;
 }
+export type GeographyVariant = 'G' | 'L' | 'R';
 export {};

package/package.json

@@ -1,134 +1,134 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.247",
-  "testVersion": 1,
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.js",
-      "require": "./build/index.js"
-    },
-    "./constants": {
-      "types": "./build/constants/index.d.ts",
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js"
-    },
-    "./components": {
-      "types": "./build/components/index.d.ts",
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js"
-    },
-    "./components/*": {
-      "types": "./build/components/*/index.d.ts",
-      "import": "./build/components/*/index.js",
-      "require": "./build/components/*/index.js"
-    },
-    "./hooks": {
-      "types": "./build/hooks/index.d.ts",
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js"
-    },
-    "./utils": {
-      "types": "./build/utils/index.d.ts",
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js"
-    },
-    "./theme": {
-      "types": "./build/theme/index.d.ts",
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js"
-    },
-    "./types": {
-      "types": "./build/types/index.d.ts",
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js"
-    }
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ahmed Sharkawy",
-    "email": "a.elsharkawy@tap.company"
-  },
-  "files": [
-    "build",
-    "readme.md"
-  ],
-  "scripts": {
-    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
-    "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 ",
-    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
-    "lint": "eslint . --color",
-    "lint:fix": "eslint src --fix --color",
-    "preview": "vite preview",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.3.1",
-    "@mui/material": "^5.12.3",
-    "@uiw/react-json-view": "^2.0.0-alpha.16",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
-    "framer-motion": "10.11.0",
-    "i18next": "^22.4.15",
-    "memoize-one": "^6.0.0",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.6",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.45.4",
-    "react-hot-toast": "^2.4.1",
-    "react-i18next": "^12.2.2",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^7.7.0",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
-    "react-window-infinite-loader": "^1.0.9",
-    "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/lodash": "^4.17.15",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-virtualized-auto-sizer": "^1.0.8",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5.0.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.0.248-test.2",
+  "testVersion": 2,
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js",
+      "require": "./build/index.js"
+    },
+    "./constants": {
+      "types": "./build/constants/index.d.ts",
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js"
+    },
+    "./components": {
+      "types": "./build/components/index.d.ts",
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js"
+    },
+    "./components/*": {
+      "types": "./build/components/*/index.d.ts",
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js"
+    },
+    "./hooks": {
+      "types": "./build/hooks/index.d.ts",
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js"
+    },
+    "./utils": {
+      "types": "./build/utils/index.d.ts",
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js"
+    },
+    "./theme": {
+      "types": "./build/theme/index.d.ts",
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js"
+    },
+    "./types": {
+      "types": "./build/types/index.d.ts",
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js"
+    }
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ahmed Sharkawy",
+    "email": "a.elsharkawy@tap.company"
+  },
+  "files": [
+    "build",
+    "readme.md"
+  ],
+  "scripts": {
+    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
+    "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 ",
+    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
+    "lint": "eslint . --color",
+    "lint:fix": "eslint src --fix --color",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "^5.12.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.16",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.8",
+    "framer-motion": "10.11.0",
+    "i18next": "^22.4.15",
+    "memoize-one": "^6.0.0",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-currency-input-field": "^3.6.11",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.45.4",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^12.2.2",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^7.7.0",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "react18-input-otp": "^1.1.4",
+    "recharts": "^2.15.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-virtualized-auto-sizer": "^1.0.8",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.0.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "6.0.5",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}