@tap-payments/os-micro-frontend-shared 0.1.441 → 0.1.442

package/build/components/Amount/TotalAmount/Loading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Skeleton from '@mui/material/Skeleton';
+export const Loading = () => {
+    return (_jsx(Skeleton, { sx: {
+            height: 32,
+            width: 80,
+            borderRadius: '4px',
+        }, variant: "rectangular" }));
+};

package/build/components/Amount/TotalAmount/TotalAmount.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useMemo, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import { removeAllItem, unknownIcon } from '../../../constants/index.js';
+import { useConfirmDialog, DisplayAmount } from '../../index.js';
+import { isSafariBrowser, numberToString, getAmountPlaceholder } from '../../../utils/index.js';
+import { InputStyled, TotalAmountWrapper, Error } from './style';
+import { Loading } from './Loading';
+const isSafari = isSafariBrowser();
+function TotalAmount({ totalGrossAmount, items, selectedCurrency, isAmountIsMissing, isDisabled, isLoading, onResetAllItems, onAddFirstItem, }) {
+    var _a;
+    const [editMode, setEditMode] = useState(false);
+    const [amount, setAmount] = useState();
+    const { isConfirmed } = useConfirmDialog();
+    const { t } = useTranslation();
+    const currencyPlaceholder = useMemo(() => getAmountPlaceholder(selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals), [selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals]);
+    useEffect(() => {
+        if (!totalGrossAmount) {
+            setAmount(undefined);
+        }
+    }, [totalGrossAmount]);
+    const removeAllItems = () => {
+        isConfirmed({
+            message: t('removeTotalAmount'),
+            confirmText: _jsx(Box, Object.assign({ sx: (theme) => ({ color: theme.palette.error.light }) }, { children: t('remove') })),
+            cancelText: t('cancel') || 'Cancel',
+        }).then((confirmed) => {
+            if (confirmed) {
+                onResetAllItems();
+                setAmount(undefined);
+            }
+        });
+    };
+    const handleChangeInput = (e) => {
+        if (!e.target.value) {
+            setAmount(undefined);
+            return false;
+        }
+        setAmount(Number(numberToString(Number(e.target.value), selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals)));
+    };
+    const handleBlurInput = (e) => {
+        setEditMode(false);
+        onAddFirstItem(Number(numberToString(Number(e.target.value), selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals)));
+    };
+    const isEditable = totalGrossAmount === 0 || (items.length === 1 && totalGrossAmount === items[0].total);
+    const currencyCode = ((_a = selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.code) === null || _a === void 0 ? void 0 : _a.english) || '';
+    if (isLoading) {
+        return _jsx(Loading, {});
+    }
+    return (_jsxs(Box, Object.assign({ sx: Object.assign({}, (isDisabled && { pointerEvents: 'none', opacity: 0.7 })) }, { children: [editMode ? (_jsx(_Fragment, { children: isEditable ? (_jsx(InputStyled, { value: amount, placeholder: currencyPlaceholder, hideArrows: true, inputProps: { step: '0.01' }, onChange: handleChangeInput, onBlur: handleBlurInput, onKeyDown: (evt) => {
+                        if (isSafari && isNaN(Number(evt.key)) && evt.key !== 'Backspace' && evt.key !== '.') {
+                            evt.preventDefault();
+                        }
+                    }, autoFocus: true })) : (_jsx(DisplayAmount, { sx: { fontSize: '36px', textAlign: 'center' }, amount: totalGrossAmount || 0, currencyCode: currencyCode, onClick: () => {
+                        setEditMode(true);
+                    } })) })) : (_jsxs(TotalAmountWrapper, { children: [_jsx(DisplayAmount, { sx: { fontSize: '36px', textAlign: 'center' }, currencyCode: currencyCode, amount: totalGrossAmount || 0, onClick: () => {
+                            if (isEditable)
+                                setEditMode(true);
+                        } }), totalGrossAmount > 0 && _jsx(Box, { component: "img", src: removeAllItem, alt: "r", onClick: removeAllItems })] })), isAmountIsMissing && (_jsxs(Error, { children: [_jsx(Box, { component: "img", src: unknownIcon }), _jsx(Box, { children: t('enterAmount') })] }))] })));
+}
+export default memo(TotalAmount);

package/build/components/Amount/TotalAmount/index.js

@@ -0,0 +1 @@
+export { default } from './TotalAmount';

package/build/components/Amount/TotalAmount/style.js

@@ -0,0 +1,26 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { InputNumber } from '../../index.js';
+export const InputStyled = styled(InputNumber)(() => ({
+    fontSize: '36px !important',
+    textAlign: 'center',
+    border: 'none',
+    height: 49.5,
+    input: {
+        textAlign: 'center',
+    },
+}));
+export const TotalAmountWrapper = styled(Box)(() => ({
+    display: 'flex',
+    gap: '5px',
+    alignItems: 'center',
+    height: 49.5,
+    maxWidth: '-webkit-fill-available',
+    paddingInline: '24px',
+}));
+export const Error = styled(Box)(({ theme }) => ({
+    fontSize: '10px',
+    color: theme.palette.error.dark,
+    display: 'flex',
+    gap: '4px',
+}));

package/build/components/Amount/index.js

@@ -1 +1 @@
-export{Zb as TotalAmount}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+export { default as TotalAmount } from './TotalAmount';

package/build/components/AmountConversionFilter/AmountConversionFilter.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { FilterCancelButton, FilterFooter, FilterOkayButton, FilterTitle, ViewColumnRadioFilter } from '../index.js';
+import { FilterMenu } from './style';
+import MultiSelectCurrencyFilter from './MultiSelectCurrencyFilter';
+export default function AmountConversionFilter({ anchorEl, onCloseDropdown, options, label, onConfirm, onClear, selectedCurrencies, onCurrenciesChange, selectedRadioValue, onRadioButtonChange, showCurrencyMenu, merchantCurrencies, }) {
+    const open = Boolean(anchorEl);
+    const { t } = useTranslation();
+    const handleOkButtonClick = (e) => {
+        onConfirm();
+        onCloseDropdown(e);
+    };
+    const onCancel = (e) => {
+        onClear();
+        onCloseDropdown(e);
+    };
+    return (_jsxs(FilterMenu, Object.assign({ open: open, anchorEl: anchorEl }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), _jsx(ViewColumnRadioFilter, { menuLabel: label, options: options, selectedValue: selectedRadioValue, onValueChange: onRadioButtonChange }), showCurrencyMenu && (_jsx(MultiSelectCurrencyFilter, { selectedCurrencies: selectedCurrencies, onCurrenciesChange: onCurrenciesChange, merchantCurrencies: merchantCurrencies })), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCancel }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
+}

package/build/components/AmountConversionFilter/MultiSelectCurrencyFilter.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useState, useRef, useMemo } from 'react';
+import { rightArrow } from '../../constants/index.js';
+import { CountryFlag } from '../index.js';
+import { CurrencySubMenu, FilterMenuItem, CurrencyMenuItem } from './style';
+export default function MultiSelectCurrencyFilter({ selectedCurrencies = [], onCurrenciesChange, merchantCurrencies: merchantCurrencyList, }) {
+    const { t } = useTranslation();
+    const [submenuAnchorElCurrency, setSubmenuAnchorElCurrency] = useState(null);
+    const menuItemRefCurrency = useRef(null);
+    const merchantCurrencies = useMemo(() => {
+        const uniqueCurrencies = [...new Set(merchantCurrencyList.map((item) => item.currencyCode))];
+        return uniqueCurrencies;
+    }, [merchantCurrencyList]);
+    const onOpenCurrency = (event) => {
+        setSubmenuAnchorElCurrency(event.currentTarget);
+    };
+    const onCloseCurrency = () => {
+        setSubmenuAnchorElCurrency(null);
+    };
+    const onSubmenuMouseEnter = () => {
+        // Keep the submenu open when hovering over it
+        if (menuItemRefCurrency.current) {
+            setSubmenuAnchorElCurrency(menuItemRefCurrency.current);
+        }
+    };
+    const handleCurrencyChange = (currencyCode) => {
+        const newCurrencies = selectedCurrencies.includes(currencyCode)
+            ? selectedCurrencies.filter((c) => c !== currencyCode)
+            : [...selectedCurrencies, currencyCode];
+        const finalCurrencies = newCurrencies.length > 0 ? newCurrencies : [];
+        onCurrenciesChange(finalCurrencies);
+    };
+    const isCurrencySelected = (currencyCode) => selectedCurrencies.includes(currencyCode);
+    return (_jsxs(FilterMenuItem, Object.assign({ ref: menuItemRefCurrency, onMouseEnter: onOpenCurrency, onMouseLeave: onCloseCurrency, hideCheckbox: true }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: t('Currency') })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(CurrencySubMenu, Object.assign({ open: Boolean(submenuAnchorElCurrency), anchorEl: submenuAnchorElCurrency, placement: "right-start", onMouseEnter: onSubmenuMouseEnter, onMouseLeave: onCloseCurrency }, { children: merchantCurrencies.map((currencyCode) => (_jsxs(CurrencyMenuItem, Object.assign({ isSelected: isCurrencySelected(currencyCode), onClick: (e) => {
+                        e.stopPropagation();
+                        handleCurrencyChange(currencyCode);
+                    } }, { children: [_jsx(CountryFlag, { currencyCode: currencyCode }), currencyCode] }), currencyCode))) }))] })));
+}

package/build/components/AmountConversionFilter/index.js

@@ -1 +1 @@
-export{Uc as AmountConversionFilter}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+export { default as AmountConversionFilter } from './AmountConversionFilter';

package/build/components/AmountConversionFilter/style.js

@@ -0,0 +1,47 @@
+import { styled } from '@mui/material/styles';
+import { MenuItem, Menu } from '../index.js';
+export const MenuItemStyled = styled(MenuItem)(({ theme }) => ({
+    height: 40,
+    flex: 'unset',
+    paddingTop: 0,
+    paddingBottom: 0,
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    '.label': {
+        flexGrow: 1,
+    },
+}));
+export const FilterMenu = styled(Menu)(() => ({
+    marginBottom: '8px',
+}));
+export const SubMenu = styled(Menu)(() => ({
+    marginTop: '-1px',
+    '&:hover': {
+        boxShadow: '0px 0px 16px 0px #00000021',
+    },
+}));
+export const CurrencySubMenu = styled(Menu)(() => ({
+    '& .MuiMenuItem-root:hover': {
+        boxShadow: '0px 0px 16px 0px #00000021',
+    },
+}));
+export const FilterMenuItem = styled(MenuItem)(({ theme }) => ({
+    height: 40,
+    flex: 'unset',
+    paddingTop: 0,
+    paddingBottom: 0,
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    paddingLeft: '16px',
+    maxHeight: '35px',
+    '.label': {
+        flexGrow: 1,
+    },
+}));
+export const CurrencyMenuItem = styled(MenuItemStyled)(() => ({
+    gap: '8px',
+    paddingInline: '16px',
+    paddingY: '8px',
+    maxHeight: '35px',
+    '&:hover': {
+        boxShadow: '0px 0px 16px 0px #00000021',
+    },
+}));

package/build/components/AmountInput/AmountInput.js

@@ -0,0 +1,44 @@
+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 } from "react/jsx-runtime";
+import { memo, useMemo, useState } from 'react';
+import { isSafariBrowser, getAmountPlaceholder } from '../../utils/index.js';
+import { DisplayAmount } from '../index.js';
+import { Wrapper, InputStyled } from './style';
+const isSafari = isSafariBrowser();
+function AmountInput(_a) {
+    var _b;
+    var { amount, setAmount, maxAmount, isError, selectedCurrency } = _a, props = __rest(_a, ["amount", "setAmount", "maxAmount", "isError", "selectedCurrency"]);
+    const [editMode, setEditMode] = useState(false);
+    const [value, setValue] = useState(amount || '');
+    const currencyPlaceholder = useMemo(() => getAmountPlaceholder(selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals), [selectedCurrency]);
+    const onChange = (e) => {
+        const newValue = Number(e.target.value) || 0;
+        if (!!maxAmount && newValue > maxAmount)
+            return false;
+        setValue(newValue);
+        setAmount(newValue);
+    };
+    const onBlur = () => {
+        setEditMode(false);
+        setAmount(Number(value));
+    };
+    const onKeyDown = (evt) => {
+        if (isSafari && isNaN(Number(evt.key)) && evt.key !== 'Backspace' && evt.key !== '.') {
+            evt.preventDefault();
+        }
+    };
+    return (_jsx(Wrapper, Object.assign({ sx: props.sx }, { children: editMode ? (_jsx(InputStyled, { placeholder: currencyPlaceholder, value: value, onChange: onChange, onBlur: onBlur, onKeyDown: onKeyDown, isError: isError, inputProps: { step: '0.01' }, hideArrows: true, autoFocus: true })) : (_jsx(DisplayAmount, { currencyCode: (_b = selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.code) === null || _b === void 0 ? void 0 : _b.english, amount: amount, onClick: () => {
+                setEditMode(true);
+            } })) })));
+}
+export default memo(AmountInput);

package/build/components/AmountInput/index.js

@@ -1 +1,2 @@
-export{Wb as default}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import AmountInput from './AmountInput';
+export default AmountInput;

package/build/components/AmountInput/style.js

@@ -0,0 +1,30 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { InputNumber } from '../index.js';
+export const Wrapper = styled(Box)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    border: `1px solid ${theme.palette.divider}`,
+    padding: theme.spacing(1),
+    borderRadius: '4px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    width: 93,
+    height: 32,
+    textAlign: 'right',
+    input: {
+        fontSize: '11px',
+        border: 'none',
+        color: theme.palette.text.primary,
+        height: 30,
+        padding: 0,
+        textAlign: 'right',
+    },
+    img: { cursor: 'pointer' },
+}));
+export const InputStyled = styled(InputNumber)(() => ({
+    padding: 0,
+    border: 'none',
+    height: 24,
+    input: { textAlign: 'right', width: '100%' },
+}));

package/build/components/AmountStatusChip/AmountStatusChip.js

@@ -0,0 +1,20 @@
+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 { memo } from 'react';
+import { AmountLabel, StyledAmountStatusChip } from './style';
+import { Box } from '@mui/material';
+function AmountStatusChip(_a) {
+    var { amount, currency } = _a, rest = __rest(_a, ["amount", "currency"]);
+    return (_jsx(StyledAmountStatusChip, Object.assign({ disableAnimation: true, expandDirection: "left" }, rest, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' } }, { children: [currency && _jsx(AmountLabel, { children: currency }), amount] })) })));
+}
+export default memo(AmountStatusChip);

package/build/components/AmountStatusChip/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-7IW25XZP.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import AmountStatusChip from './AmountStatusChip';
+export default AmountStatusChip;

package/build/components/AmountStatusChip/style.js

@@ -0,0 +1,13 @@
+import { styled } from '@mui/material/styles';
+import StatusChipWithCopy from '../StatusChipWithCopy';
+export const StyledAmountStatusChip = styled(StatusChipWithCopy)(() => ({
+    backgroundColor: '#EFF1F2',
+    border: 'none',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+export const AmountLabel = styled('span')(() => ({
+    display: 'flex',
+    alignItems: 'center',
+}));

package/build/components/AnimatedSpinnerIcon/AnimatedSpinnerIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { spinnerLoadingIcon } from '../../constants/index.js';
+import { StyledAnimatedSpinner } from './style';
+const AnimatedSpinnerIcon = ({ width, height, sx } = {}) => {
+    return (_jsx(StyledAnimatedSpinner, { src: spinnerLoadingIcon, alt: "Loading", className: "spinner-loader", width: width, height: height, sx: sx, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }));
+};
+export default AnimatedSpinnerIcon;

package/build/components/AnimatedSpinnerIcon/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-KGQT7R3W.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import AnimatedSpinnerIcon from './AnimatedSpinnerIcon';
+export default AnimatedSpinnerIcon;

package/build/components/AnimatedSpinnerIcon/style.js

@@ -0,0 +1,8 @@
+import { motion } from 'framer-motion';
+import { styled } from '@mui/material/styles';
+export const StyledAnimatedSpinner = styled(motion.img, {
+    shouldForwardProp: (prop) => prop !== 'width' && prop !== 'height',
+})(({ width, height }) => ({
+    width: width || '16px',
+    height: height || '16px',
+}));

package/build/components/AppServices/AppServices.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo, useEffect, useRef, useState, useMemo } from 'react';
+import { Box } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent } from '../index.js';
+import { blackHeadingDownArrow, blueHeadingDropdownArrow } from '../../constants/index.js';
+import { getNameText } from '../../utils/index.js';
+import ServiceItem from './ServiceItem';
+import { Wrapper } from './style';
+const selectedIcon = (props) => {
+    return (_jsx(StyledIconForDropDown, { src: props.className.includes('MuiSelect-iconOpen') ? blueHeadingDropdownArrow : blackHeadingDownArrow, alt: "dropdown" }));
+};
+function AppServices({ isMaximized, serviceCode, dimensions, services, onChangeServiceCode, onClickServiceItem }) {
+    const [initServicesWidth, setInitServicesWidth] = useState(0);
+    const [isDropdown, setIsDropdown] = useState(false);
+    const [selectedOption, setSelectedOption] = useState('');
+    const servicesRef = useRef(null);
+    const [openDropdown, setOpenDropdown] = React.useState(false);
+    const { i18n } = useTranslation();
+    const handleChange = (event) => {
+        setSelectedOption(event.target.value);
+    };
+    const handleOpenDropdown = () => {
+        setOpenDropdown((prev) => !prev);
+    };
+    // NOTE: Removed `pathname` from deps — tab title now updates based on serviceCode changes.
+    // Revisit if issues arise with tab title updates during navigation.
+    const activeTabTitle = useMemo(() => {
+        var _a, _b;
+        return getNameText((_b = (_a = services.filter((service) => service.code.toLowerCase() === decodeURIComponent(serviceCode).toLowerCase())) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name, i18n.language);
+    }, [services, i18n.language, serviceCode]);
+    useEffect(() => {
+        setSelectedOption(activeTabTitle);
+    }, [activeTabTitle]);
+    useEffect(() => {
+        var _a;
+        const iconSize = 51;
+        const iconGap = 8;
+        const iconMargin = 3;
+        setInitServicesWidth(((_a = servicesRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) + iconSize + iconGap + iconMargin);
+    }, []);
+    useEffect(() => {
+        setIsDropdown(Number(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) < initServicesWidth + 10);
+    }, [dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, initServicesWidth]);
+    const navigateToService = (newServiceCode) => {
+        onChangeServiceCode === null || onChangeServiceCode === void 0 ? void 0 : onChangeServiceCode(newServiceCode);
+        setOpenDropdown(false);
+    };
+    const renderValue = (selected) => _jsx(StyledSelectComponent, { children: selected });
+    return (_jsxs(Wrapper, Object.assign({ maximized: isMaximized }, { children: [!!(services === null || services === void 0 ? void 0 : services.length) && !isDropdown && (_jsx(Box, Object.assign({ ref: servicesRef, display: "flex", gap: "8px", flexDirection: "row", sx: { userSelect: 'none' } }, { children: services.map((service, idx) => (_jsx(ServiceItem, { activeCode: serviceCode, onClickServiceItem: onClickServiceItem, navigateToMenuItem: navigateToService, name: getNameText(service.name, i18n.language) || '', code: service.code }, `service-item-${service.code}-${idx}`))) }))), !!(services === null || services === void 0 ? void 0 : services.length) && isDropdown && (_jsx(StyledSelect, Object.assign({ open: openDropdown, onClick: handleOpenDropdown, displayEmpty: true, inputProps: { 'aria-label': 'Without label' }, MenuProps: {
+                    anchorOrigin: {
+                        vertical: 40,
+                        horizontal: 83,
+                    },
+                    PaperProps: {
+                        style: {
+                            borderRadius: '0.25rem',
+                            width: '10.43rem',
+                            padding: 0,
+                        },
+                    },
+                    MenuListProps: {
+                        disablePadding: true,
+                    },
+                }, value: selectedOption, IconComponent: selectedIcon, onChange: handleChange, renderValue: renderValue, sx: {
+                    '& .MuiOutlinedInput-root.MuiList-root-MuiMenu-list': {
+                        paddingTop: '0px !important',
+                        paddingBottom: '0px !important',
+                    },
+                } }, { children: services.map((service, idx) => {
+                    var _a;
+                    if (((_a = getNameText(service.name, i18n.language)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.toLowerCase())) {
+                        return null;
+                    }
+                    return (_jsx(StyledOption, Object.assign({ value: getNameText(service.name, i18n.language), onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            navigateToService(service.code);
+                        } }, { children: _jsx(StyledMenuTitle, { children: getNameText(service.name, i18n.language) }) }), `option-${service.code}-${idx}`));
+                }) })))] })));
+}
+export default memo(AppServices);

package/build/components/AppServices/ServiceItem.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { DropdownMenu } from '../index.js';
+import { newWindowIcon } from '../../constants/index.js';
+import { ServiceItemStyled } from './style';
+function ServiceItem({ isDropdown = false, name, code, activeCode, navigateToMenuItem, onClickServiceItem }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const { t } = useTranslation();
+    const open = Boolean(anchorEl);
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ServiceItemStyled, Object.assign({ isDropdown: isDropdown, className: activeCode.toLowerCase() === code.toLowerCase() ? 'active' : '', onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    navigateToMenuItem(code);
+                }, title: name, onContextMenu: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    handleClose();
+                    setAnchorEl(event.currentTarget);
+                } }, { children: name })), _jsx(DropdownMenu, { open: open, anchorEl: anchorEl, onClose: handleClose, menuItems: [
+                    {
+                        label: t('openNewWindow'),
+                        name: 'new',
+                        icon: _jsx("img", { src: newWindowIcon, alt: "new-window-icon" }),
+                        onClick: (e) => {
+                            e.stopPropagation();
+                            onClickServiceItem === null || onClickServiceItem === void 0 ? void 0 : onClickServiceItem(code);
+                            handleClose();
+                        },
+                    },
+                ] })] }));
+}
+export default memo(ServiceItem);

package/build/components/AppServices/index.js

@@ -1 +1,2 @@
-export{Ub as default}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import AppServices from './AppServices';
+export default AppServices;

package/build/components/AppServices/style.js

@@ -0,0 +1,33 @@
+import Box from '@mui/material/Box';
+import Text from '../Text';
+import { styled } from '@mui/material/styles';
+import { getBrowserName } from '../../utils/index.js';
+export const Wrapper = styled(Box, { shouldForwardProp: (props) => props !== 'maximized' })(({ theme, maximized }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1),
+    overflow: 'hidden',
+    height: maximized ? '4.75rem' : '4.1875rem',
+    paddingBottom: maximized ? '0rem' : '1.2rem',
+    paddingInline: theme.spacing(4),
+    paddingTop: maximized ? '1.35rem' : theme.spacing(0.5),
+}));
+const browserName = getBrowserName();
+export const ServiceItemStyled = styled(Text, {
+    shouldForwardProp: (props) => props !== 'title' && props !== 'isDropdown',
+})(({ title, isDropdown, theme }) => ({
+    position: 'relative',
+    fontWeight: theme.typography.fontWeightMedium,
+    padding: theme.spacing(1),
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    lineHeight: '15px',
+    borderRadius: theme.shape.borderRadius,
+    transition: theme.transitions.create(['backgroundColor', 'boxShadow'], {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.complex,
+    }),
+    whiteSpace: 'nowrap',
+    textTransform: 'capitalize',
+    '&:hover, &.active': Object.assign(Object.assign({}, (!isDropdown && { backgroundColor: theme.palette.common.white, boxShadow: theme.shadows[2] })), { cursor: 'pointer', position: 'relative', color: 'transparent', '&:after': Object.assign(Object.assign({}, (title && { content: `"${title}"` })), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, overflow: 'hidden', position: 'absolute', top: 0, bottom: 0, right: 0, left: 0, display: 'flex', alignItems: 'center', justifyContent: isDropdown ? 'flex-start' : 'center', letterSpacing: browserName === 'safari' ? '-1px' : '', padding: 8, borderRadius: theme.shape.borderRadius }) }),
+}));