@tap-payments/os-micro-frontend-shared 0.1.382 → 0.1.384

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

@@ -1,23 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { CopyImage, Icon, Text, Tooltip } from '../../../index.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import toast from 'react-hot-toast';
+import { Icon } from '../../../index.js';
 import { gadientLink } from '../../../../constants/index.js';
 import { copyText } from '../../../../utils/index.js';
-import { Chip, TooltipWrapper } from './style';
+import { Chip } from './style';
 function LinkCell({ url }) {
-    const [isCopyActive, setIsCopyActive] = useState(false);
     const onClick = () => {
-        setIsCopyActive(true);
-        copyText(url);
-        const timer = setTimeout(() => {
-            setIsCopyActive(false);
-        }, 2000);
-        return () => {
-            clearTimeout(timer);
-        };
+        try {
+            copyText(url);
+            toast.success('Copied!');
+        }
+        catch (_a) {
+            toast.error('Failed to copy');
+        }
     };
     if (!url)
         return null;
-    return (_jsx(Tooltip, Object.assign({ title: _jsxs(TooltipWrapper, { children: [_jsx(Text, Object.assign({ noWrap: true, sx: { fontSize: 12 } }, { children: url })), _jsx(CopyImage, { isCopyActive: isCopyActive, onClick: onClick })] }) }, { children: _jsx(Chip, { children: _jsx(Icon, { src: gadientLink, alt: "link" }) }) })));
+    return (_jsx(Chip, Object.assign({ onClick: onClick }, { children: _jsx(Icon, { src: gadientLink, alt: "link" }) })));
 }
 export default memo(LinkCell);

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

@@ -2,6 +2,3 @@
 export declare const Chip: 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 TooltipWrapper: 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>, {}, {}>;

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

@@ -10,10 +10,3 @@ export const Chip = styled(Box)(({ theme }) => ({
     border: `1px solid ${theme.palette.divider}`,
     cursor: 'pointer',
 }));
-export const TooltipWrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '12px',
-    gap: '4px',
-}));

package/build/constants/apps.d.ts

@@ -968,6 +968,9 @@ export declare const APP_CODES: {
             };
         };
     };
+    slaProcess: {
+        code: string;
+    };
 };
 export declare const APP_DIMENSIONS: {
     [x: string]: {

package/build/constants/apps.js

@@ -1,4 +1,4 @@
-import { tokenAppIcon, billingAppIcon, acceptanceAppIcon, payoutsAppIcon, protectAppIcon, customersAppIcon, businessesAppIcon, accountAppIcon, walletAppIcon, authenticationAppIcon, acceptanceWindowIcon, walletWindowIcon, billingWindowIcon, customersWindowIcon, payoutWindowIcon, protectWindowIcon, tokensWindowIcon, accountWindowIcon, businessesWindowIcon, authenticationWindowIcon, reportsWindowIcon, reportAppIcon, orderAppIcon, orderWindowIcon, leadAppIcon, leadTitleIcon, terminalAppIcon, terminalWindowIcon, } from './assets';
+import { tokenAppIcon, billingAppIcon, acceptanceAppIcon, payoutsAppIcon, protectAppIcon, customersAppIcon, businessesAppIcon, accountAppIcon, walletAppIcon, authenticationAppIcon, acceptanceWindowIcon, walletWindowIcon, billingWindowIcon, customersWindowIcon, payoutWindowIcon, protectWindowIcon, tokensWindowIcon, accountWindowIcon, businessesWindowIcon, authenticationWindowIcon, reportsWindowIcon, reportAppIcon, orderAppIcon, orderWindowIcon, leadAppIcon, leadTitleIcon, terminalAppIcon, terminalWindowIcon, slaProcessAppIcon, slaProcessWindowIcon, } from './assets';
 import { FOOTER_HEIGHT, HEADER_HEIGHT } from './style';
 export const SERVICE_COMMON_FUNCTIONS = {
     view: {
@@ -391,6 +391,7 @@ export const APP_CODES = {
             },
         },
     },
+    slaProcess: { code: 'SLA_PROCESS' },
 };
 export const APP_DIMENSIONS = {
     general: {
@@ -482,6 +483,11 @@ export const APP_ICONS = [
         iconUrl: terminalAppIcon,
         toolbarIconUrl: terminalWindowIcon,
     },
+    {
+        code: APP_CODES.slaProcess.code,
+        iconUrl: slaProcessAppIcon,
+        toolbarIconUrl: slaProcessWindowIcon,
+    },
 ];
 export const excludedApps = ['login'];
 export const MF_APPS_MAPPER = new Set([

package/build/constants/assets.d.ts

@@ -301,6 +301,8 @@ export declare const braveIcon: string;
 export declare const arcIcon: string;
 export declare const chromiumIcon: string;
 export declare const userIcon: string;
+export declare const slaProcessAppIcon: string;
+export declare const slaProcessWindowIcon: string;
 export declare const abandonedTableIcon: string;
 export declare const cancelledTableIcon: string;
 export declare const capturedTableIcon: string;

package/build/constants/assets.js

@@ -306,6 +306,8 @@ export const braveIcon = `${appBaseUrl}/braveBrowser.svg`;
 export const arcIcon = `${appBaseUrl}/arcBrowser.svg`;
 export const chromiumIcon = `${appBaseUrl}/chromiumBrowser.svg`;
 export const userIcon = `${appBaseUrl}/userIcon.svg`;
+export const slaProcessAppIcon = `${appBaseUrl}/slaProcess.svg`;
+export const slaProcessWindowIcon = `${lightUrl}/window/slaProcess.svg`;
 // table status icons
 export const abandonedTableIcon = `${lightUrl}/status/table/abandoned.svg`;
 export const cancelledTableIcon = `${lightUrl}/status/table/cancelled.svg`;

package/package.json

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