@tap-payments/auth-jsconnect 2.6.61-test → 2.6.83-test

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

@@ -217,10 +217,11 @@ export interface LibConfig extends LibCallbacks {
     appInfo: AppInfo;
     businessCountryCode?: string;
     scope: string;
+    platforms?: Array<string>;
     postURL?: string;
     redirectUrl?: string;
     data?: Array<string>;
-    mode?: 'popup' | 'page';
+    mode?: 'popup' | 'page' | 'content';
     boardMaturity?: boolean;
 }
 export interface OSDetails {

package/build/api/auth.d.ts

@@ -84,6 +84,24 @@ export declare type getExpressTokenVerifyParams = {
     token: string;
     leadId: string;
 };
+export declare type ConfigBody = {
+    board: boolean;
+    public_key: string;
+    domain: string;
+    language: string;
+    country: string;
+    scope: string;
+    lead_id: string;
+    maturity: boolean;
+    board_maturity?: boolean;
+    notification?: {
+        email: boolean;
+        sms: boolean;
+    };
+    post?: {
+        url: string;
+    };
+};
 declare const authService: {
     createAuth: (data: CreateAuthBody, config?: AxiosRequestConfig) => Promise<any>;
     verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -97,5 +115,6 @@ declare const authService: {
     createExpressLeadIdentityAuth: (data: CreateAuthBody) => Promise<any>;
     getVerifyExpressAuth: (token: string, config?: AxiosRequestConfig) => Promise<any>;
     getExpressTokenVerify: ({ token, leadId }: getExpressTokenVerifyParams, config?: AxiosRequestConfig) => Promise<any>;
+    generateConfigToken: (body: ConfigBody) => Promise<any>;
 };
 export { authService };

package/build/api/auth.js

@@ -68,6 +68,13 @@ var createAuthKitNID = function (data) {
         data: data
     });
 };
+var generateConfigToken = function (body) {
+    return httpClient({
+        method: 'post',
+        url: ENDPOINT_PATHS.CONNECT,
+        data: body
+    });
+};
 var authService = {
     createAuth: createAuth,
     verifyAuth: verifyAuth,
@@ -80,6 +87,7 @@ var authService = {
     verifyExpressLeadIdentity: verifyExpressLeadIdentity,
     createExpressLeadIdentityAuth: createExpressLeadIdentityAuth,
     getVerifyExpressAuth: getVerifyExpressAuth,
-    getExpressTokenVerify: getExpressTokenVerify
+    getExpressTokenVerify: getExpressTokenVerify,
+    generateConfigToken: generateConfigToken
 };
 export { authService };

package/build/api/entity.d.ts

@@ -114,6 +114,11 @@ export declare type RemoveEntityActivity = {
         id: string;
     }>;
 };
+export declare type MerchantListBody = {
+    business_entity_id: string;
+    create_if_not_present: boolean;
+    platforms?: Array<string>;
+};
 declare const entityService: {
     createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -130,7 +135,7 @@ declare const entityService: {
     retrieveAllEntities: (id: string) => Promise<any>;
     removeEntityActivities: ({ id, ...data }: RemoveEntityActivity) => Promise<any>;
     getEntityListUsingIndividualId: (individualId: string) => Promise<any>;
-    getMerchantListUsingEntityId: (entityId: string) => Promise<any>;
+    getMerchantListUsingEntityId: (data: MerchantListBody) => Promise<any>;
     getTerminalListUsingMerchantId: (merchantId: string) => Promise<any>;
 };
 export { entityService };

package/build/api/entity.js

@@ -106,14 +106,11 @@ var getEntityListUsingIndividualId = function (individualId) {
         }
     });
 };
-var getMerchantListUsingEntityId = function (entityId) {
+var getMerchantListUsingEntityId = function (data) {
     return httpClient({
         method: 'post',
         url: "".concat(ENDPOINT_PATHS.MERCHANT, "/list"),
-        data: {
-            create_if_not_present: true,
-            business_entity_id: entityId
-        }
+        data: data
     });
 };
 var getTerminalListUsingMerchantId = function (merchantId) {

package/build/api/index.d.ts

@@ -1,9 +1,9 @@
 import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, getAxiosHeaders } from './axios';
 import { ValidateOperatorBody, ConfirmBody } from './operator';
-import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody } from './auth';
+import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody, ConfigBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody, ExpressLeadVerifyBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
-import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, UpdateEntityAOAFileBody, RemoveEntityActivity } from './entity';
+import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, UpdateEntityAOAFileBody, RemoveEntityActivity, MerchantListBody } from './entity';
 import { CreateAccountBody, ExpressCreateAccountBody } from './account';
 import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody, UpdateIndividualBody, GetIndividualListBody, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody } from './individual';
@@ -42,6 +42,7 @@ declare const API: {
         createExpressLeadIdentityAuth: (data: CreateAuthBody) => Promise<any>;
         getVerifyExpressAuth: (token: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
         getExpressTokenVerify: ({ token, leadId }: import("./auth").getExpressTokenVerifyParams, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
+        generateConfigToken: (body: ConfigBody) => Promise<any>;
     };
     leadService: {
         createLead: (data: CreateLeadBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -54,7 +55,7 @@ declare const API: {
         retrieveLeadIdentity: (leadId: string) => Promise<any>;
         updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
         verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
-        createVerifyTokenByBoardId: (boardId: string) => Promise<any>;
+        createVerifyTokenByBoardId: (data: import("./lead").CreateVerifyTokenBody) => Promise<any>;
     };
     entityService: {
         createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -72,7 +73,7 @@ declare const API: {
         retrieveAllEntities: (id: string) => Promise<any>;
         removeEntityActivities: ({ id, ...data }: RemoveEntityActivity) => Promise<any>;
         getEntityListUsingIndividualId: (individualId: string) => Promise<any>;
-        getMerchantListUsingEntityId: (entityId: string) => Promise<any>;
+        getMerchantListUsingEntityId: (data: MerchantListBody) => Promise<any>;
         getTerminalListUsingMerchantId: (merchantId: string) => Promise<any>;
     };
     availabilityServices: {
@@ -174,6 +175,6 @@ declare const API: {
         getInitialData: (body: InitBody) => Promise<any>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody };
+export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody, ConfigBody, MerchantListBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/lead.d.ts

@@ -74,6 +74,13 @@ export declare type LeadVerifyBody = {
         sms: boolean;
     };
 };
+export declare type CreateVerifyTokenBody = {
+    service_name: string;
+    board_id: string;
+    notification?: {
+        sms: boolean;
+    };
+};
 export declare type ExpressLeadVerifyBody = {
     token: string;
 };
@@ -108,6 +115,6 @@ declare const leadService: {
     retrieveLeadIdentity: (leadId: string) => Promise<any>;
     updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
     verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
-    createVerifyTokenByBoardId: (boardId: string) => Promise<any>;
+    createVerifyTokenByBoardId: (data: CreateVerifyTokenBody) => Promise<any>;
 };
 export { leadService };

package/build/api/lead.js

@@ -97,15 +97,12 @@ var retrieveLeadIdentity = function (leadId) {
         url: "".concat(ENDPOINT_PATHS.LEAD, "/").concat(leadId, "/identity")
     });
 };
-var createVerifyTokenByBoardId = function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
+var createVerifyTokenByBoardId = function (data) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2, httpClient({
                 method: 'post',
                 url: "".concat(ENDPOINT_PATHS.CREATE_TOKEN_PATH),
-                data: {
-                    service_name: 'tap_email',
-                    board_id: boardId
-                }
+                data: data
             })];
     });
 }); };

package/build/app/settings.js

@@ -53,7 +53,7 @@ import i18n from '../i18n';
 import { updateLocale } from '../utils/locale';
 import API, { getAxiosHeaders, setAxiosGlobalHeaders } from '../api';
 export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, _a, appConfig, language, _b, client, device, os, disableLocale, maturity, disableCountries, configToken, onVerifyConfigTokenSuccess, _c, visitorId, locale, configInfo, matureData, lang, initPayload, _d, country_list, ip_info, merchant, operator, config, list, _e, ip, latitude, longitude, country_code, domain, language_1, country, scope, public_key, maturity_1, board_maturity, post, platform_redirect_url, data, lead_id, deviceInfo, isValidOperator, countries, countryCode, businessCountry, ipCountry;
+    var settings, _a, appConfig, language, _b, client, device, os, disableLocale, maturity, disableCountries, configToken, onVerifyConfigTokenSuccess, _c, visitorId, locale, configInfo, matureData, lang, initPayload, _d, country_list, ip_info, merchant, operator, config, list, _e, ip, latitude, longitude, country_code, domain, language_1, country, scope, public_key, maturity_1, board_maturity, post, platform_redirect_url, data, lead_id, platforms, deviceInfo, isValidOperator, countries, countryCode, businessCountry, ipCountry;
     return __generator(this, function (_f) {
         switch (_f.label) {
             case 0:
@@ -81,8 +81,8 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                 list = (country_list || { list: [] }).list;
                 _e = ip_info || {}, ip = _e.ip, latitude = _e.latitude, longitude = _e.longitude, country_code = _e.country_code;
                 if (config) {
-                    domain = config.domain, language_1 = config.language, country = config.country, scope = config.scope, public_key = config.public_key, maturity_1 = config.maturity, board_maturity = config.board_maturity, post = config.post, platform_redirect_url = config.platform_redirect_url, data = config.data, lead_id = config.lead_id;
-                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), (domain && { merchantDomain: domain })), (language_1 && { language: language_1 })), (country && { businessCountryCode: country })), (scope && { scope: scope })), (public_key && { publicKey: public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post === null || post === void 0 ? void 0 : post.url })), (platform_redirect_url && { redirectUrl: platform_redirect_url })), (data && { data: data })), (lead_id && { leadId: lead_id }));
+                    domain = config.domain, language_1 = config.language, country = config.country, scope = config.scope, public_key = config.public_key, maturity_1 = config.maturity, board_maturity = config.board_maturity, post = config.post, platform_redirect_url = config.platform_redirect_url, data = config.data, lead_id = config.lead_id, platforms = config.platforms;
+                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), (domain && { merchantDomain: domain })), (language_1 && { language: language_1 })), (country && { businessCountryCode: country })), (scope && { scope: scope })), (public_key && { publicKey: public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post === null || post === void 0 ? void 0 : post.url })), (platform_redirect_url && { redirectUrl: platform_redirect_url })), (data && { data: data })), (lead_id && { leadId: lead_id })), (platforms && { platforms: platforms }));
                     if (typeof maturity_1 === 'boolean')
                         matureData = maturity_1 ? 'full' : 'express';
                     thunkApi.dispatch(handleSetAppConfig(configInfo));

package/build/assets/locales/ar.json

@@ -432,5 +432,9 @@
     "country_list_title": "الرجاء تحديد بلدك",
     "Choose_any_country": "بحث عن البلد ...",
     "operator_is_invalid": "المشغل غير مصرح له",
-    "account_not_available": "Account is not available"
+    "account_not_found": "Account not found",
+    "account_not_found_desc": "It looks like you're new here.",
+    "account_not_found_desc_sub": "To get started and make the most of Tap, please create an account.",
+    "try_sign_in": "Try signing in again",
+    "sign_up": "Sign up"
 }

package/build/assets/locales/en.json

@@ -462,5 +462,9 @@
     "country_list_title": "Please select your country",
     "choose_any_country": "Search Country...",
     "operator_is_invalid": "Operator is invalid",
-    "account_not_available": "Account is not available"
+    "account_not_found": "Account not found",
+    "account_not_found_desc": "It looks like you're new here.",
+    "account_not_found_desc_sub": "To get started and make the most of Tap, please create an account.",
+    "try_sign_in": "Try signing in again",
+    "sign_up": "Sign up"
 }

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

@@ -4,7 +4,7 @@ export interface AnimationFlowProps {
     open: boolean;
     children: React.ReactNode;
     isTapOrigin?: boolean;
-    type?: 'PUPOP' | 'BOTTOMSHEET';
+    type?: 'PUPOP' | 'BOTTOMSHEET' | 'CONTENT';
     breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     loading?: boolean;
     error?: string | null;
@@ -16,5 +16,10 @@ export interface AnimationFlowProps {
     merchantInfo?: MerchantInfo;
     isMaturityExpress?: boolean;
     showTextLogo?: boolean;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
+    hideLoaderOverlay?: boolean;
+    animationDirection?: 'left' | 'right' | 'up' | 'down';
+    loaderColor?: string;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo }: AnimationFlowProps): JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, hideLoaderOverlay, animationDirection, loaderColor }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -11,24 +11,35 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useScreen } from '../../hooks';
+import Fade from '@mui/material/Fade';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
 import Dialog from './Dialog';
 import BottomSheet from './BottomSheet';
 import Loader from './Loader';
 import Error from './Error';
+var BoxStyled = styled(Box)(function () { return ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+}); });
 export default function AnimationFlow(_a) {
-    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType, onClose = _a.onClose, onConfirm = _a.onConfirm, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo;
+    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType, onClose = _a.onClose, onConfirm = _a.onConfirm, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, hideLoaderOverlay = _a.hideLoaderOverlay, animationDirection = _a.animationDirection, loaderColor = _a.loaderColor;
     var small = useScreen(breakpoint).small;
     if (loading) {
-        return _jsx(Loader, {});
+        return _jsx(Loader, { color: loaderColor, hideLoaderOverlay: type === 'CONTENT' ? true : hideLoaderOverlay });
     }
     if (error) {
         return _jsx(Error, { error: error });
     }
+    if (type === 'CONTENT') {
+        return (_jsx(Fade, __assign({ in: true }, { children: _jsx(BoxStyled, { children: children }) })));
+    }
     if (type === 'PUPOP') {
-        return (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo }, { children: children })));
+        return (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo }, { children: children })));
+        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo }, { children: children })));
     }
-    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo }, { children: children })));
+    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection }, { children: children })));
 }

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

@@ -9,6 +9,8 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     pointerEvents?: 'none' | 'auto';
     isMaturityExpress?: boolean;
     merchantInfo?: MerchantInfo;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, ...rest }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { BottomSheet } from 'react-spring-bottom-sheet';
 import { styled } from '@mui/material/styles';
@@ -75,7 +75,7 @@ var FooterStyled = styled(Box)(function (_a) {
     return (__assign(__assign({ bottom: theme.spacing(-5.625), position: 'fixed', height: theme.spacing(5.625), display: 'flex' }, theme.typography.caption), { justifyContent: 'center', alignItems: 'center', width: '100vw', background: '#E6E7E9', borderTop: '1px solid rgba(156, 160, 169, 0.3)' }));
 });
 var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children, screenId = _a.screenId, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, isMaturityExpress = _a.isMaturityExpress, merchantInfo = _a.merchantInfo, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo"]);
+    var open = _a.open, children = _a.children, screenId = _a.screenId, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, isMaturityExpress = _a.isMaturityExpress, merchantInfo = _a.merchantInfo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideFooter", "hideMerchantLogo"]);
     var sheetRef = React.useRef(null);
     var isAr = useLanguage().isAr;
     var logo = (merchantInfo || {}).logo;
@@ -102,9 +102,9 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), sibling: _jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), sibling: hideFooter ? (_jsx(_Fragment, {})) : (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) })), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
-        } }, rest, { children: [isMaturityExpress && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), children, isMaturityExpress && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
+        } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), children, isMaturityExpress && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
 };
 export default React.memo(BottomSheetComponent);

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
+import { SxProps, Theme } from '@mui/material/styles';
 import { MerchantInfo } from '../../@types';
 export interface DialogProps extends MUIDialogProps {
     open: boolean;
@@ -13,6 +14,11 @@ export interface DialogProps extends MUIDialogProps {
     merchantInfo?: MerchantInfo;
     isMaturityExpress?: boolean;
     showTextLogo?: boolean;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
+    animationDirection?: 'left' | 'right' | 'up' | 'down';
+    showAsContent?: boolean;
+    sx?: SxProps<Theme>;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, sx, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -104,14 +104,14 @@ var LanguageFooterStyled = styled(Box, { shouldForwardProp: function (prop) { re
     });
 });
 var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, _b = _a.animationType, animationType = _b === void 0 ? 'slide' : _b, onClose = _a.onClose, onConfirm = _a.onConfirm, _c = _a.pointerEvents, pointerEvents = _c === void 0 ? 'auto' : _c, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo"]);
+    var open = _a.open, children = _a.children, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, _b = _a.animationType, animationType = _b === void 0 ? 'slide' : _b, onClose = _a.onClose, onConfirm = _a.onConfirm, _c = _a.pointerEvents, pointerEvents = _c === void 0 ? 'auto' : _c, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'up' : _d, sx = _a.sx, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "hideMerchantLogo", "animationDirection", "sx"]);
     var isAr = useLanguage().isAr;
     var animation = {};
     if (animationType === 'slide') {
         Object.assign(animation, { TransitionComponent: Transition });
     }
     var logo = (merchantInfo || {}).logo;
-    var _d = React.useState(false), showLanguage = _d[0], setShowLanguage = _d[1];
+    var _e = React.useState(false), showLanguage = _e[0], setShowLanguage = _e[1];
     React.useEffect(function () {
         if (isMaturityExpress) {
             setTimeout(function () {
@@ -121,14 +121,10 @@ var Dialog = function (_a) {
     }, []);
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
-        }, sx: {
-            '& .MuiDialog-paper': {
+        }, sx: __assign({ '& .MuiDialog-paper': {
                 overflowY: 'visible'
-            },
-            '&.MuiDialog-root': {
+            }, '&.MuiDialog-root': {
                 marginBottom: isMaturityExpress ? '60px' : '0px'
-            },
-            pointerEvents: pointerEvents
-        }, hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && showTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress ? _jsx(PoweredByFooter, {}) : _jsx(CustomFooter, {}), _jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) }))] })));
+            }, pointerEvents: pointerEvents }, sx), hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, (animationDirection && { TransitionProps: { direction: animationDirection } }), { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [!hideMerchantLogo && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && showTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress ? _jsx(PoweredByFooter, {}) : !hideFooter && _jsx(CustomFooter, {}), !hideFooter && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
 };
 export default React.memo(Dialog);

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

@@ -1,2 +1,7 @@
 /// <reference types="react" />
-export default function FlowLoading(): JSX.Element;
+interface LoadingProps {
+    hideLoaderOverlay?: boolean;
+    color?: string;
+}
+export default function FlowLoading({ hideLoaderOverlay, color }: LoadingProps): JSX.Element;
+export {};

package/build/components/AnimationFlow/Loader.js

@@ -1,10 +1,21 @@
+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 { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Loader from '../Loader';
-var BoxStyled = styled(Box)(function (_a) {
+var BoxStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'hideLoaderOverlay'; } })(function (_a) {
     var _b;
-    var theme = _a.theme;
+    var theme = _a.theme, hideLoaderOverlay = _a.hideLoaderOverlay;
     return (_b = {
             width: '100%',
             height: '100%'
@@ -15,10 +26,11 @@ var BoxStyled = styled(Box)(function (_a) {
         _b.display = 'flex',
         _b.justifyContent = 'center',
         _b.alignItems = 'center',
-        _b.backgroundColor = 'rgba(0,0,0,0.5)',
+        _b.backgroundColor = hideLoaderOverlay ? 'inherit' : 'rgba(0,0,0,0.5)',
         _b.zIndex = 2,
         _b);
 });
-export default function FlowLoading() {
-    return (_jsx(BoxStyled, { children: _jsx(Loader, { style: { width: 60, height: 60 }, svgStyle: { width: 60, height: 60 }, innerColor: 'white', outerColor: 'white', toggleAnimation: true }) }));
+export default function FlowLoading(_a) {
+    var hideLoaderOverlay = _a.hideLoaderOverlay, color = _a.color;
+    return (_jsx(BoxStyled, __assign({ hideLoaderOverlay: hideLoaderOverlay }, { children: _jsx(Loader, { style: { width: 60, height: 60 }, svgStyle: { width: 60, height: 60 }, innerColor: color !== null && color !== void 0 ? color : 'white', outerColor: color !== null && color !== void 0 ? color : 'white', toggleAnimation: true }) })));
 }

package/build/constants/app.d.ts

@@ -9,7 +9,6 @@ export declare const LOCAL_STORAGE_KEYS: {
     languageMode: string;
 };
 export declare const SCOPE_AUTH = "auth";
-export declare const ACCOUNT_NOT_AVAILABLE = "account_not_available";
 export declare const EXTERNAL_LINKS: {
     TOS_EN: string;
     TOS_AR: string;

package/build/constants/app.js

@@ -9,7 +9,6 @@ export var LOCAL_STORAGE_KEYS = {
     languageMode: 'languageMode'
 };
 export var SCOPE_AUTH = 'auth';
-export var ACCOUNT_NOT_AVAILABLE = 'account_not_available';
 export var EXTERNAL_LINKS = {
     TOS_EN: '/en/terms-conditions',
     TOS_AR: '/ar/terms-conditions',
@@ -229,16 +228,28 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_OTP_STEP',
-        next: 'AUTH_AUTHENTICATION_LIST_STEP',
+        next: 'AUTH_PREPARING_DATA_STEP',
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP'],
         order: 2
     },
     {
         name: 'AUTH_VERIFY_PACI_STEP',
-        next: 'AUTH_AUTHENTICATION_LIST_STEP',
+        next: 'AUTH_PREPARING_DATA_STEP',
         prev: 'AUTH_CIVIL_ID_STEP',
         order: 2
     },
+    {
+        name: 'AUTH_PREPARING_DATA_STEP',
+        next: ['AUTH_AUTHENTICATION_LIST_STEP', 'AUTH_ACCOUNT_NOT_FOUND_STEP'],
+        prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_CIVIL_ID_STEP'],
+        order: 3
+    },
+    {
+        name: 'AUTH_ACCOUNT_NOT_FOUND_STEP',
+        next: '',
+        prev: ['AUTH_NID_STEP', 'AUTH_MOBILE_STEP'],
+        order: 3
+    },
     {
         name: 'AUTH_AUTHENTICATION_LIST_STEP',
         next: '',

package/build/constants/assets.d.ts

@@ -104,4 +104,5 @@ export declare const ICONS_NAMES: {
     Arrow_filled_right_icon: string;
     Arrow_green_right_icon: string;
     Arrow_white_right_icon: string;
+    account_not_found: string;
 };

package/build/constants/assets.js

@@ -103,5 +103,6 @@ export var ICONS_NAMES = {
     brand_filled_icon: 'https://dash.b-cdn.net/icons/menu/brand-icon.svg',
     Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-blue.svg',
     Arrow_green_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-green.svg',
-    Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg'
+    Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg',
+    account_not_found: 'https://tap-connecet.b-cdn.net/imgs/account_not_found.svg'
 };

package/build/features/app/auth/authStore.d.ts

@@ -13,11 +13,7 @@ export declare const resendMobileAuthOTP: import("@reduxjs/toolkit").AsyncThunk<
     response: any;
     formData: MobileFormValues;
 }, MobileFormValues, {}>;
-export declare const verifyMobileOtp: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-    brandList: any;
-    entityList: any;
-}, OTPFormValues, {}>;
+export declare const verifyMobileOtp: import("@reduxjs/toolkit").AsyncThunk<any, OTPFormValues, {}>;
 export declare const createNIDAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: NIDFormValues;
@@ -26,11 +22,7 @@ export declare const resendNIDAuthOTP: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: NIDFormValues;
 }, NIDFormValues, {}>;
-export declare const verifyNIDOtp: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-    brandList: any;
-    entityList: any;
-}, OTPFormValues, {}>;
+export declare const verifyNIDOtp: import("@reduxjs/toolkit").AsyncThunk<any, OTPFormValues, {}>;
 export declare const createCivilIdAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: CivilFormValues;
@@ -38,15 +30,16 @@ export declare const createCivilIdAuth: import("@reduxjs/toolkit").AsyncThunk<{
 interface verifyPACIParams {
     onSuccess: () => void;
 }
-export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
+export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<any, verifyPACIParams, {}>;
+export declare const checkAccountAvailability: import("@reduxjs/toolkit").AsyncThunk<{
     brandList: any;
     entityList: any;
-}, verifyPACIParams, {}>;
+}, void, {}>;
 export declare const getMerchantList: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<void, AuthenticationListFormValues & {
     authId?: string | undefined;
 }, {}>;
+export declare const onSignUp: import("@reduxjs/toolkit").AsyncThunk<void, void, {}>;
 interface ResponseData {
     responseData?: Record<string, any>;
 }