@tap-payments/auth-jsconnect 2.0.2 → 2.0.5

package/build/@types/app.d.ts

@@ -90,6 +90,11 @@ export interface SourceOfIncome {
     name_ar: string;
     name_en: string;
 }
+export interface Occupation {
+    id: string;
+    name_ar: string;
+    name_en: string;
+}
 export interface MonthlyIncome extends SourceOfIncome {
 }
 export interface AppInfo {

package/build/@types/form.d.ts

@@ -1,4 +1,4 @@
-import { Activity, BrandInfo, CountryCode, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, License, MonthlyIncome, SalesChannel, SourceOfIncome } from './app';
+import { Activity, BrandInfo, CountryCode, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, License, MonthlyIncome, Occupation, SalesChannel, SourceOfIncome } from './app';
 export declare type MobileFormValues = {
     mobile: string | null;
     countryCode: CountryCode;
@@ -49,6 +49,8 @@ export declare type BankFormValues = {
     iban: string;
     beneficiaryName: string;
     bankName: string;
+    bankStatementId?: string;
+    uploading?: boolean;
     confirmPolicy: boolean;
 };
 export declare type TaxFormValues = {
@@ -56,6 +58,7 @@ export declare type TaxFormValues = {
     confirmPolicy: false;
 };
 export declare type IndividualExtraFormValues = {
+    occupation: Occupation | undefined;
     sourceIncome: SourceOfIncome | undefined;
     monthlyIncome: MonthlyIncome | undefined;
     employerName: string;

package/build/api/auth.d.ts

@@ -15,8 +15,10 @@ export declare type IDCredential = {
 };
 export declare type CreateAuthBody = {
     user_credentail: MobileCredential | EmailCredential | IDCredential;
-    sign_in: boolean;
-    step_name: string;
+    auth_type?: number;
+    email_url?: string;
+    sign_in?: boolean;
+    step_name?: string;
     encryption_contract: Array<string>;
     lang?: LanguageMode;
 };
@@ -33,6 +35,21 @@ export declare type VerifyAuthBody = {
     remember_me?: boolean;
     scopes?: Array<string>;
 };
+export declare type VerifyOperationAuthBody = {
+    auth_token: string;
+    auth_type: number;
+};
+export declare type ResetPasswordCredential = {
+    otp: string;
+    new_password: string;
+};
+export declare type ResetPasswordVerifyAuthBody = {
+    auth_token: string;
+    auth_type: number;
+    step_name: string;
+    user_credentail: ResetPasswordCredential;
+    encryption_contract: Array<string>;
+};
 export declare type CreatePasswordBody = {
     password: string;
     signup_token?: string;
@@ -41,7 +58,7 @@ export declare type CreatePasswordBody = {
 };
 declare const authService: {
     createAuth: (data: CreateAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
-    verifyAuth: (data: VerifyAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     createPassword: (data: CreatePasswordBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { authService };

package/build/api/axios.js

@@ -79,8 +79,7 @@ export var removeAxiosGlobalHeaders = function (arr) {
     });
 };
 export var httpClient = function (config) { return __awaiter(void 0, void 0, void 0, function () {
-    var data, description, error_1, response, data, description;
-    var _a, _b;
+    var data, _a, description, error, err_1, response, data, _b, description, error;
     return __generator(this, function (_c) {
         switch (_c.label) {
             case 0:
@@ -88,19 +87,19 @@ export var httpClient = function (config) { return __awaiter(void 0, void 0, voi
                 return [4, instance(config)];
             case 1:
                 data = (_c.sent()).data;
-                if (data.errors && Array.isArray(data.errors)) {
-                    description = ((_a = data.errors) === null || _a === void 0 ? void 0 : _a[0]).description;
-                    throw new Error(description);
+                _a = (data.errors || [{}])[0], description = _a.description, error = _a.error;
+                if (description || error) {
+                    throw new Error(description, error);
                 }
                 return [2, data];
             case 2:
-                error_1 = _c.sent();
-                response = error_1.response;
+                err_1 = _c.sent();
+                response = err_1.response;
                 data = (response || {}).data;
                 if (typeof data === 'string')
                     throw new Error(data);
-                description = (((_b = data.errors) === null || _b === void 0 ? void 0 : _b[0]) || {}).description;
-                throw new Error(description || 'Something went wrong');
+                _b = ((data === null || data === void 0 ? void 0 : data.errors) || [{}])[0], description = _b.description, error = _b.error;
+                throw new Error(description || error || 'Internal server error');
             case 3: return [2];
         }
     });

package/build/api/data.d.ts

@@ -5,5 +5,6 @@ declare const dataService: {
     getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
     getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
     getMonthlyIncome: (countryCode: string) => Promise<import("axios").AxiosResponse<any, any>>;
+    getOccupation: () => Promise<any>;
 };
 export { dataService };

package/build/api/data.js

@@ -1,4 +1,4 @@
-import instance from './axios';
+import instance, { httpClient } from './axios';
 import { ENDPOINT_PATHS } from '../constants';
 var getChannelsOfServices = function () {
     return instance.get("".concat(ENDPOINT_PATHS.CHANNEL));
@@ -18,12 +18,19 @@ var getSourceOfIncome = function () {
 var getMonthlyIncome = function (countryCode) {
     return instance.get("".concat(ENDPOINT_PATHS.MONTHLY_INCOME, "/").concat(countryCode));
 };
+var getOccupation = function () {
+    return httpClient({
+        method: 'get',
+        url: "".concat(ENDPOINT_PATHS.OCCUPATION)
+    });
+};
 var dataService = {
     getChannelsOfServices: getChannelsOfServices,
     getCustomerBases: getCustomerBases,
     getExpectedSales: getExpectedSales,
     getExpectedCustomerSales: getExpectedCustomerSales,
     getSourceOfIncome: getSourceOfIncome,
-    getMonthlyIncome: getMonthlyIncome
+    getMonthlyIncome: getMonthlyIncome,
+    getOccupation: getOccupation
 };
 export { dataService };

package/build/api/entity.d.ts

@@ -1,6 +1,7 @@
 import { AxiosRequestConfig } from 'axios';
 export declare type EntityInfoBody = {
     id: string;
+    lead_id?: string;
     activities?: Array<string>;
     business_operation_start_at?: string;
     channel_services?: Array<string>;
@@ -12,11 +13,13 @@ export declare type EntityInfoBody = {
     agree_chargeback?: boolean;
     agree_refund?: boolean;
     employer_name?: string;
-    employer_city?: string | null;
+    employer_country?: string | null;
     source_income?: Array<string | undefined>;
     actual_income?: string;
     is_relative_PEP?: boolean | null;
     is_influencer?: boolean | null;
+    is_vat_acknowledged?: boolean;
+    occupation?: string;
     step_name: string;
     encryption_contract?: Array<string>;
 };
@@ -30,13 +33,22 @@ export declare type EntityBankUpdateBody = {
         swift_code?: string;
         account_number?: string;
     };
+    is_acknowledged: boolean;
     step_name: string;
     encryption_contract?: Array<string>;
 };
+export declare type UploadFileBody = {
+    file_link_create: boolean;
+    file: File | null;
+    title: string | undefined;
+    purpose: string;
+};
 declare const entityService: {
     createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     createBankAccount: (data: EntityBankUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     retrieveEntityInfo: (entity_id: string, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
+    uploadFileInfo: (data: UploadFileBody) => Promise<any>;
 };
 export { entityService };

package/build/api/entity.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { ENDPOINT_PATHS } from '../constants';
-import instance from './axios';
+import instance, { httpClient } from './axios';
 var retrieveEntityInfo = function (entity_id, config) {
     return instance.get("".concat(ENDPOINT_PATHS.ENTITY, "/").concat(entity_id), config);
 };
@@ -25,10 +25,28 @@ var updateEntityInfo = function (_a, config) {
 var createBankAccount = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.BANK), data, config);
 };
+var uploadFileInfo = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.FILES_PATH),
+        data: data,
+        headers: { 'Content-Type': 'multipart/form-data' }
+    });
+};
+var updateIndividualInfo = function (_a) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.INDIVIDUAL, "/").concat(id, "/info"),
+        data: data
+    });
+};
 var entityService = {
     createEntityInfo: createEntityInfo,
     updateEntityInfo: updateEntityInfo,
     createBankAccount: createBankAccount,
-    retrieveEntityInfo: retrieveEntityInfo
+    retrieveEntityInfo: retrieveEntityInfo,
+    updateIndividualInfo: updateIndividualInfo,
+    uploadFileInfo: uploadFileInfo
 };
 export { entityService };

package/build/api/index.d.ts

@@ -1,6 +1,6 @@
 import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders } from './axios';
 import { ValidateOperatorBody } from './operator';
-import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody } from './auth';
+import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 import { EntityInfoBody, EntityBankUpdateBody } from './entity';
@@ -18,7 +18,7 @@ declare const API: {
     };
     authService: {
         createAuth: (data: CreateAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
-        verifyAuth: (data: VerifyAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         createPassword: (data: CreatePasswordBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
     };
     leadService: {
@@ -27,7 +27,7 @@ declare const API: {
         retrieveLead: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
         verifyLeadToken: (data: LeadVerifyBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         verifyLeadOTP: (data: LeadOTPVerifyBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
-        updateLeadIdentity: (data: LeadIdentityUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        updateLeadIdentity: ({ id, ...data }: LeadIdentityUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         retrieveEntityList: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
     };
     entityService: {
@@ -35,6 +35,8 @@ declare const API: {
         updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         createBankAccount: (data: EntityBankUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         retrieveEntityInfo: (entity_id: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
+        uploadFileInfo: (data: import("./entity").UploadFileBody) => Promise<any>;
     };
     availabilityServices: {
         checkEmail: (data: CheckEmailBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -54,11 +56,12 @@ declare const API: {
         getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
         getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
         getMonthlyIncome: (countryCode: string) => Promise<import("axios").AxiosResponse<any, any>>;
+        getOccupation: () => Promise<any>;
     };
     individualService: {
         getBrandList: (data: BrandListBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody };
+export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance };
 export default API;

package/build/api/lead.d.ts

@@ -27,6 +27,7 @@ declare type BrandContent = {
     about?: BrandTitle;
 };
 declare type BrandInfo = {
+    id?: string;
     name?: BrandTitle;
     sector?: Array<string>;
     website?: string;
@@ -77,6 +78,7 @@ export declare type CreateLeadBody = {
     country_code: string;
 };
 export declare type LeadIdentityUpdateBody = {
+    id: string;
     country_code: string;
     identification_id: string;
     identification_id_type: string;
@@ -90,7 +92,7 @@ declare const leadService: {
     retrieveLead: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
     verifyLeadToken: (data: LeadVerifyBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     verifyLeadOTP: (data: LeadOTPVerifyBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
-    updateLeadIdentity: (data: LeadIdentityUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    updateLeadIdentity: ({ id, ...data }: LeadIdentityUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     retrieveEntityList: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { leadService };

package/build/api/lead.js

@@ -1,3 +1,14 @@
+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 instance from './axios';
 import { ENDPOINT_PATHS } from '../constants';
 var createLead = function (data, config) {
@@ -15,8 +26,9 @@ var verifyLeadToken = function (data, config) {
 var verifyLeadOTP = function (data, config) {
     return instance.put("".concat(ENDPOINT_PATHS.LEAD_IDENTITY_VERIFY), data, config);
 };
-var updateLeadIdentity = function (data, config) {
-    return instance.put("".concat(ENDPOINT_PATHS.LEAD_IDENTITY), data, config);
+var updateLeadIdentity = function (_a, config) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return instance.put("".concat(ENDPOINT_PATHS.LEAD, "/").concat(id, "/identity"), data, config);
 };
 var retrieveEntityList = function (leadId) {
     return instance.get("".concat(ENDPOINT_PATHS.RETRIEVE_ENTITY_LIST, "/").concat(leadId));

package/build/assets/locales/ar.json

@@ -240,5 +240,8 @@
     "tax_success_title": "Your tax details are updated",
     "bank_success_title": "Your bank details are updated",
     "password_success_title": "Your password is set",
-    "bank": "bank"
+    "bank": "bank",
+    "reset_password_success_title": "لقد ارسلنا رسالة بريدية إليك",
+    "reset_password_success_description": "تحقق من بريدك الإلكتروني لإعادة تعيين كلمة المرور الخاصة بك.",
+    "license_name_label": "اسم الرخصة"
 }

package/build/assets/locales/en.json

@@ -260,5 +260,8 @@
     "bank_success_title": "Your bank details are updated",
     "password_success_title": "Your password is set",
     "account_details": "Your account details",
-    "bank": "bank"
+    "bank": "bank",
+    "reset_password_success_title": "We sent you an email",
+    "reset_password_success_description": "Check your email to reset your password.",
+    "license_name_label": "License Name"
 }

package/build/components/AnimationFlow/AnimationFlow.d.ts

@@ -8,5 +8,6 @@ export interface AnimationFlowProps {
     breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     loading?: boolean;
     error?: string | null;
+    screenId?: string;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin }: AnimationFlowProps): JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin, screenId }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -17,7 +17,7 @@ import BottomSheet from './BottomSheet';
 import Loader from './Loader';
 import Error from './Error';
 export default function AnimationFlow(_a) {
-    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin;
+    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId;
     var theme = useTheme();
     var matches = useMediaQuery(theme.breakpoints.down(breakpoint || 'sm'));
     if (loading) {
@@ -32,5 +32,5 @@ export default function AnimationFlow(_a) {
     if (type === 'BOTTOMSHEET') {
         return _jsx(BottomSheet, __assign({ open: open }, { children: children }));
     }
-    return matches ? (_jsx(BottomSheet, __assign({ open: open }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer, isTapOrigin: isTapOrigin }, { children: children })));
+    return matches ? (_jsx(BottomSheet, __assign({ open: open, screenId: screenId }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer, isTapOrigin: isTapOrigin }, { children: children })));
 }

package/build/components/AnimationFlow/BottomSheet.d.ts

@@ -4,6 +4,7 @@ import 'react-spring-bottom-sheet/dist/style.css';
 export interface BottomSheetProps extends MainBottomSheetProps {
     children: React.ReactNode;
     open: boolean;
+    screenId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, ...rest }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -59,13 +59,25 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
     });
 });
 var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
+    var open = _a.open, children = _a.children, screenId = _a.screenId, rest = __rest(_a, ["open", "children", "screenId"]);
+    var sheetRef = React.useRef(null);
     var getMinHeight = function (maxHeight) {
-        var element = document.getElementById('main-feature-container');
-        var height = element ? element.clientHeight : 0;
+        var el = document.getElementById('main-feature-container');
+        var height = el ? el.clientHeight : 0;
         return height || maxHeight * 0.7;
     };
-    return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
+    React.useEffect(function () {
+        if (sheetRef.current && screenId) {
+            setTimeout(function () {
+                var _a, _b;
+                (_b = (_a = sheetRef === null || sheetRef === void 0 ? void 0 : sheetRef.current) === null || _a === void 0 ? void 0 : _a.snapTo) === null || _b === void 0 ? void 0 : _b.call(_a, function (_a) {
+                    var maxHeight = _a.maxHeight;
+                    return getMinHeight(maxHeight);
+                });
+            }, 500);
+        }
+    }, [screenId]);
+    return (_jsx(BottomSheetStyled, __assign({ ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
         } }, rest, { children: children })));

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface DragAndDropProps {
+    title: string;
+    onSuccess?: (files: File) => void;
+}
+declare const DragAndDrop: ({ title, onSuccess }: DragAndDropProps) => JSX.Element;
+export default DragAndDrop;

package/build/components/FileInput/DragAndDrop.js

@@ -0,0 +1,39 @@
+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 Box from '@mui/material/Box';
+import { alpha, styled } from '@mui/material/styles';
+import Input from '../Input';
+import Text from '../Text';
+import { useDropzone } from 'react-dropzone';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ direction: theme.direction }, theme.typography.subtitle2), { color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightRegular, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), border: "1px dashed ".concat(alpha(theme.palette.divider, 0.8)), width: '50%', cursor: 'pointer' }));
+});
+var UploadInputStyled = styled(Input)(function () { return ({
+    display: 'none'
+}); });
+var DragAndDrop = function (_a) {
+    var title = _a.title, onSuccess = _a.onSuccess;
+    var _b = useDropzone({
+        maxFiles: 1,
+        noKeyboard: true,
+        noClick: true,
+        multiple: false,
+        accept: { 'image/jpeg': ['.jpeg'], 'image/png': ['.png'], 'image/jpg': ['.jpg'], 'application/pdf': ['.pdf'] },
+        onDrop: function (files) {
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(files === null || files === void 0 ? void 0 : files[0]);
+        }
+    }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps;
+    return (_jsxs(BoxStyled, __assign({}, getRootProps({ className: 'dropzone' }), { children: [_jsx(Text, __assign({ sx: { fontSize: '12px' } }, { children: title })), _jsx(UploadInputStyled, { inputProps: __assign({}, getInputProps()) })] })));
+};
+export default DragAndDrop;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface UploadInputProps {
+    title: string;
+    onChange: (file: File) => void;
+}
+declare const UploadInput: ({ title, onChange }: UploadInputProps) => JSX.Element;
+export default UploadInput;

package/build/components/FileInput/UploadInput.js

@@ -0,0 +1,38 @@
+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 { styled } from '@mui/material/styles';
+import React from 'react';
+import Box from '@mui/material/Box';
+import Input from '../../components/Input';
+import Text from '../Text';
+var UploadInputStyled = styled(Input)(function () { return ({
+    display: 'none'
+}); });
+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(1.5, 2.5, 1.5), cursor: 'pointer', width: '50%' }));
+});
+var UploadInput = function (_a) {
+    var title = _a.title, onChange = _a.onChange;
+    var fileRef = React.useRef(null);
+    var openDeviceMedia = function () {
+        var _a;
+        (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    var onFileChange = function (event) {
+        if (event.target.files)
+            onChange === null || onChange === void 0 ? void 0 : onChange(event.target.files[0]);
+    };
+    return (_jsxs(UploadBoxStyled, __assign({ onClick: openDeviceMedia }, { children: [_jsx(Text, __assign({ sx: { fontSize: '12px' } }, { children: title })), _jsx(UploadInputStyled, { onChange: onFileChange, id: 'upload-file-input', inputRef: fileRef, type: 'file', inputProps: { accept: '.png,.jpg,.pdf,.jpeg' } })] })));
+};
+export default UploadInput;

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

@@ -0,0 +1,3 @@
+import UploadInput from './UploadInput';
+import DragAndDrop from './DragAndDrop';
+export { DragAndDrop, UploadInput };

package/build/components/FileInput/index.js

@@ -0,0 +1,3 @@
+import UploadInput from './UploadInput';
+import DragAndDrop from './DragAndDrop';
+export { DragAndDrop, UploadInput };

package/build/constants/api.d.ts

@@ -8,7 +8,6 @@ export declare const ENDPOINT_PATHS: {
     OPERATOR: string;
     AUTH: string;
     LEAD: string;
-    LEAD_IDENTITY: string;
     LEAD_IDENTITY_VERIFY: string;
     RETRIEVE_ENTITY_LIST: string;
     ENTITY: string;
@@ -26,4 +25,7 @@ export declare const ENDPOINT_PATHS: {
     BANK: string;
     IBAN_BANK: string;
     BRAND_LIST: string;
+    OCCUPATION: string;
+    INDIVIDUAL: string;
+    FILES_PATH: string;
 };

package/build/constants/api.js

@@ -7,10 +7,10 @@ var IP_PATH = '/ip';
 var OPERATOR_PATH = '/operator';
 var AUTH_PATH = '/auth';
 var LEAD_PATH = '/lead';
-var LEAD_IDENTITY_PATH = '/lead/identity';
 var LEAD_IDENTITY_VERIFY_PATH = 'lead/identity/verify';
 var RETRIEVE_ENTITY_LIST_PATH = '/lead/entity/list';
 var ENTITY_PATH = '/entity';
+var INDIVIDUAL_PATH = '/individual';
 var BANK_PATH = '/entity/bankaccount';
 var IBAN_PATH = '/iban';
 var CHECK_EMAIL = '/lead/identity/emailcheck';
@@ -23,8 +23,10 @@ var EXPECTED_CUSTOMERS_PATH = '/v2/expectedCustomers';
 var SIGNUP_PATH = '/signup';
 var SOURCE_INCOME_PATH = '/v2/sourceOfIncome';
 var MONTHLY_INCOME_PATH = '/v2/monthlyIncome';
+var OCCUPATION_PATH = '/v2/occupation';
 var BRAND_LIST_PATH = '/brand/list';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/locale.json';
+var FILES = '/files';
 export var ENDPOINT_PATHS = {
     SANDBOX_BASE_URL: SANDBOX_BASE_URL,
     PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
@@ -35,7 +37,6 @@ export var ENDPOINT_PATHS = {
     OPERATOR: OPERATOR_PATH,
     AUTH: AUTH_PATH,
     LEAD: LEAD_PATH,
-    LEAD_IDENTITY: LEAD_IDENTITY_PATH,
     LEAD_IDENTITY_VERIFY: LEAD_IDENTITY_VERIFY_PATH,
     RETRIEVE_ENTITY_LIST: RETRIEVE_ENTITY_LIST_PATH,
     ENTITY: ENTITY_PATH,
@@ -52,5 +53,8 @@ export var ENDPOINT_PATHS = {
     MONTHLY_INCOME: MONTHLY_INCOME_PATH,
     BANK: BANK_PATH,
     IBAN_BANK: IBAN_PATH,
-    BRAND_LIST: BRAND_LIST_PATH
+    BRAND_LIST: BRAND_LIST_PATH,
+    OCCUPATION: OCCUPATION_PATH,
+    INDIVIDUAL: INDIVIDUAL_PATH,
+    FILES_PATH: FILES
 };

package/build/constants/app.d.ts

@@ -110,6 +110,7 @@ export declare const PASSWORD_STEP_NAMES: {
     PHONE_AUTH: string;
     PASSWORD_CREATE: string;
     PASSWORD_SUCCESS: string;
+    RESET_PASSWORD: string;
 };
 export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export declare const ENCRYPTION_FLAG = "encryption_contract";
@@ -136,3 +137,7 @@ export declare const OTHER_CR_LICENSE: {
     };
     type: BusinessType;
 };
+export declare const PASSWORD_OPERATION_TYPE: {
+    SET_PASSWORD: string;
+    RESET_PASSWORD: string;
+};