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

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

@@ -1,26 +0,0 @@
-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/AmountConversionFilter/AmountConversionFilter.js

@@ -1,18 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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/style.js

@@ -1,47 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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/style.js

@@ -1,30 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/style.js

@@ -1,13 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/style.js

@@ -1,8 +0,0 @@
-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

@@ -1,82 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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/style.js

@@ -1,33 +0,0 @@
-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 }) }),
-}));

package/build/components/AppServicesActionMenu/AppServicesActionMenu.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
-import Box from '@mui/material/Box';
-import Popper from '@mui/material/Popper';
-import { ClickAwayListener } from '@mui/material';
-import { rightArrow, jsonBlackIcon } from '../../constants/index.js';
-import CustomBackdrop from '../CustomBackdrop';
-import { App, AppDetails, AppName, AppList, AppIcon } from './style';
-import ServicesSubmenu from './ServicesSubmenu';
-export function AppServicesActionMenu({ anchorEl, open, onClose, items, onSelectService, showViewApi = false, onViewApiClick, }) {
-    const [childAnchorEl, setChildAnchorEl] = useState(null);
-    const [hoveredItem, setHoveredItem] = useState(null);
-    const [hoveredViewApi, setHoveredViewApi] = useState(false);
-    const onChildMouseOver = useCallback((event, item) => {
-        setChildAnchorEl(event.currentTarget);
-        setHoveredItem(item);
-        setHoveredViewApi(false);
-    }, []);
-    const onChildLeave = useCallback(() => {
-        setChildAnchorEl(null);
-        setHoveredItem(null);
-        setHoveredViewApi(false);
-    }, []);
-    const handleClose = useCallback(() => {
-        onClose();
-        onChildLeave();
-    }, [onClose, onChildLeave]);
-    const handleSelectService = useCallback((appCode, serviceCode) => {
-        onSelectService(appCode, serviceCode);
-        handleClose();
-    }, [onSelectService, handleClose]);
-    const handleViewApiClick = useCallback((e) => {
-        e.stopPropagation();
-        onViewApiClick === null || onViewApiClick === void 0 ? void 0 : onViewApiClick();
-        handleClose();
-    }, [onViewApiClick, handleClose]);
-    if (!open)
-        return null;
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Box, { children: [_jsx(CustomBackdrop, { onClick: handleClose }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end", sx: { zIndex: 2000 } }, { children: _jsx(AppList, { children: items.length === 0 && !showViewApi ? (_jsx(App, Object.assign({ sx: { cursor: 'default', '&:hover': { boxShadow: 'none' } } }, { children: _jsx(AppDetails, { children: _jsx(AppName, Object.assign({ sx: { fontSize: 11, color: 'text.secondary' } }, { children: "No actions available" })) }) }))) : (_jsxs(_Fragment, { children: [items.map((item) => (_jsxs(App, Object.assign({ onMouseOver: (e) => onChildMouseOver(e, item), open: (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.appCode) === item.appCode }, { children: [_jsxs(AppDetails, { children: [_jsx(AppIcon, { children: _jsx("img", { src: item.appIconUrl, alt: "app", width: 16, height: 16 }) }), _jsx(AppName, { children: item.appName })] }), _jsx(AppDetails, { children: _jsx("img", { src: rightArrow, alt: "icon", className: "arrow-icon" }) })] }), item.appCode))), showViewApi && onViewApiClick && (_jsx(App, Object.assign({ onClick: handleViewApiClick, open: hoveredViewApi, onMouseOver: () => {
-                                        setHoveredItem(null);
-                                        setHoveredViewApi(true);
-                                    }, onMouseLeave: () => setHoveredViewApi(false) }, { children: _jsxs(AppDetails, { children: [_jsx(AppIcon, { children: _jsx("img", { src: jsonBlackIcon, alt: "app", width: 16, height: 16 }) }), _jsx(AppName, { children: "View API" })] }) })))] })) }) })), items.length > 0 && (_jsx(ServicesSubmenu, { item: hoveredItem, anchorEl: childAnchorEl, onMouseLeave: onChildLeave, onSelectService: handleSelectService }))] }) })));
-}
-export default AppServicesActionMenu;

package/build/components/AppServicesActionMenu/ServicesSubmenu.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Popper from '@mui/material/Popper';
-import { Box } from '@mui/material';
-import { Service, ServicesList } from './style';
-export default function ServicesSubmenu({ item, anchorEl, onMouseLeave, onSelectService }) {
-    if (!item)
-        return null;
-    return (_jsx(Popper, Object.assign({ open: true, anchorEl: anchorEl, placement: "left-start", onMouseLeave: onMouseLeave, sx: { zIndex: 2000 } }, { children: _jsx(ServicesList, { children: item.services.map((service) => (_jsx(Service, Object.assign({ onClick: (e) => {
-                    e.stopPropagation();
-                    onSelectService(item.appCode, service.serviceCode);
-                } }, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: [service.iconUrl && _jsx("img", { src: service.iconUrl, alt: "service", width: 16, height: 16 }), _jsxs("span", { children: ["View ", service.label] })] })) }), service.serviceCode))) }) })));
-}

package/build/components/AppServicesActionMenu/style.js

@@ -1,45 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const AppDetails = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-}));
-export const AppName = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    fontWeight: 500,
-    color: theme.palette.text.primary,
-}));
-export const AppIcon = styled(Box)(() => ({
-    width: 16,
-    height: 16,
-}));
-export const ServicesList = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    borderRadius: '4px',
-    borderTopRightRadius: 0,
-    filter: 'drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.16))',
-    width: 'max-content',
-    minWidth: 150,
-}));
-export const AppList = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    borderRadius: '4px',
-    filter: 'drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.16))',
-    minWidth: 130,
-    width: 'max-content',
-    marginTop: '8px',
-}));
-export const App = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'space-between', height: 32, padding: '8px 8px 8px 12px', cursor: 'pointer' }, (open && { boxShadow: theme.shadows[3] }))));
-export const Service = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    height: 32,
-    padding: '8px 12px',
-    cursor: 'pointer',
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 500,
-    '&:hover': { boxShadow: theme.shadows[3] },
-}));

package/build/components/AppServicesActionMenu/types.js

@@ -1 +0,0 @@
-export {};

package/build/components/AppServicesBar/AppServicesBar.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback, useState } from 'react';
-import { AppServices } from '../index.js';
-import { StyledAppHeaderWrapper } from '../Toolbar/style';
-function AppServicesBar({ appCode, services, isMaximized, dimensions, serviceCode, ui: { onStartDrag }, onChangeServiceCode, onClickServiceItem, sx, }) {
-    const [isDragging, setIsDragging] = useState(false);
-    const onPointerDown = useCallback((e) => {
-        onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
-        setIsDragging(true);
-    }, [onStartDrag, setIsDragging]);
-    const onPointerUp = () => {
-        setIsDragging(false);
-    };
-    if (!appCode || !(services === null || services === void 0 ? void 0 : services.length))
-        return null;
-    return (_jsx(StyledAppHeaderWrapper, Object.assign({ id: "app-header-wrapper", onPointerDown: onPointerDown, onPointerUp: onPointerUp, isDragging: isDragging, sx: sx }, { children: _jsx(AppServices, { onClickServiceItem: onClickServiceItem, dimensions: { width: dimensions.width }, serviceCode: serviceCode, services: services, isMaximized: isMaximized, onChangeServiceCode: onChangeServiceCode }) })));
-}
-export default memo(AppServicesBar);

package/build/components/AppServicesBar/style.js

@@ -1,6 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const AppContainerHeader = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-}));

package/build/components/AppWindowWrapper/AppWindow/AppWindow.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useContext, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { Dialog } from '@mui/material';
-import Box from '@mui/material/Box';
-import { Resizable } from 're-resizable';
-import Draggable from 'react-draggable';
-import { AppWindowContext } from '../context';
-import { isSafariBrowser } from '../../../utils/index.js';
-import { animationDuration } from './constant';
-import AccountHeader from '../headers/AccountHeader';
-function Window({ children, titleBar, titleBarText, mainAppOrder, mainAppIsMinimized, showSectionsButton = true, rightActions }) {
-    const windowNodeRef = useRef(null);
-    const { dimensions, position, resizableRef, isMaximized, isOpen, onClose, viewerDefaultWidth, viewerDefaultHeight, windowZIndex, setPosition, setNewDimensions, isToolbarAnimationDisabled, fullWindowWidth, fullWindowHeight, setIsMaximized, setIsResized, isResized, setIsToolbarAnimationDisabled, setIsSidebarExpanded, isSidebarExpanded, } = useContext(AppWindowContext);
-    const isSafari = isSafariBrowser();
-    const currentWindowWidth = dimensions.width || viewerDefaultWidth;
-    return createPortal(_jsx(Draggable, Object.assign({ nodeRef: windowNodeRef, disabled: isMaximized, handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]', defaultClassName: "draggable-lead-dialog", defaultPosition: {
-            x: fullWindowWidth / 2 - currentWindowWidth / 2,
-            y: fullWindowHeight / 2 - viewerDefaultHeight / 2,
-        }, position: {
-            x: fullWindowWidth - position.x,
-            y: position.y,
-        }, onStop: (_, pos) => {
-            setPosition({
-                x: fullWindowWidth - pos.x,
-                y: pos.y,
-            });
-        }, bounds: {
-            top: 10,
-        } }, { children: _jsx(Dialog, Object.assign({ ref: windowNodeRef, sx: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: 'transparent', zIndex: Number(mainAppOrder || 0) + windowZIndex }, (mainAppIsMinimized && {
-                display: 'none',
-            })), { transform: 'translate(180px, 14px)' }), (!isMaximized && {
-                width: isSafari ? currentWindowWidth : 'fit-content',
-                height: isSafari ? viewerDefaultHeight : 'fit-content',
-            })), (isMaximized && {
-                transform: 'none !important',
-            })), { boxShadow: '0px 0px 20px 0px rgba(0, 0, 0, 0.15)' }), PaperProps: {
-                style: Object.assign(Object.assign({ margin: 0, maxHeight: '100%', maxWidth: 'none', background: 'transparent', width: !isResized ? currentWindowWidth : 'fit-content', height: !isResized ? '100%' : 'fit-content' }, (isMaximized && {
-                    width: '100%',
-                    height: '100%',
-                })), { position: 'relative' }),
-            }, onClose: () => {
-                setIsMaximized(false);
-                setIsToolbarAnimationDisabled(true);
-                setTimeout(() => {
-                    setIsToolbarAnimationDisabled(false);
-                }, animationDuration * 1000);
-            }, open: isOpen, hideBackdrop: true, fullScreen: isMaximized, "aria-labelledby": "draggable-dialog-title", disablePortal: true }, { children: _jsx(Resizable, Object.assign({ "data-testid": "Resizable", enable: {
-                    left: true,
-                    right: true,
-                    bottomRight: true,
-                    bottom: true,
-                    top: true,
-                }, size: {
-                    width: dimensions.width,
-                    height: dimensions.height,
-                }, maxHeight: fullWindowHeight - 40, maxWidth: fullWindowWidth, minWidth: isMaximized ? '100vw' : viewerDefaultWidth, minHeight: isMaximized ? '100vh' : viewerDefaultHeight, ref: (c) => {
-                    resizableRef.current = c;
-                }, onResizeStart: () => {
-                    setIsToolbarAnimationDisabled(true);
-                }, onResizeStop: () => {
-                    setIsToolbarAnimationDisabled(false);
-                }, onResize: (_, __, element) => {
-                    setIsResized(true);
-                    setNewDimensions({
-                        width: element.offsetWidth,
-                        height: element.offsetHeight,
-                    });
-                }, defaultSize: {
-                    width: currentWindowWidth,
-                    height: viewerDefaultHeight,
-                }, style: Object.assign(Object.assign({ background: 'transparent', height: dimensions.height, overflow: 'hidden' }, (isMaximized && {
-                    height: '100% !important',
-                    width: '100% !important',
-                    flex: 1,
-                })), (isMaximized && {
-                    position: 'relative',
-                })) }, { children: _jsxs(Box, Object.assign({ sx: {
-                        height: '100%',
-                    }, "data-testid": "AppWindow" }, { children: [titleBar !== null && titleBar !== void 0 ? titleBar : (_jsx(AccountHeader, { setIsToolbarAnimationDisabled: setIsToolbarAnimationDisabled, onClose: onClose, setIsMaximized: setIsMaximized, isToolbarAnimationDisabled: isToolbarAnimationDisabled, setIsSidebarExpanded: setIsSidebarExpanded, isSidebarExpanded: isSidebarExpanded, title: titleBarText, isMaximized: isMaximized, showSectionsButton: showSectionsButton, rightActions: rightActions })), children] })) })) })) })), document.body);
-}
-export default memo(Window);