@tap-payments/auth-jsconnect 1.0.71 → 1.0.72

package/build/@types/app.d.ts

@@ -53,7 +53,15 @@ export interface CustomerLocation {
 }
 export interface ExpectedCustomer extends CustomerLocation {
 }
-export interface ExpectedSaleRange extends CustomerLocation {
+export interface ExpectedSaleRange {
+    id: string;
+    name_ar: string;
+    name_en: string;
+    sub?: Array<{
+        id: string;
+        name_ar: string;
+        name_en: string;
+    }>;
 }
 export declare enum BusinessType {
     CR = "company",

package/build/@types/form.d.ts

@@ -41,7 +41,7 @@ export declare type ActivitiesFormValues = {
 export declare type CustomersFormValues = {
     customerLocations: Array<CustomerLocation>;
     expectedCustomer: ExpectedCustomer | undefined;
-    expectedSalesRange: ExpectedSaleRange | undefined;
+    expectedSale: ExpectedSaleRange | undefined;
     refundPolicy: boolean;
     transactionPolicy: boolean;
 };

package/build/assets/locales/ar.json

@@ -224,16 +224,20 @@
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
     "fl_number": "FL Number",
-    "tax_flow_completed": "Tax",
-    "individual_flow_completed": "Individual",
-    "bank_flow_completed": "Bank",
+    "tax_flow_completed": "Tax {{tax_id}}",
+    "individual_flow_completed": "Individual {{individual_name}}",
+    "bank_flow_completed": "Bank {{iban}}",
     "password_flow_completed": "Password",
     "tax_flow_pending": "Tax",
     "individual_flow_pending": "Individual",
     "bank_flow_pending": "Bank",
     "password_flow_pending": "Password",
     "business_flow_pending": "Business",
-    "business_flow_completed": "Business",
+    "business_flow_completed": "{{business_type}} {{license_number}}",
     "continue": "Continue",
-    "search_placeholder": "البحث..."
+    "search_placeholder": "البحث...",
+    "individual_success_title": "Your personal details are updated",
+    "tax_success_title": "Your tax details are updated",
+    "bank_success_title": "Your bank details are updated",
+    "password_success_title": "Your password is set"
 }

package/build/assets/locales/en.json

@@ -238,16 +238,26 @@
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
     "fl_number": "FL Number",
-    "tax_flow_completed": "Tax",
+    "tax_flow_completed": "Tax {{tax_id}}",
     "individual_flow_completed": "Individual {{individual_name}}",
-    "bank_flow_completed": "Bank",
+    "bank_flow_completed": "{{bank_name}} {{iban}}",
     "password_flow_completed": "Password",
     "tax_flow_pending": "Tax",
     "individual_flow_pending": "Individual {{individual_name}}",
     "bank_flow_pending": "Bank",
     "password_flow_pending": "Password",
     "business_flow_pending": "Business",
-    "business_flow_completed": "Business",
+    "business_flow_completed": "{{business_type}} {{license_number}}",
     "continue": "Continue",
-    "search_placeholder": "search.."
+    "search_placeholder": "search..",
+    "connect_completed_title": "Congratulations",
+    "connect_completed_description": "You successfully signed up your brand with Tap. Check your email to activate your account.",
+    "business_completed_title": "Your account is active",
+    "business_completed_description": "That was easy! You’re all set to accept payments. One last thing, add your bank and tax info to start receiving your payouts.",
+    "business_completed_button": "Finish setting up my account",
+    "individual_success_title": "Your personal details are updated",
+    "tax_success_title": "Your tax details are updated",
+    "bank_success_title": "Your bank details are updated",
+    "password_success_title": "Your password is set",
+    "account_details": "Your account details"
 }

package/build/components/SimpleList/SimpleList.js

@@ -58,8 +58,8 @@ var ListItemStyled = styled(ListItem)(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'flex',
-        paddingLeft: theme.spacing(2.5),
-        paddingRight: theme.spacing(2.5),
+        paddingInlineStart: theme.spacing(2.5),
+        paddingInlineEnd: theme.spacing(2.5),
         paddingTop: theme.spacing(1),
         paddingBottom: theme.spacing(1.875),
         cursor: 'pointer',

package/build/constants/api.js

@@ -16,7 +16,7 @@ var CHECK_BRAND = 'lead/profile/profile_name';
 var CREATE_ACCOUNT_PATH = '/account/create';
 var CHANNEL_PATH = '/channel';
 var CUSTOMER_BASES_PATH = '/customerBases';
-var SALES_PATH = '/sales';
+var SALES_PATH = '/v2/sales';
 var EXPECTED_CUSTOMERS_PATH = '/expectedCustomers';
 var SOURCE_INCOME_PATH = '/v2/sourceOfIncome';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/sandbox/local.json';

package/build/constants/assets.d.ts

@@ -36,6 +36,7 @@ export declare const ICONS_NAMES: {
     EMAIL_ICON: string;
     MOBILE_ICON: string;
     SEARCH_ICON: string;
+    SUCCESS_GIF: string;
     GMAIL_Filled_ICON: string;
     GMAIL_White_ICON: string;
     outlook_Filled_ICON: string;

package/build/constants/assets.js

@@ -36,6 +36,7 @@ export var ICONS_NAMES = {
     EMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/email.png',
     MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg',
     SEARCH_ICON: 'https://dash.b-cdn.net/icons/menu/search-icon.svg',
+    SUCCESS_GIF: 'https://dash.b-cdn.net/icons/menu/success-icon.gif',
     GMAIL_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-filled.svg',
     GMAIL_White_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-white.svg',
     outlook_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-filled.svg',

package/build/features/app/business/businessStore.js

@@ -334,7 +334,7 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                     customers_base: customerBase,
                     id: id,
                     customers_served_monthly: parseInt(((_c = params.expectedCustomer) === null || _c === void 0 ? void 0 : _c.id) || '0'),
-                    yearly_sales_range: ((_d = params.expectedSalesRange) === null || _d === void 0 ? void 0 : _d.title) || '',
+                    yearly_sales_range: ((_d = params.expectedSale) === null || _d === void 0 ? void 0 : _d.id) || '',
                     agree_refund: params.refundPolicy,
                     agree_chargeback: params.transactionPolicy,
                     step_name: stepName
@@ -443,7 +443,7 @@ var initialState = {
         customersData: {
             customerLocations: [],
             expectedCustomer: undefined,
-            expectedSalesRange: undefined,
+            expectedSale: undefined,
             refundPolicy: false,
             transactionPolicy: false
         }
@@ -581,11 +581,14 @@ export var businessSlice = createSlice({
             }
             licenseList = __spreadArray(__spreadArray([], licenseList, true), [OTHER_CR_LICENSE, OTHER_FL_LICENSE], false);
             state.data.businessTypeData.responseBody = { licenseList: licenseList };
-            var selectedLicense = ((_b = licenseList === null || licenseList === void 0 ? void 0 : licenseList.find) === null || _b === void 0 ? void 0 : _b.call(licenseList, function (item) { var _a; return ((_a = item.license) === null || _a === void 0 ? void 0 : _a.number) === licenseNumber; })) || (licenseList === null || licenseList === void 0 ? void 0 : licenseList[0]);
-            state.data.businessTypeData.selectedLicense = selectedLicense;
+            var selectedLicense = (_b = licenseList === null || licenseList === void 0 ? void 0 : licenseList.find) === null || _b === void 0 ? void 0 : _b.call(licenseList, function (_a) {
+                var license = _a.license;
+                return (license === null || license === void 0 ? void 0 : license.number) === licenseNumber;
+            });
+            state.data.businessTypeData.selectedLicense = selectedLicense || (licenseList === null || licenseList === void 0 ? void 0 : licenseList[0]);
             var isOtherLicense = ((_c = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _c === void 0 ? void 0 : _c.number) === 'other_fl' || ((_d = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _d === void 0 ? void 0 : _d.number) === 'other_cr';
             if (!isOtherLicense)
-                state.data.businessTypeData.licenseNumber = (_e = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _e === void 0 ? void 0 : _e.number;
+                state.data.businessTypeData.licenseNumber = ((_e = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _e === void 0 ? void 0 : _e.number) || '';
         })
             .addCase(retrieveEntityList.rejected, function (state, action) {
             state.error = action.error.message;
@@ -596,10 +599,10 @@ export var businessSlice = createSlice({
             state.error = null;
         })
             .addCase(updateLeadBusinessType.fulfilled, function (state, action) {
-            var _a, _b, _c, _d;
+            var _a, _b;
             state.loading = false;
             state.error = null;
-            var _e = action.payload, data = _e.data, formData = _e.formData;
+            var _c = action.payload, data = _c.data, formData = _c.formData;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
@@ -607,8 +610,10 @@ export var businessSlice = createSlice({
             }
             state.data.businessTypeData = __assign(__assign({}, state.data.businessTypeData), formData);
             var entity = data.entity, entity_activities = data.entity_activities;
-            if (!!((_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date)) {
-                state.data.activitiesData.operationStartDate = convertNumbers2English(moment((_d = (_c = data === null || data === void 0 ? void 0 : data.entity) === null || _c === void 0 ? void 0 : _c.license) === null || _d === void 0 ? void 0 : _d.issuing_date).format('YYYY-MM-DD'));
+            var issuingDate = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date;
+            if (!!issuingDate) {
+                var formattedDate = moment(issuingDate).format('YYYY-MM-DD');
+                state.data.activitiesData.operationStartDate = convertNumbers2English(formattedDate);
             }
             var activities = entity_activities || [];
             var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
@@ -676,18 +681,20 @@ export var businessSlice = createSlice({
             .addCase(retrieveDataList.fulfilled, function (state, action) {
             state.loading = false;
             state.error = null;
-            var _a = action.payload, customerBases = _a.customerBases, expectedSales = _a.expectedSales, expectedCustomerSales = _a.expectedCustomerSales;
-            var data = state.data.activitiesData.responseBody;
-            state.data.activitiesData.responseBody = __assign(__assign({}, data), { customerBases: customerBases || [], expectedSales: expectedSales || [], expectedCustomerSales: expectedCustomerSales || [] });
-            var selectedCustomerBase = customerBases === null || customerBases === void 0 ? void 0 : customerBases[0];
-            if (!!selectedCustomerBase)
-                state.data.customersData.customerLocations = [selectedCustomerBase];
-            var selectedExpectedSale = expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales[(expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales.length) - 1];
-            if (!!selectedExpectedSale)
-                state.data.customersData.expectedSalesRange = selectedExpectedSale;
-            var selectedExpectedCustomerSale = expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales[(expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales.length) - 1];
-            if (!!selectedExpectedCustomerSale)
-                state.data.customersData.expectedCustomer = selectedExpectedCustomerSale;
+            var payload = action.payload;
+            var customerBases = payload.customerBases || [];
+            var customerBase = customerBases === null || customerBases === void 0 ? void 0 : customerBases[0];
+            var expectedSales = payload.expectedSales || [];
+            var expectedSale = expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales[expectedSales.length - 1];
+            var expectedCustomerSales = payload.expectedCustomerSales || [];
+            var expectedCustomerSale = expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales[expectedCustomerSales.length - 1];
+            state.data.activitiesData.responseBody = __assign(__assign({}, state.data.activitiesData.responseBody), { customerBases: customerBases, expectedSales: expectedSales, expectedCustomerSales: expectedCustomerSales });
+            if (!!customerBase)
+                state.data.customersData.customerLocations = [customerBase];
+            if (!!expectedSale)
+                state.data.customersData.expectedSale = expectedSale;
+            if (!!expectedCustomerSale)
+                state.data.customersData.expectedCustomer = expectedCustomerSale;
         })
             .addCase(retrieveDataList.rejected, function (state, action) {
             state.loading = false;

package/build/features/bank/screens/Success/Success.js

@@ -11,6 +11,6 @@ var Success = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () { };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess, successTitle: 'continue' });
+    return _jsx(SuccessScreen, { title: t('bank_success_title'), onSuccess: onSuccess, successTitle: t('continue') });
 };
 export default React.memo(Success);

package/build/features/business/screens/Customers/CustomerLocations.d.ts

@@ -30,7 +30,7 @@ export declare const NameContainer: import("@emotion/styled").StyledComponent<im
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | ("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") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isSelected: boolean;
+    isSelected?: boolean | undefined;
 }, {}, {}>;
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;

package/build/features/business/screens/Customers/Customers.js

@@ -51,7 +51,7 @@ var Customers = function (_a) {
         mode: 'onChange'
     });
     var onSubmit = function (data) {
-        dispatch(updateCustomersInfo(__assign({}, data)));
+        dispatch(updateCustomersInfo(data));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());
@@ -66,11 +66,11 @@ var Customers = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     React.useEffect(function () {
-        var customerLocations = customerData.customerLocations, expectedCustomer = customerData.expectedCustomer, expectedSalesRange = customerData.expectedSalesRange;
+        var customerLocations = customerData.customerLocations, expectedCustomer = customerData.expectedCustomer, expectedSale = customerData.expectedSale;
         methods.setValue('customerLocations', customerLocations);
         methods.setValue('expectedCustomer', expectedCustomer);
-        methods.setValue('expectedSalesRange', expectedSalesRange);
-    }, [customerData.customerLocations, customerData.expectedCustomer, customerData.expectedSalesRange]);
+        methods.setValue('expectedSale', expectedSale);
+    }, [customerData.customerLocations, customerData.expectedCustomer, customerData.expectedSale]);
     var isCustomerLocationsListActive = listActive === ListType.CustomerLocationsList;
     var isExpectedCustomersListActive = listActive === ListType.ExpectedCustomersList;
     var isExpectedSalesListActive = listActive === ListType.ExpectedSalesList;

package/build/features/business/screens/Customers/ExpectedSalesRange.d.ts

@@ -4,5 +4,5 @@ interface ExpectedSalesRangeProps {
     onListOpen?: () => void;
     onListClose?: () => void;
 }
-declare const ExpectedSalesRange: ({ ...rest }: ExpectedSalesRangeProps) => JSX.Element;
+declare const ExpectedSalesRange: ({ show, onListClose, onListOpen }: ExpectedSalesRangeProps) => JSX.Element;
 export default ExpectedSalesRange;

package/build/features/business/screens/Customers/ExpectedSalesRange.js

@@ -9,18 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
@@ -33,47 +22,67 @@ import ExpandIcon from '../../../../components/ExpandIcon';
 import { ScreenContainer } from '../../../shared/Containers';
 import { InputLabelStyled, CheckIconStyled, InputStyled, NameContainer } from './CustomerLocations';
 import { businessSelector } from '../../../../features/app/business/businessStore';
+var ListItem = styled(Box)(function () { return ({
+    display: 'flex',
+    justifyContent: 'space-between',
+    width: '100%'
+}); });
 var ListItemContainer = styled(Box)(function () { return ({
-    display: 'flex'
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%'
 }); });
 var SimpleListStyled = styled((SimpleList))(function () { return ({
     height: 'fit-content'
 }); });
 var ExpectedSalesRange = function (_a) {
-    var rest = __rest(_a, []);
+    var show = _a.show, onListClose = _a.onListClose, onListOpen = _a.onListOpen;
     var _b = React.useState([]), expectedSalesRangeList = _b[0], setExpectedSalesRangeList = _b[1];
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
+    var _d = React.useState(''), subIndex = _d[0], setSubIndex = _d[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
-    var expectedSalesRangeControl = useController({ name: 'expectedSalesRange', control: control });
+    var expectedSaleControl = useController({ name: 'expectedSale', control: control });
     var data = useAppSelector(businessSelector).data;
     var activitiesData = data.activitiesData;
-    var response = activitiesData.responseBody;
-    var onOpenList = function (event) {
-        var _a;
+    var expectedSales = (activitiesData.responseBody || {}).expectedSales;
+    var handleOpenMainMenu = function (event) {
         setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+        onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };
-    var onCloseList = function () {
-        var _a;
+    var handleCloseMainMenu = function () {
         setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+        onListClose === null || onListClose === void 0 ? void 0 : onListClose();
+        handleCloseSubMenu();
+    };
+    var handleOpenSubMenu = function (index) {
+        if (subIndex === index)
+            setSubIndex('');
+        else
+            setSubIndex(index);
+    };
+    var handleCloseSubMenu = function () {
+        setSubIndex('');
     };
     React.useEffect(function () {
-        var _a;
-        if (((_a = response === null || response === void 0 ? void 0 : response.expectedSales) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            setExpectedSalesRangeList(response === null || response === void 0 ? void 0 : response.expectedSales);
+        console.log(expectedSales);
+        if ((expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales.length) > 0) {
+            setExpectedSalesRangeList(expectedSales);
         }
-    }, [response === null || response === void 0 ? void 0 : response.expectedSales]);
+    }, [expectedSales]);
     var onSelectItem = function (expectedSalesRange) {
-        onCloseList();
-        expectedSalesRangeControl.field.onChange(expectedSalesRange);
+        handleCloseMainMenu();
+        expectedSaleControl.field.onChange(expectedSalesRange);
     };
-    var expectedSalesRangeValue = expectedSalesRangeControl.field.value || expectedSalesRangeList;
-    var expectedSalesRangeSelected = expectedSalesRangeValue;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_yearly') }), _jsx(InputStyled, { readOnly: true, value: isAr ? expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.titleAr : expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.title, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedSalesRangeList, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.titleAr : item.title })) }), item.id === (expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.id) && _jsx(CheckIconStyled, {})] }));
+    var expectedSalesRangeValue = expectedSaleControl.field.value;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_yearly') }), _jsx(InputStyled, { readOnly: true, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name_ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name_en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { list: expectedSalesRangeList, onSelectItem: function (_a) {
+                            var id = _a.id;
+                            return handleOpenSubMenu(id);
+                        }, renderItem: function (item) {
+                            return (_jsxs(ListItemContainer, { children: [_jsxs(ListItem, { children: [_jsx(NameContainer, { children: isAr ? item.name_ar : item.name_en }), _jsx(ExpandIcon, { anchorEl: item.id === subIndex })] }), _jsx(Collapse, __assign({ in: item.id === subIndex, timeout: 300 }, { children: _jsx(SimpleListStyled, { list: item.sub || [], onSelectItem: onSelectItem, listItemProps: { sx: { paddingInlineEnd: 0 } }, renderItem: function (item, idx) {
+                                                return (_jsxs(ListItem, __assign({ sx: { mt: idx === 0 ? 1 : 0 } }, { children: [_jsx(NameContainer, __assign({ isSelected: item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.name_ar : item.name_en })), item.id === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) && _jsx(CheckIconStyled, {})] })));
+                                            } }) }))] }));
                         } }) }))] }) })));
 };
 export default ExpectedSalesRange;

package/build/features/business/screens/Success/Success.js

@@ -15,6 +15,6 @@ var Success = function (_a) {
     var onSuccess = function () {
         dispatch(handleNextScreenStep());
     };
-    return (_jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess, successTitle: 'continue', disabledSuccessButton: loading }));
+    return (_jsx(SuccessScreen, { title: t('business_completed_title'), description: t('business_completed_description'), onSuccess: onSuccess, successTitle: t('business_completed_button'), disabledSuccessButton: loading }));
 };
 export default React.memo(Success);

package/build/features/business/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -20,20 +20,9 @@ import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
 import { businessSelector } from '../../../app/business/businessStore';
-var TextContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        background: theme.palette.common.white,
-        border: '1px solid',
-        width: '100%',
-        borderColor: theme.palette.divider,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        marginBottom: theme.spacing(7.5)
-    });
-});
 var TitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
+    return (__assign(__assign({}, theme.typography.body1), { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, marginBlockEnd: theme.spacing(2.375), marginBlockStart: theme.spacing(2.875), lineHeight: 1.75, padding: '0px 20px' }));
 });
 var ContainerStyled = styled(Container)(function (_a) {
     var theme = _a.theme;
@@ -62,7 +51,14 @@ var SuccessWithFlowButtons = function () {
         var mappedFlows = flows.map(function (_a) {
             var name = _a.name, url = _a.url, status = _a.status;
             var type = status === 'initiated' ? 'pending' : 'completed';
-            var title = t("".concat(name, "_flow_").concat(type), { individual_name: username });
+            var title = t("".concat(name, "_flow_").concat(type), {
+                individual_name: username,
+                business_type: 'placeholder',
+                license_number: 'xxxxxx0000',
+                bank_name: 'placeholder',
+                iban: 'xxxxxx0000',
+                tax_id: 'xxxxxx0000'
+            });
             var isCompleted = status === 'completed' && name !== 'password';
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
@@ -80,6 +76,6 @@ var SuccessWithFlowButtons = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
             reMapFlowData(flows);
     }, [flows, isAr]);
-    return (_jsxs(ContainerStyled, { children: [_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [t('ide_successfully_verified_message'), " "] }) }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons }) })] }));
+    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/connect/screens/ThankYou/ThankYou.js

@@ -10,6 +10,6 @@ var ThankYou = function (_a) {
     React.useEffect(function () {
         dispatch(updateLeadSuccess());
     }, []);
-    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), showEmailProviders: true });
+    return (_jsx(SuccessScreen, { title: t("connect_completed_title"), description: t("connect_completed_description"), showEmailProviders: true }));
 };
 export default React.memo(ThankYou);

package/build/features/individual/screens/Success/Success.js

@@ -11,6 +11,6 @@ var Success = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () { };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess, successTitle: 'continue' });
+    return _jsx(SuccessScreen, { title: t('individual_success_title'), onSuccess: onSuccess, successTitle: t('continue') });
 };
 export default React.memo(Success);

package/build/features/password/screens/Success/Success.js

@@ -5,6 +5,6 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () { };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess, successTitle: 'continue' });
+    return _jsx(SuccessScreen, { title: t('password_success_title'), onSuccess: onSuccess, successTitle: t('continue') });
 };
 export default React.memo(Success);

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

@@ -5,6 +5,7 @@ export interface ThankYouProps {
     showEmailProviders?: boolean;
     successTitle?: string;
     disabledSuccessButton?: boolean;
+    description?: string;
 }
-declare const _default: React.MemoExoticComponent<({ title, showEmailProviders, onSuccess, successTitle, disabledSuccessButton }: ThankYouProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, disabledSuccessButton }: ThankYouProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
@@ -23,24 +23,13 @@ import { useLanguage } from '../../../hooks';
 var MailBoxStyled = styled(Box)(function () { return ({
     width: '100%'
 }); });
-var TextContainerStyled = styled(Box)(function (_a) {
-    var _b;
+var TitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (_b = {
-            background: theme.palette.common.white,
-            border: '1px solid',
-            width: '100%',
-            borderColor: theme.palette.divider,
-            borderRadius: theme.spacing(0, 0, 1.25, 1.25)
-        },
-        _b[theme.breakpoints.up('sm')] = {
-            marginBottom: theme.spacing(7.5)
-        },
-        _b);
+    return (__assign(__assign({}, theme.typography.body1), { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, marginBlockEnd: theme.spacing(2.375), lineHeight: 1.75, padding: '0px 20px' }));
 });
-var TitleStyled = styled(Text)(function (_a) {
+var DescriptionStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
+    return (__assign(__assign({}, theme.typography.subtitle2), { fontWeight: theme.typography.fontWeightMedium, textAlign: 'center', color: theme.palette.text.primary, marginBlockEnd: theme.spacing(3.75), lineHeight: theme.spacing(2.125), padding: theme.spacing(0, 3.75) }));
 });
 var ContainerStyled = styled(Container)(function (_a) {
     var theme = _a.theme;
@@ -56,17 +45,17 @@ var IconStyled = styled(Icon)(function (_a) {
     return (_b = {
             width: theme.spacing(10),
             height: theme.spacing(10),
-            marginBlockEnd: theme.spacing(7.5)
+            marginBlockEnd: theme.spacing(3.25)
         },
         _b[theme.breakpoints.down('sm')] = {
-            marginBlock: theme.spacing(7.5)
+            marginBlock: theme.spacing(3.25)
         },
         _b);
 });
 var ThankYou = function (_a) {
-    var title = _a.title, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, disabledSuccessButton = _a.disabledSuccessButton;
+    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, disabledSuccessButton = _a.disabledSuccessButton;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(IconStyled, { src: ICONS_NAMES.EMAIL_ICON, alt: 'loading...' }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ disabled: disabledSuccessButton, hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t(successTitle || 'open_mail_box') })) }))] }));
+    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ disabled: disabledSuccessButton, hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t(successTitle || 'open_mail_box') })) }))] }));
 };
 export default React.memo(ThankYou);

package/build/features/tax/screens/Success/Success.js

@@ -11,6 +11,6 @@ var Success = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () { };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess, successTitle: 'continue' });
+    return _jsx(SuccessScreen, { title: t('tax_success_title'), onSuccess: onSuccess, successTitle: t('continue') });
 };
 export default React.memo(Success);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.71",
+	"version": "1.0.72",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",