@tap-payments/os-micro-frontend-shared 0.1.436 → 0.1.437

package/build/components/PaymentSourceFilter/AuthenticationMode.d.ts

@@ -0,0 +1,7 @@
+import { AuthenticationModeType } from '../../constants/index.js';
+import { Filters } from './type';
+export declare const AUTHENTICATION_MODES: {
+    label: string;
+    value: AuthenticationModeType;
+}[];
+export declare const AuthenticationMode: ({ filters, setFilters }: Filters) => import("react/jsx-runtime").JSX.Element;

package/build/components/PaymentSourceFilter/AuthenticationMode.js

@@ -0,0 +1,59 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { AuthenticationModeBadge } from '../TableCells';
+import Menu from '../Menu';
+import { AUTHENTICATION_LABEL, AuthenticationModeType, rightArrow } from '../../constants/index.js';
+import MenuItem from '../MenuItem';
+import { MenuItemStyled } from './style';
+export const AUTHENTICATION_MODES = [
+    { label: AUTHENTICATION_LABEL[AuthenticationModeType.Challenge], value: AuthenticationModeType.Challenge },
+    { label: AUTHENTICATION_LABEL[AuthenticationModeType.Frictionless], value: AuthenticationModeType.Frictionless },
+];
+export const AuthenticationMode = ({ filters, setFilters }) => {
+    var _a;
+    const [authenticationModeEl, setAuthenticationModeEl] = useState(null);
+    const open = Boolean(authenticationModeEl);
+    const filterAuthMode = (_a = filters === null || filters === void 0 ? void 0 : filters.auth_mode) !== null && _a !== void 0 ? _a : [];
+    const onOpen = (e) => {
+        if (!open)
+            setAuthenticationModeEl(e.currentTarget);
+    };
+    const onClose = () => {
+        if (open)
+            setAuthenticationModeEl(null);
+    };
+    const authModeAll = useMemo(() => AUTHENTICATION_MODES.map((mode) => mode.value), []);
+    const isSelected = useMemo(() => AUTHENTICATION_MODES.length === filterAuthMode.length && filterAuthMode.length > 0, [filterAuthMode.length, authModeAll === null || authModeAll === void 0 ? void 0 : authModeAll.length]);
+    const isIndeterminate = useMemo(() => !isSelected && filterAuthMode.length > 0, [filterAuthMode.length, isSelected]);
+    const onClick = () => {
+        if (isSelected) {
+            const { auth_mode } = filters, resetFilters = __rest(filters, ["auth_mode"]);
+            setFilters(resetFilters);
+            return;
+        }
+        setFilters(Object.assign(Object.assign({}, filters), { auth_mode: authModeAll }));
+    };
+    const isSelectedAuthMode = useCallback((selectedAuthMode) => { var _a; return (_a = filterAuthMode.includes(selectedAuthMode)) !== null && _a !== void 0 ? _a : false; }, [filterAuthMode.length]);
+    const onClickAuthMode = (e, selectedAuthMode) => {
+        var _a;
+        e.stopPropagation();
+        if (isSelectedAuthMode(selectedAuthMode)) {
+            setFilters(Object.assign(Object.assign({}, filters), { auth_mode: (_a = filterAuthMode === null || filterAuthMode === void 0 ? void 0 : filterAuthMode.filter((authMode) => authMode !== selectedAuthMode)) !== null && _a !== void 0 ? _a : [] }));
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { auth_mode: [...(filterAuthMode !== null && filterAuthMode !== void 0 ? filterAuthMode : []), selectedAuthMode] }));
+        }
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: "Authentication Mode" })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: open, anchorEl: authenticationModeEl, placement: "right-start" }, { children: AUTHENTICATION_MODES.map((mode) => (_jsxs(MenuItem, Object.assign({ isSelected: isSelectedAuthMode(mode.value), onClick: (e) => onClickAuthMode(e, mode.value) }, { children: [_jsx(AuthenticationModeBadge, { mode: mode.value }), mode.label] }), mode.value))) }))] })));
+};

package/build/components/PaymentSourceFilter/index.d.ts

@@ -2,4 +2,5 @@ export { default as PaymentSourceFilter } from './PaymentSourceFilter';
 export { default as PaymentMethods } from './PaymentMethods';
 export { default as PaymentSchemes } from './PaymentSchemes';
 export { default as PaymentInitiated } from './PaymentInitiated';
+export { AuthenticationMode } from './AuthenticationMode';
 export * from './type';

package/build/components/PaymentSourceFilter/index.js

@@ -2,4 +2,5 @@ export { default as PaymentSourceFilter } from './PaymentSourceFilter';
 export { default as PaymentMethods } from './PaymentMethods';
 export { default as PaymentSchemes } from './PaymentSchemes';
 export { default as PaymentInitiated } from './PaymentInitiated';
+export { AuthenticationMode } from './AuthenticationMode';
 export * from './type';

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

@@ -1,4 +1,4 @@
-import { authenticationAttemptedIcon, authenticationFailedIcon, authenticationPendingIcon, authenticationUnavailableIcon, authenticationExemptedWithTransactionIcon, authenticationExemptedWithoutTransactionIcon, authenticationWithTransactionIcon, authenticationWithoutTransactionIcon, authenticatedSuccessIcon, authenticationDeclinedIcon, authenticationUndeterminedIcon, authenticationNoAuthIcon, } from '../../../../constants/index.js';
+import { authenticationAttemptedIcon, authenticationFailedIcon, authenticationPendingIcon, authenticationUnavailableIcon, authenticationExemptedWithTransactionIcon, authenticationExemptedWithoutTransactionIcon, authenticationWithTransactionIcon, authenticatedSuccessIcon, authenticationDeclinedIcon, authenticationUndeterminedIcon, authenticationNoAuthIcon, } from '../../../../constants/index.js';
 import { statusIcons } from '../../../TableCells/CustomCells/StatusCell/constant';
 export const authenticationStatusIcons = {
     FAILED: authenticationFailedIcon,
@@ -14,7 +14,7 @@ export const authenticationStatusIcons = {
     SUCCESS: authenticatedSuccessIcon,
     AUTHENTICATED: authenticationWithTransactionIcon,
     AUTHENTICATED_WITH_TRANSACTION: authenticationWithTransactionIcon,
-    AUTHENTICATED_WITHOUT_TRANSACTION: authenticationWithoutTransactionIcon,
+    AUTHENTICATED_WITHOUT_TRANSACTION: authenticationWithTransactionIcon,
     AUTHENTICATED_AUTHORIZE_FAILED: authenticationFailedIcon,
 };
 export const chargeStatusIcons = statusIcons;

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

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

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

@@ -1,10 +1,9 @@
 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';
+import { ChallengeIcon, FrictionlessIcon, AuthenticationModeType, AUTHENTICATION_LABEL } from '../../../../../../constants/index.js';
 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 }) })));
+    return (_jsx(Tooltip, Object.assign({ title: AUTHENTICATION_LABEL[mode] }, { children: _jsx(Box, { component: "img", src: mode === AuthenticationModeType.Challenge ? ChallengeIcon : FrictionlessIcon }) })));
 };

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

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

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

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

package/build/constants/authentication.d.ts

@@ -1,2 +1,7 @@
 export declare const unAuthenticatedStatuses: string[];
 export declare const allAuthenticationStatuses: string[];
+export declare enum AuthenticationModeType {
+    Challenge = "C",
+    Frictionless = "F"
+}
+export declare const AUTHENTICATION_LABEL: Record<AuthenticationModeType, string>;

package/build/constants/authentication.js

@@ -12,3 +12,12 @@ export const unAuthenticatedStatuses = [
     'INITIATED',
 ];
 export const allAuthenticationStatuses = [...authenticationStatuses, ...unAuthenticatedStatuses];
+export var AuthenticationModeType;
+(function (AuthenticationModeType) {
+    AuthenticationModeType["Challenge"] = "C";
+    AuthenticationModeType["Frictionless"] = "F";
+})(AuthenticationModeType || (AuthenticationModeType = {}));
+export const AUTHENTICATION_LABEL = {
+    [AuthenticationModeType.Challenge]: 'Challenge',
+    [AuthenticationModeType.Frictionless]: 'Frictionless',
+};

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

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

@@ -1,5 +0,0 @@
-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

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