@tap-payments/auth-jsconnect 2.1.23-test → 2.1.25-test

package/build/features/entity/screens/{EntityInfoConfirm → EntityName}/LicenseNumber.js

@@ -13,33 +13,28 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
+import { useAppSelector } from '../../../../hooks';
+import { BusinessType, FieldType } from '../../../../@types';
+import { isSA, removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { settingsSelector } from '../../../../app/settings';
+import { CR_NUMBER_LENGTH, FL_NUMBER_ENTITY_LENGTH, KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
-import { useAppSelector } from '../../../../hooks';
 import { entitySelector } from '../../../app/entity/entityStore';
-import { isSA, removeAllOtherThanCharsAndNumber } from '../../../../utils';
-import { BusinessType } from '../../../../@types';
-import { CR_NUMBER_LENGTH, FL_NUMBER_LENGTH, KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
-import { settingsSelector } from '../../../../app/settings';
 var LicenseNumber = function (_a) {
     var _b, _c, _d, _e;
     var show = _a.show;
     var t = useTranslation().t;
     var data = useAppSelector(entitySelector).data;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _f = useFormContext(), control = _f.control, setValue = _f.setValue;
+    var control = useFormContext().control;
     var entity = (data.verify.responseBody || {}).entity;
-    var licenseType = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.type;
-    var type = licenseType === 'freelance' ? BusinessType.FL : BusinessType.CR;
-    var isLicensedTrue = entity === null || entity === void 0 ? void 0 : entity.is_licensed;
-    var hasLicenseNumber = (_c = entity === null || entity === void 0 ? void 0 : entity.license) === null || _c === void 0 ? void 0 : _c.number;
-    var resLicenseNumber = (_d = entity === null || entity === void 0 ? void 0 : entity.license) === null || _d === void 0 ? void 0 : _d.number;
-    var licenseNumber = data.entityData.licenseNumber;
+    var type = data.entityNameData.licenseType;
+    var number = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.number;
+    var disabled = ((_d = (_c = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _c === void 0 ? void 0 : _c.license) === null || _d === void 0 ? void 0 : _d.number) === FieldType.NON_EDITABLE;
+    var hide = !number && disabled;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    React.useEffect(function () {
-        setValue('licenseNumber', licenseNumber, { shouldValidate: true });
-    }, [licenseNumber]);
     var handleChange = function (_a) {
         var target = _a.target;
         var value = removeAllOtherThanCharsAndNumber(target.value);
@@ -49,9 +44,8 @@ var LicenseNumber = function (_a) {
     var licenseNumberValue = licenseNumberControl.field.value;
     var error = (_e = licenseNumberControl.fieldState.error) === null || _e === void 0 ? void 0 : _e.message;
     var isCR = type === BusinessType.CR;
-    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
+    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_LENGTH : FL_NUMBER_ENTITY_LENGTH;
     var minLength = !isSACountry ? KW_MIN_LICENSE_LENGTH : length;
-    var disabled = hasLicenseNumber && isLicensedTrue && (resLicenseNumber === null || resLicenseNumber === void 0 ? void 0 : resLicenseNumber.length) >= minLength;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('license_number_label'), onChange: handleChange, disabled: disabled, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) })) })));
+    return (_jsx(Collapse, __assign({ in: show && !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('license_number_label'), onChange: handleChange, disabled: disabled, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) })) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/entity/screens/EntityName/UnifiedNumber.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface UnifiedNumberProps {
+    show: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ show }: UnifiedNumberProps) => JSX.Element>;
+export default _default;

package/build/features/entity/screens/EntityName/UnifiedNumber.js

@@ -0,0 +1,43 @@
+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 } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppSelector } from '../../../../hooks';
+import { FieldType } from '../../../../@types';
+import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { entitySelector } from '../../../app/entity/entityStore';
+var UnifiedNumber = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var show = _a.show;
+    var t = useTranslation().t;
+    var data = useAppSelector(entitySelector).data;
+    var control = useFormContext().control;
+    var entity = (data.verify.responseBody || {}).entity;
+    var number = (_c = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number;
+    var disabled = ((_e = (_d = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _d === void 0 ? void 0 : _d.license) === null || _e === void 0 ? void 0 : _e.additional_info) === FieldType.NON_EDITABLE;
+    var hide = !number && disabled;
+    var handleChange = function (_a) {
+        var target = _a.target;
+        var value = removeAllOtherThanCharsAndNumber(target.value);
+        unifiedNumberControl.field.onChange(value);
+    };
+    var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });
+    var unifiedNumberValue = unifiedNumberControl.field.value;
+    var error = (_f = unifiedNumberControl.fieldState.error) === null || _f === void 0 ? void 0 : _f.message;
+    return (_jsx(Collapse, __assign({ in: show && !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('unified_number_label'), onChange: handleChange, disabled: disabled, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('unified_number_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+};
+export default React.memo(UnifiedNumber);

package/build/features/entity/screens/EntityName/index.d.ts

@@ -0,0 +1,2 @@
+import EntityName from './EntityName';
+export default EntityName;

package/build/features/entity/screens/EntityName/index.js

@@ -0,0 +1,2 @@
+import EntityName from './EntityName';
+export default EntityName;

package/build/features/entity/screens/EntityName/validation.d.ts

@@ -0,0 +1,48 @@
+import * as yup from 'yup';
+export declare const EntityNameValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>>>;
+export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>>>;

package/build/features/entity/screens/EntityName/validation.js

@@ -0,0 +1,112 @@
+import * as yup from 'yup';
+import { BusinessType, FieldType } from '../../../../@types';
+import { KW_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH } from '../../../../constants';
+export var EntityNameValidationSchema = function (entity) {
+    var _a, _b, _c, _d, _e;
+    var _f = entity || {}, legal_name = _f.legal_name, data_status = _f.data_status, license = _f.license;
+    var isLegalNameOptional = !((legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar) || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.en)) && (data_status === null || data_status === void 0 ? void 0 : data_status.legal_name) === FieldType.NON_EDITABLE;
+    var isEntityTypeOptional = !(license === null || license === void 0 ? void 0 : license.type) && (data_status === null || data_status === void 0 ? void 0 : data_status.type) === FieldType.NON_EDITABLE;
+    var isLicenseNumberOptional = !(license === null || license === void 0 ? void 0 : license.number) && ((_a = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _a === void 0 ? void 0 : _a.number) === FieldType.NON_EDITABLE;
+    var isUnifiedNumberOptional = !((_b = license === null || license === void 0 ? void 0 : license.additional_info) === null || _b === void 0 ? void 0 : _b.unified_number) && ((_c = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _c === void 0 ? void 0 : _c.additional_info) === FieldType.NON_EDITABLE;
+    var isIssuingDateOptional = !(license === null || license === void 0 ? void 0 : license.issuing_date) && ((_d = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _d === void 0 ? void 0 : _d.issuing_date) === FieldType.NON_EDITABLE;
+    var isExpiryDateOptional = !(license === null || license === void 0 ? void 0 : license.expiry_date) && ((_e = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _e === void 0 ? void 0 : _e.expiry_date) === FieldType.NON_EDITABLE;
+    return yup.object().shape({
+        legalName: isLegalNameOptional
+            ? yup.string().optional()
+            : yup
+                .string()
+                .required('')
+                .test({
+                test: function (value) {
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (length === 0)
+                        return true;
+                    return length >= 3 ? true : this.createError({ message: 'enter_legal_name_min_three_chars' });
+                }
+            }),
+        licenseType: yup.string().optional(),
+        entityType: isEntityTypeOptional ? yup.string().optional() : yup.string().required('entity_type_required'),
+        licenseNumber: isLicenseNumberOptional
+            ? yup.string().optional()
+            : yup
+                .string()
+                .test({
+                test: function (value) {
+                    var type = this.parent.licenseType;
+                    var isCR = type === BusinessType.CR;
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (length === 0)
+                        return true;
+                    if (isCR) {
+                        return length > CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
+                    }
+                    return length > FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+                }
+            })
+                .required(''),
+        unifiedNumber: isUnifiedNumberOptional
+            ? yup.string().optional()
+            : yup
+                .string()
+                .when('licenseType', function (licenseType) {
+                var isCR = licenseType === BusinessType.CR;
+                if (isCR) {
+                    return yup.string().required('unified_number_required');
+                }
+                return yup.string().optional();
+            })
+                .required(''),
+        issuingDate: isIssuingDateOptional ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
+        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date')
+    });
+};
+export var EntityNameKWValidationSchema = function (entity) {
+    var _a, _b, _c;
+    var _d = entity || {}, legal_name = _d.legal_name, data_status = _d.data_status, license = _d.license;
+    var isLegalNameOptional = !((legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar) || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.en)) && (data_status === null || data_status === void 0 ? void 0 : data_status.legal_name) === FieldType.NON_EDITABLE;
+    var isEntityTypeOptional = !(license === null || license === void 0 ? void 0 : license.type) && (data_status === null || data_status === void 0 ? void 0 : data_status.type) === FieldType.NON_EDITABLE;
+    var isLicenseNumberOptional = !(license === null || license === void 0 ? void 0 : license.number) && ((_a = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _a === void 0 ? void 0 : _a.number) === FieldType.NON_EDITABLE;
+    var isIssuingDateOptional = !(license === null || license === void 0 ? void 0 : license.issuing_date) && ((_b = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _b === void 0 ? void 0 : _b.issuing_date) === FieldType.NON_EDITABLE;
+    var isExpiryDateOptional = !(license === null || license === void 0 ? void 0 : license.expiry_date) && ((_c = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _c === void 0 ? void 0 : _c.expiry_date) === FieldType.NON_EDITABLE;
+    return yup.object().shape({
+        legalName: isLegalNameOptional
+            ? yup.string().optional()
+            : yup
+                .string()
+                .required('')
+                .test({
+                test: function (value) {
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (length === 0)
+                        return true;
+                    return length >= 3 ? true : this.createError({ message: 'enter_legal_name_min_three_chars' });
+                }
+            }),
+        licenseType: yup.string().optional(),
+        entityType: isEntityTypeOptional ? yup.string().optional() : yup.string().required('entity_type_required'),
+        licenseNumber: isLicenseNumberOptional
+            ? yup.string().optional()
+            : yup
+                .string()
+                .when('licenseType', function (licenseType) {
+                var isCR = licenseType === BusinessType.CR;
+                if (!isCR) {
+                    return yup.string().optional();
+                }
+                return yup
+                    .string()
+                    .required('')
+                    .test({
+                    test: function (value) {
+                        var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                        if (length === 0)
+                            return true;
+                        return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
+                    }
+                });
+            })
+                .required(''),
+        issuingDate: isIssuingDateOptional ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
+        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date')
+    });
+};

package/build/features/featuresScreens.d.ts

@@ -8,3 +8,4 @@ export declare const taxFeatureScreens: Array<FeatureScreenStep>;
 export declare const signInFeatureScreens: Array<FeatureScreenStep>;
 export declare const entityFeatureScreens: Array<FeatureScreenStep>;
 export declare const authFeatureScreens: Array<FeatureScreenStep>;
+export declare const brandFeatureScreens: Array<FeatureScreenStep>;

package/build/features/featuresScreens.js

@@ -43,11 +43,17 @@ import SignInEmailPage from './signIn/screens/Email';
 import SignInOTPPage from './signIn/screens/OTP';
 import SignInPasswordPage from './signIn/screens/Password';
 import EntityVerifyPage from './entity/screens/Verify';
-import EntityInfoConfirmPage from './entity/screens/EntityInfoConfirm';
-import EntityCustomersPage from './entity/screens/Customers';
+import EntityNamePage from './entity/screens/EntityName';
+import EntityCapitalPage from './entity/screens/EntityCapital';
 import EntitySuccessPage from './entity/screens/Success';
 import EntitySuccessWithFlowPage from './entity/screens/SuccessWithFlowButtons';
 import EntityResetPasswordSuccessPage from './entity/screens/ResetPasswordSuccess';
+import BrandVerifyPage from './brand/screens/Verify';
+import BrandInfoPage from './brand/screens/BrandInfo';
+import BrandActivitiesPage from './brand/screens/BrandActivities';
+import BrandSuccessPage from './brand/screens/Success';
+import BrandSuccessWithFlowPage from './brand/screens/SuccessWithFlowButtons';
+import BrandResetPasswordSuccessPage from './brand/screens/ResetPasswordSuccess';
 import AuthNIDPage from './auth/screens/NID';
 import AuthVerifyPage from './auth/screens/OTP';
 export var connectFeatureScreens = [
@@ -225,12 +231,12 @@ export var entityFeatureScreens = [
         element: EntityVerifyPage
     },
     {
-        name: 'ENTITY_INFO_STEP',
-        element: EntityInfoConfirmPage
+        name: 'ENTITY_NAME_STEP',
+        element: EntityNamePage
     },
     {
-        name: 'ENTITY_CUSTOMERS_STEP',
-        element: EntityCustomersPage
+        name: 'ENTITY_CAPITAL_STEP',
+        element: EntityCapitalPage
     },
     {
         name: 'ENTITY_DETAILS_SUCCESS_STEP',
@@ -252,3 +258,26 @@ export var authFeatureScreens = [
         element: AuthVerifyPage
     }
 ];
+export var brandFeatureScreens = [
+    {
+        name: 'BRAND_VERIFY_STEP',
+        element: BrandVerifyPage
+    },
+    {
+        name: 'BRAND_INFO_STEP',
+        element: BrandInfoPage
+    },
+    {
+        name: 'BRAND_ACTIVITIES_STEP',
+        element: BrandActivitiesPage
+    },
+    {
+        name: 'BRAND_DETAILS_SUCCESS_STEP',
+        element: BrandSuccessPage
+    },
+    {
+        name: 'BRAND_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+        element: BrandSuccessWithFlowPage
+    },
+    { name: 'BRAND_RESET_PASSWORD_SUCCESS', element: BrandResetPasswordSuccessPage }
+];

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { concatenateObjectValues, getResetFlowUrl, shortenString, showLastFour } from '../../../../utils';
+import { concatenateObjectValues, getResetFlowUrl, shortenBrand, shortenString, showLastFour } from '../../../../utils';
 import { individualSelector } from '../../../app/individual/individualStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -80,6 +80,7 @@ var SuccessWithFlowButtons = function () {
             var title = t("".concat(name, "_flow_").concat(type), {
                 individual_name: username.toLowerCase() + maskedId,
                 business_type: entityLegalName,
+                brand: brandName,
                 license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
                 bank_name: bankName,
                 iban: iban ? t('masking_symbols') + iban : '',
@@ -109,7 +110,8 @@ var SuccessWithFlowButtons = function () {
     return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
                         flowName: data.flowName,
                         email: email,
-                        emailUrl: url
+                        emailUrl: url,
+                        brandName: shortenBrand(brandName)
                     } }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenString } from '../../../../utils';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenString, shortenBrand } from '../../../../utils';
 import { passwordSelector } from '../../../app/password/passwordStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -80,6 +80,7 @@ var SuccessWithFlowButtons = function () {
             var title = t("".concat(name, "_flow_").concat(type), {
                 individual_name: username.toLowerCase() + maskedId,
                 business_type: entityLegalName,
+                brand: brandName,
                 license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
                 bank_name: bankName,
                 iban: iban ? t('masking_symbols') + iban : '',
@@ -109,7 +110,8 @@ var SuccessWithFlowButtons = function () {
     return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
                         flowName: data.flowName,
                         email: email,
-                        emailUrl: url
+                        emailUrl: url,
+                        brandName: shortenBrand(brandName)
                     } }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/shared/AcceptancePayouts/AcceptancePayouts.js

@@ -17,7 +17,7 @@ import Text from '../../../components/Text';
 import { ICONS_NAMES } from '../../../constants';
 import { useTranslation } from 'react-i18next';
 import { useLanguage } from '../../../hooks';
-var BoxStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'enabled'; } })(function (_a) {
+var BoxStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'enabled' && prop !== 'isAr'; } })(function (_a) {
     var _b;
     var theme = _a.theme, enabled = _a.enabled, isAr = _a.isAr;
     return (_b = {

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CountryCode, AddressFormat } from '../../../@types';
+interface Props {
+    countryList: CountryCode[];
+    format: AddressFormat[];
+    onAddressChange: (value: Record<string, string>, isValid: boolean) => void;
+    defaultValues?: Record<string, string>;
+    disableCountry?: boolean;
+}
+export default function Address({ format, countryList, onAddressChange, defaultValues, disableCountry }: Props): JSX.Element;
+export {};

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

@@ -0,0 +1,63 @@
+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 } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import Box from '@mui/material/Box';
+import { useForm, Controller } from 'react-hook-form';
+import CountryListComponent from './CountryList';
+import InputSelect from './InputSelect';
+import InputText from './InputText';
+export default function Address(_a) {
+    var format = _a.format, countryList = _a.countryList, onAddressChange = _a.onAddressChange, defaultValues = _a.defaultValues, disableCountry = _a.disableCountry;
+    var _b = useForm({ defaultValues: defaultValues, mode: 'onChange' }), watch = _b.watch, control = _b.control, formState = _b.formState, getValues = _b.getValues;
+    var values = getValues();
+    React.useEffect(function () {
+        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 (_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 }));
+                    }, 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));
+        }) })));
+}