@tap-payments/auth-jsconnect 2.0.125-test → 2.1.0

package/build/components/Lottie/index.d.ts

@@ -1,3 +1,3 @@
-import LottieFile from './Lottie';
+import LottieFile, { LottieAnimationFiles } from './Lottie';
+export { LottieAnimationFiles };
 export default LottieFile;
-export { LottieAnimationFiles } from './Lottie';

package/build/components/Lottie/index.js

@@ -1,3 +1,3 @@
-import LottieFile from './Lottie';
+import LottieFile, { LottieAnimationFiles } from './Lottie';
+export { LottieAnimationFiles };
 export default LottieFile;
-export { LottieAnimationFiles } from './Lottie';

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

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

package/build/components/ProgressBar/CircularProgressBar.js

@@ -39,8 +39,8 @@ var BoxStyled = styled(Box)(function (_a) {
     });
 });
 export default function CircularProgressWithLabel(_a) {
-    var size = _a.size, value = _a.value, props = __rest(_a, ["size", "value"]);
-    return (_jsxs(Box, __assign({ sx: { position: 'relative', display: 'inline-flex' } }, { children: [_jsx(CircularProgress, __assign({ variant: 'determinate', size: size, value: value }, props)), _jsx(BoxStyled, { children: _jsx(Typography, __assign({ variant: 'caption', component: 'div', color: 'text.primary' }, { children: "".concat(Math.round(value), "%") })) })] })));
+    var size = _a.size, value = _a.value, textSx = _a.textSx, props = __rest(_a, ["size", "value", "textSx"]);
+    return (_jsxs(Box, __assign({ sx: { position: 'relative', display: 'inline-flex' } }, { children: [_jsx(CircularProgress, __assign({ variant: 'determinate', size: size, value: value }, props)), _jsx(BoxStyled, { children: _jsx(Typography, __assign({ variant: 'caption', sx: textSx, component: 'div', color: 'text.primary' }, { children: "".concat(Math.round(value), "%") })) })] })));
 }
 CircularProgressWithLabel.defaultProps = {
     size: 54,

package/build/components/Radio/Radio.js

@@ -26,6 +26,6 @@ var RadioStyled = styled(Radio)(function (_a) {
         } }));
 });
 var RadioComponent = function (props) {
-    return (_jsx(RadioStyled, __assign({ color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }, props)));
+    return _jsx(RadioStyled, __assign({ color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }, props));
 };
 export default React.memo(RadioComponent);

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { RadioGroupProps } from '@mui/material/RadioGroup';
-export type { RadioGroupProps };
-declare const _default: React.MemoExoticComponent<({ children, ...props }: RadioGroupProps) => JSX.Element>;
+interface RadioGroupStyledProps extends RadioGroupProps {
+    readOnly?: boolean;
+}
+export type { RadioGroupStyledProps };
+declare const _default: React.MemoExoticComponent<({ children, ...props }: RadioGroupStyledProps) => JSX.Element>;
 export default _default;

package/build/components/RadioGroup/RadioGroup.js

@@ -24,15 +24,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import RadioGroup from '@mui/material/RadioGroup';
-var RadioGroupStyled = styled(RadioGroup)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        flexDirection: 'row',
-        display: 'flex',
-        direction: theme.direction,
-        marginInlineStart: theme.spacing(0.25)
-    });
+var RadioGroupStyled = styled(RadioGroup, { shouldForwardProp: function (prop) { return prop !== 'readOnly'; } })(function (_a) {
+    var theme = _a.theme, readOnly = _a.readOnly;
+    return (__assign({ width: '100%', flexDirection: 'row', display: 'flex', direction: theme.direction, marginInlineStart: theme.spacing(0.25) }, (readOnly && {
+        opacity: 0.6
+    })));
 });
 var RadioGroupComponent = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);

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

@@ -1,3 +1,3 @@
-import RadioGroup, { RadioGroupProps } from './RadioGroup';
+import RadioGroup, { RadioGroupStyledProps as RadioGroupProps } from './RadioGroup';
 export type { RadioGroupProps };
 export default RadioGroup;

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

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface RadioLabelProps {
-    label: string;
+    label: string | React.ReactNode;
     value: string;
     control?: React.ReactElement<any, any>;
+    sx?: SxProps<Theme>;
 }
-declare const _default: React.MemoExoticComponent<({ label, value, control }: RadioLabelProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ label, value, control, sx }: RadioLabelProps) => JSX.Element>;
 export default _default;

package/build/components/RadioLabel/RadioLabel.js

@@ -27,8 +27,8 @@ var RadioLabelStyled = styled(FormControlLabel)(function (_a) {
     });
 });
 var RadioLabel = function (_a) {
-    var label = _a.label, value = _a.value, control = _a.control;
+    var label = _a.label, value = _a.value, control = _a.control, sx = _a.sx;
     var t = useTranslation().t;
-    return (_jsx(RadioLabelStyled, { value: value, control: control || _jsx(Radio, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }), label: t(label) }));
+    return (_jsx(RadioLabelStyled, { sx: sx, value: value, control: control || _jsx(Radio, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }), label: typeof label === 'string' ? t(label) : label }));
 };
 export default React.memo(RadioLabel);

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

@@ -1,14 +1,20 @@
 import * as React from 'react';
 import { ListProps } from '@mui/material/List';
 import { ListItemProps } from '@mui/material/ListItem';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface SimpleListProps<T> extends ListProps {
     list: Array<T>;
+    selectedItems?: Array<T>;
     listItemProps?: ListItemProps;
-    onSelectItem: (item: T) => void;
+    onSelectItem: (item: T, e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
     renderItem: (item: T, idx: number) => React.ReactElement;
     searchKeyPath?: string;
+    searchValuePath?: string[];
+    getSelectedItemCondition?: (a: T, b: T) => boolean;
+    sx?: SxProps<Theme>;
+    space?: number;
 }
-declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, ...rest }: SimpleListProps<T>): JSX.Element;
+declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, searchValuePath, selectedItems, getSelectedItemCondition, space, ...rest }: SimpleListProps<T>): JSX.Element;
 declare namespace SimpleList {
     var defaultProps: {
         searchKeyPath: string;

package/build/components/SimpleList/SimpleList.js

@@ -20,17 +20,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import { styled } from '@mui/material/styles';
 import get from 'lodash-es/get';
 import { useEventListener } from '../../hooks';
-var ListStyled = styled(List)(function (_a) {
+import Search from '../../features/shared/Search';
+var ListStyled = styled(List, { shouldForwardProp: function (prop) { return prop !== 'height'; } })(function (_a) {
     var _b;
-    var theme = _a.theme;
+    var theme = _a.theme, height = _a.height;
     return (_b = {
             overflowY: 'auto',
             listStyle: 'none',
@@ -39,7 +49,8 @@ var ListStyled = styled(List)(function (_a) {
             height: theme.spacing(40)
         },
         _b[theme.breakpoints.down('sm')] = {
-            maxHeight: "calc(100vh - ".concat(theme.spacing(34.875), ")")
+            height: 'unset',
+            maxHeight: height
         },
         _b['&::-webkit-scrollbar'] = {
             width: '0px'
@@ -67,12 +78,22 @@ var ListItemStyled = styled(ListItem)(function (_a) {
     });
 });
 function SimpleList(_a) {
-    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath"]);
-    var _b = React.useState(list), items = _b[0], setItems = _b[1];
+    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, searchValuePath = _a.searchValuePath, selectedItems = _a.selectedItems, getSelectedItemCondition = _a.getSelectedItemCondition, _b = _a.space, space = _b === void 0 ? 187 : _b, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath", "searchValuePath", "selectedItems", "getSelectedItemCondition", "space"]);
+    var _c = React.useState(list), items = _c[0], setItems = _c[1];
     React.useEffect(function () {
         setItems(list);
     }, [list]);
-    var filterItems = function (arr, searchKey) {
+    var maxHeight = React.useMemo(function () {
+        return "calc(100vh - ".concat(space, "px)");
+    }, [space]);
+    var mapSelectedItemBeginning = React.useMemo(function () {
+        if (getSelectedItemCondition && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length)) {
+            var mapSelectedListFirst = __spreadArray(__spreadArray([], items.filter(function (a) { return selectedItems.some(function (c) { return getSelectedItemCondition(a, c); }); }), true), items.filter(function (a) { return !selectedItems.some(function (c) { return getSelectedItemCondition(a, c); }); }), true);
+            return mapSelectedListFirst;
+        }
+        return items;
+    }, [items, selectedItems]);
+    var filterItemsByKey = function (arr, searchKey) {
         return arr.filter(function (item) {
             var searchValue = get(item, searchKeyPath || '') || '';
             return searchValue.charAt(0).toLowerCase() === searchKey.charAt(searchKey.length - 1).toLowerCase();
@@ -81,7 +102,7 @@ function SimpleList(_a) {
     var onKeySearch = function (_a) {
         var code = _a.code;
         if (code) {
-            var filteredArr = filterItems(items, code);
+            var filteredArr = filterItemsByKey(list, code);
             if (filteredArr.length === 0 || code === 'Backspace')
                 setItems(list);
             else
@@ -90,12 +111,23 @@ function SimpleList(_a) {
     };
     if (searchKeyPath)
         useEventListener('keydown', onKeySearch);
-    return (_jsx(ListStyled, __assign({}, rest, { children: children ||
-            items.map(function (item, idx) {
-                return (_createElement(ListItemStyled, __assign({}, listItemProps, { onClick: function () {
-                        onSelectItem(item);
-                    }, disableGutters: true, key: idx }), renderItem(item, idx)));
-            }) })));
+    var onSearch = function (value) {
+        if (value) {
+            var filteredArr = list.filter(function (item) {
+                var target = (searchValuePath === null || searchValuePath === void 0 ? void 0 : searchValuePath.map(function (path) { return get(item, path) || ''; })) || [];
+                return target.some(function (item) { return item === null || item === void 0 ? void 0 : item.toLowerCase().includes(value.toLowerCase()); });
+            });
+            setItems(filteredArr);
+            return;
+        }
+        setItems(list);
+    };
+    return (_jsxs(_Fragment, { children: [(searchValuePath === null || searchValuePath === void 0 ? void 0 : searchValuePath.length) && _jsx(Search, { onSearchValue: onSearch }), _jsx(ListStyled, __assign({ height: maxHeight }, rest, { children: children ||
+                    mapSelectedItemBeginning.map(function (item, idx) {
+                        return (_createElement(ListItemStyled, __assign({}, listItemProps, { onClick: function (e) {
+                                onSelectItem(item, e);
+                            }, disableGutters: true, key: idx }), renderItem(item, idx)));
+                    }) }))] }));
 }
 SimpleList.defaultProps = {
     searchKeyPath: ''

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, "className" | "style" | "color" | "direction" | "translate" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "children" | "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" | "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" | "in" | "mountOnEnter" | "unmountOnExit" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "container"> & React.RefAttributes<unknown>>>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<SlideProps, "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" | "in" | "mountOnEnter" | "unmountOnExit" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "container"> & React.RefAttributes<unknown>>>;
 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, ...rest }: TooltipProps): JSX.Element;
+    ({ children, title, ...rest }: TooltipProps): JSX.Element;
     defaultProps: {
         placement: string;
     };

package/build/components/Tooltip/Tooltip.js

@@ -24,9 +24,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
 import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
+import Text from '../Text';
+import { useLanguage } from '../../hooks';
 var StyledTooltip = styled(function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(Tooltip, __assign({}, props, { classes: { popper: className } })));
+    return _jsx(Tooltip, __assign({}, props, { classes: { popper: className } }));
 })(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -34,9 +36,16 @@ var StyledTooltip = styled(function (_a) {
         _b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) }),
         _b);
 });
+var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
+    var theme = _a.theme, isAr = _a.isAr;
+    return ({
+        textAlign: isAr ? 'right' : 'left'
+    });
+});
 var TooltipComponent = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return _jsx(StyledTooltip, __assign({}, rest, { children: children }));
+    var children = _a.children, title = _a.title, rest = __rest(_a, ["children", "title"]);
+    var isAr = useLanguage().isAr;
+    return (_jsx(StyledTooltip, __assign({ title: _jsx(TextStyled, __assign({ isAr: isAr }, { children: title })) }, rest, { children: children })));
 };
 export default React.memo(TooltipComponent);
 TooltipComponent.defaultProps = {

package/build/constants/api.d.ts

@@ -1,4 +1,10 @@
 export declare const ENDPOINT_PATHS: {
+    CREATE_EXPRESS_AUTH_PATH: string;
+    Verify_Express_Auth_OTP_PATH: string;
+    EXPRESS_LEAD_IDENTITY_AUTH_PATH: string;
+    EXPRESS_UPDATE_LEAD: string;
+    EXPRESS_CREATE_ACCOUNT: string;
+    ADDRESS_PATH: string;
     SANDBOX_BASE_URL: string;
     PRODUCTION_BASE_URL: string;
     DEV_BASE_URL: string;
@@ -37,4 +43,14 @@ export declare const ENDPOINT_PATHS: {
     RETRIEVE_ACTIVITIES_LIST_PATH: string;
     DOCUMENT: string;
     CREATE_AUTH_NID: string;
+    SEGMENTS_PATH: string;
+    TEAM_SIZE_PATH: string;
+    CITIES: string;
+    INIT: string;
+    BUSINESS: string;
+    RETRIEVE_ACTIVITIES_ISIC: string;
+    CONNECT: string;
+    SEGMENT_LOCATION: string;
+    SEGMENT_PROFIT: string;
+    SEGMENT_TECH: string;
 };

package/build/constants/api.js

@@ -3,12 +3,14 @@ var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
 var DEV_BASE_URL = 'https://connect-mw.dev.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 CITIES_PATH = '/country/state/city/list';
 var IP_PATH = '/ip';
 var OPERATOR_PATH = '/operator';
 var AUTH_PATH = '/auth';
 var LEAD_PATH = '/lead';
 var RETRIEVE_ENTITY_LIST_PATH = '/lead/entity/list';
 var RETRIEVE_ACTIVITIES_LIST_PATH = '/entity/activities/list';
+var RETRIEVE_ACTIVITIES_ISIC_PATH = '/isic/list';
 var ENTITY_PATH = '/entity';
 var INDIVIDUAL_PATH = '/individual';
 var USER_PATH = '/user';
@@ -33,11 +35,30 @@ var FILES = '/files';
 var TOKEN_VERIFY_PATH = '/token/verify';
 var RETRIEVE_USER_INFO_PATH = '/user';
 var BOARD_PATH = '/board';
+var CREATE_EXPRESS_AUTH_PATH = '/express/auth';
+var Verify_Express_Auth_OTP_PATH = '/express/auth';
+var EXPRESS_LEAD_IDENTITY_AUTH_PATH = '/express/token/verify';
+var EXPRESS_UPDATE_LEAD_PATH = '/express/lead';
+var EXPRESS_CREATE_ACCOUNT = '/express/account';
 var CONNECT_PATH = '/connect';
 var CREATE_AUTH_NID_PATH = "".concat(CONNECT_PATH, "/auth");
 var VERIFY_AUTH_OTP_PATH = "".concat(CONNECT_PATH, "/auth");
 var DOCUMENT_PATH = '/document';
+var SEGMENTS_PATH = '/businessSegment/list';
+var TEAM_SIZE_PATH = '/businessSegment/team/list';
+var ADDRESS_PATH = '/address';
+var INIT_PATH = 'init';
+var BUSINESS_PATH = '/business';
+var SEGMENT_LOCATION_PATH = "".concat(BRAND_PATH, "/segment/location");
+var SEGMENT_PROFIT_PATH = "".concat(BRAND_PATH, "/segment/profit");
+var SEGMENT_TECH_PATH = "".concat(BRAND_PATH, "/segment/tech");
 export var ENDPOINT_PATHS = {
+    CREATE_EXPRESS_AUTH_PATH: CREATE_EXPRESS_AUTH_PATH,
+    Verify_Express_Auth_OTP_PATH: Verify_Express_Auth_OTP_PATH,
+    EXPRESS_LEAD_IDENTITY_AUTH_PATH: EXPRESS_LEAD_IDENTITY_AUTH_PATH,
+    EXPRESS_UPDATE_LEAD: EXPRESS_UPDATE_LEAD_PATH,
+    EXPRESS_CREATE_ACCOUNT: EXPRESS_CREATE_ACCOUNT,
+    ADDRESS_PATH: ADDRESS_PATH,
     SANDBOX_BASE_URL: SANDBOX_BASE_URL,
     PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
     DEV_BASE_URL: DEV_BASE_URL,
@@ -75,5 +96,15 @@ export var ENDPOINT_PATHS = {
     VERIFY_AUTH_OTP: VERIFY_AUTH_OTP_PATH,
     RETRIEVE_ACTIVITIES_LIST_PATH: RETRIEVE_ACTIVITIES_LIST_PATH,
     DOCUMENT: DOCUMENT_PATH,
-    CREATE_AUTH_NID: CREATE_AUTH_NID_PATH
+    CREATE_AUTH_NID: CREATE_AUTH_NID_PATH,
+    SEGMENTS_PATH: SEGMENTS_PATH,
+    TEAM_SIZE_PATH: TEAM_SIZE_PATH,
+    CITIES: CITIES_PATH,
+    INIT: INIT_PATH,
+    BUSINESS: BUSINESS_PATH,
+    RETRIEVE_ACTIVITIES_ISIC: RETRIEVE_ACTIVITIES_ISIC_PATH,
+    CONNECT: CONNECT_PATH,
+    SEGMENT_LOCATION: SEGMENT_LOCATION_PATH,
+    SEGMENT_PROFIT: SEGMENT_PROFIT_PATH,
+    SEGMENT_TECH: SEGMENT_TECH_PATH
 };

package/build/constants/app.d.ts

@@ -1,6 +1,7 @@
 import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CLIENT_ORIGIN: string;
 export declare const TAP_WEBSITE = "https://www.tap.company/";
+export declare const BUSINESS_WEBSITE = "https://businesses.tap.company/";
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;
     languageMode: string;
@@ -16,6 +17,7 @@ export declare const EXTERNAL_LINKS: {
 export declare const DIALOG_ID = "auth-js-connect-dialog";
 export declare const BACKGROUND_ID = "auth-js-connect-background";
 export declare const CONNECT_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const CONNECT_EXPRESS_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const BUSINESS_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const INDIVIDUAL_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const PASSWORD_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
@@ -23,7 +25,7 @@ export declare const BANK_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const SigIn_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const ENTITY_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
-export declare const AUTH_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const BRAND_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const DefaultDeviceInfo: {
     source: string;
     device: {
@@ -87,6 +89,22 @@ export declare const CONNECT_STEP_NAMES: {
     VERIFY_AUTH_PASSWORD: string;
     CONNECT_SUCCESS: string;
 };
+export declare const CONNECT_EXPRESS_STEP_NAMES: {
+    CREATE_AUTH_MOBILE: string;
+    VERIFY_AUTH_MOBILE: string;
+    CREATE_AUTH_CIVIL_ID: string;
+    VERIFY_AUTH_CIVIL_ID: string;
+    CREATE_AUTH_NID: string;
+    VERIFY_AUTH_NID: string;
+    IDENTITY_AUTH: string;
+    VERIFY_IDENTITY_AUTH: string;
+    UPDATE_LEAD_INDIVIDUAL: string;
+    UPDATE_LEAD_BRAND_BUSINESS: string;
+    UPDATE_BRAND_INFO: string;
+    CREATE_AUTH_PASSWORD: string;
+    VERIFY_AUTH_PASSWORD: string;
+    CONNECT_EXPRESS_SUCCESS: string;
+};
 export declare const SignIn_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;
     VERIFY_AUTH_MOBILE: string;
@@ -118,7 +136,9 @@ export declare const TAX_STEP_NAMES: {
     TAX_SUCCESS: string;
 };
 export declare const INDIVIDUAl_STEP_NAMES: {
+    PHONE_INFO: string;
     PHONE_AUTH: string;
+    INDIVIDUAl_PERSONAL_INFO: string;
     INDIVIDUAl_INFO: string;
     INDIVIDUAl_SUCCESS: string;
 };
@@ -134,6 +154,12 @@ export declare const ENTITY_STEP_NAMES: {
     ENTITY_INFO: string;
     ENTITY_SUCCESS: string;
 };
+export declare const BRAND_STEP_NAMES: {
+    PHONE_AUTH: string;
+    BRAND_INFO: string;
+    BRAND_ACTIVITIES: string;
+    BRAND_SUCCESS: string;
+};
 export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export declare const ENCRYPTION_FLAG = "encryption_contract";
 export declare const BACKEND_ENCRYPTION_FLAG = "backend_encryption_contract";
@@ -149,6 +175,17 @@ export declare const OTHER_FL_LICENSE: {
     };
     type: BusinessType;
 };
+export declare const OTHER_ENTITY_LICENSE: {
+    id: string;
+    legal_name: {
+        ar: string;
+        en: string;
+    };
+    license: {
+        number: string;
+    };
+    type: BusinessType;
+};
 export declare const OTHER_CR_LICENSE: {
     legal_name: {
         ar: string;
@@ -168,3 +205,34 @@ export declare const BUSINESS_FLOW_SUCCESS: {
     status: string;
     url: string;
 }[];
+export declare enum FileRemoveType {
+    AOA_FILE_ID = "AOA_file_id",
+    BRAND_LOGO_FILE_ID = "Brand_logo_id"
+}
+export declare enum FileType {
+    IMAGES = "images",
+    FILES = "files"
+}
+export declare enum FileStatus {
+    INIT = "init",
+    UPLOADING = "uploading",
+    DOWNLOADING = "downloading",
+    SUCCESS = "success",
+    ERROR = "error",
+    ALREADY_UPLOADED = "already_uploaded"
+}
+export declare enum DeleteFileStatus {
+    NONE = "none",
+    DELETING = "deleting",
+    ERROR = "error",
+    SUCCESS = "success"
+}
+export type FileInfo = {
+    fileId: string;
+    docId: string;
+    name: string;
+    status: FileStatus;
+    progress: number;
+    error: string;
+    deleteStatus: DeleteFileStatus;
+};