@tap-payments/auth-jsconnect 2.6.0 → 2.6.1

package/build/api/lead.d.ts

@@ -22,6 +22,13 @@ type BrandTitle = {
     ar?: string;
     zh?: string;
 };
+type MetaData = {
+    utm_source?: string;
+    utm_medium?: string;
+    utm_campaign?: string;
+    utm_term?: string;
+    utm_content?: string;
+};
 type BrandContent = {
     tag_line?: BrandTitle;
     about?: BrandTitle;
@@ -49,9 +56,7 @@ export type UpdateLeadBody = {
     business_type?: string;
     country_code?: string;
     brand?: BrandInfo;
-    metadata?: {
-        check: string;
-    };
+    metadata?: MetaData;
     note?: string;
     source?: {
         business_id?: string;

package/build/features/app/auth/authStore.js

@@ -366,16 +366,17 @@ export var verifyEmailOtp = createAsyncThunk('auth/verifyEmailOtp', function (pa
     });
 }); });
 export var createNafathAuth = createAsyncThunk('auth/createNafathAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, requestBody, data;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+    var _a, settings, auth, requestBody, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                settings = thunkApi.getState().settings;
+                _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     scope: settings.data.appConfig.scope,
                     lang: settings.data.language,
+                    lead_id: auth.data.leadId,
                     user_credentail: {
                         identification_id: params.nid,
                         identification_id_type: IDENTIFICATION_TYPE.NAFATH,
@@ -388,9 +389,9 @@ export var createNafathAuth = createAsyncThunk('auth/createNafathAuth', function
                 };
                 return [4, API.authService.createAuthKitNID(requestBody)];
             case 1:
-                data = _c.sent();
+                data = _d.sent();
                 thunkApi.dispatch(handleNextScreenStep());
-                (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody);
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody);
                 return [2, { response: data, formData: params }];
         }
     });
@@ -444,17 +445,18 @@ export var verifyNafath = createAsyncThunk('auth/verifyNafath', function (params
     });
 }); });
 export var createCivilIdAuth = createAsyncThunk('auth/createCivilAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, countryCode, requestBody, data;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+    var _a, settings, auth, countryCode, requestBody, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                settings = thunkApi.getState().settings;
+                _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
                 countryCode = settings.data.businessCountry.iso2;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     scope: settings.data.appConfig.scope,
                     lang: settings.data.language,
+                    lead_id: auth.data.leadId,
                     user_credentail: {
                         identification_id: params.civilId,
                         country_code: countryCode
@@ -466,9 +468,9 @@ export var createCivilIdAuth = createAsyncThunk('auth/createCivilAuth', function
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _c.sent();
+                data = _d.sent();
                 thunkApi.dispatch(handleNextScreenStep());
-                (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody.user_credentail);
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody.user_credentail);
                 return [2, { response: data, formData: params }];
         }
     });

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

@@ -71,7 +71,7 @@ import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2
 import { CONNECT_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_BRAND } from '../../../constants';
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { AuthForType, FlowsTypes } from '../../../@types';
-import { capitalizeTheFirstLetterOfEachWord, concatenateObjectValues, findCountryByIddPrefix, fixBrandList, isTwitter, getIndividualName, isWebsite, sleep, sendCustomEventToGTM, isOtherThanKWOrSA, isKW, findCountryByIso2 } from '../../../utils';
+import { capitalizeTheFirstLetterOfEachWord, concatenateObjectValues, findCountryByIddPrefix, fixBrandList, isTwitter, getIndividualName, isWebsite, sleep, sendCustomEventToGTM, isOtherThanKWOrSA, isKW, findCountryByIso2, getMetaData } from '../../../utils';
 export var updateBusinessCountry = createAsyncThunk('connect/updateBusinessCountry', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var connect, payload, data;
     return __generator(this, function (_a) {
@@ -457,6 +457,7 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
                     country_code: (_d = settings.data.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2,
                     name: getIndividualName(params.name),
                     contact: __assign({ email: params.email }, (params.mobile && { phone: { country_code: phoneCountry, number: params.mobile } })),
+                    metadata: getMetaData(),
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL,
                     encryption_contract: ['name.first', 'name.middle', 'name.last', 'contact.email', 'contact.phone.country_code', 'contact.phone.number']
                 };

package/build/features/app/connectExpress/connectExpressStore.js

@@ -61,7 +61,7 @@ import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@ty
 import API from '../../../api';
 import { ADD_NEW_ENTITY, CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension } from '../../../utils';
+import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension, getMetaData } from '../../../utils';
 export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateBusinessCountryAsync', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var connectExpress, payload, data;
     return __generator(this, function (_a) {
@@ -310,16 +310,17 @@ export var resendMobileAuthOTP = createAsyncThunk('connectExpress/resendMobileAu
     });
 }); });
 export var createNafathAuth = createAsyncThunk('connectExpress/createNafathAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, requestBody, data;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+    var _a, settings, connectExpress, requestBody, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                settings = thunkApi.getState().settings;
+                _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     scope: settings.data.appConfig.scope,
                     lang: settings.data.language,
+                    lead_id: connectExpress.data.leadId,
                     user_credentail: {
                         identification_id: params.nid,
                         identification_id_type: IDENTIFICATION_TYPE.NAFATH,
@@ -332,9 +333,9 @@ export var createNafathAuth = createAsyncThunk('connectExpress/createNafathAuth'
                 };
                 return [4, API.authService.createAuthKitNID(requestBody)];
             case 1:
-                data = _c.sent();
+                data = _d.sent();
                 thunkApi.dispatch(handleNextScreenStep());
-                (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody);
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody);
                 return [2, { response: data, formData: __assign(__assign({}, params), { type: IDENTIFICATION_TYPE.NAFATH }) }];
         }
     });
@@ -976,7 +977,7 @@ export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLe
                     isContactAvailable = email || mobile;
                     payload = __assign(__assign({ id: id || '', country_code: (_e = settings.data.businessCountry) === null || _e === void 0 ? void 0 : _e.iso2, name: getIndividualName(name) }, (isContactAvailable && {
                         contact: __assign({ email: email }, (mobile && { phone: { country_code: phoneCountry, number: mobile } }))
-                    })), { step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL, encryption_contract: ['name.first', 'name.middle', 'name.last', 'contact.email', 'contact.phone.country_code', 'contact.phone.number'] });
+                    })), { metadata: getMetaData(), step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL, encryption_contract: ['name.first', 'name.middle', 'name.last', 'contact.email', 'contact.phone.country_code', 'contact.phone.number'] });
                     return [4, API.leadService.updateLeadExpress(payload)];
                 case 1:
                     data = _h.sent();

package/build/utils/common.d.ts

@@ -3,3 +3,4 @@ export declare const dangerousMessage: (message: string, callBack?: Function) =>
 export declare const setBaseUrl: (publicKey: string) => void;
 export declare const updateLocationUrlWithCountry: (countryIso2: string) => void;
 export declare const openConnect: (pk: string, countryCode?: string) => void;
+export declare function getMetaData(): Record<string, string> | undefined;

package/build/utils/common.js

@@ -1,5 +1,6 @@
 import { axiosInstance } from '../api';
 import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
+import { objectHasValues } from './object';
 export var sleep = function (milliseconds) {
     if (milliseconds === void 0) { milliseconds = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
@@ -41,3 +42,15 @@ export var openConnect = function (pk, countryCode) {
     }
     window.open("".concat(newUrl), '_self', '_blank');
 };
+export function getMetaData() {
+    var urlObj = new URL(window.location.href);
+    var paramsToExtract = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
+    var meta_data = {};
+    paramsToExtract.forEach(function (param) {
+        var value = urlObj.searchParams.get(param);
+        if (value !== null && value !== '') {
+            meta_data[param] = value;
+        }
+    });
+    return objectHasValues(meta_data) ? meta_data : undefined;
+}

package/build/utils/object.d.ts

@@ -8,3 +8,4 @@ export declare const hasNoneEditableValue: (obj: any, path: string) => boolean;
 export declare const hasEditableValue: (obj: any, path: string) => boolean;
 export declare const hasVerifiedValue: (obj: any, path: string) => boolean;
 export declare function deepCopy(obj: any): any;
+export declare function objectHasValues(obj: Record<string, any>): boolean;

package/build/utils/object.js

@@ -64,3 +64,6 @@ export function deepCopy(obj) {
     }
     return newObj;
 }
+export function objectHasValues(obj) {
+    return Object.keys(obj).length > 0;
+}

package/package.json

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

package/build/features/auth/screens/NID/DOB.d.ts

@@ -1,6 +0,0 @@
-interface DOBProps {
-    onDateClicked?: (flag: boolean) => void;
-    readOnly?: boolean;
-}
-declare const DOB: ({ onDateClicked, readOnly }: DOBProps) => import("react/jsx-runtime").JSX.Element;
-export default DOB;

package/build/features/auth/screens/NID/DOB.js

@@ -1,47 +0,0 @@
-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 { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { ScreenContainer } from '../../../shared/Containers';
-import { alpha, styled } from '@mui/material/styles';
-import { clearError, authSelector } from '../../../app/auth/authStore';
-import Text from '../../../../components/Text';
-import Calender from '../../../shared/Calender';
-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 DOB = function (_a) {
-    var _b;
-    var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var dobControl = useController({ control: control, name: 'dob' });
-    var error = useAppSelector(authSelector).error;
-    var handleBirthDateChange = function (data) {
-        dobControl.field.onChange(data);
-        handleClearError();
-    };
-    var handleClearError = function () {
-        if (error)
-            dispatch(clearError());
-    };
-    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
-                        var spacing = _a.spacing;
-                        return spacing(2.5, 2.5, 1.5, 2.5);
-                    } } }, { children: t('enter_birth_date') })), _jsx(Calender, { isDob: true, disabled: readOnly, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleBirthDateChange })] }));
-};
-export default DOB;