@tap-payments/auth-jsconnect 2.9.7-development → 2.9.8-beta

package/build/api/firebase.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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/individual.d.ts

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

package/build/api/init.d.ts

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

package/build/api/lead.d.ts

@@ -1,39 +1,39 @@
 import { AxiosRequestConfig } from 'axios';
 import { LanguageMode } from '../@types';
-type Name = {
+declare type Name = {
     title?: string;
     first?: string;
     middle?: string;
     last?: string;
 };
-type Contact = {
+declare type Contact = {
     email?: string;
     phone?: {
         country_code?: string;
         number?: string;
     };
 };
-type BusinessName = {
+declare type BusinessName = {
     en?: string;
     ar?: string;
 };
-type BrandTitle = {
+declare type BrandTitle = {
     en?: string;
     ar?: string;
     zh?: string;
 };
-type MetaData = {
+declare type MetaData = {
     utm_source?: string;
     utm_medium?: string;
     utm_campaign?: string;
     utm_term?: string;
     utm_content?: string;
 };
-type BrandContent = {
+declare type BrandContent = {
     tag_line?: BrandTitle;
     about?: BrandTitle;
 };
-type BrandInfo = {
+declare type BrandInfo = {
     id?: string;
     name?: BrandTitle;
     sector?: Array<string>;
@@ -42,7 +42,7 @@ type BrandInfo = {
     logo?: string;
     content?: BrandContent;
 };
-export type UpdateLeadBody = {
+export declare type UpdateLeadBody = {
     step_name?: string;
     id: string;
     encryption_contract?: Array<string>;
@@ -78,21 +78,21 @@ export type UpdateLeadBody = {
     };
     date_of_birth?: string;
 };
-export type LeadVerifyBody = {
+export declare type LeadVerifyBody = {
     verify_token: string;
     service_name: string;
     notification?: {
         sms: boolean;
     };
 };
-export type CreateVerifyTokenBody = {
+export declare type CreateVerifyTokenBody = {
     service_name: string;
     board_id: string;
     notification?: {
         sms: boolean;
     };
 };
-export type ExpressLeadVerifyBody = {
+export declare type ExpressLeadVerifyBody = {
     token: string;
 };
 export interface LeadOTPVerifyBody extends LeadVerifyBody {
@@ -100,11 +100,11 @@ export interface LeadOTPVerifyBody extends LeadVerifyBody {
     step_name: string;
     encryption_contract: Array<string>;
 }
-export type CreateLeadBody = {
+export declare type CreateLeadBody = {
     individual_id: string;
     country_code: string;
 };
-export type LeadIdentityUpdateBody = {
+export declare 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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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 type ValidateOperatorBody = {
+export declare type ValidateOperatorBody = {
     type: string;
     app_client_version: string;
     requirer_browser: string;
@@ -6,7 +6,7 @@ export type ValidateOperatorBody = {
     locale: string;
     connect_pkey?: string;
 };
-export type ConfirmBody = {
+export declare 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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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,13 +1,13 @@
-export type UserCredential = {
+export declare type UserCredential = {
     code: string;
     phone: string;
 };
-export type GetUserListBody = {
+export declare type GetUserListBody = {
     page: number;
     limit: number;
     business_id: string;
 };
-export type GetUserListSegmentBody = {
+export declare type GetUserListSegmentBody = {
     page: number;
     limit: number;
     is_authorized: boolean;

package/build/app/rootReducer.d.ts

@@ -12,6 +12,5 @@ declare const rootReducer: {
     connectExpress: import("redux").Reducer<import("../features/app/connectExpress/connectExpressStore").ConnectExpressState, import("redux").AnyAction>;
     auth: import("redux").Reducer<import("../features/app/auth/authStore").AuthState, import("redux").AnyAction>;
     board: import("redux").Reducer<import("../features/app/board/boardStore").BoardState, import("redux").AnyAction>;
-    kyc: import("redux").Reducer<import("../features/app/kyc/kycStore").KYCDataState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -11,7 +11,6 @@ import brand from '../features/app/brand/brandStore';
 import connectExpress from '../features/app/connectExpress/connectExpressStore';
 import board from '../features/app/board/boardStore';
 import auth from '../features/app/auth/authStore';
-import kyc from '../features/app/kyc/kycStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -25,7 +24,6 @@ var rootReducer = {
     brand: brand,
     connectExpress: connectExpress,
     auth: auth,
-    board: board,
-    kyc: kyc
+    board: board
 };
 export default rootReducer;

package/build/app/settings.d.ts

@@ -9,30 +9,12 @@ interface SettingParams {
     onVerifyConfigTokenSuccess?: (data: ConfigInfo) => Promise<void>;
     settingData?: SettingAsyncData;
 }
-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 fetchAppSettingsSync: import("@reduxjs/toolkit").AsyncThunk<any, SettingParams, {}>;
 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;
@@ -72,7 +54,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, "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">;
+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>;
 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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/app/store.d.ts

@@ -1,5 +1,5 @@
 import { ThunkAction, Action } from '@reduxjs/toolkit';
-export declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
@@ -13,7 +13,6 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
-    kyc: import("../features/app/kyc/kycStore").KYCDataState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -28,8 +27,7 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
-    kyc: import("../features/app/kyc/kycStore").KYCDataState;
 }, import("redux").AnyAction, undefined>]>>;
-export type AppDispatch = typeof store.dispatch;
-export type RootState = ReturnType<typeof store.getState>;
-export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
+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>>;

package/build/assets/locales/ar.json

@@ -364,7 +364,6 @@
     "issue_date": "تاريخ الإصدار",
     "issued_country_label": "بلد الإصدار",
     "join_our_community": "",
-    "kyc_already_submitted_title": "لقد وافقت مسبقاً على كافة الوثائق",
     "kyc_dispute_policy": "سياسة المنازعات",
     "kyc_refund_policy": "سياسة الاسترجاع",
     "kyc_success_button": "حساب لوحة التحكم",
@@ -632,5 +631,10 @@
     "year": "السنة",
     "yes": "نعم",
     "your_brand_details": "تفاصيل علامتك التجارية",
-    "يرجى التحقق من اسم تطبيق ابل": ""
+    "يرجى التحقق من اسم تطبيق ابل": "",
+    "mobile_ownership_title": "لتفعيل استلام الايداعات، يرجى تحديث رقم هاتفك المحمول المسجل ليتوافق مع هويتك.",
+    "current_mobile_number": "رقم الجوال الحالي",
+    "new_mobile_number": "رقم الجوال الجديد",
+    "update_mobile_number": "تحديث رقم الجوال",
+    "update_later": "سأقوم بالتحديث لاحقاً"
 }

package/build/assets/locales/en.json

@@ -377,7 +377,6 @@
     "issue_date": "Date of issuance",
     "issued_country_label": "Issued Country",
     "join_our_community": "",
-    "kyc_already_submitted_title": "You already approved all documents",
     "kyc_dispute_policy": "Dispute Policy",
     "kyc_refund_policy": "Refund Policy",
     "kyc_success_button": "Go to my board",
@@ -659,5 +658,10 @@
     "website_label": "Website",
     "year": "Year",
     "yes": "Yes",
-    "your_brand_details": "Your brand details"
+    "your_brand_details": "Your brand details",
+    "mobile_ownership_title": "To enable bank payouts, please update your registered mobile number to match your national ID.",
+    "current_mobile_number": "Current mobile number",
+    "new_mobile_number": "New mobile number",
+    "update_mobile_number": "Update mobile number",
+    "update_later": "I'll update later"
 }

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

@@ -27,4 +27,4 @@ export interface AnimationFlowProps {
         tapTextLogo?: boolean;
     };
 }
-export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, animationDirection, loaderColor, dialogEdgeFormat, features }: AnimationFlowProps): import("react/jsx-runtime").JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, animationDirection, loaderColor, dialogEdgeFormat, features }: AnimationFlowProps): JSX.Element;

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

@@ -15,5 +15,5 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     dialogEdgeFormat?: DialogEdgeFormat;
     onClose?: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, dialogEdgeFormat, hidePoweredBy, onClose, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, dialogEdgeFormat, hidePoweredBy, onClose, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -44,19 +44,18 @@ var LanguageFooterStyled = styled(Box)(function (_a) {
     });
 });
 var BottomSheetStyled = styled(BottomSheet, {
-    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat'].includes(prop.toString()); }
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat', 'showPoweredBy'].includes(prop.toString()); }
 })(function (_a) {
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat, showPoweredBy = _a.showPoweredBy;
     return ({
         '[data-rsbs-header]:before': __assign({ width: '75px', height: '5px' }, (isMaturityExpress && { width: '0px', height: '0px' })),
         '[data-rsbs-backdrop]': {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': __assign({ position: 'absolute', width: '100vw' }, (isMaturityExpress && { display: 'none' })),
-        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && {
-            marginBottom: theme.spacing(5.625),
-            paddingTop: theme.spacing(5)
-        })), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
+        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && __assign(__assign({}, (showPoweredBy && {
+            marginBottom: theme.spacing(5.625)
+        })), { paddingTop: theme.spacing(5) }))), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {
                 width: '0px'
@@ -80,7 +79,8 @@ var CloseIconStyled = styled(Icon)(function (_a) {
     var theme = _a.theme;
     return ({
         width: theme.spacing(3.75),
-        height: theme.spacing(3.75)
+        height: theme.spacing(3.75),
+        cursor: 'pointer'
     });
 });
 var CloseBox = styled(Box)(function (_a) {
@@ -90,12 +90,12 @@ var CloseBox = styled(Box)(function (_a) {
         justifyContent: 'end',
         marginBlockStart: theme.spacing(2),
         marginInlineEnd: theme.spacing(2),
-        cursor: 'pointer',
         direction: theme.direction,
         position: 'absolute',
         right: 0,
         left: 0,
-        zIndex: 9999
+        zIndex: 9999,
+        top: 0
     });
 });
 var BottomSheetComponent = function (_a) {
@@ -113,7 +113,11 @@ var BottomSheetComponent = function (_a) {
         var el = document.getElementById('main-feature-container');
         var footer = document.getElementById('bottom-sheet-powered_by_footer');
         var height = el ? el.clientHeight : 0;
-        var footerHeight = footer ? footer.clientHeight + 20 : 0;
+        var footerHeight = 0;
+        if (footer)
+            footerHeight = footer.clientHeight + 20;
+        else if (hidePoweredBy && isMaturityExpress)
+            footerHeight = 40;
         return (height || maxHeight * 0.7) + footerHeight;
     };
     React.useEffect(function () {
@@ -127,9 +131,9 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, showPoweredBy: !hidePoweredBy, 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 })), onClose && (_jsx(CloseBox, __assign({ id: 'close-container', onClick: handleOnCloseButton }, { children: _jsx(CloseIconStyled, { src: ICONS_NAMES.CLOSE_ICON }) }))), children, isMaturityExpress && !hidePoweredBy && (_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 })), onClose && (_jsx(CloseBox, __assign({ id: 'close-container' }, { children: _jsx(CloseIconStyled, { src: ICONS_NAMES.CLOSE_ICON, onClick: handleOnCloseButton }) }))), children, isMaturityExpress && !hidePoweredBy && (_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

@@ -22,5 +22,5 @@ export interface DialogProps extends MUIDialogProps {
     sx?: SxProps<Theme>;
     dialogEdgeFormat?: DialogEdgeFormat;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, hideTextLogo, hideLanguage, hidePoweredBy, hideMerchantLogo, animationDirection, sx, dialogEdgeFormat, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, hideTextLogo, hideLanguage, hidePoweredBy, hideMerchantLogo, animationDirection, sx, dialogEdgeFormat, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -124,7 +124,9 @@ var Dialog = function (_a) {
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
         }, sx: __assign({ '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })), '&.MuiDialog-root': {
-                marginBottom: isMaturityExpress ? '60px' : '0px'
+                marginBottom: isMaturityExpress && !hideLanguage ? '60px' : '0px'
+            }, '& .MuiDialog-container': {
+                outline: 'none !important'
             }, 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 && !hideTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress && !hidePoweredBy ? _jsx(PoweredByFooter, {}) : !isMaturityExpress && !hideLanguage && _jsx(CustomFooter, {}), !hideLanguage && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
 };
 export default React.memo(Dialog);

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

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

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface LoadingProps {
     hideLoaderOverlay?: boolean;
     color?: string;
 }
-export default function FlowLoading({ hideLoaderOverlay, color }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+export default function FlowLoading({ hideLoaderOverlay, color }: LoadingProps): 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, minDate, maxDate, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, disabled, dir, readOnly, onDateChange, onClick, onDatePicked, value, isDob, isVerified, minDate, maxDate, ...rest }: DatePickerProps) => 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): import("react/jsx-runtime").JSX.Element;
+    ({ children, startIcon, outLineColor, endIcon, ...rest }: ButtonProps): 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ ...rest }: CheckboxProps) => JSX.Element>;
 export default _default;

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

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { CollapseProps as MUICollapseProps } from '@mui/material/Collapse';
 export interface CollapseProps extends MUICollapseProps {
 }
-export default function Collapse({ children, ...rest }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+export default function Collapse({ children, ...rest }: CollapseProps): 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, minDate, maxDate, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ onDateChange, disabled, readOnly, onClick, onDatePicked, dir, defaultValue, isDob, isVerified, open, minDate, maxDate, ...rest }: DatePickerProps) => JSX.Element>;
 export default _default;

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

@@ -1,8 +1,9 @@
+/// <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): import("react/jsx-runtime").JSX.Element;
+export default function CustomExpandIcon(props: ExpandIconProps): JSX.Element;
 export {};

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

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

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface UploadInputProps {
     title: string;
     onChange: (file: File) => void;
 }
-declare const UploadInput: ({ title, onChange }: UploadInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const UploadInput: ({ title, onChange }: UploadInputProps) => 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): import("react/jsx-runtime").JSX.Element;
+    ({ language, countryName, countryFlag, onSwitchLanguage, ...rest }: FooterProps): 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): import("react/jsx-runtime").JSX.Element;
+    ({ children, ...rest }: FormProps): JSX.Element;
     defaultProps: {
         onSubmit: () => void;
     };

package/build/components/Input/Input.d.ts

@@ -9,7 +9,7 @@ export interface InputFieldProps extends InputProps {
     warningMessage?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): JSX.Element;
     defaultProps: {
         hide: boolean;
         placeholder: string;

package/build/components/Input/Input.js

@@ -57,7 +57,7 @@ var InputStyled = styled(Input)(function (_a) {
             height: '100%',
             width: '100%'
         },
-        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
+        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: "".concat(theme.palette.background.default, " !important"), padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
                 color: alpha(theme.palette.text.primary, 0.8),
                 fontWeight: theme.typography.fontWeightLight
             } })

package/build/components/InputAdornment/InputAdornment.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { InputAdornmentProps } from '@mui/material/InputAdornment';
 export type { InputAdornmentProps };
 declare const _default: React.MemoExoticComponent<{
-    ({ position, children, ...rest }: InputAdornmentProps<"div", {}>): import("react/jsx-runtime").JSX.Element;
+    ({ position, children, ...rest }: InputAdornmentProps<"div", {}>): JSX.Element;
     defaultProps: {
         position: string;
     };