@tap-payments/auth-jsconnect 2.0.107-test → 2.0.109-test

package/build/features/entity/screens/EntityInfoConfirm/SalesChannels.js

@@ -1,115 +0,0 @@
-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 __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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
-import Text from '../../../../components/Text';
-import { entitySelector, clearError } from '../../../app/entity/entityStore';
-import CheckBox from '../../../../components/CheckBox';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
-var InputLabelStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
-});
-var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: theme.spacing(0, 0.5, 0, 0.5),
-        height: theme.spacing(3.625),
-        marginBlockEnd: theme.spacing(0.2)
-    });
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre' }, theme.typography.body2), { marginBlockStart: theme.spacing(1.75) }));
-});
-var CheckBoxStyled = styled(CheckBox)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineEnd: theme.spacing(-1),
-        '& .MuiSvgIcon-root': {
-            fontSize: 30
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
-    });
-});
-export var MandatoryStyled = styled('span')(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
-});
-export var CollapseStyled = styled(Collapse)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(2)
-    });
-});
-var SalesChannels = function () {
-    var _a;
-    var _b = React.useState([]), channelsMenuList = _b[0], setChannelsMenuList = _b[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var channelsControl = useController({ name: 'salesChannels', control: control });
-    var channelsChecked = channelsControl.field.value;
-    var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error;
-    var channelList = (data.verify.responseBody || {}).channelList;
-    var salesChannels = (data.entityData || {}).salesChannels;
-    React.useEffect(function () {
-        if ((channelList === null || channelList === void 0 ? void 0 : channelList.length) > 0) {
-            setChannelsMenuList(channelList);
-        }
-    }, [channelList]);
-    var handleSalesChannelChange = function (event, checked) {
-        var selected = channelsMenuList.find(function (channel) { return channel.id === event.target.id; });
-        var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });
-        if (isExists) {
-            var updatedIdList = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.filter(function (channel) { return channel.id !== (selected === null || selected === void 0 ? void 0 : selected.id); });
-            channelsControl.field.onChange(updatedIdList);
-            return;
-        }
-        channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsChecked, true), [selected], false));
-        if (error)
-            dispatch(clearError());
-    };
-    var getSelectedChannelsFlag = function (item) {
-        if (channelsChecked)
-            return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
-    };
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('channel_of_service') }), channelsMenuList.map(function (channel) {
-                var _a, _b;
-                return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = channel === null || channel === void 0 ? void 0 : channel.name) === null || _b === void 0 ? void 0 : _b.en, " "] })] }, channel.id));
-            }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
-};
-export default SalesChannels;