@tap-payments/auth-jsconnect 2.1.93-test → 2.1.96-test

package/build/assets/locales/ar.json

@@ -387,5 +387,6 @@
     "share_count_hint": "0",
     "share_value_label": "قيمة السهم ({{currency}})",
     "share_value_hint": "0000",
-    "brand": "الاسم التجاري"
+    "brand": "الاسم التجاري",
+    "try_again": "حاول مرة أخرى"
 }

package/build/assets/locales/en.json

@@ -417,5 +417,6 @@
     "share_count_hint": "0",
     "share_value_label": "Share Value ({{currency}})",
     "share_value_hint": "0000",
-    "brand": "Brand"
+    "brand": "Brand",
+    "try_again": "Try again"
 }

package/build/features/app/brand/brandStore.js

@@ -498,6 +498,7 @@ export var brandSlice = createSlice({
             });
             state.data.brandData.segment = selectedSegment;
             state.data.brandData.teamSize = selectedTeamSize;
+            state.data.brandData.salesChannels = (brand === null || brand === void 0 ? void 0 : brand.channel_services) || [];
             state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), state.data.verify.responseBody), boardResponse), { board_id: data.id, channel_list: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.list) || [], salesChannels: brand === null || brand === void 0 ? void 0 : brand.channel_services, activities: entity === null || entity === void 0 ? void 0 : entity.activities, segmentsList: segmentsList, teamSizeList: teamSizeList });
             state.data.verify.token = token;
         })
@@ -539,6 +540,7 @@ export var brandSlice = createSlice({
             })) === null || _c === void 0 ? void 0 : _c[0];
             state.data.brandData.segment = selectedSegment;
             state.data.brandData.teamSize = selectedTeamSize;
+            state.data.brandData.salesChannels = (brand === null || brand === void 0 ? void 0 : brand.channel_services) || [];
             (_d = brand === null || brand === void 0 ? void 0 : brand.terms) === null || _d === void 0 ? void 0 : _d.forEach(function (element) {
                 if ((element === null || element === void 0 ? void 0 : element.term) === 'general') {
                     state.data.brandActivities.termAndConditionChecked = element.agree;

package/build/features/app/connectExpress/connectExpressStore.js

@@ -63,7 +63,7 @@ import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHE
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA } from '../../../utils';
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, countryCode, showBoard, data, phone, status, board_id, board_info_id, isRegistered, _b, boardInfo, boardData;
+    var _a, settings, connectExpress, countryCode, showBoard, data, phone, status, board_id, board_info_id, isRegistered, _b, boardInfo, boardData, error_1;
     var _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -92,16 +92,23 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if (!(isRegistered && board_id && board_info_id)) return [3, 3];
+                if (!(isRegistered && board_id && board_info_id)) return [3, 5];
+                _e.label = 2;
+            case 2:
+                _e.trys.push([2, 4, , 5]);
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id)
                     ])];
-            case 2:
+            case 3:
                 _b = _e.sent(), boardInfo = _b[0], boardData = _b[1];
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
                 return [2, { data: data, countryCode: countryCode, boardInfo: boardInfo, boardData: boardData }];
-            case 3: return [2, { data: data, countryCode: countryCode }];
+            case 4:
+                error_1 = _e.sent();
+                thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
+                return [2, { data: data, countryCode: countryCode }];
+            case 5: return [2, { data: data, countryCode: countryCode }];
         }
     });
 }); });
@@ -995,10 +1002,10 @@ export var connectSlice = createSlice({
         })
             .addCase(createAccountAsync.pending, function (state) {
             state.loading = true;
-            state.error = null;
         })
             .addCase(createAccountAsync.fulfilled, function (state, action) {
             state.loading = false;
+            state.error = null;
             state.data.responseData = __assign(__assign({}, state.data.responseData), action.payload);
         })
             .addCase(createAccountAsync.rejected, function (state, action) {

package/build/features/app/tax/taxStore.js

@@ -236,7 +236,7 @@ export var updateLeadSuccess = createAsyncThunk('taxUpdateLeadSuccess', function
                 (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
                 thunkApi.dispatch(handleNextScreenStep());
                 return [2, {
-                        response: __assign(__assign({}, data), { flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || [], user: boardData === null || boardData === void 0 ? void 0 : boardData.user, bank: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account, vatID: (_g = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _g === void 0 ? void 0 : _g.vat_id, merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant, individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals, business: boardData === null || boardData === void 0 ? void 0 : boardData.business }),
+                        response: __assign(__assign({}, data), { flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || [], user: boardData === null || boardData === void 0 ? void 0 : boardData.user, entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity, brand: boardData === null || boardData === void 0 ? void 0 : boardData.brand, bank: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account, vatID: (_g = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _g === void 0 ? void 0 : _g.vat_id, merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant, individuals: boardData === null || boardData === void 0 ? void 0 : boardData.individuals, business: boardData === null || boardData === void 0 ? void 0 : boardData.business }),
                         formData: params
                     }];
         }
@@ -374,8 +374,8 @@ export var taxSlice = createSlice({
                 state.error = description;
                 return;
             }
-            var flows = response.flows, steps = response.steps, user = response.user, bank_account = response.bank_account, vatID = response.vatID, merchant = response.merchant, individuals = response.individuals;
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps, bank_account: bank_account, name: user === null || user === void 0 ? void 0 : user.names, vatID: vatID, merchant: merchant, individuals: individuals });
+            var flows = response.flows, steps = response.steps, user = response.user, bank_account = response.bank_account, vatID = response.vatID, merchant = response.merchant, individuals = response.individuals, entity = response.entity, brand = response.brand;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps, bank_account: bank_account, name: user === null || user === void 0 ? void 0 : user.names, vatID: vatID, merchant: merchant, individuals: individuals, entity: entity, brand: brand });
         })
             .addCase(updateLeadSuccess.pending, function (state) {
             state.loading = true;

package/build/features/bank/Bank.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BANK_SCREENS_NAVIGATION } from '../../constants';
 import { bankFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function BankElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Bank, __assign({}, props)) })));
 }
 export function renderBankLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(BankElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/brand/Brand.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BRAND_SCREENS_NAVIGATION } from '../../constants';
 import { brandFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function BrandElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Brand, __assign({}, props)) })));
 }
 export function renderBrandLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(BrandElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/brand/screens/BrandInfo/BrandInfo.js

@@ -48,7 +48,7 @@ var BrandInfo = function (_a) {
         },
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, data.brandData);
+    useSetFromDefaultValues(methods, data.brandData, true);
     var onSubmit = function (data) {
         dispatch(updateBrand(data));
     };

package/build/features/brand/screens/BrandInfo/SalesChannels.js

@@ -25,7 +25,8 @@ var SalesChannels = function (_a) {
         }
     }, [selectedBrandItem]);
     React.useEffect(function () {
-        if ((defaultSalesChannels === null || defaultSalesChannels === void 0 ? void 0 : defaultSalesChannels.length) > 0) {
+        var _a;
+        if ((defaultSalesChannels === null || defaultSalesChannels === void 0 ? void 0 : defaultSalesChannels.length) > 0 && ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) === 0) {
             var sales = mapSalesChannel(defaultSalesChannels);
             field.onChange(sales);
         }

package/build/features/business/Business.js

@@ -20,7 +20,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { getParameterByName, createElementAndInject } from '../../utils';
+import { getParameterByName, findOrCreateElementAndInject } from '../../utils';
 import { BUSINESS_SCREENS_NAVIGATION } from '../../constants';
 import { businessFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
@@ -57,7 +57,7 @@ export function BusinessElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Business, __assign({}, props)) })));
 }
 export function renderBusinessLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(BusinessElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/connect/Connect.js

@@ -20,7 +20,7 @@ import { store } from '../../app/store';
 import { connectSelector, setDefaultCountryCode } from '../app/connect/connectStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { isKW, createElementAndInject } from '../../utils';
+import { isKW, findOrCreateElementAndInject } from '../../utils';
 import { CONNECT_SCREENS_NAVIGATION } from '../../constants';
 import { connectFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
@@ -59,7 +59,7 @@ export function ConnectElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Connect, __assign({}, props)) })));
 }
 export function renderConnectLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(ConnectElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/connectExpress/ConnectExpress.js

@@ -31,7 +31,7 @@ import { store } from '../../app/store';
 import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync, setShowBoard } from '../app/connectExpress/connectExpressStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { isKW, createElementAndInject } from '../../utils';
+import { isKW, findOrCreateElementAndInject } from '../../utils';
 import { CONNECT_EXPRESS_SCREENS_NAVIGATION } from '../../constants';
 import { connectExpressFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
@@ -76,7 +76,7 @@ export function ConnectExpressElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(ConnectExpress, __assign({}, props)) })));
 }
 export function renderConnectExpressLib(config, elementId) {
-    var el = createElementAndInject(elementId);
+    var el = findOrCreateElementAndInject(elementId);
     var root = createRoot(el);
     root.render(_jsx(ConnectExpressElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/connectExpress/screens/CreateAccountLoader/CreateAccountLoader.js

@@ -1,14 +1,34 @@
+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 { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { isNetworkError } from '../../../../utils';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { connectExpressSelector, createAccountAsync } from '../../../app/connectExpress/connectExpressStore';
 import CreateAccountLoading from '../../../shared/CreateAccountLoading';
+import Button from '../../../shared/Button';
 var CreateAccountLoader = function (_a) {
     var dispatch = useAppDispatch();
-    var error = useAppSelector(connectExpressSelector).error;
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var _b = useAppSelector(connectExpressSelector), error = _b.error, loading = _b.loading;
     React.useEffect(function () {
         dispatch(createAccountAsync());
     }, []);
-    return _jsx(CreateAccountLoading, { error: error });
+    var onReTry = function () {
+        dispatch(createAccountAsync());
+    };
+    var isNE = React.useMemo(function () { return isNetworkError(error); }, [error]);
+    return (_jsx(CreateAccountLoading, __assign({ error: error }, { children: isNE && (_jsx(Button, __assign({ onClick: onReTry, disableBack: true, isAr: isAr, loading: loading }, { children: t('try_again') }))) })));
 };
 export default React.memo(CreateAccountLoader);

package/build/features/entity/Entity.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { ENTITY_SCREENS_NAVIGATION } from '../../constants';
 import { entityFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function EntityElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Entity, __assign({}, props)) })));
 }
 export function renderEntityLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(EntityElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/individual/Individual.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { INDIVIDUAL_SCREENS_NAVIGATION } from '../../constants';
 import { individualFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function IndividualElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Individual, __assign({}, props)) })));
 }
 export function renderIndividualLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(IndividualElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/password/Password.js

@@ -19,7 +19,7 @@ import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { FeatureContainer } from '../shared/Containers';
-import { getParameterByName, createElementAndInject } from '../../utils';
+import { getParameterByName, findOrCreateElementAndInject } from '../../utils';
 import { PASSWORD_OPERATION_TYPE, PASSWORD_SCREENS_NAVIGATION } from '../../constants';
 import { passwordFeatureScreens } from '../featuresScreens';
 import { passwordSelector, verifyLeadToken, verifyOperationToken } from '../app/password/passwordStore';
@@ -64,7 +64,7 @@ export function PasswordElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Password, __assign({}, props)) })));
 }
 export function renderPasswordLib(config, elementId) {
-    var el = createElementAndInject(elementId);
+    var el = findOrCreateElementAndInject(elementId);
     var root = createRoot(el);
     root.render(_jsx(PasswordElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/shared/Button/Button.js

@@ -93,8 +93,19 @@ export default function CustomButton(_a) {
         if (error)
             setBtnLoading(false);
     }, [loading, error]);
+    React.useEffect(function () {
+        if (!loading)
+            setTimeout(function () {
+                setBtnLoading(false);
+            }, 1500);
+    }, [loading]);
     React.useEffect(function () {
         setBtnLoading(false);
+        return function () {
+            setTimeout(function () {
+                setBtnLoading(false);
+            }, 500);
+        };
     }, []);
     return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false ? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) : undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!btnLoading })) }))] })] }));
 }

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export interface CreateAccountLoadingProps {
     error?: string | null;
+    children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ error }: CreateAccountLoadingProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ error, children }: CreateAccountLoadingProps) => JSX.Element>;
 export default _default;

package/build/features/shared/CreateAccountLoading/CreateAccountLoading.js

@@ -51,8 +51,8 @@ var SubTitleStyled = styled(Text)(function (_a) {
     return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, lineHeight: '16.8px', textAlign: 'center' }));
 });
 var CreateAccountLoading = function (_a) {
-    var error = _a.error;
+    var error = _a.error, children = _a.children;
     var t = useTranslation().t;
-    return (_jsx(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: _jsxs(TitleContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t('creating_account_title') }), _jsx(SubTitleStyled, { children: t('creating_account_description') })] })] }))] }) })));
+    return (_jsxs(ScreenContainer, __assign({ sx: __assign({}, (!children && { mb: 2.5 })) }, { children: [_jsxs(TitleContainerStyled, __assign({ sx: __assign({}, (children && { mb: 0 })) }, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t('creating_account_title') }), _jsx(SubTitleStyled, { children: t('creating_account_description') })] })] }))] })), children] })));
 };
 export default React.memo(CreateAccountLoading);

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -59,7 +59,7 @@ var SuccessFlowButtons = function (_a) {
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = vat_id || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || t('brand');
-    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || '';
+    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || t('entity');
     var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
     var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
     var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_d = identification === null || identification === void 0 ? void 0 : identification.id) === null || _d === void 0 ? void 0 : _d.slice(-2)) : '';

package/build/features/signIn/SignIn.js

@@ -18,7 +18,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { SigIn_SCREENS_NAVIGATION } from '../../constants';
 import { signInFeatureScreens } from '../featuresScreens';
@@ -43,7 +43,7 @@ export function SignInElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(SignIn, __assign({}, props)) })));
 }
 export function renderSignInLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(SignInElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/tax/Tax.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { TAX_SCREENS_NAVIGATION } from '../../constants';
 import { taxFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function TaxElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
 }
 export function renderTaxLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(TaxElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/utils/error.d.ts

@@ -0,0 +1 @@
+export declare const isNetworkError: (error: string | null) => boolean;

package/build/utils/error.js

@@ -0,0 +1,3 @@
+export var isNetworkError = function (error) {
+    return ['network error', 'network request failed'].includes((error || '').trim().toLowerCase());
+};

package/build/utils/html.d.ts

@@ -1,4 +1,4 @@
-export declare const createElementAndInject: (id: string) => HTMLDivElement;
+export declare const findOrCreateElementAndInject: (id: string) => HTMLElement;
 export declare const scrollUp: (elementId: string, top?: number) => void;
 export declare const scrollDown: (elementId: string) => void;
 export declare const removeElement: (elementId: string) => void;

package/build/utils/html.js

@@ -1,4 +1,7 @@
-export var createElementAndInject = function (id) {
+export var findOrCreateElementAndInject = function (id) {
+    var elementExist = document.getElementById(id);
+    if (elementExist)
+        return elementExist;
     var element = document.createElement('div');
     element.setAttribute('id', id || 'tap-connect-sdk-element');
     document.body.prepend(element);

package/build/utils/index.d.ts

@@ -9,3 +9,4 @@ export * from './device';
 export * from './rsa';
 export * from './common';
 export * from './date';
+export * from './error';

package/build/utils/index.js

@@ -9,3 +9,4 @@ export * from './device';
 export * from './rsa';
 export * from './common';
 export * from './date';
+export * from './error';

package/package.json

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