@tap-payments/auth-jsconnect 2.0.33 → 2.0.34

package/build/features/app/tax/taxStore.js

@@ -0,0 +1,376 @@
+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 __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 API from '../../../api';
+import { FlowsTypes } from '../../../@types';
+import { hasKey } from '../../../utils';
+import { handleNextScreenStep, handleCurrentActiveScreen } from '../../../app/settings';
+import { BUSINESS_FLOW_SUCCESS, TAX_STEP_NAMES } from '../../../constants';
+export var verifyLeadToken = createAsyncThunk('taxVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, data, boardData, boardInfoData, info, hasTaxCompleted;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                payload = {
+                    service_name: 'tap_email',
+                    verify_token: token
+                };
+                return [4, API.leadService.verifyLeadToken(payload)];
+            case 1:
+                data = (_c.sent()).data;
+                boardInfoData = undefined;
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
+                if (!(!!data.id && !!data.board_info_id)) return [3, 3];
+                return [4, API.boardService.retrieveBoardInfo({ id: data.id, infoId: data.board_info_id })];
+            case 2:
+                boardInfoData = _c.sent();
+                _c.label = 3;
+            case 3:
+                info = boardInfoData.info;
+                return [4, API.boardService.retrieveBoardDetails(data === null || data === void 0 ? void 0 : data.id)];
+            case 4:
+                boardData = _c.sent();
+                hasTaxCompleted = ((_a = info === null || info === void 0 ? void 0 : info.find(function (flow) { return flow.name === 'tax'; })) === null || _a === void 0 ? void 0 : _a.status) === 'completed';
+                if (hasTaxCompleted) {
+                    thunkApi.dispatch(handleNextScreenStep('TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                }
+                else if (data.step_name === TAX_STEP_NAMES.PHONE_AUTH) {
+                    thunkApi.dispatch(handleCurrentActiveScreen('TAX_VERIFY_STEP'));
+                }
+                else if (data.step_name === TAX_STEP_NAMES.TAX_INFO) {
+                    thunkApi.dispatch(handleNextScreenStep('TAX_TAX_DETAILS_STEP'));
+                }
+                _c.label = 5;
+            case 5: return [2, {
+                    data: data,
+                    boardResponse: __assign(__assign({}, boardData === null || boardData === void 0 ? void 0 : boardData.business), { flows: BUSINESS_FLOW_SUCCESS.concat(boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info), entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity, brand: boardData === null || boardData === void 0 ? void 0 : boardData.brand, user: boardData === null || boardData === void 0 ? void 0 : boardData.user, bank: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account, vatID: (_b = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _b === void 0 ? void 0 : _b.vat_id, merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant }),
+                    token: token
+                }];
+        }
+    });
+}); });
+export var resendOTP = createAsyncThunk('resendOTPTax', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var tax, payload, data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                tax = thunkApi.getState().tax;
+                payload = {
+                    service_name: 'tap_email',
+                    verify_token: tax.data.verify.token
+                };
+                return [4, API.leadService.verifyLeadToken(payload)];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, { data: data }];
+        }
+    });
+}); });
+export var retrieveEntityInfo = createAsyncThunk('retrieveTaxEntityInfo', function (entityID) { return __awaiter(void 0, void 0, void 0, function () {
+    var data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.entityService.retrieveEntityInfo(entityID)];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, { data: data }];
+        }
+    });
+}); });
+export var verifyTaxLeadOTP = createAsyncThunk('verifyTaxLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, tax, settings, responseBody, payload, data, steps, hasTaxCompleted;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                _a = thunkApi.getState(), tax = _a.tax, settings = _a.settings;
+                responseBody = tax.data.verify.responseBody;
+                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: TAX_STEP_NAMES.PHONE_AUTH,
+                    encryption_contract: ['data']
+                };
+                return [4, API.leadService.verifyLeadOTP(payload)];
+            case 1:
+                data = (_f.sent()).data;
+                if (!!data.errors) return [3, 4];
+                (_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;
+                hasTaxCompleted = hasKey(steps, TAX_STEP_NAMES.TAX_SUCCESS);
+                if (!hasTaxCompleted) return [3, 3];
+                return [4, thunkApi.dispatch(retrieveEntityInfo((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _e === void 0 ? void 0 : _e.id))];
+            case 2:
+                _f.sent();
+                thunkApi.dispatch(handleNextScreenStep('TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 4];
+            case 3:
+                thunkApi.dispatch(handleNextScreenStep('TAX_TAX_DETAILS_STEP'));
+                _f.label = 4;
+            case 4: return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, tax, requestBody, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, tax = _a.tax;
+                requestBody = {
+                    id: (_c = (_b = tax.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
+                    vat_id: params.vatId,
+                    step_name: TAX_STEP_NAMES.TAX_INFO,
+                    is_vat_acknowledged: params.confirmPolicy
+                };
+                return [4, API.entityService.updateEntityInfo(requestBody)];
+            case 1:
+                data = (_f.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var updateLeadSuccess = createAsyncThunk('taxUpdateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, tax, _b, id, infoId, entity, payload, data, boardData;
+    var _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, tax = _a.tax;
+                _b = tax.data.verify.responseBody || {}, id = _b.board_id, infoId = _b.board_info_id, entity = _b.entity;
+                if (!id)
+                    return [2];
+                payload = {
+                    lang: settings.data.language,
+                    step_name: TAX_STEP_NAMES.TAX_SUCCESS
+                };
+                return [4, API.boardService.updateBoardInfo(__assign({ id: id, infoId: infoId }, payload))];
+            case 1:
+                data = _h.sent();
+                return [4, API.boardService.retrieveBoardDetails(id)];
+            case 2:
+                boardData = _h.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: data });
+                thunkApi.dispatch(handleNextScreenStep());
+                return [2, {
+                        response: __assign(__assign({}, data), { flows: BUSINESS_FLOW_SUCCESS.concat(data === null || data === void 0 ? void 0 : data.info), user: boardData === null || boardData === void 0 ? void 0 : boardData.user, bank: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account, vatID: (_g = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _g === void 0 ? void 0 : _g.vat_id, merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant }),
+                        formData: params
+                    }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        flowName: FlowsTypes.TAX,
+        verify: {
+            token: ''
+        },
+        otpData: {
+            otp: ''
+        },
+        taxData: {
+            vatId: '',
+            confirmPolicy: false
+        }
+    }
+};
+export var taxSlice = createSlice({
+    name: 'tax/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        },
+        resetOTPScreen: function (state) {
+            state.data.otpData.otp = '';
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyLeadToken.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            state.customLoading = false;
+            var _b = action.payload, data = _b.data, token = _b.token, boardResponse = _b.boardResponse;
+            var user = boardResponse.user, bank_account = boardResponse.bank_account, vatID = boardResponse.vatID, merchant = boardResponse.merchant;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), boardResponse), state.data.verify.responseBody), { board_id: data.id, name: user === null || user === void 0 ? void 0 : user.names, bank_account: bank_account, vatID: vatID, merchant: merchant });
+            state.data.verify.token = token;
+            state.data.taxData.vatId = vatID;
+        })
+            .addCase(verifyLeadToken.pending, function (state) {
+            state.error = null;
+            state.customLoading = true;
+        })
+            .addCase(verifyLeadToken.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.customLoading = false;
+        })
+            .addCase(resendOTP.pending, function (state) {
+            state.error = null;
+        })
+            .addCase(resendOTP.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            var data = action.payload.data;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.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), data);
+        })
+            .addCase(resendOTP.rejected, function (state, action) {
+            state.error = action.error.message;
+        })
+            .addCase(verifyTaxLeadOTP.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyTaxLeadOTP.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.otpData = formData;
+            state.data.otpData.responseBody = data;
+        })
+            .addCase(verifyTaxLeadOTP.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateTaxInfo.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateTaxInfo.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.taxData = formData;
+            state.data.taxData.responseBody = data;
+        })
+            .addCase(updateTaxInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(retrieveEntityInfo.pending, function (state) {
+            state.error = null;
+            state.loading = true;
+        })
+            .addCase(retrieveEntityInfo.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            state.loading = false;
+            var data = (action.payload || {}).data;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.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), data);
+        })
+            .addCase(retrieveEntityInfo.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.loading = false;
+        })
+            .addCase(updateLeadSuccess.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            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;
+            }
+            var flows = response.flows, steps = response.steps, user = response.user, bank_account = response.bank_account, vatID = response.vatID, merchant = response.merchant;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps, bank_account: bank_account, name: user === null || user === void 0 ? void 0 : user.names, vatID: vatID, merchant: merchant });
+        })
+            .addCase(updateLeadSuccess.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateLeadSuccess.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = taxSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export default taxSlice.reducer;
+export var taxSelector = function (state) { return state.tax; };

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

@@ -0,0 +1,10 @@
+/// <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): void;
+export declare function unmountAuthLib(elementId: string, unmountTimeout?: number): void;

package/build/features/auth/Auth.js

@@ -0,0 +1,87 @@
+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, removeElement } from '../../utils';
+import { AUTH_SCREENS_NAVIGATION, DIALOG_ID } 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) {
+    reactElement(elementId).render(_jsx(AuthLib, __assign({}, config)));
+}
+export function unmountAuthLib(elementId, unmountTimeout) {
+    if (unmountTimeout === void 0) { unmountTimeout = 1000; }
+    var element = document.getElementById(elementId);
+    setTimeout(function () {
+        var _a;
+        ((_a = element === null || element === void 0 ? void 0 : element.children) === null || _a === void 0 ? void 0 : _a.length) && element.removeChild(element.children[0]);
+        removeElement(DIALOG_ID);
+        elementId && reactElement(elementId).unmount();
+    }, unmountTimeout);
+}

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

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

package/build/features/auth/index.js

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

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

@@ -0,0 +1,7 @@
+/// <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

@@ -0,0 +1,47 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,64 @@
+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

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