@tap-payments/auth-jsconnect 2.0.47-test → 2.0.47

package/build/components/SimpleList/SimpleList.js

@@ -20,14 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 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';
+import Search from '../../features/shared/Search';
 var ListStyled = styled(List)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -67,12 +68,12 @@ 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 list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, searchValuePath = _a.searchValuePath, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath", "searchValuePath"]);
     var _b = React.useState(list), items = _b[0], setItems = _b[1];
     React.useEffect(function () {
         setItems(list);
     }, [list]);
-    var filterItems = function (arr, searchKey) {
+    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 +82,7 @@ function SimpleList(_a) {
     var onKeySearch = function (_a) {
         var code = _a.code;
         if (code) {
-            var filteredArr = filterItems(items, code);
+            var filteredArr = filterItemsByKey(items, code);
             if (filteredArr.length === 0 || code === 'Backspace')
                 setItems(list);
             else
@@ -90,12 +91,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 = items.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({}, rest, { children: children ||
+                    items.map(function (item, idx) {
+                        return (_createElement(ListItemStyled, __assign({}, listItemProps, { onClick: function () {
+                                onSelectItem(item);
+                            }, 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, "color" | "direction" | "translate" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "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" | "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" | "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/SocialMediaGroup/SocialMediaGroup.d.ts

@@ -1,15 +1,11 @@
 import * as React from 'react';
-import { SocialMediaTypes } from '../../@types';
 import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
 import { ToggleButtonProps } from '../ToggleButton';
 export interface SocialMediaGroupProps extends ToggleButtonGroupProps {
     toggleButtonProps?: ToggleButtonProps;
-    showSocialMediaTypes?: Array<SocialMediaTypes>;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, defaultValue, onChange, toggleButtonProps, showSocialMediaTypes, ...rest }: SocialMediaGroupProps): JSX.Element;
-    defaultProps: {
-        defaultValue: SocialMediaTypes;
-    };
+    ({ children, defaultValue, onChange, toggleButtonProps, ...rest }: SocialMediaGroupProps): JSX.Element;
+    defaultProps: {};
 }>;
 export default _default;

package/build/components/SocialMediaGroup/SocialMediaGroup.js

@@ -20,60 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { ICONS_NAMES } from '../../constants';
-import { SocialMediaTypes } from '../../@types';
-import Fade from '@mui/material/Fade';
 import ToggleButtonGroup from '../ToggleButtonGroup';
-import ToggleButton from '../ToggleButton';
-import Icon from '../Icon';
-var SocialMediaButtonStyled = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive' && prop !== 'isShow'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive, isShow = _a.isShow;
-    return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.1875), " solid #3478F6") : 'none',
-        display: isShow ? 'inherit' : 'none',
-        transition: 'display 0.3s'
-    });
-});
-var ToggleIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.5),
-        height: theme.spacing(2.5)
-    });
-});
 var SocialMediaGroupComponent = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onChange = _a.onChange, toggleButtonProps = _a.toggleButtonProps, showSocialMediaTypes = _a.showSocialMediaTypes, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps", "showSocialMediaTypes"]);
-    var _b = React.useState(defaultValue), socialMediaType = _b[0], setSocialMediaType = _b[1];
-    var isWebActive = socialMediaType === SocialMediaTypes.WEB;
-    var isTwitterActive = socialMediaType === SocialMediaTypes.TWITTER;
-    var isInstagramActive = socialMediaType === SocialMediaTypes.INSTAGRAM;
-    var isAppleStoreActive = socialMediaType === SocialMediaTypes.APPLE_STORE;
-    var isPlayStoreActive = socialMediaType === SocialMediaTypes.PLAY_STORE;
-    var isCallCenterActive = socialMediaType === SocialMediaTypes.CALL_CENTER;
-    var isPhysicalStoreActive = socialMediaType === SocialMediaTypes.PHYSICAL_STORE;
+    var children = _a.children, defaultValue = _a.defaultValue, onChange = _a.onChange, toggleButtonProps = _a.toggleButtonProps, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps"]);
     var handleOnChange = function (event, value) {
-        setSocialMediaType(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    React.useEffect(function () {
-        if (defaultValue !== socialMediaType)
-            setSocialMediaType(defaultValue);
-    }, [defaultValue]);
-    var isShowWeb = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.WEB; }));
-    var isShowTwitter = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.TWITTER || icon === SocialMediaTypes.SOCIAL; }));
-    var isShowInstagram = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.INSTAGRAM || icon === SocialMediaTypes.SOCIAL; }));
-    var isShowAppleStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.APPLE_STORE || icon === SocialMediaTypes.APP; }));
-    var isShowPlayStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.PLAY_STORE || icon === SocialMediaTypes.APP; }));
-    var isShowCallCenter = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.CALL_CENTER; }));
-    var isShowPhysicalStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.PHYSICAL_STORE; }));
-    return (_jsxs(ToggleButtonGroup, __assign({ value: socialMediaType, exclusive: true }, rest, { onChange: handleOnChange }, { children: [children, " ||", _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowWeb, isActive: isWebActive }, toggleButtonProps, { value: SocialMediaTypes.WEB }, { children: _jsx(Fade, __assign({ in: isShowWeb }, { children: _jsx(ToggleIconStyled, { src: isWebActive ? ICONS_NAMES.WEB_ACTIVE_ICON : ICONS_NAMES.WEB_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowAppleStore, isActive: isAppleStoreActive }, toggleButtonProps, { value: SocialMediaTypes.APPLE_STORE }, { children: _jsx(Fade, __assign({ in: isShowAppleStore }, { children: _jsx(ToggleIconStyled, { src: isAppleStoreActive ? ICONS_NAMES.APP_APPLE_ACTIVE_ICON : ICONS_NAMES.APP_APPLE_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowPlayStore, isActive: isPlayStoreActive }, toggleButtonProps, { value: SocialMediaTypes.PLAY_STORE }, { children: _jsx(Fade, __assign({ in: isShowPlayStore }, { children: _jsx(ToggleIconStyled, { src: isPlayStoreActive ? ICONS_NAMES.APP_ANDROID_ACTIVE_ICON : ICONS_NAMES.APP_ANDROID_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowPhysicalStore, isActive: isPhysicalStoreActive }, toggleButtonProps, { value: SocialMediaTypes.PHYSICAL_STORE }, { children: _jsx(Fade, __assign({ in: isShowPhysicalStore }, { children: _jsx(ToggleIconStyled, { src: isPhysicalStoreActive ? ICONS_NAMES.PHYSICAL_STORE_ACTIVE_ICON : ICONS_NAMES.PHYSICAL_STORE_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowTwitter, isActive: isTwitterActive }, toggleButtonProps, { value: SocialMediaTypes.TWITTER }, { children: _jsx(Fade, __assign({ in: isShowTwitter }, { children: _jsx(ToggleIconStyled, { src: isTwitterActive ? ICONS_NAMES.TWITTER_ACTIVE_ICON : ICONS_NAMES.TWITTER_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowInstagram, isActive: isInstagramActive }, toggleButtonProps, { value: SocialMediaTypes.INSTAGRAM }, { children: _jsx(Fade, __assign({ in: isShowInstagram }, { children: _jsx(ToggleIconStyled, { src: isInstagramActive ? ICONS_NAMES.INSTAGRAM_ACTIVE_ICON : ICONS_NAMES.INSTAGRAM_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowCallCenter, isActive: isCallCenterActive }, toggleButtonProps, { value: SocialMediaTypes.CALL_CENTER }, { children: _jsx(Fade, __assign({ in: isShowCallCenter }, { children: _jsx(ToggleIconStyled, { src: isCallCenterActive ? ICONS_NAMES.CALL_CENTER_ACTIVE_ICON : ICONS_NAMES.CALL_CENTER_ICON }) })) }))] })));
+    return (_jsx(ToggleButtonGroup, __assign({ exclusive: true }, rest, { onChange: handleOnChange }, { children: children })));
 };
+SocialMediaGroupComponent.defaultProps = {};
 export default React.memo(SocialMediaGroupComponent);
-SocialMediaGroupComponent.defaultProps = {
-    defaultValue: SocialMediaTypes.WEB
-};

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;
@@ -26,10 +32,18 @@ export declare const ENDPOINT_PATHS: {
     BRAND_LIST: string;
     OCCUPATION: string;
     INDIVIDUAL: string;
+    USER: string;
     FILES_PATH: string;
     RETRIEVE_USER_INFO: string;
     BOARD: string;
     TOKEN_VERIFY: string;
     BRAND: string;
+    BRAND_SALES_CHANNELS: string;
     VERIFY_AUTH_OTP: string;
+    RETRIEVE_ACTIVITIES_LIST_PATH: string;
+    DOCUMENT: string;
+    CREATE_AUTH_NID: string;
+    SEGMENTS_PATH: string;
+    TEAM_SIZE_PATH: string;
+    CITIES: string;
 };

package/build/constants/api.js

@@ -3,13 +3,16 @@ 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 ENTITY_PATH = '/entity';
 var INDIVIDUAL_PATH = '/individual';
+var USER_PATH = '/user';
 var BANK_PATH = '/bankaccount';
 var IBAN_PATH = '/iban';
 var CHECK_EMAIL = '/individual/email/availability';
@@ -25,14 +28,31 @@ var MONTHLY_INCOME_PATH = '/v2/monthlyIncome';
 var OCCUPATION_PATH = '/v2/occupation';
 var BRAND_PATH = '/brand';
 var BRAND_LIST_PATH = "".concat(BRAND_PATH, "/list");
+var BRAND_SALES_CHANNELS = "".concat(BRAND_PATH, "/channel/services");
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/locale.json';
 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 VERIFY_AUTH_OTP_PATH = "".concat(CONNECT_PATH, "/lead/verify");
+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';
 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,
@@ -60,10 +80,18 @@ export var ENDPOINT_PATHS = {
     BRAND_LIST: BRAND_LIST_PATH,
     OCCUPATION: OCCUPATION_PATH,
     INDIVIDUAL: INDIVIDUAL_PATH,
+    USER: USER_PATH,
     FILES_PATH: FILES,
     RETRIEVE_USER_INFO: RETRIEVE_USER_INFO_PATH,
     BOARD: BOARD_PATH,
     TOKEN_VERIFY: TOKEN_VERIFY_PATH,
     BRAND: BRAND_PATH,
-    VERIFY_AUTH_OTP: VERIFY_AUTH_OTP_PATH
+    BRAND_SALES_CHANNELS: BRAND_SALES_CHANNELS,
+    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,
+    SEGMENTS_PATH: SEGMENTS_PATH,
+    TEAM_SIZE_PATH: TEAM_SIZE_PATH,
+    CITIES: CITIES_PATH
 };

package/build/constants/app.d.ts

@@ -1,5 +1,6 @@
 import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CLIENT_ORIGIN: string;
+export declare const TAP_WEBSITE = "https://www.tap.company/";
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;
     languageMode: string;
@@ -15,6 +16,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>;
@@ -22,8 +24,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 OTP_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: {
@@ -76,15 +77,33 @@ export declare const IDENTIFICATION_TYPE: {
 };
 export declare const CONNECT_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;
+    CREATE_AUTH_CIVIL_ID: string;
     VERIFY_AUTH_MOBILE: string;
     CREATE_AUTH_NID: string;
     VERIFY_AUTH_NID: string;
     UPDATE_LEAD_INDIVIDUAL: string;
     UPDATE_LEAD_BRAND: string;
+    UPDATE_BRAND_INFO: string;
     CREATE_AUTH_PASSWORD: string;
     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;
@@ -97,6 +116,7 @@ export declare const BUSINESS_STEP_NAMES: {
     BUSINESS_INFO: string;
     PHONE_AUTH: string;
     IDENTITY_AUTH: string;
+    CREATE_AUTH_CIVIL_ID: string;
     IDENTITY_VERIFY_AUTH: string;
     BUSINESS_CR_INFO: string;
     BUSINESS_INFO_CONFIRM: string;
@@ -116,6 +136,7 @@ export declare const TAX_STEP_NAMES: {
 };
 export declare const INDIVIDUAl_STEP_NAMES: {
     PHONE_AUTH: string;
+    INDIVIDUAl_PERSONAL_INFO: string;
     INDIVIDUAl_INFO: string;
     INDIVIDUAl_SUCCESS: string;
 };
@@ -131,9 +152,11 @@ export declare const ENTITY_STEP_NAMES: {
     ENTITY_INFO: string;
     ENTITY_SUCCESS: string;
 };
-export declare const OTP_STEP_NAMES: {
+export declare const BRAND_STEP_NAMES: {
     PHONE_AUTH: string;
-    OTP_SUCCESS: 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";