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

package/build/components/RangeCalender/components/Timezone/components/EntitiesTimezone.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import Popper from '@mui/material/Popper';
+import { entityTimezoneIcon, smallBlueCheckIcon } from '../../../../../constants/index.js';
+import { CountryFlag } from '../../../../index.js';
+import { getTimezoneByCountryCode } from '../../../../../utils/index.js';
+import { Label, Space, TimezoneDropdown, TimezoneElement } from '../style';
+export default function EntitiesTimezone({ selectedTimezone, onChange, timezoneCountriesCodes, defaultCountryTimezone }) {
+    const [entitiesEl, setEntitiesEl] = useState(null);
+    const onMouseEnter = (e) => {
+        if (!entitiesEl)
+            setEntitiesEl(e.currentTarget);
+    };
+    const onMouseLeave = () => {
+        if (entitiesEl)
+            setEntitiesEl(null);
+    };
+    const onSelectTimezone = (e, tz) => {
+        e.stopPropagation();
+        onChange(tz);
+    };
+    const availableTimezones = useMemo(() => timezoneCountriesCodes === null || timezoneCountriesCodes === void 0 ? void 0 : timezoneCountriesCodes.map((code) => getTimezoneByCountryCode(code)), [timezoneCountriesCodes]);
+    const isSelectedTimezoneOneOFTheAvailable = useMemo(() => availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones.some((item) => (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone) === (item === null || item === void 0 ? void 0 : item.timezone)), [availableTimezones, selectedTimezone]);
+    const entityTimezone = useMemo(() => {
+        if (!selectedTimezone)
+            return defaultCountryTimezone;
+        return isSelectedTimezoneOneOFTheAvailable ? selectedTimezone : defaultCountryTimezone;
+    }, [selectedTimezone, defaultCountryTimezone, isSelectedTimezoneOneOFTheAvailable]);
+    return (_jsxs(TimezoneElement, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: () => {
+            if (selectedTimezone)
+                onChange(entityTimezone);
+        } }, { children: [isSelectedTimezoneOneOFTheAvailable ? _jsx("img", { src: smallBlueCheckIcon, alt: "icon" }) : _jsx(Space, {}), _jsx("img", { src: entityTimezoneIcon, alt: "entity-timezone" }), _jsx(CountryFlag, { countryCode: entityTimezone === null || entityTimezone === void 0 ? void 0 : entityTimezone.countryCode }), _jsx(Label, Object.assign({ className: isSelectedTimezoneOneOFTheAvailable ? 'selected' : '' }, { children: isSelectedTimezoneOneOFTheAvailable ? selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label : defaultCountryTimezone === null || defaultCountryTimezone === void 0 ? void 0 : defaultCountryTimezone.label })), _jsx(Popper, Object.assign({ open: Boolean(entitiesEl), anchorEl: entitiesEl, placement: "right-start", sx: { zIndex: 3 }, disablePortal: true }, { children: _jsx(TimezoneDropdown, Object.assign({ sx: { maxHeight: 300 } }, { children: availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones.map((timeZone, idx) => {
+                        const isActive = (timeZone === null || timeZone === void 0 ? void 0 : timeZone.timezone) === (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone);
+                        return (_jsxs(TimezoneElement, Object.assign({ onClick: (e) => {
+                                onSelectTimezone(e, timeZone);
+                            }, sx: { gap: '4px' } }, { children: [isActive ? _jsx("img", { src: smallBlueCheckIcon, alt: "icon" }) : _jsx(Space, {}), _jsx(CountryFlag, { countryCode: timeZone === null || timeZone === void 0 ? void 0 : timeZone.countryCode }), _jsx(Label, Object.assign({ className: isActive ? 'selected' : '' }, { children: timeZone === null || timeZone === void 0 ? void 0 : timeZone.label }))] }), `timezone-item-${idx}`));
+                    }) })) }))] })));
+}

package/build/components/RangeCalender/components/Timezone/components/UserTimezone.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { CountryFlag } from '../../../../index.js';
+import { userTimezoneIcon, smallBlueCheckIcon, COUNTRIES_TIMEZONES } from '../../../../../constants/index.js';
+import { Label, Space, TimezoneElement } from '../style';
+export default function UserTimezone({ onChange, selectedTimezone, browserTimezone }) {
+    const browserTimezoneInfo = useMemo(() => COUNTRIES_TIMEZONES.find(({ timezone }) => timezone === browserTimezone), [browserTimezone]);
+    const onSelectTimezone = () => {
+        if (browserTimezoneInfo)
+            onChange(browserTimezoneInfo);
+    };
+    const isBrowserTimezoneActive = (browserTimezoneInfo === null || browserTimezoneInfo === void 0 ? void 0 : browserTimezoneInfo.timezone) === (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone);
+    return (_jsxs(TimezoneElement, Object.assign({ onClick: onSelectTimezone }, { children: [isBrowserTimezoneActive ? _jsx("img", { src: smallBlueCheckIcon, alt: "icon" }) : _jsx(Space, {}), _jsx("img", { src: userTimezoneIcon, alt: "user-timezone" }), _jsx(CountryFlag, { countryCode: browserTimezoneInfo === null || browserTimezoneInfo === void 0 ? void 0 : browserTimezoneInfo.countryCode }), _jsx(Label, Object.assign({ className: isBrowserTimezoneActive ? 'selected' : '' }, { children: browserTimezoneInfo === null || browserTimezoneInfo === void 0 ? void 0 : browserTimezoneInfo.label }))] })));
+}

package/build/components/RangeCalender/components/Timezone/index.js

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

package/build/components/RangeCalender/components/Timezone/style.js

@@ -0,0 +1,61 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const TimezoneWrapper = styled(Box)(() => ({
+    '[class$="-IndicatorsContainer2"]': {
+        display: 'none',
+    },
+    '#react-select-2-listbox': {
+        width: 300,
+    },
+}));
+export const TimezoneDropdown = styled(Box)(({ theme }) => ({
+    borderRadius: theme.spacing(0.5),
+    border: `1px solid ${theme.palette.divider}`,
+    background: theme.palette.common.white,
+    boxShadow: theme.shadows[10],
+    minWidth: 200,
+    width: 'max-content',
+    overflow: 'auto',
+}));
+export const SelectedTimezone = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign(Object.assign({ width: 156, fontSize: '11px', color: theme.palette.text.primary, border: '1px solid', borderColor: theme.palette.divider, minHeight: 32, borderRadius: '4px', padding: theme.spacing(1), whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: theme.spacing(1), fontWeight: 500 }, (open && {
+    borderRadius: '4px',
+    boxShadow: theme.shadows[7],
+    border: '1px solid',
+    borderColor: theme.palette.info.dark,
+    background: theme.palette.common.white,
+})), { span: { textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden' } })));
+export const TimezoneElement = styled(Box)(({ theme }) => ({
+    padding: theme.spacing(1),
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1),
+    height: 33,
+    cursor: 'pointer',
+    '&:hover': {
+        boxShadow: '0px 0px 16px 0px #00000021',
+    },
+    '&+&': {
+        borderTop: '1px solid',
+        borderColor: theme.palette.divider,
+    },
+    '&.active span': {
+        fontWeight: 500,
+    },
+    span: {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+}));
+export const Space = styled(Box)(() => ({
+    width: 12,
+    height: 12,
+}));
+export const Label = styled(Box)(({ theme }) => ({
+    fontSize: '11px',
+    color: theme.palette.text.secondary,
+    lineHeight: '15.03px',
+    '&.selected': { color: theme.palette.info.dark },
+}));

package/build/components/RangeCalender/index.js

@@ -1 +1,2 @@
-export{Tb 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 RangeCalender from './RangeCalender';
+export default RangeCalender;

package/build/components/RangeCalender/style.js

@@ -0,0 +1,193 @@
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
+export const CalenderWrapper = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    marginTop: '8px',
+    background: theme.palette.common.white,
+    boxShadow: theme.shadows[9],
+    borderRadius: theme.spacing(1),
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    '.rmdp-calendar': {
+        padding: '8px 16px 16px',
+    },
+    '.rmdp-rtl *': {
+        fontFamily: 'Tajawal',
+    },
+    '.rmdp-rtl .sd': {
+        paddingTop: '4px',
+    },
+    '.rmdp-wrapper': {
+        position: 'relative',
+        borderRadius: '8px',
+        boxShadow: 'none',
+    },
+    '.rmdp-day span': {
+        fontSize: '11px',
+        fontWeight: 500,
+    },
+    '.rmdp-day, .rmdp-week-day': {
+        width: 40,
+        height: 40,
+        marginBottom: '2px',
+        padding: '4px',
+        fontSize: '11px',
+        color: theme.palette.grey[900],
+    },
+    '.rmdp-day-picker': {
+        padding: 0,
+    },
+    '.rmdp-day.rmdp-today span': {
+        backgroundColor: 'transparent !important',
+        color: theme.palette.info.dark,
+    },
+    '.rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span': {
+        color: theme.palette.common.white,
+    },
+    '.rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover': {
+        background: theme.palette.info.light,
+        boxShadow: 'none',
+        color: theme.palette.grey[900],
+    },
+    '.rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end': {
+        borderRadius: '50%',
+        background: theme.palette.background.gradient.darkShadedBlue,
+        color: theme.palette.common.white,
+    },
+    '.rmdp-range.start:after': {
+        content: '""',
+        position: 'absolute',
+        background: theme.palette.info.light,
+        height: '100%',
+        width: '50%',
+        right: 0,
+        top: 0,
+        zIndex: -1,
+    },
+    '.rmdp-rtl .rmdp-range.start:after': {
+        right: 'unset',
+        left: 0,
+    },
+    '.rmdp-range.end:after': {
+        content: '""',
+        position: 'absolute',
+        background: theme.palette.info.light,
+        height: '100%',
+        width: '50%',
+        left: 0,
+        top: 0,
+        zIndex: -1,
+    },
+    '.rmdp-rtl .rmdp-range.end:after': {
+        left: 'unset',
+        right: 0,
+    },
+    '.rmdp-week-day': {
+        color: theme.palette.grey[700],
+        marginBottom: '4px',
+        fontSize: '11px',
+        padding: '4px',
+    },
+    '.rmdp-header-values': {
+        color: theme.palette.grey[900],
+        fontSize: '12px',
+        fontWeight: 500,
+        lineHeight: '20px',
+        letterSpacing: '0.1px',
+    },
+    '.rmdp-header-values span:nth-of-type(2)': {
+        display: 'none',
+    },
+    '.rmdp-header': {
+        padding: '4px 0',
+        margin: 0,
+        fontSize: '12px',
+    },
+    '.rmdp-top-class': {
+        display: 'block !important',
+    },
+    '.rmdp-day.rmdp-selected span:not(.highlight)': {
+        background: theme.palette.info.dark,
+    },
+    '.rmdp-day.start.end': {
+        overflow: 'hidden',
+    },
+    '.rmdp-day.rmdp-disabled': {
+        color: '#ccc',
+        cursor: 'not-allowed',
+    },
+}));
+export const CancelButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    padding: '8px 24px',
+    width: 75,
+    height: 32,
+    fontSize: '11px',
+    background: 'transparent',
+    color: theme.palette.text.primary,
+    border: '1px solid',
+    borderColor: theme.palette.divider,
+    fontWeight: 500,
+    borderRadius: '4px',
+    '&:hover': {
+        background: 'transparent',
+        color: theme.palette.text.primary,
+    },
+}));
+export const OkayButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    padding: '8px 24px',
+    width: 75,
+    height: 32,
+    fontSize: '11px',
+    borderRadius: '4px',
+    fontWeight: 700,
+    background: theme.palette.info.dark,
+    '&:hover': {
+        background: theme.palette.info.dark,
+    },
+}));
+export const ButtonsWrapper = styled(Box)(() => ({
+    display: 'flex',
+    gap: 8,
+}));
+export const SelectedDate = styled(Button, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => (Object.assign({ color: theme.palette.text.primary, fontSize: '11px', fontWeight: 500, padding: theme.spacing(1), borderRadius: '4px', border: '1px solid', borderColor: theme.palette.divider, background: theme.palette.common.white, textTransform: 'none', height: 32 }, (open && { border: '1px solid', borderColor: theme.palette.info.dark, boxShadow: theme.shadows[7] }))));
+export const Footer = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    gap: 10,
+    padding: '16px',
+    borderTop: '1px solid',
+    borderColor: theme.palette.divider,
+    borderBottomRightRadius: '8px',
+}));
+export const FiltersArea = styled(Box)(({ theme }) => ({
+    padding: 16,
+    paddingInlineEnd: '23px',
+    borderRight: '1px solid',
+    borderColor: theme.palette.divider,
+    background: theme.palette.common.white,
+    width: 'max-content',
+    borderTopLeftRadius: '8px',
+    borderBottomLeftRadius: '8px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 10,
+    justifyContent: 'space-between',
+}));
+export const TimeZone = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
+}));
+export const Main = styled(Box)(() => ({
+    position: 'relative',
+}));
+export const Settings = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px',
+}));

package/build/components/RangeCalender/type.js

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

package/build/components/RangeCalender/utils.js

@@ -0,0 +1,26 @@
+import DateObject from 'react-date-object';
+import arabic from 'react-date-object/calendars/arabic';
+import gregorian from 'react-date-object/calendars/gregorian';
+import arabicAr from 'react-date-object/locales/arabic_ar';
+import arabicEn from 'react-date-object/locales/arabic_en';
+import gregorianAr from 'react-date-object/locales/gregorian_ar';
+import gregorianEn from 'react-date-object/locales/gregorian_en';
+import { getDefaultDateRange } from '../../utils/index.js';
+export const getLocale = ({ isHijri, isAr = false }) => {
+    if (isHijri) {
+        return isAr ? arabicAr : arabicEn;
+    }
+    return isAr ? gregorianAr : gregorianEn;
+};
+export const getCalender = (isHijri) => {
+    return isHijri ? arabic : gregorian;
+};
+export const getStartOfDate = (date) => date.setHour(0).setMinute(0).setSecond(0);
+export const getEndOfDate = (date) => date.setHour(23).setMinute(59).setSecond(59);
+export const getDateRange = (dates) => {
+    if (!((dates === null || dates === void 0 ? void 0 : dates[0]) instanceof Date) || !((dates === null || dates === void 0 ? void 0 : dates[1]) instanceof Date)) {
+        const [startDate, endDate] = getDefaultDateRange();
+        return [new DateObject(startDate), new DateObject(endDate)];
+    }
+    return [new DateObject(dates === null || dates === void 0 ? void 0 : dates[0]), new DateObject(dates === null || dates === void 0 ? void 0 : dates[1])];
+};

package/build/components/ReceiptsViewer/ReceiptViewer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import { AppWindowWrapper } from '../index.js';
+import { Wrapper } from './style';
+export default function ReceiptViewer({ isOpen, receipt, order, appWindow, onClose }) {
+    return (_jsx(AppWindowWrapper, Object.assign({ isOpen: isOpen, onClose: () => {
+            onClose(receipt.id);
+        }, initialPosition: {
+            x: 1000 - 20 * order,
+        }, windowProps: {
+            titleBarText: 'Receipt',
+            mainAppIsMinimized: appWindow === null || appWindow === void 0 ? void 0 : appWindow.isMinimized,
+            mainAppOrder: appWindow === null || appWindow === void 0 ? void 0 : appWindow.order,
+            showSectionsButton: false,
+        }, defaultWindowWidth: 502, defaultWindowHeight: 745 }, { children: _jsx(Wrapper, { children: _jsx(Box, { sx: { height: 715, overflow: 'auto' }, dangerouslySetInnerHTML: { __html: receipt.content } }) }) })));
+}

package/build/components/ReceiptsViewer/ReceiptsViewer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import ReceiptViewer from './ReceiptViewer';
+export default function ReceiptsViewer({ receipts, onCloseReceipt, appWindow }) {
+    if (!receipts.length)
+        return null;
+    return (_jsx(_Fragment, { children: receipts.map((receipt, index) => (_jsx(ReceiptViewer, { order: index, isOpen: true, onClose: (id) => onCloseReceipt(id), receipt: receipt, appWindow: appWindow }, receipt.id))) }));
+}

package/build/components/ReceiptsViewer/index.js

@@ -1 +1 @@
-export{Bc as ReceiptsViewer}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 ReceiptsViewer } from './ReceiptsViewer';

package/build/components/ReceiptsViewer/style.js

@@ -0,0 +1,7 @@
+import { Box, styled } from '@mui/material';
+export const Wrapper = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    width: '100%',
+    height: '100%',
+    overflow: 'auto',
+}));

package/build/components/ReceiptsViewer/type.js

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

package/build/components/ReferenceTypeFilter/ReferenceTypeFilter.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useMemo } from 'react';
+import { ViewColumnRadioFilter, FilterTitle, FilterOkayButton, FilterFooter, FilterCancelButton } from '../index.js';
+import { grayCloseIcon, searchIcon } from '../../constants/index.js';
+import lodashValues from 'lodash/values';
+import { ClearButton, ClearWrapper, FilterMenu, InputStyled, InputsWrapper } from './style';
+import { Box, Collapse } from '@mui/material';
+export default function ReferenceTypeFilter({ selectedRadioValue, onRadioButtonChange, radioOptions, label, onConfirm, onClear, inputValues, onInputValuesChange, anchorEl, onCloseDropdown, inputFilters = [], }) {
+    const { t } = useTranslation();
+    const handleOkButtonClick = (e) => {
+        onConfirm();
+        onCloseDropdown(e);
+    };
+    const onCancel = (e) => {
+        onClear();
+        onCloseDropdown(e);
+    };
+    const isInputHasValue = (key) => (inputValues === null || inputValues === void 0 ? void 0 : inputValues[key]) !== undefined && (inputValues === null || inputValues === void 0 ? void 0 : inputValues[key].length) > 0;
+    const onClickResetInput = (key) => {
+        if (isInputHasValue(key))
+            onInputValuesChange(Object.assign(Object.assign({}, inputValues), { [key]: '' }));
+    };
+    const showClearButton = useMemo(() => lodashValues(inputValues).some((x) => Boolean(x)), [inputValues]);
+    const onClickClear = () => {
+        onInputValuesChange(inputFilters.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
+    };
+    return (_jsxs(FilterMenu, Object.assign({ open: !!anchorEl, anchorEl: anchorEl }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), _jsx(ViewColumnRadioFilter, { menuLabel: label, options: radioOptions, selectedValue: selectedRadioValue, onValueChange: onRadioButtonChange }), inputFilters.length > 0 && (_jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: inputFilters.map(({ apiKey, placeholder }) => {
+                    var _a;
+                    return (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
+                            onInputValuesChange(Object.assign(Object.assign({}, inputValues), { [apiKey]: e.target.value }));
+                        }, defaultValue: (_a = inputValues === null || inputValues === void 0 ? void 0 : inputValues[apiKey]) !== null && _a !== void 0 ? _a : '', value: inputValues === null || inputValues === void 0 ? void 0 : inputValues[apiKey], inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
+                                onClickResetInput(apiKey);
+                            } }) }, apiKey));
+                }) }))), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse" }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCancel }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
+}

package/build/components/ReferenceTypeFilter/index.js

@@ -1 +1 @@
-export{Xc as ReferenceTypeFilter}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 ReferenceTypeFilter } from './ReferenceTypeFilter';

package/build/components/ReferenceTypeFilter/style.js

@@ -0,0 +1,34 @@
+import { styled } from '@mui/material/styles';
+import { Input, Menu } from '../index.js';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+export const FilterMenu = styled(Menu)(() => ({
+    marginBottom: '8px',
+}));
+export const InputStyled = styled(Input)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    '.icon': {
+        width: 14,
+    },
+}));
+export const InputsWrapper = styled(Box)(() => ({
+    padding: '8px 16px',
+    '> div + div': {
+        marginTop: '8px',
+    },
+}));
+export const ClearButton = styled(Button)(({ theme }) => ({
+    color: theme.palette.info.dark,
+    fontSize: '11px',
+    textTransform: 'capitalize',
+    padding: '4px 9px',
+    minWidth: 'auto',
+    '&:hover': {
+        background: 'transparent',
+    },
+}));
+export const ClearWrapper = styled(Box)(({ theme }) => ({
+    padding: '0 16px 8px',
+    textAlign: 'left',
+    borderBottom: `1px solid ${theme.palette.divider}`,
+}));

package/build/components/ResizableHeightInput/ResizableHeightInput.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useState } from 'react';
+import Box from '@mui/material/Box';
+import { Placeholder, Wrapper } from './style';
+function ResizableHeightInput({ value, updateValue, placeholder, sx, maxLength }) {
+    const [isInputFocused, setIsInputFocused] = useState(false);
+    const inputRef = useRef(null);
+    const updateDivValue = (e) => {
+        const elem = e.target;
+        updateValue(elem.innerText);
+        setIsInputFocused(false);
+    };
+    const validateMaxLength = (e) => {
+        const elem = e.target;
+        if (maxLength && elem.innerText.length >= maxLength)
+            e.preventDefault();
+    };
+    return (_jsxs(Wrapper, Object.assign({ sx: sx, onClick: () => {
+            if (inputRef.current)
+                inputRef.current.focus();
+            setIsInputFocused(true);
+        } }, { children: [!isInputFocused && !value && _jsx(Placeholder, { children: placeholder }), _jsx(Box, Object.assign({ contentEditable: true, suppressContentEditableWarning: true, sx: { outline: 'none', flexGrow: 1 }, onBlur: updateDivValue, ref: inputRef, onKeyDown: validateMaxLength }, { children: value }))] })));
+}
+export default memo(ResizableHeightInput);

package/build/components/ResizableHeightInput/index.js

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

package/build/components/ResizableHeightInput/style.js

@@ -0,0 +1,12 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const Placeholder = styled(Box)(({ theme }) => ({
+    position: 'absolute',
+    color: theme.palette.grey[700],
+    zIndex: 0,
+}));
+export const Wrapper = styled(Box)(() => ({
+    position: 'relative',
+    flexGrow: 1,
+    fontSize: '11px',
+}));