@tap-payments/auth-jsconnect 2.7.1-test → 2.7.3-test

package/build/api/entity.d.ts

@@ -1,5 +1,5 @@
 import { AxiosRequestConfig } from 'axios';
-export declare type EntityInfoBody = {
+export type EntityInfoBody = {
     id: string;
     lead_id?: string;
     activities?: Array<{
@@ -34,7 +34,7 @@ export declare type EntityInfoBody = {
     encryption_contract?: Array<string>;
     vat_acknowledged_by?: string;
 };
-export declare type BankDocumentInfo = {
+export type BankDocumentInfo = {
     type?: string;
     number?: string;
     issuing_country?: string;
@@ -42,7 +42,7 @@ export declare type BankDocumentInfo = {
     expiry_date?: string;
     files: Array<string>;
 };
-export declare type EntityBankUpdateBody = {
+export type EntityBankUpdateBody = {
     wallet_id: string;
     acknowledged_by?: string;
     bank_account: {
@@ -58,7 +58,7 @@ export declare type EntityBankUpdateBody = {
     step_name: string;
     encryption_contract?: Array<string>;
 };
-export declare type UpdateEntityBody = {
+export type UpdateEntityBody = {
     id: string;
     license?: {
         type?: string;
@@ -88,13 +88,13 @@ export declare type UpdateEntityBody = {
     };
     encryption_contract?: Array<string>;
 };
-export declare type UpdateEntityActivityBody = {
+export type UpdateEntityActivityBody = {
     id: string;
     activities?: Array<{
         id: string;
     }>;
 };
-export declare type UpdateEntityCapitalBody = {
+export type UpdateEntityCapitalBody = {
     id: string;
     capital: {
         paid: string;
@@ -104,23 +104,23 @@ export declare type UpdateEntityCapitalBody = {
         };
     };
 };
-export declare type UpdateEntityAOAFileBody = {
+export type UpdateEntityAOAFileBody = {
     id: string;
     AOA_file_id: string;
 };
-export declare type RemoveEntityActivity = {
+export type RemoveEntityActivity = {
     id: string;
     activities?: Array<{
         id: string;
     }>;
 };
-export declare type MerchantListBody = {
+export type MerchantListBody = {
     business_entity_id: string;
     brand_id: string;
     create_if_not_present: boolean;
     platforms?: Array<string>;
 };
-export declare type CreateEntityBody = {
+export type CreateEntityBody = {
     business_id: string;
     entity: {
         legal_name: {

package/build/api/file.d.ts

@@ -1,5 +1,5 @@
 import { AxiosRequestConfig } from 'axios';
-export declare type UploadFileBody = {
+export type UploadFileBody = {
     file_link_create: boolean;
     file?: File;
     title: string | undefined;

package/build/api/individual.d.ts

@@ -1,8 +1,8 @@
 import { DocumentInfo } from './document';
-export declare type BrandListBody = {
+export type BrandListBody = {
     individual_id: string;
 };
-export declare type UpdateBrandBody = {
+export type UpdateBrandBody = {
     id: string;
     name?: {
         en?: string;
@@ -74,14 +74,14 @@ export declare type UpdateBrandBody = {
     encryption_contract?: Array<string>;
     term_by?: string;
 };
-export declare type UpdateSalesChannels = {
+export type UpdateSalesChannels = {
     id?: string;
     channel_services: Array<{
         id: string;
         address: string;
     }>;
 };
-export declare type UpdateIndividualBody = {
+export type UpdateIndividualBody = {
     names?: {
         en?: {
             title?: string;
@@ -148,7 +148,7 @@ export interface UpdateIndividualWithTypeBody extends UpdateIndividualBody {
 export interface UpdateMultipleIndividualBody extends UpdateIndividualBody {
     ids: Array<string>;
 }
-export declare type GetIndividualListBody = {
+export type GetIndividualListBody = {
     page: number;
     limit: number;
     business_id: string;

package/build/api/init.d.ts

@@ -1,4 +1,4 @@
-export declare type InitBody = {
+export type InitBody = {
     type: string;
     app_client_version: string;
     requirer_browser: string;

package/build/api/lead.d.ts

@@ -1,32 +1,32 @@
 import { AxiosRequestConfig } from 'axios';
 import { LanguageMode } from '../@types';
-declare type Name = {
+type Name = {
     title?: string;
     first?: string;
     middle?: string;
     last?: string;
 };
-declare type Contact = {
+type Contact = {
     email?: string;
     phone?: {
         country_code?: string;
         number?: string;
     };
 };
-declare type BusinessName = {
+type BusinessName = {
     en?: string;
     ar?: string;
 };
-declare type BrandTitle = {
+type BrandTitle = {
     en?: string;
     ar?: string;
     zh?: string;
 };
-declare type BrandContent = {
+type BrandContent = {
     tag_line?: BrandTitle;
     about?: BrandTitle;
 };
-declare type BrandInfo = {
+type BrandInfo = {
     id?: string;
     name?: BrandTitle;
     sector?: Array<string>;
@@ -35,7 +35,7 @@ declare type BrandInfo = {
     logo?: string;
     content?: BrandContent;
 };
-export declare type UpdateLeadBody = {
+export type UpdateLeadBody = {
     step_name?: string;
     id: string;
     encryption_contract?: Array<string>;
@@ -67,21 +67,21 @@ export declare type UpdateLeadBody = {
         team: string;
     };
 };
-export declare type LeadVerifyBody = {
+export type LeadVerifyBody = {
     verify_token: string;
     service_name: string;
     notification?: {
         sms: boolean;
     };
 };
-export declare type CreateVerifyTokenBody = {
+export type CreateVerifyTokenBody = {
     service_name: string;
     board_id: string;
     notification?: {
         sms: boolean;
     };
 };
-export declare type ExpressLeadVerifyBody = {
+export type ExpressLeadVerifyBody = {
     token: string;
 };
 export interface LeadOTPVerifyBody extends LeadVerifyBody {
@@ -89,11 +89,11 @@ export interface LeadOTPVerifyBody extends LeadVerifyBody {
     step_name: string;
     encryption_contract: Array<string>;
 }
-export declare type CreateLeadBody = {
+export type CreateLeadBody = {
     individual_id: string;
     country_code: string;
 };
-export declare type LeadIdentityUpdateBody = {
+export type LeadIdentityUpdateBody = {
     id: string;
     identification: {
         id: string;

package/build/api/lead.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/build/api/operator.d.ts

@@ -1,4 +1,4 @@
-export declare type ValidateOperatorBody = {
+export type ValidateOperatorBody = {
     type: string;
     app_client_version: string;
     requirer_browser: string;
@@ -6,7 +6,7 @@ export declare type ValidateOperatorBody = {
     locale: string;
     connect_pkey?: string;
 };
-export declare type ConfirmBody = {
+export type ConfirmBody = {
     post_url: string;
     authentication_id: string;
     bi: string;

package/build/api/operator.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/build/api/user.d.ts

@@ -1,8 +1,8 @@
-export declare type UserCredential = {
+export type UserCredential = {
     code: string;
     phone: string;
 };
-export declare type GetUserListBody = {
+export type GetUserListBody = {
     page: number;
     limit: number;
     business_id: string;

package/build/app/settings.d.ts

@@ -6,14 +6,32 @@ interface SettingParams {
     mdn: string;
     maturity?: 'full' | 'express';
     configToken?: string;
-    onVerifyConfigTokenSuccess?: (data: ConfigInfo, countries: Array<CountryCode>) => Promise<void>;
+    onVerifyConfigTokenSuccess?: (data: ConfigInfo) => Promise<void>;
 }
-export declare const fetchAppSettingsSync: import("@reduxjs/toolkit").AsyncThunk<any, SettingParams, {}>;
+export declare const fetchAppSettingsSync: import("@reduxjs/toolkit").AsyncThunk<any, SettingParams, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const onCloseComplete: import("@reduxjs/toolkit").AsyncThunk<void, {
     merchantId: string;
     brandId: string;
     entityId: string;
-}, {}>;
+}, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export interface SettingsData {
     skin: ThemeMode;
     language: LanguageMode;
@@ -53,7 +71,7 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
     handleSetCountryByIso2: (state: SettingsState, action: ActionState<string>) => void;
 }, "settings">;
-export declare const storeAuthId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handelBoardMaturity: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handlePublicKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSwitchCalender: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const storeAuthId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/storeAuthId">, handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, "settings/handleSkin">, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, "settings/handleLanguage">, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], "settings/handleActiveFlowScreens">, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handleNextScreenStep">, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handlePrevScreenStep">, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleCurrentActiveScreen">, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, "settings/handleSetAppConfig">, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleOpen">, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleSetCountryByIso2">, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleIsTapOrigin">, handelBoardMaturity: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handelBoardMaturity">, handlePublicKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handlePublicKey">, handleSwitchCalender: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleSwitchCalender">;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -24,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -47,13 +47,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl, getUserLanguage, userTextDirection } from '../utils';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl, getUserLanguage } from '../utils';
 import { BUSINESS_COUNTRIES, DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
 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, countries, _f, operator_1, scope, data, lead, board, customer, interfaceData, redirect, post, platforms, _g, user_experience, locale_1, powered, edges, direction, deviceInfo, isValidOperator, 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, countries, _f, operator_1, scope, data, lead, board, interfaceData, redirect, post, platforms, _g, locale_1, edges, deviceInfo, isValidOperator, countryCode, businessCountry, ipCountry;
     var _h;
     return __generator(this, function (_j) {
         switch (_j.label) {
@@ -83,15 +83,12 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                 _e = ip_info || {}, ip = _e.ip, latitude = _e.latitude, longitude = _e.longitude, country_code = _e.country_code;
                 countries = sortCountries(list);
                 if (config) {
-                    _f = config, operator_1 = _f.operator, scope = _f.scope, data = _f.data, lead = _f.lead, board = _f.board, customer = _f.customer, interfaceData = _f.interface, redirect = _f.redirect, post = _f.post, platforms = _f.platforms;
-                    _g = interfaceData || {}, user_experience = _g.user_experience, locale_1 = _g.locale, powered = _g.powered, edges = _g.edges, direction = _g.direction;
+                    _f = config, operator_1 = _f.operator, scope = _f.scope, data = _f.data, lead = _f.lead, board = _f.board, interfaceData = _f.interface, redirect = _f.redirect, post = _f.post, platforms = _f.platforms;
+                    _g = interfaceData || {}, locale_1 = _g.locale, edges = _g.edges;
                     if (locale_1)
                         lang = locale_1 === 'dynamic' ? getUserLanguage() : locale_1;
-                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), ((lead === null || lead === void 0 ? void 0 : lead.country) && { businessCountryCode: lead.country })), ((lead === null || lead === void 0 ? void 0 : lead.id) && { leadId: lead.id })), (scope && { scope: scope.toLowerCase() })), ((operator_1 === null || operator_1 === void 0 ? void 0 : operator_1.public_key) && { publicKey: operator_1.public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post.url })), ((redirect === null || redirect === void 0 ? void 0 : redirect.url) && { redirectUrl: redirect.url })), (data && { data: data })), (user_experience && { mode: user_experience })), { showPoweredBy: powered }), (edges && { dialogEdgeFormat: edges })), (direction && { direction: (direction === 'dynamic' ? userTextDirection : direction) })), (customer && { customerInfo: customer })), (platforms && { platforms: platforms }));
-                    if (typeof (lead === null || lead === void 0 ? void 0 : lead.maturity) === 'boolean') {
-                        matureData = lead.maturity ? 'full' : 'express';
-                        configInfo.showPoweredBy = matureData === 'express';
-                    }
+                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), ((lead === null || lead === void 0 ? void 0 : lead.id) && { leadId: lead.id })), (scope && { scope: scope.toLowerCase() })), ((operator_1 === null || operator_1 === void 0 ? void 0 : operator_1.public_key) && { publicKey: operator_1.public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post.url })), ((redirect === null || redirect === void 0 ? void 0 : redirect.url) && { redirectUrl: redirect.url })), (data && { data: data })), (edges && { dialogEdgeFormat: edges })), (platforms && { platforms: platforms }));
+                    matureData = 'express';
                     thunkApi.dispatch(handleSetAppConfig(configInfo));
                     thunkApi.dispatch(handleLanguage(lang));
                     if (configInfo.publicKey) {
@@ -100,9 +97,9 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                         }
                         thunkApi.dispatch(handlePublicKey(configInfo.publicKey));
                     }
-                    if (typeof (board === null || board === void 0 ? void 0 : board.board_maturity) === 'boolean')
-                        thunkApi.dispatch(handelBoardMaturity(board.board_maturity));
-                    onVerifyConfigTokenSuccess === null || onVerifyConfigTokenSuccess === void 0 ? void 0 : onVerifyConfigTokenSuccess(config, countries);
+                    if (typeof (board === null || board === void 0 ? void 0 : board.editable) === 'boolean')
+                        thunkApi.dispatch(handelBoardMaturity(board.editable));
+                    onVerifyConfigTokenSuccess === null || onVerifyConfigTokenSuccess === void 0 ? void 0 : onVerifyConfigTokenSuccess(config);
                     if (matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function') {
                         configInfo.onMaturityChanged(matureData);
                     }

package/build/app/store.d.ts

@@ -1,5 +1,5 @@
 import { ThunkAction, Action } from '@reduxjs/toolkit';
-export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+export declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
@@ -28,6 +28,6 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
 }, import("redux").AnyAction, undefined>]>>;
-export declare type AppDispatch = typeof store.dispatch;
-export declare type RootState = ReturnType<typeof store.getState>;
-export declare type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;

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

@@ -21,7 +21,6 @@ export interface AnimationFlowProps {
     hideLoaderOverlay?: boolean;
     animationDirection?: 'left' | 'right' | 'up' | 'down';
     loaderColor?: string;
-    showPoweredBy?: boolean;
     dialogEdgeFormat?: DialogEdgeFormat;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, hideLoaderOverlay, animationDirection, loaderColor, showPoweredBy, dialogEdgeFormat }: 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, dialogEdgeFormat }: AnimationFlowProps): import("react/jsx-runtime").JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -24,7 +24,7 @@ var BoxStyled = styled(Box)(function () { return ({
     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, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, hideLoaderOverlay = _a.hideLoaderOverlay, animationDirection = _a.animationDirection, loaderColor = _a.loaderColor, showPoweredBy = _a.showPoweredBy, dialogEdgeFormat = _a.dialogEdgeFormat;
+    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, dialogEdgeFormat = _a.dialogEdgeFormat;
     var small = useScreen(breakpoint).small;
     if (loading) {
         return _jsx(Loader, { color: loaderColor, hideLoaderOverlay: type === 'CONTENT' ? true : hideLoaderOverlay });
@@ -36,10 +36,10 @@ export default function AnimationFlow(_a) {
         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, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection, showPoweredBy: showPoweredBy, dialogEdgeFormat: dialogEdgeFormat }, { 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, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, showPoweredBy: showPoweredBy }, { 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, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, showPoweredBy: showPoweredBy }, { 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, showPoweredBy: showPoweredBy, dialogEdgeFormat: dialogEdgeFormat }, { 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, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
 }

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

@@ -11,7 +11,6 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     merchantInfo?: MerchantInfo;
     hideFooter?: boolean;
     hideMerchantLogo?: boolean;
-    showPoweredBy?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, showPoweredBy, ...rest }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -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, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, showPoweredBy = _a.showPoweredBy, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideFooter", "hideMerchantLogo", "showPoweredBy"]);
+    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;
@@ -105,6 +105,6 @@ var BottomSheetComponent = 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 && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), children, showPoweredBy && (_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

@@ -19,8 +19,7 @@ export interface DialogProps extends MUIDialogProps {
     animationDirection?: 'left' | 'right' | 'up' | 'down';
     showAsContent?: boolean;
     sx?: SxProps<Theme>;
-    showPoweredBy?: boolean;
     dialogEdgeFormat?: DialogEdgeFormat;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, sx, showPoweredBy, dialogEdgeFormat, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, sx, dialogEdgeFormat, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -105,7 +105,7 @@ 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, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'up' : _d, sx = _a.sx, showPoweredBy = _a.showPoweredBy, dialogEdgeFormat = _a.dialogEdgeFormat, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "hideMerchantLogo", "animationDirection", "sx", "showPoweredBy", "dialogEdgeFormat"]);
+    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, dialogEdgeFormat = _a.dialogEdgeFormat, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "hideMerchantLogo", "animationDirection", "sx", "dialogEdgeFormat"]);
     var isAr = useLanguage().isAr;
     var theme = useTheme();
     var animation = {};
@@ -125,6 +125,6 @@ var Dialog = function (_a) {
             elevation: 0
         }, sx: __assign({ '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })), '&.MuiDialog-root': {
                 marginBottom: isMaturityExpress ? '60px' : '0px'
-            }, 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] })) })), showPoweredBy ? _jsx(PoweredByFooter, {}) : !hideFooter && _jsx(CustomFooter, {}), !hideFooter && (_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/Error.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props {
     error: string;
 }
-export default function Error({ error }: Props): JSX.Element;
+export default function Error({ error }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/build/components/ArabicDatePicker/ArabicDatePicker.d.ts

@@ -12,5 +12,5 @@ export interface DatePickerProps extends CalendarProps {
     isDob?: boolean;
     isVerified?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, disabled, dir, readOnly, onDateChange, onClick, onDatePicked, value, isDob, isVerified, ...rest }: DatePickerProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, disabled, dir, readOnly, onDateChange, onClick, onDatePicked, value, isDob, isVerified, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/Button/Button.d.ts

@@ -8,7 +8,7 @@ export interface ButtonProps extends MUIButtonProps {
     outLineColor?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, startIcon, outLineColor, endIcon, ...rest }: ButtonProps): JSX.Element;
+    ({ children, startIcon, outLineColor, endIcon, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {};
 }>;
 export default _default;

package/build/components/CheckBox/CheckBox.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox/Checkbox';
 export type { CheckboxProps };
-declare const _default: React.MemoExoticComponent<({ ...rest }: CheckboxProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/Collapse/Collapse.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { CollapseProps as MUICollapseProps } from '@mui/material/Collapse';
 export interface CollapseProps extends MUICollapseProps {
 }
-export default function Collapse({ children, ...rest }: CollapseProps): JSX.Element;
+export default function Collapse({ children, ...rest }: CollapseProps): import("react/jsx-runtime").JSX.Element;

package/build/components/DatePicker/DatePicker.d.ts

@@ -13,5 +13,5 @@ export interface DatePickerProps extends CalendarProps {
     isDob?: boolean;
     isVerified?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ onDateChange, disabled, readOnly, onClick, onDatePicked, dir, defaultValue, isDob, isVerified, open, ...rest }: DatePickerProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ onDateChange, disabled, readOnly, onClick, onDatePicked, dir, defaultValue, isDob, isVerified, open, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/ExpandIcon/ExpandIcon.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material/styles';
 interface ExpandIconProps {
     anchorEl?: boolean;
     onClick?: () => void;
     sx?: SxProps<Theme>;
 }
-export default function CustomExpandIcon(props: ExpandIconProps): JSX.Element;
+export default function CustomExpandIcon(props: ExpandIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DragAndDropProps {
     title: string;
     subTitle: string;
@@ -13,5 +12,5 @@ interface DragAndDropProps {
     onSuccess?: (files: Array<File>) => void;
     multiple?: boolean;
 }
-declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, progress, uploading, fileExists, uploadSuccess, onSuccess, multiple }: DragAndDropProps) => JSX.Element;
+declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, progress, uploading, fileExists, uploadSuccess, onSuccess, multiple }: DragAndDropProps) => import("react/jsx-runtime").JSX.Element;
 export default DragAndDrop;

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

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

package/build/components/Footer/Footer.d.ts

@@ -7,7 +7,7 @@ export interface FooterProps extends BoxProps {
     countryFlag: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ language, countryName, countryFlag, onSwitchLanguage, ...rest }: FooterProps): JSX.Element;
+    ({ language, countryName, countryFlag, onSwitchLanguage, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         language: string;
     };

package/build/components/Form/Form.d.ts

@@ -3,7 +3,7 @@ import { BoxProps } from '@mui/material/Box';
 export interface FormProps extends BoxProps {
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, ...rest }: FormProps): JSX.Element;
+    ({ children, ...rest }: FormProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         onSubmit: () => void;
     };