@tap-payments/os-micro-frontend-shared 0.1.218-test.10 → 0.1.218-test.12

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

@@ -1,3 +1,3 @@
 import { RangeCalendarProps } from './type';
-declare function RangeCalender({ defaultDate, onDateChange, mode, onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezone, browserTimezone, renderCalendarButton, mainSx, popperProps, rangeDatePickerProps, defaultCountryTimezone, }: RangeCalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function RangeCalender({ defaultDate, onDateChange, mode, onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezone, browserTimezone, renderCalendarButton, mainSx, popperProps, rangeDatePickerProps, defaultCountryTimezone, segmentCountries, }: RangeCalendarProps): import("react/jsx-runtime").JSX.Element;
 export default RangeCalender;

package/build/components/RangeCalender/RangeCalender.js

@@ -15,7 +15,7 @@ import CustomTimezone from './components/Timezone';
 import { ButtonsWrapper, CalenderWrapper, CancelButton, FiltersArea, Footer, Main, OkayButton, SelectedDate, TimeZone, Settings } from './style';
 import CustomTimePicker from './components/CustomTimepicker';
 import { getDateRange, getEndOfDate, getStartOfDate } from './utils';
-function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezone, browserTimezone, renderCalendarButton, mainSx, popperProps, rangeDatePickerProps, defaultCountryTimezone, }) {
+function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezone, browserTimezone, renderCalendarButton, mainSx, popperProps, rangeDatePickerProps, defaultCountryTimezone, segmentCountries, }) {
     const [dates, setDates] = useState(getDateRange(defaultDate));
     const [values, setValues] = useState(dates);
     const [selectedTimezone, setSelectedTimezone] = useState(timezone);
@@ -90,6 +90,6 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
                     onCloseCalender();
                 } })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end" }, popperProps, { children: _jsxs(CalenderWrapper, { children: [!noQuickFilter && (_jsxs(FiltersArea, { children: [_jsx(QuickFilters, { onChange: onChangeQuickFilter, isHijri: isHijri }), _jsxs(Settings, { children: [groupBy && (_jsx(GroupBy, { groupBy: selectedGroupBy, isCalenderOpen: open, onUpdate: (group) => {
                                                 setSelectedGroupBy(group);
-                                            } })), _jsx(Hijri, { isHijri: isHijri, onCalendarModeSwitch: onCalendarModeSwitch })] })] })), _jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, { children: [_jsx(RangeDatePicker, Object.assign({ values: values, onChange: onChange, isHijri: isHijri, ref: calendarRef, numberOfMonths: numberOfMonths }, rangeDatePickerProps)), _jsx(Collapse, Object.assign({ in: isError && Boolean(maxDateRange) }, { children: _jsx(Error, { error: t('dateRangeError', { number: maxDateRange }), sx: { marginInline: '16px', marginBottom: '16px' } }) })), _jsxs(Footer, Object.assign({ sx: { borderBottomLeftRadius: '8px' } }, { children: [!noTimezone ? (_jsx(TimeZone, { children: _jsx(CustomTimezone, { onChange: setSelectedTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone }, String(open)) })) : (_jsx("div", {})), new DateObject(values[0]).dayOfYear === new DateObject(values[1]).dayOfYear && (_jsx(CustomTimePicker, { values: values, setValues: setValues })), _jsxs(ButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: onCloseCalender }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: submitDate }, { children: t('okay') }))] })] }))] }))] }) }))] })));
+                                            } })), _jsx(Hijri, { isHijri: isHijri, onCalendarModeSwitch: onCalendarModeSwitch })] })] })), _jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, { children: [_jsx(RangeDatePicker, Object.assign({ values: values, onChange: onChange, isHijri: isHijri, ref: calendarRef, numberOfMonths: numberOfMonths }, rangeDatePickerProps)), _jsx(Collapse, Object.assign({ in: isError && Boolean(maxDateRange) }, { children: _jsx(Error, { error: t('dateRangeError', { number: maxDateRange }), sx: { marginInline: '16px', marginBottom: '16px' } }) })), _jsxs(Footer, Object.assign({ sx: { borderBottomLeftRadius: '8px' } }, { children: [!noTimezone ? (_jsx(TimeZone, { children: _jsx(CustomTimezone, { onChange: setSelectedTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, segmentCountries: segmentCountries }, String(open)) })) : (_jsx("div", {})), new DateObject(values[0]).dayOfYear === new DateObject(values[1]).dayOfYear && (_jsx(CustomTimePicker, { values: values, setValues: setValues })), _jsxs(ButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: onCloseCalender }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: submitDate }, { children: t('okay') }))] })] }))] }))] }) }))] })));
 }
 export default RangeCalender;

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import type { Timezone } from '../../../../types/index.js';
+import type { SegmentCountry, Timezone } from '../../../../types/index.js';
 interface CustomTimezoneProps {
     onChange: (timezone: Timezone) => void;
     selectedTimezone: Timezone | null;
     defaultCountryTimezone: Timezone;
     browserTimezone: string;
+    segmentCountries: SegmentCountry[];
 }
-declare function CustomTimezone({ onChange, selectedTimezone, browserTimezone, defaultCountryTimezone }: CustomTimezoneProps): import("react/jsx-runtime").JSX.Element;
+declare function CustomTimezone({ onChange, selectedTimezone, browserTimezone, defaultCountryTimezone, segmentCountries }: CustomTimezoneProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof CustomTimezone>;
 export default _default;

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

@@ -7,7 +7,7 @@ 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 }) {
+function CustomTimezone({ onChange, selectedTimezone, browserTimezone, defaultCountryTimezone, segmentCountries }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
     const onClose = () => {
@@ -27,6 +27,6 @@ function CustomTimezone({ onChange, selectedTimezone, browserTimezone, defaultCo
             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, { code: 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 }), _jsx(UserTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone })] })) }))] })) })));
+    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, { code: 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, segmentCountries: segmentCountries }), _jsx(UserTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone })] })) }))] })) })));
 }
 export default memo(CustomTimezone);

package/build/components/RangeCalender/components/Timezone/components/EntitiesTimezone.d.ts

@@ -1,12 +1,9 @@
-import type { Timezone } from '../../../../../types/index.js';
+import type { SegmentCountry, Timezone } from '../../../../../types/index.js';
 interface EntitiesTimezoneProps {
     selectedTimezone: Timezone | null;
     onChange: (selected: Timezone) => void;
-    getTimezoneByCountryCode?: (countryCode: string) => Timezone;
-    segmentCountries?: {
-        code: string;
-    }[];
+    segmentCountries?: SegmentCountry[];
     defaultCountryTimezone: Timezone;
 }
-export default function EntitiesTimezone({ selectedTimezone, onChange, getTimezoneByCountryCode, segmentCountries, defaultCountryTimezone, }: EntitiesTimezoneProps): import("react/jsx-runtime").JSX.Element;
+export default function EntitiesTimezone({ selectedTimezone, onChange, segmentCountries, defaultCountryTimezone }: EntitiesTimezoneProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,7 +4,8 @@ import Popper from '@mui/material/Popper';
 import { entityTimezoneIcon, smallBlueCheckIcon } from '../../../../../constants/index.js';
 import { CountryFlag } from '../../../../index.js';
 import { Label, Space, TimezoneDropdown, TimezoneElement } from '../style';
-export default function EntitiesTimezone({ selectedTimezone, onChange, getTimezoneByCountryCode, segmentCountries, defaultCountryTimezone, }) {
+import { getTimezoneByCountryCode } from '../../../../../utils/index.js';
+export default function EntitiesTimezone({ selectedTimezone, onChange, segmentCountries, defaultCountryTimezone }) {
     const [entitiesEl, setEntitiesEl] = useState(null);
     const onMouseEnter = (e) => {
         if (!entitiesEl)
@@ -18,7 +19,7 @@ export default function EntitiesTimezone({ selectedTimezone, onChange, getTimezo
         e.stopPropagation();
         onChange(tz);
     };
-    const availableTimezones = useMemo(() => segmentCountries === null || segmentCountries === void 0 ? void 0 : segmentCountries.map(({ code }) => getTimezoneByCountryCode === null || getTimezoneByCountryCode === void 0 ? void 0 : getTimezoneByCountryCode(code)), [segmentCountries]);
+    const availableTimezones = useMemo(() => segmentCountries === null || segmentCountries === void 0 ? void 0 : segmentCountries.map(({ code }) => getTimezoneByCountryCode(code)), [segmentCountries]);
     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) || defaultCountryTimezone.timezone === (item === null || item === void 0 ? void 0 : item.timezone)), [availableTimezones, selectedTimezone, defaultCountryTimezone]);
     const entityTimezone = useMemo(() => {
         if (!selectedTimezone)

package/build/utils/index.d.ts

@@ -43,3 +43,4 @@ export * from './day';
 export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
+export * from './timezone';

package/build/utils/index.js

@@ -43,3 +43,4 @@ export * from './day';
 export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
+export * from './timezone';

package/build/utils/timezone.d.ts

@@ -0,0 +1 @@
+export declare const getTimezoneByCountryCode: (code: string) => import("..").Timezone | undefined;

package/build/utils/timezone.js

@@ -0,0 +1,2 @@
+import { COUNTRIES_TIMEZONES } from '../constants/index.js';
+export const getTimezoneByCountryCode = (code) => COUNTRIES_TIMEZONES.find((country) => country.countryCode === code);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.218-test.10",
-  "testVersion": 10,
+  "version": "0.1.218-test.12",
+  "testVersion": 12,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",