npm - @tap-payments/auth-jsconnect - Versions diffs - 1.0.62 → 1.0.66 - Mend

@tap-payments/auth-jsconnect 1.0.62 → 1.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/build/api/lead.d.ts CHANGED Viewed

@@ -56,7 +56,10 @@ export declare type UpdateLeadBody = {
     license_type?: string;
     is_acknowledged?: boolean;
     terms_conditions_accepted?: boolean;
-    email_url?: string;
+    flows?: {
+        name: string;
+        url: string;
+    }[];
 };
 export declare type LeadVerifyBody = {
     verify_token: string;

package/build/assets/locales/ar.json CHANGED Viewed

@@ -232,5 +232,7 @@
     "individual_flow_pending": "Individual",
     "bank_flow_pending": "Bank",
     "password_flow_pending": "Password",
+    "business_flow_pending": "Business",
+    "business_flow_completed": "Business",
     "continue": "Continue"
 }

package/build/assets/locales/en.json CHANGED Viewed

@@ -239,12 +239,14 @@
     "cr_number": "CR Number",
     "fl_number": "FL Number",
     "tax_flow_completed": "Tax",
-    "individual_flow_completed": "Individual",
+    "individual_flow_completed": "Individual {{individual_name}}",
     "bank_flow_completed": "Bank",
     "password_flow_completed": "Password",
     "tax_flow_pending": "Tax",
-    "individual_flow_pending": "Individual",
+    "individual_flow_pending": "Individual {{individual_name}}",
     "bank_flow_pending": "Bank",
     "password_flow_pending": "Password",
+    "business_flow_pending": "Business",
+    "business_flow_completed": "Business",
     "continue": "Continue"
 }

package/build/constants/assets.d.ts CHANGED Viewed

@@ -35,11 +35,22 @@ export declare const ICONS_NAMES: {
     ABSHER_LOGO: string;
     EMAIL_ICON: string;
     MOBILE_ICON: string;
-    GMAIL_ICON: string;
-    OUTLOOK_ICON: string;
-    APPLE_MAIL_ICON: string;
-    TAX_ICON: string;
-    BANK_ICON: string;
-    INDIVIDUAL_ICON: string;
-    PASSWORD_ICON: string;
+    GMAIL_Filled_ICON: string;
+    GMAIL_White_ICON: string;
+    outlook_Filled_ICON: string;
+    outlook_White_ICON: string;
+    Apple_Filled_ICON: string;
+    apple_white_icon: string;
+    tax_filled_icon: string;
+    tax_white_icon: string;
+    bank_filled_icon: string;
+    bank_white_icon: string;
+    individual_filled_icon: string;
+    individual_white_icon: string;
+    password_filled_icon: string;
+    password_white_icon: string;
+    business_filled_icon: string;
+    business_white_icon: string;
+    Arrow_filled_right_icon: string;
+    Arrow_white_right_icon: string;
 };

package/build/constants/assets.js CHANGED Viewed

@@ -35,11 +35,22 @@ export var ICONS_NAMES = {
     ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',
     EMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/email.png',
     MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg',
-    GMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/gmail-icon.svg',
-    OUTLOOK_ICON: 'https://dash.b-cdn.net/icons/menu/outlook-icon.svg',
-    APPLE_MAIL_ICON: 'https://dash.b-cdn.net/icons/menu/apple-icon.svg',
-    TAX_ICON: 'https://email-templates.b-cdn.net/file.png',
-    BANK_ICON: 'https://email-templates.b-cdn.net/dollar_square.png',
-    INDIVIDUAL_ICON: 'https://email-templates.b-cdn.net/user.png',
-    PASSWORD_ICON: 'https://email-templates.b-cdn.net/lock_square.png'
+    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',
+    outlook_White_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-white.svg',
+    Apple_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Apple-filled.svg',
+    apple_white_icon: 'https://dash.b-cdn.net/icons/menu/Apple-white.svg',
+    tax_filled_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled.svg',
+    tax_white_icon: 'https://dash.b-cdn.net/icons/menu/tax-white.svg',
+    bank_filled_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled.svg',
+    bank_white_icon: 'https://dash.b-cdn.net/icons/menu/bank-white.svg',
+    individual_filled_icon: 'https://dash.b-cdn.net/icons/menu/user-filled.svg',
+    individual_white_icon: 'https://dash.b-cdn.net/icons/menu/user-white.svg',
+    password_filled_icon: 'https://dash.b-cdn.net/icons/menu/password-filled.svg',
+    password_white_icon: 'https://dash.b-cdn.net/icons/menu/password-white.svg',
+    business_filled_icon: 'https://dash.b-cdn.net/icons/menu/business-filled.svg',
+    business_white_icon: 'https://dash.b-cdn.net/icons/menu/business-white.svg',
+    Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled.svg',
+    Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg'
 };

package/build/features/app/business/businessStore.d.ts CHANGED Viewed

@@ -29,7 +29,11 @@ export declare const updateLeadIdentity: import("@reduxjs/toolkit").AsyncThunk<{
 }, {}>;
 export declare const retrieveEntityList: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-}, string, {}>;
+    licenseNumber: string;
+}, {
+    leadId: string;
+    licenseNumber: string;
+}, {}>;
 export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: BusinessTypeFormValues;
@@ -58,7 +62,10 @@ export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
-}, void, {}>;
+} | undefined, void, {}>;
+export declare const updateStepName: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+}, string, {}>;
 declare type VerifyData = {
     token: string;
 };

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

@@ -60,7 +60,7 @@ import moment from 'moment';
 import API from '../../../api';
 import { BusinessType } from '../../../@types';
 import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, getClientEmailUrl, removeRequestHeaders } from '../../../utils';
+import { convertNumbers2English, getFlowUrl, removeRequestHeaders } from '../../../utils';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
@@ -79,9 +79,10 @@ export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi
     });
 }); });
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var payload, data, leadResponse;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var payload, data, leadResponse, number;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -89,28 +90,29 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_b.sent()).data;
                 leadResponse = undefined;
                 if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 4];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _a.sent();
-                return [4, thunkApi.dispatch(retrieveEntityList(data === null || data === void 0 ? void 0 : data.id))];
+                leadResponse = _b.sent();
+                number = (((_a = leadResponse.data.entity) === null || _a === void 0 ? void 0 : _a.license) || {}).number;
+                return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id, licenseNumber: number }))];
             case 3:
-                _a.sent();
+                _b.sent();
                 if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
                     thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                 }
                 if (data.step_name === 'business_info') {
                     thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
                 }
-                _a.label = 4;
+                _b.label = 4;
             case 4: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, business, settings, isNID, responseBody, payload, data, steps, hasBusinessCompleted;
+    var _a, business, settings, isNID, responseBody, stepName, payload, data, steps, hasBusinessCompleted;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -118,17 +120,19 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
                 _a = thunkApi.getState(), business = _a.business, settings = _a.settings;
                 isNID = business.data.otpData.isNID;
                 responseBody = (isNID ? business.data.nidData : business.data.verify).responseBody;
+                stepName = isNID ? BUSINESS_STEP_NAMES.IDENTITY_VERIFY_AUTH : BUSINESS_STEP_NAMES.PHONE_AUTH;
                 payload = {
                     data: params.otp,
                     service_name: (_b = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _b === void 0 ? void 0 : _b.service_name,
                     verify_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token,
-                    step_name: isNID ? BUSINESS_STEP_NAMES.IDENTITY_VERIFY_AUTH : BUSINESS_STEP_NAMES.PHONE_AUTH,
+                    step_name: stepName,
                     encryption_contract: ['data']
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
                 data = (_e.sent()).data;
                 if (!data.errors) {
+                    thunkApi.dispatch(updateStepName(stepName));
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
                     steps = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps) || [];
                     hasBusinessCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
@@ -152,13 +156,14 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
     });
 }); });
 export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, identification_id_type, headers, requestBody, data;
+    var _a, settings, business, identification_id_type, stepName, headers, requestBody, data;
     var _b, _c, _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
                 identification_id_type = params.nid.startsWith('1') ? IDENTIFICATION_TYPE.NID : IDENTIFICATION_TYPE.IQAMA;
+                stepName = BUSINESS_STEP_NAMES.IDENTITY_AUTH;
                 headers = {
                     lead_id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
                     device_identifier: (_d = (_c = settings.data.deviceInfo) === null || _c === void 0 ? void 0 : _c.browser) === null || _d === void 0 ? void 0 : _d.browser_id
@@ -168,13 +173,14 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
                     identification_id_type: identification_id_type,
                     date_of_birth: params.dob,
                     country_code: business.data.businessCountry.iso2,
-                    step_name: BUSINESS_STEP_NAMES.IDENTITY_AUTH,
+                    step_name: stepName,
                     encryption_contract: ['country_code', 'identification_id', 'identification_id_type', 'date_of_birth']
                 };
                 return [4, API.leadService.updateLeadIdentity(requestBody, { headers: headers })];
             case 1:
                 data = (_g.sent()).data;
                 if (!data.errors && !params.isResend) {
+                    thunkApi.dispatch(updateStepName(stepName));
                     thunkApi.dispatch(handleNextScreenStep());
                     (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
                 }
@@ -182,14 +188,14 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
         }
     });
 }); });
-export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var data;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.leadService.retrieveEntityList(leadId)];
+            case 0: return [4, API.leadService.retrieveEntityList(params.leadId)];
             case 1:
                 data = (_a.sent()).data;
-                return [2, { data: data }];
+                return [2, { data: data, licenseNumber: params.licenseNumber }];
         }
     });
 }); });
@@ -254,7 +260,7 @@ export var createAccount = createAsyncThunk('createAccount', function (params, t
     });
 }); });
 export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, channel, activities, requestBody, headers, data;
+    var _a, settings, business, channel, activities, stepName, id, requestBody, headers, data;
     var _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -268,17 +274,20 @@ export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', funct
                     var en = _a.en;
                     return en;
                 });
+                stepName = BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES;
+                id = (_c = business.data.businessTypeData.responseBody) === null || _c === void 0 ? void 0 : _c.entity_id;
                 requestBody = {
                     activities: activities,
                     channel_services: channel,
                     business_operation_start_at: params.operationStartDate,
-                    step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES
+                    step_name: stepName
                 };
-                headers = { entity_id: (_c = business.data.businessTypeData.responseBody) === null || _c === void 0 ? void 0 : _c.entity_id };
+                headers = { entity_id: id };
                 return [4, API.entityService.createEntityInfo(requestBody, { headers: headers })];
             case 1:
                 data = (_f.sent()).data;
                 if (!!data.errors) return [3, 3];
+                thunkApi.dispatch(updateStepName(stepName));
                 return [4, thunkApi.dispatch(retrieveDataList())];
             case 2:
                 _f.sent();
@@ -309,7 +318,7 @@ export var retrieveDataList = createAsyncThunk('retrieveDataList', function () {
     });
 }); });
 export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, customerBase, requestBody, data;
+    var _a, settings, business, customerBase, stepName, requestBody, data;
     var _b, _c, _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
@@ -319,6 +328,7 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                     var title = _a.title;
                     return title;
                 });
+                stepName = BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS;
                 requestBody = {
                     customers_base: customerBase,
                     id: (_b = business.data.businessTypeData.responseBody) === null || _b === void 0 ? void 0 : _b.entity_id,
@@ -326,12 +336,13 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                     yearly_sales_range: ((_d = params.expectedSalesRange) === null || _d === void 0 ? void 0 : _d.title) || '',
                     agree_refund: params.refundPolicy,
                     agree_chargeback: params.transactionPolicy,
-                    step_name: BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS
+                    step_name: stepName
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
             case 1:
                 data = (_g.sent()).data;
                 if (!data.errors) {
+                    thunkApi.dispatch(updateStepName(stepName));
                     thunkApi.dispatch(handleNextScreenStep());
                     (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
                 }
@@ -340,27 +351,64 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
     });
 }); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, response, payload;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    var _a, settings, business, _b, steps, id, flowCompleted, payload, data;
+    var _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
-                response = undefined;
-                if (!!!((_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id)) return [3, 2];
+                _b = business.data.verify.responseBody || {}, steps = _b.steps, id = _b.id;
+                flowCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
+                if (flowCompleted)
+                    return [2];
                 payload = {
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_SUCCESS,
-                    id: ((_c = business.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
-                    email_url: getClientEmailUrl(),
+                    id: id,
+                    flows: [
+                        {
+                            name: 'tax',
+                            url: getFlowUrl('/tax')
+                        },
+                        {
+                            name: 'bank',
+                            url: getFlowUrl('/bank')
+                        },
+                        {
+                            name: 'individual',
+                            url: getFlowUrl('/individual')
+                        },
+                        {
+                            name: 'password',
+                            url: getFlowUrl('/password')
+                        }
+                    ],
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                response = _h.sent();
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
-                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: response === null || response === void 0 ? void 0 : response.data });
-                _h.label = 2;
-            case 2: return [2, { response: response === null || response === void 0 ? void 0 : response.data, formData: params }];
+                data = (_g.sent()).data;
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
+                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
+                return [2, { response: data, formData: params }];
+        }
+    });
+}); });
+export var updateStepName = createAsyncThunk('updateStepName', function (stepName, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var business, payload, data;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                business = thunkApi.getState().business;
+                payload = {
+                    step_name: stepName,
+                    id: ((_a = business.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.id) || '',
+                    encryption_contract: []
+                };
+                return [4, API.leadService.updateLead(payload)];
+            case 1:
+                data = (_b.sent()).data;
+                return [2, { response: data }];
         }
     });
 }); });
@@ -508,10 +556,10 @@ export var businessSlice = createSlice({
             state.customLoading = true;
         })
             .addCase(retrieveEntityList.fulfilled, function (state, action) {
-            var _a, _b;
+            var _a, _b, _c, _d, _e;
             state.error = null;
             state.customLoading = false;
-            var data = action.payload.data;
+            var _f = action.payload, data = _f.data, licenseNumber = _f.licenseNumber;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             var licenseList = [];
             if (!description) {
@@ -530,9 +578,11 @@ export var businessSlice = createSlice({
             }
             licenseList = __spreadArray(__spreadArray([], licenseList, true), [OTHER_CR_LICENSE, OTHER_FL_LICENSE], false);
             state.data.businessTypeData.responseBody = { licenseList: licenseList };
-            var selectedLicense = licenseList === null || licenseList === void 0 ? void 0 : licenseList[0];
+            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;
-            state.data.businessTypeData.licenseNumber = (_b = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _b === void 0 ? void 0 : _b.number;
+            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;
         })
             .addCase(retrieveEntityList.rejected, function (state, action) {
             state.error = action.error.message;
@@ -585,9 +635,9 @@ export var businessSlice = createSlice({
                 state.error = 'signup_user_exists_error';
                 return;
             }
-            var licenseList = (state.data.businessTypeData.responseBody || { licenseList: [] }).licenseList;
-            state.data.businessTypeData.responseBody = __assign(__assign({ licenseList: licenseList }, data), { channelList: channelsData || [] });
-            var selectedChannel = channelsData === null || channelsData === void 0 ? void 0 : channelsData[0];
+            var channels = channelsData || [];
+            state.data.businessTypeData.responseBody = __assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { channelList: channels });
+            var selectedChannel = channels === null || channels === void 0 ? void 0 : channels[0];
             if (!!selectedChannel)
                 state.data.activitiesData.salesChannels = [selectedChannel];
         })
@@ -665,12 +715,13 @@ export var businessSlice = createSlice({
             var _a;
             state.loading = false;
             state.error = null;
-            var response = action.payload.response;
+            var response = (action.payload || {}).response;
             var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
             }
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: response.flows });
             removeRequestHeaders();
         })
             .addCase(updateLeadSuccess.pending, function (state) {

package/build/features/app/connect/connectStore.js CHANGED Viewed

@@ -60,7 +60,7 @@ import { handleNextScreenStep } from '../../../app/settings';
 import API from '../../../api';
 import { BRAND_LIST, CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, getClientEmailUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
+import { getIndividualName, getFlowUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
     return __generator(this, function (_a) {
@@ -284,7 +284,7 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                     id: (isExistingUser ? (_h = brandData.responseBody) === null || _h === void 0 ? void 0 : _h.lead_id : (_j = otpData.responseBody) === null || _j === void 0 ? void 0 : _j.lead_id) || '',
                     terms_conditions_accepted: params.termAndConditionChecked,
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
-                    encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh', 'social[0]', 'social[1]']
+                    encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
@@ -352,7 +352,12 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
-                    email_url: getClientEmailUrl(),
+                    flows: [
+                        {
+                            name: 'business',
+                            url: getFlowUrl('/business')
+                        }
+                    ],
                     id: (isExistingUser ? (_c = brandData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id : (_d = otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
                     encryption_contract: []
                 };

package/build/features/business/screens/BusinessType/LicenseList.js CHANGED Viewed

@@ -96,7 +96,7 @@ var LicenseList = function (_a) {
         var _a, _b;
         if ((item === null || item === void 0 ? void 0 : item.type) === BusinessType.FL && !isOtherLicense(item))
             return t('future_work');
-        return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
+        return t((isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '');
     };
     var isOtherLicense = function (item) {
         var _a, _b;
@@ -114,15 +114,15 @@ var LicenseList = function (_a) {
     };
     var getLicenseFullName = function (item) {
         if (isAr)
-            return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseName(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseNumber(item) })] }));
-        return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseNumber(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseName(item) })] }));
+            return _jsx("span", { children: "".concat(getLicenseName(item), " - ").concat(getLicenseNumber(item)) });
+        return _jsx("span", { children: "".concat(getLicenseNumber(item), " - ").concat(getLicenseName(item)) });
     };
     var showLicenseNumber = !anchorEl;
     var selected = selectedLicenseControl.field.value;
     var licenseReadonly = !isOtherLicense(selected);
     var isCR = (selected === null || selected === void 0 ? void 0 : selected.type) === BusinessType.CR;
     var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : getLicenseNumber(selected);
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? getLicenseName(selected) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? t(getLicenseName(selected)) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
                         return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selected) }, { children: isOtherLicense(item) ? t(getLicenseName(item)) : getLicenseFullName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
                     } }) })), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: licenseReadonly })] }));
 };

package/build/features/business/screens/BusinessType/LicenseNumber.js CHANGED Viewed

@@ -41,6 +41,6 @@ var LicenseNumber = function (_a) {
     var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
     var label = isCR ? 'cr_number' : 'fl_number';
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '01f3c5x78n' : '1a3c5b78', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/business/screens/BusinessType/validation.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as yup from 'yup';
 export declare const LicenseValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     selectedLicense: any;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     selectedLicense: any;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     selectedLicense: any;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>>;

package/build/features/business/screens/BusinessType/validation.js CHANGED Viewed

@@ -13,13 +13,20 @@ var objectElements = {
 };
 export var LicenseValidationSchema = yup.object().shape({
     selectedLicense: yup.object().shape(objectElements).required(''),
-    licenseNumber: yup.string().when('selectedLicense', function (selectedLicenseValue) {
-        var _a, _b;
-        if (((_b = (_a = selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.license) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === BusinessType.CR) {
-            return yup.string().min(CR_NUMBER_LENGTH, "cr_max_length").required('cr_required');
-        }
-        else {
-            return yup.string().min(FL_NUMBER_LENGTH, "fl_max_length").required('fl_required');
+    licenseNumber: yup
+        .string()
+        .test({
+        test: function (value) {
+            var selectedLicense = this.parent.selectedLicense;
+            var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.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_NUMBER_LENGTH ? true : this.createError({ message: 'cr_max_length' });
+            }
+            return length === FL_NUMBER_LENGTH ? true : this.createError({ message: 'fl_max_length' });
         }
     })
+        .required('')
 });

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

@@ -67,11 +67,6 @@ var ExpectedSalesRange = function (_a) {
             setExpectedSalesRangeList(response === null || response === void 0 ? void 0 : response.expectedSales);
         }
     }, [response === null || response === void 0 ? void 0 : response.expectedSales]);
-    var checkRemainingCondition = function (item) {
-        return !!expectedSalesRangeValue.find(function (expectedSale) {
-            return expectedSale.id === item.id;
-        });
-    };
     var onSelectItem = function (expectedSalesRange) {
         onCloseList();
         expectedSalesRangeControl.field.onChange(expectedSalesRange);

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
@@ -18,20 +18,18 @@ import Text from '../../../../components/Text';
 import Container from '../../../shared/Containers/ScreenContainer';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES } from '../../../../constants';
+import { useAppSelector } from '../../../../hooks';
+import { businessSelector } from '../../../app/business/businessStore';
 var TextContainerStyled = styled(Box)(function (_a) {
-    var _b;
     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 ({
+        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;
@@ -53,27 +51,34 @@ var ButtonGroupStyled = styled(Box)(function (_a) {
 });
 var SuccessWithFlowButtons = function () {
     var t = useTranslation().t;
-    return (_jsxs(ContainerStyled, { children: [_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [t('ide_successfully_verified_message'), " "] }) }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: [
-                        {
-                            title: t('tax_flow_pending'),
-                            href: '#',
-                            src: ICONS_NAMES.TAX_ICON
-                        },
-                        {
-                            title: t('individual_flow_pending'),
-                            href: '#',
-                            src: ICONS_NAMES.INDIVIDUAL_ICON
-                        },
-                        {
-                            title: t('bank_flow_pending'),
-                            href: '#',
-                            src: ICONS_NAMES.BANK_ICON
-                        },
-                        {
-                            title: t('password_flow_pending'),
-                            href: '#',
-                            src: ICONS_NAMES.PASSWORD_ICON
-                        }
-                    ] }) })] }));
+    var data = useAppSelector(businessSelector).data;
+    var _a = data.verify.responseBody || {}, flows = _a.flows, nameObj = _a.name;
+    var _b = useState([]), buttons = _b[0], setButtons = _b[1];
+    var username = ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.first) || '') + ' ' + ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.last) || '');
+    var reMapFlowData = function (flows) {
+        if (flows === void 0) { flows = []; }
+        var images = ICONS_NAMES;
+        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 src = "".concat(name, "_filled_icon");
+            var hoverSrc = "".concat(name, "_white_icon");
+            var isCompleted = status === 'completed' && name !== 'password';
+            return {
+                title: title,
+                href: url,
+                src: images[src],
+                hoverSrc: images[hoverSrc],
+                isCompleted: isCompleted
+            };
+        });
+        setButtons(mappedFlows);
+    };
+    useEffect(function () {
+        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
+            reMapFlowData(flows);
+    }, [flows]);
+    return (_jsxs(ContainerStyled, { children: [_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [t('ide_successfully_verified_message'), " "] }) }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/shared/Button/AbsherButton.js CHANGED Viewed

@@ -21,18 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import Button from '../../../components/Button';
 import Icon from '../../../components/Icon';
 import { alpha, styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import { ICONS_NAMES } from '../../../constants';
-var IconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        marginInlineStart: theme.spacing(0.75)
-    });
+var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return (__assign({ width: theme.spacing(3), height: theme.spacing(3), marginInlineStart: theme.spacing(0.75) }, (disabled && {
+        opacity: 0.3
+    })));
 });
 var ButtonBoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -40,31 +39,35 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
-var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'hideIcon'; } })(function (_a) {
-    var theme = _a.theme, hideIcon = _a.hideIcon;
+var ButtonStyled = styled(Button, {
+    shouldForwardProp: function (prop) { return prop !== 'hideIcon' && prop !== 'touched'; }
+})(function (_a) {
+    var theme = _a.theme, hideIcon = _a.hideIcon, touched = _a.touched;
     return ({
         paddingInlineStart: theme.spacing(0.75),
         textTransform: 'none',
-        backgroundColor: theme.palette.common.white,
+        backgroundColor: touched ? theme.palette.primary.light : theme.palette.common.white,
         border: "1px solid ".concat(hideIcon ? theme.palette.primary.main : theme.palette.primary.light),
-        color: hideIcon ? theme.palette.primary.main : theme.palette.primary.light,
+        color: hideIcon ? theme.palette.primary.main : touched ? theme.palette.common.white : theme.palette.primary.light,
         '&:hover': {
-            backgroundColor: hideIcon ? theme.palette.primary.main : theme.palette.primary.light,
-            color: theme.palette.common.white,
+            backgroundColor: touched ? theme.palette.primary.light : theme.palette.common.white,
+            color: hideIcon ? theme.palette.primary.main : touched ? theme.palette.common.white : theme.palette.primary.light,
             img: {
-                filter: 'brightness(0) invert(1)'
+                filter: touched ? 'brightness(0) invert(1)' : ''
             }
         },
-        '&:active': {
-            backgroundColor: theme.palette.common.white
-        },
         '&:disabled': {
             backgroundColor: theme.palette.common.white,
-            color: hideIcon ? alpha(theme.palette.primary.main, 0.3) : theme.palette.primary.light
+            color: alpha(hideIcon ? theme.palette.primary.main : theme.palette.primary.light, 0.3),
+            border: "1px solid ".concat(alpha(hideIcon ? theme.palette.primary.main : theme.palette.primary.light, 0.3))
         }
     });
 });
 export default function AbsherButton(_a) {
     var children = _a.children, isAr = _a.isAr, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "isAr", "hideIcon", "disabled"]);
-    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ hideIcon: hideIcon, disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { src: ICONS_NAMES.ABSHER_LOGO }) }, props, { children: children })) }));
+    var _b = React.useState(false), touched = _b[0], setTouched = _b[1];
+    var handleTouch = function () {
+        setTouched(true);
+    };
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ onTouchStart: handleTouch, touched: touched, hideIcon: hideIcon, disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.ABSHER_LOGO }) }, props, { children: children })) }));
 }

package/build/features/shared/Button/EmailProvidersButtons.js CHANGED Viewed

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import Button from '../../../components/Button';
 import { alpha, styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
@@ -91,5 +92,6 @@ var AppleButtonStyled = styled(Button)(function (_a) {
 });
 export default function EmailProvidersButtons(_a) {
     var gmail = _a.gmail, outlook = _a.outlook, apple = _a.apple;
-    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank' }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.GMAIL_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank' }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.APPLE_MAIL_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank' }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.OUTLOOK_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
+    var _b = React.useState(), index = _b[0], setIndex = _b[1];
+    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(0); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 0 ? ICONS_NAMES.GMAIL_White_ICON : ICONS_NAMES.GMAIL_Filled_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(1); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 1 ? ICONS_NAMES.apple_white_icon : ICONS_NAMES.Apple_Filled_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(2); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 2 ? ICONS_NAMES.outlook_White_ICON : ICONS_NAMES.outlook_Filled_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
 }

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { ButtonProps } from '../../../components/Button';
-declare type buttonProps = {
+export declare type ButtonItemProps = {
     title: string;
     href: string;
     src: string;
+    hoverSrc: string;
+    isCompleted: boolean;
 };
 export interface EmailProvidersButtonsProps extends ButtonProps {
-    buttons: buttonProps[];
+    buttons: ButtonItemProps[];
 }
 export default function FlowsButtons({ buttons }: EmailProvidersButtonsProps): JSX.Element;
-export {};

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

@@ -10,20 +10,22 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import React from 'react';
 import Button from '../../../components/Button';
 import { alpha, styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import { ICONS_NAMES } from '../../../constants';
+import CheckIcon from '@mui/icons-material/Check';
 var Image = styled('img', { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme, isAr = _a.isAr;
+    var theme = _a.theme;
     return ({
         width: theme.spacing(3),
         height: theme.spacing(3),
         fontSize: theme.spacing(3),
         marginInlineStart: theme.spacing(1),
-        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)'
+        transform: theme.direction === 'rtl' ? 'scaleX(-1)' : 'scaleX(1)'
     });
 });
 var ButtonBoxStyled = styled(Box)(function (_a) {
@@ -32,31 +34,41 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        textTransform: 'none',
-        paddingInlineStart: theme.spacing(0.75),
-        backgroundColor: theme.palette.common.white,
-        border: "1px solid ".concat(theme.palette.primary.main),
-        color: theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main,
-            color: theme.palette.common.white
-        },
-        '&:disabled': {
+var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'isCompleted'; } })(function (_a) {
+    var theme = _a.theme, isCompleted = _a.isCompleted;
+    return (__assign(__assign({ width: '100%', textTransform: 'none', paddingInlineStart: theme.spacing(0.75), backgroundColor: theme.palette.common.white, border: "1px solid ".concat(theme.palette.primary.main), color: theme.palette.primary.main }, (isCompleted && {
+        paddingInlineEnd: '13px',
+        color: theme.palette.success.main,
+        border: "1px solid ".concat(theme.palette.success.main)
+    })), { '&:hover': __assign({ backgroundColor: theme.palette.primary.main, color: theme.palette.common.white }, (isCompleted && {
+            backgroundColor: theme.palette.common.white,
+            border: "1px solid ".concat(theme.palette.success.main),
+            color: theme.palette.success.main,
+            cursor: 'initial'
+        })), '&:disabled': {
             backgroundColor: theme.palette.common.white,
             color: alpha(theme.palette.primary.main, 0.3)
-        }
+        } }));
+});
+var CheckIconStyled = styled(CheckIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2.5),
+        height: theme.spacing(2.5),
+        color: theme.palette.success.main
     });
 });
 export default function FlowsButtons(_a) {
     var buttons = _a.buttons;
     var _b = React.useState(), index = _b[0], setIndex = _b[1];
     return (_jsx(ButtonBoxStyled, { children: buttons.map(function (_a, idx) {
-            var title = _a.title, href = _a.href, src = _a.src;
+            var title = _a.title, href = _a.href, src = _a.src, hoverSrc = _a.hoverSrc, isCompleted = _a.isCompleted;
             var isLast = idx === buttons.length - 1;
-            return (_jsx(Link, __assign({ underline: 'none' }, { children: _jsx(ButtonStyled, __assign({ onMouseEnter: function () { return setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); }, sx: { mb: isLast ? 0 : 1.8 }, endIcon: _jsx(Image, { src: index === idx ? ICONS_NAMES.WHITE_ARROW : ICONS_NAMES.BLACK_ARROW }), startIcon: _jsx(Image, { src: src, alt: title }), type: 'button' }, { children: title })) }), idx));
+            var linkProps = {
+                href: href,
+                target: '_blank'
+            };
+            return (_createElement(Link, __assign({}, (!isCompleted && linkProps), { underline: 'none', key: idx, onMouseEnter: function () { return !isCompleted && setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); } }),
+                _jsx(ButtonStyled, __assign({ isCompleted: isCompleted, sx: { mb: isLast ? 0 : 1.8 }, endIcon: isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsx(Image, { sx: { height: 15 }, src: index === idx ? ICONS_NAMES.Arrow_white_right_icon : ICONS_NAMES.Arrow_filled_right_icon })), startIcon: _jsx(Image, { src: index === idx ? hoverSrc : src, alt: title }), type: 'button' }, { children: title }))));
         }) }));
 }

package/build/features/shared/Button/MobileButton.js CHANGED Viewed

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import Button from '../../../components/Button';
 import Icon from '../../../components/Icon';
 import { alpha, styled } from '@mui/material/styles';
@@ -38,24 +39,21 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
+var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'touched'; } })(function (_a) {
+    var theme = _a.theme, touched = _a.touched;
     return ({
         paddingInlineStart: theme.spacing(0.75),
         textTransform: 'none',
-        backgroundColor: theme.palette.common.white,
+        backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
         border: "1px solid ".concat(theme.palette.primary.main),
-        color: theme.palette.primary.main,
+        color: touched ? theme.palette.common.white : theme.palette.primary.main,
         '&:hover': {
-            backgroundColor: theme.palette.primary.main,
-            color: theme.palette.common.white,
+            backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
+            color: touched ? theme.palette.common.white : theme.palette.primary.main,
             img: {
-                filter: 'brightness(0) invert(1)'
+                filter: touched ? 'brightness(0) invert(1)' : ''
             }
         },
-        '&:active': {
-            backgroundColor: theme.palette.common.white
-        },
         '&:disabled': {
             backgroundColor: theme.palette.common.white,
             color: alpha(theme.palette.primary.main, 0.3)
@@ -64,5 +62,9 @@ var ButtonStyled = styled(Button)(function (_a) {
 });
 export default function MobileButton(_a) {
     var children = _a.children, isAr = _a.isAr, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "isAr", "hideIcon", "disabled"]);
-    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
+    var _b = React.useState(false), touched = _b[0], setTouched = _b[1];
+    var handleTouch = function () {
+        setTouched(true);
+    };
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ onTouchStart: handleTouch, touched: touched, disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
 }

package/build/utils/string.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export declare const getIndividualName: (name: string) => {
 export declare const convertNumbers2English: (str: string) => string;
 export declare const getParameterByName: (name: string) => string | null;
 export declare const getClientEmailUrl: () => string;
+export declare const getFlowUrl: (path: string) => string;
 export declare const capitalizeTheFirstLetterOfEachWord: (words: string) => string;
 export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
     al: string;

package/build/utils/string.js CHANGED Viewed

@@ -49,6 +49,10 @@ export var getClientEmailUrl = function () {
     var origin = window.location.origin;
     return origin + '/?token=';
 };
+export var getFlowUrl = function (path) {
+    var origin = window.location.origin;
+    return origin + path + '?token=';
+};
 export var capitalizeTheFirstLetterOfEachWord = function (words) {
     var separateWord = words.toLowerCase().split(' ');
     for (var i = 0; i < separateWord.length; i++) {

package/package.json CHANGED Viewed

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