@tap-payments/os-micro-frontend-shared 0.1.264 → 0.1.266-test.1-test.2

package/build/components/MerchantsDropdown/style.js

@@ -0,0 +1,155 @@
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { Menu, MenuItem } from '../index.js';
+export const Counter = styled(Box)(({ theme }) => ({
+    borderRadius: '50%',
+    background: theme.palette.divider,
+    width: 13,
+    height: 14,
+    fontSize: '8px',
+    fontWeight: 700,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    lineHeight: '10px',
+}));
+export const CountingInfo = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '4px',
+    '.arrow-icon': {
+        height: 12,
+    },
+}));
+export const Content = styled(Box)(() => ({
+    display: 'flex',
+    gap: '12px',
+    justifyContent: 'space-between',
+    flexGrow: 1,
+    width: '100%',
+    alignItems: 'center',
+}));
+export const MerchantInfo = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+}));
+export const SelectedBrand = styled(Box, { shouldForwardProp: (prop) => prop !== 'isOpen' })(({ isOpen, theme }) => (Object.assign(Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '5px', cursor: 'pointer', padding: '8px', border: `1px solid ${theme.palette.divider}`, color: theme.palette.text.primary, background: theme.palette.common.white, borderRadius: '4px', height: 32, width: 'fit-content', minWidth: '89px', img: {
+        marginTop: '1px',
+    } }, (isOpen && {
+    borderColor: theme.palette.info.dark,
+})), { '&:hover': {
+        background: theme.palette.divider,
+    } })));
+export const Label = styled(Typography)(({ theme }) => ({
+    fontSize: '11px',
+    fontWeight: 500,
+    color: theme.palette.text.primary,
+}));
+export const CollapseIcon = styled('img', { shouldForwardProp: (props) => props !== 'expanded' })(({ theme, expanded }) => ({
+    transform: !expanded ? 'rotate(0deg)' : 'rotate(180deg)',
+    marginLeft: 'auto',
+    transition: theme.transitions.create('transform', {
+        duration: theme.transitions.duration.shortest,
+    }),
+}));
+export const LoadingRow = styled(Box)(() => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingBlock: '4px',
+    borderTop: '1px solid #F2F2F2',
+}));
+export const StyledMenu = styled(Menu)({
+    '& .MuiPopper-dropdown': {
+        maxHeight: 700,
+        overflow: 'visible',
+    },
+});
+export var MenuItemStatusClasses;
+(function (MenuItemStatusClasses) {
+    MenuItemStatusClasses["SELECTED"] = "Mui-selected";
+    MenuItemStatusClasses["ONLY_ONE"] = "Mui-only-one";
+    MenuItemStatusClasses["FLIPPED"] = "Mui-flipped";
+    MenuItemStatusClasses["SUBMENU_OPEN"] = "Mui-Submenu-open";
+    MenuItemStatusClasses["SUBMENU_FLIPPED"] = "Mui-Submenu-flipped";
+})(MenuItemStatusClasses || (MenuItemStatusClasses = {}));
+export const StyledMenuItem = styled(MenuItem)({
+    '--menuitem-border-rad': '4px',
+    backgroundColor: '#fff',
+    minHeight: 36,
+    '&:first-of-type': {
+        borderTopLeftRadius: 'var(--menuitem-border-rad)',
+        borderTopRightRadius: 'var(--menuitem-border-rad)',
+    },
+    '&:last-of-type': {
+        borderBottomLeftRadius: 'var(--menuitem-border-rad)',
+        borderBottomRightRadius: 'var(--menuitem-border-rad)',
+    },
+    '&.Mui-Submenu-open': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        '&.Mui-Submenu-flipped': {
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0,
+            borderTopRightRadius: 'var(--menuitem-border-rad)',
+            borderBottomRightRadius: 'var(--menuitem-border-rad)',
+        },
+    },
+    '&.Mui-selected': {
+        boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.13)',
+        zIndex: 1,
+    },
+});
+export const StyledChildMenuItem = styled(StyledMenuItem)({
+    '&:first-of-type': {
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 'var(--menuitem-border-rad)',
+        '&.Mui-flipped': {
+            borderTopLeftRadius: 'var(--menuitem-border-rad)',
+            borderTopRightRadius: 0,
+        },
+    },
+    '&:last-of-type': {
+        borderBottomLeftRadius: 'var(--menuitem-border-rad)',
+        borderBottomRightRadius: 'var(--menuitem-border-rad)',
+    },
+    '&.Mui-Submenu-open': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        '&.Mui-Submenu-flipped': {
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0,
+            borderTopRightRadius: 'var(--menuitem-border-rad)',
+            borderBottomRightRadius: 'var(--menuitem-border-rad)',
+        },
+    },
+    '&.Mui-only-one': {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderTopRightRadius: 'var(--menuitem-border-rad)',
+        borderBottomRightRadius: 'var(--menuitem-border-rad)',
+        '&.Mui-flipped': {
+            borderTopLeftRadius: 'var(--menuitem-border-rad)',
+            borderBottomLeftRadius: 'var(--menuitem-border-rad)',
+            borderTopRightRadius: 0,
+            borderBottomRightRadius: 0,
+        },
+        '&.Mui-Submenu-open': {
+            borderTopRightRadius: 0,
+            borderBottomRightRadius: 0,
+            '&.Mui-Submenu-flipped': {
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0,
+                borderTopRightRadius: 'var(--menuitem-border-rad)',
+                borderBottomRightRadius: 'var(--menuitem-border-rad)',
+            },
+        },
+    },
+});
+export const StyledMenuItemHeader = styled(StyledChildMenuItem)({
+    backgroundColor: '#FAFAFA',
+    color: '#8D8D94',
+    padding: '10px 16px',
+    borderBottom: '1px solid #F2F2F2',
+});

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SxProps } from '@mui/material/styles';
+import { Brand, MerchantInfo } from '../../types/index.js';
+export interface MerchantsDropdownProps {
+    brands: Brand[];
+    label: string;
+    sx?: SxProps;
+    selectedValue?: MerchantInfo;
+    isLoading?: boolean;
+    isFetchingNextPage?: boolean;
+    isDisabled?: boolean;
+    onValueChange: (merchant: Required<MerchantInfo>) => void;
+    renderBrandLogo: (fileId: string) => React.ReactNode;
+}

package/build/components/MerchantsDropdown/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/ReceiptsViewer/ReceiptViewer.d.ts

@@ -0,0 +1,2 @@
+import { ReceiptViewerProps } from './type';
+export default function ReceiptViewer({ isOpen, receipt, order, appWindow, onClose }: Readonly<ReceiptViewerProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/ReceiptsViewer/ReceiptViewer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import { AppWindowWrapper } from '../index.js';
+import { Wrapper } from './style';
+export default function ReceiptViewer({ isOpen, receipt, order, appWindow, onClose }) {
+    return (_jsx(AppWindowWrapper, Object.assign({ isOpen: isOpen, onClose: () => {
+            onClose(receipt.id);
+        }, initialPosition: {
+            x: 1000 - 20 * order,
+        }, windowProps: {
+            titleBarText: 'Receipt',
+            mainAppIsMinimized: appWindow === null || appWindow === void 0 ? void 0 : appWindow.isMinimized,
+            mainAppOrder: appWindow === null || appWindow === void 0 ? void 0 : appWindow.order,
+            showSectionsButton: false,
+        }, defaultWindowWidth: 502, defaultWindowHeight: 745 }, { children: _jsx(Wrapper, { children: _jsx(Box, { sx: { height: 715, overflow: 'auto' }, dangerouslySetInnerHTML: { __html: receipt.content } }) }) })));
+}

package/build/components/ReceiptsViewer/ReceiptsViewer.d.ts

@@ -0,0 +1,11 @@
+import { Receipt } from '../../types/index.js';
+type ReceiptsViewerProps = {
+    receipts: Receipt[];
+    appWindow?: {
+        isMinimized?: boolean;
+        order?: number;
+    };
+    onCloseReceipt: (id: string) => void;
+};
+export default function ReceiptsViewer({ receipts, onCloseReceipt, appWindow }: Readonly<ReceiptsViewerProps>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/ReceiptsViewer/ReceiptsViewer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import ReceiptViewer from './ReceiptViewer';
+export default function ReceiptsViewer({ receipts, onCloseReceipt, appWindow }) {
+    if (!receipts.length)
+        return null;
+    return (_jsx(_Fragment, { children: receipts.map((receipt, index) => (_jsx(ReceiptViewer, { order: index, isOpen: true, onClose: (id) => onCloseReceipt(id), receipt: receipt, appWindow: appWindow }, receipt.id))) }));
+}

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

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

package/build/components/ReceiptsViewer/index.js

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/ReceiptsViewer/style.js

@@ -0,0 +1,7 @@
+import { Box, styled } from '@mui/material';
+export const Wrapper = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    width: '100%',
+    height: '100%',
+    overflow: 'auto',
+}));

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

@@ -0,0 +1,11 @@
+import { Receipt } from '../../types/index.js';
+export interface ReceiptViewerProps {
+    isOpen: boolean;
+    receipt: Receipt;
+    order: number;
+    appWindow?: {
+        isMinimized?: boolean;
+        order?: number;
+    };
+    onClose: (id: string) => void;
+}

package/build/components/ReceiptsViewer/type.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{

package/build/components/SearchButton/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/StatusIcons/AuthIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/SourceIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { TableMode } from '../../../../types/index.js';
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/components/index.d.ts

@@ -135,3 +135,5 @@ export * from './MerchantCurrencyDropdown';
 export * from './OpenFileInNewTab';
 export * from './FilePreview';
 export * from './FileInputPreview';
+export * from './ReceiptsViewer';
+export * from './MerchantsDropdown';

package/build/components/index.js

@@ -135,3 +135,5 @@ export * from './MerchantCurrencyDropdown';
 export * from './OpenFileInNewTab';
 export * from './FilePreview';
 export * from './FileInputPreview';
+export * from './ReceiptsViewer';
+export * from './MerchantsDropdown';

package/build/constants/apps.d.ts

@@ -193,6 +193,30 @@ export declare const APP_CODES: {
             intents: {
                 code: string;
                 functions: {
+                    flagBalance: {
+                        code: string;
+                    };
+                    releaseBalance: {
+                        code: string;
+                    };
+                    refund: {
+                        code: string;
+                    };
+                    charge: {
+                        code: string;
+                    };
+                    flag: {
+                        code: string;
+                    };
+                    releaseFlag: {
+                        code: string;
+                    };
+                    createCharge: {
+                        code: string;
+                    };
+                    viewReceipt: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };

package/build/constants/apps.js

@@ -81,7 +81,23 @@ export const APP_CODES = {
             },
             intents: {
                 code: 'INTENTS',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { flagBalance: {
+                        code: 'FLAG BALANCE',
+                    }, releaseBalance: {
+                        code: 'RELEASE BALANCE',
+                    }, refund: {
+                        code: 'REFUND',
+                    }, charge: {
+                        code: 'CHARGE',
+                    }, flag: {
+                        code: 'FLAG',
+                    }, releaseFlag: {
+                        code: 'RELEASE FLAG',
+                    }, createCharge: {
+                        code: 'CREATE_CHARGE',
+                    }, viewReceipt: {
+                        code: 'RECEIPT',
+                    } }),
             },
             authorization: {
                 code: 'AUTHORIZATIONS',

package/build/hooks/index.d.ts

@@ -12,3 +12,4 @@ export * from './useCountdown';
 export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
+export * from './useSelectedMerchantDetails';

package/build/hooks/index.js

@@ -12,3 +12,4 @@ export * from './useCountdown';
 export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
+export * from './useSelectedMerchantDetails';

package/build/hooks/useSelectedMerchantDetails.d.ts

@@ -0,0 +1,10 @@
+import { Brand, Entity, Merchant, MerchantInfo } from '../types/index.js';
+/**
+ * Custom hook to get selected merchant details
+ */
+export declare const useSelectedMerchantDetails: (selectedValue: MerchantInfo | undefined, selectedBrand?: Brand) => {
+    selectedBrand: Brand | undefined;
+    selectedEntity: (import("../types/index.js").EntityDetails & Entity) | undefined;
+    selectedMerchant: Merchant | undefined;
+    displayName: string;
+};

package/build/hooks/useSelectedMerchantDetails.js

@@ -0,0 +1,15 @@
+import { useMemo } from 'react';
+/**
+ * Custom hook to get selected merchant details
+ */
+export const useSelectedMerchantDetails = (selectedValue, selectedBrand) => {
+    const selectedEntity = useMemo(() => selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.entities.find((entity) => entity.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId)), [selectedBrand, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId]);
+    const selectedMerchant = useMemo(() => { var _a; return (_a = selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.merchants) === null || _a === void 0 ? void 0 : _a.find((merchant) => merchant.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId)); }, [selectedEntity, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId]);
+    const displayName = useMemo(() => { var _a, _b; return (_b = (_a = selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.display_name) !== null && _a !== void 0 ? _a : selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.legacy_id) !== null && _b !== void 0 ? _b : 'Select'; }, [selectedMerchant]);
+    return {
+        selectedBrand,
+        selectedEntity,
+        selectedMerchant,
+        displayName,
+    };
+};

package/build/types/index.d.ts

@@ -27,4 +27,4 @@ export * from './tsUtils';
 export * from './appEvents';
 export * from './common';
 export * from './discount';
-export * from './destination';
+export * from './receipt';

package/build/types/index.js

@@ -27,4 +27,4 @@ export * from './tsUtils';
 export * from './appEvents';
 export * from './common';
 export * from './discount';
-export * from './destination';
+export * from './receipt';

package/build/types/merchant.d.ts

@@ -202,3 +202,9 @@ export interface BusinessMerchant {
         created: number;
     }>;
 }
+export interface MerchantInfo {
+    brandId?: string;
+    entityId?: string;
+    merchantId?: string;
+    legacyId?: string;
+}