@tap-payments/auth-jsconnect 2.11.13-development → 2.11.15-development

package/build/features/terminal/screens/shared/POSDeviceList.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { POSInfo } from '../../../../@types';
-interface POSDeviceListProps {
-    selectedPOS: POSInfo;
-    posDevices: POSInfo[];
-    select?: boolean;
-    loading?: boolean;
-    onClick: (pos: POSInfo) => void;
-}
-declare const _default: React.MemoExoticComponent<({ posDevices, onClick, selectedPOS, select, loading }: POSDeviceListProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/features/terminal/screens/shared/POSDeviceList.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ICONS_NAMES } from '../../../../constants';
-import Icon from '../../../../components/Icon';
-import Loader from '../../../../components/Loader';
-import { ListContainer, POSListContainer, TitleContainer, Image, Title, ScrollContainer, ListItem, StyledRadio, ArrowIcon } from './styles';
-import { useAppSelector } from '../../../../hooks';
-import { terminalSelector } from '../../../../features/app/terminal/terminalStore';
-var POSDeviceList = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var posDevices = _a.posDevices, onClick = _a.onClick, selectedPOS = _a.selectedPOS, _m = _a.select, select = _m === void 0 ? true : _m, loading = _a.loading;
-    var t = useTranslation().t;
-    var responseData = useAppSelector(terminalSelector).data.responseData;
-    var terminalData = (responseData || {}).terminalData;
-    var platformImage = ((_e = (_d = (_c = (_b = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.platform) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.logo) || ICONS_NAMES.platform_image;
-    var platformName = (_l = (_k = (_j = (_h = (_g = (_f = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.platform) === null || _h === void 0 ? void 0 : _h.brand) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.text;
-    var getEndComponent = function (pos) {
-        if (loading && (selectedPOS === null || selectedPOS === void 0 ? void 0 : selectedPOS.id) === (pos === null || pos === void 0 ? void 0 : pos.id))
-            return _jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 10, style: { height: 24, width: 24 }, toggleAnimation: !!loading });
-        if (select)
-            return (_jsx(StyledRadio, { sx: { paddingInlineEnd: 0 }, disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, onChange: function () { return onClick(pos); }, checkedIcon: _jsx(Icon, { src: ICONS_NAMES.radio_checked }), checked: (selectedPOS === null || selectedPOS === void 0 ? void 0 : selectedPOS.id) === pos.id }));
-        if (!select)
-            return _jsx(ArrowIcon, {});
-    };
-    return (_jsxs(ListContainer, { children: [_jsxs(TitleContainer, { children: [_jsx(Image, { src: platformImage, alt: 'Device' }), _jsx(Title, { children: t('terminal_devices', { name: platformName }) })] }), _jsx(ScrollContainer, { children: _jsx(POSListContainer, { children: (posDevices || []).map(function (device, index) { return (_jsx(ListItem, { sx: { minHeight: 'unset' }, onClick: function () { return onClick(device); }, name: device.display_name, deviceId: device.reference, deviceIdLabel: 'terminal_device_id', endAdornment: getEndComponent(device) }, index)); }) }) })] }));
-};
-export default memo(POSDeviceList);

package/build/features/terminal/screens/shared/index.d.ts

@@ -1,5 +0,0 @@
-import Header from './Header';
-import POSDeviceList from './POSDeviceList';
-export * from './styles';
-export * from './utils';
-export { Header, POSDeviceList };

package/build/features/terminal/screens/shared/index.js

@@ -1,5 +0,0 @@
-import Header from './Header';
-import POSDeviceList from './POSDeviceList';
-export * from './styles';
-export * from './utils';
-export { Header, POSDeviceList };

package/build/features/terminal/screens/shared/styles.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const LinkNewTerminalContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const TextTypography: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").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;
-}, "left" | "right" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const LinkWithText: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").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;
-}, "left" | "right" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const LinkTerminalText: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").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;
-}, "left" | "right" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const QRCodeDescription: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const SuccessContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ScrollContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const POSListContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ListContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Image: import("@emotion/styled").StyledComponent<Omit<import("../../../../components/Icon").IconProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & {
-    ref?: ((instance: HTMLImageElement | null) => void) | import("react").RefObject<HTMLImageElement> | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").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;
-}, "left" | "right" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ListItem: import("@emotion/styled").StyledComponent<import("../../../../components/DeviceCard").DeviceCardProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material/Radio").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ArrowIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "className" | "style" | "classes" | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const HeadContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const LinkButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "action" | "disabled" | "href" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AddIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const LinkText: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").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;
-}, "left" | "right" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/features/terminal/screens/shared/styles.js

@@ -1,155 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { alpha, styled } from '@mui/material/styles';
-import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
-import Typography from '@mui/material/Typography';
-import Radio from '@mui/material/Radio';
-import Icon from '../../../../components/Icon';
-import DeviceCard from '../../../../components/DeviceCard';
-export var Container = styled(Box)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column',
-    width: '100%'
-}); });
-export var LinkNewTerminalContainer = styled(Container)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        gap: spacing(1)
-    });
-});
-export var TextTypography = styled(Typography)(function (_a) {
-    var _b = _a.theme, palette = _b.palette, typography = _b.typography;
-    return (__assign(__assign({}, typography.caption), { color: alpha(palette.text.primary, 0.6) }));
-});
-export var LinkWithText = styled(TextTypography)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        paddingBlock: spacing(1)
-    });
-});
-export var LinkTerminalText = styled(TextTypography)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        paddingInline: spacing(2.625)
-    });
-});
-export var QRCodeDescription = styled(Box)(function (_a) {
-    var _b = _a.theme, palette = _b.palette, spacing = _b.spacing, typography = _b.typography;
-    return (__assign(__assign({ backgroundColor: palette.common.white, borderWidth: spacing(0.125, 0, 0.125, 0), borderStyle: 'solid', borderColor: palette.divider, padding: spacing(1.5, 2.5, 1.5, 2.5), marginTop: spacing(1), color: palette.text.primary }, typography.body1), { fontWeight: typography.fontWeightLight }));
-});
-export var SuccessContainerStyled = styled(Container)(function () { return ({
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    pointerEvents: 'auto'
-}); });
-export var ScrollContainer = styled(Box)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        maxHeight: spacing(20.625),
-        overflow: 'scroll'
-    });
-});
-export var POSListContainer = styled(Box)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-        gap: spacing(0.75)
-    });
-});
-export var ListContainer = styled(Box)(function (_a) {
-    var _b = _a.theme, spacing = _b.spacing, _c = _b.palette, common = _c.common, toastDeviceSelectorDropdown = _c.components.toastDeviceSelectorDropdown;
-    return ({
-        marginTop: spacing(1),
-        border: "1px solid ".concat(toastDeviceSelectorDropdown.border),
-        backgroundColor: common.white,
-        borderRadius: spacing(1)
-    });
-});
-export var TitleContainer = styled(Box)(function (_a) {
-    var _b = _a.theme, spacing = _b.spacing, toastDeviceSelectorDropdown = _b.palette.components.toastDeviceSelectorDropdown;
-    return ({
-        padding: spacing(1.5, 2, 1.5, 2),
-        display: 'flex',
-        flexDirection: 'row',
-        gap: spacing(0.75),
-        alignItems: 'center',
-        borderBottom: "1px solid ".concat(toastDeviceSelectorDropdown.border)
-    });
-});
-export var Image = styled(Icon)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        width: spacing(3),
-        height: spacing(3)
-    });
-});
-export var Title = styled(Typography)(function (_a) {
-    var _b = _a.theme, typography = _b.typography, palette = _b.palette;
-    return (__assign(__assign({}, typography.body2), { color: palette.components.deviceCard.title, fontWeight: typography.fontWeightBold }));
-});
-export var ListItem = styled(DeviceCard)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        paddingTop: spacing(1),
-        paddingBottom: spacing(1)
-    });
-});
-export var StyledRadio = styled(Radio)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        '&.Mui-checked': {
-            color: theme.palette.primary.main
-        }
-    });
-});
-export var ArrowIcon = styled(ArrowForwardIosIcon)(function (_a) {
-    var _b = _a.theme, palette = _b.palette, direction = _b.direction;
-    return (__assign({ color: palette.components.deviceCard.title, fontSize: '16px' }, (direction === 'rtl' && {
-        transform: 'rotate(180deg)'
-    })));
-});
-export var HeadContainer = styled(Box)(function (_a) {
-    var spacing = _a.theme.spacing;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        width: '100%',
-        paddingBottom: spacing(2)
-    });
-});
-export var LinkButton = styled(Button)(function (_a) {
-    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
-    return (__assign(__assign({}, typography.button_small), { fontWeight: typography.fontWeightRegular, textTransform: 'none', color: palette.primary.main, display: 'flex', alignItems: 'center', gap: spacing(0.5) }));
-});
-export var AddIconContainer = styled(Box)(function (_a) {
-    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette;
-    return ({
-        background: alpha(palette.primary.main, 0.1),
-        height: spacing(2.25),
-        width: spacing(2.25),
-        display: 'flex',
-        justifyContent: 'center',
-        borderRadius: spacing(11.25),
-        alignItems: 'center'
-    });
-});
-export var LinkText = styled(Typography)(function (_a) {
-    var typography = _a.theme.typography;
-    return (__assign({}, typography.button_small));
-});

package/build/features/terminal/screens/shared/utils.d.ts

@@ -1,7 +0,0 @@
-import { TerminalInfo } from '../../../../@types';
-export declare const getPairedWith: (terminal: TerminalInfo | undefined) => string | undefined;
-export declare const getId: (terminal: TerminalInfo | undefined) => string;
-export declare const getIdLabel: (terminal: TerminalInfo | undefined) => "terminal_device_id" | "terminal_serial_number";
-export declare const getTerminalId: (terminal: TerminalInfo) => string;
-export declare const getTerminalName: (terminal: TerminalInfo) => string;
-export declare const getTerminalIdLabel: (terminal: TerminalInfo) => "terminal_device_id" | "terminal_id";

package/build/features/terminal/screens/shared/utils.js

@@ -1,23 +0,0 @@
-export var getPairedWith = function (terminal) {
-    var _a;
-    return (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name;
-};
-export var getId = function (terminal) {
-    return ((terminal === null || terminal === void 0 ? void 0 : terminal.device) ? terminal.device.reference || terminal.device.id : terminal === null || terminal === void 0 ? void 0 : terminal.terminal_device.serial_number) || '';
-};
-export var getIdLabel = function (terminal) {
-    var _a;
-    return ((_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) ? 'terminal_device_id' : 'terminal_serial_number';
-};
-export var getTerminalId = function (terminal) {
-    var _a, _b;
-    return (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : terminal.legacy_id;
-};
-export var getTerminalName = function (terminal) {
-    var _a, _b, _c;
-    return (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name) !== null && _b !== void 0 ? _b : (_c = terminal === null || terminal === void 0 ? void 0 : terminal.name) === null || _c === void 0 ? void 0 : _c.en;
-};
-export var getTerminalIdLabel = function (terminal) {
-    var _a;
-    return ((_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) ? 'terminal_device_id' : 'terminal_id';
-};

package/build/hooks/index.d.ts

@@ -1,25 +0,0 @@
-export * from './useThemeMode';
-export * from './useAppTheme';
-export * from './useAppTheme';
-export * from './useAppSelector';
-export * from './useAppDispatch';
-export * from './useEventListener';
-export * from './useLanguage';
-export * from './useContainerDimensions';
-export * from './useAppConfig';
-export * from './useErrorListener';
-export * from './useWindowSize';
-export * from './useStepStartedListener';
-export * from './useScreen';
-export * from './useSetFromDefaultValues';
-export * from './useCountUp';
-export * from './useCountDown';
-export * from './useCountry';
-export * from './useVerifyToken';
-export * from './useFormReadOnly';
-export * from './useDataNoneEditable';
-export * from './useFormErrorAndUpdateReadOnly';
-export * from './useExcludeReadOnlyFelids';
-export * from './useDataVerified';
-export * from './useFormDirtyCheck';
-export * from './useSanitizedTranslation';

package/build/hooks/index.js

@@ -1,25 +0,0 @@
-export * from './useThemeMode';
-export * from './useAppTheme';
-export * from './useAppTheme';
-export * from './useAppSelector';
-export * from './useAppDispatch';
-export * from './useEventListener';
-export * from './useLanguage';
-export * from './useContainerDimensions';
-export * from './useAppConfig';
-export * from './useErrorListener';
-export * from './useWindowSize';
-export * from './useStepStartedListener';
-export * from './useScreen';
-export * from './useSetFromDefaultValues';
-export * from './useCountUp';
-export * from './useCountDown';
-export * from './useCountry';
-export * from './useVerifyToken';
-export * from './useFormReadOnly';
-export * from './useDataNoneEditable';
-export * from './useFormErrorAndUpdateReadOnly';
-export * from './useExcludeReadOnlyFelids';
-export * from './useDataVerified';
-export * from './useFormDirtyCheck';
-export * from './useSanitizedTranslation';

package/build/hooks/useAppConfig.d.ts

@@ -1,12 +0,0 @@
-import { ConfigInfo, LibConfig, ScreenStepNavigation } from '../@types';
-interface AppConfigProps extends LibConfig {
-    navigation: ScreenStepNavigation[];
-    disableCountries?: boolean;
-    disableLocale?: boolean;
-    disableSettingFetching?: boolean;
-    maturity?: 'full' | 'express';
-    configToken?: string;
-    onVerifyConfigTokenSuccess?: (data: ConfigInfo) => Promise<void>;
-}
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, boardMaturity, configToken, onVerifyConfigTokenSuccess, scope, mode, showBoard, features, ...rest }: AppConfigProps) => void;
-export {};

package/build/hooks/useAppConfig.js

@@ -1,68 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 { useEffect } from 'react';
-import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync, handelBoardMaturity, settingsSelector } from '../app/settings';
-import { useAppDispatch } from './useAppDispatch';
-import { useAppSelector } from './useAppSelector';
-import { isConnectTapDomain, removeRequestHeaders, setBaseUrl } from '../utils';
-export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, boardMaturity = _a.boardMaturity, configToken = _a.configToken, onVerifyConfigTokenSuccess = _a.onVerifyConfigTokenSuccess, scope = _a.scope, mode = _a.mode, showBoard = _a.showBoard, features = _a.features, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity", "configToken", "onVerifyConfigTokenSuccess", "scope", "mode", "showBoard", "features"]);
-    var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
-    var setAppConfig = function () {
-        if (!disableSettingFetching) {
-            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey, scope: scope === null || scope === void 0 ? void 0 : scope.toLowerCase(), mode: mode !== null && mode !== void 0 ? mode : 'page', showBoard: showBoard !== null && showBoard !== void 0 ? showBoard : true, features: __assign({ merchantLogo: true, switchLanguage: true, overlay: true, loaderOverlay: true }, features) }, rest)));
-        }
-        dispatch(handleActiveFlowScreens(navigation));
-    };
-    var checkDomain = function () {
-        var isTap = isConnectTapDomain(rest.merchantDomain);
-        dispatch(handleIsTapOrigin(isTap));
-    };
-    useEffect(function () {
-        dispatch(handleOpen(rest.open));
-    }, [rest.open]);
-    useEffect(function () {
-        if (rest.open === false)
-            return;
-        if (!disableSettingFetching && !configToken)
-            removeRequestHeaders();
-        checkDomain();
-        setBaseUrl(publicKey, rest.region);
-        setAppConfig();
-        if (typeof boardMaturity === 'boolean')
-            dispatch(handelBoardMaturity(boardMaturity));
-        if (!data.isMaturityExpress)
-            dispatch(handleLanguage(rest.language));
-        if (!disableSettingFetching)
-            dispatch(fetchAppSettingsSync({
-                disableCountries: disableCountries,
-                disableLocale: disableLocale,
-                mdn: rest.merchantDomain,
-                maturity: maturity,
-                onVerifyConfigTokenSuccess: onVerifyConfigTokenSuccess,
-                configToken: configToken,
-                settingData: rest.settingData
-            }));
-    }, []);
-};

package/build/hooks/useAppDispatch.d.ts

@@ -1,17 +0,0 @@
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    settings: import("../app/settings").SettingsState;
-    connect: import("../features/app/connect/connectStore").ConnectState;
-    business: import("../features/app/business/businessStore").BusinessState;
-    bank: import("../features/app/bank/bankStore").BankState;
-    tax: import("../features/app/tax/taxStore").TaxState;
-    individual: import("../features/app/individual/individualStore").IndividualState;
-    password: import("../features/app/password/passwordStore").PasswordState;
-    signIn: import("../features/app/signIn/signInStore").SignInState;
-    entity: import("../features/app/entity/entityStore").EntityState;
-    brand: import("../features/app/brand/brandStore").BrandState;
-    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
-    auth: import("../features/app/auth/authStore").AuthState;
-    board: import("../features/app/board/boardStore").BoardState;
-    kyc: import("../features/app/kyc/kycStore").KYCDataState;
-    terminal: import("../features/app/terminal/terminalStore").TerminalDataState;
-}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useAppDispatch.js

@@ -1,2 +0,0 @@
-import { useDispatch } from 'react-redux';
-export var useAppDispatch = function () { return useDispatch(); };

package/build/hooks/useAppSelector.d.ts

@@ -1,3 +0,0 @@
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from '../app/store';
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/build/hooks/useAppSelector.js

@@ -1,2 +0,0 @@
-import { useSelector } from 'react-redux';
-export var useAppSelector = useSelector;

package/build/hooks/useAppTheme.d.ts

@@ -1,4 +0,0 @@
-import { ThemContext } from '../@types';
-export declare const useAppTheme: () => {
-    theme: ThemContext | undefined;
-};

package/build/hooks/useAppTheme.js

@@ -1,16 +0,0 @@
-import { useEffect, useState } from 'react';
-import { LanguageMode, DirectionMode } from '../@types';
-import { settingsSelector } from '../app/settings';
-import { isMobile, isTablet } from 'react-device-detect';
-import { useAppSelector } from './useAppSelector';
-import { appTheme } from '../theme';
-export var useAppTheme = function () {
-    var _a = useState(), theme = _a[0], setTheme = _a[1];
-    var data = useAppSelector(settingsSelector).data;
-    useEffect(function () {
-        var dir = data.language === LanguageMode.AR ? DirectionMode.RTL : DirectionMode.LTR;
-        var isSmallScreen = isMobile && !isTablet;
-        setTheme(appTheme(data.skin, dir, isSmallScreen));
-    }, [data.skin, data.language, isMobile, isTablet]);
-    return { theme: theme };
-};

package/build/hooks/useContainerDimensions.d.ts

@@ -1,4 +0,0 @@
-export declare const useContainerDimensions: (ref: any) => {
-    width: number;
-    height: number;
-};

package/build/hooks/useContainerDimensions.js

@@ -1,21 +0,0 @@
-import { useEffect, useState } from 'react';
-export var useContainerDimensions = function (ref) {
-    var getDimensions = function () { return ({
-        width: ref.current.offsetWidth,
-        height: ref.current.offsetHeight
-    }); };
-    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
-    useEffect(function () {
-        var handleResize = function () {
-            setDimensions(getDimensions());
-        };
-        if (ref.current) {
-            setDimensions(getDimensions());
-        }
-        window.addEventListener('resize', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [ref]);
-    return dimensions;
-};

package/build/hooks/useCountDown.d.ts

@@ -1,10 +0,0 @@
-interface CountDownOptions {
-    end?: number;
-    start: number;
-    startTimer: boolean;
-    sleepMS?: number;
-}
-export declare const useCountDown: ({ end, start, startTimer, sleepMS }: CountDownOptions) => {
-    count: number;
-};
-export {};

package/build/hooks/useCountDown.js

@@ -1,17 +0,0 @@
-import { useEffect, useState } from 'react';
-export var useCountDown = function (_a) {
-    var _b = _a.end, end = _b === void 0 ? 0 : _b, start = _a.start, startTimer = _a.startTimer, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
-    var _d = useState(start), count = _d[0], setCount = _d[1];
-    var decrement = function () {
-        setCount(count - 1);
-    };
-    useEffect(function () {
-        if (count === end || !startTimer)
-            return;
-        var timer = setTimeout(function () {
-            decrement();
-        }, sleepMS);
-        return function () { return clearTimeout(timer); };
-    }, [count, startTimer]);
-    return { count: count };
-};

package/build/hooks/useCountUp.d.ts

@@ -1,9 +0,0 @@
-interface CountUpOptions {
-    end: number;
-    start?: number;
-    sleepMS?: number;
-}
-export declare const useCountUp: ({ end, start, sleepMS }: CountUpOptions) => {
-    count: number;
-};
-export {};

package/build/hooks/useCountUp.js

@@ -1,17 +0,0 @@
-import { useEffect, useState } from 'react';
-export var useCountUp = function (_a) {
-    var end = _a.end, _b = _a.start, start = _b === void 0 ? 0 : _b, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
-    var _d = useState(start), count = _d[0], setCount = _d[1];
-    var increment = function () {
-        setCount(count + 1);
-    };
-    useEffect(function () {
-        if (count >= end)
-            return;
-        var timer = setTimeout(function () {
-            increment();
-        }, sleepMS);
-        return function () { return clearTimeout(timer); };
-    }, [count]);
-    return { count: count };
-};