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

package/build/components/TableHeader/TableView/style.js

@@ -0,0 +1,102 @@
+import { Box, styled } from '@mui/material';
+export const ButtonStyled = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderRadius: '4px',
+    background: theme.palette.common.white,
+    padding: '8px',
+    border: '1px solid',
+    borderColor: theme.palette.divider,
+    gap: 8,
+    height: 32,
+    cursor: 'pointer',
+    '&:hover': {
+        border: '1px solid',
+        borderColor: theme.palette.info.dark,
+        boxShadow: theme.shadows[7],
+    },
+}));
+export const ViewWrapper = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    display: 'flex',
+    gap: theme.spacing(1),
+    alignItems: 'center',
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    fontWeight: theme.typography.fontWeightRegular,
+    textTransform: 'capitalize',
+    position: 'relative',
+    transition: '0.5s',
+    '&:after': {
+        content: '""',
+        position: 'absolute',
+        left: -8,
+        right: 0,
+        width: '100%',
+        height: '100%',
+        boxShadow: theme.shadows[11],
+        borderRadius: theme.spacing(0.5),
+        paddingInlineStart: theme.spacing(1),
+        paddingTop: '9px',
+        paddingBottom: '9px',
+        paddingInlineEnd: '9px',
+        zIndex: -1,
+    },
+}));
+export const ListStyled = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    borderRadius: theme.spacing(1),
+    boxShadow: theme.shadows[5],
+    border: '1px solid',
+    borderColor: theme.palette.divider,
+    zIndex: 5,
+    fontSize: '11px',
+    width: 192,
+}));
+export const DropdownStyled = styled(Box)(() => ({
+    minWidth: 160,
+    position: 'relative',
+}));
+export const MenuItem = styled(Box, { shouldForwardProp: (props) => props !== 'addColumnViewEl' })(({ theme }) => ({
+    padding: theme.spacing(1),
+    paddingInlineEnd: 2,
+    borderBottom: '1px solid',
+    borderColor: theme.palette.divider,
+    display: 'flex',
+    alignItems: 'center',
+    height: 32,
+    cursor: 'pointer',
+    img: {
+        height: 12,
+    },
+    '.check-icon': {
+        height: 'auto',
+        marginInlineEnd: theme.spacing(1),
+    },
+    '&:hover': {
+        color: theme.palette.info.dark,
+        fontWeight: theme.typography.fontWeightBold,
+    },
+    '&.add-column': {
+        justifyContent: 'space-between',
+        paddingInlineEnd: theme.spacing(1),
+        position: 'relative',
+        border: 'none',
+        zIndex: 5,
+        borderBottom: '1px solid',
+        borderColor: theme.palette.divider,
+        borderTopRightRadius: theme.spacing(1),
+        borderTopLeftRadius: theme.spacing(1),
+        '&:hover': {
+            boxShadow: theme.shadows[6],
+        },
+    },
+}));
+export const Space = styled(Box)(({ theme }) => ({
+    width: 12,
+    marginInlineEnd: theme.spacing(1),
+}));
+export const SpaceAfter = styled(Box)(() => ({
+    width: 16,
+}));

package/build/components/TableHeader/TableView/type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TableHeaderProps } from '../type';
+export interface CustomViewsProps {
+    open: boolean;
+    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
+    setTableViews: TableHeaderProps['setTableViews'];
+    tableViews: TableHeaderProps['tableViews'];
+    anchorEl: Element | null;
+    onClose?: () => void;
+}

package/build/components/TableHeader/TableView/type.js

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

package/build/components/TableHeader/data.d.ts

@@ -0,0 +1,5 @@
+export declare const dummyViewList: {
+    label: string;
+    id: string;
+    columns: string[];
+}[];

package/build/components/TableHeader/data.js

@@ -0,0 +1,7 @@
+export const dummyViewList = [
+    {
+        label: 'Default',
+        id: 'default',
+        columns: ['default', 'default']
+    }
+];

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

@@ -1,4 +1,8 @@
-export { default as TableHeader } from './TableHeader';
+import TableHeader from './TableHeader';
+export default TableHeader;
+export * from './TableHeader';
+export { default as TableHeaderWrapper } from './TableHeaderWrapper';
+export { default as FiltersRowWrapper } from './FiltersRowWrapper';
+export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
-export { FiltersRow } from './FiltersRow';

package/build/components/TableHeader/index.js

@@ -1,4 +1,8 @@
-export { default as TableHeader } from './TableHeader';
+import TableHeader from './TableHeader';
+export default TableHeader;
+export * from './TableHeader';
+export { default as TableHeaderWrapper } from './TableHeaderWrapper';
+export { default as FiltersRowWrapper } from './FiltersRowWrapper';
+export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
-export { FiltersRow } from './FiltersRow';

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

@@ -16,6 +16,6 @@ export declare const TableHeaderRow: import("@emotion/styled").StyledComponent<i
 export declare const StatusButtonsContainer: 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>, {}, {}>;
-export declare const FiltersRowWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const FiltersRowContainer: 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/TableHeader/style.js

@@ -34,7 +34,7 @@ export const StatusButtonsContainer = styled(Box)(({ theme }) => ({
     alignItems: 'center',
     gap: theme.spacing(1),
 }));
-export const FiltersRowWrapper = styled(Box)(() => ({
+export const FiltersRowContainer = styled(Box)(() => ({
     display: 'flex',
     justifyContent: 'flex-start',
     alignItems: 'center',

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

@@ -1,27 +1,29 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import type { CalenderMode, TableHeaderStatus, ColumnViewProps } from '../../types/index.js';
+import React, { ReactNode } from 'react';
+import type { CalenderMode, TableHeaderStatus, ColumnViewProps, TableMode, Timezone, SegmentCountry } from '../../types/index.js';
 import { AvailableStatus } from '../StatusBar/type';
-declare const viewsOptions: {
+import { PartialExcept } from '../../types/index.js';
+type ViewsOptions = {
     default: {};
     developer: {};
     marketing: {};
     finance: {};
     custom: {};
 };
-export type View = keyof typeof viewsOptions;
-export interface TableHeaderProps {
-    availableStatuses?: AvailableStatus[];
-    status?: TableHeaderStatus;
+export type View = keyof ViewsOptions;
+export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined> {
+    tableMode?: TableMode;
+    status?: IStatus;
+    availableStatuses?: AvailableStatus<IStatus>[];
     search?: string;
     view?: View;
     date?: Date | [Date, Date];
     showMaximizedView?: boolean;
     title?: string | null;
     calendarMode?: CalenderMode;
-    onStatusChange?: (status: Partial<TableHeaderStatus>) => void;
+    onStatusChange?: (status?: IStatus) => void;
     onSearch?: (search: string) => void;
     onViewChange?: () => void;
-    onDateChange?: (date: Date | [Date, Date], timezoneOffset?: number) => void;
+    onDateChange?: (date: Date | [Date, Date]) => void;
     tableReportsComponent?: React.ReactNode;
     tableFilterComponent?: React.ReactNode;
     onCalendarModeSwitch: (mode: CalenderMode) => void;
@@ -49,8 +51,15 @@ export interface TableHeaderProps {
     onCalendarGroupChange?: (value: string) => void;
     maxDateRange?: number;
     isAcceptance?: boolean;
+    startComponent?: React.ReactNode;
+    searchPlaceholder?: string;
+    timezone: Timezone | null;
+    browserTimezone: string;
+    defaultCountryTimezone: Timezone;
+    onChangeTimezone: (newTimezone: Timezone) => void;
+    segmentCountries: SegmentCountry[];
 }
-export type FilterRowProps = PropsWithChildren<{}>;
+export type FilterRowProps = PartialExcept<TableHeaderProps<TableHeaderStatus>, 'timezone' | 'browserTimezone' | 'defaultCountryTimezone' | 'onChangeTimezone' | 'segmentCountries'>;
 export interface Column {
     label: string;
     name: string;

package/build/components/TableHeader/type.js

@@ -1,8 +1 @@
-const viewsOptions = {
-    default: {},
-    developer: {},
-    marketing: {},
-    finance: {},
-    custom: {},
-};
 export {};

package/build/components/index.d.ts

@@ -92,6 +92,7 @@ export { default as StatusBar, type AvailableStatus } from './StatusBar';
 export { default as MultiSelectStatusButton, type CurrencyOption, type MultiSelectStatusButtonProps } from './MultiSelectStatusButton';
 export * from './Chip';
 export * from './StatusGroupChips';
+export { default as TableHeader } from './TableHeader';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
@@ -130,4 +131,3 @@ export * from './MerchantLogo';
 export * from './FilterDropdown';
 export { default as PhoneFilter } from './PhoneFilter';
 export { default as CountryFilter } from './CountryFilter';
-export * from './Customer';

package/build/components/index.js

@@ -92,6 +92,7 @@ export { default as StatusBar } from './StatusBar';
 export { default as MultiSelectStatusButton } from './MultiSelectStatusButton';
 export * from './Chip';
 export * from './StatusGroupChips';
+export { default as TableHeader } from './TableHeader';
 export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
@@ -130,4 +131,3 @@ export * from './MerchantLogo';
 export * from './FilterDropdown';
 export { default as PhoneFilter } from './PhoneFilter';
 export { default as CountryFilter } from './CountryFilter';
-export * from './Customer';

package/build/types/tsUtils.d.ts

@@ -2,3 +2,4 @@ export type Override<T, R> = Omit<T, keyof R> & R;
 export type MakeOptional<T, K extends keyof T> = Override<T, {
     [P in K]?: T[K];
 }>;
+export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;

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.261-test.2",
-  "testVersion": 2,
+  "version": "0.1.261-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -102,8 +102,7 @@
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
     "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1",
-    "yup": "^1.7.1"
+    "recharts": "^2.15.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
@@ -130,30 +129,30 @@
     "vite-tsconfig-paths": "^4.2.0"
   },
   "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "@mui/material": "^5",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
-    "@hookform/resolvers": "^3",
-    "@mui/material": "^5",
-    "@uiw/react-json-view": "^2.0.0-alpha",
-    "dayjs": "^1",
     "framer-motion": "^10",
-    "i18next": "^22",
-    "re-resizable": "^6",
-    "react": "^18",
-    "react-currency-input-field": "^3",
-    "react-dom": "^18",
-    "react-draggable": "^4",
-    "react-dropzone": "^14",
     "react-hook-form": "^7",
-    "react-hot-toast": "^2",
+    "@hookform/resolvers": "^3",
+    "react-router-dom": "^7",
+    "i18next": "^22",
     "react-i18next": "^12",
     "react-multi-date-picker": "^4",
-    "react-router-dom": "^7",
-    "react-virtualized-auto-sizer": "^1",
+    "dayjs": "^1",
+    "react-dropzone": "^14",
+    "react-hot-toast": "^2",
+    "recharts": "^2",
     "react-window": "^1.8",
     "react-window-infinite-loader": "^1",
+    "react-virtualized-auto-sizer": "^1",
+    "re-resizable": "^6",
+    "react-draggable": "^4",
+    "react-currency-input-field": "^3",
     "react18-input-otp": "^1",
-    "recharts": "^2"
+    "@uiw/react-json-view": "^2.0.0-alpha"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx,json,js,jsx}": [

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

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

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

@@ -1,39 +0,0 @@
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-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';
-function CustomerDropdown(_a) {
-    var _b, _c;
-    var props = __rest(_a, []);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const { firstName, lastName } = props.customer;
-    const { t } = useTranslation();
-    const open = Boolean(anchorEl);
-    const openDropdown = (event) => {
-        if (!open)
-            setAnchorEl(event.currentTarget);
-    };
-    const closeDropdown = () => {
-        if (open)
-            setAnchorEl(null);
-    };
-    const AvatarColor = useMemo(() => getRandomGradientColor(), []);
-    return (_jsxs(Wrapper, Object.assign({ sx: Object.assign({}, (props.isDisabled && { pointerEvents: 'none', opacity: 0.7 })) }, { children: [_jsxs(Button, Object.assign({ onClick: openDropdown }, { children: [(!firstName || !lastName) && (_jsxs(_Fragment, { children: [_jsx("img", { src: customerIcon2, alt: "c" }), _jsx("span", { children: t('customer') })] })), firstName && lastName && (_jsxs(_Fragment, { children: [_jsx(AvatarStyled, Object.assign({ src: "#", alt: "a", sx: { background: AvatarColor } }, { children: `${(_b = firstName[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()}${((_c = lastName[0]) === null || _c === void 0 ? void 0 : _c.toUpperCase()) || ''}` })), `${firstName} ${lastName}`] }))] })), open && _jsx(CustomBackdrop, { onClick: closeDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsx(FullInfo, Object.assign({}, props)) }))] })));
-}
-export default memo(CustomerDropdown);

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

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

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

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: 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>, {}, {}>;
-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>, {}, {}>;
-export declare const AvatarStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Avatar").AvatarOwnProps & import("@mui/material/Avatar").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "classes" | "className" | "style" | "children" | "sx" | "variant" | "slotProps" | "slots" | "sizes" | "src" | "alt" | "srcSet" | "imgProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -1,30 +0,0 @@
-import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Wrapper = styled(Box)(() => ({
-    position: 'relative',
-    flexGrow: 0
-}));
-export const Button = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    display: 'flex',
-    padding: theme.spacing(1),
-    gap: theme.spacing(1),
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '4px',
-    backgroundColor: theme.palette.common.white,
-    alignItems: 'center',
-    height: 32,
-    textTransform: 'capitalize',
-    cursor: 'pointer'
-}));
-export const AvatarStyled = styled(Avatar)(({ theme }) => ({
-    width: 16,
-    height: 16,
-    cursor: 'pointer',
-    fontSize: '5.667px',
-    color: theme.palette.common.white,
-    fontWeight: 500,
-    border: `1px solid ${theme.palette.common.white}`
-}));

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/EmailForm.js

@@ -1,76 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useRef } from 'react';
-import { yupResolver } from '@hookform/resolvers/yup';
-import Box from '@mui/material/Box';
-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 }) {
-    const firstNameRef = useRef();
-    const lastNameRef = useRef();
-    const emailRef = useRef();
-    const { t } = useTranslation();
-    const { control, formState: { isValid, errors }, watch, trigger, } = useForm({
-        mode: 'onChange',
-        resolver: yupResolver(validationEmailFromSchema),
-        defaultValues: {
-            firstName: customer.firstName,
-            email: customer.email,
-            lastName: customer.lastName,
-        },
-    });
-    useEffect(() => {
-        // revalidate default values
-        if (customer.firstName && customer.email && customer.lastName) {
-            trigger();
-        }
-    }, []);
-    useEffect(() => {
-        watch(({ firstName = '', lastName = '', email = '' }) => {
-            onCustomerChange(Object.assign(Object.assign({}, customer), { email,
-                firstName,
-                lastName }));
-        });
-    }, [watch, errors, customer]);
-    const onMouseLeave = (e) => {
-        e.stopPropagation();
-    };
-    return (_jsxs(FormWrapper, Object.assign({ onMouseLeave: onMouseLeave }, { children: [_jsx(Controller, { control: control, name: "email", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: emailRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { "data-testid": "EmailForm_email", placeholder: t('email'), inputProps: {
-                                    autoComplete: 'off',
-                                    form: {
-                                        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) })] })));
-                } }), _jsx(Controller, { control: control, name: "firstName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: firstNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { "data-testid": "EmailForm_firstName", placeholder: t('firstName'), inputProps: {
-                                    autoComplete: 'off',
-                                    form: {
-                                        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) })] })));
-                } }), _jsx(Controller, { control: control, name: "lastName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: lastNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { "data-testid": "EmailForm_lastName", placeholder: t('lastName'), inputProps: {
-                                    autoComplete: 'off',
-                                    form: {
-                                        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) })] })));
-                } }), _jsx(SubmitButton, Object.assign({ type: "button", "data-testid": "EmailForm_submit", onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
-}
-export default memo(EmailForm);

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

@@ -1,13 +0,0 @@
-import { Country, CustomerInfo, SegmentCountry } from '../../../types/index.js';
-export interface FullInfoProps {
-    customer: CustomerInfo;
-    country: Country;
-    defaultCountry: SegmentCountry;
-    countries: Country[];
-    isCountriesLoading: boolean;
-    onCountryChange: (country: Country) => void;
-    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;

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

@@ -1,72 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useCallback } from 'react';
-import { yupResolver } from '@hookform/resolvers/yup';
-import Box from '@mui/material/Box';
-import { Controller, useForm } from 'react-hook-form';
-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, }) {
-    const firstNameRef = useRef();
-    const lastNameRef = useRef();
-    const emailRef = useRef();
-    const phoneNumberRef = useRef();
-    const { t } = useTranslation();
-    const { control, watch, formState: { errors, isValid }, } = useForm({
-        mode: 'onChange',
-        resolver: yupResolver(validationFullInfoSchema(country.max_digits)),
-        defaultValues: {
-            firstName: customer.firstName,
-            email: customer.email,
-            lastName: customer.lastName,
-            phoneNumber: customer.phoneNumber,
-        },
-    });
-    useEffect(() => {
-        watch(({ firstName = '', lastName = '', email = '', phoneNumber = '' }) => {
-            onCustomerChange({
-                firstName,
-                lastName,
-                email,
-                phoneNumber,
-            });
-        });
-    }, [watch, errors, customer]);
-    const getFirstError = useCallback(() => { var _a, _b, _c, _d, _e, _f, _g; return (_f = (_d = (_b = (_a = errors.firstName) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : (_c = errors.lastName) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : (_e = errors.email) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : (_g = errors.phoneNumber) === null || _g === void 0 ? void 0 : _g.message; }, [errors]);
-    useEffect(() => {
-        isCustomerNotValid === null || isCustomerNotValid === void 0 ? void 0 : isCustomerNotValid(!isValid, getFirstError());
-    }, [isValid, getFirstError]);
-    const onMouseLeave = (e) => {
-        e.stopPropagation();
-    };
-    return (_jsxs(FormWrapper, Object.assign({ onMouseLeave: onMouseLeave }, { children: [_jsx(Controller, { control: control, name: "firstName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: firstNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('firstName'), 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) })] })));
-                } }, "fullInfoFirstName"), _jsx(Controller, { control: control, name: "lastName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    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) })] })));
-                } }, "fullInfoLastName"), _jsx(Controller, { control: control, name: "email", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: emailRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('email'), 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) })] })));
-                } }, "fullInfoEmail"), _jsx(Controller, { control: control, name: "phoneNumber", render: (_a) => {
-                    var _b, _c;
-                    var _d = _a.field, { ref } = _d, field = __rest(_d, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: phoneNumberRef }, { children: [_jsxs(MobileWrapper, Object.assign({ sx: Object.assign({}, ((error === null || error === void 0 ? void 0 : error.message) && { borderBottom: 'none' })) }, { children: [_jsx(CountriesDropdown, { defaultCountry: (_c = (_b = country === null || country === void 0 ? void 0 : country.iso2) !== null && _b !== void 0 ? _b : defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.code) !== null && _c !== void 0 ? _c : 'SA', value: country, onChangeCountry: onCountryChange, countries: countries, isLoading: isCountriesLoading }), _jsx(InputNumberStyled, Object.assign({}, field, { placeholder: t('mobile'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message), sx: {
-                                            border: 'none',
-                                            paddingInlineEnd: 0,
-                                        }, 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;

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;