@tap-payments/os-micro-frontend-shared 0.1.33-test.2 → 0.1.33-test.4

package/build/components/StatusButton/constant.d.ts

@@ -18,5 +18,4 @@ export declare const statusButtonIcons: {
     authenticated: string;
     paidOut: string;
     scheduled: string;
-    checked: string;
 };

package/build/components/StatusButton/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, completedBlackIcon, } from '../../constants/index.js';
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, } from '../../constants/index.js';
 export const statusButtonIcons = {
     inProgress: initiatedIcon,
     initiated: initiatedIcon,
@@ -19,5 +19,4 @@ export const statusButtonIcons = {
     authenticated: authenticatedIcon,
     paidOut: paidOutFilterIcon,
     scheduled: scheduledFilterIcon,
-    checked: completedBlackIcon,
 };

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

@@ -20,7 +20,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
+    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
@@ -35,5 +35,5 @@ export declare const LabelWrapper: import("@emotion/styled").StyledComponent<imp
 }, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const StyledStatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
+    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/Window/Window.js

@@ -5,7 +5,7 @@ import { Resizable } from 're-resizable';
 import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
 import { contentStyle, ContentWrapper, initalStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
 function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, }) {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const [isDrag, setIsDrag] = useState(true);
     const modalRef = useRef(null);
     const constraintsRef = useRef(null);
@@ -21,18 +21,14 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
         top: 0,
     }))), [isMaximized, width]);
     const dragConstraints = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d;
         return ({
-            right: Number((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) + Number((_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft) - 10,
-            left: -(Number((_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) + Number((_d = modalRef.current) === null || _d === void 0 ? void 0 : _d.offsetLeft) - 10),
-            top: -(Number((_e = modalRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight) + Number((_f = constraintsRef.current) === null || _f === void 0 ? void 0 : _f.offsetTop) - 10),
-            bottom: Number((_g = modalRef.current) === null || _g === void 0 ? void 0 : _g.clientHeight) +
-                Number((_j = (_h = constraintsRef.current) === null || _h === void 0 ? void 0 : _h.parentElement) === null || _j === void 0 ? void 0 : _j.offsetHeight) -
-                Number((_k = constraintsRef.current) === null || _k === void 0 ? void 0 : _k.offsetTop) -
-                Number((_l = modalRef.current) === null || _l === void 0 ? void 0 : _l.offsetHeight) -
-                10,
+            top: 0,
+            left: 0,
+            right: window.innerWidth - ((_b = (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0) - 10,
+            bottom: window.innerHeight - ((_d = (_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0) - 10,
         });
-    }, [(_a = constraintsRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight, (_b = constraintsRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth, (_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth, (_d = modalRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight]);
+    }, [(_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth, (_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight]);
     useEffect(() => {
         var _a;
         (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({

package/build/constants/assets.d.ts

@@ -309,7 +309,6 @@ export declare const destinationSuccessTableIcon: string;
 export declare const authenticationFailedTableIcon: string;
 export declare const authenticatedIcon: string;
 export declare const scheduledFilterIcon: string;
-export declare const completedBlackIcon: string;
 export declare const paidOutFilterIcon: string;
 export declare const unauthenticatedIcon: string;
 export declare const authenticationAttemptedIcon: string;

package/build/constants/assets.js

@@ -313,7 +313,6 @@ export const destinationSuccessTableIcon = `${appBaseUrl}/destinationSuccess.svg
 export const authenticationFailedTableIcon = `${lightUrl}/status/authenticationFailed.svg`;
 export const authenticatedIcon = `${lightUrl}/status/table/authenticated.svg`;
 export const scheduledFilterIcon = `${lightUrl}/paidOutFilterIcon.svg`;
-export const completedBlackIcon = `${lightUrl}/completedBlackIcon.svg`;
 export const paidOutFilterIcon = `${lightUrl}/scheduledFilterIcon.svg`;
 export const unauthenticatedIcon = `${lightUrl}/status/unauthenticated.svg`;
 export const authenticationAttemptedIcon = `${lightUrl}/status/authenticationAttempted.svg`;

package/build/types/table.d.ts

@@ -19,7 +19,7 @@ export interface TableStatus<T> {
     filterStatus: T;
     totalCount?: number;
 }
-export type TableHeaderStatus = 'all' | 'initiated' | 'captured' | 'unCaptured' | 'inProgress' | 'abandoned' | 'cancelled' | 'reversed' | 'unsettled' | 'unauthorized' | 'completed' | 'authorized' | 'refunded' | 'paidOut' | 'pending' | 'cleared' | 'open' | 'revered' | 'unauthenticated' | 'authenticated' | 'issued' | 'drafted' | 'scheduled' | 'paid' | 'outstanding' | 'draft' | 'expired' | 'transacted' | 'settled' | 'unSettled' | 'summary' | 'chargeSettlements' | 'refundSettlements' | 'destinationSettlements' | 'chargebackSettlements' | 'used' | 'active' | 'expired' | 'consumed' | 'notActive' | 'signedUp' | 'checked' | (string & {}) | undefined;
+export type TableHeaderStatus = 'all' | 'initiated' | 'captured' | 'unCaptured' | 'inProgress' | 'abandoned' | 'cancelled' | 'reversed' | 'unsettled' | 'unauthorized' | 'completed' | 'authorized' | 'refunded' | 'paidOut' | 'pending' | 'cleared' | 'open' | 'revered' | 'unauthenticated' | 'authenticated' | 'issued' | 'drafted' | 'scheduled' | 'paid' | 'outstanding' | 'draft' | 'expired' | 'transacted' | 'settled' | 'unSettled' | 'summary' | 'chargeSettlements' | 'refundSettlements' | 'destinationSettlements' | 'chargebackSettlements' | 'used' | 'active' | 'expired' | 'consumed' | 'notActive' | 'signedUp' | (string & {}) | undefined;
 export interface IColumnProps<R = any> {
     header?: string | (() => React.ReactNode);
     render?: (props: IRenderAttr<R, IColumnProps<R>>) => React.ReactNode;

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.33-test.2",
-  "testVersion": 2,
+  "version": "0.1.33-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",