@tap-payments/os-micro-frontend-shared 0.1.426-test.1 → 0.1.426-test.12

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/AuthenticationMode.d.ts

@@ -0,0 +1,6 @@
+import { AuthenticationMode } from "./constant";
+interface AuthenticationModeBadgeProps {
+    mode: AuthenticationMode;
+}
+export declare const AuthenticationModeBadge: ({ mode }: AuthenticationModeBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/AuthenticationMode.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Tooltip from "../../../../../Tooltip";
+import { ChallengeIcon, FrictionlessIcon } from "../../../../../../constants/index.js";
+import { AuthenticationMode, AUTHENTICATION_LABEL } from "./constant";
+export const AuthenticationModeBadge = ({ mode }) => {
+    if (!mode)
+        return null;
+    return (_jsx(Tooltip, Object.assign({ title: AUTHENTICATION_LABEL[mode] }, { children: _jsx(Box, { component: "img", src: mode === AuthenticationMode.Challenge
+                ? ChallengeIcon
+                : FrictionlessIcon }) })));
+};

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/constant.d.ts

@@ -0,0 +1,5 @@
+export declare enum AuthenticationMode {
+    Challenge = "C",
+    Frictionless = "F"
+}
+export declare const AUTHENTICATION_LABEL: Record<AuthenticationMode, string>;

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/constant.js

@@ -0,0 +1,9 @@
+export var AuthenticationMode;
+(function (AuthenticationMode) {
+    AuthenticationMode["Challenge"] = "C";
+    AuthenticationMode["Frictionless"] = "F";
+})(AuthenticationMode || (AuthenticationMode = {}));
+export const AUTHENTICATION_LABEL = {
+    [AuthenticationMode.Challenge]: 'Challenge',
+    [AuthenticationMode.Frictionless]: 'Frictionless',
+};

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AuthenticationMode';
+export * from './constant';

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/index.js

@@ -0,0 +1,2 @@
+export * from './AuthenticationMode';
+export * from './constant';

package/build/components/TableCells/CustomCells/SourceCell/components/AuthenticationMode/types.js

@@ -0,0 +1 @@
+"use strict";

package/build/components/TableCells/CustomCells/SourceCell/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './PaymentCardNumberSource';
 export * from './PaymentMethodSource';
 export * from './PaymentTypeSource';
 export * from './PaymentSchemeSource';
+export * from './AuthenticationMode';

package/build/components/TableCells/CustomCells/SourceCell/components/index.js

@@ -2,3 +2,4 @@ export * from './PaymentCardNumberSource';
 export * from './PaymentMethodSource';
 export * from './PaymentTypeSource';
 export * from './PaymentSchemeSource';
+export * from './AuthenticationMode';

package/build/components/TableCells/CustomCells/SourceCell/constant.d.ts

@@ -1,4 +1,4 @@
 import { CENTER_ICON_KEY } from './type';
-export declare const RIGHT_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
+export declare const RIGHT_ICON_PRIORITY: readonly [CENTER_ICON_KEY.AUTHENTICATION_MODE, CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
 export declare const LEFT_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE];
-export declare const CENTER_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_METHOD, CENTER_ICON_KEY.PAYMENT_TYPE, CENTER_ICON_KEY.PAYMENT_SCHEME, CENTER_ICON_KEY.PAYMENT_CARD_NUMBER, CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE, CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
+export declare const CENTER_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_METHOD, CENTER_ICON_KEY.PAYMENT_TYPE, CENTER_ICON_KEY.PAYMENT_SCHEME, CENTER_ICON_KEY.PAYMENT_CARD_NUMBER, CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE, CENTER_ICON_KEY.AUTHENTICATION_MODE, CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];

package/build/components/TableCells/CustomCells/SourceCell/constant.js

@@ -1,5 +1,5 @@
 import { CENTER_ICON_KEY } from './type';
-export const RIGHT_ICON_PRIORITY = [CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
+export const RIGHT_ICON_PRIORITY = [CENTER_ICON_KEY.AUTHENTICATION_MODE, CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
 export const LEFT_ICON_PRIORITY = [CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE];
 export const CENTER_ICON_PRIORITY = [
     CENTER_ICON_KEY.PAYMENT_METHOD,

package/build/components/TableCells/CustomCells/SourceCell/type.d.ts

@@ -8,6 +8,7 @@ export declare enum CENTER_ICON_KEY {
     PAYMENT_ISSUER = "paymentIssuer",
     PAYMENT_INITIATED = "paymentInitiated",
     PAYMENT_DEVICE = "paymentDevice",
+    AUTHENTICATION_MODE = "authenticationMode",
     PAYMENT_AUTH = "paymentAuth",
     PAYMENT_AGREEMENT = "paymentAgreement"
 }

package/build/components/TableCells/CustomCells/SourceCell/type.js

@@ -7,6 +7,7 @@ export var CENTER_ICON_KEY;
     CENTER_ICON_KEY["PAYMENT_ISSUER"] = "paymentIssuer";
     CENTER_ICON_KEY["PAYMENT_INITIATED"] = "paymentInitiated";
     CENTER_ICON_KEY["PAYMENT_DEVICE"] = "paymentDevice";
+    CENTER_ICON_KEY["AUTHENTICATION_MODE"] = "authenticationMode";
     CENTER_ICON_KEY["PAYMENT_AUTH"] = "paymentAuth";
     CENTER_ICON_KEY["PAYMENT_AGREEMENT"] = "paymentAgreement";
 })(CENTER_ICON_KEY || (CENTER_ICON_KEY = {}));

package/build/constants/assets.d.ts

@@ -46,6 +46,8 @@ export declare const passThruWalletIcon: string;
 export declare const storedValueWalletIcon: string;
 export declare const buyNowPayLaterIcon: string;
 export declare const openBankingIcon: string;
+export declare const FrictionlessIcon: string;
+export declare const ChallengeIcon: string;
 export declare const visaIcon: string;
 export declare const completedIcon: string;
 export declare const chargeBackRequestedIcon: string;

package/build/constants/assets.js

@@ -51,6 +51,8 @@ export const passThruWalletIcon = `${lightUrl}/passThruWallet.svg`;
 export const storedValueWalletIcon = `${lightUrl}/storedValueWallet.svg`;
 export const buyNowPayLaterIcon = `${lightUrl}/buyNowPayLater.svg`;
 export const openBankingIcon = `${lightUrl}/openBanking.svg`;
+export const FrictionlessIcon = `${lightUrl}/FrictionlessIcon.svg`;
+export const ChallengeIcon = `${lightUrl}/ChallengeIcon.svg`;
 export const visaIcon = `${lightUrl}/visa.svg`;
 export const completedIcon = `${lightUrl}/completed.svg`;
 export const chargeBackRequestedIcon = `${lightUrl}/chargebackRequested.svg`;

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

@@ -89,6 +89,11 @@ export declare const authenticationsTableCellWidth: {
         readonly text: "170px";
         readonly sheet: "130px";
     };
+    readonly channel: {
+        readonly default: "100px";
+        readonly text: "100px";
+        readonly sheet: "100px";
+    };
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";

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

@@ -89,6 +89,11 @@ export const authenticationsTableCellWidth = {
         text: '170px',
         sheet: '130px',
     },
+    channel: {
+        default: '100px',
+        text: '100px',
+        sheet: '100px',
+    },
     payment_issuers: {
         default: '150px',
         text: '150px',

package/build/utils/browser.d.ts

@@ -1,2 +1,2 @@
-export declare function getBrowserName(): string;
+export declare function getBrowserName(userAgent?: string): "edge" | "opera" | "chrome" | "safari" | "firefox" | "ie" | "tor" | "uc" | "yandex" | undefined;
 export declare const isSafariBrowser: () => boolean;

package/build/utils/browser.js

@@ -1,6 +1,24 @@
-export function getBrowserName() {
-    var _a, _b, _c;
-    return ((_c = (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.match(/(edge|chrome|safari|firefox)/)) === null || _c === void 0 ? void 0 : _c[0]) || 'chrome';
+export function getBrowserName(userAgent) {
+    const uaSource = userAgent !== null && userAgent !== void 0 ? userAgent : (typeof navigator !== 'undefined' && navigator.userAgent ? navigator.userAgent : '');
+    const ua = uaSource.toLowerCase();
+    if (ua.includes('edg'))
+        return 'edge';
+    if (ua.includes('opr') || ua.includes('opera'))
+        return 'opera';
+    if (ua.includes('chrome') && !ua.includes('edg') && !ua.includes('opr'))
+        return 'chrome';
+    if (ua.includes('safari') && !ua.includes('chrome'))
+        return 'safari';
+    if (ua.includes('firefox'))
+        return 'firefox';
+    if (ua.includes('msie') || ua.includes('trident'))
+        return 'ie';
+    if (ua.includes('tor'))
+        return 'tor';
+    if (ua.includes('uc'))
+        return 'uc';
+    if (ua.includes('yandex'))
+        return 'yandex';
 }
 export const isSafariBrowser = () => {
     return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

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.426-test.1",
-  "testVersion": 1,
+  "version": "0.1.426-test.12",
+  "testVersion": 12,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",