@tap-payments/auth-jsconnect 2.6.40-test → 2.6.46-test

package/build/api/availabilityServices.d.ts

@@ -1,6 +1,7 @@
 import { AxiosRequestConfig } from 'axios';
 export type CheckEmailBody = {
     email: string | null;
+    country: string;
     encryption_contract: Array<string>;
 };
 export type CheckBrandBody = {

package/build/app/settings.js

@@ -146,7 +146,7 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
     });
 }); });
 export var onCloseComplete = createAsyncThunk('settings/onCloseComplete', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, _a, appConfig, authId, postURL, redirectUrl, bi, merchantId, brandId, entityId, body, data, urlQueryStart;
+    var settings, _a, appConfig, authId, postURL, redirectUrl, bi, merchantId, brandId, entityId, body, data, urlQueryStart, newUrl;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -156,9 +156,10 @@ export var onCloseComplete = createAsyncThunk('settings/onCloseComplete', functi
                 postURL = appConfig.postURL, redirectUrl = appConfig.redirectUrl;
                 bi = settings.data.deviceInfo.browser.browser_id;
                 merchantId = params.merchantId, brandId = params.brandId, entityId = params.entityId;
+                if (!authId) return [3, 2];
                 body = {
                     post_url: postURL || '',
-                    authentication_id: authId || '',
+                    authentication_id: authId,
                     bi: bi,
                     brand_id: brandId || '',
                     merchant_id: merchantId || '',
@@ -168,17 +169,22 @@ export var onCloseComplete = createAsyncThunk('settings/onCloseComplete', functi
             case 1:
                 data = _d.sent();
                 (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, data);
-                if (authId) {
-                    if (settings.data.appConfig.mode === 'popup') {
-                        settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
-                        thunkApi.dispatch(handleOpen(false));
-                        return [2];
-                    }
-                    if (redirectUrl) {
-                        urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
-                        window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
-                    }
+                if (settings.data.appConfig.mode === 'popup') {
+                    settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
+                    thunkApi.dispatch(handleOpen(false));
+                    return [2];
                 }
+                if (redirectUrl) {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                }
+                _d.label = 2;
+            case 2:
+                if (!redirectUrl)
+                    return [2];
+                newUrl = new URL(redirectUrl);
+                newUrl.searchParams.append('action', 'close');
+                window.open("".concat(newUrl), '_self', '_blank');
                 return [2];
         }
     });

package/build/assets/locales/ar.json

@@ -430,5 +430,6 @@
     "select_terminal_placeholder": "الرجاء تحديد محطة طرفية",
     "close_and_complete_later": "اغلق الان و اكمل لاحقا",
     "country_list_title": "الرجاء تحديد بلدك",
-    "Choose_any_country": "بحث عن البلد ..."
+    "Choose_any_country": "بحث عن البلد ...",
+    "operator_is_invalid": "المشغل غير مصرح له"
 }

package/build/assets/locales/en.json

@@ -460,5 +460,6 @@
     "select_terminal_placeholder": "Please select a terminal",
     "close_and_complete_later": "Close and Complete Later",
     "country_list_title": "Please select your country",
-    "choose_any_country": "Search Country..."
+    "choose_any_country": "Search Country...",
+    "operator_is_invalid": "Operator is invalid"
 }

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

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

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

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

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

@@ -14,5 +14,5 @@ export interface DialogProps extends MUIDialogProps {
     isMaturityExpress?: boolean;
     showTextLogo?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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,2 +1 @@
-/// <reference types="react" />
-export default function FlowLoading(): JSX.Element;
+export default function FlowLoading(): import("react/jsx-runtime").JSX.Element;

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;
     };

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): JSX.Element;
+    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         hide: boolean;
         placeholder: string;

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", {}>): JSX.Element;
+    ({ position, children, ...rest }: InputAdornmentProps<"div", {}>): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         position: string;
     };

package/build/components/List/List.d.ts

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

package/build/components/ListItem/ListItem.d.ts

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

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

@@ -9,7 +9,7 @@ export interface LoaderProps {
     svgStyle?: React.CSSProperties;
     className?: string;
 }
-declare function Loader(props: LoaderProps): JSX.Element;
+declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loader {
     var defaultProps: {
         outerColor: string;

package/build/components/LogoBadge/LogoBadge.d.ts

@@ -3,5 +3,5 @@ import { BadgeProps } from '@mui/material/Badge';
 export interface LogoBadgeProps extends BadgeProps {
     src?: string;
 }
-declare const _default: React.MemoExoticComponent<({ src, ...rest }: LogoBadgeProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ src, ...rest }: LogoBadgeProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/OTPField/OTPField.d.ts

@@ -8,7 +8,7 @@ export interface OTPFieldProps {
     disabled?: boolean;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ length, value, autoFocus, isInputNum, disabled, ...rest }: OTPFieldProps): JSX.Element;
+    ({ length, value, autoFocus, isInputNum, disabled, ...rest }: OTPFieldProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         length: number;
         autoFocus: boolean;

package/build/components/OTPTimer/OTPTimer.d.ts

@@ -6,7 +6,7 @@ export interface OTPTimerProps extends BoxProps {
     onResetClick?: () => void;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ timeInSeconds, timeEndLabel, onResetClick, ...rest }: OTPTimerProps): JSX.Element;
+    ({ timeInSeconds, timeEndLabel, onResetClick, ...rest }: OTPTimerProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         time: number;
     };

package/build/components/ProgressBar/CircularProgressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CircularProgressProps } from '@mui/material/CircularProgress';
 import { SxProps, Theme } from '@mui/material/styles';
 export interface CircularProps extends CircularProgressProps {
@@ -6,7 +5,7 @@ export interface CircularProps extends CircularProgressProps {
     value: number;
     textSx?: SxProps<Theme>;
 }
-declare function CircularProgressWithLabel({ size, value, textSx, ...props }: CircularProps): JSX.Element;
+declare function CircularProgressWithLabel({ size, value, textSx, ...props }: CircularProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CircularProgressWithLabel {
     var defaultProps: {
         size: number;

package/build/components/ProgressBar/ProgressBar.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
 export interface ProgressBarProps extends LinearProgressProps {
 }
-declare const _default: React.MemoExoticComponent<({ ...rest }: ProgressBarProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ ...rest }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/Providers/ReduxProvider.d.ts

@@ -3,5 +3,5 @@ interface ReduxProviderProps {
     store: any;
     children: React.ReactNode;
 }
-export default function ReduxProvider({ store, children }: ReduxProviderProps): JSX.Element;
+export default function ReduxProvider({ store, children }: ReduxProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/Providers/ThemeProvider.d.ts

@@ -4,5 +4,5 @@ interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: ThemContext;
 }
-export default function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
+export default function ThemeProvider({ children, theme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/Radio/Radio.d.ts

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

package/build/components/RadioGroup/RadioGroup.d.ts

@@ -4,5 +4,5 @@ interface RadioGroupStyledProps extends RadioGroupProps {
     readOnly?: boolean;
 }
 export type { RadioGroupStyledProps };
-declare const _default: React.MemoExoticComponent<({ children, ...props }: RadioGroupStyledProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ children, ...props }: RadioGroupStyledProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/RadioLabel/RadioLabel.d.ts

@@ -6,5 +6,5 @@ export interface RadioLabelProps {
     control?: React.ReactElement<any, any>;
     sx?: SxProps<Theme>;
 }
-declare const _default: React.MemoExoticComponent<({ label, value, control, sx }: RadioLabelProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ label, value, control, sx }: RadioLabelProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/SimpleList/SimpleList.d.ts

@@ -14,7 +14,7 @@ export interface SimpleListProps<T> extends ListProps {
     sx?: SxProps<Theme>;
     space?: number;
 }
-declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, selectedItems, getSelectedItemCondition, space, ...rest }: SimpleListProps<T>): JSX.Element;
+declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, selectedItems, getSelectedItemCondition, space, ...rest }: SimpleListProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace SimpleList {
     var defaultProps: {
         searchKeyPath: string;

package/build/components/Slide/Slide.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { SlideProps as MUISlideProps } from '@mui/material/Slide';
 export interface SlideProps extends MUISlideProps {
 }
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<SlideProps, "in" | "className" | "style" | "color" | "direction" | "translate" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "timeout" | "mountOnEnter" | "unmountOnExit" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "container"> & React.RefAttributes<unknown>>>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SlideProps, "ref"> & React.RefAttributes<unknown>>>;
 export default _default;

package/build/components/SocialMediaGroup/SocialMediaGroup.d.ts

@@ -5,7 +5,7 @@ export interface SocialMediaGroupProps extends ToggleButtonGroupProps {
     toggleButtonProps?: ToggleButtonProps;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, defaultValue, onChange, toggleButtonProps, ...rest }: SocialMediaGroupProps): JSX.Element;
+    ({ children, defaultValue, onChange, toggleButtonProps, ...rest }: SocialMediaGroupProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {};
 }>;
 export default _default;

package/build/components/Text/Text.d.ts

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

package/build/components/ToggleButton/ToggleButton.d.ts

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

package/build/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

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

package/build/components/Tooltip/Tooltip.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { TooltipProps } from '@mui/material/Tooltip';
 export type { TooltipProps };
 declare const _default: React.MemoExoticComponent<{
-    ({ children, title, ...rest }: TooltipProps): JSX.Element;
+    ({ children, title, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         placement: string;
     };

package/build/components/Warning/Warning.d.ts

@@ -5,7 +5,7 @@ export interface WarningProps extends BoxProps {
     warningType?: 'alert' | 'error' | 'hint';
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, warningType, ...rest }: WarningProps): JSX.Element;
+    ({ children, warningType, ...rest }: WarningProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         warningType: string;
     };

package/build/constants/app.js

@@ -42,6 +42,12 @@ export var CONNECT_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'CONNECT_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'CONNECT_VERIFY_PACI_STEP',
         next: 'CONNECT_INDIVIDUAL_STEP',

package/build/features/app/board/boardStore.d.ts

@@ -37,7 +37,10 @@ export declare const verifyBoardLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
 }>;
 export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-}, string, {
+}, {
+    boardId: string;
+    boardInfoId: string;
+}, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;

package/build/features/app/board/boardStore.js

@@ -51,7 +51,7 @@ import API from '../../../api';
 import { FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 import { BOARD_STEP_STEPS } from '../../../constants';
-import { sleep } from '../../../utils';
+import { retrieveIndividualData, sleep } from '../../../utils';
 export var createVerifyTokenBy = createAsyncThunk('board/createVerifyTokenByBoardId', function (boardId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, data, step_name;
     var _a, _b;
@@ -67,7 +67,7 @@ export var createVerifyTokenBy = createAsyncThunk('board/createVerifyTokenByBoar
                     sleep(0).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_VERIFY_STEP')); });
                     return [2, __assign({}, data)];
                 }
-                return [4, thunkApi.dispatch(retrieveBoardDetails(data.id))];
+                return [4, thunkApi.dispatch(retrieveBoardDetails({ boardId: data.id, boardInfoId: data.board_info_id }))];
             case 2:
                 _c.sent();
                 (_b = (_a = settings.data.appConfig).onFlowCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, { boardId: data.id, boardInfoId: data.board_info_id });
@@ -111,7 +111,7 @@ export var verifyBoardLeadOTP = createAsyncThunk('board/verifyBoardLeadOTP', fun
                 data = (_g.sent()).data;
                 if (data.errors)
                     throw new Error(data.errors[0].description);
-                return [4, thunkApi.dispatch(retrieveBoardDetails(data.id))];
+                return [4, thunkApi.dispatch(retrieveBoardDetails({ boardId: data.id, boardInfoId: data.board_info_id }))];
             case 2:
                 _g.sent();
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
@@ -121,20 +121,34 @@ export var verifyBoardLeadOTP = createAsyncThunk('board/verifyBoardLeadOTP', fun
         }
     });
 }); });
-export var retrieveBoardDetails = createAsyncThunk('board/retrieveBoardDetails', function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, boardInfoData, data;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0: return [4, Promise.all([API.boardService.retrieveBoardInfoStatus(boardId), API.boardService.retrieveBoardDetails(boardId)])];
-            case 1:
-                _a = _d.sent(), boardInfoData = _a[0], data = _a[1];
-                return [2, {
-                        data: __assign(__assign({}, data), { user: data === null || data === void 0 ? void 0 : data.user, brand: data === null || data === void 0 ? void 0 : data.brand, bank_account: data === null || data === void 0 ? void 0 : data.bank_account, entity: data === null || data === void 0 ? void 0 : data.entity, merchant: data === null || data === void 0 ? void 0 : data.merchant, name: (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.names, business: data === null || data === void 0 ? void 0 : data.business, individuals: data === null || data === void 0 ? void 0 : data.individuals, contact: (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.contact, flows: (boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.info) || [] })
-                    }];
-        }
+export var retrieveBoardDetails = createAsyncThunk('board/retrieveBoardDetails', function (_a) {
+    var boardId = _a.boardId, boardInfoId = _a.boardInfoId;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var boardInfoData, _b, boardInfoStatusData, boardData, _c, id, type, serviceCallBack, _d, boardRes, individualRes;
+        var _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0: return [4, API.boardService.retrieveBoardInfo({ id: boardId, infoId: boardInfoId })];
+                case 1:
+                    boardInfoData = _f.sent();
+                    return [4, Promise.all([
+                            API.boardService.retrieveBoardInfoStatus(boardId),
+                            API.boardService.retrieveBoardDetails(boardId)
+                        ])];
+                case 2:
+                    _b = _f.sent(), boardInfoStatusData = _b[0], boardData = _b[1];
+                    _c = ((_e = boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.notification) === null || _e === void 0 ? void 0 : _e.recipient) || {}, id = _c.id, type = _c.type;
+                    serviceCallBack = function () { return API.individualService.retrieveIndividual(id, type); };
+                    return [4, retrieveIndividualData(type, boardData, serviceCallBack)];
+                case 3:
+                    _d = _f.sent(), boardRes = _d.boardRes, individualRes = _d.individualRes;
+                    return [2, {
+                            data: __assign(__assign({}, boardRes), { user: individualRes, brand: boardRes === null || boardRes === void 0 ? void 0 : boardRes.brand, bank_account: boardRes === null || boardRes === void 0 ? void 0 : boardRes.bank_account, entity: boardRes === null || boardRes === void 0 ? void 0 : boardRes.entity, merchant: boardRes === null || boardRes === void 0 ? void 0 : boardRes.merchant, name: individualRes === null || individualRes === void 0 ? void 0 : individualRes.names, business: boardRes === null || boardRes === void 0 ? void 0 : boardRes.business, individuals: boardRes === null || boardRes === void 0 ? void 0 : boardRes.individuals, contact: individualRes === null || individualRes === void 0 ? void 0 : individualRes.contact, flows: (boardInfoStatusData === null || boardInfoStatusData === void 0 ? void 0 : boardInfoStatusData.info) || [] })
+                        }];
+            }
+        });
     });
-}); });
+});
 var initialState = {
     error: null,
     loading: false,

package/build/features/app/connect/connectStore.d.ts

@@ -135,20 +135,6 @@ export declare const retrieveLead: import("@reduxjs/toolkit").AsyncThunk<{
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const retrieveSegmentDataList: import("@reduxjs/toolkit").AsyncThunk<{
-    segmentLocation: any;
-    segmentProfit: any;
-    segmentTech: any;
-}, void, {
-    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 updateLeadBrand: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: BrandFormValues & {
@@ -168,8 +154,8 @@ export declare const updateLeadBrand: import("@reduxjs/toolkit").AsyncThunk<{
 }>;
 export declare const updateLeadBrandSegment: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
-    formData: BrandSegmentFormValues;
-}, BrandSegmentFormValues, {
+    formData: Pick<BrandSegmentFormValues, "teamSize">;
+}, Pick<BrandSegmentFormValues, "teamSize">, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;
@@ -240,7 +226,7 @@ export interface ConnectData {
     };
     individualData: IndividualFormValues & ResponseData;
     brandData: BrandFormValues & ResponseData;
-    brandSegmentData: BrandSegmentFormValues & ResponseData;
+    brandSegmentData: Pick<BrandSegmentFormValues, 'teamSize'> & ResponseData;
     flowName: FlowsTypes;
     isStartFromBusinessCountry?: boolean;
 }