@tap-payments/auth-jsconnect 2.0.44 → 2.0.45

package/build/api/location.d.ts

@@ -0,0 +1,5 @@
+declare const locationService: {
+    getIP: () => Promise<any>;
+    getAddress: (countryCode: string) => Promise<any>;
+};
+export { locationService };

package/build/api/location.js

@@ -0,0 +1,19 @@
+import { ENDPOINT_PATHS } from '../constants';
+import { httpClient } from './axios';
+var getIP = function () {
+    return httpClient({
+        method: 'get',
+        url: ENDPOINT_PATHS.IP
+    });
+};
+var getAddress = function (countryCode) {
+    return httpClient({
+        method: 'get',
+        url: "".concat(ENDPOINT_PATHS.ADDRESS_PATH, "/").concat(countryCode)
+    });
+};
+var locationService = {
+    getIP: getIP,
+    getAddress: getAddress
+};
+export { locationService };

package/build/api/operator.d.ts

@@ -1,4 +1,4 @@
-export declare type ValidateOperatorBody = {
+export type ValidateOperatorBody = {
     type: string;
     app_client_version: string;
     requirer_browser: string;

package/build/api/operator.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {

package/build/api/user.d.ts

@@ -1,4 +1,4 @@
-export declare type UserCredential = {
+export type UserCredential = {
     code: string;
     phone: string;
 };

package/build/app/rootReducer.d.ts

@@ -8,6 +8,7 @@ declare const rootReducer: {
     password: import("redux").Reducer<import("../features/app/password/passwordStore").PasswordState, import("redux").AnyAction>;
     signIn: import("redux").Reducer<import("../features/app/signIn/signInStore").SignInState, import("redux").AnyAction>;
     entity: import("redux").Reducer<import("../features/app/entity/entityStore").EntityState, import("redux").AnyAction>;
-    auth: import("redux").Reducer<import("../features/app/auth/authStore").AuthState, import("redux").AnyAction>;
+    brand: import("redux").Reducer<import("../features/app/brand/brandStore").BrandState, import("redux").AnyAction>;
+    connectExpress: import("redux").Reducer<import("../features/app/connectExpress/connectExpressStore").ConnectExpressState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -7,7 +7,8 @@ import individual from '../features/app/individual/individualStore';
 import password from '../features/app/password/passwordStore';
 import signIn from '../features/app/signIn/signInStore';
 import entity from '../features/app/entity/entityStore';
-import auth from '../features/app/auth/authStore';
+import brand from '../features/app/brand/brandStore';
+import connectExpress from '../features/app/connectExpress/connectExpressStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -18,6 +19,7 @@ var rootReducer = {
     password: password,
     signIn: signIn,
     entity: entity,
-    auth: auth
+    brand: brand,
+    connectExpress: connectExpress
 };
 export default rootReducer;

package/build/app/settings.d.ts

@@ -1,16 +1,27 @@
 import { RootState } from './store';
 import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, LibConfig, CountryCode } from '../@types';
+interface SettingParams {
+    disableCountries?: boolean;
+    disableLocale?: boolean;
+    mdn: string;
+    maturity?: 'full' | 'express';
+}
 export declare const fetchAppSettingsSync: import("@reduxjs/toolkit").AsyncThunk<{
     countries: CountryCode[];
     businessCountry: CountryCode;
     locale: any;
     deviceInfo: DeviceInfo;
     isValidOperator: boolean;
-}, {
-    disableCountries?: boolean | undefined;
-    disableLocale?: boolean | undefined;
-    mdn: string;
-}, {}>;
+}, SettingParams, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export interface SettingsData {
     skin: ThemeMode;
     language: LanguageMode;
@@ -38,7 +49,7 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
     handleSetCountryByIso2: (state: SettingsState, action: ActionState<string>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, "settings/handleSkin">, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, "settings/handleLanguage">, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], "settings/handleActiveFlowScreens">, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handleNextScreenStep">, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handlePrevScreenStep">, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleCurrentActiveScreen">, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, "settings/handleSetAppConfig">, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleOpen">, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleSetCountryByIso2">, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleIsTapOrigin">;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -24,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -47,23 +47,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, removeElement } from '../utils';
-import { defaultCountry, DefaultDeviceInfo, LOCAL_STORAGE_KEYS, DIALOG_ID, BACKGROUND_ID } from '../constants';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString } from '../utils';
+import { DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
 import i18n from '../i18n';
 import { updateLocale } from '../utils/locale';
 import API, { setAxiosGlobalHeaders } from '../api';
 export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, _a, appConfig, language, _b, client, device, os, disableCountries, disableLocale, _c, visitorId, _d, ip, latitude, longitude, locale, list, operatorData, deviceInfo, operatorStatus, isValidOperator, countries, businessCountry;
+    var settings, _a, appConfig, language, _b, client, device, os, disableCountries, disableLocale, maturity, _c, visitorId, _d, ip, latitude, longitude, locale, list, operatorData, deviceInfo, operatorStatus, isValidOperator, countries, businessCountry;
     return __generator(this, function (_e) {
         switch (_e.label) {
             case 0:
                 settings = thunkApi.getState().settings;
                 _a = settings.data, appConfig = _a.appConfig, language = _a.language;
                 _b = getBrowserInfo(), client = _b.client, device = _b.device, os = _b.os;
-                disableCountries = params.disableCountries, disableLocale = params.disableLocale;
+                disableCountries = params.disableCountries, disableLocale = params.disableLocale, maturity = params.maturity;
                 return [4, Promise.all([
                         getFingerPrint(),
-                        API.ipService.getIP(),
+                        API.locationService.getIP(),
                         API.firebaseService.getLocale(disableLocale),
                         API.countryService.getCountries(disableCountries)
                     ])];
@@ -107,13 +107,15 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                     },
                     source: 'browser'
                 };
-                setAxiosGlobalHeaders(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: encryptString(appConfig.publicKey), mdn: encryptString(params.mdn || window.location.origin) }));
+                setAxiosGlobalHeaders(__assign(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: encryptString(appConfig.publicKey), mdn: encryptString(params.mdn || window.location.origin) }), (maturity && { maturity: maturity })));
                 return [4, API.operatorService.validateOperator(operatorData)];
             case 2:
                 operatorStatus = _e.sent();
                 isValidOperator = operatorStatus === 'valid';
                 countries = sortCountries(list);
-                businessCountry = findCountryByIso2(countries, appConfig.businessCountryCode) || defaultCountry;
+                businessCountry = findCountryByIso2(countries, appConfig.businessCountryCode);
+                if (!businessCountry)
+                    throw new Error('Business country not found, you have to pass a valid business country code in the lib config');
                 return [2, { countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, isValidOperator: isValidOperator }];
         }
     });
@@ -130,7 +132,7 @@ var initialState = {
         activeScreen: {},
         deviceInfo: DefaultDeviceInfo,
         appConfig: {},
-        businessCountry: defaultCountry,
+        businessCountry: {},
         countries: [],
         isValidOperator: false
     }
@@ -143,19 +145,18 @@ export var settingsSlice = createSlice({
             state.data.isTapOrigin = action.payload;
         },
         handleOpen: function (state, action) {
+            var _a, _b;
             state.data.open = action.payload;
-            if (action.payload === false) {
-                setTimeout(function () {
-                    removeElement(DIALOG_ID);
-                    removeElement(BACKGROUND_ID);
-                }, 1000);
-            }
+            if (action.payload === false)
+                (_b = (_a = state.data.appConfig).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
         },
         handleSkin: function (state, action) {
             state.data.skin = action.payload;
             storeData(LOCAL_STORAGE_KEYS.themeMode, action.payload);
         },
         handleLanguage: function (state, action) {
+            if (!action.payload)
+                return;
             state.data.language = action.payload;
             i18n.changeLanguage(action.payload);
             storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
@@ -205,7 +206,7 @@ export var settingsSlice = createSlice({
             state.data.activeScreen = action.payload[0];
         },
         handleSetAppConfig: function (state, action) {
-            var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey, merchantDomain = _a.merchantDomain, open = _a.open;
+            var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey, merchantDomain = _a.merchantDomain, open = _a.open, scope = _a.scope;
             if (!appInfo.name)
                 throw new Error('App name is required');
             if (!businessCountryCode)
@@ -214,19 +215,22 @@ export var settingsSlice = createSlice({
                 throw new Error('Language is required');
             if (!publicKey)
                 throw new Error('Public key is required');
-            if (!onError)
+            if (typeof onError !== 'function')
                 throw new Error('On error function is required');
-            if (!onFlowCompleted)
+            if (typeof onFlowCompleted !== 'function')
                 throw new Error('On flow completed function is required');
             if (!merchantDomain)
                 throw new Error('Merchant domain is required');
             if (typeof open !== 'boolean')
                 throw new Error('Open is required');
+            if (!scope)
+                throw new Error('Scope is required');
             state.data.appConfig = action.payload;
         },
         handleSetCountryByIso2: function (state, action) {
             var country = findCountryByIso2(state.data.countries, action.payload);
-            state.data.businessCountry = country || defaultCountry;
+            if (country)
+                state.data.businessCountry = country;
         }
     },
     extraReducers: function (builder) {

package/build/app/store.d.ts

@@ -1,5 +1,5 @@
 import { ThunkAction, Action } from '@reduxjs/toolkit';
-export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+export declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
@@ -9,7 +9,8 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    auth: import("../features/app/auth/authStore").AuthState;
+    brand: import("../features/app/brand/brandStore").BrandState;
+    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -20,8 +21,9 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    auth: import("../features/app/auth/authStore").AuthState;
+    brand: import("../features/app/brand/brandStore").BrandState;
+    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
 }, import("redux").AnyAction, undefined>]>>;
-export declare type AppDispatch = typeof store.dispatch;
-export declare type RootState = ReturnType<typeof store.getState>;
-export declare type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;

package/build/assets/locales/ar.json

@@ -141,6 +141,7 @@
     "file_not_supported_alert": "نوع الملف غير مدعوم",
     "file_size_alert": "حجم الملف اكبر من المطلوب",
     "file_upload_error": "هناك مشكلة في رفع الملف, يرجى المحاولة لاحقاً.",
+    "file_upload_article_error": "هناك مشكلة في رفع الملف, يرجى المحاولة لاحقاً.",
     "file_upload_failed": "أنت تواجه بعض التحديات في تحميل الملف. يرجى المحاولة مرة أخرى.",
     "file_uploading_title": "جاري الرفع.....",
     "fl_kw_max_length": "May you please verify the entered freelancer registration reference. (Note - the freelancer registration may contains characters and digits).",
@@ -323,5 +324,43 @@
     "activities_name_hint": "activities_name_hint",
     "customer_base_name_hint": "customer_base_name_hint",
     "title_article": "Article",
-    "article_of_association": "Article file. PDF, JPG or PNG files up to 5mb."
+    "article_of_association": "Article file. PDF, JPG or PNG files up to 5mb.",
+    "paci_verification_title_wait": "Please wait",
+    "paci_verification_title_check": "We are still checking",
+    "paci_verification_title_error": "We cannot confirm your authentication",
+    "paci_verification_description_wait": "This might take a moment...",
+    "paci_verification_description_check": "This might take a moment...",
+    "paci_verification_description_error": "Please try again.",
+    "paci_verification_redirection_message": "You will be redirected now",
+    "commercial_reg_hint": "Commercial Registration",
+    "homemaker_reg_hint": "Home Business",
+    "file_already_exist": "File is already uploaded",
+    "file_exceed_max_limit": "You can able to upload maximum {{length}} files",
+    "unified_number_label": "Unified Number",
+    "unified_number_hint": "00000",
+    "business_expiry_date": "Expiry Date",
+    "capital_paid_label": "Capital Paid ({{currency}})",
+    "capital_paid_hint": "00000",
+    "capital_share_count_label": "Capital Share Count",
+    "capital_share_count_hint": "00000",
+    "capital_share_value_label": "Capital Share Value ({{currency}})",
+    "capital_share_value_hint": "00000",
+    "license_name_placeholder": "Legal name",
+    "choose_any_issuing_date": "اختر تاريخ",
+    "choose_any_expiry_date": "اختر تاريخ",
+    "entity_type": "Entity Type",
+    "choose_entity_type": "- Please select -",
+    "entity_type_required": "Please select at least one entity type",
+    "enter_legal_name_min_three_chars": "Please Enter at least minimum 2 characters",
+    "capital_paid_required": "Please Enter paid amount",
+    "capital_share_count_required": "Please Enter share count",
+    "capital_share_value_required": "Please Enter share value",
+    "unified_number_required": "Unified Number Required",
+    "creating_account_title": "Creating your account",
+    "creating_account_description": "This might take a moment...",
+    "uploaded_file": "file",
+    "prepare_data_title": "Preparing your data",
+    "prepare_data_description": "This might take a moment...",
+    "oops": "Oops",
+    "file_upload_at_least_one": "عذرا,مطلوب رفع ملف واحد على الأقل"
 }

package/build/assets/locales/en.json

@@ -74,6 +74,8 @@
     "choose_any_source_of_income": "- Please select -",
     "choose_atleast_one_activity": "- Please select -",
     "choose_atleast_one_channel": "Please select at least a channel.",
+    "alert_choose_segment": "Please select business segment.",
+    "alert_choose_teamSize": "Please select team size.",
     "choose_brand": "Please select a brand",
     "choose_channel": "- Please select -",
     "choose_customer_base": "- Please select -",
@@ -148,6 +150,7 @@
     "file_not_supported_alert": "File not supported, please try again",
     "file_size_alert": "Your file is too big, please upload another",
     "file_upload_error": "Something went wrong, please try again",
+    "file_upload_article_error": "Something went wrong, please try again",
     "file_upload_failed": "You are experiencing some challenges uploading the file. Please give it another try.",
     "file_uploading_title": "Uploading....",
     "fl_kw_max_length": "May you please verify the entered freelancer registration reference. (Note - the freelancer registration may contains characters and digits).",
@@ -350,5 +353,43 @@
     "activities_name_hint": "activities_name_hint",
     "customer_base_name_hint": "customer_base_name_hint",
     "title_article": "Article",
-    "article_of_association": "Article file. PDF, JPG or PNG files up to 5mb."
+    "article_of_association": "Article file. PDF, JPG or PNG files up to 5mb.",
+    "paci_verification_title_wait": "Please wait",
+    "paci_verification_title_check": "We are still checking",
+    "paci_verification_title_error": "We cannot confirm your authentication",
+    "paci_verification_description_wait": "This might take a moment...",
+    "paci_verification_description_check": "This might take a moment...",
+    "paci_verification_description_error": "Please try again.",
+    "paci_verification_redirection_message": "You will be redirected now",
+    "commercial_reg_hint": "Commercial Registration",
+    "homemaker_reg_hint": "Home Business",
+    "file_already_exist": "file is already uploaded",
+    "file_exceed_max_limit": "You can able to upload maximum {{length}} files",
+    "unified_number_label": "Unified Number",
+    "unified_number_hint": "00000",
+    "business_expiry_date": "Expiry Date",
+    "capital_paid_label": "Capital Paid ({{currency}})",
+    "capital_paid_hint": "00000",
+    "capital_share_count_label": "Capital Share Count",
+    "capital_share_count_hint": "00000",
+    "capital_share_value_label": "Capital Share Value ({{currency}})",
+    "capital_share_value_hint": "00000",
+    "license_name_placeholder": "Legal name",
+    "choose_any_issuing_date": "Please select a date",
+    "choose_any_expiry_date": "Please select a date",
+    "entity_type": "Entity Type",
+    "choose_entity_type": "- Please select -",
+    "entity_type_required": "Please select at least one entity type",
+    "enter_legal_name_min_three_chars": "Please Enter at least minimum 2 characters",
+    "capital_paid_required": "Please Enter paid amount",
+    "capital_share_count_required": "Please Enter share count",
+    "capital_share_value_required": "Please Enter share value",
+    "unified_number_required": "Unified Number Required",
+    "creating_account_title": "Creating your account",
+    "creating_account_description": "This might take a moment...",
+    "uploaded_file": "file",
+    "prepare_data_title": "Preparing your data",
+    "prepare_data_description": "This might take a moment...",
+    "oops": "Oops",
+    "file_upload_at_least_one": "please upload at least one file"
 }

package/build/components/Button/Button.js

@@ -74,11 +74,7 @@ var ButtonStyled = styled(Button, {
             },
             _b[theme.breakpoints.down('sm')] = {
                 '&:hover': {
-                    backgroundColor: touched
-                        ? !!outLineColor
-                            ? outLineColor
-                            : theme.palette.primary.main
-                        : theme.palette.common.white,
+                    backgroundColor: touched ? (!!outLineColor ? outLineColor : theme.palette.primary.main) : theme.palette.common.white,
                     color: touched ? theme.palette.common.white : !!outLineColor ? outLineColor : theme.palette.primary.main,
                     img: {
                         filter: touched ? 'brightness(0) invert(1)' : 'none'

package/build/components/FileInput/DragAndDrop.d.ts

@@ -10,7 +10,8 @@ interface DragAndDropProps {
     uploading?: boolean;
     uploadSuccess?: boolean;
     fileExists: boolean;
-    onSuccess?: (files: File) => void;
+    onSuccess?: (files: Array<File>) => void;
+    multiple?: boolean;
 }
-declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, progress, uploading, fileExists, uploadSuccess, onSuccess }: DragAndDropProps) => JSX.Element;
+declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, progress, uploading, fileExists, uploadSuccess, onSuccess, multiple }: DragAndDropProps) => JSX.Element;
 export default DragAndDrop;

package/build/components/FileInput/DragAndDrop.js

@@ -62,8 +62,6 @@ var DescTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return ({
         fontSize: theme.spacing(1.5),
-        width: theme.spacing(27.5),
-        wordBreak: 'break-all',
         textAlign: 'center',
         marginBlockStart: theme.spacing(1),
         marginBlockEnd: theme.spacing(0)
@@ -101,17 +99,17 @@ var TextDoneStyled = styled(Text)(function (_a) {
 });
 var WarningContainer = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ background: theme.palette.warning.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', display: 'flex', justifyContent: 'space-around', borderColor: theme.palette.warning.main, color: theme.palette.warning.light, padding: theme.spacing(0.5, 1), borderRadius: theme.spacing(12.5) }, theme.typography.caption));
+    return (__assign({ background: theme.palette.warning.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', display: 'flex', justifyContent: 'space-around', borderColor: theme.palette.warning.main, color: theme.palette.warning.light, padding: theme.spacing(0.5, 1), borderRadius: theme.spacing(12.5), alignItems: 'center' }, theme.typography.caption));
 });
 var DragAndDrop = function (_a) {
-    var title = _a.title, subTitle = _a.subTitle, description = _a.description, error = _a.error, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, progress = _a.progress, uploading = _a.uploading, fileExists = _a.fileExists, uploadSuccess = _a.uploadSuccess, onSuccess = _a.onSuccess;
+    var title = _a.title, subTitle = _a.subTitle, description = _a.description, error = _a.error, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, progress = _a.progress, uploading = _a.uploading, fileExists = _a.fileExists, uploadSuccess = _a.uploadSuccess, onSuccess = _a.onSuccess, multiple = _a.multiple;
     var _b = React.useState(false), dragActive = _b[0], setDragActive = _b[1];
     var _c = React.useState(false), showDone = _c[0], setShowDone = _c[1];
     var _d = useDropzone({
-        maxFiles: 1,
+        maxFiles: multiple ? undefined : 1,
         noKeyboard: true,
         noClick: false,
-        multiple: false,
+        multiple: multiple || false,
         onDragOver: function () {
             if (!dragActive)
                 setDragActive(true);
@@ -120,7 +118,7 @@ var DragAndDrop = function (_a) {
             setDragActive(false);
         },
         onDrop: function (files) {
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(files === null || files === void 0 ? void 0 : files[0]);
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(files);
             setDragActive(false);
         }
     }), getRootProps = _d.getRootProps, getInputProps = _d.getInputProps;