@tap-payments/os-micro-frontend-shared 0.1.90-test.20 → 0.1.90-test.3

package/build/components/ImageWrapper/ImageWrapper.js

@@ -12,5 +12,8 @@ const ImageWrapper = styled(motion.span)(({ theme, order }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    '&:hover': {
+        boxShadow: '7px 0px 8px 0px #F2F2F2',
+    },
 }));
 export default ImageWrapper;

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

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
+import { openUrl } from '../../../../utils/index.js';
 import { ChannelTextLabel, ChannelTextWrapper, salesChannelAnimation, SalesChannelsContainer, StyledSourceCell, StyledSourceImage } from './style';
 function SalesChannelCell(_a) {
     var _b;
@@ -25,7 +26,8 @@ function SalesChannelCell(_a) {
                     width: isTextShown ? '70px' : '36px',
                     cursor: 'pointer',
                 }, onClick: () => {
-                    window.open(channel.address, '_blank');
+                    if (channel === null || channel === void 0 ? void 0 : channel.address)
+                        openUrl(channel.address);
                 } }, { children: isTextShown ? (_jsx(ChannelTextWrapper, { children: _jsx(ChannelTextLabel, { children: channelCode }) })) : (_jsx(StyledSourceImage, { src: channel.logo, alt: channelCode })) })) }), `${channel}-${index}`));
     });
     const salesChannelsCount = (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) || 0;

package/build/constants/assets.d.ts

@@ -540,5 +540,3 @@ export declare const blackMobileSignalIcon: string;
 export declare const emptyMobileWifiIcon: string;
 export declare const deemaWithLabel: string;
 export declare const blackUnLinkIcon: string;
-export declare const sortDescArrowIcon: string;
-export declare const sortAscArrowIcon: string;

package/build/constants/assets.js

@@ -544,5 +544,3 @@ export const blackMobileSignalIcon = `${lightUrl}/blackMobileSignalIcon.svg`;
 export const emptyMobileWifiIcon = `${lightUrl}/emptyMobileWifiIcon.svg`;
 export const deemaWithLabel = `${lightUrl}/deemaWithLabel.svg`;
 export const blackUnLinkIcon = `${lightUrl}/blackUnLinkIcon.svg`;
-export const sortDescArrowIcon = `${lightUrl}/sortDescArrowIcon.svg`;
-export const sortAscArrowIcon = `${lightUrl}/sortAscArrowIcon.svg`;

package/build/constants/table/cell/destinationsTableCellWidth.d.ts

@@ -17,7 +17,7 @@ export declare const destinationsTableCellWidth: {
     readonly receipt: {
         readonly default: "85px";
         readonly text: "150px";
-        readonly sheet: "165px";
+        readonly sheet: "150px";
     };
     readonly reference: {
         readonly default: "95px";
@@ -47,7 +47,7 @@ export declare const destinationsTableCellWidth: {
     readonly device: {
         readonly default: "150px";
         readonly text: "250px";
-        readonly sheet: "235px";
+        readonly sheet: "250px";
     };
     readonly source: {
         readonly default: "114px";
@@ -62,7 +62,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "250px";
-        readonly sheet: "165px";
+        readonly sheet: "250px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -81,8 +81,8 @@ export declare const destinationsTableCellWidth: {
     };
     readonly merchant: {
         readonly default: "100px";
-        readonly text: "150px";
-        readonly sheet: "215px";
+        readonly text: "180px";
+        readonly sheet: "180px";
     };
     readonly actions: {
         readonly default: "100px";
@@ -109,54 +109,4 @@ export declare const destinationsTableCellWidth: {
         readonly text: "116px";
         readonly sheet: "116px";
     };
-    readonly payment_initiated: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "150px";
-    };
-    readonly payment_issuers: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "350px";
-    };
-    readonly card_number: {
-        readonly default: "120px";
-        readonly text: "120px";
-        readonly sheet: "155px";
-    };
-    readonly card_no: {
-        readonly default: "120px";
-        readonly text: "120px";
-        readonly sheet: "200px";
-    };
-    readonly payment_type: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "120px";
-    };
-    readonly payment_method: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "145px";
-    };
-    readonly payment_scheme: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "145px";
-    };
-    readonly auth_status: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "165px";
-    };
-    readonly auth_type: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "155px";
-    };
-    readonly eci: {
-        readonly default: "150px";
-        readonly text: "150px";
-        readonly sheet: "100px";
-    };
 };

package/build/constants/table/cell/destinationsTableCellWidth.js

@@ -17,7 +17,7 @@ export const destinationsTableCellWidth = {
     receipt: {
         default: '85px',
         text: '150px',
-        sheet: '165px',
+        sheet: '150px',
     },
     reference: {
         default: '95px',
@@ -47,7 +47,7 @@ export const destinationsTableCellWidth = {
     device: {
         default: '150px',
         text: '250px',
-        sheet: '235px',
+        sheet: '250px',
     },
     source: {
         default: '114px',
@@ -62,7 +62,7 @@ export const destinationsTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '250px',
-        sheet: '165px',
+        sheet: '250px',
     },
     amount: {
         default: '195px',
@@ -81,8 +81,8 @@ export const destinationsTableCellWidth = {
     },
     merchant: {
         default: '100px',
-        text: '150px',
-        sheet: '215px',
+        text: '180px',
+        sheet: '180px',
     },
     actions: {
         default: '100px',
@@ -109,54 +109,4 @@ export const destinationsTableCellWidth = {
         text: '116px',
         sheet: '116px',
     },
-    payment_initiated: {
-        default: '150px',
-        text: '150px',
-        sheet: '150px',
-    },
-    payment_issuers: {
-        default: '150px',
-        text: '150px',
-        sheet: '350px',
-    },
-    card_number: {
-        default: '120px',
-        text: '120px',
-        sheet: '155px',
-    },
-    card_no: {
-        default: '120px',
-        text: '120px',
-        sheet: '200px',
-    },
-    payment_type: {
-        default: '150px',
-        text: '150px',
-        sheet: '120px',
-    },
-    payment_method: {
-        default: '150px',
-        text: '150px',
-        sheet: '145px',
-    },
-    payment_scheme: {
-        default: '150px',
-        text: '150px',
-        sheet: '145px',
-    },
-    auth_status: {
-        default: '150px',
-        text: '150px',
-        sheet: '165px',
-    },
-    auth_type: {
-        default: '150px',
-        text: '150px',
-        sheet: '155px',
-    },
-    eci: {
-        default: '150px',
-        text: '150px',
-        sheet: '100px',
-    },
 };

package/build/constants/table/cell/refundTableCellWidth.d.ts

@@ -94,16 +94,6 @@ export declare const refundTableCellWidth: {
         readonly text: "195px";
         readonly sheet: "180px";
     };
-    readonly payouts: {
-        readonly default: "195px";
-        readonly text: "195px";
-        readonly sheet: "300px";
-    };
-    readonly reason: {
-        readonly default: "170px";
-        readonly text: "240px";
-        readonly sheet: "160px";
-    };
     readonly destinations: {
         readonly default: "70px";
         readonly text: "240px";
@@ -192,7 +182,7 @@ export declare const refundTableCellWidth: {
     readonly charge_meta: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "250px";
+        readonly sheet: "100px";
     };
     readonly brand: {
         readonly default: "116px";

package/build/constants/table/cell/refundTableCellWidth.js

@@ -94,16 +94,6 @@ export const refundTableCellWidth = {
         text: '195px',
         sheet: '180px',
     },
-    payouts: {
-        default: '195px',
-        text: '195px',
-        sheet: '300px',
-    },
-    reason: {
-        default: '170px',
-        text: '240px',
-        sheet: '160px',
-    },
     destinations: {
         default: '70px',
         text: '240px',
@@ -192,7 +182,7 @@ export const refundTableCellWidth = {
     charge_meta: {
         default: '100px',
         text: '100px',
-        sheet: '250px',
+        sheet: '100px',
     },
     brand: {
         default: '116px',

package/build/utils/url.d.ts

@@ -1 +1,2 @@
 export declare const openNewTab: (url: string, target?: string) => void;
+export declare const openUrl: (url: string) => void;

package/build/utils/url.js

@@ -6,3 +6,13 @@ export const openNewTab = (url, target = '_blank') => {
     link.click();
     link.remove();
 };
+export const openUrl = (url) => {
+    const isUrl = /^https?:\/\//i.test(url);
+    if (isUrl) {
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+    else {
+        const newUrl = 'about:blank?' + encodeURIComponent(url);
+        window.open(newUrl, '_blank', 'noopener,noreferrer');
+    }
+};

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.90-test.20",
-  "testVersion": 20,
+  "version": "0.1.90-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",