@tap-payments/auth-jsconnect 1.0.16 → 1.0.20

package/build/features/connect/screens/Password/Password.js

@@ -1,49 +1,52 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useForm, FormProvider } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch } from '../../../../hooks';
-import { styled } from '@mui/material/styles';
-import { handleNextScreenStep } from '../../../../app/settings';
-import Form from '../../../../components/Form';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { useLanguage } from '../../../../hooks';
-import { PasswordValidationSchema } from './validation';
-import PasswordInput from './PasswordInput';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'space-between',
-    height: '100%'
-}); });
-var Password = function (_a) {
-    var methods = useForm({
-        resolver: yupResolver(PasswordValidationSchema),
-        defaultValues: {
-            password: ''
-        },
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var onSubmit = function (data) {
-        console.log('data', data);
-        dispatch(handleNextScreenStep());
-    };
-    return (_jsx(ScreenContainer, __assign({ sx: { height: 240 } }, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(PasswordInput, {}), _jsx(Button, __assign({ disabled: !methods.formState.isValid, isAr: isAr, loading: false }, { children: t('next') }))] })) })) })));
-};
-export default React.memo(Password);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useAppDispatch } from '../../../../hooks';
+import { styled } from '@mui/material/styles';
+import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import { useLanguage } from '../../../../hooks';
+import { PasswordValidationSchema } from './validation';
+import PasswordInput from './PasswordInput';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    height: '100%'
+}); });
+var Password = function (_a) {
+    var methods = useForm({
+        resolver: yupResolver(PasswordValidationSchema),
+        defaultValues: {
+            password: ''
+        },
+        mode: 'onChange'
+    });
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var onSubmit = function (data) {
+        console.log('data', data);
+        dispatch(handleNextScreenStep());
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(PasswordInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: !methods.formState.isValid, isAr: isAr, loading: false }, { children: t('next') }))] })) })) }));
+};
+export default React.memo(Password);

package/build/features/connect/screens/Password/PasswordInput.d.ts

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

package/build/features/connect/screens/Password/PasswordInput.js

@@ -1,39 +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 } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import PasswordIcon from '../../../shared/PasswordIcon';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-var PasswordInput = function (_a) {
-    var _b;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var _c = React.useState(false), showPassword = _c[0], setShowPassword = _c[1];
-    var passwordControl = useController({ control: control, name: 'password' });
-    var handlePasswordChange = function (_a) {
-        var target = _a.target;
-        passwordControl.field.onChange(target.value);
-    };
-    var handleShowPassword = function () {
-        setShowPassword(true);
-    };
-    var handleHidePassword = function () {
-        setShowPassword(false);
-    };
-    var passwordValue = passwordControl.field.value;
-    var error = (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 5 } }, { children: _jsx(Input, { label: t('tap_js_password_description'), inputProps: { autoComplete: 'off' }, onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('tap_js_password_placeholder'), type: showPassword ? 'text' : 'password', warningType: 'alert', warningMessage: error && t(error, { length: 8 }) }) })));
-};
-export default React.memo(PasswordInput);
+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 * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import PasswordIcon from '../../../shared/PasswordIcon';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+var PasswordInput = function (_a) {
+    var _b;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var _c = React.useState(false), showPassword = _c[0], setShowPassword = _c[1];
+    var passwordControl = useController({ control: control, name: 'password' });
+    var handlePasswordChange = function (_a) {
+        var target = _a.target;
+        passwordControl.field.onChange(target.value);
+    };
+    var handleShowPassword = function () {
+        setShowPassword(true);
+    };
+    var handleHidePassword = function () {
+        setShowPassword(false);
+    };
+    var passwordValue = passwordControl.field.value;
+    var error = (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('tap_js_password_description'), inputProps: { autoComplete: 'off' }, onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('tap_js_password_placeholder'), type: showPassword ? 'text' : 'password', warningType: 'alert', warningMessage: error && t(error, { length: 8 }) }) })));
+};
+export default React.memo(PasswordInput);

package/build/features/connect/screens/Password/index.d.ts

@@ -1,3 +1,3 @@
-import Password, { PasswordProps } from './Password';
-export type { PasswordProps };
-export default Password;
+import Password, { PasswordProps } from './Password';
+export type { PasswordProps };
+export default Password;

package/build/features/connect/screens/Password/index.js

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

package/build/features/connect/screens/Password/validation.d.ts

@@ -1,8 +1,8 @@
-import * as yup from 'yup';
-export declare const PasswordValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
+import * as yup from 'yup';
+export declare const PasswordValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    password: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

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

@@ -1,4 +1,4 @@
-import * as yup from 'yup';
-export var PasswordValidationSchema = yup.object().shape({
-    password: yup.string().min(8, 'enter_valid_password').required('password_required')
-});
+import * as yup from 'yup';
+export var PasswordValidationSchema = yup.object().shape({
+    password: yup.string().min(8, 'enter_valid_password').required('password_required')
+});

package/build/features/connect/screens/ThankYou/ThankYou.d.ts

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

package/build/features/connect/screens/ThankYou/ThankYou.js

@@ -1,14 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import SuccessScreen from '../../../../features/shared/SuccessScreen';
-var ThankYou = function (_a) {
-    var t = useTranslation().t;
-    var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
-    };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
-};
-export default React.memo(ThankYou);
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+import { useAppDispatch } from '../../../../hooks';
+import { updateLeadSuccess } from '../../../app/connect/connectStore';
+var ThankYou = function (_a) {
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var onSuccess = function () {
+        dispatch(updateLeadSuccess());
+    };
+    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
+};
+export default React.memo(ThankYou);

package/build/features/connect/screens/ThankYou/index.d.ts

@@ -1,3 +1,3 @@
-import ThankYou, { ThankYouProps } from './ThankYou';
-export type { ThankYouProps };
-export default ThankYou;
+import ThankYou, { ThankYouProps } from './ThankYou';
+export type { ThankYouProps };
+export default ThankYou;

package/build/features/connect/screens/ThankYou/index.js

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

package/build/features/featuresScreens.d.ts

@@ -1,7 +1,7 @@
-import { FeatureScreenStep } from '../@types';
-export declare const connectFeatureScreens: Array<FeatureScreenStep>;
-export declare const businessFeatureScreens: Array<FeatureScreenStep>;
-export declare const passwordFeatureScreens: Array<FeatureScreenStep>;
-export declare const individualFeatureScreens: Array<FeatureScreenStep>;
-export declare const bankFeatureScreens: Array<FeatureScreenStep>;
-export declare const taxFeatureScreens: Array<FeatureScreenStep>;
+import { FeatureScreenStep } from '../@types';
+export declare const connectFeatureScreens: Array<FeatureScreenStep>;
+export declare const businessFeatureScreens: Array<FeatureScreenStep>;
+export declare const passwordFeatureScreens: Array<FeatureScreenStep>;
+export declare const individualFeatureScreens: Array<FeatureScreenStep>;
+export declare const bankFeatureScreens: Array<FeatureScreenStep>;
+export declare const taxFeatureScreens: Array<FeatureScreenStep>;

package/build/features/featuresScreens.js

@@ -1,124 +1,129 @@
-import MIDScreen from './connect/screens/MID';
-import IndividualScreen from './connect/screens/Individual';
-import MerchantInfoScreen from './connect/screens/Merchant';
-import ConnectOTPScreen from './connect/screens/OTP';
-import ThankYouScreen from './connect/screens/ThankYou';
-import PasswordScreen from './connect/screens/Password';
-import CustomersPage from './business/screens/Customers';
-import IDBODPage from './business/screens/IDBOD';
-import VerifyNumberPage from './business/screens/VerifyNumber';
-import BusinessOTPPage from '../features/business/screens/OTP';
-import BusinessTypePage from './business/screens/BusinessType';
-import ActivitiesPage from './business/screens/Activities';
-import SuccessPage from './business/screens/Success';
-import ConfirmPage from './business/screens/Confirm';
-import CreatePasswordPage from './password/screens/CreatePassword';
-import SuccessPasswordPage from './password/screens/Success';
-import ShowIndividualInfoPage from './individual/screens/ShowIndividualInfo';
-import AdditionalIndividualInfoPage from './individual/screens/AdditionalIndividualInfo';
-import SuccessOwnerPage from './individual/screens/Success';
-import BankDetailsPage from './bank/screens/BankDetails';
-import BankSuccessPage from './bank/screens/Success';
-import TaxDetailsPage from './tax/screens/TaxDetails';
-import TaxSuccessPage from './tax/screens/Success';
-export var connectFeatureScreens = [
-    {
-        name: 'CONNECT_MID_STEP',
-        element: MIDScreen
-    },
-    {
-        name: 'CONNECT_OTP_STEP',
-        element: ConnectOTPScreen
-    },
-    {
-        name: 'CONNECT_INDIVIDUAL_STEP',
-        element: IndividualScreen
-    },
-    {
-        name: 'CONNECT_PASSWORD_STEP',
-        element: PasswordScreen
-    },
-    {
-        name: 'CONNECT_MERCHANT_INFO_STEP',
-        element: MerchantInfoScreen
-    },
-    {
-        name: 'CONNECT_THANK_YOU_STEP',
-        element: ThankYouScreen
-    }
-];
-export var businessFeatureScreens = [
-    {
-        name: 'BUSINESS_VERIFY_NUMBER_STEP',
-        element: VerifyNumberPage
-    },
-    {
-        name: 'BUSINESS_IDBOD_STEP',
-        element: IDBODPage
-    },
-    {
-        name: 'BUSINESS_OTP_STEP',
-        element: BusinessOTPPage
-    },
-    {
-        name: 'BUSINESS_BUSINESS_TYPE_STEP',
-        element: BusinessTypePage
-    },
-    {
-        name: 'BUSINESS_CONFIRM_STEP',
-        element: ConfirmPage
-    },
-    {
-        name: 'BUSINESS_ACTIVITIES_STEP',
-        element: ActivitiesPage
-    },
-    {
-        name: 'BUSINESS_CUSTOMERS_STEP',
-        element: CustomersPage
-    },
-    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage }
-];
-export var passwordFeatureScreens = [
-    {
-        name: 'PASSWORD_CREATE_PASSWORD_STEP',
-        element: CreatePasswordPage
-    },
-    {
-        name: 'PASSWORD_SUCCESS_STEP',
-        element: SuccessPasswordPage
-    }
-];
-export var individualFeatureScreens = [
-    {
-        name: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
-        element: ShowIndividualInfoPage
-    },
-    {
-        name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
-        element: AdditionalIndividualInfoPage
-    },
-    {
-        name: 'INDIVIDUAL_SUCCESS_STEP',
-        element: SuccessOwnerPage
-    }
-];
-export var bankFeatureScreens = [
-    {
-        name: 'BANK_BANK_DETAILS_STEP',
-        element: BankDetailsPage
-    },
-    {
-        name: 'BANK_DETAILS_SUCCESS_STEP',
-        element: BankSuccessPage
-    }
-];
-export var taxFeatureScreens = [
-    {
-        name: 'TAX_TAX_DETAILS_STEP',
-        element: TaxDetailsPage
-    },
-    {
-        name: 'TAX_DETAILS_SUCCESS_STEP',
-        element: TaxSuccessPage
-    }
-];
+import MobileScreen from '../features/connect/screens/Mobile';
+import NIDScreen from './connect/screens/NID';
+import IndividualScreen from './connect/screens/Individual';
+import MerchantInfoScreen from './connect/screens/Merchant';
+import ConnectOTPScreen from './connect/screens/OTP';
+import ThankYouScreen from './connect/screens/ThankYou';
+import PasswordScreen from './connect/screens/Password';
+import CustomersPage from './business/screens/Customers';
+import IDBODPage from './business/screens/IDBOD';
+import VerifyNumberPage from './business/screens/VerifyNumber';
+import BusinessOTPPage from '../features/business/screens/OTP';
+import BusinessTypePage from './business/screens/BusinessType';
+import ActivitiesPage from './business/screens/Activities';
+import SuccessPage from './business/screens/Success';
+import ConfirmPage from './business/screens/Confirm';
+import CreatePasswordPage from './password/screens/CreatePassword';
+import SuccessPasswordPage from './password/screens/Success';
+import ShowIndividualInfoPage from './individual/screens/ShowIndividualInfo';
+import AdditionalIndividualInfoPage from './individual/screens/AdditionalIndividualInfo';
+import SuccessOwnerPage from './individual/screens/Success';
+import BankDetailsPage from './bank/screens/BankDetails';
+import BankSuccessPage from './bank/screens/Success';
+import TaxDetailsPage from './tax/screens/TaxDetails';
+import TaxSuccessPage from './tax/screens/Success';
+export var connectFeatureScreens = [
+    {
+        name: 'CONNECT_MOBILE_STEP',
+        element: MobileScreen
+    },
+    {
+        name: 'CONNECT_NID_STEP',
+        element: NIDScreen
+    },
+    {
+        name: 'CONNECT_OTP_STEP',
+        element: ConnectOTPScreen
+    },
+    {
+        name: 'CONNECT_INDIVIDUAL_STEP',
+        element: IndividualScreen
+    },
+    {
+        name: 'CONNECT_PASSWORD_STEP',
+        element: PasswordScreen
+    },
+    {
+        name: 'CONNECT_MERCHANT_INFO_STEP',
+        element: MerchantInfoScreen
+    },
+    {
+        name: 'CONNECT_THANK_YOU_STEP',
+        element: ThankYouScreen
+    }
+];
+export var businessFeatureScreens = [
+    {
+        name: 'BUSINESS_VERIFY_NUMBER_STEP',
+        element: VerifyNumberPage
+    },
+    {
+        name: 'BUSINESS_IDBOD_STEP',
+        element: IDBODPage
+    },
+    {
+        name: 'BUSINESS_OTP_STEP',
+        element: BusinessOTPPage
+    },
+    {
+        name: 'BUSINESS_BUSINESS_TYPE_STEP',
+        element: BusinessTypePage
+    },
+    {
+        name: 'BUSINESS_CONFIRM_STEP',
+        element: ConfirmPage
+    },
+    {
+        name: 'BUSINESS_ACTIVITIES_STEP',
+        element: ActivitiesPage
+    },
+    {
+        name: 'BUSINESS_CUSTOMERS_STEP',
+        element: CustomersPage
+    },
+    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage }
+];
+export var passwordFeatureScreens = [
+    {
+        name: 'PASSWORD_CREATE_PASSWORD_STEP',
+        element: CreatePasswordPage
+    },
+    {
+        name: 'PASSWORD_SUCCESS_STEP',
+        element: SuccessPasswordPage
+    }
+];
+export var individualFeatureScreens = [
+    {
+        name: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
+        element: ShowIndividualInfoPage
+    },
+    {
+        name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
+        element: AdditionalIndividualInfoPage
+    },
+    {
+        name: 'INDIVIDUAL_SUCCESS_STEP',
+        element: SuccessOwnerPage
+    }
+];
+export var bankFeatureScreens = [
+    {
+        name: 'BANK_BANK_DETAILS_STEP',
+        element: BankDetailsPage
+    },
+    {
+        name: 'BANK_DETAILS_SUCCESS_STEP',
+        element: BankSuccessPage
+    }
+];
+export var taxFeatureScreens = [
+    {
+        name: 'TAX_TAX_DETAILS_STEP',
+        element: TaxDetailsPage
+    },
+    {
+        name: 'TAX_DETAILS_SUCCESS_STEP',
+        element: TaxSuccessPage
+    }
+];

package/build/features/individual/Individual.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export interface IndividualLibProps {
-}
-export declare function IndividualLib(props: IndividualLibProps): JSX.Element;
-export declare function renderIndividualLib(config: IndividualLibProps, elementId: string): void;
-export declare function unmountIndividualLib(elementId: string): void;
+/// <reference types="react" />
+export interface IndividualLibProps {
+}
+export declare function IndividualLib(props: IndividualLibProps): JSX.Element;
+export declare function renderIndividualLib(config: IndividualLibProps, elementId: string): void;
+export declare function unmountIndividualLib(elementId: string): void;