@tap-payments/auth-jsconnect 1.0.60 → 1.0.61

package/build/assets/locales/ar.json

@@ -231,5 +231,6 @@
     "tax_flow_pending": "Tax",
     "individual_flow_pending": "Individual",
     "bank_flow_pending": "Bank",
-    "password_flow_pending": "Password"
+    "password_flow_pending": "Password",
+    "continue": "Continue"
 }

package/build/assets/locales/en.json

@@ -245,5 +245,6 @@
     "tax_flow_pending": "Tax",
     "individual_flow_pending": "Individual",
     "bank_flow_pending": "Bank",
-    "password_flow_pending": "Password"
+    "password_flow_pending": "Password",
+    "continue": "Continue"
 }

package/build/constants/app.js

@@ -95,7 +95,7 @@ export var BUSINESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'BUSINESS_SUCCESS_STEP',
-        next: '',
+        next: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         prev: 'BUSINESS_CUSTOMERS_STEP',
         order: 6
     },

package/build/features/Landing/Landing.js

@@ -13,15 +13,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } 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 { getParameterByName, reactElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
 import { LANDING_SCREENS_NAVIGATION } from '../../constants';
 import { landingFeatureScreens } from '../featuresScreens';
-import CustomFooter from '../shared/Footer';
 import { verifyAuthToken } from '../app/landing/landingStore';
 var Landing = memo(function (props) {
     var open = React.useState(true)[0];
@@ -41,11 +38,11 @@ var Landing = memo(function (props) {
         if (!loading)
             verifyToken();
     }, [loading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: landingFeatureScreens.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));
-                }) }) })) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: landingFeatureScreens.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 LandingLib(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Landing, __assign({}, props)) })));

package/build/features/Landing/screens/VerifyAndRedirect/VerifyAndRedirect.js

@@ -4,32 +4,18 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { settingsSelector } from '../../../../app/settings';
 import { landingSelector } from '../../../app/landing/landingStore';
-import BouncingDotsLoader from '../../../shared/BouncingDotsLoader';
 import { useAppSelector } from '../../../../hooks';
-import Text from '../../../../components/Text';
+import Loader from '../../../../components/AnimationFlow/Loader';
+import Error from '../../../../components/AnimationFlow/Error';
 import { getParameterByName } from '../../../../utils';
-var TextStyledWithThreeDots = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        fontWeight: theme.typography.fontWeightBold,
-        fontSize: theme.spacing(3),
-        color: theme.palette.text.primary,
-        marginBottom: '5px'
-    });
-});
 var ScreenContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'flex',
-        height: theme.spacing(23),
         justifyContent: 'center',
-        alignItems: 'center'
-    });
-});
-var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex'
+        alignItems: 'center',
+        width: '100vw',
+        height: '100vh'
     });
 });
 var VerifyAndRedirect = function (_a) {
@@ -50,6 +36,6 @@ var VerifyAndRedirect = function (_a) {
             }, 300);
         }
     }, [data.verify.responseBody]);
-    return (_jsxs(ScreenContainerStyled, { children: [isLoading && (_jsxs(ContainerStyled, { children: [_jsx(TextStyledWithThreeDots, { children: "Verifying" }), _jsx(BouncingDotsLoader, {})] })), errorMessage && _jsx(TextStyledWithThreeDots, { children: errorMessage }), !isLoading && !errorMessage && _jsx(TextStyledWithThreeDots, { children: "Verified" })] }));
+    return (_jsxs(ScreenContainerStyled, { children: [isLoading && _jsx(Loader, {}), errorMessage && _jsx(Error, { error: errorMessage }), !isLoading && !errorMessage && _jsx(Error, { error: 'verified' })] }));
 };
 export default React.memo(VerifyAndRedirect);

package/build/features/app/connect/connectStore.js

@@ -259,14 +259,18 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
     });
 }); });
 export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, instagram, twitter, payload, data;
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, connect, instagram, twitter, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return __generator(this, function (_m) {
+        switch (_m.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                instagram = !!((_b = params.links) === null || _b === void 0 ? void 0 : _b.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_c = params.links) === null || _c === void 0 ? void 0 : _c.twitter) : '';
-                twitter = !!((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) ? "".concat(TWITTER_URL, "/").concat((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) : '';
+                instagram = !!((_c = params.links) === null || _c === void 0 ? void 0 : _c.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) : '';
+                twitter = !!((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) ? "".concat(TWITTER_URL, "/").concat((_f = params.links) === null || _f === void 0 ? void 0 : _f.twitter) : '';
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     brand: {
                         name: {
@@ -274,20 +278,20 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                             ar: params.brandName,
                             zh: params.brandName
                         },
-                        website: (_f = params.links) === null || _f === void 0 ? void 0 : _f.website,
+                        website: (_g = params.links) === null || _g === void 0 ? void 0 : _g.website,
                         social: [twitter, instagram]
                     },
-                    id: ((_g = connect.data.otpData.responseBody) === null || _g === void 0 ? void 0 : _g.lead_id) || '',
+                    id: (isExistingUser ? (_h = brandData.responseBody) === null || _h === void 0 ? void 0 : _h.lead_id : (_j = otpData.responseBody) === null || _j === void 0 ? void 0 : _j.lead_id) || '',
                     terms_conditions_accepted: params.termAndConditionChecked,
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
                     encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh', 'social[0]', 'social[1]']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_k.sent()).data;
+                data = (_m.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, params);
+                    (_l = (_k = settings.data.appConfig).onStepCompleted) === null || _l === void 0 ? void 0 : _l.call(_k, settings.data.activeScreen.name, params);
                 }
                 return [2, { response: data, formData: params }];
         }
@@ -336,23 +340,27 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
     });
 });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, connect, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
                     email_url: getClientEmailUrl(),
-                    id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
+                    id: (isExistingUser ? (_c = brandData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id : (_d = otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
+                data = (_j.sent()).data;
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });
                 return [2, { response: data, formData: params }];
         }
     });
@@ -608,7 +616,7 @@ export var connectSlice = createSlice({
             .addCase(checkBrandNameAvailability.fulfilled, function (state, action) {
             var _a;
             state.error = null;
-            state.data.brandData.responseBody = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response;
+            state.data.brandData.responseBody = __assign(__assign({}, state.data.brandData.responseBody), (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response);
         })
             .addCase(checkBrandNameAvailability.pending, function (state) {
             state.error = null;

package/build/features/business/screens/BusinessType/LicenseNumber.js

@@ -41,6 +41,6 @@ var LicenseNumber = function (_a) {
     var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
     var label = isCR ? 'cr_number' : 'fl_number';
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '0123456789' : '12345678', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '01f3c5x78n' : '1a3c5b78', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/business/screens/Success/Success.js

@@ -4,6 +4,7 @@ import { useAppDispatch } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import { updateLeadSuccess } from '../../../app/business/businessStore';
+import { handleNextScreenStep } from '../../../../app/settings';
 var Success = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
@@ -11,8 +12,8 @@ var Success = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () {
-        window.open('mailto:');
+        dispatch(handleNextScreenStep());
     };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
+    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess, successTitle: 'continue' });
 };
 export default React.memo(Success);

package/build/features/shared/SuccessScreen/SuccessScreen.d.ts

@@ -3,6 +3,7 @@ export interface ThankYouProps {
     title?: string;
     onSuccess?: () => void;
     showEmailProviders?: boolean;
+    successTitle?: string;
 }
-declare const _default: React.MemoExoticComponent<({ title, showEmailProviders, onSuccess }: ThankYouProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, showEmailProviders, onSuccess, successTitle }: ThankYouProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -64,9 +64,9 @@ var IconStyled = styled(Icon)(function (_a) {
         _b);
 });
 var ThankYou = function (_a) {
-    var title = _a.title, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess;
+    var title = _a.title, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(IconStyled, { src: ICONS_NAMES.EMAIL_ICON, alt: 'loading...' }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('open_gmail'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('open_outlook'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('open_apple'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(AbsherButton, __assign({ hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t('open_mail_box') })) }))] }));
+    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(IconStyled, { src: ICONS_NAMES.EMAIL_ICON, alt: 'loading...' }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('open_gmail'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('open_outlook'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('open_apple'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(AbsherButton, __assign({ hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t(successTitle || 'open_mail_box') })) }))] }));
 };
 export default React.memo(ThankYou);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.60",
+	"version": "1.0.61",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",

package/build/features/business/screens/BusinessType/CRNumber.d.ts

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

package/build/features/business/screens/BusinessType/CRNumber.js

@@ -1,41 +0,0 @@
-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 { CR_NUMBER_LENGTH } from '../../../../constants';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import Input from '../../../shared/Input';
-import Collapse from '../../../../components/Collapse';
-var CRNumber = function (_a) {
-    var _b;
-    var show = _a.show, readOnly = _a.readOnly;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var crNumberControl = useController({ control: control, name: 'crNumber' });
-    var handleFLNumberChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllCharsFromNumber(target.value);
-        crNumberControl.field.onChange(value);
-    };
-    var clearCRNumber = function () {
-        crNumberControl.field.onChange('');
-    };
-    var crNumberValue = crNumberControl.field.value;
-    var error = (_b = crNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t('enter_commercial_register_no'), onChange: handleFLNumberChange, inputProps: { maxLength: CR_NUMBER_LENGTH }, value: crNumberValue, endAdornment: (crNumberValue === null || crNumberValue === void 0 ? void 0 : crNumberValue.length) === CR_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (crNumberValue && _jsx(ClearIcon, { onClick: clearCRNumber })), placeholder: '0123456789', warningType: 'alert', warningMessage: error && t(error, { length: CR_NUMBER_LENGTH }) }) }) })));
-};
-export default React.memo(CRNumber);

package/build/features/business/screens/BusinessType/CompanyLicense.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { License } from '../../../../@types';
-interface CompanyLicenseProps {
-    show: boolean;
-    list: Array<License>;
-    onSelectLicense?: (number: string) => void;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-}
-declare const _default: React.MemoExoticComponent<({ show, list, ...rest }: CompanyLicenseProps) => JSX.Element>;
-export default _default;

package/build/features/business/screens/BusinessType/CompanyLicense.js

@@ -1,127 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useFormContext } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
-import { OTHER_LICENSE } from '../../../../constants';
-import CRNumber from './CRNumber';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBottom: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: 'pointer'
-        }
-    });
-});
-var LicenseContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var LicenseNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
-});
-var CompanyLicense = function (_a) {
-    var show = _a.show, list = _a.list, rest = __rest(_a, ["show", "list"]);
-    var _b = React.useState(list), licenseList = _b[0], setLicenseList = _b[1];
-    var _c = React.useState(), selectedLicense = _c[0], setSelectedLicense = _c[1];
-    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var setValue = useFormContext().setValue;
-    var onOpenLicenseList = function (event) {
-        var _a;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseLicenseList = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    React.useEffect(function () {
-        var array = list;
-        if ((array === null || array === void 0 ? void 0 : array.length) > 0) {
-            var hasOther = array === null || array === void 0 ? void 0 : array.find(function (item) { return isOtherLicense(item); });
-            var first = array[0];
-            if (first) {
-                setSelectedLicense(first);
-                setValue('crNumber', getLicenseNumber(first), { shouldValidate: true });
-                if (!hasOther)
-                    array = __spreadArray(__spreadArray([], array, true), [OTHER_LICENSE], false);
-                setLicenseList(array);
-            }
-        }
-    }, [show, list]);
-    var getLicenseNumber = function (item) {
-        var _a;
-        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    };
-    var getLicenseName = function (item) {
-        var _a, _b;
-        return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
-    };
-    var isOtherLicense = function (item) {
-        var _a;
-        return ((_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.en) === 'other';
-    };
-    var onSelectItem = function (license) {
-        setSelectedLicense(license);
-        onCloseLicenseList();
-        if (isOtherLicense(license))
-            setValue('crNumber', '');
-        else
-            setValue('crNumber', getLicenseNumber(license), { shouldValidate: true });
-    };
-    var hasList = (licenseList === null || licenseList === void 0 ? void 0 : licenseList.length) > 0;
-    var showCRNumber = !anchorEl;
-    var crReadonly = !isOtherLicense(selectedLicense);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_commercial_register_no'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList, onSelectItem: onSelectItem, renderItem: function (item) {
-                                    return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selectedLicense) }, { children: isOtherLicense(item)
-                                                        ? t(getLicenseNumber(item))
-                                                        : isAr
-                                                            ? getLicenseName(item)
-                                                            : getLicenseNumber(item) + '-' + getLicenseName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selectedLicense) && _jsx(CheckIcon, {})] }));
-                                } }) }))] })), _jsx(CRNumber, { show: showCRNumber, readOnly: crReadonly })] }) })));
-};
-export default React.memo(CompanyLicense);

package/build/features/business/screens/BusinessType/FLNumber.d.ts

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

package/build/features/business/screens/BusinessType/FLNumber.js

@@ -1,41 +0,0 @@
-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 { FL_NUMBER_LENGTH } from '../../../../constants';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import ClearIcon from '../../../shared/ClearIcon';
-import Input from '../../../shared/Input';
-import Collapse from '../../../../components/Collapse';
-var FLNumber = function (_a) {
-    var _b;
-    var show = _a.show, readOnly = _a.readOnly;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var flNumberControl = useController({ control: control, name: 'flNumber' });
-    var handleFLNumberChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllOtherThanCharsAndNumber(target.value);
-        flNumberControl.field.onChange(value);
-    };
-    var clearFLNumber = function () {
-        flNumberControl.field.onChange('');
-    };
-    var flNumberValue = flNumberControl.field.value;
-    var error = (_b = flNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t('enter_license_no'), onChange: handleFLNumberChange, inputProps: { maxLength: FL_NUMBER_LENGTH }, value: flNumberValue, endAdornment: (flNumberValue === null || flNumberValue === void 0 ? void 0 : flNumberValue.length) === FL_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (flNumberValue && _jsx(ClearIcon, { onClick: clearFLNumber })), placeholder: '12345678', warningType: 'alert', warningMessage: error && t(error, { length: FL_NUMBER_LENGTH }) }) }) })));
-};
-export default React.memo(FLNumber);

package/build/features/business/screens/BusinessType/FreelanceLicense.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { License } from '../../../../@types';
-interface FreelanceLicenseProps {
-    show: boolean;
-    list: Array<License>;
-    onSelectLicense?: (number: string) => void;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-}
-declare const _default: React.MemoExoticComponent<({ show, list, ...rest }: FreelanceLicenseProps) => JSX.Element>;
-export default _default;

package/build/features/business/screens/BusinessType/FreelanceLicense.js

@@ -1,127 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useFormContext } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import { useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import CheckIcon from '../../../shared/CheckIcon';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
-import { OTHER_LICENSE } from '../../../../constants';
-import SimpleList from '../../../../components/SimpleList';
-import FLNumber from './FLNumber';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBottom: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: 'pointer'
-        }
-    });
-});
-var LicenseContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var LicenseNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
-});
-var FreelanceLicense = function (_a) {
-    var show = _a.show, list = _a.list, rest = __rest(_a, ["show", "list"]);
-    var _b = React.useState(list), licenseList = _b[0], setLicenseList = _b[1];
-    var _c = React.useState(), selectedLicense = _c[0], setSelectedLicense = _c[1];
-    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var setValue = useFormContext().setValue;
-    var onOpenLicenseList = function (event) {
-        var _a;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseLicenseList = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    React.useEffect(function () {
-        var array = list;
-        if ((array === null || array === void 0 ? void 0 : array.length) > 0) {
-            var hasOther = array === null || array === void 0 ? void 0 : array.find(function (item) { return isOtherLicense(item); });
-            var first = array[0];
-            if (!!first) {
-                setSelectedLicense(first);
-                setValue('flNumber', getLicenseNumber(first), { shouldValidate: true });
-                if (!hasOther)
-                    array = __spreadArray(__spreadArray([], array, true), [OTHER_LICENSE], false);
-                setLicenseList(array);
-            }
-        }
-    }, [show, list]);
-    var getLicenseNumber = function (item) {
-        var _a;
-        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    };
-    var isOtherLicense = function (item) {
-        var _a;
-        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) === 'other';
-    };
-    var getLicenseName = function (item) {
-        var _a, _b;
-        return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
-    };
-    var onSelectItem = function (license) {
-        setSelectedLicense(license);
-        onCloseLicenseList();
-        if (isOtherLicense(license))
-            setValue('flNumber', '');
-        else
-            setValue('flNumber', getLicenseNumber(license), { shouldValidate: true });
-    };
-    var hasList = (licenseList === null || licenseList === void 0 ? void 0 : licenseList.length) > 0;
-    var showFLNumber = !anchorEl;
-    var flReadonly = !isOtherLicense(selectedLicense);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_freelance_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_fl'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList, onSelectItem: onSelectItem, renderItem: function (item) {
-                                    return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selectedLicense) }, { children: isOtherLicense(item)
-                                                        ? t(getLicenseNumber(item))
-                                                        : isAr
-                                                            ? getLicenseName(item)
-                                                            : getLicenseNumber(item) + '-' + getLicenseName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selectedLicense) && _jsx(CheckIcon, {})] }));
-                                } }) }))] })), _jsx(FLNumber, { show: showFLNumber, readOnly: flReadonly })] }) })));
-};
-export default React.memo(FreelanceLicense);

package/build/features/business/screens/Confirm/Confirm.d.ts

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

package/build/features/business/screens/Confirm/Confirm.js

@@ -1,56 +0,0 @@
-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 { useSelector } from 'react-redux';
-import { styled } from '@mui/material/styles';
-import { useAppDispatch, useLanguage } from '../../../../hooks';
-import { useTranslation } from 'react-i18next';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import { FormProvider, useForm } from 'react-hook-form';
-import Form from '../../../../components/Form';
-import Input from '../../../shared/Input';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { businessSelector, createAccount } from '../../../app/business/businessStore';
-import { BusinessType as BusinessTypeEnum } from '../../../../@types';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockEnd: theme.spacing(3)
-    });
-});
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var Confirm = function () {
-    var dispatch = useAppDispatch();
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var _a = useSelector(businessSelector), data = _a.data, loading = _a.loading, error = _a.error;
-    var _b = data.businessInfo, licenseNumber = _b.licenseNumber, brandName = _b.brandName, legalName = _b.legalName;
-    var isCR = data.businessTypeData.businessType === BusinessTypeEnum.CR;
-    var onSubmit = function () {
-        dispatch(createAccount());
-    };
-    var methods = useForm({
-        defaultValues: data.businessInfo,
-        mode: 'onChange'
-    });
-    var onBack = function () {
-        dispatch(handlePrevScreenStep());
-    };
-    var disabled = !methods.formState.isValid || !!error;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputStyled, { label: t(isCR ? 'signup_business_cr_info_title' : 'signup_business_fl_info_title'), value: licenseNumber, disabled: true }), _jsx(InputStyled, { label: t('signup_brand_name_label'), placeholder: t('signup_brand_name_label'), value: brandName, disabled: true }), _jsx(InputStyled, { sx: { marginBlockEnd: 0 }, label: t('signup_legal_name_label'), placeholder: t('signup_legal_name_label'), value: legalName, disabled: true }), _jsx(Button, __assign({ disabled: disabled, loading: loading, error: t(error || ''), onBackClicked: function () { return onBack(); }, isAr: isAr }, { children: t('confirm') }))] })) })) }));
-};
-export default React.memo(Confirm);

package/build/features/business/screens/Confirm/index.d.ts

@@ -1,3 +0,0 @@
-import Confirm, { ConfirmProps } from './Confirm';
-export type { ConfirmProps };
-export default Confirm;

package/build/features/business/screens/Confirm/index.js

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

package/build/features/connect/screens/Mobile/BusinessCountry.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface BusinessCountryProps {
-    country: CountryCode;
-    show: boolean;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<BusinessCountryProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/connect/screens/Mobile/BusinessCountry.js

@@ -1,40 +0,0 @@
-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 { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Icon from '../../../../components/Icon';
-import Input from '../../../shared/Input';
-import { useLanguage } from '../../../../hooks';
-var CountrySpanStyled = styled(Text)(function () { return ({
-    cursor: 'pointer'
-}); });
-var CountryIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.75),
-        height: theme.spacing(2),
-        verticalAlign: 'middle'
-    });
-});
-var BusinessCountry = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var country = _a.country, show = _a.show;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ ref: ref, sx: { marginBottom: '25px' } }, { children: _jsx(Input, { sx: { cursor: 'auto' }, label: t('signup_select_country'), readOnly: true, disabled: true, startAdornment: _jsx(CountrySpanStyled, { children: _jsx(CountryIconStyled, { src: (country === null || country === void 0 ? void 0 : country.logo) || '' }) }), placeholder: t('ide_mobile_placeholder'), value: (isAr ? (_b = country === null || country === void 0 ? void 0 : country.name) === null || _b === void 0 ? void 0 : _b.arabic : (_c = country === null || country === void 0 ? void 0 : country.name) === null || _c === void 0 ? void 0 : _c.english) || '' }) })) })));
-});
-export default React.memo(BusinessCountry);

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

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

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

@@ -1,60 +0,0 @@
-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 { useSelector } from 'react-redux';
-import { useAppDispatch } from '../../../../hooks';
-import { useForm, FormProvider } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { styled } from '@mui/material/styles';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import { clearError, connectSelector } from '../../../app/connect/connectStore';
-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 dispatch = useAppDispatch();
-    var _b = useSelector(connectSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var methods = useForm({
-        resolver: yupResolver(PasswordValidationSchema),
-        defaultValues: {
-            password: ''
-        },
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var isAbsher = data.otpData.isAbsher;
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid]);
-    var onSubmit = function (formData) {
-        console.log(formData);
-    };
-    var onBack = function () {
-        dispatch(handlePrevScreenStep(isAbsher ? 'CONNECT_NID_STEP' : 'CONNECT_MOBILE_STEP'));
-    };
-    var disabled = !methods.formState.isValid || !!error;
-    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: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
-};
-export default React.memo(Password);

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-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);

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

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

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

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

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

@@ -1,8 +0,0 @@
-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 +0,0 @@
-import * as yup from 'yup';
-export var PasswordValidationSchema = yup.object().shape({
-    password: yup.string().min(8, 'enter_valid_password').required('password_required')
-});