@tap-payments/os-micro-frontend-shared 0.1.92 → 0.1.93

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;
@@ -21,11 +22,12 @@ function SalesChannelCell(_a) {
         var _a;
         const sourceTooltip = channel.address;
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
-        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: {
-                    width: isTextShown ? '70px' : '36px',
-                    cursor: 'pointer',
-                }, onClick: () => {
-                    window.open(channel.address, '_blank');
+        const isLastChannel = index === (channels === null || channels === void 0 ? void 0 : channels.length) - 1;
+        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: Object.assign({ width: isTextShown ? '70px' : '36px', cursor: 'pointer' }, (isLastChannel && {
+                    boxShadow: '7px 0px 8px 0px #F2F2F2',
+                })), onClick: () => {
+                    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/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,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.92",
+  "version": "0.1.93",
   "testVersion": 2,
   "type": "module",
   "main": "build/index.js",