@tap-payments/auth-jsconnect 2.1.63-test → 2.1.66-test

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

@@ -1,256 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var _a;
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { handleNextScreenStep, handleOpen } from '../../../app/settings';
-import API from '../../../api';
-import { getEighteenYearsAgo } from '../../../utils';
-import { IDENTIFICATION_TYPE } from '../../../constants';
-export var retrieveLead = createAsyncThunk('retrieveLeadAuthKit', function (leadId) { 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.retrieveLeadIdentity(leadId)];
-            case 1:
-                data = _a.sent();
-                return [2, data];
-        }
-    });
-}); });
-export var verifyAuthOTP = createAsyncThunk('verifyAuthOTPKit', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, _b, postUrl, verifyToken, device_token, leadId, service_name, payload, data;
-    var _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
-            case 0:
-                _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
-                _b = auth.data, postUrl = _b.postUrl, verifyToken = _b.verifyToken, device_token = _b.device_token, leadId = _b.leadId, service_name = _b.service_name;
-                payload = {
-                    auth_token: verifyToken,
-                    lead_id: leadId,
-                    data: params.otp,
-                    post_url: postUrl,
-                    auth_type: 2,
-                    device_token: device_token || '',
-                    service_name: service_name || 'ABSHER',
-                    sign_in: false,
-                    terms: auth.data.termAndConditionChecked ? ['general'] : [],
-                    encryption_contract: ['data']
-                };
-                return [4, API.authService.verifyExpressAuth(payload)];
-            case 1:
-                data = _g.sent();
-                (_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);
-                thunkApi.dispatch(handleOpen(false));
-                return [2, { response: data, formData: params }];
-        }
-    });
-}); });
-export var createAuth = createAsyncThunk('authCreateAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, auth, settings, _b, responseBody, leadId, nid, dob, identification_id_type, requestBody, data;
-    var _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                _a = thunkApi.getState(), auth = _a.auth, settings = _a.settings;
-                _b = auth.data, responseBody = _b.responseBody, leadId = _b.leadId;
-                nid = params.nid, dob = params.dob;
-                identification_id_type = ((_c = responseBody === null || responseBody === void 0 ? void 0 : responseBody.identification) === null || _c === void 0 ? void 0 : _c.id)
-                    ? undefined
-                    : params.nid.startsWith('1')
-                        ? IDENTIFICATION_TYPE.NID
-                        : IDENTIFICATION_TYPE.IQAMA;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: leadId,
-                    user_credentail: {
-                        identification_id: nid,
-                        identification_id_type: identification_id_type,
-                        date_of_birth: !(responseBody === null || responseBody === void 0 ? void 0 : responseBody.date_of_birth) ? dob : undefined
-                    },
-                    sign_in: false,
-                    is_lead: false,
-                    encryption_contract: ['user_credentail.identification_id', 'user_credentail.identification_id_type', 'user_credentail.date_of_birth']
-                };
-                return [4, API.authService.createAuthKitNID(requestBody)];
-            case 1:
-                data = _d.sent();
-                thunkApi.dispatch(handleNextScreenStep());
-                return [2, { data: data, formData: params }];
-        }
-    });
-}); });
-export var resendOTP = createAsyncThunk('authResendOTP', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, auth, settings, _b, nid, dob, responseBody, leadId, identification_id_type, requestBody, data;
-    var _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                _a = thunkApi.getState(), auth = _a.auth, settings = _a.settings;
-                _b = auth.data, nid = _b.nid, dob = _b.dob, responseBody = _b.responseBody, leadId = _b.leadId;
-                identification_id_type = ((_c = responseBody === null || responseBody === void 0 ? void 0 : responseBody.identification) === null || _c === void 0 ? void 0 : _c.id)
-                    ? undefined
-                    : nid.startsWith('1')
-                        ? IDENTIFICATION_TYPE.NID
-                        : IDENTIFICATION_TYPE.IQAMA;
-                requestBody = {
-                    country: settings.data.businessCountry.iso2,
-                    scope: settings.data.appConfig.scope,
-                    lang: settings.data.language,
-                    lead_id: leadId,
-                    user_credentail: {
-                        identification_id: nid,
-                        identification_id_type: identification_id_type,
-                        date_of_birth: !(responseBody === null || responseBody === void 0 ? void 0 : responseBody.date_of_birth) ? dob : undefined
-                    },
-                    sign_in: false,
-                    is_lead: false,
-                    encryption_contract: ['user_credentail.identification_id', 'user_credentail.identification_id_type', 'user_credentail.date_of_birth']
-                };
-                return [4, API.authService.createAuthKitNID(requestBody)];
-            case 1:
-                data = _d.sent();
-                return [2, data];
-        }
-    });
-}); });
-var initialState = {
-    error: null,
-    loading: false,
-    customLoading: false,
-    data: {
-        verifyToken: undefined,
-        leadId: '',
-        postUrl: '',
-        otp: '',
-        nid: '',
-        termAndConditionChecked: false,
-        dob: getEighteenYearsAgo(),
-        countryISOCode: ''
-    }
-};
-export var authSlice = createSlice({
-    name: 'auth/store',
-    initialState: initialState,
-    reducers: {
-        clearError: function (state) {
-            state.error = null;
-        },
-        stopLoader: function (state) {
-            state.loading = false;
-        },
-        resetOTPScreen: function (state) {
-            state.data.otp = '';
-        },
-        storeLeadId: function (state, action) {
-            var leadId = action.payload.leadId;
-            state.data.leadId = leadId;
-        },
-        storePostUrl: function (state, action) {
-            var postUrl = action.payload.postUrl;
-            state.data.postUrl = postUrl;
-        }
-    },
-    extraReducers: function (builder) {
-        builder
-            .addCase(retrieveLead.pending, function (state) {
-            state.customLoading = true;
-            state.error = null;
-        })
-            .addCase(retrieveLead.fulfilled, function (state, action) {
-            var _a;
-            state.customLoading = false;
-            state.error = null;
-            var data = action.payload;
-            state.data.nid = (_a = data === null || data === void 0 ? void 0 : data.identification) === null || _a === void 0 ? void 0 : _a.id;
-            state.data.countryISOCode = data === null || data === void 0 ? void 0 : data.country_code;
-            state.data.responseBody = data;
-        })
-            .addCase(retrieveLead.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        })
-            .addCase(createAuth.pending, function (state) {
-            state.loading = true;
-            state.error = null;
-        })
-            .addCase(createAuth.fulfilled, function (state, action) {
-            state.loading = false;
-            state.error = null;
-            var _a = action.payload, data = _a.data, formData = _a.formData;
-            state.data.verifyToken = data === null || data === void 0 ? void 0 : data.auth_token;
-            state.data.dob = formData.dob;
-            state.data.nid = formData.nid;
-            state.data.termAndConditionChecked = formData.termAndConditionChecked;
-            state.data.device_token = data === null || data === void 0 ? void 0 : data.device_token;
-            state.data.service_name = data === null || data === void 0 ? void 0 : data.service_name;
-        })
-            .addCase(createAuth.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        })
-            .addCase(verifyAuthOTP.pending, function (state) {
-            state.loading = true;
-            state.error = null;
-        })
-            .addCase(verifyAuthOTP.fulfilled, function (state) {
-            state.loading = false;
-            state.error = null;
-        })
-            .addCase(verifyAuthOTP.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        })
-            .addCase(resendOTP.pending, function (state) {
-            state.error = null;
-        })
-            .addCase(resendOTP.fulfilled, function (state, action) {
-            state.error = null;
-            var data = action.payload;
-            state.data.verifyToken = data === null || data === void 0 ? void 0 : data.auth_token;
-        })
-            .addCase(resendOTP.rejected, function (state, action) {
-            state.error = action.error.message;
-        });
-    }
-});
-export var clearError = (_a = authSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, storeLeadId = _a.storeLeadId, storePostUrl = _a.storePostUrl;
-export default authSlice.reducer;
-export var authSelector = function (state) { return state.auth; };

package/build/features/auth/Auth.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { LibConfig } from '../../@types';
-export interface AuthLibProps extends LibConfig {
-    postURL: string;
-    leadId: string;
-    onClose?: () => void;
-}
-export declare function AuthLib(props: AuthLibProps): JSX.Element;
-export declare function renderAuthLib(config: AuthLibProps, elementId: string): {
-    unmount: () => void;
-};

package/build/features/auth/Auth.js

@@ -1,79 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useEffect } from 'react';
-import { FeatureContainer } from '../shared/Containers';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
-import { settingsSelector, handleOpen } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
-import { store } from '../../app/store';
-import { authSelector, retrieveLead, storeLeadId, storePostUrl } from '../app/auth/authStore';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
-import { AUTH_SCREENS_NAVIGATION } from '../../constants';
-import { authFeatureScreens } from '../featuresScreens';
-import Background from '../shared/Background';
-var Auth = memo(function (_a) {
-    var onClose = _a.onClose, props = __rest(_a, ["onClose"]);
-    var theme = useAppTheme().theme;
-    var dispatch = useAppDispatch();
-    var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
-    var _c = useAppSelector(authSelector), authError = _c.error, customLoading = _c.customLoading, loading = _c.loading;
-    useAppConfig(__assign({ navigation: AUTH_SCREENS_NAVIGATION, disableCountries: true, disableLocale: true }, props));
-    useErrorListener(authError || error);
-    useStepStartedListener();
-    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
-    useEffect(function () {
-        if (!props.leadId)
-            throw new Error('leadId is required');
-        var _a = props || {}, leadId = _a.leadId, postURL = _a.postURL;
-        var data = {
-            postUrl: postURL
-        };
-        if (!props.open)
-            return;
-        dispatch(storePostUrl(data));
-        dispatch(storeLeadId({ leadId: leadId }));
-    }, []);
-    useEffect(function () {
-        if (data.isValidOperator && props.open)
-            dispatch(retrieveLead(props.leadId));
-    }, [data.isValidOperator]);
-    var handleDialogClose = function () {
-        dispatch(handleOpen(false));
-    };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', onClose: onClose, onConfirm: handleDialogClose, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, footer: _jsx(_Fragment, {}), screenId: activeScreen.name, animationType: 'collapse' }, { children: _jsx(FeatureContainer, { children: authFeatureScreens.map(function (_a, index) {
-                        var Element = _a.element, name = _a.name;
-                        var isActive = activeScreen.name === name;
-                        return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
-                    }) }) })) })) })));
-});
-export function AuthLib(props) {
-    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Auth, __assign({}, props)) })));
-}
-export function renderAuthLib(config, elementId) {
-    var _a = reactElement(elementId), render = _a.render, unmount = _a.unmount;
-    render(_jsx(AuthLib, __assign({}, config)));
-    return { unmount: unmount };
-}

package/build/features/auth/index.d.ts

@@ -1 +0,0 @@
-export * from './Auth';

package/build/features/auth/index.js

@@ -1 +0,0 @@
-export * from './Auth';

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface DOBProps {
-    show: boolean;
-    onDateClicked?: (flag: boolean) => void;
-}
-declare const DOB: ({ show, onDateClicked }: DOBProps) => 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 DatePicker from '../../../../components/DatePicker';
-import { alpha, styled } from '@mui/material/styles';
-import { clearError, authSelector } from '../../../app/auth/authStore';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-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 show = _a.show, onDateClicked = _a.onDateClicked;
-    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 = dobControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _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(DatePicker, { defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', onDateChange: handleBirthDateChange, onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); } })] }) })));
-};
-export default DOB;

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
-export default _default;

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

@@ -1,64 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useAppSelector } from '../../../../hooks';
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { ID_NUMBER_LENGTH } from '../../../../constants';
-import { authSelector } from '../../../app/auth/authStore';
-import ClearIcon from '../../../shared/ClearIcon';
-import { removeAllCharsFromNumber } from '../../../../utils';
-var LabelContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        padding: theme.spacing(0, 2.5, 1.25, 2.5)
-    });
-});
-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 IDNumber = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var t = useTranslation().t;
-    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
-    var nidControl = useController({ control: control, name: 'nid' });
-    var data = useAppSelector(authSelector).data;
-    var responseBody = data.responseBody;
-    var defaultNid = (_b = responseBody === null || responseBody === void 0 ? void 0 : responseBody.identification) === null || _b === void 0 ? void 0 : _b.id;
-    React.useEffect(function () {
-        if (nidControl.field.value)
-            setValue('nid', nidControl.field.value, { shouldValidate: true });
-    }, []);
-    var handleIdChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllCharsFromNumber(target.value);
-        nidControl.field.onChange(value);
-    };
-    var clearIdNumber = function () {
-        nidControl.field.onChange('');
-    };
-    var nidValue = nidControl.field.value;
-    var error = (_c = nidControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
-    var readOnly = !!defaultNid;
-    return (_jsxs(ScreenContainer, __assign({ ref: ref }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('enter_national_id') }) }), _jsx(Input, { dir: 'ltr', type: 'tel', readOnly: readOnly, inputProps: { maxLength: ID_NUMBER_LENGTH }, value: nidValue, onChange: handleIdChange, endAdornment: !error && nidValue ? _jsx(CheckIcon, {}) : readOnly ? _jsx(_Fragment, {}) : nidValue && _jsx(ClearIcon, { onClick: clearIdNumber }), placeholder: t('national_id_placeholder'), warningType: 'alert', warningMessage: error && t(error, { number: '1' }), required: true })] })));
-});
-export default React.memo(IDNumber);

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

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

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

@@ -1,68 +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 * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { NIDValidationSchema, NIDDOBValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
-import { settingsSelector } from '../../../../app/settings';
-import { clearError, authSelector, createAuth } from '../../../app/auth/authStore';
-import Form from '../../../../components/Form';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import Collapse from '../../../../components/Collapse';
-import IDNumber from './IDNumber';
-import TAC from './TAC';
-import DOB from './DOB';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var NID = function (_a) {
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var t = useTranslation().t;
-    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
-    var _c = useAppSelector(authSelector), data = _c.data, loading = _c.loading, error = _c.error;
-    var settingsStore = useAppSelector(settingsSelector);
-    var nid = data.nid, dob = data.dob, termAndConditionChecked = data.termAndConditionChecked, responseBody = data.responseBody;
-    var isDobAvailable = responseBody === null || responseBody === void 0 ? void 0 : responseBody.date_of_birth;
-    var methods = useForm({
-        resolver: yupResolver(!isDobAvailable ? NIDDOBValidationSchema : NIDValidationSchema),
-        defaultValues: {
-            nid: nid,
-            dob: dob,
-            termAndConditionChecked: termAndConditionChecked
-        },
-        mode: 'onChange'
-    });
-    useSetFromDefaultValues(methods, { nid: nid, dob: dob, termAndConditionChecked: termAndConditionChecked });
-    React.useEffect(function () {
-        handleClearError();
-    }, [methods.formState.isValid]);
-    var onSubmit = function (data) {
-        dispatch(createAuth(data));
-    };
-    var handleCollapseOpenClose = function (flag) {
-        setCollapse(flag);
-    };
-    var handleClearError = function () {
-        if (error)
-            dispatch(clearError());
-    };
-    var disabled = !methods.formState.isValid || !!error;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(IDNumber, {}) })), _jsx(DOB, { show: !isDobAvailable, onDateClicked: handleCollapseOpenClose }), _jsxs(Collapse, __assign({ in: !collapse }, { children: [_jsx(TAC, {}), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') }))] }))] })) })) }));
-};
-export default React.memo(NID);

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

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

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

@@ -1,85 +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 * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-import Link from '@mui/material/Link';
-import CheckBox from '../../../../components/CheckBox';
-import { ScreenContainer } from '../../../shared/Containers';
-import Text from '../../../../components/Text';
-import Warning from '../../../../components/Warning';
-import { useLanguage } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import { EXTERNAL_LINKS, TAP_WEBSITE } from '../../../../constants';
-import { settingsSelector } from '../../../../app/settings';
-import { useAppSelector } from '../../../../hooks';
-import { authSelector } from '../../../../features/app/auth/authStore';
-var TACContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingInlineStart: theme.spacing(2.5)
-    });
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre-line', height: 'fit-content' }, theme.typography.body2));
-});
-var LinkStyled = styled(Link)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.primary.main,
-        fontWeight: theme.typography.fontWeightMedium,
-        letterSpacing: theme.spacing(0)
-    });
-});
-var CheckboxStyled = styled(CheckBox)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0),
-        padding: theme.spacing(0),
-        marginInlineEnd: theme.spacing(1.5),
-        color: theme.palette.primary.main,
-        '& .MuiSvgIcon-root': {
-            fontSize: theme.spacing(3.75)
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
-    });
-});
-var CollapseStyled = styled(Collapse)(function () { return ({
-    width: '100%'
-}); });
-var TAC = function () {
-    var _a, _b;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var data = useAppSelector(authSelector).data;
-    var tacControl = useController({ control: control, name: 'termAndConditionChecked' });
-    var tacChecked = tacControl.field.value;
-    var warningMessage = (_a = tacControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var countryCode = ((_b = data.countryISOCode) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || settingsData.businessCountry.iso2.toLowerCase();
-    var handleTACCheckedChange = function (event, checked) {
-        tacControl.field.onChange(checked);
-    };
-    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 3, mb: 1.625 } }, { children: [_jsxs(TACContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: tacChecked, onChange: handleTACCheckedChange }), _jsxs(TextStyled, { children: [t('read_agree_terms_and_conditions_message'), _jsx(LinkStyled, __assign({ href: isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_EN, target: '_blank', underline: 'always' }, { children: t('terms_and_conditions_link_title') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })));
-};
-export default React.memo(TAC);

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

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

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

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