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

package/build/components/TableCells/CustomCells/DueDateCell/utils.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date?: number): string;

package/build/components/TableCells/CustomCells/DueDateCell/utils.js

@@ -0,0 +1,11 @@
+import { formatCellDate } from '../../../../utils/index.js';
+export function formatDate(date) {
+    return formatCellDate(date, {
+        sameDay: '[Today at] h:mm A',
+        nextDay: '[Tomorrow]',
+        lastDay: '[Yesterday]',
+        sameElse: 'MMM DD, YYYY',
+        lastWeek: 'MMM DD, YYYY',
+        nextWeek: 'MMM DD, YYYY',
+    });
+}

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

@@ -0,0 +1,2 @@
+import { EntityCellProps } from './type';
+export default function EntityCell({ entity, country, verificationStatus, licenseNumber, ...props }: EntityCellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+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 TableCell from '../../TableCell';
+import Icon from '../../../Icon';
+import { getCountriesIcon } from '../../../../constants/index.js';
+import { EntityName, EntityWrapper, VerificationIcon, EntityContainer, EntityInfoContainer, VerificationContainer, EmptyCell } from './style';
+import { verificationIcon } from './constants';
+import Tooltip from '../../../Tooltip';
+export default function EntityCell(_a) {
+    var { entity, country, verificationStatus, licenseNumber } = _a, props = __rest(_a, ["entity", "country", "verificationStatus", "licenseNumber"]);
+    const countryIcon = getCountriesIcon(country);
+    const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
+    return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: 'pointer' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, { children: licenseNumber ? (_jsxs(EntityContainer, { children: [_jsxs(EntityInfoContainer, { children: [_jsx(Icon, { src: countryIcon, sx: { width: '16px', height: '11.73' } }), _jsx(EntityName, { children: licenseNumber })] }), _jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) })] })) : (_jsx(EmptyCell, { children: "Not Available" })) }) })) })));
+}

package/build/components/TableCells/CustomCells/EntityCell/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const verificationIcon: {
+    readonly incomplete: string;
+    readonly complete: string;
+    readonly reviewed: string;
+    readonly verified: string;
+};

package/build/components/TableCells/CustomCells/EntityCell/constants.js

@@ -0,0 +1,7 @@
+import { blueVerifyIcon, grayVerifyIcon, greenVerifyIcon } from '../../../../constants/index.js';
+export const verificationIcon = {
+    incomplete: grayVerifyIcon,
+    complete: blueVerifyIcon,
+    reviewed: blueVerifyIcon,
+    verified: greenVerifyIcon,
+};

package/build/components/TableCells/CustomCells/EntityCell/index.d.ts

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

package/build/components/TableCells/CustomCells/EntityCell/index.js

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

package/build/components/TableCells/CustomCells/EntityCell/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const EntityWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EntityIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const EntityName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const EntityContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EntityInfoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerificationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EmptyCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/TableCells/CustomCells/EntityCell/style.js

@@ -0,0 +1,52 @@
+import { styled } from '@mui/material';
+export const EntityWrapper = styled('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1),
+    border: '1.029px solid #F2F2F2',
+    borderRadius: '44px',
+    padding: '4px 8px',
+    lineHeight: '120%',
+}));
+export const EntityIcon = styled('img')(() => ({
+    width: '16px',
+    height: '11.73px',
+}));
+export const EntityName = styled('div')(({ theme }) => ({
+    fontSize: '14px',
+    fontWeight: 400,
+    color: theme.palette.text.primary,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    maxWidth: '100%',
+}));
+export const VerificationIcon = styled('img')(() => ({
+    width: '10.5px',
+    height: '10.5px',
+}));
+export const EntityContainer = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+});
+export const EntityInfoContainer = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    minWidth: '110px',
+    gap: '8px',
+});
+export const VerificationContainer = styled('div')({
+    marginLeft: 'auto',
+    width: 'auto',
+});
+export const EmptyCell = styled('div')({
+    fontWeight: 400,
+    fontSize: 14,
+    lineHeight: '120%',
+    letterSpacing: 0,
+    color: '#B1B1B1',
+    textAlign: 'center',
+    width: '100%',
+});

package/build/components/TableCells/CustomCells/EntityCell/type.d.ts

@@ -0,0 +1,7 @@
+import { TableCellProps } from '@mui/material';
+export type EntityCellProps = TableCellProps & {
+    entity: string;
+    verificationStatus?: 'incomplete' | 'complete' | 'reviewed' | 'verified';
+    country: string;
+    licenseNumber?: string;
+};

package/build/components/TableCells/CustomCells/EntityCell/type.js

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IDButtonI {
+    rowId?: string;
+}
+declare function IDButton({ rowId }: IDButtonI): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof IDButton>;
+export default _default;

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+import Box from '@mui/material/Box';
+import { useTranslation } from 'react-i18next';
+import Tooltip from '../../../Tooltip';
+import { greenCheckIcon, idIcon } from '../../../../constants/index.js';
+import { copyText } from '../../../../utils/index.js';
+import { RowId, Button } from './style';
+function IDButton({ rowId }) {
+    const [showCopy, setShowCopy] = useState(false);
+    const [isHover, setIsHover] = useState(false);
+    const { t } = useTranslation();
+    const handleCopyRowId = () => {
+        if (rowId) {
+            setShowCopy(true);
+            copyText(rowId);
+            const timer = setTimeout(() => {
+                setShowCopy(false);
+            }, 2000);
+            return () => {
+                clearTimeout(timer);
+            };
+        }
+    };
+    const onShow = () => {
+        if (!isHover)
+            setIsHover(true);
+    };
+    const onHide = () => {
+        if (isHover)
+            setIsHover(false);
+    };
+    return (_jsx(Tooltip, Object.assign({ title: t('copy') }, { children: _jsx(Box, Object.assign({ sx: { position: 'relative', minWidth: '20px', height: '26px', cursor: 'pointer' } }, { children: _jsxs(Button, Object.assign({ onClick: handleCopyRowId, onMouseEnter: onShow, onMouseLeave: onHide, isHover: isHover, initial: { width: '20px' }, animate: {
+                    width: isHover ? 'auto' : '20px',
+                    position: isHover ? 'absolute' : 'static',
+                } }, { children: [isHover && (_jsx(RowId, Object.assign({ initial: {
+                            opacity: 0,
+                        }, animate: {
+                            opacity: isHover ? 1 : 0,
+                        }, exit: {
+                            opacity: 0,
+                        }, transition: { delay: isHover ? 0.3 : 0, duration: isHover ? 0.3 : 0.1 } }, { children: rowId }))), _jsx(Box, { component: "img", src: showCopy ? greenCheckIcon : idIcon, alt: "id" })] })) })) })));
+}
+export default memo(IDButton);

package/build/components/TableCells/CustomCells/IDButton/index.d.ts

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

package/build/components/TableCells/CustomCells/IDButton/index.js

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