@tap-payments/auth-jsconnect 2.0.58-test → 2.0.60-test

package/build/constants/assets.d.ts

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

package/build/constants/assets.js

@@ -58,6 +58,7 @@ export var ICONS_NAMES = {
     DOC_ICON: 'https://dash.b-cdn.net/icons/menu/document-icon.svg',
     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',
     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/connect/connectStore.js

@@ -288,7 +288,7 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
             case 2:
                 data = _f.sent();
                 response = data;
-                if (count === 1) {
+                if (count === 1 && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false) {
                     thunkApi.dispatch(retrieveBrandList(data === null || data === void 0 ? void 0 : data.individual_id));
                     thunkApi.dispatch(retrieveChannels());
                 }
@@ -297,14 +297,14 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
                 return [4, ((_c = params === null || params === void 0 ? void 0 : params.onSuccess) === null || _c === void 0 ? void 0 : _c.call(params))];
             case 3:
                 _f.sent();
-                if (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) {
+                if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) && (data === null || data === void 0 ? void 0 : data.lead_id)) {
                     leadBody = {
                         leadId: data === null || data === void 0 ? void 0 : data.lead_id,
                         stepName: 'CONNECT_INDIVIDUAL_STEP'
                     };
                     thunkApi.dispatch(retrieveLead(leadBody));
                 }
-                else if (!(data === null || data === void 0 ? void 0 : data.lead_id)) {
+                else if (!(data === null || data === void 0 ? void 0 : data.lead_id) && (data === null || data === void 0 ? void 0 : data.individual_id)) {
                     leadBody = {
                         individualId: data === null || data === void 0 ? void 0 : data.individual_id,
                         stepName: 'CONNECT_MERCHANT_INFO_STEP'
@@ -390,20 +390,19 @@ export var retrieveChannels = createAsyncThunk('retrieveChannels', function () {
     });
 }); });
 export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, isAbsher, payload, data;
+    var _a, settings, connect, payload, data;
     var _b, _c, _d, _e, _f, _g;
     return __generator(this, function (_h) {
         switch (_h.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                isAbsher = connect.data.otpData.isAbsher;
                 payload = {
                     name: getIndividualName(params.name),
                     id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
                     country_code: (_c = settings.data.businessCountry) === null || _c === void 0 ? void 0 : _c.iso2,
                     contact: {
                         email: params.email,
-                        phone: isAbsher
+                        phone: !!params.mobile
                             ? {
                                 country_code: (_e = (_d = params.countryCode) === null || _d === void 0 ? void 0 : _d.idd_prefix) === null || _e === void 0 ? void 0 : _e.toString(),
                                 number: params.mobile || ''

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

@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
 import { styled, alpha } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
 import Form from '../../../../components/Form';
-import Button, { AbsherButton } from '../../../shared/Button';
+import Button, { AbsherButton, MobileButton } from '../../../shared/Button';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
@@ -30,6 +30,7 @@ import Text from '../../../../components/Text';
 import MIDTitle from './Title';
 import MobileNumber from './MobileNumber';
 import { PhoneValidationSchema } from './validation';
+import { ICONS_NAMES } from '../../../../constants';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -112,6 +113,6 @@ var Mobile = function (_a) {
     var disabled = !methods.formState.isValid || !!error;
     var title = t('join_our_community');
     var subTitle = t('ide_terms_and_conditions_description');
-    return (_jsxs(ScreenContainer, { children: [(title || subTitle) && _jsx(MIDTitle, { show: !listActive, title: title, description: subTitle }), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(MobileNumber, { show: !isBusinessListActive, countries: settingsStore.data.countries, onListOpen: function () { return handleMenuListClick(ListType.CountryCodeList); }, onListClose: function () { return handleMenuListClick(); } }) }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, loading: loading, error: t(error || '') }, { children: t('next') })), _jsxs(Collapse, __assign({ in: !methods.formState.isValid }, { children: [_jsxs(OrBoxStyled, { children: [_jsx(DividerStyled, {}), _jsx(TextStyled, { children: t('or') }), _jsx(DividerStyled, {})] }), _jsx(AbsherButton, __assign({ disabled: settingsStore.loading || loading, onClick: function () { return onBack(); } }, { children: isKWCountry ? t('paci_button_label') : t('absher_button_label') }))] }))] }))] })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [(title || subTitle) && _jsx(MIDTitle, { show: !listActive, title: title, description: subTitle }), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(MobileNumber, { show: !isBusinessListActive, countries: settingsStore.data.countries, onListOpen: function () { return handleMenuListClick(ListType.CountryCodeList); }, onListClose: function () { return handleMenuListClick(); } }) }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, loading: loading, error: t(error || '') }, { children: t('next') })), _jsxs(Collapse, __assign({ in: !methods.formState.isValid }, { children: [_jsxs(OrBoxStyled, { children: [_jsx(DividerStyled, {}), _jsx(TextStyled, { children: t('or') }), _jsx(DividerStyled, {})] }), isKWCountry ? (_jsx(MobileButton, __assign({ disabled: settingsStore.loading || loading, onClick: function () { return onBack(); }, icon: ICONS_NAMES.PACI_ICON }, { children: t('paci_button_label') }))) : (_jsx(AbsherButton, __assign({ disabled: settingsStore.loading || loading, onClick: function () { return onBack(); } }, { children: t('absher_button_label') })))] }))] }))] })) }))] }));
 };
 export default React.memo(Mobile);

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

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../../components/Button';
 interface MobileButtonProps extends ButtonProps {
     loading?: boolean;
     hideIcon?: boolean;
+    icon?: string;
 }
-export default function MobileButton({ children, hideIcon, disabled, ...props }: MobileButtonProps): JSX.Element;
+export default function MobileButton({ children, hideIcon, icon, disabled, ...props }: MobileButtonProps): JSX.Element;
 export {};

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

@@ -39,6 +39,6 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
     });
 });
 export default function MobileButton(_a) {
-    var children = _a.children, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "hideIcon", "disabled"]);
-    return (_jsx(ButtonBoxStyled, { children: _jsx(Button, __assign({ disabled: disabled, type: 'button', variant: 'outlined', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
+    var children = _a.children, hideIcon = _a.hideIcon, icon = _a.icon, disabled = _a.disabled, props = __rest(_a, ["children", "hideIcon", "icon", "disabled"]);
+    return (_jsx(ButtonBoxStyled, { children: _jsx(Button, __assign({ disabled: disabled, type: 'button', variant: 'outlined', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: !!icon ? icon : ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
 }

package/package.json

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