@tap-payments/os-micro-frontend-shared 0.0.23 → 0.0.25

package/build/components/FlagDetails/FlagDetails.d.ts

@@ -0,0 +1,12 @@
+interface FlagDetailsProps {
+    flags?: Array<{
+        id: string;
+        status: 'OPEN' | 'CLEARED';
+        amount: number;
+        created: number;
+        note: string;
+        ishold: boolean;
+    }>;
+}
+declare function FlagDetails({ flags }: FlagDetailsProps): import("react/jsx-runtime").JSX.Element;
+export default FlagDetails;

package/build/components/FlagDetails/FlagDetails.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from 'dayjs';
+import { RefundTooltipView } from '../TableCells';
+import { formatFlagDate, formatPayoutDate } from '../../utils/index.js';
+function FlagDetails({ flags }) {
+    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
+    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
+    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
+    const firstOpenFlag = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0];
+    const firstHoldFlag = holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags[0];
+    const renderFlagTooltip = () => {
+        var _a;
+        if (isAllFlagsClosed) {
+            return _jsx("div", { children: "Previously Flagged & Closed" });
+        }
+        if (openedFlags.length === 1 && ((_a = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0]) === null || _a === void 0 ? void 0 : _a.ishold)) {
+            return _jsx("div", { children: `Flagged & Balance Held ${formatPayoutDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` });
+        }
+        if (openedFlags.length > 1 && (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0) {
+            const isTheSameFlag = (firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.id) === (firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.id);
+            const isSameDay = dayjs(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created).isSame(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created);
+            return isTheSameFlag ? (_jsx("div", { children: `Flagged & Balance Held ${formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` })) : (_jsxs("div", { children: [_jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` }), _jsxs("div", { children: ["& Balance Held ", formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created, isSameDay)] })] }));
+        }
+        if (!isAllFlagsClosed && openedFlags.length > 1) {
+            return (_jsxs("div", { children: [`Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}`, " - ", _jsx(RefundTooltipView, { children: "View" })] }));
+        }
+        return _jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` });
+    };
+    return renderFlagTooltip();
+}
+export default FlagDetails;

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

@@ -0,0 +1,2 @@
+import FlagDetails from './FlagDetails';
+export default FlagDetails;

package/build/components/FlagDetails/index.js

@@ -0,0 +1,2 @@
+import FlagDetails from './FlagDetails';
+export default FlagDetails;

package/build/components/OTPInput/OTPInput.d.ts

@@ -5,6 +5,6 @@ interface OTPInputProps extends Omit<OtpInputProps, 'numInputs' | 'onChange'> {
     onChange?: (otp: string) => void;
     onSubmitOtp?: (otp: string) => void;
 }
-declare function OTPInput({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
+declare function OTPInput({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, onChange, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof OTPInput>;
 export default _default;

package/build/components/OTPInput/OTPInput.js

@@ -12,13 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, memo } from 'react';
 import Box from '@mui/material/Box';
-import OtpInput from 'react18-input-otp';
+import Input from 'react18-input-otp';
 import { inputFocusStyle, inputStyle, inputErrorStyle, Separator } from './style';
 function OTPInput(_a) {
-    var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp"]);
+    var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp, onChange } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp", "onChange"]);
     const [otp, setOtp] = useState('');
     const handleChange = (enteredOtp) => {
         setOtp(enteredOtp);
+        onChange === null || onChange === void 0 ? void 0 : onChange(enteredOtp);
         if (enteredOtp.length === numInputs) {
             onSubmitOtp === null || onSubmitOtp === void 0 ? void 0 : onSubmitOtp(enteredOtp);
         }
@@ -27,6 +28,6 @@ function OTPInput(_a) {
             '::selection': {
                 background: 'transparent',
             },
-        } }, { children: _jsx(OtpInput, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), props.inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange }, props)) })));
+        } }, { children: _jsx(Input, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), props.inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange }, props)) })));
 }
 export default memo(OTPInput);

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

@@ -1 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
+export { generateDestinationTooltip } from './utils';

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

@@ -1 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
+export { generateDestinationTooltip } from './utils';

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

@@ -1,2 +1,3 @@
 export { default as PayoutStatusCell } from './PayoutStatusCell';
 export type { ChargeStatusType } from './type';
+export { RefundTooltipView } from './style';

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

@@ -1 +1,2 @@
 export { default as PayoutStatusCell } from './PayoutStatusCell';
+export { RefundTooltipView } from './style';

package/build/components/index.d.ts

@@ -81,3 +81,4 @@ export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
+export { default as FlagDetails } from './FlagDetails';

package/build/components/index.js

@@ -81,3 +81,4 @@ export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
+export { default as FlagDetails } from './FlagDetails';

package/build/types/invoice.d.ts

@@ -87,6 +87,7 @@ export interface InvoiceInfo {
         };
         name?: string;
     };
+    lang: string;
 }
 export interface InvoiceDialog {
     id: string;

package/build/utils/flag.d.ts

@@ -0,0 +1,21 @@
+type FlagType = 'GRAY' | 'ORANGE' | 'RED';
+export declare function getFlagDetails(flags?: Array<{
+    id: string;
+    status: 'OPEN' | 'CLEARED';
+    amount: number;
+    created: number;
+    note: string;
+    ishold: boolean;
+}>): {
+    statusFlag: string;
+    holdFlag: FlagType;
+    openedFlags: {
+        id: string;
+        status: 'OPEN' | 'CLEARED';
+        amount: number;
+        created: number;
+        note: string;
+        ishold: boolean;
+    }[];
+};
+export {};

package/build/utils/flag.js

@@ -0,0 +1,13 @@
+export function getFlagDetails(flags) {
+    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
+    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
+    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
+    const hasAnyHoldFlag = (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0;
+    const statusFlag = isAllFlagsClosed ? 'GRAY' : 'ORANGE';
+    const holdFlag = hasAnyHoldFlag && !isAllFlagsClosed ? 'RED' : statusFlag;
+    return {
+        statusFlag,
+        holdFlag,
+        openedFlags,
+    };
+}

package/build/utils/index.d.ts

@@ -38,3 +38,4 @@ export * from './source';
 export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
+export * from './flag';

package/build/utils/index.js

@@ -38,3 +38,4 @@ export * from './source';
 export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
+export * from './flag';

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.0.23",
+  "version": "0.0.25",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",