@tap-payments/os-micro-frontend-shared 0.1.70 → 0.1.72

package/build/components/StatusIcons/SourceIcons/components/SourceIcon.d.ts

@@ -1,5 +1,9 @@
-export declare function SourceIcon({ source, isTextShown, title }: {
+type SourceIconProps = {
     source: string;
     isTextShown?: boolean;
     title?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    width?: number | string;
+    height?: number | string;
+};
+export declare function SourceIcon({ source, isTextShown, title, width, height }: SourceIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/StatusIcons/SourceIcons/components/SourceIcon.js

@@ -4,10 +4,10 @@ import { useTranslation } from 'react-i18next';
 import Tooltip from '../../../Tooltip';
 import { getPaymentMethodsIcon } from '../../../../constants/index.js';
 import { StyledBadgeTextWrapper, StyledSourceImage, TextLabel } from '../style';
-export function SourceIcon({ source, isTextShown, title }) {
+export function SourceIcon({ source, isTextShown, title, width, height }) {
     const { t } = useTranslation();
     const ImageSrc = getPaymentMethodsIcon(source);
-    return (_jsx(Tooltip, Object.assign({ title: title }, { children: isTextShown ? (_jsx(StyledBadgeTextWrapper, Object.assign({ "data-testid": "SourceCell_BadgeTextWrapper" }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "SourceCell_TextLabel", "data-source": source }, { children: t(camelCase(source)) })) }))) : (_jsx(StyledSourceImage, { src: ImageSrc, alt: source, onError: (e) => {
+    return (_jsx(Tooltip, Object.assign({ title: title }, { children: isTextShown ? (_jsx(StyledBadgeTextWrapper, Object.assign({ "data-testid": "SourceCell_BadgeTextWrapper" }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "SourceCell_TextLabel", "data-source": source }, { children: t(camelCase(source)) })) }))) : (_jsx(StyledSourceImage, { src: ImageSrc, alt: source, width: width, height: height, onError: (e) => {
                 e.currentTarget.src = getPaymentMethodsIcon('card');
             } })) })));
 }

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { StackProps } from '@mui/material/Stack';
 import { TextAndLang } from '../../../../types/index.js';
-type TerminalsPlatformCellProps = {
+type TerminalsPlatformCellProps = StackProps & {
     name: TextAndLang[];
     icon?: React.ReactNode;
     displayRules?: {
@@ -8,5 +9,5 @@ type TerminalsPlatformCellProps = {
         showLabel?: boolean;
     };
 };
-declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules, ...props }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.js

@@ -1,3 +1,14 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -6,7 +17,8 @@ import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import { Chip, Tooltip } from '../../../index.js';
 import { getNameText } from '../../../../utils/index.js';
-const TerminalsPlatformCell = ({ name, icon, displayRules }) => {
+const TerminalsPlatformCell = (_a) => {
+    var { name, icon, displayRules } = _a, props = __rest(_a, ["name", "icon", "displayRules"]);
     const { i18n } = useTranslation();
     const { showIcon = true, showLabel = true } = displayRules || {};
     const platformName = getNameText(name, i18n.language);
@@ -14,6 +26,6 @@ const TerminalsPlatformCell = ({ name, icon, displayRules }) => {
     const displayLabel = showLabel || !!platformName;
     if (!displayIcon && !displayLabel)
         return null;
-    return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsPlatformCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: platformName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: platformName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: "Unavailable" }))) })) })))] })));
+    return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsPlatformCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, props, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: platformName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: platformName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: "Unavailable" }))) })) })))] })));
 };
 export default memo(TerminalsPlatformCell);

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

@@ -103,3 +103,4 @@ export * from './RadioButton';
 export * from './RadioGroup';
 export * from './LeftPeekRightExpandingChip';
 export { default as ColorPicker } from './ColorPicker';
+export { default as WindowBackdrop } from './WindowBackdrop';

package/build/components/index.js

@@ -103,3 +103,4 @@ export * from './RadioButton';
 export * from './RadioGroup';
 export * from './LeftPeekRightExpandingChip';
 export { default as ColorPicker } from './ColorPicker';
+export { default as WindowBackdrop } from './WindowBackdrop';

package/build/constants/assets.d.ts

@@ -103,6 +103,7 @@ export declare const checkIcon: string;
 export declare const closeXIcon: string;
 export declare const dragIcon: string;
 export declare const checkboxIcon: string;
+export declare const whitePlusIcon: string;
 export declare const protectIcon: string;
 export declare const unisoIcon: string;
 export declare const addidasIcon: string;
@@ -534,3 +535,8 @@ export declare const gradientSettings: string;
 export declare const gradientWallet: string;
 export declare const manyCurrencyCoin: string;
 export declare const manyCurrencyCoinGradient: string;
+export declare const blackMobileBatteryIcon: string;
+export declare const blackMobileSignalIcon: string;
+export declare const emptyMobileWifiIcon: string;
+export declare const deemaWithLabel: string;
+export declare const blackUnLinkIcon: string;

package/build/constants/assets.js

@@ -107,6 +107,7 @@ export const checkIcon = `${appBaseUrl}/check.svg`;
 export const closeXIcon = `${appBaseUrl}/closeX.svg`;
 export const dragIcon = `${appBaseUrl}/drag.svg`;
 export const checkboxIcon = `${appBaseUrl}/checkboxIcon.svg`;
+export const whitePlusIcon = `${lightUrl}/plusWhite.svg`;
 export const protectIcon = `${appBaseUrl}/checkboxIcon.svg`;
 export const unisoIcon = `${lightUrl}/Uniso.svg`;
 export const addidasIcon = `${lightUrl}/addidas.svg`;
@@ -538,3 +539,8 @@ export const gradientSettings = `${lightUrl}/gradientSettings.svg`;
 export const gradientWallet = `${lightUrl}/gradientWallet.svg`;
 export const manyCurrencyCoin = `${lightUrl}/manyCurrencyCoin.svg`;
 export const manyCurrencyCoinGradient = `${lightUrl}/manyCurrencyCoinGradient.svg`;
+export const blackMobileBatteryIcon = `${lightUrl}/blackMobileBatteryIcon.svg`;
+export const blackMobileSignalIcon = `${lightUrl}/blackMobileSignalIcon.svg`;
+export const emptyMobileWifiIcon = `${lightUrl}/emptyMobileWifiIcon.svg`;
+export const deemaWithLabel = `${lightUrl}/deemaWithLabel.svg`;
+export const blackUnLinkIcon = `${lightUrl}/blackUnLinkIcon.svg`;

package/build/types/user.d.ts

@@ -2,7 +2,6 @@ import { UserApp } from './apps';
 import { Brand } from './brand';
 import { Entity } from './entity';
 import { Merchant } from './merchant';
-import { ACCOUNT_SECTION } from './account';
 import { Country } from './appConfig';
 export interface TextAndLang {
     lang: string;
@@ -161,7 +160,7 @@ export interface SegmentRole {
     role_id: string;
 }
 export interface UserSection {
-    id: ACCOUNT_SECTION;
+    id: string;
     title?: string;
     icon?: string;
 }

package/package.json

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