@tap-payments/os-micro-frontend-shared 0.1.300 → 0.1.301-test.1

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type AnimatedSpinnerIconProps = {
     width?: string;
     height?: string;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { GetSourceAnimationFunction } from './type';
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: import("./type").ChipVariant | undefined;

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

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

package/build/components/Customer/CustomerDropdown/CustomerDropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FullInfoProps } from '../CustomerForms/FullInfo';
-interface CustomerDropdownProps extends FullInfoProps {
+import { CustomerFullInfoProps } from '../CustomerForms/CustomerFullInfo';
+export interface CustomerDropdownProps extends CustomerFullInfoProps {
     isDisabled?: boolean;
 }
 declare function CustomerDropdown({ ...props }: Readonly<CustomerDropdownProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/Customer/CustomerDropdown/CustomerDropdown.js

@@ -17,7 +17,7 @@ import { getRandomGradientColor } from '../../../utils/index.js';
 import { CustomBackdrop } from '../../index.js';
 import { customerIcon2 } from '../../../constants/index.js';
 import { Wrapper, AvatarStyled, Button } from './style';
-import FullInfo from '../CustomerForms/FullInfo';
+import FullInfo from '../CustomerForms/CustomerFullInfo';
 function CustomerDropdown(_a) {
     var _b, _c;
     var props = __rest(_a, []);

package/build/components/Customer/CustomerDropdown/index.d.ts

@@ -1 +1 @@
-export { default } from './CustomerDropdown';
+export { default, CustomerDropdownProps } from './CustomerDropdown';

package/build/components/Customer/CustomerForms/CustomerEmailForm.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Item } from '../../../types/index.js';
+import { CustomerFullInfoProps } from './CustomerFullInfo';
+export interface CustomerEmailFormProps extends Pick<CustomerFullInfoProps, 'onCustomerChange' | 'isCustomerNotValid' | 'customer'> {
+    items: Item[];
+    isItemsNotValid: boolean;
+    submitButtonText: string;
+    onSubmit: () => void;
+}
+declare function CustomerEmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }: Readonly<CustomerEmailFormProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CustomerEmailForm>;
+export default _default;

package/build/components/Customer/CustomerForms/{EmailForm.js → CustomerEmailForm.js}

@@ -17,7 +17,7 @@ import { Controller, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { FormWrapper, InputStyled, SubmitButton, ErrorStyled } from './style';
 import { validationEmailFromSchema } from './validation';
-function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }) {
+function CustomerEmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }) {
     const firstNameRef = useRef();
     const lastNameRef = useRef();
     const emailRef = useRef();
@@ -73,4 +73,4 @@ function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, item
                                 }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
                 } }), _jsx(SubmitButton, Object.assign({ type: "button", "data-testid": "EmailForm_submit", onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
 }
-export default memo(EmailForm);
+export default memo(CustomerEmailForm);

package/build/components/Customer/CustomerForms/{FullInfo.d.ts → CustomerFullInfo.d.ts}

@@ -1,5 +1,5 @@
 import { Country, CustomerInfo, SegmentCountry } from '../../../types/index.js';
-export interface FullInfoProps {
+export interface CustomerFullInfoProps {
     customer: CustomerInfo;
     country: Country;
     defaultCountry: SegmentCountry;
@@ -9,5 +9,5 @@ export interface FullInfoProps {
     onCustomerChange: (customer: CustomerInfo) => void;
     isCustomerNotValid?: (value: boolean, err?: string) => void;
 }
-declare function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }: Readonly<FullInfoProps>): import("react/jsx-runtime").JSX.Element;
-export default FullInfo;
+declare function CustomerFullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }: Readonly<CustomerFullInfoProps>): import("react/jsx-runtime").JSX.Element;
+export default CustomerFullInfo;

package/build/components/Customer/CustomerForms/{FullInfo.js → CustomerFullInfo.js}

@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
 import { MobileWrapper, FormWrapper, InputStyled, InputNumberStyled, ErrorStyled } from './style';
 import { validationFullInfoSchema } from './validation';
 import CountriesDropdown from '../../Inputs/CountriesDropDown';
-function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }) {
+function CustomerFullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }) {
     const firstNameRef = useRef();
     const lastNameRef = useRef();
     const emailRef = useRef();
@@ -69,4 +69,4 @@ function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoa
                                         }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
                 } }, "fullInfoPhoneNumber")] })));
 }
-export default FullInfo;
+export default CustomerFullInfo;

package/build/components/Customer/CustomerForms/CustomerFullInfoForm.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Item } from '../../../types/index.js';
+import { CustomerFullInfoProps } from './CustomerFullInfo';
+export interface CustomerFullInfoFormProps extends CustomerFullInfoProps {
+    items: Item[];
+    isItemsNotValid: boolean;
+    submitButtonText: string;
+    onSubmit: () => void;
+}
+declare function CustomerFullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<CustomerFullInfoFormProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CustomerFullInfoForm>;
+export default _default;

package/build/components/Customer/CustomerForms/{FullInfoForm.js → CustomerFullInfoForm.js}

@@ -19,7 +19,7 @@ import { InputNumberStyled, MobileWrapper } from '../../index.js';
 import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
 import { validationFullInfoSchema } from './validation';
 import CountriesDropdown from '../../Inputs/CountriesDropDown';
-function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
+function CustomerFullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
     const firstNameRef = useRef();
     const lastNameRef = useRef();
     const emailRef = useRef();
@@ -71,4 +71,4 @@ function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, is
                                         }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
                 } }), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
 }
-export default memo(FullInfoForm);
+export default memo(CustomerFullInfoForm);

package/build/components/Customer/CustomerForms/CustomerPhoneNumberForm.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Item } from '../../../types/index.js';
+import { CustomerFullInfoProps } from './CustomerFullInfo';
+export interface CustomerPhoneNumberFormProps extends Pick<CustomerFullInfoProps, 'customer' | 'country' | 'onCountryChange' | 'onCustomerChange' | 'defaultCountry' | 'countries' | 'isCountriesLoading'> {
+    isItemsNotValid: boolean;
+    items: Item[];
+    submitButtonText: string;
+    onSubmit: () => void;
+}
+declare function CustomerPhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<CustomerPhoneNumberFormProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CustomerPhoneNumberForm>;
+export default _default;

package/build/components/Customer/CustomerForms/{PhoneNumberForm.js → CustomerPhoneNumberForm.js}

@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
 import { CountriesDropdown, InputNumberStyled, MobileWrapper } from '../../index.js';
 import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
 import { validationPhoneNumberSchema } from './validation';
-function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
+function CustomerPhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
     const firstNameRef = useRef();
     const lastNameRef = useRef();
     const phoneNumberRef = useRef();
@@ -68,4 +68,4 @@ function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItem
                     return (_jsxs(Box, Object.assign({ ref: lastNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('lastName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
                 } }, "phoneNumberFormLastName"), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
 }
-export default memo(PhoneNumberForm);
+export default memo(CustomerPhoneNumberForm);

package/build/components/Customer/CustomerForms/index.d.ts

@@ -1,9 +1,9 @@
 export * from './validation';
-export * from './EmailForm';
-export { default as EmailForm } from './EmailForm';
-export * from './FullInfo';
-export { default as FullInfo } from './FullInfo';
-export * from './FullInfoForm';
-export { default as FullInfoForm } from './FullInfoForm';
-export * from './PhoneNumberForm';
-export { default as PhoneNumberForm } from './PhoneNumberForm';
+export * from './CustomerEmailForm';
+export { default as CustomerEmailForm } from './CustomerEmailForm';
+export * from './CustomerFullInfo';
+export { default as CustomerFullInfo } from './CustomerFullInfo';
+export * from './CustomerFullInfoForm';
+export { default as CustomerFullInfoForm } from './CustomerFullInfoForm';
+export * from './CustomerPhoneNumberForm';
+export { default as CustomerPhoneNumberForm } from './CustomerPhoneNumberForm';

package/build/components/Customer/CustomerForms/index.js

@@ -1,9 +1,9 @@
 export * from './validation';
-export * from './EmailForm';
-export { default as EmailForm } from './EmailForm';
-export * from './FullInfo';
-export { default as FullInfo } from './FullInfo';
-export * from './FullInfoForm';
-export { default as FullInfoForm } from './FullInfoForm';
-export * from './PhoneNumberForm';
-export { default as PhoneNumberForm } from './PhoneNumberForm';
+export * from './CustomerEmailForm';
+export { default as CustomerEmailForm } from './CustomerEmailForm';
+export * from './CustomerFullInfo';
+export { default as CustomerFullInfo } from './CustomerFullInfo';
+export * from './CustomerFullInfoForm';
+export { default as CustomerFullInfoForm } from './CustomerFullInfoForm';
+export * from './CustomerPhoneNumberForm';
+export { default as CustomerPhoneNumberForm } from './CustomerPhoneNumberForm';

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

@@ -1 +1,2 @@
-export { default as CustomerDropdown } from './CustomerDropdown';
+export { default as CustomerDropdown, type CustomerDropdownProps } from './CustomerDropdown';
+export { CustomerEmailForm, CustomerFullInfoForm, CustomerPhoneNumberForm, type CustomerFullInfoProps, type CustomerFullInfoFormProps, type CustomerPhoneNumberFormProps, type CustomerEmailFormProps, } from './CustomerForms';

package/build/components/Customer/index.js

@@ -1 +1,2 @@
 export { default as CustomerDropdown } from './CustomerDropdown';
+export { CustomerEmailForm, CustomerFullInfoForm, CustomerPhoneNumberForm, } from './CustomerForms';

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

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

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

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

package/build/components/ImageWrapper/ImageWrapper.d.ts

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

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const FOOTER_HEIGHT = 37;
 export declare const TITLE_BAR_HEIGHT = "32px";
 export declare const VIEWER_HEIGHT = 545;

package/build/components/LeftPeekRightExpandingChip/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 DEFAULT_CHIP_MIN_WIDTH = 24;

package/build/components/PaymentSourceFilter/PaymentMethods.js

@@ -19,6 +19,7 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
     var _a, _b;
     const [paymentMethodsEl, setPaymentMethodsEl] = useState(null);
     const filterPaymentMethods = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_methods) !== null && _a !== void 0 ? _a : [];
+    const isDisabled = !(paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) || !(paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options.length);
     const onOpen = (e) => {
         setPaymentMethodsEl(e.currentTarget);
     };
@@ -27,13 +28,13 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
     };
     const paymentMethodsAll = useMemo(() => {
         var _a, _b, _c;
-        return (_c = (_b = ((_a = paymentMethodsSource.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.reduce((acc, method) => {
+        return (_c = (_b = ((_a = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.reduce((acc, method) => {
             var _a, _b, _c;
             acc.push(...((_c = (_b = ((_a = method.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.map((m) => m.type)) !== null && _c !== void 0 ? _c : []));
             return acc;
         }, [])) !== null && _c !== void 0 ? _c : [];
     }, []);
-    const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length]);
+    const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length && !isDisabled, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isDisabled]);
     const isIndeterminate = useMemo(() => !isSelected && (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) !== filterPaymentMethods.length && filterPaymentMethods.length > 0, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isSelected]);
     const onClick = () => {
         if (isSelected) {
@@ -44,5 +45,5 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
             setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
 }

package/build/components/PaymentSourceFilter/PaymentSchemes.js

@@ -18,6 +18,7 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
     var _a, _b, _c;
     const [anchorEl, setAnchorEl] = useState(null);
     const paymentScheme = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _a !== void 0 ? _a : [];
+    const isDisabled = !paymentSchemesSource.options || !(paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options.length);
     const onOpen = (e) => {
         setAnchorEl(e.currentTarget);
     };
@@ -47,5 +48,5 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
             setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: [...((_b = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _b !== void 0 ? _b : []), selectedPaymentScheme] }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
 }

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/PayoutReportCell/style.d.ts

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

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/TableReports/components/DownloadButton/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/TableReports/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type ExportButtonProps = {
     notificationState?: {
         success: boolean;

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

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

package/build/constants/payment.d.ts

@@ -3,6 +3,8 @@ export declare const PAYMENT_TYPES: {
     label: string;
     icon: string;
 }[];
+export declare const PAYMENT_INITIATED_CUSTOMER_KEY = "customer";
+export declare const PAYMENT_INITIATED_MERCHANT_KEY = "merchant";
 export declare const PAYMENT_INITIATED_OPTIONS: {
     key: string;
     value: string;

package/build/constants/payment.js

@@ -36,7 +36,9 @@ export const PAYMENT_TYPES = [
         icon: `${lightUrl}/cash.svg`,
     },
 ];
+export const PAYMENT_INITIATED_CUSTOMER_KEY = 'customer';
+export const PAYMENT_INITIATED_MERCHANT_KEY = 'merchant';
 export const PAYMENT_INITIATED_OPTIONS = [
-    { key: 'customer', value: 'true', label: 'Customer' },
-    { key: 'merchant', value: 'false', label: 'Merchant' },
+    { key: PAYMENT_INITIATED_CUSTOMER_KEY, value: 'true', label: 'Customer' },
+    { key: PAYMENT_INITIATED_MERCHANT_KEY, value: 'false', label: 'Merchant' },
 ];

package/build/utils/index.d.ts

@@ -44,3 +44,4 @@ export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
+export * from './merchantSource';

package/build/utils/index.js

@@ -44,3 +44,4 @@ export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
+export * from './merchantSource';

package/build/utils/merchantSource.d.ts

@@ -0,0 +1,32 @@
+import { TextAndLang } from '../types/index.js';
+interface Source {
+    code: string;
+    name: TextAndLang[];
+}
+interface PaymentMethod extends Source {
+    payment_methods: Source[];
+}
+export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
+    name: string;
+    type: string;
+    options: ({
+        name: string;
+        type: string;
+        icon: string;
+        options: {
+            name: string | undefined;
+            type: string;
+            icon: string;
+        }[];
+    } | null)[] | undefined;
+};
+export declare function transformPaymentSchemesData(data?: Source[]): {
+    name: string;
+    type: string;
+    options: {
+        name: string | undefined;
+        type: string;
+        icon: string;
+    }[];
+};
+export {};

package/build/utils/merchantSource.js

@@ -0,0 +1,76 @@
+import { lightUrl } from '../constants/index.js';
+import { getNameText } from './language';
+const PAYMENT_TYPES = {
+    DEVICE: {
+        name: 'Device',
+        type: 'device',
+        icon: `${lightUrl}/device.svg`,
+    },
+    CARD: {
+        name: 'Cards',
+        type: 'cards',
+        icon: `${lightUrl}/payment-method/card.svg`,
+    },
+    PASS_THRU_WALLET: {
+        name: 'Pass-Thru Wallet',
+        type: 'pass_thru_wallet',
+        icon: `${lightUrl}/passThruWallet.svg`,
+    },
+    EXPRESS_CHECKOUT: {
+        name: 'Express Checkout',
+        type: 'express_checkout',
+        icon: `${lightUrl}/express_checkout.svg`,
+    },
+    STORED_VALUE_WALLET: {
+        name: 'Stored Value Wallet',
+        type: 'stored_value_wallet',
+        icon: `${lightUrl}/storedValueWallet.svg`,
+    },
+    CASH_WALLET: {
+        name: 'Cash Wallet',
+        type: 'cash_wallet',
+        icon: `${lightUrl}/cash.svg`,
+    },
+    BUY_NOW_PAY_LATER: {
+        name: 'Buy Now Pay Later',
+        type: 'buy_now_pay_later',
+        icon: `${lightUrl}/buyNowPayLater.svg`,
+    },
+};
+export function transformPaymentMethodsData(data) {
+    return {
+        name: 'Payment Methods',
+        type: 'payment_methods',
+        options: data === null || data === void 0 ? void 0 : data.map((category) => {
+            var _a, _b;
+            const paymentType = (_a = PAYMENT_TYPES[category.code]) !== null && _a !== void 0 ? _a : {};
+            if (!paymentType)
+                return null;
+            return {
+                name: paymentType === null || paymentType === void 0 ? void 0 : paymentType.name,
+                type: paymentType === null || paymentType === void 0 ? void 0 : paymentType.type,
+                icon: paymentType === null || paymentType === void 0 ? void 0 : paymentType.icon,
+                options: (_b = category.payment_methods) === null || _b === void 0 ? void 0 : _b.map((method) => ({
+                    name: getNameText(method.name),
+                    type: method.code,
+                    icon: `${lightUrl}/payment-method/${method.code}.svg`,
+                })),
+            };
+        }),
+    };
+}
+export function transformPaymentSchemesData(data = []) {
+    return {
+        name: 'Payment Schemes',
+        type: 'payment_scheme',
+        options: data
+            .filter((scheme) => scheme.code)
+            .map((scheme) => {
+            return {
+                name: getNameText(scheme === null || scheme === void 0 ? void 0 : scheme.name),
+                type: scheme === null || scheme === void 0 ? void 0 : scheme.code,
+                icon: `${lightUrl}/payment-method/${scheme.code}.svg`,
+            };
+        }),
+    };
+}

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

package/build/components/Customer/CustomerForms/EmailForm.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Item } from '../../../types/index.js';
-import { FullInfoProps } from './FullInfo';
-export interface EmailFormProps extends Pick<FullInfoProps, 'onCustomerChange' | 'isCustomerNotValid' | 'customer'> {
-    items: Item[];
-    isItemsNotValid: boolean;
-    submitButtonText: string;
-    onSubmit: () => void;
-}
-declare function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }: Readonly<EmailFormProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof EmailForm>;
-export default _default;

package/build/components/Customer/CustomerForms/FullInfoForm.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { Item } from '../../../types/index.js';
-import { FullInfoProps } from './FullInfo';
-export interface FullInfoFormProps extends FullInfoProps {
-    items: Item[];
-    isItemsNotValid: boolean;
-    submitButtonText: string;
-    onSubmit: () => void;
-}
-declare function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<FullInfoFormProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof FullInfoForm>;
-export default _default;

package/build/components/Customer/CustomerForms/PhoneNumberForm.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Item } from '../../../types/index.js';
-import { FullInfoProps } from './FullInfo';
-export interface PhoneNumberFormProps extends Pick<FullInfoProps, 'customer' | 'country' | 'onCountryChange' | 'onCustomerChange' | 'defaultCountry' | 'countries' | 'isCountriesLoading'> {
-    isItemsNotValid: boolean;
-    items: Item[];
-    submitButtonText: string;
-    onSubmit: () => void;
-}
-declare function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<PhoneNumberFormProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof PhoneNumberForm>;
-export default _default;