@tap-payments/os-micro-frontend-shared 0.1.381-test.2 → 0.1.381-test.4

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

@@ -17,7 +17,7 @@ import Dropdown from '../../../DropdownMenu';
 import Tooltip from '../../../Tooltip';
 import { TableCell } from '../../../TableCells';
 import StyledBadge, { BadgeVariants } from '../../../CountBadge';
-import { jsonBlackIcon } from '../../../../constants/index.js';
+import { idIcon, jsonBlackIcon } from '../../../../constants/index.js';
 import ActionIconsVariants from './components/ActionIconsVariants';
 import { actionIcons, colorToVariant, flags } from './constant';
 import { useActionCell } from './hooks/useActionCell';
@@ -71,7 +71,7 @@ export const ActionCell = memo((_a) => {
                                             },
                                             opacity: 1,
                                         },
-                                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: colorToVariant[(_c = flags[flag]) === null || _c === void 0 ? void 0 : _c.color] || BadgeVariants.ORANGE, "data-testid": "ActionCell_StyledBadge" }, { children: [flagsCount, "x"] })) })))] })) }))) })), showIdButton && _jsx(IDButton, { rowId: rowId || row.id }), _jsxs("div", Object.assign({ "data-testid": "ActionCell_IconsContainer", style: {
+                                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: colorToVariant[(_c = flags[flag]) === null || _c === void 0 ? void 0 : _c.color] || BadgeVariants.ORANGE, "data-testid": "ActionCell_StyledBadge" }, { children: [flagsCount, "x"] })) })))] })) }))) })), showIdButton && _jsx(IDButton, { id: rowId || row.id, icon: idIcon }), _jsxs("div", Object.assign({ "data-testid": "ActionCell_IconsContainer", style: {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'center',

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 interface IDButtonI {
-    rowId?: string;
+    icon: string;
+    id?: string;
 }
-declare function IDButton({ rowId }: IDButtonI): import("react/jsx-runtime").JSX.Element;
+declare function IDButton({ icon, id }: 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

@@ -6,14 +6,14 @@ 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 }) {
+function IDButton({ icon, id }) {
     const [showCopy, setShowCopy] = useState(false);
     const [isHover, setIsHover] = useState(false);
     const { t } = useTranslation();
     const handleCopyRowId = () => {
-        if (rowId) {
+        if (id) {
             setShowCopy(true);
-            copyText(rowId);
+            copyText(id);
             const timer = setTimeout(() => {
                 setShowCopy(false);
             }, 2000);
@@ -39,6 +39,6 @@ function IDButton({ rowId }) {
                             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" })] })) })) })));
+                        }, transition: { delay: isHover ? 0.3 : 0, duration: isHover ? 0.3 : 0.1 } }, { children: id }))), _jsx(Box, { component: "img", src: showCopy ? greenCheckIcon : idIcon, alt: "id" })] })) })) })));
 }
 export default memo(IDButton);

package/build/constants/assets.d.ts

@@ -54,6 +54,7 @@ export declare const disputeResolvedIcon: string;
 export declare const reversePayoutIcon: string;
 export declare const ellipsisHorizontalIcon: string;
 export declare const threeDsIcon: string;
+export declare const invoiceIdIcon: string;
 export declare const idIcon: string;
 export declare const copyIcon: string;
 export declare const codeIcon: string;

package/build/constants/assets.js

@@ -59,6 +59,7 @@ export const disputeResolvedIcon = `${lightUrl}/disputeResolved.svg`;
 export const reversePayoutIcon = `${lightUrl}/reversePayout.svg`;
 export const ellipsisHorizontalIcon = `${lightUrl}/ellipsisHorizontal.svg`;
 export const threeDsIcon = `${lightUrl}/3ds.svg`;
+export const invoiceIdIcon = `${lightUrl}/invoiceId.svg`;
 export const idIcon = `${lightUrl}/id.svg`;
 export const copyIcon = `${appBaseUrl}/copyIcon.svg`;
 export const codeIcon = `${appBaseUrl}/codeIcon.svg`;

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.381-test.2",
-  "testVersion": 2,
+  "version": "0.1.381-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",