@tap-payments/auth-jsconnect 2.10.0-development → 2.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/build/@types/app.d.ts +1 -0
- package/build/@types/form.d.ts +2 -0
- package/build/@types/index.d.ts +0 -1
- package/build/@types/index.js +0 -1
- package/build/api/auth.d.ts +1 -9
- package/build/api/entity.d.ts +3 -0
- package/build/api/index.d.ts +1 -8
- package/build/api/index.js +1 -3
- package/build/api/lead.d.ts +1 -0
- package/build/app/rootReducer.d.ts +0 -1
- package/build/app/rootReducer.js +1 -3
- package/build/app/settings.js +1 -2
- package/build/app/store.d.ts +0 -2
- package/build/assets/currencies/AEDSymbol.d.ts +7 -0
- package/build/assets/currencies/AEDSymbol.js +28 -0
- package/build/assets/currencies/index.d.ts +2 -2
- package/build/assets/currencies/index.js +2 -2
- package/build/assets/currencies/utils.js +3 -1
- package/build/assets/locales/ar.json +48 -12
- package/build/assets/locales/en.json +51 -40
- package/build/components/TextWithCurrency/TextWithCurrency.js +1 -1
- package/build/components/Tooltip/Tooltip.js +1 -1
- package/build/constants/api.d.ts +1 -0
- package/build/constants/api.js +2 -0
- package/build/constants/app.d.ts +12 -11
- package/build/constants/app.js +8 -112
- package/build/constants/assets.d.ts +7 -6
- package/build/constants/assets.js +118 -111
- package/build/constants/dummy.js +27 -20
- package/build/constants/flows.d.ts +0 -14
- package/build/constants/flows.js +0 -14
- package/build/constants/validation.d.ts +1 -1
- package/build/constants/validation.js +1 -1
- package/build/features/app/business/businessStore.js +15 -10
- package/build/features/app/connectExpress/connectExpressStore.js +19 -4
- package/build/features/app/individual/individualStore.js +1 -0
- package/build/features/auth/Auth.d.ts +1 -1
- package/build/features/auth/screens/AuthenticationList/EntityList.js +2 -2
- package/build/features/business/screens/BusinessType/BusinessType.js +13 -2
- package/build/features/business/screens/BusinessType/EntityLicenseList.js +11 -5
- package/build/features/business/screens/BusinessType/LicenseList.js +15 -7
- package/build/features/business/screens/BusinessType/UnifiedNumber.d.ts +35 -0
- package/build/features/business/screens/BusinessType/UnifiedNumber.js +84 -0
- package/build/features/business/screens/BusinessType/validation.d.ts +6 -3
- package/build/features/business/screens/BusinessType/validation.js +31 -10
- package/build/features/connectExpress/screens/AuthenticationList/EntityList.js +2 -2
- package/build/features/connectExpress/screens/CollectBusinessInfo/CollectBusinessInfo.js +1 -0
- package/build/features/connectExpress/screens/CollectBusinessInfo/LicenseList.js +23 -7
- package/build/features/connectExpress/screens/CollectBusinessInfo/LicenseNumber.js +2 -2
- package/build/features/connectExpress/screens/CollectBusinessInfo/TAC.js +1 -1
- package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.d.ts +36 -0
- package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.js +81 -0
- package/build/features/connectExpress/screens/CollectBusinessInfo/validation.d.ts +6 -3
- package/build/features/connectExpress/screens/CollectBusinessInfo/validation.js +57 -21
- package/build/features/entity/screens/EntityName/EntityName.js +2 -1
- package/build/features/entity/screens/EntityName/UnifiedNumber.js +2 -2
- package/build/features/entity/screens/EntityName/validation.d.ts +3 -3
- package/build/features/entity/screens/EntityName/validation.js +14 -3
- package/build/features/featuresScreens.d.ts +0 -1
- package/build/features/featuresScreens.js +0 -62
- package/build/features/shared/Button/Button.js +1 -1
- package/build/features/shared/Button/FlowsButtons.js +1 -2
- package/build/features/shared/SuccessScreen/SuccessScreen.d.ts +1 -3
- package/build/features/shared/SuccessScreen/SuccessScreen.js +2 -2
- package/build/hooks/useAppConfig.js +1 -1
- package/build/hooks/useAppDispatch.d.ts +0 -1
- package/build/index.d.ts +2 -3
- package/build/index.js +2 -4
- package/build/theme/palette.js +0 -12
- package/build/theme/typography.js +0 -4
- package/build/utils/common.d.ts +1 -1
- package/build/utils/common.js +5 -6
- package/build/utils/string.d.ts +1 -1
- package/build/utils/string.js +3 -1
- package/build/utils/validation.js +1 -1
- package/package.json +2 -2
- package/build/@types/terminal.d.ts +0 -116
- package/build/@types/terminal.js +0 -1
- package/build/api/terminal.d.ts +0 -23
- package/build/api/terminal.js +0 -60
- package/build/components/DeviceCard/DeviceCard.d.ts +0 -18
- package/build/components/DeviceCard/DeviceCard.js +0 -103
- package/build/components/DeviceCard/index.d.ts +0 -3
- package/build/components/DeviceCard/index.js +0 -2
- package/build/features/app/terminal/terminalStore.d.ts +0 -106
- package/build/features/app/terminal/terminalStore.js +0 -635
- package/build/features/shared/PushNotification/PushNotification.d.ts +0 -11
- package/build/features/shared/PushNotification/PushNotification.js +0 -34
- package/build/features/shared/PushNotification/index.d.ts +0 -2
- package/build/features/shared/PushNotification/index.js +0 -2
- package/build/features/terminal/Terminal.d.ts +0 -14
- package/build/features/terminal/Terminal.js +0 -95
- package/build/features/terminal/index.d.ts +0 -1
- package/build/features/terminal/index.js +0 -1
- package/build/features/terminal/screens/LinkNewTerminal/LinkNewTerminal.d.ts +0 -3
- package/build/features/terminal/screens/LinkNewTerminal/LinkNewTerminal.js +0 -68
- package/build/features/terminal/screens/LinkNewTerminal/index.d.ts +0 -2
- package/build/features/terminal/screens/LinkNewTerminal/index.js +0 -2
- package/build/features/terminal/screens/LinkNewTerminal/styles.d.ts +0 -10
- package/build/features/terminal/screens/LinkNewTerminal/styles.js +0 -28
- package/build/features/terminal/screens/LinkedSuccess/LinkedSuccess.d.ts +0 -3
- package/build/features/terminal/screens/LinkedSuccess/LinkedSuccess.js +0 -50
- package/build/features/terminal/screens/LinkedSuccess/index.d.ts +0 -2
- package/build/features/terminal/screens/LinkedSuccess/index.js +0 -2
- package/build/features/terminal/screens/LinkedTerminalInfo/LinkedTerminalInfo.d.ts +0 -3
- package/build/features/terminal/screens/LinkedTerminalInfo/LinkedTerminalInfo.js +0 -50
- package/build/features/terminal/screens/LinkedTerminalInfo/index.d.ts +0 -2
- package/build/features/terminal/screens/LinkedTerminalInfo/index.js +0 -2
- package/build/features/terminal/screens/Loading/Loading.d.ts +0 -4
- package/build/features/terminal/screens/Loading/Loading.js +0 -10
- package/build/features/terminal/screens/Loading/index.d.ts +0 -2
- package/build/features/terminal/screens/Loading/index.js +0 -2
- package/build/features/terminal/screens/NoTerminalLinked/NoTerminalLinked.d.ts +0 -3
- package/build/features/terminal/screens/NoTerminalLinked/NoTerminalLinked.js +0 -57
- package/build/features/terminal/screens/NoTerminalLinked/index.d.ts +0 -2
- package/build/features/terminal/screens/NoTerminalLinked/index.js +0 -2
- package/build/features/terminal/screens/NoTerminalLinked/styles.d.ts +0 -36
- package/build/features/terminal/screens/NoTerminalLinked/styles.js +0 -34
- package/build/features/terminal/screens/OperatorError/OperatorError.d.ts +0 -5
- package/build/features/terminal/screens/OperatorError/OperatorError.js +0 -9
- package/build/features/terminal/screens/OperatorError/index.d.ts +0 -2
- package/build/features/terminal/screens/OperatorError/index.js +0 -2
- package/build/features/terminal/screens/ResetPasswordSuccess/ResetPasswordSuccess.d.ts +0 -3
- package/build/features/terminal/screens/ResetPasswordSuccess/ResetPasswordSuccess.js +0 -21
- package/build/features/terminal/screens/ResetPasswordSuccess/index.d.ts +0 -2
- package/build/features/terminal/screens/ResetPasswordSuccess/index.js +0 -2
- package/build/features/terminal/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.d.ts +0 -3
- package/build/features/terminal/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js +0 -31
- package/build/features/terminal/screens/SuccessWithFlowButtons/index.d.ts +0 -2
- package/build/features/terminal/screens/SuccessWithFlowButtons/index.js +0 -2
- package/build/features/terminal/screens/TerminalDeviceList/DeviceList.d.ts +0 -9
- package/build/features/terminal/screens/TerminalDeviceList/DeviceList.js +0 -20
- package/build/features/terminal/screens/TerminalDeviceList/Header.d.ts +0 -6
- package/build/features/terminal/screens/TerminalDeviceList/Header.js +0 -23
- package/build/features/terminal/screens/TerminalDeviceList/TerminalDeviceList.d.ts +0 -3
- package/build/features/terminal/screens/TerminalDeviceList/TerminalDeviceList.js +0 -129
- package/build/features/terminal/screens/TerminalDeviceList/index.d.ts +0 -2
- package/build/features/terminal/screens/TerminalDeviceList/index.js +0 -2
- package/build/features/terminal/screens/TerminalDeviceList/styles.d.ts +0 -71
- package/build/features/terminal/screens/TerminalDeviceList/styles.js +0 -56
- package/build/features/terminal/screens/UnlinkedSuccess/UnlinkedSuccess.d.ts +0 -3
- package/build/features/terminal/screens/UnlinkedSuccess/UnlinkedSuccess.js +0 -52
- package/build/features/terminal/screens/UnlinkedSuccess/index.d.ts +0 -2
- package/build/features/terminal/screens/UnlinkedSuccess/index.js +0 -2
- package/build/features/terminal/screens/UnlinkedTerminalInfo/TerminalList.d.ts +0 -9
- package/build/features/terminal/screens/UnlinkedTerminalInfo/TerminalList.js +0 -16
- package/build/features/terminal/screens/UnlinkedTerminalInfo/UnlinkedTerminalInfo.d.ts +0 -3
- package/build/features/terminal/screens/UnlinkedTerminalInfo/UnlinkedTerminalInfo.js +0 -94
- package/build/features/terminal/screens/UnlinkedTerminalInfo/index.d.ts +0 -2
- package/build/features/terminal/screens/UnlinkedTerminalInfo/index.js +0 -2
- package/build/features/terminal/screens/UnlinkedTerminalInfo/styles.d.ts +0 -74
- package/build/features/terminal/screens/UnlinkedTerminalInfo/styles.js +0 -98
- package/build/features/terminal/screens/Verify/OTPInput.d.ts +0 -7
- package/build/features/terminal/screens/Verify/OTPInput.js +0 -51
- package/build/features/terminal/screens/Verify/Verify.d.ts +0 -5
- package/build/features/terminal/screens/Verify/Verify.js +0 -85
- package/build/features/terminal/screens/Verify/index.d.ts +0 -2
- package/build/features/terminal/screens/Verify/index.js +0 -2
- package/build/features/terminal/screens/Verify/validation.d.ts +0 -8
- package/build/features/terminal/screens/Verify/validation.js +0 -4
- package/build/features/terminal/screens/shared/index.d.ts +0 -2
- package/build/features/terminal/screens/shared/index.js +0 -2
- package/build/features/terminal/screens/shared/styles.d.ts +0 -72
- package/build/features/terminal/screens/shared/styles.js +0 -50
- package/build/features/terminal/screens/shared/utils.d.ts +0 -7
- package/build/features/terminal/screens/shared/utils.js +0 -24
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import GenericError from '../../../shared/GenericError';
|
|
5
|
-
var OperatorError = function (_a) {
|
|
6
|
-
var t = useTranslation().t;
|
|
7
|
-
return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
|
|
8
|
-
};
|
|
9
|
-
export default React.memo(OperatorError);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { Trans, useTranslation } from 'react-i18next';
|
|
4
|
-
import { handlePrevScreenStep } from '../../../../app/settings';
|
|
5
|
-
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
6
|
-
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
7
|
-
import { maskEmail } from '../../../../utils';
|
|
8
|
-
import { terminalSelector } from '../../../app/terminal/terminalStore';
|
|
9
|
-
var ResetPasswordSuccess = function () {
|
|
10
|
-
var _a, _b;
|
|
11
|
-
var t = useTranslation().t;
|
|
12
|
-
var dispatch = useAppDispatch();
|
|
13
|
-
var data = useAppSelector(terminalSelector).data;
|
|
14
|
-
var email = (((_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.business) === null || _b === void 0 ? void 0 : _b.primary_contact) || {}).email;
|
|
15
|
-
var maskedEmail = maskEmail(email);
|
|
16
|
-
var onBack = function () {
|
|
17
|
-
dispatch(handlePrevScreenStep());
|
|
18
|
-
};
|
|
19
|
-
return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
|
|
20
|
-
};
|
|
21
|
-
export default React.memo(ResetPasswordSuccess);
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { memo } from 'react';
|
|
14
|
-
import { settingsSelector } from '../../../../app/settings';
|
|
15
|
-
import { useAppSelector, useAppDispatch } from '../../../../hooks';
|
|
16
|
-
import { SCOPE_AUTH } from '../../../../constants';
|
|
17
|
-
import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
|
|
18
|
-
import { onCloseCompleteTerminal, terminalSelector } from '../../../app/terminal/terminalStore';
|
|
19
|
-
var SuccessWithFlowButtons = function () {
|
|
20
|
-
var dispatch = useAppDispatch();
|
|
21
|
-
var _a = useAppSelector(terminalSelector), data = _a.data, loading = _a.loading;
|
|
22
|
-
var settingsData = useAppSelector(settingsSelector).data;
|
|
23
|
-
var isScopeAuthentication = settingsData.appConfig.scope === SCOPE_AUTH;
|
|
24
|
-
var _b = data.responseData || {}, boardFlows = _b.boardFlows, boardData = _b.boardData;
|
|
25
|
-
var _c = boardData || {}, entity = _c.entity, brand = _c.brand, bank = _c.bank_account, merchant = _c.merchant, user = _c.user, business = _c.business, board_id = _c.board_id, board_info_id = _c.board_info_id, name = _c.name, individuals = _c.individuals, recipient = _c.recipient, board_status = _c.board_status;
|
|
26
|
-
var onClose = function () {
|
|
27
|
-
dispatch(onCloseCompleteTerminal());
|
|
28
|
-
};
|
|
29
|
-
return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: boardFlows || [], onClose: isScopeAuthentication ? onClose : undefined, recipient: recipient, status: board_status }));
|
|
30
|
-
};
|
|
31
|
-
export default memo(SuccessWithFlowButtons);
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TerminalDeviceInfo } from '../../../../@types';
|
|
3
|
-
interface DeviceListProps {
|
|
4
|
-
devices: TerminalDeviceInfo[];
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
onClick: (device: TerminalDeviceInfo) => void;
|
|
7
|
-
}
|
|
8
|
-
declare const _default: React.MemoExoticComponent<({ devices, onClick, loading }: DeviceListProps) => JSX.Element>;
|
|
9
|
-
export default _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useState } from 'react';
|
|
3
|
-
import DeviceCard from '../../../../components/DeviceCard';
|
|
4
|
-
import { ICONS_NAMES } from '../../../../constants';
|
|
5
|
-
import { DeviceListContainer } from './styles';
|
|
6
|
-
import { getId, getIdLabel, getPairedWith } from '../shared';
|
|
7
|
-
var DeviceList = function (_a) {
|
|
8
|
-
var devices = _a.devices, onClick = _a.onClick, loading = _a.loading;
|
|
9
|
-
var defaultImage = ICONS_NAMES.device_image;
|
|
10
|
-
var _b = useState(), selected = _b[0], setSelected = _b[1];
|
|
11
|
-
var handleOnClick = function (device) {
|
|
12
|
-
setSelected(device);
|
|
13
|
-
onClick(device);
|
|
14
|
-
};
|
|
15
|
-
return (_jsx(DeviceListContainer, { children: devices.map(function (device, index) {
|
|
16
|
-
var _a;
|
|
17
|
-
return (_jsx(DeviceCard, { onClick: function () { return handleOnClick(device); }, loading: device.id === (selected === null || selected === void 0 ? void 0 : selected.id) && loading, image: (_a = device.model.image_url) !== null && _a !== void 0 ? _a : defaultImage, name: device.display_name, deviceId: getId(device), pairedWith: getPairedWith(device), deviceIdLabel: getIdLabel(device), isLinked: device.linked, arrow: true, badge: true }, index));
|
|
18
|
-
}) }));
|
|
19
|
-
};
|
|
20
|
-
export default memo(DeviceList);
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { memo } from 'react';
|
|
14
|
-
import { useTranslation } from 'react-i18next';
|
|
15
|
-
import AddIcon from '@mui/icons-material/Add';
|
|
16
|
-
import { AddIconContainer, Container, LinkButton, LinkText } from './styles';
|
|
17
|
-
import { TextTypography } from '../shared';
|
|
18
|
-
var Header = function (_a) {
|
|
19
|
-
var onLinkClick = _a.onLinkClick;
|
|
20
|
-
var t = useTranslation().t;
|
|
21
|
-
return (_jsxs(Container, { children: [_jsx(TextTypography, { children: t('terminal_manage_terminals') }), _jsxs(LinkButton, __assign({ onClick: onLinkClick }, { children: [_jsx(AddIconContainer, { children: _jsx(AddIcon, { fontSize: 'small' }) }), _jsx(LinkText, { children: t('terminal_link_terminal') })] }))] }));
|
|
22
|
-
};
|
|
23
|
-
export default memo(Header);
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (_) try {
|
|
28
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
49
|
-
import * as React from 'react';
|
|
50
|
-
import { useTranslation } from 'react-i18next';
|
|
51
|
-
import { ScreenContainer } from '../../../shared/Containers';
|
|
52
|
-
import { CONNECT_FLOWS } from '../../../../constants';
|
|
53
|
-
import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
|
|
54
|
-
import { useAppDispatch, useAppSelector } from '../../../../hooks';
|
|
55
|
-
import Button from '../../../../components/Button';
|
|
56
|
-
import Loader from '../../../../components/Loader';
|
|
57
|
-
import { linkNewTerminal, retrieveBoardDetails, retrieveBoardStatus, retrieveTerminalList, storeSelectedTerminalDevice, terminalSelector } from '../../../app/terminal/terminalStore';
|
|
58
|
-
import Header from './Header';
|
|
59
|
-
import DeviceList from './DeviceList';
|
|
60
|
-
import { Container, TextTypography } from '../shared';
|
|
61
|
-
var TerminalDeviceList = function () {
|
|
62
|
-
var t = useTranslation().t;
|
|
63
|
-
var dispatch = useAppDispatch();
|
|
64
|
-
var _a = useAppSelector(terminalSelector), data = _a.data, loading = _a.loading, terminalListLoading = _a.terminalListLoading;
|
|
65
|
-
var _b = data.responseData || {}, boardFlows = _b.boardFlows, authData = _b.authData, boardData = _b.boardData, terminalData = _b.terminalData, terminalList = _b.terminalList;
|
|
66
|
-
var terminal_devices = (terminalData || {}).terminal_devices;
|
|
67
|
-
var _c = React.useMemo(function () {
|
|
68
|
-
var linked = terminal_devices === null || terminal_devices === void 0 ? void 0 : terminal_devices.filter(function (d) { return d.linked; });
|
|
69
|
-
var unLinked = terminal_devices === null || terminal_devices === void 0 ? void 0 : terminal_devices.filter(function (d) { return !d.linked; });
|
|
70
|
-
return { linkedDevices: linked, unLinkedDevices: unLinked };
|
|
71
|
-
}, [terminal_devices]), linkedDevices = _c.linkedDevices, unLinkedDevices = _c.unLinkedDevices;
|
|
72
|
-
var handleOnClickNewTerminalLink = function () {
|
|
73
|
-
dispatch(linkNewTerminal())
|
|
74
|
-
.unwrap()
|
|
75
|
-
.then(function (_a) {
|
|
76
|
-
var nextScreen = _a.nextScreen;
|
|
77
|
-
dispatch(handleNextScreenStep(nextScreen));
|
|
78
|
-
})
|
|
79
|
-
.catch(function () { });
|
|
80
|
-
};
|
|
81
|
-
var handleOnClickLinkedTerminal = function (terminal) {
|
|
82
|
-
dispatch(storeSelectedTerminalDevice(terminal));
|
|
83
|
-
dispatch(handleNextScreenStep(CONNECT_FLOWS.terminal.linkedTerminalInfo));
|
|
84
|
-
};
|
|
85
|
-
var handleOnClickUnlinkedTerminal = function (terminal) { return __awaiter(void 0, void 0, void 0, function () {
|
|
86
|
-
var err_1;
|
|
87
|
-
return __generator(this, function (_a) {
|
|
88
|
-
switch (_a.label) {
|
|
89
|
-
case 0:
|
|
90
|
-
dispatch(storeSelectedTerminalDevice(terminal));
|
|
91
|
-
if (!!(terminalList === null || terminalList === void 0 ? void 0 : terminalList.length)) return [3, 4];
|
|
92
|
-
_a.label = 1;
|
|
93
|
-
case 1:
|
|
94
|
-
_a.trys.push([1, 3, , 4]);
|
|
95
|
-
return [4, dispatch(retrieveTerminalList())];
|
|
96
|
-
case 2:
|
|
97
|
-
_a.sent();
|
|
98
|
-
return [3, 4];
|
|
99
|
-
case 3:
|
|
100
|
-
err_1 = _a.sent();
|
|
101
|
-
console.log('Error while retrieving terminal list error', err_1);
|
|
102
|
-
return [3, 4];
|
|
103
|
-
case 4:
|
|
104
|
-
dispatch(handleNextScreenStep(CONNECT_FLOWS.terminal.unlinkedTerminalInfo));
|
|
105
|
-
return [2];
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}); };
|
|
109
|
-
var handleOnBack = function () {
|
|
110
|
-
if ((boardFlows === null || boardFlows === void 0 ? void 0 : boardFlows.length) > 0) {
|
|
111
|
-
dispatch(handlePrevScreenStep());
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
var _a = (authData === null || authData === void 0 ? void 0 : authData.recipient) || {}, id = _a.id, type = _a.type;
|
|
115
|
-
var board_id = (boardData || {}).id;
|
|
116
|
-
dispatch(retrieveBoardStatus({ boardId: board_id }))
|
|
117
|
-
.unwrap()
|
|
118
|
-
.then(function () {
|
|
119
|
-
dispatch(retrieveBoardDetails({ boardId: board_id, individualId: id, individualType: type }))
|
|
120
|
-
.unwrap()
|
|
121
|
-
.then(function () {
|
|
122
|
-
dispatch(handlePrevScreenStep());
|
|
123
|
-
});
|
|
124
|
-
})
|
|
125
|
-
.catch(function () { });
|
|
126
|
-
};
|
|
127
|
-
return (_jsxs(ScreenContainer, __assign({ minHeight: 200, sx: { pl: 2.5, pr: 2.5 }, justifyContent: 'space-between' }, { children: [_jsxs(Container, { children: [_jsx(Header, { onLinkClick: handleOnClickNewTerminalLink }), _jsx(DeviceList, { devices: linkedDevices, onClick: handleOnClickLinkedTerminal }), _jsx(TextTypography, __assign({ sx: { pt: 1, pb: 1 } }, { children: t('terminal_unlinked') })), _jsx(DeviceList, { loading: terminalListLoading, devices: unLinkedDevices, onClick: handleOnClickUnlinkedTerminal })] }), _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: function () { return handleOnBack(); }, variant: 'text' }, { children: loading ? _jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 15, toggleAnimation: !!loading }) : t('back') }))] })));
|
|
128
|
-
};
|
|
129
|
-
export default React.memo(TerminalDeviceList);
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
component?: import("react").ElementType<any> | undefined;
|
|
5
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
6
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
7
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "component" | "ref" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
10
|
-
export declare const LinkButton: import("@emotion/styled").StyledComponent<{
|
|
11
|
-
children?: import("react").ReactNode;
|
|
12
|
-
classes?: Partial<import("@mui/material/Button").ButtonClasses> | undefined;
|
|
13
|
-
color?: "inherit" | "error" | "info" | "success" | "primary" | "secondary" | "warning" | undefined;
|
|
14
|
-
disabled?: boolean | undefined;
|
|
15
|
-
disableElevation?: boolean | undefined;
|
|
16
|
-
disableFocusRipple?: boolean | undefined;
|
|
17
|
-
endIcon?: import("react").ReactNode;
|
|
18
|
-
fullWidth?: boolean | undefined;
|
|
19
|
-
href?: string | undefined;
|
|
20
|
-
size?: "small" | "medium" | "large" | undefined;
|
|
21
|
-
startIcon?: import("react").ReactNode;
|
|
22
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
23
|
-
variant?: "text" | "outlined" | "contained" | undefined;
|
|
24
|
-
} & Omit<{
|
|
25
|
-
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
26
|
-
centerRipple?: boolean | undefined;
|
|
27
|
-
children?: import("react").ReactNode;
|
|
28
|
-
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
|
|
29
|
-
disabled?: boolean | undefined;
|
|
30
|
-
disableRipple?: boolean | undefined;
|
|
31
|
-
disableTouchRipple?: boolean | undefined;
|
|
32
|
-
focusRipple?: boolean | undefined;
|
|
33
|
-
focusVisibleClassName?: string | undefined;
|
|
34
|
-
LinkComponent?: import("react").ElementType<any> | undefined;
|
|
35
|
-
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
|
|
36
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
37
|
-
tabIndex?: number | undefined;
|
|
38
|
-
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
|
|
39
|
-
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
40
|
-
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
|
|
41
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
42
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
43
|
-
export declare const AddIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
|
|
44
|
-
children?: import("react").ReactNode;
|
|
45
|
-
component?: import("react").ElementType<any> | undefined;
|
|
46
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
47
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
48
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
49
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
50
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "component" | "ref" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
51
|
-
export declare const LinkText: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
|
|
52
|
-
align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
|
|
53
|
-
children?: import("react").ReactNode;
|
|
54
|
-
classes?: Partial<import("@mui/material/Typography").TypographyClasses> | undefined;
|
|
55
|
-
gutterBottom?: boolean | undefined;
|
|
56
|
-
noWrap?: boolean | undefined;
|
|
57
|
-
paragraph?: boolean | undefined;
|
|
58
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
59
|
-
variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
|
|
60
|
-
variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
|
|
61
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
62
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
63
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
64
|
-
export declare const DeviceListContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
|
|
65
|
-
children?: import("react").ReactNode;
|
|
66
|
-
component?: import("react").ElementType<any> | undefined;
|
|
67
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
68
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
69
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
70
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
71
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "component" | "ref" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import Button from '@mui/material/Button';
|
|
13
|
-
import Box from '@mui/material/Box';
|
|
14
|
-
import { alpha, styled } from '@mui/material/styles';
|
|
15
|
-
import Typography from '@mui/material/Typography';
|
|
16
|
-
export var Container = styled(Box)(function (_a) {
|
|
17
|
-
var spacing = _a.theme.spacing;
|
|
18
|
-
return ({
|
|
19
|
-
display: 'flex',
|
|
20
|
-
justifyContent: 'space-between',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
width: '100%',
|
|
23
|
-
paddingBottom: spacing(2)
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
export var LinkButton = styled(Button)(function (_a) {
|
|
27
|
-
var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
|
|
28
|
-
return (__assign(__assign({}, typography.button_small), { fontWeight: typography.fontWeightRegular, textTransform: 'none', color: palette.primary.main, display: 'flex', alignItems: 'center', gap: spacing(0.5) }));
|
|
29
|
-
});
|
|
30
|
-
export var AddIconContainer = styled(Box)(function (_a) {
|
|
31
|
-
var _b = _a.theme, spacing = _b.spacing, palette = _b.palette;
|
|
32
|
-
return ({
|
|
33
|
-
background: alpha(palette.primary.main, 0.1),
|
|
34
|
-
height: spacing(2.25),
|
|
35
|
-
width: spacing(2.25),
|
|
36
|
-
display: 'flex',
|
|
37
|
-
justifyContent: 'center',
|
|
38
|
-
borderRadius: spacing(11.25),
|
|
39
|
-
alignItems: 'center'
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
export var LinkText = styled(Typography)(function (_a) {
|
|
43
|
-
var typography = _a.theme.typography;
|
|
44
|
-
return (__assign({}, typography.button_small));
|
|
45
|
-
});
|
|
46
|
-
export var DeviceListContainer = styled(Box)(function (_a) {
|
|
47
|
-
var spacing = _a.theme.spacing;
|
|
48
|
-
return ({
|
|
49
|
-
display: 'flex',
|
|
50
|
-
justifyContent: 'space-between',
|
|
51
|
-
flexDirection: 'column',
|
|
52
|
-
alignItems: 'center',
|
|
53
|
-
width: '100%',
|
|
54
|
-
gap: spacing(0.75)
|
|
55
|
-
});
|
|
56
|
-
});
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import * as React from 'react';
|
|
14
|
-
import { useTranslation } from 'react-i18next';
|
|
15
|
-
import Box from '@mui/material/Box';
|
|
16
|
-
import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
|
|
17
|
-
import { CONNECT_FLOWS } from '../../../../constants';
|
|
18
|
-
import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
|
|
19
|
-
import { retrieveBoardDetails, retrieveBoardStatus, terminalSelector } from '../../../app/terminal/terminalStore';
|
|
20
|
-
import SuccessScreen from '../../../shared/SuccessScreen';
|
|
21
|
-
import Button from '../../../shared/Button';
|
|
22
|
-
import { SuccessContainerStyled } from '../shared';
|
|
23
|
-
var UnlinkedSuccess = function () {
|
|
24
|
-
var _a, _b, _c;
|
|
25
|
-
var t = useTranslation().t;
|
|
26
|
-
var isAr = useLanguage().isAr;
|
|
27
|
-
var dispatch = useAppDispatch();
|
|
28
|
-
var _d = useAppSelector(terminalSelector), error = _d.error, loading = _d.loading, _e = _d.data, selectedTerminalDevice = _e.terminalInfo.selectedTerminalDevice, responseData = _e.responseData;
|
|
29
|
-
var _f = responseData || {}, boardData = _f.boardData, authData = _f.authData;
|
|
30
|
-
var terminal = (selectedTerminalDevice || {}).terminal;
|
|
31
|
-
var deviceName = (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name) !== null && _b !== void 0 ? _b : (_c = terminal === null || terminal === void 0 ? void 0 : terminal.name) === null || _c === void 0 ? void 0 : _c.en;
|
|
32
|
-
var handleGoToBoard = function () {
|
|
33
|
-
var board_id = (boardData || {}).id;
|
|
34
|
-
var _a = (authData === null || authData === void 0 ? void 0 : authData.recipient) || {}, id = _a.id, type = _a.type;
|
|
35
|
-
dispatch(retrieveBoardStatus({ boardId: board_id }))
|
|
36
|
-
.unwrap()
|
|
37
|
-
.then(function () {
|
|
38
|
-
dispatch(retrieveBoardDetails({ boardId: board_id, individualId: id, individualType: type }))
|
|
39
|
-
.unwrap()
|
|
40
|
-
.then(function () {
|
|
41
|
-
dispatch(handleNextScreenStep(CONNECT_FLOWS.terminal.board));
|
|
42
|
-
})
|
|
43
|
-
.catch(function () { });
|
|
44
|
-
})
|
|
45
|
-
.catch(function () { });
|
|
46
|
-
};
|
|
47
|
-
var handleOnBack = function () {
|
|
48
|
-
dispatch(handlePrevScreenStep());
|
|
49
|
-
};
|
|
50
|
-
return (_jsxs(SuccessContainerStyled, { children: [_jsx(SuccessScreen, { sx: { minHeight: 'unset', ml: 2.5, mr: 2.5 }, title: t('terminal_unlinked_success', { device: deviceName }), successTitle: t('terminal_go_to_board'), loading: loading, error: error || '' }), _jsx(Box, __assign({ sx: { width: '100%' } }, { children: _jsx(Button, __assign({ loading: loading, disableBack: true, onBackClicked: handleOnBack, onClick: handleGoToBoard, isAr: isAr }, { children: t('terminal_go_to_board') })) }))] }));
|
|
51
|
-
};
|
|
52
|
-
export default React.memo(UnlinkedSuccess);
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TerminalInfo } from '../../../../@types';
|
|
3
|
-
interface TerminalListProps {
|
|
4
|
-
selectedTerminal: TerminalInfo;
|
|
5
|
-
list: TerminalInfo[];
|
|
6
|
-
onClick: (device: TerminalInfo) => void;
|
|
7
|
-
}
|
|
8
|
-
declare const _default: React.MemoExoticComponent<({ list, onClick, selectedTerminal }: TerminalListProps) => JSX.Element>;
|
|
9
|
-
export default _default;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import { ICONS_NAMES } from '../../../../constants';
|
|
5
|
-
import { Container, TerminalListContainer, TitleContainer, Image, Title, ScrollContainer, ListItem, StyledRadio } from './styles';
|
|
6
|
-
import { getTerminalId, getTerminalIdLabel, getTerminalName } from '../shared';
|
|
7
|
-
import Icon from '../../../../components/Icon';
|
|
8
|
-
var TerminalList = function (_a) {
|
|
9
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
10
|
-
var list = _a.list, onClick = _a.onClick, selectedTerminal = _a.selectedTerminal;
|
|
11
|
-
var t = useTranslation().t;
|
|
12
|
-
var platformImage = ((_d = (_c = (_b = list[0]) === null || _b === void 0 ? void 0 : _b.platform) === null || _c === void 0 ? void 0 : _c.brand) === null || _d === void 0 ? void 0 : _d.logo) || ICONS_NAMES.platform_image;
|
|
13
|
-
var platformName = (_j = (_h = (_g = (_f = (_e = list[0]) === null || _e === void 0 ? void 0 : _e.platform) === null || _f === void 0 ? void 0 : _f.brand) === null || _g === void 0 ? void 0 : _g.name) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.text;
|
|
14
|
-
return (_jsxs(Container, { children: [_jsxs(TitleContainer, { children: [_jsx(Image, { src: platformImage, alt: 'Device' }), _jsx(Title, { children: t('terminal_devices', { name: platformName }) })] }), _jsx(ScrollContainer, { children: _jsx(TerminalListContainer, { children: list.map(function (terminal, index) { return (_jsx(ListItem, { sx: { minHeight: 'unset' }, onClick: function () { return onClick(terminal); }, name: getTerminalName(terminal), deviceId: getTerminalId(terminal), deviceIdLabel: getTerminalIdLabel(terminal), endAdornment: _jsx(StyledRadio, { sx: { paddingInlineEnd: 0 }, disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, onChange: function () { return onClick(terminal); }, checkedIcon: _jsx(Icon, { src: ICONS_NAMES.radio_checked }), checked: (selectedTerminal === null || selectedTerminal === void 0 ? void 0 : selectedTerminal.id) === terminal.id }) }, index)); }) }) })] }));
|
|
15
|
-
};
|
|
16
|
-
export default memo(TerminalList);
|