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

package/build/components/RangeCalender/components/GroupBy/GroupBy.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import Box from '@mui/material/Box';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { useTranslation } from 'react-i18next';
-import { blackHeadingDownArrow } from '../../../../constants/index.js';
-import { Menu } from '../../../index.js';
-import { GroupByLabel, GroupByDropdownButton, GroupByDropdown, Option } from './style';
-const groupByLabel = {
-    day: 'Day',
-    month: 'Month',
-    quarter: 'Quarter',
-    year: 'Year',
-};
-function GroupBy({ sx, groupBy, isCalenderOpen, onUpdate }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl) && isCalenderOpen;
-    const { t } = useTranslation();
-    const onClose = () => {
-        setAnchorEl(null);
-    };
-    const onOpen = (e) => {
-        setAnchorEl(e.currentTarget);
-    };
-    const onSelect = (value) => {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(value);
-        onClose();
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, Object.assign({ sx: sx }, { children: [_jsx(GroupByLabel, { children: t('groupedBy') }), _jsxs(GroupByDropdownButton, Object.assign({ onClick: onOpen, open: open }, { children: [_jsx("span", { children: groupByLabel[groupBy] }), _jsx(Box, { component: "img", src: blackHeadingDownArrow, alt: "arrow", sx: Object.assign({}, (open && { transform: 'rotate(180deg)' })) })] })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl }, { children: _jsx(GroupByDropdown, Object.assign({ sx: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth } }, { children: Object.entries(groupByLabel).map(([key, value]) => (_jsx(Option, Object.assign({ onClick: () => {
-                                onSelect(key);
-                            }, className: groupBy === key ? 'active' : '' }, { children: value }), `${key}-groupedBy`))) })) }))] })) })));
-}
-export default memo(GroupBy);

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

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

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

@@ -1,39 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const GroupByLabel = styled(Box)(({ theme }) => ({
-    color: theme.palette.grey[700],
-    fontSize: '9px',
-    fontWeight: 500,
-    marginBottom: '6px',
-}));
-export const GroupByDropdownButton = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign({ borderRadius: '4px', border: `1px solid ${theme.palette.divider}`, background: theme.palette.common.white, height: 32, padding: '8px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', cursor: 'pointer' }, (open && {
-    border: `1px solid ${theme.palette.info.dark}`,
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[7],
-}))));
-export const GroupByDropdown = styled(Box)(({ theme }) => ({
-    borderRadius: '8px',
-    background: theme.palette.common.white,
-    boxShadow: '0px 8px 36px 0px rgba(0, 0, 0, 0.15)',
-    textAlign: 'center',
-    color: theme.palette.grey[900],
-    fontSize: '12px',
-    fontWeight: 500,
-    lineHeight: '20px',
-    letterSpacing: '0.1px',
-    padding: '16px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '12px',
-    flexDirection: 'column',
-}));
-export const Option = styled(Box)(({ theme }) => ({
-    width: 71,
-    padding: '4px 0',
-    cursor: 'pointer',
-    '&:hover, &.active': {
-        borderRadius: '100px',
-        background: theme.palette.info.light,
-    },
-}));

package/build/components/RangeCalender/components/Hijri/Hijri.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { IOSSwitch } from '../../../index.js';
-import { hijriIcon } from '../../../../constants/index.js';
-import { CalenderSetting } from './style';
-export default function Hijri({ isHijri, onCalendarModeSwitch }) {
-    const { t } = useTranslation();
-    const onChange = () => {
-        onCalendarModeSwitch === null || onCalendarModeSwitch === void 0 ? void 0 : onCalendarModeSwitch(isHijri ? 'gregorian' : 'hijri');
-    };
-    return (_jsx(Box, { children: _jsxs(CalenderSetting, { children: [_jsxs(Box, { children: [_jsx("img", { src: hijriIcon, alt: "hijri" }), _jsx("span", { children: t('hijri') })] }), _jsx(IOSSwitch, { checked: isHijri, onChange: onChange })] }) }));
-}

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

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

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

@@ -1,25 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const CalenderSetting = styled(Box)(({ theme }) => ({
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    borderRadius: '50px',
-    paddingInline: '6px 12px',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    display: 'flex',
-    gap: '8px',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    height: 32,
-    marginTop: '8px',
-    img: {
-        width: 16,
-        height: 16,
-    },
-    '& > div': {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '2px',
-    },
-}));

package/build/components/RangeCalender/components/QuickFilters/QuickFilters.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { DateObject } from 'react-multi-date-picker';
-import { CustomLabel, FiltersWrapper } from './style';
-import { getCalender, getLocale } from '../../utils';
-export default function QuickFilters({ onChange, isHijri, isAr = false }) {
-    const calenderSettings = { locale: getLocale({ isHijri, isAr }), calendar: getCalender(isHijri) };
-    const filterList = useMemo(() => [
-        { id: 'today', value: [new DateObject(calenderSettings), new DateObject(calenderSettings)] },
-        {
-            id: 'lastWeek',
-            value: [new DateObject(calenderSettings).subtract(6, 'day'), new DateObject(calenderSettings)],
-        },
-        {
-            id: 'lastMonth',
-            value: [new DateObject(calenderSettings).subtract(30, 'day'), new DateObject(calenderSettings)],
-        },
-        {
-            id: new DateObject(calenderSettings).subtract(1, 'month').toFirstOfMonth().format('MMMM YYYY'),
-            value: [
-                new DateObject(calenderSettings).subtract(1, 'month').toFirstOfMonth(),
-                new DateObject(calenderSettings).subtract(1, 'month').toLastOfMonth(),
-            ],
-        },
-        {
-            id: new DateObject(calenderSettings).subtract(2, 'month').toFirstOfMonth().format('MMMM YYYY'),
-            value: [
-                new DateObject(calenderSettings).subtract(2, 'month').toFirstOfMonth(),
-                new DateObject(calenderSettings).subtract(2, 'month').toLastOfMonth(),
-            ],
-        },
-        {
-            id: new DateObject(calenderSettings).subtract(3, 'month').toFirstOfMonth().format('MMMM YYYY'),
-            value: [
-                new DateObject(calenderSettings).subtract(3, 'month').toFirstOfMonth(),
-                new DateObject(calenderSettings).subtract(3, 'month').toLastOfMonth(),
-            ],
-        },
-    ], [isHijri, isAr]);
-    const { t } = useTranslation();
-    return (_jsx(Box, Object.assign({ "data-testid": "RangeCalender_QuickFilters" }, { children: _jsx(FiltersWrapper, { children: filterList.map((item) => (_jsx(CustomLabel, Object.assign({ onClick: (e) => {
-                    e.preventDefault();
-                    onChange(item.value);
-                } }, { children: t(item.id) }), item.id))) }) })));
-}

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

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

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

@@ -1,27 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const CustomLabel = styled(Button)(({ theme }) => ({
-    cursor: 'pointer',
-    borderRadius: '50px',
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    background: theme.palette.common.white,
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: theme.typography.fontWeightRegular,
-    paddingInline: '12px',
-    height: 32,
-    width: 'max-content',
-    textTransform: 'unset',
-    '&:hover': {
-        boxShadow: theme.shadows[7],
-        border: '1px solid',
-        borderColor: theme.palette.info.dark,
-    },
-}));
-export const FiltersWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-}));

package/build/components/RangeCalender/components/RangeDatepicker/RangeDatepicker.js

@@ -1,31 +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 { forwardRef } from 'react';
-import { Calendar } from 'react-multi-date-picker';
-import { darkLeftArrowIcon, darkRightArrowIcon } from '../../../../constants/index.js';
-import { ArrowButton } from './style';
-import { getLocale, getCalender } from '../../utils';
-const weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-function RangeDatepicker(_a, 
-// eslint-disable-next-line
-ref) {
-    var { isAr = false, isHijri, values, onChange, numberOfMonths = 2 } = _a, props = __rest(_a, ["isAr", "isHijri", "values", "onChange", "numberOfMonths"]);
-    const getArrow = (direction) => {
-        if (direction === 'right') {
-            return isAr ? darkLeftArrowIcon : darkRightArrowIcon;
-        }
-        return isAr ? darkRightArrowIcon : darkLeftArrowIcon;
-    };
-    return (_jsx(Calendar, Object.assign({ ref: ref, numberOfMonths: numberOfMonths, value: values, onChange: onChange, calendar: getCalender(isHijri), locale: getLocale({ isHijri, isAr }), range: true, format: "MMM DD", monthYearSeparator: ' ', renderButton: (direction, handleClick) => (_jsx(ArrowButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: getArrow(direction), alt: "arrow" }) }))), weekDays: !isAr ? weekDays : undefined, maxDate: new Date() }, props)));
-}
-export default forwardRef(RangeDatepicker);

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

@@ -1,3 +0,0 @@
-import RangeDatepicker from './RangeDatepicker';
-export * from './type';
-export default RangeDatepicker;

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

@@ -1,9 +0,0 @@
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const ArrowButton = styled(Button)(() => ({
-    minWidth: 'auto',
-    padding: 0,
-    '& > img': {
-        cursor: 'pointer',
-    },
-}));

package/build/components/RangeCalender/components/RangeDatepicker/type.js

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

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo, memo } from 'react';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Popper from '@mui/material/Popper';
-import { entityTimezoneIcon, savedTimezoneIcon, userTimezoneIcon } from '../../../../constants/index.js';
-import { CountryFlag } from '../../../index.js';
-import { TimezoneWrapper, TimezoneDropdown, SelectedTimezone } from './style';
-import EntitiesTimezone from './components/EntitiesTimezone';
-import UserTimezone from './components/UserTimezone';
-function CustomTimezone({ onChange, selectedTimezone, browserTimezone, defaultCountryTimezone, timezoneCountriesCodes }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const onClose = () => {
-        setAnchorEl(null);
-    };
-    const updateTimezone = (timezone) => {
-        onChange(timezone);
-        onClose();
-    };
-    const onOpen = (e) => {
-        setAnchorEl(e.currentTarget);
-    };
-    const selectedTimezoneIcon = useMemo(() => {
-        if (browserTimezone === (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone))
-            return userTimezoneIcon;
-        if ((selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone) === defaultCountryTimezone.timezone)
-            return entityTimezoneIcon;
-        return savedTimezoneIcon;
-    }, [browserTimezone, defaultCountryTimezone.timezone, selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone]);
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(TimezoneWrapper, Object.assign({ "data-testid": "CustomTimezone" }, { children: [_jsxs(SelectedTimezone, Object.assign({ open: open, onClick: onOpen }, { children: [_jsx("img", { src: selectedTimezoneIcon, alt: "timezone-icon" }), _jsx(CountryFlag, { countryCode: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.countryCode }), _jsx("span", { children: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { zIndex: 1400 } }, { children: _jsxs(TimezoneDropdown, Object.assign({ "data-testid": "CustomTimezone_dropdown" }, { children: [_jsx(EntitiesTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, defaultCountryTimezone: defaultCountryTimezone, timezoneCountriesCodes: timezoneCountriesCodes }), _jsx(UserTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone })] })) }))] })) })));
-}
-export default memo(CustomTimezone);

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

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

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

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

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

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

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

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

package/build/components/RangeCalender/utils.js

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

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