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

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, { 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

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

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

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

@@ -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/index.d.ts

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

package/build/components/RangeCalender/index.js

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

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

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

@@ -1,189 +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',
-        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

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

package/build/components/RangeCalender/type.js

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

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

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

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

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

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

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

package/build/components/ResizableHeightInput/index.js

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

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

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

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

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

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

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

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

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

package/build/components/Routes/index.js

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

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

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

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

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

package/build/components/Sandbox/index.js

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

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

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

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

@@ -1,9 +0,0 @@
-/// <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;