@tap-payments/os-micro-frontend-shared 0.0.168 → 0.0.170

package/build/components/Button/StyledButton/StyledButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material';
+export interface StyledButtonProps extends BoxProps {
+    isActive?: boolean;
+    isDisabled?: boolean;
+}
+declare function StyledButton({ children, ...props }: StyledButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof StyledButton>;
+export default _default;

package/build/components/Button/StyledButton/StyledButton.js

@@ -0,0 +1,19 @@
+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 } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Button } from './style';
+function StyledButton(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return _jsx(Button, Object.assign({}, props, { children: children }));
+}
+export default memo(StyledButton);

package/build/components/Button/StyledButton/index.d.ts

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

package/build/components/Button/StyledButton/index.js

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

package/build/components/Button/StyledButton/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StyledButtonProps } from './StyledButton';
+export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<StyledButtonProps, "isDisabled" | "isActive">, {}, {}>;

package/build/components/Button/StyledButton/style.js

@@ -0,0 +1,9 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const Button = styled(Box)(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
+    boxShadow: theme.shadows[7],
+    borderColor: theme.palette.info.dark,
+})), (isDisabled && {
+    opacity: 0.5,
+    pointerEvents: 'none',
+}))));

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

@@ -1,3 +1,4 @@
 import Button from './Button';
 export { default as PlusButton } from './PlusButton';
+export { default as StyledButton } from './StyledButton';
 export default Button;

package/build/components/Button/index.js

@@ -1,3 +1,4 @@
 import Button from './Button';
 export { default as PlusButton } from './PlusButton';
+export { default as StyledButton } from './StyledButton';
 export default Button;

package/build/components/FileUpload/FileUpload.js

@@ -3,11 +3,12 @@ import { memo, useEffect, useMemo, useState } from 'react';
 import Box from '@mui/material/Box';
 import { useDropzone } from 'react-dropzone';
 import { useTranslation } from 'react-i18next';
-import { blueCircleCheckIcon, redVerifyIcon, uploadBlueIcon } from '../../constants/index.js';
+import { blueCircleCheckIcon, redVerifyIcon, trashBinIcon, uploadBlueIcon } from '../../constants/index.js';
 import { readableFileSize } from '../../utils/index.js';
 import { Wrapper, Title, Format, FileUploader, Content, Upload, TextWrapper, Maximum, UploadAgain, StyledButton, SendBulkContainer } from './style';
 import CircularProgressWithLabel from '../CircularProgressWithLabel';
-import ExportButton from '../ExportButton';
+import Button from '../Button/StyledButton';
+import Icon from '../Icon';
 function FileUpload({ accept, footer, options, isCreateLoading, progress, error, subtitleComponent, isSuccess: isUploadSuccess, onConfirm, isSendDisabled, }) {
     const { t } = useTranslation();
     const [selectedFiles, setSelectedFiles] = useState([]);
@@ -26,9 +27,9 @@ function FileUpload({ accept, footer, options, isCreateLoading, progress, error,
         return error;
     }, [isDragReject, error, fileRejections]);
     if (isUploadSuccess && selectedFiles.length && !isCreateLoading) {
-        return (_jsxs(Wrapper, { children: [_jsxs(Box, { children: [_jsx(Title, { children: "File uploaded" }), subtitleComponent] }), _jsx(FileUploader, { children: _jsxs(Content, { children: [isUploadSuccess && _jsx(Box, { component: "img", src: blueCircleCheckIcon, width: 56, height: 56 }), _jsxs(TextWrapper, Object.assign({ sx: { fontWeight: 600 } }, { children: [_jsx(Box, { children: selectedFiles[0].name }), _jsx(Maximum, { children: readableFileSize(selectedFiles[0].size) })] }))] }) }), _jsxs(SendBulkContainer, { children: [_jsx(ExportButton, { title: "Export", onClick: () => {
+        return (_jsxs(Wrapper, { children: [_jsxs(Box, { children: [_jsx(Title, { children: "File uploaded" }), subtitleComponent] }), _jsx(FileUploader, { children: _jsxs(Content, { children: [isUploadSuccess && _jsx(Box, { component: "img", src: blueCircleCheckIcon, width: 56, height: 56 }), _jsxs(TextWrapper, Object.assign({ sx: { fontWeight: 600 } }, { children: [_jsx(Box, { children: selectedFiles[0].name }), _jsx(Maximum, { children: readableFileSize(selectedFiles[0].size) })] }))] }) }), _jsxs(SendBulkContainer, { children: [_jsx(Button, Object.assign({ onClick: () => {
                                 setSelectedFiles([]);
-                            }, icon: "trashBin" }), _jsx(StyledButton, Object.assign({ disabled: isSendDisabled, onClick: () => {
+                            } }, { children: _jsx(Icon, { src: trashBinIcon, alt: "delete", sx: { width: 14, height: 14 } }) })), _jsx(StyledButton, Object.assign({ disabled: isSendDisabled, onClick: () => {
                                 onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(selectedFiles);
                             } }, { children: "Bulk Send" }))] })] }));
     }

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

@@ -17,8 +17,6 @@ export declare const statusButtonIcons: {
     closedFlag: string;
     unauthenticated: string;
     authenticated: string;
-    textView: string;
     paidOut: string;
     scheduled: string;
-    trashBin: string;
 };

package/build/components/StatusButton/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, longWordsIcon, paidOutFilterIcon, scheduledFilterIcon, trashBinIcon, } from '../../constants/index.js';
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, 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,
@@ -18,8 +18,6 @@ export const statusButtonIcons = {
     closedFlag: closedFlagIcon,
     unauthenticated: unauthenticatedIcon,
     authenticated: authenticatedIcon,
-    textView: longWordsIcon,
     paidOut: paidOutFilterIcon,
     scheduled: scheduledFilterIcon,
-    trashBin: trashBinIcon,
 };

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?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "textView" | "trashBin" | undefined;
+    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "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>, {}, {}>;

package/build/components/TableHeader_V2/components/StatusButtons/constant.d.ts

@@ -17,8 +17,6 @@ export declare const statusButtonIcons: {
     closedFlag: string;
     unauthenticated: string;
     authenticated: string;
-    textView: string;
     paidOut: string;
     scheduled: string;
-    trashBin: string;
 };

package/build/components/TableHeader_V2/components/StatusButtons/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, longWordsIcon, paidOutFilterIcon, scheduledFilterIcon, trashBinIcon, } from '../../../../constants/index.js';
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, 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,
@@ -18,8 +18,6 @@ export const statusButtonIcons = {
     closedFlag: closedFlagIcon,
     unauthenticated: unauthenticatedIcon,
     authenticated: authenticatedIcon,
-    textView: longWordsIcon,
     paidOut: paidOutFilterIcon,
     scheduled: scheduledFilterIcon,
-    trashBin: trashBinIcon,
 };

package/build/components/TableHeader_V2/components/StatusButtons/style.d.ts

@@ -20,7 +20,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StyledStatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "textView" | "trashBin" | undefined;
+    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "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("../../..").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/build/components/TableHeader_V2/components/TableView/TableView.js

@@ -2,12 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useState } from 'react';
 import { Box, ClickAwayListener } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import ExportButton from '../../../ExportButton';
 import Tooltip from '../../../Tooltip';
-import { closeXIcon } from '../../../../constants/index.js';
+import { closeXIcon, viewIcon } from '../../../../constants/index.js';
 import CustomViews from './CustomViews';
 import DefaultViews from './DefaultViews';
 import { ButtonStyled, ViewWrapper } from './style';
+import { StyledButton } from '../../../Button';
+import Icon from '../../../Icon';
 function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
     const [anchorViewEl, setAnchorViewEl] = useState(null);
     const [defaultViewEl, setDefaultViewElement] = useState(null);
@@ -36,7 +37,7 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
         closeViewDropdown();
     };
     if (!anchorViewEl) {
-        return (_jsx(Tooltip, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl" }, { children: _jsx(Box, { children: _jsx(ExportButton, { icon: "view", onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }) }) })));
+        return (_jsx(Tooltip, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl" }, { children: _jsx(Box, { children: _jsx(StyledButton, Object.assign({ onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })) }) })));
     }
     return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
                         setCustomViewElement(customViewEl ? null : e.currentTarget);

package/build/components/index.d.ts

@@ -3,7 +3,7 @@ export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem, type ActionM
 export { default as ActivityAreaChart, type ActivityAreaChartProps, type ChartDataPoint, ChartTooltip, type ChartTooltipProps, LoadingChart, type PayloadItem, } from './ActivityAreaChart';
 export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation, type BlobGradient, type Blob } from './BackgroundAnimation';
-export { default as Button, PlusButton } from './Button';
+export { default as Button, PlusButton, StyledButton } from './Button';
 export { default as Calender } from './Calender';
 export { default as Timepicker } from './Timepicker';
 export { default as CardEmptyState, type CardEmptyStateProps } from './CardEmptyState';

package/build/components/index.js

@@ -3,7 +3,7 @@ export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem } from './Act
 export { default as ActivityAreaChart, ChartTooltip, LoadingChart, } from './ActivityAreaChart';
 export { default as AppWindowWrapper, AccountHeaderTitle, AppWindow, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation } from './BackgroundAnimation';
-export { default as Button, PlusButton } from './Button';
+export { default as Button, PlusButton, StyledButton } from './Button';
 export { default as Calender } from './Calender';
 export { default as Timepicker } from './Timepicker';
 export { default as CardEmptyState } from './CardEmptyState';

package/build/constants/assets.d.ts

@@ -489,5 +489,7 @@ export declare const terminalDeviceFrame: string;
 export declare const blackBrushIcon: string;
 export declare const mutedOutlinedCheckIcon: string;
 export declare const outlinedPlatformIcon: string;
+export declare const navigationPointerBlack: string;
+export declare const addIconWhite: string;
 export declare const greyUpArrowIcon: string;
 export declare const greyDownArrowIcon: string;

package/build/constants/assets.js

@@ -493,5 +493,7 @@ export const terminalDeviceFrame = `${lightUrl}/terminalDeviceFrame.svg`;
 export const blackBrushIcon = `${lightUrl}/blackBrushIcon.svg`;
 export const mutedOutlinedCheckIcon = `${lightUrl}/mutedOutlinedCheckIcon.svg`;
 export const outlinedPlatformIcon = `${lightUrl}/outlinedPlatformIcon.svg`;
+export const navigationPointerBlack = `${lightUrl}/navigationPointerBlack.svg`;
+export const addIconWhite = `${lightUrl}/addIconWhite.svg`;
 export const greyUpArrowIcon = `${lightUrl}/greyUpArrow.svg`;
 export const greyDownArrowIcon = `${lightUrl}/greyDownArrow.svg`;

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