@tap-payments/os-micro-frontend-shared 0.1.158 → 0.1.160

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

@@ -13,25 +13,23 @@ 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';
-import { NON_CLICKABLE_CHANNELS } from './constants';
+import { openChannelUrl, transformUrl } from './utils';
 function SalesChannelCell(_a) {
     var _b;
     var { channels, isTextShown } = _a, props = __rest(_a, ["channels", "isTextShown"]);
     const salesChannels = (_b = channels === null || channels === void 0 ? void 0 : channels.filter((s) => !!s.address)) === null || _b === void 0 ? void 0 : _b.map((channel, index) => {
-        var _a;
+        var _a, _b, _c;
         const sourceTooltip = channel.address;
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
         const isLastChannel = index === (channels === null || channels === void 0 ? void 0 : channels.length) - 1;
+        const transformedUrl = transformUrl((_b = channel.address) !== null && _b !== void 0 ? _b : '', (_c = channel.code) !== null && _c !== void 0 ? _c : '');
         return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0, isLastChannel), sx: {
                     width: isTextShown ? '70px' : '36px',
-                    cursor: NON_CLICKABLE_CHANNELS.includes(channel.code) ? 'default' : 'pointer',
+                    cursor: !transformedUrl ? 'default' : 'pointer',
                 }, onClick: () => {
-                    if (NON_CLICKABLE_CHANNELS.includes(channel.code))
-                        return;
                     if (channel === null || channel === void 0 ? void 0 : channel.address)
-                        openUrl(channel.address);
+                        openChannelUrl(transformedUrl);
                 } }, { 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/components/TableCells/CustomCells/SalesChannelCell/utils.d.ts

@@ -0,0 +1,3 @@
+import { SalesChannelTypes } from '../../../../types/index.js';
+export declare const transformUrl: (url: string, channelCode: SalesChannelTypes) => string | null;
+export declare const openChannelUrl: (url: string | null) => void;

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

@@ -0,0 +1,69 @@
+import { SalesChannelTypes } from '../../../../types/index.js';
+const needsHttpsPrefix = (url) => {
+    return !url.startsWith('http://') && !url.startsWith('https://');
+};
+const isUrl = (url) => {
+    return /^https?:\/\//i.test(url);
+};
+export const transformUrl = (url, channelCode) => {
+    switch (channelCode) {
+        case SalesChannelTypes.WEBSITE:
+            return url;
+        case SalesChannelTypes.PHYSICAL_STORE:
+        case SalesChannelTypes.CALL_CENTER:
+            return null;
+        case SalesChannelTypes.LINKEDIN:
+        case SalesChannelTypes.INSTAGRAM:
+        case SalesChannelTypes.TWITTER:
+        case SalesChannelTypes.SOCIAL_MEDIA:
+            return handleSocialMediaUrl(url, channelCode);
+        case SalesChannelTypes.IOS:
+        case SalesChannelTypes.ANDROID:
+        case SalesChannelTypes.MOBILE_APP:
+            return handleMobileAppUrl(url, channelCode);
+        default:
+            return url;
+    }
+};
+const handleSocialMediaUrl = (url, channelCode) => {
+    const lowerUrl = url.toLowerCase();
+    if (channelCode === SalesChannelTypes.LINKEDIN) {
+        if (lowerUrl.includes('linkedin.com') || lowerUrl.includes('linked.com')) {
+            return url;
+        }
+        return !isUrl(url) ? `https://linkedin.com/company/${url}` : null;
+    }
+    if (channelCode === SalesChannelTypes.INSTAGRAM) {
+        if (lowerUrl.includes('instagram.com')) {
+            return url;
+        }
+        return !isUrl(url) ? `https://instagram.com/${url}` : null;
+    }
+    if (channelCode === SalesChannelTypes.TWITTER) {
+        if (lowerUrl.includes('twitter.com') || lowerUrl.includes('x.com')) {
+            return url;
+        }
+        return !isUrl(url) ? `https://x.com/${url}` : null;
+    }
+    return null;
+};
+const handleMobileAppUrl = (url, channelCode) => {
+    const lowerUrl = url.toLowerCase();
+    if (lowerUrl.includes('apps.apple.com') && channelCode === SalesChannelTypes.IOS) {
+        return url;
+    }
+    if (channelCode === SalesChannelTypes.ANDROID) {
+        if (!isUrl(url)) {
+            return `https://play.google.com/store/apps/details?id=${url}`;
+        }
+        return url;
+    }
+    return null;
+};
+export const openChannelUrl = (url) => {
+    if (!url || typeof url !== 'string') {
+        return;
+    }
+    // Open the URL in a new tab
+    window.open(needsHttpsPrefix(url) ? `https://${url}` : url, '_blank', 'noopener,noreferrer');
+};

package/build/utils/boolean.d.ts

@@ -0,0 +1 @@
+export declare const stringToBoolean: (value: string | undefined) => boolean | undefined;

package/build/utils/boolean.js

@@ -0,0 +1,7 @@
+export const stringToBoolean = (value) => {
+    if (value === 'true')
+        return true;
+    if (value === 'false')
+        return false;
+    return undefined;
+};

package/build/utils/index.d.ts

@@ -41,3 +41,4 @@ export * from './flag';
 export * from './encrypt';
 export * from './day';
 export * from './style';
+export * from './boolean';

package/build/utils/index.js

@@ -41,3 +41,4 @@ export * from './flag';
 export * from './encrypt';
 export * from './day';
 export * from './style';
+export * from './boolean';

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.158",
+  "version": "0.1.160",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",

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

@@ -1,2 +0,0 @@
-import { SalesChannelTypes } from '../../../../types/index.js';
-export declare const NON_CLICKABLE_CHANNELS: SalesChannelTypes[];

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

@@ -1,2 +0,0 @@
-import { SalesChannelTypes } from '../../../../types/index.js';
-export const NON_CLICKABLE_CHANNELS = [SalesChannelTypes.CALL_CENTER, SalesChannelTypes.PHYSICAL_STORE, SalesChannelTypes.IOS];