@tap-payments/auth-jsconnect 2.3.95-test → 2.3.98-test

package/build/assets/locales/ar.json

@@ -396,5 +396,16 @@
     "powered_by": "بواسطة",
     "add_other": "أخرى",
     "choose_entity_license": "اختر ترخيص المنشأة",
-    "choose_license_entity": "- الرجاء الاختيار  -"
+    "choose_license_entity": "- الرجاء الاختيار  -",
+    "your_brand_details": "تفاصيل علامتك التجارية",
+    "signed_up": "تسجيل الدخول",
+    "login_to_dashboard": "تسجيل الدخول لادارة الحساب",
+    "review_account": "مراجعة الحساب",
+    "license_info": "معلومات الترخيص",
+    "sales_channels": "قنوات المبيعات",
+    "website_label": "موقع الويب",
+    "call_center_label": "مركز الاتصال",
+    "mobile_app_label": "تطبيقات هاتف",
+    "physical_store_label": "متجر",
+    "social_media_label": "وسائل التواصل الاجتماعي"
 }

package/build/assets/locales/en.json

@@ -426,5 +426,16 @@
     "powered_by": "Powered by",
     "add_other": "Other",
     "choose_entity_license": "Choose Entity License",
-    "choose_license_entity": "- Please select -"
+    "choose_license_entity": "- Please select -",
+    "your_brand_details": "Your brand details",
+    "signed_up": "Signed up",
+    "login_to_dashboard": "Login to dashboard",
+    "review_account": "Review account",
+    "license_info": "License information",
+    "sales_channels": "Sales channels",
+    "website_label": "Website",
+    "call_center_label": "Call Center",
+    "mobile_app_label": "Mobile App",
+    "physical_store_label": "Physical Store",
+    "social_media_label": "Social Media"
 }

package/build/constants/app.d.ts

@@ -1,6 +1,7 @@
 import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CLIENT_ORIGIN: string;
 export declare const TAP_WEBSITE = "https://www.tap.company/";
+export declare const BUSINESS_WEBSITE = "https://businesses.tap.company/";
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;
     languageMode: string;

package/build/constants/app.js

@@ -1,6 +1,7 @@
 import { BusinessType } from '../@types';
 export var CLIENT_ORIGIN = window.location.origin;
 export var TAP_WEBSITE = 'https://www.tap.company/';
+export var BUSINESS_WEBSITE = 'https://businesses.tap.company/';
 export var LOCAL_STORAGE_KEYS = {
     themeMode: 'themeMode',
     languageMode: 'languageMode'
@@ -166,7 +167,8 @@ export var BUSINESS_SCREENS_NAVIGATION = [
             'BUSINESS_SUCCESS_STEP',
             'BUSINESS_ACTIVITIES_STEP',
             'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
-            'BUSINESS_CIVIL_ID_STEP'
+            'BUSINESS_CIVIL_ID_STEP',
+            'BUSINESS_VERIFY_BRAND_INFO'
         ],
         prev: '',
         order: 1
@@ -197,10 +199,16 @@ export var BUSINESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',
-        next: 'BUSINESS_ACTIVITIES_STEP',
+        next: ['BUSINESS_ACTIVITIES_STEP', 'BUSINESS_VERIFY_BRAND_INFO'],
         prev: 'BUSINESS_IDBOD_STEP',
         order: 2
     },
+    {
+        name: 'BUSINESS_VERIFY_BRAND_INFO',
+        next: '',
+        prev: 'BUSINESS_BUSINESS_TYPE_STEP',
+        order: 2
+    },
     {
         name: 'BUSINESS_CONFIRM_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',

package/build/constants/assets.d.ts

@@ -69,6 +69,7 @@ export declare const ICONS_NAMES: {
     DROP_FILE_ICON: string;
     CLOSE_ICON: string;
     PACI_ICON: string;
+    SIGNED_UP_SUCCESS: string;
     GMAIL_Filled_ICON: string;
     GMAIL_White_ICON: string;
     outlook_Filled_ICON: string;

package/build/constants/assets.js

@@ -69,6 +69,7 @@ export var ICONS_NAMES = {
     DROP_FILE_ICON: 'https://dash.b-cdn.net/icons/menu/upload-file-sample.svg',
     CLOSE_ICON: 'https://dash.b-cdn.net/icons/menu/close-btn.svg',
     PACI_ICON: 'https://dash.b-cdn.net/icons/menu/PACI-filled.svg',
+    SIGNED_UP_SUCCESS: 'https://dash.b-cdn.net/icons/menu/signed_up_success.svg',
     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

@@ -466,8 +466,8 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
     });
 }); });
 export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, isNonSA, selectedLicense, licenseNumber, entityLegalName, certificateId, articleId, selectedEntityLicense, isFL, payload, data, entity_activities, list, accountBody, accountData, documentData, entityData, entityId, documentBody, payload_1;
-    var _b, _c, _d, _e;
+    var _a, settings, business, isNonSA, selectedLicense, licenseNumber, entityLegalName, certificateId, articleId, selectedEntityLicense, isFL, _b, lead_id, brand, stepName, payload, data, entity_activities, list, accountBody, accountData, brandData, _c, message, error, brandRes, documentData, entityData, entityId, documentBody, payload_1;
+    var _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
             case 0:
@@ -475,7 +475,9 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 isNonSA = !isSA(settings.data.businessCountry.iso2);
                 selectedLicense = params.selectedLicense, licenseNumber = params.licenseNumber, entityLegalName = params.entityLegalName, certificateId = params.certificateId, articleId = params.articleId, selectedEntityLicense = params.selectedEntityLicense;
                 isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
-                payload = __assign(__assign(__assign(__assign({ id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '', entity: {
+                _b = business.data.verify.responseBody || {}, lead_id = _b.lead_id, brand = _b.brand;
+                stepName = 'BUSINESS_ACTIVITIES_STEP';
+                payload = __assign(__assign(__assign(__assign({ id: lead_id || '', entity: {
                         id: (selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id) && (isNonSA ? !isFL : true) ? selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id : ''
                     } }, (!(selectedEntityLicense === null || selectedEntityLicense === void 0 ? void 0 : selectedEntityLicense.id) && {
                     license_number: isNonSA && isFL ? '' : licenseNumber,
@@ -496,7 +498,7 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 _f.label = 3;
             case 3:
                 accountBody = {
-                    lead_id: (_c = business.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id,
+                    lead_id: lead_id,
                     notify: {
                         email: false,
                         phone: false
@@ -505,12 +507,31 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                     is_acknowledged: true,
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM
                 };
-                return [4, API.accountService.createAccount(accountBody)];
+                brandData = undefined;
+                _f.label = 4;
             case 4:
+                _f.trys.push([4, 6, , 10]);
+                return [4, API.accountService.createAccount(accountBody)];
+            case 5:
                 accountData = _f.sent();
+                return [3, 10];
+            case 6:
+                _c = _f.sent();
+                message = _c.message;
+                error = message;
+                if (!((error === null || error === void 0 ? void 0 : error.toLowerCase()) === 'entity with license already exist')) return [3, 8];
+                return [4, API.brandService.retrieveBrand(brand === null || brand === void 0 ? void 0 : brand.id)];
+            case 7:
+                brandRes = (_f.sent()).brand;
+                brandData = brandRes;
+                stepName = 'BUSINESS_VERIFY_BRAND_INFO';
+                return [3, 9];
+            case 8: throw new Error(error);
+            case 9: return [3, 10];
+            case 10:
                 entityData = undefined;
                 entityId = accountData === null || accountData === void 0 ? void 0 : accountData.entity_id;
-                if (!((certificateId || []).length > 0)) return [3, 6];
+                if (!((certificateId || []).length > 0)) return [3, 12];
                 documentBody = {
                     entity_id: entityId || '',
                     documents: [
@@ -521,23 +542,23 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                     ]
                 };
                 return [4, API.documentService.updateDocumentInfo(documentBody)];
-            case 5:
+            case 11:
                 documentData = _f.sent();
-                _f.label = 6;
-            case 6:
-                if (!(articleId && entityId)) return [3, 8];
+                _f.label = 12;
+            case 12:
+                if (!(articleId && entityId)) return [3, 14];
                 payload_1 = {
                     id: (accountData === null || accountData === void 0 ? void 0 : accountData.entity_id) || '',
                     AOA_file_id: articleId
                 };
                 return [4, API.entityService.updateEntity(payload_1)];
-            case 7:
+            case 13:
                 entityData = _f.sent();
-                _f.label = 8;
-            case 8:
-                thunkApi.dispatch(handleNextScreenStep());
+                _f.label = 14;
+            case 14:
+                thunkApi.dispatch(handleNextScreenStep(stepName));
                 (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
-                return [2, { data: data, formData: params, accountData: accountData, documentData: documentData, entityData: entityData }];
+                return [2, { data: __assign(__assign({}, data), { brand: brandData }), formData: params, accountData: accountData, documentData: documentData, entityData: entityData }];
         }
     });
 }); });
@@ -1025,7 +1046,7 @@ export var businessSlice = createSlice({
             state.error = null;
             var _b = action.payload, data = _b.data, formData = _b.formData, accountData = _b.accountData, documentData = _b.documentData;
             state.data.businessTypeData = __assign(__assign({}, state.data.businessTypeData), formData);
-            var entity = data.entity, entity_activities = data.entity_activities;
+            var entity = data.entity, entity_activities = data.entity_activities, brand = data.brand;
             var issuingDate = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.issuing_date) || new Date().getTime();
             if ((accountData === null || accountData === void 0 ? void 0 : accountData.status) === 'ALREADY_TAKEN') {
                 state.error = 'signup_user_exists_error';
@@ -1036,7 +1057,7 @@ export var businessSlice = createSlice({
             }
             var activities = entity_activities || [];
             state.data.businessTypeData.responseBody = __assign(__assign(__assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { activities: activities }), accountData), documentData);
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: entity });
+            state.data.verify.responseBody = __assign(__assign(__assign({}, state.data.verify.responseBody), { entity: entity }), (brand && { brand: brand }));
         })
             .addCase(updateLeadBusinessType.rejected, function (state, action) {
             state.loading = false;

package/build/features/app/individual/individualStore.js

@@ -595,7 +595,8 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
                         }
                     })), (!isDOBNonEditable && {
                         date_of_birth: dob
-                    })), (!((isBirthCityNonEditable && isBirthCountryNonEditable) || !hasBirth) && {
+                    })), (hasBirth &&
+                        !(isBirthCityNonEditable && isBirthCountryNonEditable) && {
                         birth: {
                             city: isBirthCityNonEditable ? undefined : placeOfBirthCity === null || placeOfBirthCity === void 0 ? void 0 : placeOfBirthCity.id,
                             country: isBirthCountryNonEditable ? undefined : placeOfBirthCountry === null || placeOfBirthCountry === void 0 ? void 0 : placeOfBirthCountry.iso2

package/build/features/business/screens/BrandDetails/BrandDetails.d.ts

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

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

@@ -0,0 +1,39 @@
+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 * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
+import { BUSINESS_WEBSITE } from '../../../../constants';
+import FlatButton from '../../../../components/Button';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import { businessSelector } from '../../../app/business/businessStore';
+import Button from '../../../shared/Button';
+import Header from './Header';
+import BrandName from './BrandName';
+import LicenseInfo from './LicenseInfo';
+import SalesChannel from './SalesChannel';
+var BrandDetails = function (_a) {
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(businessSelector), loading = _b.loading, error = _b.error;
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    var loginToDashboard = function () {
+        window.open(BUSINESS_WEBSITE, '_blank');
+    };
+    return (_jsxs(ScreenContainer, { children: [_jsx(Header, {}), _jsx(BrandName, {}), _jsx(LicenseInfo, {}), _jsx(SalesChannel, {}), _jsx(FlatButton, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: function () { return onBack(); }, variant: 'text' }, { children: t('review_account') })), _jsx(Button, __assign({ sx: { mt: 0 }, disableBack: true, onClick: function () { return loginToDashboard(); }, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('login_to_dashboard') }))] }));
+};
+export default React.memo(BrandDetails);

package/build/features/business/screens/BrandDetails/BrandName.d.ts

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

package/build/features/business/screens/BrandDetails/BrandName.js

@@ -0,0 +1,36 @@
+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 { styled } from '@mui/material/styles';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { businessSelector } from '../../../app/business/businessStore';
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        opacity: 1,
+        '& .MuiInputBase-input': { cursor: 'auto', color: theme.palette.text.primary }
+    });
+});
+var BrandName = function (_a) {
+    var _b, _c, _d;
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(businessSelector).data;
+    var brand = (((_b = data.verify) === null || _b === void 0 ? void 0 : _b.responseBody) || {}).brand;
+    var name = isAr ? (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = brand === null || brand === void 0 ? void 0 : brand.name) === null || _d === void 0 ? void 0 : _d.en;
+    return (_jsx(ScreenContainer, __assign({ sx: { mt: 3 } }, { children: _jsx(InputStyled, { label: t('signup_brand_name_label'), readOnly: true, value: name }) })));
+};
+export default React.memo(BrandName);

package/build/features/business/screens/BrandDetails/Header.d.ts

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

package/build/features/business/screens/BrandDetails/Header.js

@@ -0,0 +1,49 @@
+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 * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { alpha, styled } from '@mui/material/styles';
+import { useLanguage } from '../../../../hooks';
+import { ICONS_NAMES } from '../../../../constants';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Chip from '../../../shared/Chip';
+var ScreenContainerStyled = styled(ScreenContainer)(function () { return ({
+    alignItems: 'center',
+    justifyContent: 'center'
+}); });
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, marginBlockEnd: theme.spacing(1), lineHeight: 1.75, padding: '0px 20px' }));
+});
+var ChipStyled = styled(Chip, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
+    var theme = _a.theme, isAr = _a.isAr;
+    return (__assign(__assign({ background: alpha(theme.palette.success.main, 0.1), color: theme.palette.success.main, height: theme.spacing(3.125), boxShadow: theme.shadows[0] }, theme.typography.subtitle2), { '& .MuiChip-icon': {
+            marginLeft: isAr ? '-6px' : '5px',
+            marginRight: isAr ? '5px' : '-6px'
+        } }));
+});
+var Image = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(1.6),
+        height: theme.spacing(1.6),
+        fontSize: theme.spacing(1.6)
+    });
+});
+var Header = function (_a) {
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    return (_jsxs(ScreenContainerStyled, { children: [_jsx(TitleStyled, { children: t('your_brand_details') }), _jsx(ChipStyled, { isAr: isAr, label: t('signed_up'), icon: _jsx(Image, { src: ICONS_NAMES.SIGNED_UP_SUCCESS }) })] }));
+};
+export default React.memo(Header);

package/build/features/business/screens/BrandDetails/LicenseInfo.d.ts

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

package/build/features/business/screens/BrandDetails/LicenseInfo.js

@@ -0,0 +1,38 @@
+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 { styled } from '@mui/material/styles';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { businessSelector } from '../../../app/business/businessStore';
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        opacity: 1,
+        '& .MuiInputBase-input': { cursor: 'auto', color: theme.palette.text.primary }
+    });
+});
+var LicenseInfo = function (_a) {
+    var _b;
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(businessSelector).data;
+    var entity = (((_b = data.verify) === null || _b === void 0 ? void 0 : _b.responseBody) || {}).entity;
+    var getLicenseNumber = React.useMemo(function () { var _a; return ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || ''; }, [entity]);
+    var getLicenseName = React.useMemo(function () { var _a, _b; return t((isAr ? (_a = entity === null || entity === void 0 ? void 0 : entity.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = entity === null || entity === void 0 ? void 0 : entity.legal_name) === null || _b === void 0 ? void 0 : _b.en) || ''); }, [entity]);
+    var name = getLicenseNumber ? "".concat(getLicenseNumber, " - ").concat(getLicenseName) : getLicenseName;
+    return (_jsx(ScreenContainer, __assign({ sx: { mt: 1.5 } }, { children: _jsx(InputStyled, { label: t('license_info'), readOnly: true, value: name }) })));
+};
+export default React.memo(LicenseInfo);

package/build/features/business/screens/BrandDetails/SalesChannel.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export declare const InputLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    align?: "right" | "left" | "inherit" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & 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>, {}, {}>;
+interface SalesChannelProps {
+}
+declare const _default: React.MemoExoticComponent<({}: SalesChannelProps) => JSX.Element>;
+export default _default;

package/build/features/business/screens/BrandDetails/SalesChannel.js

@@ -0,0 +1,48 @@
+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 * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { useAppSelector } from '../../../../hooks';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Chip from '../../../shared/Chip';
+import { businessSelector } from '../../../app/business/businessStore';
+var LabelContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'flex-start',
+        padding: theme.spacing(0, 2.5, 0.25, 2.5)
+    });
+});
+export var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
+});
+var ChipContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'block',
+        padding: theme.spacing(0, 2.5, 1.25, 2.5)
+    });
+});
+var SalesChannel = function (_a) {
+    var _b, _c;
+    var t = useTranslation().t;
+    var data = useAppSelector(businessSelector).data;
+    var channels = ((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.channel_services) || [];
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 1.5 } }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('sales_channels') }) }), _jsx(ChipContainerStyled, { children: channels.map(function (channel, index) { return (_jsx(Chip, { label: t("".concat(channel.code, "_label")), sx: { marginInlineEnd: index !== channels.length - 1 ? '8px' : '0px', marginTop: '8px' } }, index)); }) })] })));
+};
+export default React.memo(SalesChannel);

package/build/features/business/screens/BrandDetails/index.d.ts

@@ -0,0 +1,3 @@
+import BrandDetails, { BrandDetailsProps } from './BrandDetails';
+export type { BrandDetailsProps };
+export default BrandDetails;

package/build/features/business/screens/BrandDetails/index.js

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

package/build/features/featuresScreens.js

@@ -31,6 +31,7 @@ import SuccessWithFlowButtonsPage from './business/screens/SuccessWithFlowButton
 import ResetPasswordSuccessPage from './business/screens/ResetPasswordSuccess';
 import BusCivilIDscreen from './business/screens/CivilID';
 import BusVerifyPACIScreen from './business/screens/VerifyPACI';
+import BrandVerifyScreen from './business/screens/BrandDetails';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import PasswordOTPPage from './password/screens/OTP';
@@ -203,7 +204,8 @@ export var businessFeatureScreens = [
     },
     { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage },
     { name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', element: SuccessWithFlowButtonsPage },
-    { name: 'BUSINESS_RESET_PASSWORD_SUCCESS', element: ResetPasswordSuccessPage }
+    { name: 'BUSINESS_RESET_PASSWORD_SUCCESS', element: ResetPasswordSuccessPage },
+    { name: 'BUSINESS_VERIFY_BRAND_INFO', element: BrandVerifyScreen }
 ];
 export var passwordFeatureScreens = [
     {

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from '../../../components/Button';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface CustomButtonProps extends ButtonProps {
     isAr: boolean;
     loading?: boolean;
@@ -8,5 +9,6 @@ export interface CustomButtonProps extends ButtonProps {
     onBackClicked?: () => void;
     error?: string;
     hideError?: boolean;
+    sx?: SxProps<Theme>;
 }
-export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, hideError, disableNextIcon, ...props }: CustomButtonProps): JSX.Element;
+export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, hideError, disableNextIcon, sx, ...props }: CustomButtonProps): JSX.Element;

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

@@ -84,7 +84,7 @@ var BackButtonStyled = styled(Button, { shouldForwardProp: function (prop) { ret
     });
 });
 export default function CustomButton(_a) {
-    var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, hideError = _a.hideError, disableNextIcon = _a.disableNextIcon, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "hideError", "disableNextIcon"]);
+    var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, hideError = _a.hideError, disableNextIcon = _a.disableNextIcon, sx = _a.sx, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "hideError", "disableNextIcon", "sx"]);
     var _b = React.useState(false), btnLoading = _b[0], setBtnLoading = _b[1];
     var isBackEnabled = !disableBack && !btnLoading;
     React.useEffect(function () {
@@ -107,5 +107,5 @@ export default function CustomButton(_a) {
             }, 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 })) }))] })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, __assign({ sx: sx }, { 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/Chip/Chip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChipProps } from '@mui/material/Chip';
+export default function CustomChip(props: ChipProps): JSX.Element;

package/build/features/shared/Chip/Chip.js

@@ -0,0 +1,21 @@
+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 { styled } from '@mui/material/styles';
+import Chip from '@mui/material/Chip';
+var ChipStyled = styled(Chip)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ borderRadius: theme.spacing(12.625), padding: theme.spacing(0.25, 0.5, 0.25, 0.5), background: theme.palette.common.white }, theme.typography.caption), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, boxShadow: theme.shadows[2] }));
+});
+export default function CustomChip(props) {
+    return _jsx(ChipStyled, __assign({}, props));
+}

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

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

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

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

package/build/theme/shadows.js

@@ -1,7 +1,7 @@
 export var shadows = [
     'none',
     '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
-    '0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)',
+    '0px 0px 2px rgba(0, 0, 0, 0.08)',
     '0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
     '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
     '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',

package/package.json

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