@tap-payments/os-micro-frontend-shared 0.0.183 → 0.0.185

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, { code: 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.d.ts

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

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.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const TimezoneWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimezoneDropdown: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectedTimezone: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+}, {}, {}>;
+export declare const TimezoneElement: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Space: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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.d.ts

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

package/build/components/RangeCalender/index.js

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

package/build/components/RangeCalender/style.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare const CalenderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const CancelButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const OkayButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectedDate: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+}, {}, {}>;
+export declare const Footer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const FiltersArea: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimeZone: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Main: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Settings: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/RangeCalender/style.js

@@ -0,0 +1,189 @@
+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',
+        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',
+    },
+}));
+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.d.ts

@@ -0,0 +1,2 @@
+import type { DateObject } from 'react-multi-date-picker';
+export type Dates = [DateObject, DateObject];

package/build/components/RangeCalender/type.js

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

package/build/components/RangeCalender/utils.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react-date-object" />
+export declare const getLocale: ({ isHijri, isAr }: {
+    isHijri: boolean;
+    isAr?: boolean | undefined;
+}) => import("react-date-object").Locale;
+export declare const getCalender: (isHijri: boolean) => import("react-date-object").Calendar;

package/build/components/RangeCalender/utils.js

@@ -0,0 +1,15 @@
+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';
+export const getLocale = ({ isHijri, isAr = false }) => {
+    if (isHijri) {
+        return isAr ? arabicAr : arabicEn;
+    }
+    return isAr ? gregorianAr : gregorianEn;
+};
+export const getCalender = (isHijri) => {
+    return isHijri ? arabic : gregorian;
+};

package/build/components/ResizableHeightInput/ResizableHeightInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BoxProps } from '@mui/material/Box';
+interface ResizableHeightInputI extends BoxProps {
+    value: string;
+    updateValue: (value: string) => void;
+    placeholder: string;
+    maxLength?: number;
+}
+declare function ResizableHeightInput({ value, updateValue, placeholder, sx, maxLength }: ResizableHeightInputI): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ResizableHeightInput>;
+export default _default;

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.d.ts

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

package/build/components/ResizableHeightInput/index.js

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

package/build/components/ResizableHeightInput/style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Placeholder: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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',
+}));

package/build/components/Routes/PrivateRoute.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IProps {
+    children: JSX.Element;
+    isLoggedIn?: boolean;
+}
+declare function PrivateRoute({ children, isLoggedIn }: IProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PrivateRoute>;
+export default _default;

package/build/components/Routes/PrivateRoute.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, Suspense } from 'react';
+import { Navigate } from 'react-router-dom';
+function PrivateRoute({ children, isLoggedIn }) {
+    if (!isLoggedIn) {
+        return _jsx(Navigate, { to: "/login" });
+    }
+    return _jsx(Suspense, Object.assign({ fallback: null }, { children: children }));
+}
+export default memo(PrivateRoute);

package/build/components/Routes/PublicRoute.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IProps {
+    children: JSX.Element;
+}
+declare function PublicRoute({ children }: IProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PublicRoute>;
+export default _default;

package/build/components/Routes/PublicRoute.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, Suspense } from 'react';
+function PublicRoute({ children }) {
+    return _jsx(Suspense, Object.assign({ fallback: null }, { children: children }));
+}
+export default memo(PublicRoute);

package/build/components/Routes/index.d.ts

@@ -0,0 +1,3 @@
+import PrivateRoute from './PrivateRoute';
+import PublicRoute from './PublicRoute';
+export { PrivateRoute, PublicRoute };

package/build/components/Routes/index.js

@@ -0,0 +1,3 @@
+import PrivateRoute from './PrivateRoute';
+import PublicRoute from './PublicRoute';
+export { PrivateRoute, PublicRoute };

package/build/components/Sandbox/Sandbox.d.ts

@@ -0,0 +1,11 @@
+import type { AppDetails } from '../../types/index.js';
+type SandboxProps = {
+    appInfo: AppDetails;
+    onToggleSandbox: () => void;
+    isHovered: boolean;
+    isContentHovered: boolean;
+    onMouseContentEnter: () => void;
+    onMouseContentLeave: () => void;
+};
+declare function Sandbox({ appInfo, onToggleSandbox, isHovered, isContentHovered, onMouseContentEnter, onMouseContentLeave }: SandboxProps): import("react/jsx-runtime").JSX.Element;
+export default Sandbox;

package/build/components/Sandbox/Sandbox.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { sandboxDefaultIcon } from '../../constants/index.js';
+import { SandBoxWrapper, StyledAnimatedImage, StyledCircle, StyledContainer, StyledText } from './style';
+function Sandbox({ appInfo, onToggleSandbox, isHovered, isContentHovered, onMouseContentEnter, onMouseContentLeave }) {
+    const { t } = useTranslation();
+    const hideSandbox = (appInfo === null || appInfo === void 0 ? void 0 : appInfo.isMaximized) && !(appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode) && !isHovered;
+    return (_jsx(StyledContainer, Object.assign({ hideSandbox: hideSandbox }, { children: _jsxs(SandBoxWrapper, Object.assign({ onClick: onToggleSandbox }, { children: [_jsx(StyledText, Object.assign({ isContentHovered: isContentHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode) }, { children: t('sandboxMode') })), _jsx(StyledCircle, Object.assign({ active: isContentHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode), isHovered: isHovered, onMouseEnter: onMouseContentEnter, onMouseLeave: onMouseContentLeave }, { children: _jsx(StyledAnimatedImage, { isHovered: isHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode), src: sandboxDefaultIcon, alt: "Sandbox icon" }) }))] })) })));
+}
+export default Sandbox;

package/build/components/Sandbox/index.d.ts

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

package/build/components/Sandbox/index.js

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

package/build/components/Sandbox/style.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    hideSandbox?: boolean | undefined;
+}, {}, {}>;
+export declare const SandBoxWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledAnimatedImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    isHovered: boolean;
+}, {}, {}>;
+export declare const StyledText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isContentHovered: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+interface StyledCircleProps {
+    isHovered: boolean;
+    active: boolean;
+}
+export declare const StyledCircle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledCircleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/components/Sandbox/style.js

@@ -0,0 +1,58 @@
+import { Box, styled } from '@mui/material';
+export const StyledContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'isHovered' && prop !== 'isContentHovered' && prop !== 'hideSandbox',
+})(({ hideSandbox }) => ({
+    width: '6.4rem',
+    display: 'flex',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    transition: 'opacity 0.2s ease-in-out',
+    visibility: hideSandbox ? 'hidden' : 'visible',
+}));
+export const SandBoxWrapper = styled(Box)(() => ({
+    display: 'flex',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+}));
+export const StyledImage = styled('img')(() => ({
+    height: '0.75rem',
+    width: '0.75rem',
+    opacity: 0,
+    transition: 'opacity 0.2s ease-in-out',
+    '&:hover': {
+        opacity: 1,
+    },
+}));
+export const StyledAnimatedImage = styled(StyledImage, {
+    shouldForwardProp: (prop) => prop !== 'isHovered',
+})(({ isHovered }) => ({
+    opacity: isHovered ? 1 : 0,
+    transition: 'opacity 0.2s ease-in-out',
+    height: 'auto',
+    width: 'auto',
+    cursor: 'pointer',
+}));
+export const StyledText = styled('p', {
+    shouldForwardProp: (prop) => prop !== 'isContentHovered',
+})(({ theme, isContentHovered }) => ({
+    color: theme.palette.common.orange,
+    fontSize: '0.62rem',
+    fontWeight: 600,
+    paddingRight: '0.25rem',
+    opacity: isContentHovered ? 1 : 0,
+    display: isContentHovered ? 'block' : 'none',
+    transition: 'opacity 0.2s ease-in-out',
+    margin: 0,
+}));
+export const StyledCircle = styled('div', {
+    shouldForwardProp: (prop) => prop !== 'isHovered' && prop !== 'active',
+})(({ theme, isHovered, active }) => ({
+    width: 12,
+    height: 12,
+    borderRadius: 50,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: active ? theme.palette.common.orange : isHovered ? `${theme.palette.grey[200]}40` : `${theme.palette.grey[200]}14`,
+    transition: 'background-color 0.2s ease-in-out',
+}));

package/build/components/SearchButton/SearchButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type StatusButtonProps } from '../StatusButton/type';
+interface SearchButtonProps extends Omit<StatusButtonProps, 'variant'> {
+    onSearchChange?: (value: string) => void;
+    placeholder?: string;
+}
+declare function SearchButton({ onSearchChange, placeholder, ...props }: SearchButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof SearchButton>;
+export default _default;