@tap-payments/os-micro-frontend-shared 0.0.180 → 0.0.183

package/build/components/CountryFlag/CountryFlag.js

@@ -1,20 +0,0 @@
-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 Box from '@mui/material/Box';
-import { defaultCountryIcon, getCountriesIcon } from '../../constants/index.js';
-function CountryFlag(_a) {
-    var { code = '' } = _a, props = __rest(_a, ["code"]);
-    return (_jsx(Box, Object.assign({}, props, { component: "img", src: getCountriesIcon(code) || defaultCountryIcon, alt: code, sx: Object.assign(Object.assign({ width: 16 }, (code && { height: 12, borderRadius: '3px' })), props.sx), loading: "lazy" })));
-}
-export default memo(CountryFlag);

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

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

package/build/components/CountryFlag/index.js

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

package/build/components/CurrencyIcon/CurrencyIcon.d.ts

@@ -1,5 +0,0 @@
-declare function CurrencyIcon({ currency, fontSize }: {
-    currency?: string;
-    fontSize?: number;
-}): import("react/jsx-runtime").JSX.Element;
-export default CurrencyIcon;

package/build/components/CurrencyIcon/CurrencyIcon.js

@@ -1,15 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { DirhamIconImage, SARIconImage } from '../../constants/index.js';
-import { StyleCurrencyIcon } from './style';
-const currencyMap = {
-    SAR: SARIconImage,
-    AED: DirhamIconImage,
-};
-function CurrencyIcon({ currency, fontSize }) {
-    const currencyIcon = currencyMap[currency];
-    if (!currencyIcon) {
-        return _jsx(_Fragment, { children: currency });
-    }
-    return _jsx(StyleCurrencyIcon, { component: "img", src: currencyIcon, alt: currency, sx: { height: fontSize } });
-}
-export default CurrencyIcon;

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

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

package/build/components/CurrencyIcon/index.js

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyleCurrencyIcon: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material/styles").Theme>>;
-export declare const CurrencySpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DecimalSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/CurrencyIcon/style.js

@@ -1,13 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const StyleCurrencyIcon = styled(Box)(() => ({
-    height: 10,
-}));
-export const CurrencySpan = styled('span')(({ theme }) => ({
-    fontSize: theme.typography.body2.fontSize,
-    lineHeight: '17px',
-    fontWeight: '700',
-}));
-export const DecimalSpan = styled('span')(() => ({
-    fontWeight: '400',
-}));

package/build/components/CustomBackdrop/CustomBackdrop.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material';
-declare function CustomBackdrop(props: BoxProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof CustomBackdrop>;
-export default _default;

package/build/components/CustomBackdrop/CustomBackdrop.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { CustomBackdropStyled } from './style';
-function CustomBackdrop(props) {
-    return _jsx(CustomBackdropStyled, Object.assign({}, props));
-}
-export default memo(CustomBackdrop);

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

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

package/build/components/CustomBackdrop/index.js

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const CustomBackdropStyled: 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>, {}, {}>;

package/build/components/CustomBackdrop/style.js

@@ -1,9 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const CustomBackdropStyled = styled(Box)(() => ({
-    position: 'fixed',
-    top: 0,
-    bottom: 0,
-    right: 0,
-    left: 0,
-    zIndex: 2,
-}));

package/build/components/DateButton/DateButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { type StatusButtonProps } from '../StatusButton/type';
-declare function DateButton(props: Omit<StatusButtonProps, 'variant'>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof DateButton>;
-export default _default;

package/build/components/DateButton/DateButton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material';
-import StatusButton from '../StatusButton';
-const StyledDateButton = styled(StatusButton)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.subtitle1), { fontWeight: theme.typography.fontWeightMedium, borderRadius: '4px', paddingInline: '8px', paddingBlock: '8.5px', minWidth: 'auto' })));
-function DateButton(props) {
-    return _jsx(StyledDateButton, Object.assign({}, props, { variant: "inActive" }));
-}
-export default memo(DateButton);

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

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

package/build/components/DateButton/index.js

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

package/build/components/DeviceIcon/DeviceIcon.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-import { DEVICE_ICON } from './constants';
-import { TableMode } from '../../types/index.js';
-interface DeviceIconProps extends BoxProps {
-    type?: keyof typeof DEVICE_ICON;
-    isTextShown?: boolean;
-    tableMode?: TableMode;
-}
-declare function DeviceIcon({ type, isTextShown, tableMode, ...props }: DeviceIconProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof DeviceIcon>;
-export default _default;

package/build/components/DeviceIcon/DeviceIcon.js

@@ -1,29 +0,0 @@
-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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import capitalize from 'lodash/capitalize';
-import { useTranslation } from 'react-i18next';
-import { defaultDeviceIcon } from '../../constants/index.js';
-import { capitalizeFirstLetter } from '../../utils/index.js';
-import { TextLabel } from './style';
-import Tooltip from '../Tooltip';
-import { DEVICE_ICON } from './constants';
-import { isDeviceIconShown } from './utils';
-function DeviceIcon(_a) {
-    var { type, isTextShown, tableMode } = _a, props = __rest(_a, ["type", "isTextShown", "tableMode"]);
-    const { t } = useTranslation();
-    const icon = isDeviceIconShown(type) ? DEVICE_ICON[type] : null;
-    return (_jsx(Tooltip, Object.assign({ title: icon ? capitalizeFirstLetter((type !== null && type !== void 0 ? type : '').toLowerCase()) : t('unKnown') }, { children: isTextShown ? (_jsxs(TextLabel, Object.assign({ tableMode: tableMode }, { children: [" ", type ? capitalize(type) : 'Unknown'] }))) : (_jsx(Box, Object.assign({}, props, { component: "img", src: type ? icon || defaultDeviceIcon : defaultDeviceIcon, alt: type }))) })));
-}
-export default memo(DeviceIcon);

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

@@ -1,5 +0,0 @@
-export declare const DEVICE_ICON: {
-    DESKTOP: string;
-    PHONE: string;
-    TABLET: string;
-};

package/build/components/DeviceIcon/constants.js

@@ -1,6 +0,0 @@
-import { desktopIcon, mobileIcon, tabletIcon } from '../../constants/index.js';
-export const DEVICE_ICON = {
-    DESKTOP: desktopIcon,
-    PHONE: mobileIcon,
-    TABLET: tabletIcon,
-};

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

@@ -1,3 +0,0 @@
-import DeviceIcon from './DeviceIcon';
-export { isDeviceIconShown } from './utils';
-export default DeviceIcon;

package/build/components/DeviceIcon/index.js

@@ -1,3 +0,0 @@
-import DeviceIcon from './DeviceIcon';
-export { isDeviceIconShown } from './utils';
-export default DeviceIcon;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TableMode } from '../../types/index.js';
-export declare const TextLabel: 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> & {
-    tableMode?: TableMode | undefined;
-}, {}, {}>;

package/build/components/DeviceIcon/style.js

@@ -1,18 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const TextLabel = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'tableMode',
-})(({ theme, tableMode }) => ({
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '4px 8px',
-    borderRadius: '24px',
-    border: `1px solid ${theme.palette.divider}`,
-    color: theme.palette.text.primary,
-    height: tableMode === 'sheet' ? '18px' : '24px',
-}));

package/build/components/DeviceIcon/utils.d.ts

@@ -1 +0,0 @@
-export declare const isDeviceIconShown: (deviceType?: string) => boolean;

package/build/components/DeviceIcon/utils.js

@@ -1,4 +0,0 @@
-import { DEVICE_ICON } from './constants';
-export const isDeviceIconShown = (deviceType) => {
-    return !!DEVICE_ICON[deviceType];
-};

package/build/components/Dialog/Dialog.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode, MouseEvent, CSSProperties } from 'react';
-import { DragControls } from 'framer-motion';
-interface DialogProps {
-    children: ReactNode;
-    index: number;
-    order: number;
-    dialogRef?: any;
-    height?: number;
-    onClick: (e: MouseEvent<HTMLElement>) => void;
-    dragControls: DragControls;
-    style?: CSSProperties;
-}
-export default function Dialog({ children, index, dialogRef, height, onClick, order, dragControls, style }: DialogProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/Dialog/Dialog.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DialogWrapper } from './style';
-import { DEFAULT_DIALOG_WIDTH } from './constant';
-export default function Dialog({ children, index, dialogRef, height, onClick, order, dragControls, style }) {
-    return (_jsx(DialogWrapper, Object.assign({ drag: true, dragListener: false, dragMomentum: false, dragControls: dragControls, initial: {
-            top: '50%',
-            left: `calc(50% + ${index * 10}px - ${DEFAULT_DIALOG_WIDTH / 2}px)`,
-        }, transition: { duration: 0.1 }, animate: Object.assign(Object.assign({}, (height && { top: `calc(50%  + ${index * 10}px - ${height / 2}px)` })), { zIndex: 2 + order }), onClick: onClick, ref: dialogRef, style: style }, { children: children })));
-}

package/build/components/Dialog/components/DialogToolbar.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-export interface DialogToolbarProps extends BoxProps {
-    title: string;
-    onCloseDialog: () => void;
-}
-declare function DialogToolbar({ title, onCloseDialog, ...props }: DialogToolbarProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof DialogToolbar>;
-export default _default;

package/build/components/Dialog/components/DialogToolbar.js

@@ -1,31 +0,0 @@
-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, useState } from 'react';
-import Toolbar from '../../Toolbar';
-import { CloseIcon } from '../../ToolbarIcon';
-function DialogToolbar(_a) {
-    var { title, onCloseDialog } = _a, props = __rest(_a, ["title", "onCloseDialog"]);
-    const [isHovered, setIsHovered] = useState(false);
-    const onMouseHover = () => {
-        setIsHovered(true);
-    };
-    const onMouseLeave = () => {
-        setIsHovered(false);
-    };
-    const onClose = (e) => {
-        e.stopPropagation();
-        onCloseDialog();
-    };
-    return (_jsx(Toolbar, Object.assign({ onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isHovered: isHovered, title: title, leftActions: _jsx(CloseIcon, { onClick: onClose }) }, props)));
-}
-export default memo(DialogToolbar);

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

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

package/build/components/Dialog/components/index.js

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

package/build/components/Dialog/constant.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_DIALOG_WIDTH = 416;

package/build/components/Dialog/constant.js

@@ -1 +0,0 @@
-export const DEFAULT_DIALOG_WIDTH = 416;

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

@@ -1,4 +0,0 @@
-import Dialog from './Dialog';
-export { default as DialogToolbar } from './components/DialogToolbar';
-export { DialogContent, DialogHeader, DialogFooter } from './style';
-export default Dialog;

package/build/components/Dialog/index.js

@@ -1,4 +0,0 @@
-import Dialog from './Dialog';
-export { default as DialogToolbar } from './components/DialogToolbar';
-export { DialogContent, DialogHeader, DialogFooter } from './style';
-export default Dialog;