@tap-payments/os-micro-frontend-shared 0.1.427 → 0.1.429

package/build/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { Checkbox } from '@mui/material';
-import { checkboxIcon, unCheckedIcon } from '../../constants/index.js';
+import { CHECKED_ICON, UNCHECKED_ICON } from '../../constants/index.js';
 function CheckboxInput(props) {
     return (_jsx(Checkbox, Object.assign({ disableRipple: true, sx: (theme) => ({
             '[data-testid="IndeterminateCheckBoxIcon"]': {
@@ -9,6 +9,6 @@ function CheckboxInput(props) {
                 width: '14px !important',
                 height: '16px !important',
             },
-        }), checkedIcon: _jsx("img", { src: props.disabled ? unCheckedIcon : checkboxIcon, alt: "checked" }) }, props)));
+        }), checkedIcon: props.disabled ? UNCHECKED_ICON : CHECKED_ICON }, props)));
 }
 export default memo(CheckboxInput);

package/build/components/MenuItem/style.js

@@ -17,7 +17,6 @@ export const MenuItemStyled = styled(Box, { shouldForwardProp: (props) => props
 }));
 export const CheckboxStyled = styled(Checkbox)(({ theme }) => ({
     padding: 0,
-    paddingRight: '4px',
     width: '14px !important',
     svg: {
         width: '12px !important',

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,10 @@
+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/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/index.d.ts

@@ -18,3 +18,4 @@ export * from './reports';
 export * from './document';
 export * from './authentication';
 export * from './country';
+export * from './svgIcons';

package/build/constants/index.js

@@ -18,3 +18,4 @@ export * from './reports';
 export * from './document';
 export * from './authentication';
 export * from './country';
+export * from './svgIcons';

package/build/constants/svgIcons.d.ts

@@ -0,0 +1,2 @@
+export declare const CHECKED_ICON: import("react/jsx-runtime").JSX.Element;
+export declare const UNCHECKED_ICON: import("react/jsx-runtime").JSX.Element;

package/build/constants/svgIcons.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CHECKED_ICON = (_jsxs("svg", Object.assign({ width: "14", height: "14", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { x: "0.600098", y: "0.599998", width: "10.8", height: "10.8", rx: "2.4", fill: "#1F88D0" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.83391 3.74245C9.04243 3.94469 9.05652 4.2875 8.86537 4.50814L5.64586 8.22426C5.55146 8.33322 5.41909 8.39666 5.27942 8.39987C5.13975 8.40308 5.0049 8.34579 4.90612 8.24127L3.15002 6.38321C2.94999 6.17157 2.94999 5.82843 3.15002 5.61679C3.35004 5.40516 3.67435 5.40516 3.87437 5.61679L5.2522 7.07463L8.11024 3.77574C8.30138 3.55511 8.62538 3.5402 8.83391 3.74245Z", fill: "white" })] })));
+export const UNCHECKED_ICON = (_jsxs("svg", Object.assign({ width: "14", height: "14", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { x: "1.19998", y: "1.19998", width: "9.6", height: "9.6", rx: "1.8", fill: "#FAFBFB", stroke: "#D2D5D8", strokeWidth: "1.2" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.83391 3.74242C9.04243 3.94467 9.05652 4.28748 8.86537 4.50811L5.64586 8.22424C5.55146 8.3332 5.41909 8.39664 5.27942 8.39985C5.13975 8.40306 5.0049 8.34577 4.90612 8.24125L3.15002 6.38318C2.94999 6.17154 2.94999 5.82841 3.15002 5.61677C3.35004 5.40513 3.67435 5.40513 3.87437 5.61677L5.2522 7.07461L8.11024 3.77571C8.30138 3.55508 8.62538 3.54018 8.83391 3.74242Z", fill: "#D2D5D8" })] })));

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