@tap-payments/auth-jsconnect 2.0.8 → 2.0.9

package/build/features/app/signIn/signInStore.d.ts

@@ -0,0 +1,33 @@
+import { RootState } from '../../../app/store';
+import { MobileFormValues, SharedState, EmailFormValues, ResponseData, OTPFormValues, PasswordFormValues } from '../../../@types';
+export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: MobileFormValues;
+}, MobileFormValues, {}>;
+export declare const resendOTPMobile: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
+export declare const createEmailAuth: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: EmailFormValues;
+}, EmailFormValues, {}>;
+export declare const resendOTPEmail: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
+export declare const verifyAuthOTP: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: OTPFormValues;
+}, OTPFormValues, {}>;
+export declare const verifyAuthPassword: import("@reduxjs/toolkit").AsyncThunk<any, PasswordFormValues, {}>;
+export interface SignInData {
+    auth: Partial<MobileFormValues & EmailFormValues> & ResponseData;
+    otpData: OTPFormValues & ResponseData;
+    passwordData: PasswordFormValues & ResponseData;
+}
+export interface SignInState extends SharedState<SignInData> {
+}
+export declare const signInSlice: import("@reduxjs/toolkit").Slice<SignInState, {
+    clearError: (state: SignInState) => void;
+    stopLoader: (state: SignInState) => void;
+    resetOTPScreen: (state: SignInState) => void;
+}, "signIsn/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<SignInState, import("redux").AnyAction>;
+export default _default;
+export declare const signInSelector: (state: RootState) => SignInState;

package/build/features/app/signIn/signInStore.js

@@ -0,0 +1,389 @@
+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 { defaultCountry, SignIn_STEP_NAMES } from '../../../constants';
+import { handleNextScreenStep, handleOpen } from '../../../app/settings';
+var redirection = function (type) {
+    if (type === 1)
+        return handleNextScreenStep('SIGIN_PASSWORD_STEP');
+    return handleNextScreenStep('SIGIN_OTP_STEP');
+};
+export var createMobileAuth = createAsyncThunk('signIn/createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, requestBody, data;
+    var _a, _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                requestBody = {
+                    lang: settings.data.language,
+                    user_credentail: {
+                        phone: params.mobile || '',
+                        code: (_b = (_a = params.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) === null || _b === void 0 ? void 0 : _b.toString()
+                    },
+                    sign_in: true,
+                    step_name: SignIn_STEP_NAMES.CREATE_AUTH_MOBILE,
+                    encryption_contract: ['user_credentail.phone', 'user_credentail.code']
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = (_e.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(redirection(data === null || data === void 0 ? void 0 : data.auth_type));
+                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody.user_credentail);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var resendOTPMobile = createAsyncThunk('signIn/resendOTPMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, signIn, authData, requestBody, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, signIn = _a.signIn;
+                authData = signIn.data.auth;
+                requestBody = {
+                    lang: settings.data.language,
+                    user_credentail: {
+                        phone: authData.mobile || '',
+                        code: ((_c = (_b = authData.countryCode) === null || _b === void 0 ? void 0 : _b.idd_prefix) === null || _c === void 0 ? void 0 : _c.toString()) || ''
+                    },
+                    sign_in: true,
+                    step_name: SignIn_STEP_NAMES.CREATE_AUTH_MOBILE,
+                    encryption_contract: ['user_credentail.phone', 'user_credentail.code']
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = (_d.sent()).data;
+                return [2, data];
+        }
+    });
+}); });
+export var createEmailAuth = createAsyncThunk('signIn/createEmailAuth', 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) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                requestBody = {
+                    lang: settings.data.language,
+                    user_credentail: {
+                        email: params.email || ''
+                    },
+                    sign_in: true,
+                    step_name: SignIn_STEP_NAMES.CREATE_AUTH_EMAIL,
+                    encryption_contract: ['user_credentail.email']
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = (_c.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(redirection(data === null || data === void 0 ? void 0 : data.auth_type));
+                    (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody.user_credentail);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var resendOTPEmail = createAsyncThunk('signIn/resendOTPEmail', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, signIn, authData, requestBody, data;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, signIn = _a.signIn;
+                authData = signIn.data.auth;
+                requestBody = {
+                    lang: settings.data.language,
+                    user_credentail: {
+                        email: authData.email || ''
+                    },
+                    sign_in: true,
+                    step_name: SignIn_STEP_NAMES.CREATE_AUTH_EMAIL,
+                    encryption_contract: ['user_credentail.email']
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = (_b.sent()).data;
+                return [2, data];
+        }
+    });
+}); });
+export var verifyAuthOTP = createAsyncThunk('signIn/verifyAuthOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, signIn, settings, mobile, responseBody, requestBody, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                _a = thunkApi.getState(), signIn = _a.signIn, settings = _a.settings;
+                mobile = signIn.data.auth.mobile;
+                responseBody = signIn.data.passwordData.responseBody;
+                requestBody = {
+                    data: params.otp,
+                    auth_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token,
+                    auth_type: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_type,
+                    device_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.device_token,
+                    service_name: responseBody === null || responseBody === void 0 ? void 0 : responseBody.service_name,
+                    new_user: responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user,
+                    sign_in: responseBody === null || responseBody === void 0 ? void 0 : responseBody.sign_in,
+                    remember_me: responseBody === null || responseBody === void 0 ? void 0 : responseBody.remember_me,
+                    scopes: responseBody === null || responseBody === void 0 ? void 0 : responseBody.scopes,
+                    step_name: mobile ? SignIn_STEP_NAMES.VERIFY_AUTH_MOBILE_OTP : SignIn_STEP_NAMES.VERIFY_AUTH_EMAIL_OTP,
+                    encryption_contract: ['data']
+                };
+                return [4, API.authService.verifyAuth(requestBody)];
+            case 1:
+                data = (_f.sent()).data;
+                if (!data.errors) {
+                    (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { otp: params.otp });
+                    thunkApi.dispatch(handleOpen(false));
+                    (_e = (_d = settings.data.appConfig).onFlowCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, data);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var verifyAuthPassword = createAsyncThunk('signIn/verifyAuthPassword', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, signIn, settings, _b, responseBody, mobile, requestBody, data;
+    var _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                _a = thunkApi.getState(), signIn = _a.signIn, settings = _a.settings;
+                _b = signIn.data.auth, responseBody = _b.responseBody, mobile = _b.mobile;
+                requestBody = {
+                    data: params.password,
+                    auth_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token,
+                    auth_type: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_type,
+                    device_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.device_token,
+                    service_name: responseBody === null || responseBody === void 0 ? void 0 : responseBody.service_name,
+                    new_user: responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user,
+                    sign_in: responseBody === null || responseBody === void 0 ? void 0 : responseBody.sign_in,
+                    remember_me: responseBody === null || responseBody === void 0 ? void 0 : responseBody.remember_me,
+                    scopes: responseBody === null || responseBody === void 0 ? void 0 : responseBody.scopes,
+                    step_name: mobile ? SignIn_STEP_NAMES.VERIFY_AUTH_MOBILE : SignIn_STEP_NAMES.VERIFY_AUTH_EMAIL,
+                    encryption_contract: ['data']
+                };
+                return [4, API.authService.verifyAuth(requestBody)];
+            case 1:
+                data = (_g.sent()).data;
+                if (!data.errors) {
+                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.password });
+                    if ((data === null || data === void 0 ? void 0 : data.status) === 'pending') {
+                        thunkApi.dispatch(handleNextScreenStep('SIGIN_OTP_STEP'));
+                    }
+                    else {
+                        thunkApi.dispatch(handleOpen(false));
+                        (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, data);
+                    }
+                }
+                return [2, data];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        auth: {
+            countryCode: defaultCountry,
+            mobile: null,
+            email: null
+        },
+        otpData: {
+            otp: ''
+        },
+        passwordData: {
+            password: ''
+        }
+    }
+};
+export var signInSlice = createSlice({
+    name: 'signIsn/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(createMobileAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createMobileAuth.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.auth = __assign(__assign({}, formData), { email: null, responseBody: data });
+        })
+            .addCase(createMobileAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(resendOTPMobile.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(resendOTPMobile.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var data = action.payload;
+            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.auth.responseBody = data;
+        })
+            .addCase(resendOTPMobile.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(createEmailAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createEmailAuth.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.auth = __assign(__assign(__assign({}, state.data.auth), formData), { mobile: null, responseBody: data });
+        })
+            .addCase(createEmailAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(resendOTPEmail.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(resendOTPEmail.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var data = action.payload;
+            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.auth.responseBody = data;
+        })
+            .addCase(resendOTPEmail.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, action) {
+            var _a;
+            state.loading = false;
+            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;
+            }
+        })
+            .addCase(verifyAuthOTP.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(verifyAuthPassword.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyAuthPassword.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var data = action.payload;
+            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.passwordData.responseBody = data;
+        })
+            .addCase(verifyAuthPassword.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = signInSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export default signInSlice.reducer;
+export var signInSelector = function (state) { return state.signIn; };

package/build/features/app/tax/taxStore.d.ts

@@ -33,6 +33,7 @@ export interface TaxData {
     flowName: FlowsTypes;
 }
 export interface TaxState extends SharedState<TaxData> {
+    customLoading?: boolean;
 }
 export declare const taxSlice: import("@reduxjs/toolkit").Slice<TaxState, {
     clearError: (state: TaxState) => void;

package/build/features/connect/screens/Merchant/validation.js

@@ -17,7 +17,7 @@ export var MerchantValidationSchema = function (userType) {
                     var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
                     if (length === 0)
                         return true;
-                    return !(value === null || value === void 0 ? void 0 : value.match(REGEX_BRAND_NAME))
+                    return !(value === null || value === void 0 ? void 0 : value.match(REGEX_BRAND_NAME)) || (value === null || value === void 0 ? void 0 : value.length) < 3
                         ? this.createError({ message: 'enter_brand_name_english_chars_numbers_space' })
                         : true;
                 }

package/build/features/featuresScreens.d.ts

@@ -5,3 +5,4 @@ export declare const passwordFeatureScreens: Array<FeatureScreenStep>;
 export declare const individualFeatureScreens: Array<FeatureScreenStep>;
 export declare const bankFeatureScreens: Array<FeatureScreenStep>;
 export declare const taxFeatureScreens: Array<FeatureScreenStep>;
+export declare const signInFeatureScreens: Array<FeatureScreenStep>;

package/build/features/featuresScreens.js

@@ -34,6 +34,10 @@ import TaxDetailsPage from './tax/screens/TaxDetails';
 import TaxSuccessPage from './tax/screens/Success';
 import TaxSuccessWithFlowPage from './tax/screens/SuccessWithFlowButtons';
 import TaxResetPasswordSuccessPage from './tax/screens/ResetPasswordSuccess';
+import SignInMobilePage from './signIn/screens/Mobile';
+import SignInEmailPage from './signIn/screens/Email';
+import SignInOTPPage from './signIn/screens/OTP';
+import SignInPasswordPage from './signIn/screens/Password';
 export var connectFeatureScreens = [
     {
         name: 'CONNECT_NID_STEP',
@@ -169,3 +173,21 @@ export var taxFeatureScreens = [
     },
     { name: 'TAX_RESET_PASSWORD_SUCCESS', element: TaxResetPasswordSuccessPage }
 ];
+export var signInFeatureScreens = [
+    {
+        name: 'SIGIN_MOBILE_STEP',
+        element: SignInMobilePage
+    },
+    {
+        name: 'SIGIN_EMAIL_STEP',
+        element: SignInEmailPage
+    },
+    {
+        name: 'SIGIN_OTP_STEP',
+        element: SignInOTPPage
+    },
+    {
+        name: 'SIGIN_PASSWORD_STEP',
+        element: SignInPasswordPage
+    }
+];

package/build/features/shared/UploadFile/UploadFile.js

@@ -19,8 +19,7 @@ import Mandatory from '../../shared/Mandatory';
 import { DragAndDrop, UploadInput } from '../../../components/FileInput';
 import Collapse from '../../../components/Collapse';
 import Warning from '../../../components/Warning';
-import Icon from '../../../components/Icon';
-import { ICONS_NAMES } from '../../../constants';
+import ClearIcon from '@mui/icons-material/Clear';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -43,12 +42,14 @@ var UploadBoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({}, theme.typography.caption), { background: theme.palette.primary.main, color: theme.palette.common.white, fontWeight: theme.typography.fontWeightRegular, padding: theme.spacing(0.75, 1.75, 0), cursor: 'pointer', width: '15%', display: 'flex', justifyContent: 'center' }));
 });
-var IconStyled = styled(Icon)(function (_a) {
+var ClearIconStyled = styled(ClearIcon)(function (_a) {
     var theme = _a.theme;
     return ({
-        marginBlockStart: theme.spacing(0),
-        width: theme.spacing(3.5),
-        height: theme.spacing(3.5)
+        marginBlockStart: theme.spacing(0.25),
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        cursor: 'pointer',
+        color: theme.palette.common.white
     });
 });
 export var InputContainerStyled = styled(Box)(function (_a) {
@@ -71,6 +72,6 @@ var UploadFile = function (_a) {
             onReset === null || onReset === void 0 ? void 0 : onReset();
         }
     };
-    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {})] }), _jsx(Collapse, __assign({ in: !fileName }, { children: _jsxs(InputContainerStyled, { children: [_jsx(DragAndDrop, { title: dragTitle, onSuccess: handleFileChange }), _jsx(UploadInput, { title: uploadTitle, onChange: handleFileChange })] }) })), _jsx(Collapse, __assign({ in: !!fileName }, { children: _jsxs(InputContainerStyled, { children: [_jsx(BoxStyled, { children: fileName }), _jsx(UploadBoxStyled, __assign({ onClick: handleReset }, { children: _jsx(IconStyled, { src: ICONS_NAMES.DELETE_ICON }) }))] }) })), _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: error })) }))] }));
+    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {})] }), _jsx(Collapse, __assign({ in: !fileName }, { children: _jsxs(InputContainerStyled, { children: [_jsx(DragAndDrop, { title: dragTitle, onSuccess: handleFileChange }), _jsx(UploadInput, { title: uploadTitle, onChange: handleFileChange })] }) })), _jsx(Collapse, __assign({ in: !!fileName }, { children: _jsxs(InputContainerStyled, { children: [_jsx(BoxStyled, { children: fileName }), _jsx(UploadBoxStyled, __assign({ onClick: handleReset }, { children: _jsx(ClearIconStyled, {}) }))] }) })), _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: error })) }))] }));
 };
 export default UploadFile;

package/build/features/signIn/SignIn.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LibConfig } from '../../@types';
+export interface SignInLibProps extends LibConfig {
+}
+export declare function SignInLib(props: SignInLibProps): JSX.Element;
+export declare function renderSignInLib(config: SignInLibProps, elementId: string): void;
+export declare function unmountSignInLib(elementId: string): void;

package/build/features/signIn/SignIn.js

@@ -0,0 +1,49 @@
+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 } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { reactElement } from '../../utils';
+import { FeatureContainer } from '../shared/Containers';
+import { SigIn_SCREENS_NAVIGATION } from '../../constants';
+import { signInFeatureScreens } from '../featuresScreens';
+import CustomFooter from '../shared/Footer';
+import { signInSelector } from '../app/signIn/signInStore';
+import Background from '../shared/Background';
+var SignIn = memo(function (props) {
+    var theme = useAppTheme().theme;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, loading = _a.loading;
+    var signInError = useAppSelector(signInSelector).error;
+    useAppConfig(__assign({ navigation: SigIn_SCREENS_NAVIGATION }, props));
+    useErrorListener(signInError || error);
+    useStepStartedListener();
+    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: loading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, open: open, error: error, loading: loading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: signInFeatureScreens.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 SignInLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(SignIn, __assign({}, props)) })));
+}
+export function renderSignInLib(config, elementId) {
+    reactElement(elementId).render(_jsx(SignInLib, __assign({}, config)));
+}
+export function unmountSignInLib(elementId) {
+    reactElement(elementId).unmount();
+}

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

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

package/build/features/signIn/index.js

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

package/build/features/signIn/screens/Email/Email.d.ts

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