@tap-payments/os-micro-frontend-shared 0.1.108 → 0.1.110-test.2

package/build/components/AmountStatusChip/AmountStatusChip.js

@@ -14,6 +14,6 @@ import { memo } from 'react';
 import { AmountLabel, StyledAmountStatusChip } from './style';
 function AmountStatusChip(_a) {
     var { amount, currency } = _a, rest = __rest(_a, ["amount", "currency"]);
-    return (_jsxs(StyledAmountStatusChip, Object.assign({ expandDirection: "left" }, rest, { children: [currency && _jsx(AmountLabel, { children: currency }), amount] })));
+    return (_jsxs(StyledAmountStatusChip, Object.assign({ disableAnimation: true, expandDirection: "left" }, rest, { children: [currency && _jsx(AmountLabel, { children: currency }), amount] })));
 }
 export default memo(AmountStatusChip);

package/build/components/StatusChip/style.d.ts

@@ -8,6 +8,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
     disabled?: boolean | undefined;
     padding?: string | undefined;
     unknownText?: string | undefined;
+    minWidth?: string | undefined;
     maxWidth?: string | undefined;
     isSelected?: boolean | undefined;
     copyText?: string | undefined;

package/build/components/StatusChip/style.js

@@ -1,9 +1,9 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 export const ChipStyled = styled(Box, {
-    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth', 'isSelected', 'disableAnimation'].includes(prop),
-})(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth, disableAnimation, }) => {
-    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
+    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'minWidth', 'padding', 'maxWidth', 'isSelected', 'disableAnimation'].includes(prop),
+})(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, minWidth, maxWidth, disableAnimation, }) => {
+    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: minWidth || '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
         boxShadow: 'white 7px 0px 8px 2px',
     })), (disableAnimation && {
         transition: 'none !important',
@@ -21,7 +21,6 @@ export const Wrapper = styled(Box)(() => ({
     alignItems: 'center',
     justifyContent: 'center',
     gap: '4px',
-    minWidth: 46,
     textAlign: 'center',
 }));
 export const CopyWrapper = styled(Box)(() => ({

package/build/components/StatusChip/type.d.ts

@@ -7,6 +7,7 @@ export type ChipProps = PropsWithChildren<{
     disabled?: boolean;
     padding?: string;
     unknownText?: string;
+    minWidth?: string;
     maxWidth?: string;
     isSelected?: boolean;
     copyText?: string;

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

@@ -28,4 +28,5 @@ export declare const actionIcons: {
     users: string;
     brand: string;
     clipboard: string;
+    viewApi: string;
 };

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

@@ -1,5 +1,5 @@
 import { BadgeVariants } from '../../../CountBadge';
-import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, } from '../../../../constants/index.js';
+import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, } from '../../../../constants/index.js';
 export const flags = {
     GRAY: { icon: closedFlagIcon, color: '#CFCFCF' },
     ORANGE: { icon: orangeFlagIcon, color: '#FFD503' },
@@ -24,4 +24,5 @@ export const actionIcons = {
     users: usersIcon,
     brand: brandPlaceholderIcon,
     clipboard: clipboardIcon,
+    viewApi: jsonBlackIcon,
 };

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.d.ts

@@ -13,7 +13,7 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: ((e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void) | undefined;
-        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard";
+        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi";
         isLoading?: boolean | undefined;
         isError?: boolean | undefined;
         isSuccess?: boolean | undefined;

package/build/components/TableCells/CustomCells/ActionCell/style.d.ts

@@ -283,5 +283,5 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     fetchPriority?: "auto" | "high" | "low" | undefined;
     srcSet?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | undefined;
+    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | undefined;
 }, {}, {}>;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/PaymentAgreementCell.d.ts

@@ -0,0 +1,13 @@
+import { StatusChipWithCopyProps } from '../../../StatusChipWithCopy';
+interface PaymentAgreementCellProps extends Omit<StatusChipWithCopyProps, 'chipIndex'> {
+    type?: keyof typeof paymentAgreementTypes;
+    count?: number;
+}
+declare const paymentAgreementTypes: {
+    SAVED_CARD: string;
+    ORDER: string;
+    SUBSCRIPTION: string;
+    INSTALLMENT: string;
+};
+declare function PaymentAgreementCell({ type, count, ...props }: PaymentAgreementCellProps): import("react/jsx-runtime").JSX.Element;
+export default PaymentAgreementCell;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/PaymentAgreementCell.js

@@ -0,0 +1,26 @@
+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 { Box } from '@mui/material';
+import { StatusChipWithCopy } from '../../../index.js';
+const paymentAgreementTypes = {
+    SAVED_CARD: 'Card Agreement',
+    ORDER: 'Order',
+    SUBSCRIPTION: 'Subscription',
+    INSTALLMENT: 'Installment',
+};
+function PaymentAgreementCell(_a) {
+    var { type, count } = _a, props = __rest(_a, ["type", "count"]);
+    const countText = count === null || count === void 0 ? void 0 : count.toString();
+    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'row', gap: '4px' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ copyText: type, unknownText: "noPaymentAgreement" }, props, { chipIndex: 0 }, { children: type ? paymentAgreementTypes[type] : type })), countText && (_jsx(StatusChipWithCopy, Object.assign({ copyText: countText }, props, { chipIndex: 1, minWidth: "38px" }, { children: countText })))] })));
+}
+export default PaymentAgreementCell;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/index.d.ts

@@ -0,0 +1 @@
+export { default as PaymentAgreementCell } from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/index.js

@@ -0,0 +1 @@
+export { default as PaymentAgreementCell } from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/index.js

@@ -0,0 +1 @@
+export * from './PaymentAgreementCell';

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

@@ -1,3 +1,4 @@
 export { default as TableCell } from './TableCell';
 export * from './CustomCells';
+export * from './SheetViewCells';
 export * from './type';

package/build/components/TableCells/index.js

@@ -1,3 +1,4 @@
 export { default as TableCell } from './TableCell';
 export * from './CustomCells';
+export * from './SheetViewCells';
 export * from './type';

package/build/components/VirtualTables/SheetViewVirtualTable/components/SheetViewTableLoading.js

@@ -14,7 +14,7 @@ const Wrapper = styled('section')(({ isLoaded = false, isPinned = false }) => ({
     height: '100%',
     maxHeight: '100%',
 }));
-function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount, isPinned = false, }) {
+function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount = 13, isPinned = false, }) {
     const [maxAllowedRows, setMaxAllowedRows] = useState(() => {
         return rowsCount || Math.min(calculateMaxAllowedRows(isLoaded, isLoading), 15);
     });

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

@@ -82,7 +82,7 @@ export declare const authorizationTableCellWidth: {
     readonly merchant: {
         readonly default: "110px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";
@@ -207,7 +207,7 @@ export declare const authorizationTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly acquirer_response: {
         readonly default: "70px";

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

@@ -82,7 +82,7 @@ export const authorizationTableCellWidth = {
     merchant: {
         default: '110px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',
@@ -207,7 +207,7 @@ export const authorizationTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     acquirer_response: {
         default: '70px',

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

@@ -92,7 +92,7 @@ export declare const chargeTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "170px";
@@ -132,7 +132,7 @@ export declare const chargeTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";

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

@@ -92,7 +92,7 @@ export const chargeTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '170px',
@@ -132,7 +132,7 @@ export const chargeTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',

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

@@ -62,7 +62,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "250px";
-        readonly sheet: "230px";
+        readonly sheet: "165px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -82,7 +82,7 @@ export declare const destinationsTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly actions: {
         readonly default: "100px";
@@ -157,7 +157,7 @@ export declare const destinationsTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly payout_status: {
         readonly default: "120px";

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

@@ -62,7 +62,7 @@ export const destinationsTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '250px',
-        sheet: '230px',
+        sheet: '165px',
     },
     amount: {
         default: '195px',
@@ -82,7 +82,7 @@ export const destinationsTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     actions: {
         default: '100px',
@@ -157,7 +157,7 @@ export const destinationsTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     payout_status: {
         default: '120px',

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

@@ -72,6 +72,6 @@ export declare const merchantsTableCellWidth: {
     readonly merchant: {
         readonly default: "175px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "138px";
     };
 };

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

@@ -72,6 +72,6 @@ export const merchantsTableCellWidth = {
     merchant: {
         default: '175px',
         text: '180px',
-        sheet: '180px',
+        sheet: '138px',
     },
 };

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

@@ -47,7 +47,7 @@ export declare const refundTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "200px";
-        readonly sheet: "230px";
+        readonly sheet: "165px";
     };
     readonly payment_initiated: {
         readonly default: "150px";
@@ -87,7 +87,7 @@ export declare const refundTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -122,7 +122,7 @@ export declare const refundTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly reference: {
         readonly default: "95px";

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

@@ -47,7 +47,7 @@ export const refundTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '200px',
-        sheet: '230px',
+        sheet: '165px',
     },
     payment_initiated: {
         default: '150px',
@@ -87,7 +87,7 @@ export const refundTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '195px',
@@ -122,7 +122,7 @@ export const refundTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     reference: {
         default: '95px',

package/build/types/brand.d.ts

@@ -28,6 +28,68 @@ export interface Brand {
     name: TextAndLang[];
     logo: string;
     entities: (EntityDetails & Entity)[];
+    activities: Array<{
+        id: string;
+        code: string;
+        name: Record<string, string>;
+        isic_code: string;
+        mcc_value: {
+            id: string;
+            mcc: string;
+            name: Record<string, string>;
+            description: string;
+            created: number;
+        };
+    }>;
+    operations: {
+        sales: {
+            id: string;
+            name: TextAndLang[];
+            range: {
+                from: number;
+                to: number;
+            };
+            sub: Array<{
+                id: string;
+                name: TextAndLang[];
+                range: {
+                    from: number;
+                    to: number;
+                };
+            }>;
+        };
+        customer_base: {
+            id: string;
+            name: TextAndLang[];
+            locations: Array<{
+                id: string;
+                code: string;
+                name: TextAndLang[];
+            }>;
+        };
+    };
+    segment: {
+        team: {
+            id: string;
+            name: TextAndLang[];
+        };
+        location_type: {
+            id: string;
+            name: TextAndLang[];
+        };
+        profit_type: {
+            id: string;
+            name: TextAndLang[];
+            tech_type: {
+                id: string;
+                name: TextAndLang[];
+            };
+        };
+    };
+    business_id: string;
+    channel_services: Channel[];
+    physical_store_available: boolean;
+    data_state: string;
 }
 export interface BrandDetails {
     id: string;

package/build/utils/table.d.ts

@@ -6,4 +6,6 @@ export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
 export declare const getCellWidth: ({ table, cellID, tableMode }: TableCellWidthProps) => string;
 export declare const calculateMaxAllowedRows: (isLoaded: boolean, isLoading: boolean) => number;
 export declare const isHeightNotFullyFilledByRows: (totalRows: number) => boolean;
-export declare const isTableDefaultMode: (tableMode?: TableMode) => boolean;
+export declare const isTableDefaultMode: (tableMode: TableMode) => boolean;
+export declare const isTableSheetMode: (tableMode: TableMode) => boolean;
+export declare const isTableTextMode: (tableMode: TableMode) => boolean;

package/build/utils/table.js

@@ -73,6 +73,12 @@ export const isHeightNotFullyFilledByRows = (totalRows) => {
     const allowedRows = maxRowsThatFit();
     return totalRows < allowedRows + 1;
 };
-export const isTableDefaultMode = (tableMode = 'default') => {
+export const isTableDefaultMode = (tableMode) => {
     return tableMode === 'default';
 };
+export const isTableSheetMode = (tableMode) => {
+    return tableMode === 'sheet';
+};
+export const isTableTextMode = (tableMode) => {
+    return tableMode === 'text';
+};

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.108",
-  "testVersion": 0,
+  "version": "0.1.110-test.2",
+  "testVersion": 2,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -136,4 +136,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}