@tap-payments/auth-jsconnect 2.8.52-sandbox → 2.8.55-beta

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

@@ -232,6 +232,7 @@ export interface LibConfig extends LibCallbacks {
         overlay?: boolean;
         loaderOverlay?: boolean;
         tapTextLogo?: boolean;
+        closeButton?: boolean;
     };
     postURL?: string;
     redirectUrl?: string;
@@ -667,7 +668,6 @@ export interface EventPageTrackingData extends CommonDataLayer {
 }
 export interface PageTrackingData {
     title?: string;
-    connect_flow?: string;
 }
 export type VerifyExpressTokenParams = {
     public_key: string;

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

@@ -112,7 +112,6 @@ export interface IndividualExtraFormValues extends IndividualAttachmentsFormValu
     isInfluencer: boolean | null;
     shareCount: string;
     shareValue: string;
-    isAuthorized: boolean;
 }
 export type IndividualAttachmentsFormValues = {
     civilID?: Array<string>;

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

@@ -15,5 +15,4 @@ export interface ResponseData {
 export interface AsyncThunkParams<T> {
     formData: T;
     originalFormData: T;
-    isDirty: boolean;
 }

package/build/api/axios.js

@@ -42,8 +42,7 @@ var instance = axios.create({
     headers: {
         'Content-Type': 'application/json',
         'Access-Control-Allow-Headers': true
-    },
-    timeout: 180000
+    }
 });
 instance.interceptors.request.use(function (config) {
     return encryptionContractTransformer(config);

package/build/api/entity.d.ts

@@ -139,8 +139,8 @@ export type CreateEntityBody = {
 };
 declare const entityService: {
     createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
-    updateEntityInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-    createBankAccount: (data: EntityBankUpdateBody) => Promise<any>;
+    updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    createBankAccount: (data: EntityBankUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     retrieveBankAccount: (id: string) => Promise<any>;
     retrieveEntityInfo: (entity_id: string, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;

package/build/api/entity.js

@@ -18,13 +18,9 @@ var createEntityInfo = function (_a, config) {
     var id = _a.id, data = __rest(_a, ["id"]);
     return instance.post("".concat(ENDPOINT_PATHS.ENTITY, "/").concat(id, "/info"), data, config);
 };
-var updateEntityInfo = function (_a) {
+var updateEntityInfo = function (_a, config) {
     var id = _a.id, data = __rest(_a, ["id"]);
-    return httpClient({
-        method: 'put',
-        url: "".concat(ENDPOINT_PATHS.ENTITY, "/").concat(id),
-        data: data
-    });
+    return instance.put("".concat(ENDPOINT_PATHS.ENTITY, "/").concat(id), data, config);
 };
 var retrieveEntity = function (entity_id) {
     return httpClient({
@@ -56,12 +52,8 @@ var updateEntityCapital = function (_a) {
         data: data
     });
 };
-var createBankAccount = function (data) {
-    return httpClient({
-        method: 'put',
-        url: "".concat(ENDPOINT_PATHS.BANK),
-        data: data
-    });
+var createBankAccount = function (data, config) {
+    return instance.put("".concat(ENDPOINT_PATHS.BANK), data, config);
 };
 var retrieveBankAccount = function (id) {
     return httpClient({

package/build/api/index.d.ts

@@ -59,8 +59,8 @@ declare const API: {
     };
     entityService: {
         createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
-        updateEntityInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-        createBankAccount: (data: EntityBankUpdateBody) => Promise<any>;
+        updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        createBankAccount: (data: EntityBankUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         retrieveBankAccount: (id: string) => Promise<any>;
         retrieveEntityInfo: (entity_id: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -39,7 +39,7 @@ export default function AnimationFlow(_a) {
         return (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, hideTextLogo: (features === null || features === void 0 ? void 0 : features.tapTextLogo) === false, hideLanguage: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, animationDirection: animationDirection, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideLanguage: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
+        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, onClose: onClose, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, hideFooter: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
-    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideLanguage: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, dialogEdgeFormat: dialogEdgeFormat }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, hideTextLogo: (features === null || features === void 0 ? void 0 : features.tapTextLogo) === false, hideLanguage: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, animationDirection: animationDirection, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
+    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, onClose: onClose, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, hideFooter: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, dialogEdgeFormat: dialogEdgeFormat }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, hideTextLogo: (features === null || features === void 0 ? void 0 : features.tapTextLogo) === false, hideLanguage: (features === null || features === void 0 ? void 0 : features.switchLanguage) === false, hidePoweredBy: (features === null || features === void 0 ? void 0 : features.poweredBy) === false, hideMerchantLogo: (features === null || features === void 0 ? void 0 : features.merchantLogo) === false, animationDirection: animationDirection, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
 }

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

@@ -9,10 +9,11 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     pointerEvents?: 'none' | 'auto';
     isMaturityExpress?: boolean;
     merchantInfo?: MerchantInfo;
-    hideLanguage?: boolean;
+    hideFooter?: boolean;
     hidePoweredBy?: boolean;
     hideMerchantLogo?: boolean;
     dialogEdgeFormat?: DialogEdgeFormat;
+    onClose?: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideLanguage, hidePoweredBy, hideMerchantLogo, dialogEdgeFormat, ...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) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -28,6 +28,7 @@ import Box from '@mui/material/Box';
 import 'react-spring-bottom-sheet/dist/style.css';
 import { ICONS_NAMES } from '../../constants';
 import { useLanguage } from '../../hooks';
+import Icon from '../Icon';
 import { DialogEdgeFormat } from '../../@types';
 import { CustomFooter, PoweredByFooter } from '../../features/shared/Footer';
 import LogoBadge from '../LogoBadge';
@@ -75,15 +76,38 @@ var FooterStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     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 CloseIconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3.75),
+        height: theme.spacing(3.75)
+    });
+});
+var CloseBox = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'end',
+        marginBlockStart: theme.spacing(2),
+        marginInlineEnd: theme.spacing(2),
+        cursor: 'pointer',
+        direction: theme.direction,
+        position: 'absolute',
+        right: 0,
+        left: 0,
+        zIndex: 9999
+    });
+});
 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, hideLanguage = _a.hideLanguage, hidePoweredBy = _a.hidePoweredBy, hideMerchantLogo = _a.hideMerchantLogo, dialogEdgeFormat = _a.dialogEdgeFormat, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideLanguage", "hidePoweredBy", "hideMerchantLogo", "dialogEdgeFormat"]);
+    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, dialogEdgeFormat = _a.dialogEdgeFormat, hidePoweredBy = _a.hidePoweredBy, onClose = _a.onClose, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideFooter", "hideMerchantLogo", "dialogEdgeFormat", "hidePoweredBy", "onClose"]);
     var sheetRef = React.useRef(null);
     var isAr = useLanguage().isAr;
     var logo = (merchantInfo || {}).logo;
+    var handleOnCloseButton = function () {
+        onClose && onClose();
+    };
     var getLanguageBarHeight = function () {
-        var viewportHeight = window.innerHeight;
-        var documentHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
-        return documentHeight - viewportHeight + (isMaturityExpress ? 150 : 70);
+        return isMaturityExpress && !hideFooter ? 150 : 70;
     };
     var getMinHeight = function (maxHeight) {
         var el = document.getElementById('main-feature-container');
@@ -103,9 +127,9 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideLanguage ? (_jsx(_Fragment, {})) : (_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, 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, 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', 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 }) }))] })));
 };
 export default React.memo(BottomSheetComponent);

package/build/constants/api.d.ts

@@ -12,6 +12,7 @@ export declare const ENDPOINT_PATHS: {
     SANDBOX_BASE_URL: string;
     PRODUCTION_BASE_URL: string;
     DEV_BASE_URL: string;
+    BETA_BASE_URL: string;
     BUSINESS_COUNTRIES: string;
     COUNTRIES: string;
     IP: string;

package/build/constants/api.js

@@ -1,6 +1,7 @@
 var SANDBOX_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
 var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
 var DEV_BASE_URL = 'https://connect-mw.dev.tap.company/middleware';
+var BETA_BASE_URL = 'https://connect-mw.beta.tap.company/middleware';
 var API_BUSINESS_COUNTRIES = 'https://godata.sandbox.tap.company/api/v1/business/country/list';
 var API_COUNTRIES = 'https://utilities.tap.company/api/v1/country/list';
 var CURRENCY_PATH = 'https://utilities.tap.company/api/v1/currency/iso';
@@ -74,6 +75,7 @@ export var ENDPOINT_PATHS = {
     SANDBOX_BASE_URL: SANDBOX_BASE_URL,
     PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
     DEV_BASE_URL: DEV_BASE_URL,
+    BETA_BASE_URL: BETA_BASE_URL,
     BUSINESS_COUNTRIES: API_BUSINESS_COUNTRIES,
     COUNTRIES: API_COUNTRIES,
     IP: IP_PATH,

package/build/constants/app.d.ts

@@ -1,6 +1,7 @@
 import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CONNECT_DEV_URL = "https://connect.dev.tap.company";
 export declare const CONNECT_SANDBOX_URL = "https://connect.sandbox.tap.company";
+export declare const CONNECT_BETA_URL = "https://connect.beta.tap.company";
 export declare const CONNECT_PROD_URL = "https://connect.tap.company";
 export declare const CLIENT_ORIGIN: string;
 export declare const TAP_WEBSITE = "https://www.tap.company/";

package/build/constants/app.js

@@ -1,6 +1,7 @@
 import { BusinessType } from '../@types';
 export var CONNECT_DEV_URL = 'https://connect.dev.tap.company';
 export var CONNECT_SANDBOX_URL = 'https://connect.sandbox.tap.company';
+export var CONNECT_BETA_URL = 'https://connect.beta.tap.company';
 export var CONNECT_PROD_URL = 'https://connect.tap.company';
 export var CLIENT_ORIGIN = window.location.origin;
 export var TAP_WEBSITE = 'https://www.tap.company/';

package/build/features/app/bank/bankStore.d.ts

@@ -7,7 +7,19 @@ interface VerifyLeadTokenProps {
 }
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    bankData: any;
+    individualData: any;
+    boardResponse: {
+        user: any;
+        brand: any;
+        bank_account: any;
+        entity: any;
+        merchant: any;
+        name: any;
+        contact: any;
+        business: any;
+        individuals: any;
+        notification: any;
+    };
     token: string;
 }, VerifyLeadTokenProps, {
     state?: unknown;
@@ -33,7 +45,6 @@ export declare const resendOTP: import("@reduxjs/toolkit").AsyncThunk<{
 }>;
 export declare const verifyBankLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    bankData: any;
     formData: OTPFormValues;
 }, OTPFormValues, {
     state?: unknown;
@@ -57,12 +68,9 @@ export declare const retrieveBoardStatus: import("@reduxjs/toolkit").AsyncThunk<
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-type RetrieveBoardProps = {
-    boardId: string;
-    individualId: string;
-    individualType: string;
-};
-export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<any, RetrieveBoardProps, {
+export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, string, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;
@@ -102,11 +110,8 @@ export declare const checkIbanBank: import("@reduxjs/toolkit").AsyncThunk<{
     rejectedMeta?: unknown;
 }>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-    flows?: undefined;
-} | {
-    data: any;
-    flows: any;
+    response: any;
+    formData: void;
 } | undefined, void, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;