@tap-payments/auth-jsconnect 2.0.45 → 2.0.46

package/build/features/shared/Address/Address.js

@@ -9,55 +9,65 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import Box from '@mui/material/Box';
+import { useTranslation } from 'react-i18next';
 import { useForm, Controller } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { useLanguage } from '../../../hooks';
+import Collapse from '../../../components/Collapse';
 import CountryListComponent from './CountryList';
 import InputSelect from './InputSelect';
 import InputText from './InputText';
+import { Button } from '../Button';
 export default function Address(_a) {
-    var format = _a.format, countryList = _a.countryList, onAddressChange = _a.onAddressChange, defaultValues = _a.defaultValues, disableCountry = _a.disableCountry;
+    var format = _a.format, countryList = _a.countryList, onAddressChange = _a.onAddressChange, defaultValues = _a.defaultValues, disableCountry = _a.disableCountry, loading = _a.loading, error = _a.error, onBack = _a.onBack, showSubmitButton = _a.showSubmitButton, isEditable = _a.isEditable;
     var _b = useForm({ defaultValues: defaultValues, mode: 'onChange' }), watch = _b.watch, control = _b.control, formState = _b.formState, getValues = _b.getValues;
     var values = getValues();
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
     React.useEffect(function () {
-        onAddressChange(values, formState.isValid);
+        if (!showSubmitButton)
+            onAddressChange(values, formState.isValid);
     }, [values, formState.isValid]);
     var countryIso2 = useMemo(function () {
         var _a;
         var index = countryList.findIndex(function (item) { return item.countryId === watch('country'); });
         return (_a = countryList[index]) === null || _a === void 0 ? void 0 : _a.iso2;
     }, [watch('country')]);
-    return (_jsx(Box, __assign({ component: 'form' }, { children: format.map(function (item) {
-            var isCountry = item.code === 'country';
-            var isSelect = item.type === 'select';
-            if (isCountry) {
-                return (_jsx(Controller, { render: function (_a) {
-                        var _b;
-                        var field = _a.field, fieldState = _a.fieldState;
-                        return (_jsx(CountryListComponent, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), list: countryList, onSelect: function (value) {
-                                console.log('value', value);
-                                field.onChange(value);
-                            }, value: field.value, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, disabled: !!disableCountry, isRequired: item.required }));
-                    }, rules: {
-                        required: item.required && "address_".concat(item.code, "_required")
-                    }, control: control, name: item.code }, item.code));
-            }
-            if (isSelect) {
+    return (_jsxs(Box, __assign({ component: 'form' }, { children: [format.map(function (item) {
+                var isCountry = item.code === 'country';
+                var isSelect = item.type === 'select';
+                if (isCountry) {
+                    return (_jsx(Controller, { render: function (_a) {
+                            var _b;
+                            var field = _a.field, fieldState = _a.fieldState;
+                            return (_jsx(CountryListComponent, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), list: countryList, onSelect: function (value) {
+                                    console.log('value', value);
+                                    field.onChange(value);
+                                }, value: field.value, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, disabled: isEditable ? !!disableCountry : false, isRequired: item.required }));
+                        }, rules: {
+                            required: item.required && "address_".concat(item.code, "_required")
+                        }, control: control, name: item.code }, item.code));
+                }
+                if (isSelect) {
+                    return (_jsx(Controller, { render: function (_a) {
+                            var _b;
+                            var field = _a.field, fieldState = _a.fieldState;
+                            return (_jsx(InputSelect, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), countryIso2: countryIso2, fetchURL: item.retrieve_uri, onSelect: function (value) { return field.onChange(value); }, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, isRequired: item.required, value: field.value || '', disabled: isEditable ? !countryIso2 : false }));
+                        }, rules: {
+                            required: item.required && "address_".concat(item.code, "_required")
+                        }, control: control, name: item.code }, item.code));
+                }
                 return (_jsx(Controller, { render: function (_a) {
                         var _b;
                         var field = _a.field, fieldState = _a.fieldState;
-                        return (_jsx(InputSelect, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), countryIso2: countryIso2, fetchURL: item.retrieve_uri, onSelect: function (value) { return field.onChange(value); }, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, isRequired: item.required, value: field.value || '', disabled: !countryIso2 }));
+                        return (_jsx(InputText, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), onChange: function (value) { return field.onChange(value); }, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, isRequired: item.required, disabled: !isEditable, value: field.value || '' }));
                     }, rules: {
                         required: item.required && "address_".concat(item.code, "_required")
                     }, control: control, name: item.code }, item.code));
-            }
-            return (_jsx(Controller, { render: function (_a) {
-                    var _b;
-                    var field = _a.field, fieldState = _a.fieldState;
-                    return (_jsx(InputText, { label: "address_".concat(item.code, "_label"), placeholder: "address_".concat(item.code, "_placeholder"), onChange: function (value) { return field.onChange(value); }, error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, isRequired: item.required, value: field.value || '' }));
-                }, rules: {
-                    required: item.required && "address_".concat(item.code, "_required")
-                }, control: control, name: item.code }, item.code));
-        }) })));
+            }), _jsx(Collapse, __assign({ in: showSubmitButton }, { children: _jsx(Button, __assign({ onClick: function (e) {
+                        e.preventDefault();
+                        onAddressChange(values, formState.isValid);
+                    }, onBackClicked: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, isAr: isAr, disabled: !formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })));
 }

package/build/features/shared/Address/CountryList.d.ts

@@ -30,7 +30,7 @@ export declare const LabelContainerStyled: import("@emotion/styled").StyledCompo
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "info" | "success" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/shared/Address/InputSelect.d.ts

@@ -29,7 +29,7 @@ export declare const LabelContainerStyled: import("@emotion/styled").StyledCompo
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "info" | "success" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/shared/Address/InputText.d.ts

@@ -6,6 +6,7 @@ interface Props {
     error?: string;
     onChange: (value: string) => void;
     isRequired?: boolean;
+    disabled?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ label, onChange, isRequired, placeholder, value, error }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ label, onChange, isRequired, placeholder, value, error, disabled }: Props) => JSX.Element>;
 export default _default;

package/build/features/shared/Address/InputText.js

@@ -5,8 +5,8 @@ import { useTranslation } from 'react-i18next';
 import CheckIcon from '../CheckIcon';
 import ClearIcon from '../ClearIcon';
 var InputText = function (_a) {
-    var label = _a.label, onChange = _a.onChange, isRequired = _a.isRequired, placeholder = _a.placeholder, value = _a.value, error = _a.error;
+    var label = _a.label, onChange = _a.onChange, isRequired = _a.isRequired, placeholder = _a.placeholder, value = _a.value, error = _a.error, disabled = _a.disabled;
     var t = useTranslation().t;
-    return (_jsx(_Fragment, { children: _jsx(Input, { labelSx: { paddingTop: '20px' }, label: t(label), value: value, required: isRequired, onChange: function (e) { return onChange(e.target.value); }, placeholder: t(placeholder), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && value ? _jsx(CheckIcon, {}) : value && _jsx(ClearIcon, { onClick: function () { return onChange(''); } }) }) }));
+    return (_jsx(_Fragment, { children: _jsx(Input, { labelSx: { paddingTop: '20px' }, label: t(label), value: value, disabled: disabled, required: isRequired, onChange: function (e) { return onChange(e.target.value); }, placeholder: t(placeholder), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && value ? _jsx(CheckIcon, {}) : value && _jsx(ClearIcon, { onClick: function () { return onChange(''); } }) }) }));
 };
 export default memo(InputText);

package/build/features/shared/Button/Button.js

@@ -93,8 +93,19 @@ export default function CustomButton(_a) {
         if (error)
             setBtnLoading(false);
     }, [loading, error]);
+    React.useEffect(function () {
+        if (!loading)
+            setTimeout(function () {
+                setBtnLoading(false);
+            }, 1500);
+    }, [loading]);
     React.useEffect(function () {
         setBtnLoading(false);
+        return function () {
+            setTimeout(function () {
+                setBtnLoading(false);
+            }, 500);
+        };
     }, []);
     return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false ? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) : undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!btnLoading })) }))] })] }));
 }

package/build/features/shared/Button/FlowsButtons.d.ts

@@ -18,6 +18,7 @@ export interface DataProps {
     email: string;
     emailUrl: string;
     brandName?: string;
+    isAuthorizedUser?: boolean;
 }
 export interface EmailProvidersButtonsProps extends ButtonProps {
     buttons: ButtonItemProps[];

package/build/features/shared/Button/FlowsButtons.js

@@ -55,7 +55,7 @@ import { ICONS_NAMES } from '../../../constants';
 import CheckIcon from '@mui/icons-material/Check';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../hooks';
 import { handleOpen, handleCurrentActiveScreen, handleNextScreenStep, settingsSelector } from '../../../app/settings';
-import { getScreenNameBasedOnFlow } from '../../../utils';
+import { dangerousMessage, getScreenNameBasedOnFlow } from '../../../utils';
 import API from '../../../api';
 import Text from '../../../components/Text';
 var Image = styled('img')(function (_a) {
@@ -149,14 +149,14 @@ export default function FlowsButtons(_a) {
     var buttons = _a.buttons, data = _a.data;
     var dispatch = useAppDispatch();
     var settingsData = useAppSelector(settingsSelector).data;
-    var flowName = data.flowName, email = data.email, emailUrl = data.emailUrl, brandName = data.brandName;
+    var flowName = data.flowName, email = data.email, emailUrl = data.emailUrl, brandName = data.brandName, isAuthorizedUser = data.isAuthorizedUser;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var isAr = useLanguage().isAr;
     var onRedirect = function (item) {
         if (item.isCompleted)
             return;
         if (flowName === item.name && item.name !== 'password') {
-            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name)));
+            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser)));
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {
@@ -199,12 +199,12 @@ export default function FlowsButtons(_a) {
                             var data = response.data;
                             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
                             if (description) {
-                                alert(description);
+                                dangerousMessage(description, settingsData.appConfig.onError);
                                 return;
                             }
                         })
                             .catch(function (error) {
-                            alert(error);
+                            dangerousMessage(error.message || error, settingsData.appConfig.onError);
                         })
                             .finally(function () { })];
                 case 1:

package/build/features/shared/Button/ListButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ButtonProps } from '../../../components/Button';
+type buttonProps = {
+    title: string;
+    loading: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+interface ListButtonProps extends ButtonProps {
+    isAr: boolean;
+    requestEmail: buttonProps & {
+        isRequested: boolean;
+    };
+    addDetails: buttonProps;
+}
+export default function ListButton({ isAr, requestEmail, addDetails }: ListButtonProps): JSX.Element;
+export {};

package/build/features/shared/Button/ListButton.js

@@ -0,0 +1,125 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { styled, useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { ICONS_NAMES } from '../../../constants';
+import Loader from '../../../components/Loader';
+import Button from '../../../components/Button';
+import Icon from '../../../components/Icon';
+import CheckIcon from '../CheckIcon';
+import Collapse from '../../../components/Collapse';
+var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
+    var theme = _a.theme, isAr = _a.isAr;
+    return ({
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)',
+        marginInlineEnd: theme.spacing(-0.375),
+        verticalAlign: 'middle'
+    });
+});
+var CheckIconStyled = styled(CheckIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        verticalAlign: 'middle'
+    });
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5),
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'column'
+    });
+});
+var ButtonStyled = styled(Button, {
+    shouldForwardProp: function (prop) { return prop !== 'isLoading'; }
+})(function (_a) {
+    var theme = _a.theme, isLoading = _a.isLoading;
+    return (__assign({ paddingLeft: isLoading ? 0 : 'auto', paddingRight: isLoading ? 0 : 'auto', textTransform: 'none', transition: theme.transitions.create(['width', 'padding'], {
+            easing: theme.transitions.easing.easeInOut,
+            duration: theme.transitions.duration.complex * 2
+        }) }, (isLoading && {
+        minWidth: 0,
+        width: theme.spacing(6),
+        borderRadius: 30
+    })));
+});
+var Image = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        fontSize: theme.spacing(3),
+        marginInlineStart: theme.spacing(1),
+        verticalAlign: 'middle'
+    });
+});
+var TextStyled = styled('span')(function () { return ({
+    whiteSpace: 'pre',
+    overflow: 'auto'
+}); });
+export default function ListButton(_a) {
+    var isAr = _a.isAr, requestEmail = _a.requestEmail, addDetails = _a.addDetails;
+    var t = useTranslation().t;
+    var theme = useTheme();
+    var requestEmailLoaderColor = requestEmail.isRequested && !requestEmail.loading ? theme.palette.success.main : theme.palette.primary.main;
+    return (_jsxs(ButtonBoxStyled, { children: [addDetails.children, _jsxs(ButtonStyled, __assign({ isLoading: addDetails.loading, sx: { mb: 1.5 }, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(Loader, { style: {
+                                width: theme.spacing(3.75),
+                                height: theme.spacing(3.75)
+                            }, innerColor: theme.palette.primary.main, outerColor: theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.children, _jsxs(ButtonStyled, __assign({ isLoading: requestEmail.loading, variant: 'outlined', type: 'button', sx: requestEmail.isRequested && !requestEmail.loading
+                    ? {
+                        '&.MuiButton-outlined': {
+                            backgroundColor: theme.palette.common.white,
+                            border: "1px solid ".concat(theme.palette.success.main),
+                            color: theme.palette.success.main,
+                            '&:hover': {
+                                cursor: 'pointer',
+                                backgroundColor: theme.palette.success.main,
+                                color: theme.palette.common.white,
+                                img: {
+                                    filter: 'brightness(0) invert(1)'
+                                },
+                                svg: {
+                                    filter: 'brightness(0) invert(1)'
+                                }
+                            }
+                        }
+                    }
+                    : {
+                        opacity: requestEmail.disabled ? 0.5 : 1,
+                        '&.MuiButton-outlined': requestEmail.disabled
+                            ? {
+                                '&:hover': {
+                                    cursor: 'default',
+                                    backgroundColor: theme.palette.common.white,
+                                    color: theme.palette.primary.main,
+                                    img: {
+                                        filter: 'none'
+                                    },
+                                    svg: {
+                                        filter: 'none'
+                                    }
+                                }
+                            }
+                            : {}
+                    }, onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: requestEmail.isRequested && !requestEmail.loading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: requestEmail.isRequested && !requestEmail.loading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(Loader, { style: {
+                                width: theme.spacing(3.75),
+                                height: theme.spacing(3.75)
+                            }, innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }));
+}

package/build/features/shared/Button/index.d.ts

@@ -4,5 +4,6 @@ import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button };
+import ListButton from './ListButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

package/build/features/shared/Button/index.js

@@ -4,5 +4,6 @@ import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button };
+import ListButton from './ListButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

package/build/features/shared/CreateAccountLoading/CreateAccountLoading.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export interface CreateAccountLoadingProps {
     error?: string | null;
+    children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ error }: CreateAccountLoadingProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ error, children }: CreateAccountLoadingProps) => JSX.Element>;
 export default _default;

package/build/features/shared/CreateAccountLoading/CreateAccountLoading.js

@@ -51,8 +51,8 @@ var SubTitleStyled = styled(Text)(function (_a) {
     return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, lineHeight: '16.8px', textAlign: 'center' }));
 });
 var CreateAccountLoading = function (_a) {
-    var error = _a.error;
+    var error = _a.error, children = _a.children;
     var t = useTranslation().t;
-    return (_jsx(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: _jsxs(TitleContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t('creating_account_title') }), _jsx(SubTitleStyled, { children: t('creating_account_description') })] })] }))] }) })));
+    return (_jsxs(ScreenContainer, __assign({ sx: __assign({}, (!children && { mb: 2.5 })) }, { children: [_jsxs(TitleContainerStyled, __assign({ sx: __assign({}, (children && { mb: 0 })) }, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t('creating_account_title') }), _jsx(SubTitleStyled, { children: t('creating_account_description') })] })] }))] })), children] })));
 };
 export default React.memo(CreateAccountLoading);

package/build/features/shared/SalesChannels/SalesChannel.d.ts

@@ -6,6 +6,7 @@ interface SalesChannelProps {
     onChange: (channel: SaleChannel[]) => void;
     defaultValue?: SaleChannel[];
     selectFirstIconListener?: string | number | boolean;
+    disabled?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ list, onChange, error, defaultValue, selectFirstIconListener }: SalesChannelProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ list, onChange, error, disabled, defaultValue, selectFirstIconListener }: SalesChannelProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SalesChannels/SalesChannel.js

@@ -74,7 +74,7 @@ var CollapseStyled = styled(Collapse)(function (_a) {
     });
 });
 var SalesChannel = function (_a) {
-    var _b = _a.list, list = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, _c = _a.defaultValue, defaultValue = _c === void 0 ? [] : _c, _d = _a.selectFirstIconListener, selectFirstIconListener = _d === void 0 ? '' : _d;
+    var _b = _a.list, list = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, disabled = _a.disabled, _c = _a.defaultValue, defaultValue = _c === void 0 ? [] : _c, _d = _a.selectFirstIconListener, selectFirstIconListener = _d === void 0 ? '' : _d;
     var _e = React.useState(''), activeSaleIconId = _e[0], setActiveSaleIconId = _e[1];
     var _f = React.useState([]), selectedSalas = _f[0], setSelectedSales = _f[1];
     var t = useTranslation().t;
@@ -143,7 +143,7 @@ var SalesChannel = function (_a) {
     }, [selectFirstIconListener]);
     return (_jsxs(_Fragment, { children: [_jsxs(Box, __assign({ sx: { mb: 3 } }, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), list.map(function (channel, index) {
                         var _a, _b;
-                        return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: isChecked(channel.id), onChange: function () { return onSelectSalesChannel(channel); } }), _jsxs(TextStyled, { children: [isAr ? (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = channel === null || channel === void 0 ? void 0 : channel.name) === null || _b === void 0 ? void 0 : _b.en, " "] })] }, "".concat(channel.id, "-indx").concat(index)));
+                        return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disabled: disabled, disableFocusRipple: true, focusRipple: false, checked: isChecked(channel.id), onChange: function () { return onSelectSalesChannel(channel); } }), _jsxs(TextStyled, { children: [isAr ? (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = channel === null || channel === void 0 ? void 0 : channel.name) === null || _b === void 0 ? void 0 : _b.en, " "] })] }, "".concat(channel.id, "-indx").concat(index)));
                     }), _jsx(CollapseStyled, __assign({ in: error === 'choose_atleast_one_channel' }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(error) })) }))] }), 'salesChannels'), _jsx(SaleChannelIconsInput, { error: error, selectedIconId: activeSaleIconId, onSelectIcon: onChangeActiveSaleIcon, onChangeValue: onValueChange, selectedChannels: selectedSalas }, 'saleChannelIconsInput')] }));
 };
 export default React.memo(SalesChannel);

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.d.ts

@@ -7,10 +7,11 @@ interface SuccessFlowButtonsProps {
     merchant: any;
     bank: any;
     user: any;
+    individuals: any;
     flows: any[];
     boardInfoId: string;
     boardId: string;
     flowName: FlowsTypes;
 }
-declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName }: SuccessFlowButtonsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals }: SuccessFlowButtonsProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -44,21 +44,22 @@ var ButtonGroupStyled = styled(Box)(function (_a) {
 });
 var SuccessFlowButtons = function (_a) {
     var _b, _c, _d;
-    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName;
+    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals;
     var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var settings = useAppSelector(settingsSelector);
-    var _f = user || {}, names = _f.names, identification = _f.identification;
+    var _f = user || {}, names = _f.names, identification = _f.identification, is_authorized = _f.is_authorized;
     var primary_contact = (business || {}).primary_contact;
     var _g = entity || {}, license = _g.license, vat_id = _g.vat_id, legal_name = _g.legal_name;
+    var count = (individuals || {}).count;
     var username = isAr ? concatenateObjectValues((names === null || names === void 0 ? void 0 : names.ar) || (names === null || names === void 0 ? void 0 : names.en), ['first', 'last']) : concatenateObjectValues(names === null || names === void 0 ? void 0 : names.en, ['first', 'last']);
     var licenseNumber = (license === null || license === void 0 ? void 0 : license.number) || '';
     var bankName = shortenString(bank === null || bank === void 0 ? void 0 : bank.name, 20) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = vat_id || '';
-    var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';
-    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || '';
+    var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || t('brand');
+    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || t('entity');
     var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
     var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
     var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_d = identification === null || identification === void 0 ? void 0 : identification.id) === null || _d === void 0 ? void 0 : _d.slice(-2)) : '';
@@ -73,7 +74,7 @@ var SuccessFlowButtons = function (_a) {
             var name = _a.name, url = _a.url, status = _a.status, token = _a.token;
             var type = status === 'completed' ? 'completed' : 'pending';
             var title = t("".concat(name, "_flow_").concat(type), {
-                individual_name: username.toLowerCase() + maskedId,
+                individual_name: is_authorized && count > 1 ? t('company_individuals_details', { count: count }) : username.toLowerCase() + maskedId,
                 brand: brandName,
                 business_type: entityLegalName,
                 license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
@@ -107,7 +108,8 @@ var SuccessFlowButtons = function (_a) {
                         flowName: flowName,
                         email: email || '',
                         emailUrl: url,
-                        brandName: shortenBrand(brandName)
+                        brandName: shortenBrand(brandName),
+                        isAuthorizedUser: is_authorized
                     } }) })] }));
 };
 export default memo(SuccessFlowButtons);

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { FileDetails } from '../../../@types';
+import { Control, FieldValues } from 'react-hook-form';
 export declare const InputContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;
@@ -8,6 +10,8 @@ export declare const InputContainerStyled: import("@emotion/styled").StyledCompo
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 interface UploadMultipleFileProps {
+    id: string;
+    control: Control<FieldValues, any>;
     label: string;
     purpose: string;
     fileTitle?: string;
@@ -22,6 +26,7 @@ interface UploadMultipleFileProps {
     fileUploadingStatus?: (uploading: boolean) => void;
     onDeleteFile: (fileIds: Array<string>) => void;
     maxLimit?: number;
+    defaultFiles?: Array<FileDetails>;
 }
-declare const UploadMultipleFile: ({ label, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, maxLimit, purpose, fileTitle }: UploadMultipleFileProps) => JSX.Element;
+declare const UploadMultipleFile: ({ id, label, control, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, maxLimit, purpose, fileTitle, defaultFiles }: UploadMultipleFileProps) => JSX.Element;
 export default UploadMultipleFile;