@tap-payments/auth-jsconnect 2.0.54-test → 2.0.55-test

package/build/components/Lottie/files/success.json

@@ -0,0 +1,425 @@
+{
+    "v": "4.8.0",
+    "meta": { "g": "LottieFiles AE 3.0.2", "a": "", "k": "", "d": "", "tc": "" },
+    "fr": 30,
+    "ip": 0,
+    "op": 106,
+    "w": 640,
+    "h": 640,
+    "nm": "success",
+    "ddd": 0,
+    "assets": [],
+    "layers": [
+        {
+            "ddd": 0,
+            "ind": 1,
+            "ty": 4,
+            "nm": "Circle Outlines",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 48.008, "s": [100] },
+                        { "t": 53.0126953125, "s": [10] }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": { "a": 0, "k": [320, 320, 0], "ix": 2 },
+                "a": { "a": 0, "k": [40, 40, 0], "ix": 1 },
+                "s": { "a": 0, "k": [197.535, 197.535, 100], "ix": 6 }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "ind": 0,
+                            "ty": "sh",
+                            "ix": 1,
+                            "ks": {
+                                "a": 0,
+                                "k": {
+                                    "i": [
+                                        [0, -20.385],
+                                        [20.385, 0],
+                                        [0, 20.385],
+                                        [-20.385, 0]
+                                    ],
+                                    "o": [
+                                        [0, 20.385],
+                                        [-20.385, 0],
+                                        [0, -20.385],
+                                        [20.385, 0]
+                                    ],
+                                    "v": [
+                                        [36.91, 0],
+                                        [0, 36.91],
+                                        [-36.91, 0],
+                                        [0, -36.91]
+                                    ],
+                                    "c": true
+                                },
+                                "ix": 2
+                            },
+                            "nm": "Path 1",
+                            "mn": "ADBE Vector Shape - Group",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [0.117647066303, 0.796078491211, 0.250980392157, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 5, "ix": 5 },
+                            "lc": 2,
+                            "lj": 2,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [40, 40], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Group 1",
+                    "np": 2,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                },
+                {
+                    "ty": "tm",
+                    "s": { "a": 0, "k": 0, "ix": 1 },
+                    "e": {
+                        "a": 1,
+                        "k": [
+                            { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 40, "s": [0] },
+                            { "t": 53.0126953125, "s": [100] }
+                        ],
+                        "ix": 2
+                    },
+                    "o": { "a": 0, "k": 0, "ix": 3 },
+                    "m": 1,
+                    "ix": 2,
+                    "nm": "Trim Paths 1",
+                    "mn": "ADBE Vector Filter - Trim",
+                    "hd": false
+                }
+            ],
+            "ip": 40,
+            "op": 940.900900900901,
+            "st": 40,
+            "bm": 0
+        },
+        {
+            "ddd": 0,
+            "ind": 2,
+            "ty": 4,
+            "nm": "Tick Outlines",
+            "sr": 1,
+            "ks": {
+                "o": { "a": 0, "k": 100, "ix": 11 },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": { "a": 0, "k": [320, 320, 0], "ix": 2 },
+                "a": { "a": 0, "k": [40, 40, 0], "ix": 1 },
+                "s": { "a": 0, "k": [197.535, 197.535, 100], "ix": 6 }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "ind": 0,
+                            "ty": "sh",
+                            "ix": 1,
+                            "ks": {
+                                "a": 0,
+                                "k": {
+                                    "i": [
+                                        [0, 0],
+                                        [0, 0],
+                                        [0, 0]
+                                    ],
+                                    "o": [
+                                        [0, 0],
+                                        [0, 0],
+                                        [0, 0]
+                                    ],
+                                    "v": [
+                                        [-12.495, 0.165],
+                                        [-4.189, 8.342],
+                                        [12.495, -8.342]
+                                    ],
+                                    "c": false
+                                },
+                                "ix": 2
+                            },
+                            "nm": "Path 1",
+                            "mn": "ADBE Vector Shape - Group",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [0.117647066303, 0.796078491211, 0.250980392157, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 5, "ix": 5 },
+                            "lc": 2,
+                            "lj": 2,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [40, 40], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Group 1",
+                    "np": 2,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                },
+                {
+                    "ty": "tm",
+                    "s": { "a": 0, "k": 0, "ix": 1 },
+                    "e": {
+                        "a": 1,
+                        "k": [
+                            { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 44.004, "s": [0] },
+                            { "t": 57.016699316504, "s": [99] }
+                        ],
+                        "ix": 2
+                    },
+                    "o": { "a": 0, "k": 0, "ix": 3 },
+                    "m": 1,
+                    "ix": 2,
+                    "nm": "Trim Paths 1",
+                    "mn": "ADBE Vector Filter - Trim",
+                    "hd": false
+                }
+            ],
+            "ip": 44.004004004004,
+            "op": 944.904904904905,
+            "st": 44.004004004004,
+            "bm": 0
+        },
+        {
+            "ddd": 0,
+            "ind": 3,
+            "ty": 4,
+            "nm": "Shape Layer 2",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 18, "s": [10] },
+                        { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 53, "s": [92.895] },
+                        { "t": 56, "s": [0] }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": { "a": 0, "k": [323.035, 320.203, 0], "ix": 2 },
+                "a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
+                "s": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
+                            "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
+                            "t": 18,
+                            "s": [100, 100, 100]
+                        },
+                        { "t": 56, "s": [25, 25, 100] }
+                    ],
+                    "ix": 6
+                }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "d": 1,
+                            "ty": "el",
+                            "s": { "a": 0, "k": [604.492, 604.492], "ix": 2 },
+                            "p": { "a": 0, "k": [0, 0], "ix": 3 },
+                            "nm": "Ellipse Path 1",
+                            "mn": "ADBE Vector Shape - Ellipse",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [0.117647058824, 0.796078431373, 0.250980392157, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 2, "ix": 5 },
+                            "lc": 1,
+                            "lj": 1,
+                            "ml": 4,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "fl",
+                            "c": { "a": 0, "k": [0, 0, 0, 1], "ix": 4 },
+                            "o": { "a": 0, "k": 0, "ix": 5 },
+                            "r": 1,
+                            "bm": 0,
+                            "nm": "Fill 1",
+                            "mn": "ADBE Vector Graphic - Fill",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [-3.035, -0.203], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Ellipse 1",
+                    "np": 3,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                }
+            ],
+            "ip": 18,
+            "op": 94,
+            "st": 18,
+            "bm": 0
+        },
+        {
+            "ddd": 0,
+            "ind": 4,
+            "ty": 4,
+            "nm": "Shape Layer 1",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 0, "s": [10] },
+                        { "i": { "x": [0.833], "y": [0.833] }, "o": { "x": [0.167], "y": [0.167] }, "t": 35, "s": [92.895] },
+                        { "t": 38, "s": [0] }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": { "a": 0, "k": [323.035, 320.203, 0], "ix": 2 },
+                "a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
+                "s": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
+                            "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
+                            "t": 0,
+                            "s": [100, 100, 100]
+                        },
+                        { "t": 38, "s": [25, 25, 100] }
+                    ],
+                    "ix": 6
+                }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "d": 1,
+                            "ty": "el",
+                            "s": { "a": 0, "k": [604.492, 604.492], "ix": 2 },
+                            "p": { "a": 0, "k": [0, 0], "ix": 3 },
+                            "nm": "Ellipse Path 1",
+                            "mn": "ADBE Vector Shape - Ellipse",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [0.117647058824, 0.796078431373, 0.250980392157, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 2, "ix": 5 },
+                            "lc": 1,
+                            "lj": 1,
+                            "ml": 4,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "fl",
+                            "c": { "a": 0, "k": [0, 0, 0, 1], "ix": 4 },
+                            "o": { "a": 0, "k": 0, "ix": 5 },
+                            "r": 1,
+                            "bm": 0,
+                            "nm": "Fill 1",
+                            "mn": "ADBE Vector Graphic - Fill",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [-3.035, -0.203], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Ellipse 1",
+                    "np": 3,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                }
+            ],
+            "ip": 0,
+            "op": 76,
+            "st": 0,
+            "bm": 0
+        }
+    ],
+    "markers": []
+}

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

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

package/build/components/Lottie/index.js

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

package/build/components/OTPTimer/OTPTimer.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import Text from '../Text';
+import Text from '@components/Text';
 import Box from '@mui/material/Box';
 var OTPTimerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;

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

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

package/build/components/ProgressBar/CircularProgressBar.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        position: 'absolute'
+    });
+});
+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), "%") })) })] })));
+}
+CircularProgressWithLabel.defaultProps = {
+    size: 54,
+    value: 0
+};

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

@@ -1,4 +1,6 @@
 import ProgressBar from './ProgressBar';
 import { ProgressBarProps } from './ProgressBar';
+import CircularProgress from './CircularProgressBar';
+export { CircularProgress };
 export type { ProgressBarProps };
 export default ProgressBar;

package/build/components/ProgressBar/index.js

@@ -1,2 +1,4 @@
 import ProgressBar from './ProgressBar';
+import CircularProgress from './CircularProgressBar';
+export { CircularProgress };
 export default ProgressBar;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemContext } from '../../@types';
+import { ThemContext } from '@types';
 interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: ThemContext;

package/build/components/SimpleList/SimpleList.js

@@ -27,7 +27,7 @@ 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 { useEventListener } from '@hooks';
 var ListStyled = styled(List)(function (_a) {
     var _b;
     var theme = _a.theme;

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

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { SocialMediaTypes } from '../../@types';
+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, ...rest }: SocialMediaGroupProps): JSX.Element;
+    ({ children, defaultValue, onChange, toggleButtonProps, showSocialMediaTypes, ...rest }: SocialMediaGroupProps): JSX.Element;
     defaultProps: {
         defaultValue: SocialMediaTypes;
     };

package/build/components/SocialMediaGroup/SocialMediaGroup.js

@@ -23,62 +23,55 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } 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 { 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 WebToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+var SocialMediaButtonStyled = styled(ToggleButton, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive' && prop !== 'isShow'; }
 })(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
+    var theme = _a.theme, isActive = _a.isActive, isShow = _a.isShow;
     return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #3A4154") : 'none'
+        borderBottom: isActive ? "".concat(theme.spacing(0.1875), " solid #3478F6") : 'none',
+        display: isShow ? 'inherit' : 'none',
+        transition: 'display 0.3s'
     });
 });
-var TwitterToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #1DA1F2") : 'none'
-    });
-});
-var InstagramToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #8A3AB9") : 'none'
-    });
-});
-var WebTwitterIconStyled = styled(Icon)(function (_a) {
+var ToggleIconStyled = styled(Icon)(function (_a) {
     var theme = _a.theme;
     return ({
-        width: theme.spacing(5.5),
-        height: theme.spacing(5.5)
-    });
-});
-var InstagramIconStyled = styled(Icon, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        width: isActive ? '100%' : theme.spacing(5.5),
-        height: isActive ? '100%' : theme.spacing(5.5)
+        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, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps"]);
+    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 handleOnChange = function (event, value) {
         setSocialMediaType(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return (_jsxs(ToggleButtonGroup, __assign({ value: socialMediaType, exclusive: true }, rest, { onChange: handleOnChange }, { children: [children, " ||", _jsx(WebToggleButton, __assign({ isActive: isWebActive }, toggleButtonProps, { value: SocialMediaTypes.WEB }, { children: _jsx(WebTwitterIconStyled, { src: isWebActive ? ICONS_NAMES.WEB_ACTIVE_ICON : ICONS_NAMES.WEB_ICON }) })), _jsx(TwitterToggleButton, __assign({ isActive: isTwitterActive }, toggleButtonProps, { value: SocialMediaTypes.TWITTER }, { children: _jsx(WebTwitterIconStyled, { src: isTwitterActive ? ICONS_NAMES.TWITTER_ACTIVE_ICON : ICONS_NAMES.TWITTER_ICON }) })), _jsx(InstagramToggleButton, __assign({ isActive: isInstagramActive }, toggleButtonProps, { value: SocialMediaTypes.INSTAGRAM }, { children: _jsx(InstagramIconStyled, { isActive: isInstagramActive, src: isInstagramActive ? ICONS_NAMES.INSTAGRAM_ACTIVE_ICON : ICONS_NAMES.INSTAGRAM_ICON }) }))] })));
+    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 }) })) }))] })));
 };
 export default React.memo(SocialMediaGroupComponent);
 SocialMediaGroupComponent.defaultProps = {