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

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapperWithCard.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { styled } from '@mui/material/styles';
-import TableRowWithCard from '../TableRowWithCard';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const createRowClickHandler = (row, onRowClick) => (e) => {
-    var _a;
-    (_a = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(e);
-    onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
-};
-export const StyledItemWrapper = styled('div', {
-    shouldForwardProp: (props) => props !== 'showShadowHighlight',
-})(({ theme }) => ({
-    backgroundColor: theme.palette.background.default,
-    height: '100%',
-}));
-function ListItemWrapperWithCard({ index, style, data: { renderedScrollTopRef, rows, rowProps, isLoading, scrollToIndex, newLoadedRowsEndIndex, areAllRowsLoaded, renderCardComponent }, }) {
-    const lastItemIndex = rows.length - 1;
-    const row = rows[index];
-    const isLoadingRow = isLoading && index === lastItemIndex + 1;
-    const isLoadedRow = index <= newLoadedRowsEndIndex;
-    const rowClickHandler = React.useCallback(createRowClickHandler(row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick), [row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick]);
-    // Memoize the row props object
-    const memoizedRowProps = React.useMemo(() => (Object.assign(Object.assign({ showShadowHighlight: scrollToIndex === index, showLoadedStyle: isLoadedRow }, rowProps), { onClick: rowClickHandler })), [scrollToIndex, index, isLoadedRow, rowProps, rowClickHandler, isLoadingRow, areAllRowsLoaded, lastItemIndex]);
-    const memoizedListItemComponent = React.useMemo(() => _jsx(TableRowWithCard, { index: index, row: row, renderCardComponent: renderCardComponent, rowProps: memoizedRowProps }, `row-${index}`), [index, row, memoizedRowProps]);
-    return (_jsx("div", Object.assign({ "data-testid": "ListCardWrapper", style: Object.assign(Object.assign({}, style), { top: Number(style.top) - renderedScrollTopRef.current, willChange: 'top' }) }, { children: _jsx(StyledItemWrapper, Object.assign({ "data-testid": "ListCardWrapper_StyledItemWrapper" }, { children: memoizedListItemComponent })) })));
-}
-export default ListItemWrapperWithCard;

package/build/components/VirtualTables/components/virtualScroll/VirtualScrollInner.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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Box from '@mui/material/Box';
-const VirtualScrollInner = React.forwardRef((_a, ref) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return (_jsxs(_Fragment, { children: [_jsx(Box, Object.assign({ "data-testid": "VirtualScrollInner", className: "VirtualScrollInner", style: { position: 'sticky', top: 0 } }, { children: children })), _jsx("div", Object.assign({ ref: ref }, restProps))] }));
-});
-VirtualScrollInner.displayName = 'VirtualScrollInner';
-export default VirtualScrollInner;

package/build/components/VirtualTables/components/virtualScroll/VirtualScrollList.js

@@ -1,79 +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 React, { useRef, useCallback, useEffect } from 'react';
-import { VariableSizeList } from 'react-window';
-import VirtualScrollInner from './VirtualScrollInner';
-import VirtualScrollOuter from './VirtualScrollOuter';
-import useScrollBackShadow from '../../hooks/useScrollBackShadow';
-import { VirtualScrollOuterProvider } from '../../context';
-const VirtualScrollList = React.forwardRef((_a, ref) => {
-    var { itemData, children, setBackdropVisibility, scrollToIndex, listRef: externalListRef, onScroll, clearBackdropVisibilityTimeout } = _a, restProps = __rest(_a, ["itemData", "children", "setBackdropVisibility", "scrollToIndex", "listRef", "onScroll", "clearBackdropVisibilityTimeout"]);
-    const { handleBackDropVisibility, clearBackdropVisibility, clearTimer } = useScrollBackShadow({
-        setBackdropVisibility,
-        clearBackdropVisibilityTimeout,
-    });
-    // renderedScrollTopRef - when render is started (listRef.current.scrollTo is called)
-    //   this ref holds scrollTop position which has been passed to scrollTo function
-    // scrollTopRef - this is scrollTop from last onScroll event.
-    //   onScroll can be fired when render is still in progress. So scrollTop will be just saved
-    //   When scroll will end, saved scrollTop will be used to start new render.
-    //   Subsequent onScroll will overwrite this number, as we will not render intermediate scroll states
-    // scrollLocked - is true, when render has been started.
-    //   This is used to now start several renders simulaneously
-    // listRef - VariableSizeList ref to call scrollTo method
-    const renderedScrollTopRef = useRef(0);
-    const scrollTopRef = useRef(undefined);
-    const scrollLocked = useRef(false);
-    // Use external ref if provided, otherwise create local
-    const internalListRef = useRef(null);
-    // If ref is provided, use it; else use externalListRef; else use internalListRef
-    const listRef = ref || externalListRef || internalListRef;
-    const scrollTo = useCallback(() => {
-        var _a, _b;
-        clearTimer();
-        if (scrollTopRef.current !== undefined && listRef.current) {
-            scrollLocked.current = false;
-            renderedScrollTopRef.current = scrollTopRef.current;
-            scrollTopRef.current = undefined;
-            handleBackDropVisibility();
-            (_b = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo) === null || _b === void 0 ? void 0 : _b.call(_a, renderedScrollTopRef.current);
-            return true;
-        }
-        clearBackdropVisibility();
-        return false;
-    }, [clearBackdropVisibility, clearTimer, handleBackDropVisibility, listRef]);
-    const handleScroll = React.useCallback((event) => {
-        scrollTopRef.current = event.currentTarget.scrollTop;
-        if (!scrollLocked.current) {
-            scrollLocked.current = true;
-            scrollTo();
-        }
-    }, [scrollTo]);
-    useEffect(() => {
-        var _a, _b;
-        if ((scrollToIndex || 0) >= 0 && !Number.isNaN(scrollToIndex) && scrollToIndex !== undefined && ((_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo)) {
-            (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.scrollToItem(scrollToIndex, 'center');
-        }
-    }, [scrollToIndex, listRef]);
-    const itemDataInternal = React.useMemo(() => (Object.assign(Object.assign({}, itemData), { renderedScrollTopRef })), [itemData]);
-    const handleOnScroll = React.useCallback((props) => {
-        onScroll === null || onScroll === void 0 ? void 0 : onScroll(props);
-        scrollLocked.current = scrollTo();
-    }, [scrollTo, onScroll]);
-    return (_jsx(VirtualScrollOuterProvider, Object.assign({ value: handleScroll }, { children: _jsx(VariableSizeList, Object.assign({ ref: listRef, "data-testid": "VirtualScrollList", itemData: itemDataInternal, 
-            // @ts-ignore
-            outerElementType: VirtualScrollOuter, 
-            // @ts-ignore
-            innerElementType: VirtualScrollInner }, restProps, { onScroll: handleOnScroll }, { children: children })) })));
-});
-export default VirtualScrollList;

package/build/components/VirtualTables/components/virtualScroll/VirtualScrollOuter.js

@@ -1,21 +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 React, { useContext } from 'react';
-import { VirtualScrollOuterContext } from '../../context';
-const VirtualScrollOuter = React.forwardRef((_a, ref) => {
-    var { onScroll, children } = _a, restProps = __rest(_a, ["onScroll", "children"]);
-    const handleScroll = useContext(VirtualScrollOuterContext);
-    return (_jsx("div", Object.assign({ className: "VirtualScrollOuter", onScroll: handleScroll, ref: ref }, restProps, { children: children })));
-});
-VirtualScrollOuter.displayName = 'VirtualScrollOuter';
-export default VirtualScrollOuter;

package/build/components/VirtualTables/components/virtualScroll/index.js

@@ -1,5 +0,0 @@
-export * from './ListItemWrapper';
-export { default as ListItemWrapperWithCard } from './ListItemWrapperWithCard';
-export { default as VirtualScrollInner } from './VirtualScrollInner';
-export { default as VirtualScrollList } from './VirtualScrollList';
-export { default as VirtualScrollOuter } from './VirtualScrollOuter';

package/build/components/VirtualTables/context/Provider.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { VirtualScrollOuterContext } from './context';
-export const VirtualScrollOuterProvider = ({ children, value }) => (_jsx(VirtualScrollOuterContext.Provider, Object.assign({ value: value }, { children: children })));

package/build/components/VirtualTables/context/context.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const VirtualScrollOuterContext = createContext(null);

package/build/components/VirtualTables/context/index.js

@@ -1,2 +0,0 @@
-export * from './context';
-export { VirtualScrollOuterProvider } from './Provider';

package/build/components/VirtualTables/hooks/index.js

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

package/build/components/VirtualTables/hooks/useColumnFilter.js

@@ -1,22 +0,0 @@
-import { useMemo } from 'react';
-const useColumnFilter = (params) => {
-    const { filter, totalCount } = params;
-    const filterData = useMemo(() => { var _a; return ((_a = filter === null || filter === void 0 ? void 0 : filter.options) === null || _a === void 0 ? void 0 : _a.reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = filter === null || filter === void 0 ? void 0 : filter.data) === null || _a === void 0 ? void 0 : _a[apiKey] })); }, {})) || {}; }, [filter]);
-    const listFilterData = useMemo(() => {
-        var _a;
-        const listFilter = filter;
-        const rawData = (_a = listFilter === null || listFilter === void 0 ? void 0 : listFilter.data) === null || _a === void 0 ? void 0 : _a[listFilter.apiKey];
-        return Array.isArray(rawData) ? rawData : [];
-    }, [filter]);
-    const isFilterApplied = useMemo(() => Object.values(filterData || {}).some((value) => {
-        if (typeof value === 'string' || Array.isArray(value))
-            return value.length > 0;
-        return value != null;
-    }) || listFilterData.length > 0, [filterData, listFilterData]);
-    const filterDisabled = !isFilterApplied && totalCount === 0;
-    return {
-        isFilterApplied,
-        filterDisabled,
-    };
-};
-export default useColumnFilter;

package/build/components/VirtualTables/hooks/useScrollBackShadow.js

@@ -1,26 +0,0 @@
-import { useRef, useEffect } from 'react';
-function useScrollBackShadow({ setBackdropVisibility, clearBackdropVisibilityTimeout }) {
-    const timer = useRef(undefined);
-    useEffect(() => {
-        return () => {
-            clearTimeout(timer.current);
-        };
-    }, []);
-    const handleBackDropVisibility = () => {
-        setBackdropVisibility(true);
-    };
-    const clearBackdropVisibility = () => {
-        timer.current = setTimeout(() => {
-            setBackdropVisibility(false);
-        }, clearBackdropVisibilityTimeout || 2000);
-    };
-    const clearTimer = () => {
-        clearTimeout(timer.current);
-    };
-    return {
-        handleBackDropVisibility,
-        clearBackdropVisibility,
-        clearTimer,
-    };
-}
-export default useScrollBackShadow;

package/build/components/Widget/List.js

@@ -1,23 +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 Box from '@mui/material/Box';
-import { listShadowBg } from '../../constants/index.js';
-import { ListStyled } from './style';
-import { useScrollWithShadow } from './useScrollWithShadow';
-function List(_a) {
-    var { allowShadow = true, children } = _a, props = __rest(_a, ["allowShadow", "children"]);
-    const { onScrollHandler, showShadow } = useScrollWithShadow();
-    return (_jsxs(ListStyled, Object.assign({ component: "ul", "data-testid": "Widget_List", onScroll: onScrollHandler }, props, { children: [children, showShadow && allowShadow && (_jsx(Box, { component: "img", src: listShadowBg, sx: { width: '100%', position: 'fixed', bottom: 0, pointerEvents: 'none', right: 0, left: 0 } }))] })));
-}
-export default memo(List);

package/build/components/Widget/ListItem.js

@@ -1,19 +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 { ListItemStyled, ItemText, ItemActions, ItemTextWrapper } from './style';
-function ListItem(_a) {
-    var { children, icon, actions } = _a, props = __rest(_a, ["children", "icon", "actions"]);
-    return (_jsxs(ListItemStyled, Object.assign({ component: "li", "data-testid": "Widget_ListItem", className: `list-item ${props.className}` }, props, { children: [_jsxs(ItemTextWrapper, Object.assign({ component: "aside" }, { children: [icon && icon, _jsx(ItemText, Object.assign({ noWrap: true, className: "content" }, { children: children }))] })), actions && _jsx(ItemActions, Object.assign({ component: "aside" }, { children: actions }))] })));
-}
-export default memo(ListItem);

package/build/components/Widget/Widget.js

@@ -1,19 +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 } from 'react';
-import { WidgetStyled } from './style';
-function Widget(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(WidgetStyled, Object.assign({ component: "article", "data-testid": "Widget" }, props, { children: children })));
-}
-export default memo(Widget);

package/build/components/Widget/WidgetHeader.js

@@ -1,19 +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 { WidgetHeaderStyled, Header } from './style';
-function WidgetHeader(_a) {
-    var { children, action } = _a, props = __rest(_a, ["children", "action"]);
-    return (_jsxs(WidgetHeaderStyled, Object.assign({ "data-testid": "Widget_WidgetHeader", component: "header" }, props, { children: [_jsx(Header, { children: children }), action && action] })));
-}
-export default memo(WidgetHeader);

package/build/components/Widget/style.js

@@ -1,71 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-export const WidgetStyled = styled(Box)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    background: '#FBFBFB',
-    borderRadius: '8px',
-    fontSize: '11px',
-    display: 'flex',
-    flexDirection: 'column',
-    height: '233px',
-    transform: 'scale(1)',
-}));
-export const WidgetHeaderStyled = styled(Box)(({ theme }) => ({
-    padding: '8px 12px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    height: 39,
-    flexShrink: 0,
-    overflow: 'visible',
-}));
-export const Header = styled(Box)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: 600,
-    textTransform: 'capitalize',
-}));
-export const ListItemStyled = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingTop: '12px',
-    paddingBottom: '12px',
-    paddingInlineStart: '12px',
-    paddingInlineEnd: '8px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    height: 40,
-}));
-export const ItemText = styled(Text)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: 500,
-    lineHeight: '13.2px',
-}));
-export const ItemTextWrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-}));
-export const ItemActions = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-}));
-export const ListStyled = styled(Box)(() => ({
-    borderRadius: '8px',
-    overflow: 'auto',
-    flexGrow: 1,
-    height: '100%',
-    listStyle: 'none',
-    margin: 0,
-    padding: 0,
-    '.list-item:last-of-type': {
-        borderBottom: 'none',
-    },
-}));
-export const FeatureWrapper = styled(Box)(() => ({
-    margin: '12px ',
-}));

package/build/components/Widget/useScrollWithShadow.js

@@ -1,14 +0,0 @@
-import { useCallback, useState } from 'react';
-export function useScrollWithShadow() {
-    const [scrollTop, setScrollTop] = useState(0);
-    const [scrollHeight, setScrollHeight] = useState(0);
-    const [clientHeight, setClientHeight] = useState(0);
-    const onScrollHandler = useCallback((event) => {
-        const target = event.target;
-        setScrollTop(target.scrollTop);
-        setScrollHeight(target.scrollHeight);
-        setClientHeight(target.clientHeight);
-    }, []);
-    const showShadow = scrollTop === 0 || clientHeight < scrollHeight - scrollTop - 1;
-    return { onScrollHandler, showShadow };
-}

package/build/components/Window/Window.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useMemo, useState, useRef, useEffect } from 'react';
-import { useTheme } from '@mui/material';
-import { motion } from 'framer-motion';
-import { Resizable } from 're-resizable';
-import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
-import { contentStyle, ContentWrapper, initialStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
-function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, sandboxMode = false, sx, }) {
-    const theme = useTheme();
-    const [isDrag, setIsDrag] = useState(true);
-    const modalRef = useRef(null);
-    const constraintsRef = useRef(null);
-    const resizableRef = useRef();
-    const onResizeStop = () => {
-        setIsDrag(true);
-    };
-    const onResizeStart = () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-        setIsDrag(false);
-    };
-    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
-        top: 0,
-    })), { background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)' })), [width, isMaximized, sandboxMode]);
-    useEffect(() => {
-        var _a;
-        (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({
-            width: isMaximized ? '100vw' : width,
-            height: isMaximized ? '100vh' : '100%',
-        });
-    }, [isMaximized, width]);
-    return (_jsx(AppContainerWrapper, Object.assign({ id: "app-container-wrapper", "data-testid": "AppContainerWrapper", sx: sx }, { children: _jsx(AppContainerContainer, Object.assign({ "data-testid": "AppContainerContainer" }, { children: _jsx(motion.div, Object.assign({ id: "app-content", "data-add-id": id, "data-testid": "AppContent", ref: constraintsRef, initial: initialStyle }, { children: _jsx(ContentWrapper, Object.assign({ id: "content-wrapper", drag: !isMaximized && isDrag, dragMomentum: false, dragConstraints: false, onDragStart: onClick, onDragEnter: onClick, onClick: onClick, dragControls: dragControls, dragListener: false, style: Object.assign(Object.assign(Object.assign({}, (order && {
-                        zIndex: Number(order) + APP_WINDOW_Z_INDEX,
-                    })), contentStyle), { height }), initial: Object.assign({ marginInline: 'auto', scale: 0, left: 0 }, (!isMaximized && {
-                        left: 48 * (openOrder - 1),
-                    })), animate: Object.assign(Object.assign({ width }, (isMaximized && {
-                        width: '100vw',
-                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ "data-id": id, ref: (c) => {
-                            resizableRef.current = c;
-                        }, style: resizableStyle, minHeight: minHeight, minWidth: minWidth, maxHeight: maxHeight, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeStop: onResizeStop, onResize: (_, __, element) => {
-                            onResize === null || onResize === void 0 ? void 0 : onResize(element);
-                        } }, { children: children })) })) })) })) })));
-}
-export default memo(WindowWrapper);

package/build/components/Window/style.js

@@ -1,47 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import { HEADER_HEIGHT } from '../../constants/index.js';
-export const resizableMainStyle = {
-    boxShadow: 'rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px',
-    display: 'flex',
-    flexDirection: 'column',
-    overflow: 'visible',
-    width: '-webkit-fill-available',
-    height: '100% !important',
-    margin: 'auto',
-};
-export const contentStyle = {
-    position: 'fixed',
-    right: 0,
-    left: 24,
-    top: HEADER_HEIGHT,
-    overflow: 'visible',
-    borderRadius: '12px',
-};
-export const initialStyle = {
-    width: 'inherit',
-    height: 'inherit',
-    gridRowStart: 1,
-    gridColumnStart: 1,
-    position: 'relative',
-    display: 'flex',
-    justifyContent: 'center',
-};
-export const ContentWrapper = styled(motion.div, {
-    shouldForwardProp: (props) => props !== 'maximized',
-})(({ maximized }) => (Object.assign({ overflow: 'hidden', display: 'flex', flexDirection: 'column', width: '100%', height: '100%', zIndex: 1, borderRadius: '12px' }, (maximized && {
-    transform: 'translate(0,0) !important',
-}))));
-export const AppContainerWrapper = styled(Box)(() => ({
-    flexGrow: 1,
-}));
-export const AppContainerContainer = styled(motion.div)(() => ({
-    width: 'inherit',
-    height: '100%',
-    overflow: 'hidden',
-    flexGrow: 1,
-    position: 'relative',
-    display: 'grid',
-    gridTemplateColumns: '1fr',
-}));

package/build/components/WindowAppIcon/WindowAppIcon.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { jsonIcon, windowBrandIcon as brandIcon, windowEntityIcon as entityIcon, windowIndividualIcon as individualIcon, windowPasswordIcon as passwordIcon, windowBankIcon as bankIcon, } from '../../constants/index.js';
-import { StyledImage, StyledWrapper, TitleStyled } from './style';
-const iconUrls = new Map([
-    ['json', jsonIcon],
-    ['brand', brandIcon],
-    ['entity', entityIcon],
-    ['bank', bankIcon],
-    ['individual', individualIcon],
-    ['password', passwordIcon],
-]);
-function WindowAppIcon({ title, icon }) {
-    var _a;
-    const image = (_a = iconUrls.get(icon || '')) !== null && _a !== void 0 ? _a : (iconUrls.get(title === null || title === void 0 ? void 0 : title.toLowerCase()) || icon);
-    return (_jsxs(StyledWrapper, Object.assign({ className: "action-box" }, { children: [image && _jsx(StyledImage, { src: image, alt: "icon" }), _jsx(TitleStyled, Object.assign({ className: "title" }, { children: title }))] })));
-}
-export default WindowAppIcon;

package/build/components/WindowAppIcon/index.js

@@ -1,2 +0,0 @@
-import WindowAppIcon from './WindowAppIcon';
-export default WindowAppIcon;

package/build/components/WindowAppIcon/style.js

@@ -1,25 +0,0 @@
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-export const TitleStyled = styled(Text)(({ theme }) => ({
-    fontSize: '10px',
-    color: 'rgba(32, 35, 43, 0.5)',
-    opacity: 0.7,
-    textAlign: 'left',
-    fontWeight: theme.typography.fontWeightBold,
-    lineHeight: '14px',
-    userSelect: 'none',
-    paddingLeft: '0.175rem',
-    textTransform: 'capitalize',
-}));
-export const StyledWrapper = styled('div')(() => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'relative',
-    textAlign: 'center',
-}));
-export const StyledImage = styled('img')(() => ({
-    width: 14,
-    height: 14,
-    verticalAlign: 'center',
-}));

package/build/components/WindowBackdrop/WindowBackdrop.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { createPortal } from 'react-dom';
-import Backdrop from '@mui/material/Backdrop';
-import { alpha } from '@mui/material/styles';
-function WindowBackdrop(props) {
-    return createPortal(_jsx(Backdrop, Object.assign({ sx: { zIndex: 1, backgroundColor: (theme) => alpha(theme.palette.common.black, 0.3) } }, props)), document.body);
-}
-export default memo(WindowBackdrop);

package/build/components/WindowSideBar/WindowSideBar.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { SideBar, Content, StyledMenuLink } from './style';
-function WindowSideBar({ sections, isMaximized, onClick, activeSection }) {
-    var _a;
-    const currentActiveSection = activeSection || ((_a = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _a === void 0 ? void 0 : _a.id);
-    return (_jsx(SideBar, Object.assign({ isMaximized: isMaximized }, { children: _jsx(Content, { children: sections === null || sections === void 0 ? void 0 : sections.map((s) => (_jsx(StyledMenuLink, Object.assign({ onClick: () => {
-                    onClick === null || onClick === void 0 ? void 0 : onClick(s);
-                }, isActive: currentActiveSection === s.id }, { children: s.title }), s.id))) }) })));
-}
-export default memo(WindowSideBar);

package/build/components/WindowSideBar/constant.js

@@ -1 +0,0 @@
-export const TITLE_BAR_HEIGHT = '32px';

package/build/components/WindowSideBar/style.js

@@ -1,33 +0,0 @@
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { LEFT_SIDEBAR } from '../index.js';
-import { TITLE_BAR_HEIGHT } from './constant';
-export const SideBar = styled(Box, {
-    shouldForwardProp: (props) => props !== 'isMaximized',
-})(({ theme, isMaximized }) => ({
-    background: alpha(theme.palette.common.white, 0.7),
-    backdropFilter: 'blur(8px)',
-    width: LEFT_SIDEBAR,
-    position: 'sticky',
-    padding: '16px 8px',
-    paddingTop: isMaximized ? TITLE_BAR_HEIGHT : '16px',
-    height: '100%',
-    overflow: 'auto',
-}));
-export const Content = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-}));
-export const StyledMenuLink = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => ({
-    background: isActive ? 'linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)' : 'transparent',
-    borderRadius: '4px',
-    padding: '4px 8px',
-    color: isActive ? theme.palette.common.white : theme.palette.text.primary,
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: '4px',
-    cursor: 'pointer',
-}));

package/build/components/WindowSideBar/type.js

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