@grupalia/rn-ui-kit 0.17.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -0
- package/lib/commonjs/UIKitProvider.js +41 -0
- package/lib/commonjs/UIKitProvider.js.map +1 -0
- package/lib/commonjs/assets/illustrations/warning.svg +1 -0
- package/lib/commonjs/components/AppView.js +64 -0
- package/lib/commonjs/components/AppView.js.map +1 -0
- package/lib/commonjs/components/BaseDatesScrollView.js +13 -7
- package/lib/commonjs/components/BaseDatesScrollView.js.map +1 -1
- package/lib/commonjs/components/BaseErrorBox.js +92 -0
- package/lib/commonjs/components/BaseErrorBox.js.map +1 -0
- package/lib/commonjs/components/BaseErrorScreen.js +41 -0
- package/lib/commonjs/components/BaseErrorScreen.js.map +1 -0
- package/lib/commonjs/components/BaseStickyFooter.js +19 -0
- package/lib/commonjs/components/BaseStickyFooter.js.map +1 -0
- package/lib/commonjs/components/DateSelector.js +10 -5
- package/lib/commonjs/components/DateSelector.js.map +1 -1
- package/lib/commonjs/components/DateTimeSelector.js +89 -48
- package/lib/commonjs/components/DateTimeSelector.js.map +1 -1
- package/lib/commonjs/components/NetworkBanner.js +73 -0
- package/lib/commonjs/components/NetworkBanner.js.map +1 -0
- package/lib/commonjs/components/index.js +21 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/svgs/Warning.js +15 -0
- package/lib/commonjs/components/svgs/Warning.js.map +1 -0
- package/lib/commonjs/hooks/index.js +22 -13
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useInternetConnectionStatus.js +24 -14
- package/lib/commonjs/hooks/useInternetConnectionStatus.js.map +1 -1
- package/lib/commonjs/hooks/useTimezonedDate.js +73 -0
- package/lib/commonjs/hooks/useTimezonedDate.js.map +1 -0
- package/lib/commonjs/index.js +36 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/test-setup.js +11 -0
- package/lib/commonjs/test-setup.js.map +1 -0
- package/lib/commonjs/utils/filters.js +52 -0
- package/lib/commonjs/utils/filters.js.map +1 -0
- package/lib/commonjs/utils/index.js +11 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/UIKitProvider.js +34 -0
- package/lib/module/UIKitProvider.js.map +1 -0
- package/lib/module/assets/illustrations/warning.svg +1 -0
- package/lib/module/components/AppView.js +59 -0
- package/lib/module/components/AppView.js.map +1 -0
- package/lib/module/components/BaseDatesScrollView.js +15 -9
- package/lib/module/components/BaseDatesScrollView.js.map +1 -1
- package/lib/module/components/BaseErrorBox.js +87 -0
- package/lib/module/components/BaseErrorBox.js.map +1 -0
- package/lib/module/components/BaseErrorScreen.js +36 -0
- package/lib/module/components/BaseErrorScreen.js.map +1 -0
- package/lib/module/components/BaseStickyFooter.js +15 -0
- package/lib/module/components/BaseStickyFooter.js.map +1 -0
- package/lib/module/components/DateSelector.js +11 -6
- package/lib/module/components/DateSelector.js.map +1 -1
- package/lib/module/components/DateTimeSelector.js +90 -48
- package/lib/module/components/DateTimeSelector.js.map +1 -1
- package/lib/module/components/NetworkBanner.js +67 -0
- package/lib/module/components/NetworkBanner.js.map +1 -0
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/svgs/Warning.js +10 -0
- package/lib/module/components/svgs/Warning.js.map +1 -0
- package/lib/module/hooks/index.js +2 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useInternetConnectionStatus.js +23 -13
- package/lib/module/hooks/useInternetConnectionStatus.js.map +1 -1
- package/lib/module/hooks/useTimezonedDate.js +70 -0
- package/lib/module/hooks/useTimezonedDate.js.map +1 -0
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/test-setup.js +10 -0
- package/lib/module/test-setup.js.map +1 -0
- package/lib/module/utils/filters.js +48 -0
- package/lib/module/utils/filters.js.map +1 -0
- package/lib/module/utils/index.js +1 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/commonjs/UIKitProvider.d.ts +15 -0
- package/lib/typescript/commonjs/UIKitProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/__tests__/smoke.test.d.ts +2 -0
- package/lib/typescript/commonjs/__tests__/smoke.test.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/AppView.d.ts +19 -0
- package/lib/typescript/commonjs/components/AppView.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseDatesScrollView.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseErrorBox.d.ts +14 -0
- package/lib/typescript/commonjs/components/BaseErrorBox.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseErrorScreen.d.ts +13 -0
- package/lib/typescript/commonjs/components/BaseErrorScreen.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseStickyFooter.d.ts +11 -0
- package/lib/typescript/commonjs/components/BaseStickyFooter.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/DateSelector.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/DateTimeSelector.d.ts +10 -4
- package/lib/typescript/commonjs/components/DateTimeSelector.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/FormikDateTimeSelector.d.ts +1 -1
- package/lib/typescript/commonjs/components/FormikDateTimeSelectorBottomSheet.d.ts +1 -1
- package/lib/typescript/commonjs/components/NetworkBanner.d.ts +10 -0
- package/lib/typescript/commonjs/components/NetworkBanner.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/svgs/Warning.d.ts +6 -0
- package/lib/typescript/commonjs/components/svgs/Warning.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/index.d.ts +2 -1
- package/lib/typescript/commonjs/hooks/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useInternetConnectionStatus.d.ts +4 -4
- package/lib/typescript/commonjs/hooks/useInternetConnectionStatus.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useTimezonedDate.d.ts +59 -0
- package/lib/typescript/commonjs/hooks/useTimezonedDate.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +3 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/test-setup.d.ts +2 -0
- package/lib/typescript/commonjs/test-setup.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/filters.d.ts +4 -0
- package/lib/typescript/commonjs/utils/filters.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
- package/lib/typescript/module/UIKitProvider.d.ts +15 -0
- package/lib/typescript/module/UIKitProvider.d.ts.map +1 -0
- package/lib/typescript/module/__tests__/smoke.test.d.ts +2 -0
- package/lib/typescript/module/__tests__/smoke.test.d.ts.map +1 -0
- package/lib/typescript/module/components/AppView.d.ts +19 -0
- package/lib/typescript/module/components/AppView.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseDatesScrollView.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseErrorBox.d.ts +14 -0
- package/lib/typescript/module/components/BaseErrorBox.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseErrorScreen.d.ts +13 -0
- package/lib/typescript/module/components/BaseErrorScreen.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseStickyFooter.d.ts +11 -0
- package/lib/typescript/module/components/BaseStickyFooter.d.ts.map +1 -0
- package/lib/typescript/module/components/DateSelector.d.ts.map +1 -1
- package/lib/typescript/module/components/DateTimeSelector.d.ts +10 -4
- package/lib/typescript/module/components/DateTimeSelector.d.ts.map +1 -1
- package/lib/typescript/module/components/FormikDateTimeSelector.d.ts +1 -1
- package/lib/typescript/module/components/FormikDateTimeSelectorBottomSheet.d.ts +1 -1
- package/lib/typescript/module/components/NetworkBanner.d.ts +10 -0
- package/lib/typescript/module/components/NetworkBanner.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +3 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/svgs/Warning.d.ts +6 -0
- package/lib/typescript/module/components/svgs/Warning.d.ts.map +1 -0
- package/lib/typescript/module/hooks/index.d.ts +2 -1
- package/lib/typescript/module/hooks/index.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useInternetConnectionStatus.d.ts +4 -4
- package/lib/typescript/module/hooks/useInternetConnectionStatus.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useTimezonedDate.d.ts +59 -0
- package/lib/typescript/module/hooks/useTimezonedDate.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +3 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/test-setup.d.ts +2 -0
- package/lib/typescript/module/test-setup.d.ts.map +1 -0
- package/lib/typescript/module/utils/filters.d.ts +4 -0
- package/lib/typescript/module/utils/filters.d.ts.map +1 -0
- package/lib/typescript/module/utils/index.d.ts +1 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -1
- package/package.json +19 -9
- package/src/components/BaseAlert.tsx +0 -181
- package/src/components/BaseBadge.tsx +0 -192
- package/src/components/BaseBottomSheetModal.tsx +0 -50
- package/src/components/BaseButton.tsx +0 -317
- package/src/components/BaseConfirmationModal.tsx +0 -66
- package/src/components/BaseDateInput.tsx +0 -153
- package/src/components/BaseDatesScrollView.tsx +0 -123
- package/src/components/BaseHorizontalTabs.tsx +0 -225
- package/src/components/BaseIcon.tsx +0 -41
- package/src/components/BaseIconBox.tsx +0 -75
- package/src/components/BaseRadioGroup.tsx +0 -75
- package/src/components/BaseSelect.tsx +0 -170
- package/src/components/BaseSelectionItem.tsx +0 -85
- package/src/components/BaseSpinner.tsx +0 -21
- package/src/components/BaseStackedList.tsx +0 -146
- package/src/components/BaseSwitch.tsx +0 -48
- package/src/components/BaseText.tsx +0 -34
- package/src/components/CameraImageInput.tsx +0 -610
- package/src/components/CameraWrapperModal.tsx +0 -309
- package/src/components/DateSelector.tsx +0 -91
- package/src/components/DateTimeSelector.tsx +0 -267
- package/src/components/FormikCameraImageInput.tsx +0 -39
- package/src/components/FormikDateInput.tsx +0 -53
- package/src/components/FormikDateSelector.tsx +0 -36
- package/src/components/FormikDateTimeSelector.tsx +0 -49
- package/src/components/FormikDateTimeSelectorBottomSheet.tsx +0 -129
- package/src/components/FormikRadioGroup.tsx +0 -35
- package/src/components/FormikSelect.tsx +0 -49
- package/src/components/ImagePickerBottomSheet.tsx +0 -109
- package/src/components/PhotoPickerModal.tsx +0 -116
- package/src/components/PressableOpacity.tsx +0 -88
- package/src/components/Toasts.tsx +0 -200
- package/src/components/index.ts +0 -30
- package/src/components/svgs/Camera.tsx +0 -14
- package/src/hooks/index.ts +0 -3
- package/src/hooks/useBreakpoints.ts +0 -20
- package/src/hooks/useInternetConnectionStatus.ts +0 -221
- package/src/hooks/useIsAboveBreakpoint.ts +0 -8
- package/src/utils/clabe.ts +0 -31
- package/src/utils/date.ts +0 -1
- package/src/utils/fileDirectoryUtils.ts +0 -12
- package/src/utils/fonts.ts +0 -118
- package/src/utils/index.ts +0 -3
- package/src/utils/mx-banks.json +0 -492
- package/src/utils/mx-banks.ts +0 -9
- package/src/utils/timeConstants.ts +0 -19
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { eachDayOfInterval, isBefore, isAfter,
|
|
3
|
+
import { eachDayOfInterval, isBefore, isAfter, addDays, startOfDay, endOfDay } from 'date-fns';
|
|
4
4
|
import { styled } from 'nativewind';
|
|
5
5
|
import React, { useMemo, useCallback } from 'react';
|
|
6
6
|
import { View } from "../hoc-components.js";
|
|
7
7
|
import BaseDatesScrollView from "./BaseDatesScrollView.js";
|
|
8
8
|
import BaseText from "./BaseText.js";
|
|
9
|
+
import { useTimezonedDate } from "../hooks/index.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
11
|
function DateSelector({
|
|
11
12
|
value,
|
|
@@ -20,8 +21,11 @@ function DateSelector({
|
|
|
20
21
|
allowPastDates = false,
|
|
21
22
|
...props
|
|
22
23
|
}) {
|
|
23
|
-
const
|
|
24
|
-
|
|
24
|
+
const {
|
|
25
|
+
tz
|
|
26
|
+
} = useTimezonedDate();
|
|
27
|
+
const minDateStartOfDay = useMemo(() => startOfDay(tz(minDate || new Date())), [minDate, tz]);
|
|
28
|
+
const maxDateEndOfDay = useMemo(() => maxDate ? endOfDay(tz(maxDate)) : null, [maxDate, tz]);
|
|
25
29
|
const dateRange = useMemo(() => {
|
|
26
30
|
const startDate = minDateStartOfDay;
|
|
27
31
|
const endDate = maxDateEndOfDay || addDays(startDate, 7);
|
|
@@ -34,10 +38,11 @@ function DateSelector({
|
|
|
34
38
|
if (disabled) return true;
|
|
35
39
|
if (minDateStartOfDay && isBefore(day, minDateStartOfDay)) return true;
|
|
36
40
|
if (maxDateEndOfDay && isAfter(day, maxDateEndOfDay)) return true;
|
|
37
|
-
|
|
38
|
-
if (
|
|
41
|
+
const tzDay = tz(day);
|
|
42
|
+
if (disabledWeekDays.includes(tzDay.getDay())) return true;
|
|
43
|
+
if (!allowPastDates && isBefore(day, startOfDay(tz()))) return true;
|
|
39
44
|
return false;
|
|
40
|
-
}, [disabled, minDateStartOfDay, maxDateEndOfDay, disabledWeekDays, allowPastDates]);
|
|
45
|
+
}, [disabled, minDateStartOfDay, maxDateEndOfDay, disabledWeekDays, allowPastDates, tz]);
|
|
41
46
|
const handleDayPress = useCallback(day => {
|
|
42
47
|
if (isDayDisabled(day)) return;
|
|
43
48
|
onChange?.(day);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["eachDayOfInterval","isBefore","isAfter","
|
|
1
|
+
{"version":3,"names":["eachDayOfInterval","isBefore","isAfter","addDays","startOfDay","endOfDay","styled","React","useMemo","useCallback","View","BaseDatesScrollView","BaseText","useTimezonedDate","jsx","_jsx","jsxs","_jsxs","DateSelector","value","label","description","onChange","minDate","maxDate","disabledWeekDays","disabled","error","allowPastDates","props","tz","minDateStartOfDay","Date","maxDateEndOfDay","dateRange","startDate","endDate","start","end","isDayDisabled","day","tzDay","includes","getDay","handleDayPress","className","children","selectedDate","onDayPress"],"sourceRoot":"../../../src","sources":["components/DateSelector.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { isBefore, isAfter, addDays, startOfDay, isSameDay, isToday, format, eachDayOfInterval } from 'date-fns';
|
|
4
4
|
import { styled } from 'nativewind';
|
|
5
|
-
import
|
|
5
|
+
import { useMemo, useCallback, useState } from 'react';
|
|
6
6
|
import { View, GestureScrollView, LinearGradient } from "../hoc-components.js";
|
|
7
7
|
import BaseDatesScrollView from "./BaseDatesScrollView.js";
|
|
8
8
|
import BaseRadioGroup from "./BaseRadioGroup.js";
|
|
9
9
|
import BaseText from "./BaseText.js";
|
|
10
|
+
import { useTimezonedDate } from "../hooks/index.js";
|
|
10
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
function parseMilitaryTime(time) {
|
|
13
|
+
const hour = Math.floor(time / 100);
|
|
14
|
+
const minute = time % 100;
|
|
15
|
+
return {
|
|
16
|
+
hour,
|
|
17
|
+
minute
|
|
18
|
+
};
|
|
19
|
+
}
|
|
11
20
|
function TimeSlots({
|
|
12
21
|
timeSlots,
|
|
13
22
|
selectedTime,
|
|
@@ -17,15 +26,13 @@ function TimeSlots({
|
|
|
17
26
|
}) {
|
|
18
27
|
const radioOptions = timeSlots.map(slot => ({
|
|
19
28
|
label: slot.label,
|
|
20
|
-
value:
|
|
29
|
+
value: slot.startTime.getTime().toString()
|
|
21
30
|
}));
|
|
22
|
-
const selectedValue = selectedTime ?
|
|
31
|
+
const selectedValue = selectedTime ? selectedTime.getTime().toString() : undefined;
|
|
23
32
|
const handleRadioChange = value => {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
minute
|
|
28
|
-
});
|
|
33
|
+
const timestamp = parseInt(value, 10);
|
|
34
|
+
const selectedDate = new Date(timestamp);
|
|
35
|
+
handleTimePress(selectedDate);
|
|
29
36
|
};
|
|
30
37
|
return /*#__PURE__*/_jsxs(View, {
|
|
31
38
|
className: "mt-4 flex-1",
|
|
@@ -72,9 +79,11 @@ function DateTimeSelector({
|
|
|
72
79
|
onChange,
|
|
73
80
|
minDate,
|
|
74
81
|
maxDate,
|
|
75
|
-
minHour =
|
|
76
|
-
maxHour =
|
|
77
|
-
|
|
82
|
+
minHour = 800,
|
|
83
|
+
maxHour = 2300,
|
|
84
|
+
dayHourRestrictions = {},
|
|
85
|
+
timeSlotIntervalMinutes = 30,
|
|
86
|
+
timeSlotDurationMinutes,
|
|
78
87
|
disabledWeekDays = [],
|
|
79
88
|
disabledHours = [],
|
|
80
89
|
dateLabel,
|
|
@@ -85,9 +94,13 @@ function DateTimeSelector({
|
|
|
85
94
|
allowPastDatetimes = false,
|
|
86
95
|
...props
|
|
87
96
|
}) {
|
|
97
|
+
const {
|
|
98
|
+
tz,
|
|
99
|
+
fromWallClock
|
|
100
|
+
} = useTimezonedDate();
|
|
88
101
|
const [selectedDate, setSelectedDate] = useState(value);
|
|
89
|
-
const minDateStartOfDay = useMemo(() => startOfDay(minDate || new Date()), [minDate]);
|
|
90
|
-
const maxDateEndOfDay = useMemo(() => maxDate ? startOfDay(maxDate) : null, [maxDate]);
|
|
102
|
+
const minDateStartOfDay = useMemo(() => startOfDay(tz(minDate || new Date())), [minDate, tz]);
|
|
103
|
+
const maxDateEndOfDay = useMemo(() => maxDate ? startOfDay(tz(maxDate)) : null, [maxDate, tz]);
|
|
91
104
|
const dateRange = useMemo(() => {
|
|
92
105
|
const startDate = minDateStartOfDay;
|
|
93
106
|
const endDate = maxDateEndOfDay || addDays(startDate, 7);
|
|
@@ -98,32 +111,67 @@ function DateTimeSelector({
|
|
|
98
111
|
}, [minDateStartOfDay, maxDateEndOfDay]);
|
|
99
112
|
const getTimeSlotsForDate = useCallback(date => {
|
|
100
113
|
const slots = [];
|
|
101
|
-
const now =
|
|
102
|
-
|
|
114
|
+
const now = tz();
|
|
115
|
+
const tzDate = tz(date);
|
|
116
|
+
const day = tzDate.getDay();
|
|
117
|
+
const schedule = dayHourRestrictions[day] ?? {
|
|
118
|
+
minHour,
|
|
119
|
+
maxHour
|
|
120
|
+
};
|
|
121
|
+
const minHourParsed = schedule.minHour >= 100 ? parseMilitaryTime(schedule.minHour) : {
|
|
122
|
+
hour: schedule.minHour,
|
|
123
|
+
minute: 0
|
|
124
|
+
};
|
|
125
|
+
const minHourInMinutes = minHourParsed.hour * 60 + minHourParsed.minute;
|
|
126
|
+
const maxHourParsed = schedule.maxHour >= 100 ? parseMilitaryTime(schedule.maxHour) : {
|
|
127
|
+
hour: schedule.maxHour,
|
|
128
|
+
minute: 0
|
|
129
|
+
};
|
|
130
|
+
const maxHourInMinutes = maxHourParsed.hour * 60 + maxHourParsed.minute;
|
|
131
|
+
for (let hour = 0; hour <= 23; hour += 1) {
|
|
103
132
|
if (disabledHours.includes(hour)) continue;
|
|
104
|
-
if (!allowPastDatetimes && isToday(
|
|
105
|
-
for (let minute = 0; minute < 60; minute +=
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
const
|
|
111
|
-
const
|
|
112
|
-
const
|
|
113
|
-
const
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
133
|
+
if (!allowPastDatetimes && isToday(tzDate) && hour < now.getHours()) continue;
|
|
134
|
+
for (let minute = 0; minute < 60; minute += timeSlotIntervalMinutes) {
|
|
135
|
+
const currentTimeInMinutes = hour * 60 + minute;
|
|
136
|
+
if (currentTimeInMinutes < minHourInMinutes || currentTimeInMinutes > maxHourInMinutes) continue;
|
|
137
|
+
if (!allowPastDatetimes && isToday(tzDate) && hour === now.getHours() && minute <= now.getMinutes()) continue;
|
|
138
|
+
const startTimeInMinutes = hour * 60 + minute;
|
|
139
|
+
const endTimeInMinutes = startTimeInMinutes + (timeSlotDurationMinutes || 0);
|
|
140
|
+
const endHour = Math.floor(endTimeInMinutes / 60);
|
|
141
|
+
const endMinute = endTimeInMinutes % 60;
|
|
142
|
+
const startTime = fromWallClock({
|
|
143
|
+
year: date.getFullYear(),
|
|
144
|
+
month: date.getMonth() + 1,
|
|
145
|
+
day: date.getDate(),
|
|
117
146
|
hour,
|
|
118
|
-
minute
|
|
119
|
-
|
|
120
|
-
|
|
147
|
+
minute
|
|
148
|
+
});
|
|
149
|
+
const endTime = fromWallClock({
|
|
150
|
+
year: date.getFullYear(),
|
|
151
|
+
month: date.getMonth() + 1,
|
|
152
|
+
day: date.getDate(),
|
|
153
|
+
hour: endHour,
|
|
154
|
+
minute: endMinute
|
|
155
|
+
});
|
|
156
|
+
const startLabel = format(startTime, 'H:mm');
|
|
157
|
+
let hourLabel;
|
|
158
|
+
if (timeSlotDurationMinutes && timeSlotDurationMinutes > 0) {
|
|
159
|
+
const endLabel = format(endTime, 'H:mm');
|
|
160
|
+
hourLabel = `${startLabel} - ${endLabel}`;
|
|
161
|
+
} else {
|
|
162
|
+
hourLabel = startLabel;
|
|
163
|
+
}
|
|
164
|
+
slots.push({
|
|
165
|
+
startTime,
|
|
166
|
+
endTime,
|
|
121
167
|
label: hourLabel
|
|
122
168
|
});
|
|
123
169
|
}
|
|
124
170
|
}
|
|
125
171
|
return slots;
|
|
126
|
-
}, [
|
|
172
|
+
}, [
|
|
173
|
+
// eslint-disable-line react-hooks/exhaustive-deps
|
|
174
|
+
dayHourRestrictions, minHour, maxHour, timeSlotIntervalMinutes, timeSlotDurationMinutes, disabledHours, allowPastDatetimes, tz, fromWallClock]);
|
|
127
175
|
const timeSlots = useMemo(() => {
|
|
128
176
|
if (!selectedDate) return [];
|
|
129
177
|
return getTimeSlotsForDate(selectedDate);
|
|
@@ -132,14 +180,15 @@ function DateTimeSelector({
|
|
|
132
180
|
if (disabled) return true;
|
|
133
181
|
if (minDateStartOfDay && isBefore(day, minDateStartOfDay)) return true;
|
|
134
182
|
if (maxDateEndOfDay && isAfter(day, maxDateEndOfDay)) return true;
|
|
135
|
-
|
|
136
|
-
if (
|
|
183
|
+
const tzDay = tz(day);
|
|
184
|
+
if (disabledWeekDays.includes(tzDay.getDay())) return true;
|
|
185
|
+
if (!allowPastDatetimes && isBefore(day, startOfDay(tz()))) return true;
|
|
137
186
|
|
|
138
187
|
// Check if there are available time slots for this day
|
|
139
188
|
const availableSlots = getTimeSlotsForDate(day);
|
|
140
189
|
if (availableSlots.length === 0) return true;
|
|
141
190
|
return false;
|
|
142
|
-
}, [disabled, minDateStartOfDay, maxDateEndOfDay, disabledWeekDays, allowPastDatetimes, getTimeSlotsForDate]);
|
|
191
|
+
}, [disabled, minDateStartOfDay, maxDateEndOfDay, disabledWeekDays, allowPastDatetimes, getTimeSlotsForDate, tz]);
|
|
143
192
|
const handleDayPress = useCallback(day => {
|
|
144
193
|
if (isDayDisabled(day)) return;
|
|
145
194
|
setSelectedDate(day);
|
|
@@ -148,19 +197,12 @@ function DateTimeSelector({
|
|
|
148
197
|
}
|
|
149
198
|
}, [isDayDisabled, onChange, value]);
|
|
150
199
|
const handleTimePress = useCallback(time => {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
newDate.setHours(time.hour, time.minute, 0, 0);
|
|
154
|
-
onChange(newDate);
|
|
155
|
-
}
|
|
156
|
-
}, [selectedDate, onChange]);
|
|
200
|
+
onChange(time);
|
|
201
|
+
}, [onChange]);
|
|
157
202
|
const selectedTime = useMemo(() => {
|
|
158
|
-
if (!value || !selectedDate || !isSameDay(value, selectedDate)) return null;
|
|
159
|
-
return
|
|
160
|
-
|
|
161
|
-
minute: value.getMinutes()
|
|
162
|
-
};
|
|
163
|
-
}, [value, selectedDate]);
|
|
203
|
+
if (!value || !selectedDate || !isSameDay(tz(value), tz(selectedDate))) return null;
|
|
204
|
+
return value;
|
|
205
|
+
}, [value, selectedDate, tz]);
|
|
164
206
|
return /*#__PURE__*/_jsxs(View, {
|
|
165
207
|
className: "flex flex-1 flex-col",
|
|
166
208
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["isBefore","isAfter","addDays","startOfDay","isSameDay","isToday","format","eachDayOfInterval","styled","useMemo","useCallback","useState","View","GestureScrollView","LinearGradient","BaseDatesScrollView","BaseRadioGroup","BaseText","useTimezonedDate","jsx","_jsx","jsxs","_jsxs","parseMilitaryTime","time","hour","Math","floor","minute","TimeSlots","timeSlots","selectedTime","handleTimePress","disabled","timeLabel","radioOptions","map","slot","label","value","startTime","getTime","toString","selectedValue","undefined","handleRadioChange","timestamp","parseInt","selectedDate","Date","className","children","style","flex","minHeight","showsVerticalScrollIndicator","nestedScrollEnabled","options","onChange","length","colors","start","x","y","end","pointerEvents","DateTimeSelector","minDate","maxDate","minHour","maxHour","dayHourRestrictions","timeSlotIntervalMinutes","timeSlotDurationMinutes","disabledWeekDays","disabledHours","dateLabel","description","error","allowPastDatetimes","props","tz","fromWallClock","setSelectedDate","minDateStartOfDay","maxDateEndOfDay","dateRange","startDate","endDate","getTimeSlotsForDate","date","slots","now","tzDate","day","getDay","schedule","minHourParsed","minHourInMinutes","maxHourParsed","maxHourInMinutes","includes","getHours","currentTimeInMinutes","getMinutes","startTimeInMinutes","endTimeInMinutes","endHour","endMinute","year","getFullYear","month","getMonth","getDate","endTime","startLabel","hourLabel","endLabel","push","isDayDisabled","tzDay","availableSlots","handleDayPress","onDayPress"],"sourceRoot":"../../../src","sources":["components/DateTimeSelector.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { styled } from 'nativewind';
|
|
5
|
+
import React, { useMemo, useEffect, useState } from 'react';
|
|
6
|
+
import { SignalSlashIcon } from 'react-native-heroicons/outline';
|
|
7
|
+
import { View } from "../hoc-components.js";
|
|
8
|
+
import BaseIcon from "./BaseIcon.js";
|
|
9
|
+
import BaseText from "./BaseText.js";
|
|
10
|
+
import { useInternetConnectionStatus } from "../hooks/useInternetConnectionStatus.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
const WEAK_CONNECTION_MESSAGE = 'Tu conexión a internet es débil. Puede que algunas cosas no funcionen.';
|
|
13
|
+
const NO_CONNECTION_MESSAGE = 'No estás conectado a internet. Puede que la app no funcione correctamente.';
|
|
14
|
+
function NetworkBanner(props) {
|
|
15
|
+
const [displayWarning, setDisplayWarning] = useState(false);
|
|
16
|
+
const [bannerMessage, setBannerMessage] = useState();
|
|
17
|
+
const {
|
|
18
|
+
isConnected,
|
|
19
|
+
isWeakConnection
|
|
20
|
+
} = useInternetConnectionStatus();
|
|
21
|
+
const bgColor = useMemo(() => {
|
|
22
|
+
if (isConnected === false) {
|
|
23
|
+
return 'bg-error-primary';
|
|
24
|
+
}
|
|
25
|
+
if (isWeakConnection) {
|
|
26
|
+
return 'bg-warning-primary';
|
|
27
|
+
}
|
|
28
|
+
return '';
|
|
29
|
+
}, [isConnected, isWeakConnection]);
|
|
30
|
+
const textColor = useMemo(() => {
|
|
31
|
+
if (isConnected === false) {
|
|
32
|
+
return 'text-error-primary';
|
|
33
|
+
}
|
|
34
|
+
if (isWeakConnection) {
|
|
35
|
+
return 'text-warning-primary';
|
|
36
|
+
}
|
|
37
|
+
return 'text-primary';
|
|
38
|
+
}, [isConnected, isWeakConnection]);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (isConnected && isWeakConnection) {
|
|
41
|
+
setDisplayWarning(true);
|
|
42
|
+
setBannerMessage(WEAK_CONNECTION_MESSAGE);
|
|
43
|
+
} else if (isConnected === false) {
|
|
44
|
+
setDisplayWarning(true);
|
|
45
|
+
setBannerMessage(NO_CONNECTION_MESSAGE);
|
|
46
|
+
} else {
|
|
47
|
+
setDisplayWarning(false);
|
|
48
|
+
}
|
|
49
|
+
}, [isConnected, isWeakConnection]);
|
|
50
|
+
if (!displayWarning) {
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
54
|
+
className: clsx('flex flex-row p-4', bgColor),
|
|
55
|
+
...props,
|
|
56
|
+
children: [/*#__PURE__*/_jsx(BaseIcon, {
|
|
57
|
+
icon: SignalSlashIcon,
|
|
58
|
+
size: 20,
|
|
59
|
+
color: "fg-error-primary"
|
|
60
|
+
}), /*#__PURE__*/_jsx(BaseText, {
|
|
61
|
+
className: clsx('ml-2 flex-1 text-xs font-medium', textColor),
|
|
62
|
+
children: bannerMessage
|
|
63
|
+
})]
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
export default styled(NetworkBanner);
|
|
67
|
+
//# sourceMappingURL=NetworkBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["clsx","styled","React","useMemo","useEffect","useState","SignalSlashIcon","View","BaseIcon","BaseText","useInternetConnectionStatus","jsx","_jsx","jsxs","_jsxs","WEAK_CONNECTION_MESSAGE","NO_CONNECTION_MESSAGE","NetworkBanner","props","displayWarning","setDisplayWarning","bannerMessage","setBannerMessage","isConnected","isWeakConnection","bgColor","textColor","className","children","icon","size","color"],"sourceRoot":"../../../src","sources":["components/NetworkBanner.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,IAAIC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3D,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,IAAI,QAAQ,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,QAAQ,MAAM,eAAY;AACjC,SAASC,2BAA2B,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnF,MAAMC,uBAAuB,GAAG,wEAAwE;AACxG,MAAMC,qBAAqB,GAAG,4EAA4E;AAE1G,SAASC,aAAaA,CAACC,KAAgB,EAAE;EACvC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GAAGjB,QAAQ,CAAS,CAAC;EAE5D,MAAM;IAAEkB,WAAW;IAAEC;EAAiB,CAAC,GAAGd,2BAA2B,CAAC,CAAC;EAEvE,MAAMe,OAAO,GAAGtB,OAAO,CAAC,MAAM;IAC5B,IAAIoB,WAAW,KAAK,KAAK,EAAE;MACzB,OAAO,kBAAkB;IAC3B;IAEA,IAAIC,gBAAgB,EAAE;MACpB,OAAO,oBAAoB;IAC7B;IAEA,OAAO,EAAE;EACX,CAAC,EAAE,CAACD,WAAW,EAAEC,gBAAgB,CAAC,CAAC;EAEnC,MAAME,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,IAAIoB,WAAW,KAAK,KAAK,EAAE;MACzB,OAAO,oBAAoB;IAC7B;IAEA,IAAIC,gBAAgB,EAAE;MACpB,OAAO,sBAAsB;IAC/B;IAEA,OAAO,cAAc;EACvB,CAAC,EAAE,CAACD,WAAW,EAAEC,gBAAgB,CAAC,CAAC;EAEnCpB,SAAS,CAAC,MAAM;IACd,IAAImB,WAAW,IAAIC,gBAAgB,EAAE;MACnCJ,iBAAiB,CAAC,IAAI,CAAC;MACvBE,gBAAgB,CAACP,uBAAuB,CAAC;IAC3C,CAAC,MAAM,IAAIQ,WAAW,KAAK,KAAK,EAAE;MAChCH,iBAAiB,CAAC,IAAI,CAAC;MACvBE,gBAAgB,CAACN,qBAAqB,CAAC;IACzC,CAAC,MAAM;MACLI,iBAAiB,CAAC,KAAK,CAAC;IAC1B;EACF,CAAC,EAAE,CAACG,WAAW,EAAEC,gBAAgB,CAAC,CAAC;EAEnC,IAAI,CAACL,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAACP,IAAI;IACHoB,SAAS,EAAE3B,IAAI,CAAC,mBAAmB,EAAEyB,OAAO,CAAE;IAAA,GAC1CP,KAAK;IAAAU,QAAA,gBAEThB,IAAA,CAACJ,QAAQ;MACPqB,IAAI,EAAEvB,eAAgB;MACtBwB,IAAI,EAAE,EAAG;MACTC,KAAK,EAAC;IAAkB,CACzB,CAAC,eACFnB,IAAA,CAACH,QAAQ;MAACkB,SAAS,EAAE3B,IAAI,CAAC,iCAAiC,EAAE0B,SAAS,CAAE;MAAAE,QAAA,EAAEP;IAAa,CAAW,CAAC;EAAA,CAC/F,CAAC;AAEX;AAEA,eAAepB,MAAM,CAACgB,aAAa,CAAC","ignoreList":[]}
|
|
@@ -30,4 +30,7 @@ export { default as FormikDateSelector } from "./FormikDateSelector.js";
|
|
|
30
30
|
export { default as DateTimeSelector } from "./DateTimeSelector.js";
|
|
31
31
|
export { default as FormikDateTimeSelector } from "./FormikDateTimeSelector.js";
|
|
32
32
|
export { default as FormikDateTimeSelectorBottomSheet } from "./FormikDateTimeSelectorBottomSheet.js";
|
|
33
|
+
export { default as NetworkBanner } from "./NetworkBanner.js";
|
|
34
|
+
export { default as BaseErrorScreen } from "./BaseErrorScreen.js";
|
|
35
|
+
export { default as BaseErrorBox } from "./BaseErrorBox.js";
|
|
33
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","BaseButton","BaseBadge","BaseConfirmationModal","BaseIconBox","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText","Toasts","CameraWrapperModal","CameraWrapperModalImage","ImagePickerBottomSheet","ImagePickerBottomSheetImage","PhotoPickerModal","CameraImageInput","CameraImageInputProps","CameraImage","FormikCameraImageInput","DateSelector","FormikDateSelector","DateTimeSelector","FormikDateTimeSelector","FormikDateTimeSelectorBottomSheet"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAAyB;AAC1E,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,kBAAe;AACtD,SAASL,OAAO,IAAIM,eAAe,QAAQ,sBAAmB;AAC9D,SAASN,OAAO,IAAIO,QAAQ,QAAQ,eAAY;AAChD,SAASP,OAAO,IAAIQ,SAAS,QAAQ,gBAAa;AAClD,SAASR,OAAO,IAAIS,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASV,OAAO,IAAIW,YAAY,QAAQ,mBAAgB;AACxD,SAASX,OAAO,IAAIY,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,wBAAqB;AAClE,SAASd,OAAO,IAAIe,cAAc,QAAQ,qBAAkB;AAC5D,SAASf,OAAO,IAAIgB,gBAAgB,QAAQ,uBAAoB;AAChE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,oBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,eAAe,QAAQ,sBAAmB;AAC9D,SAASlB,OAAO,IAAImB,UAAU,QAAQ,iBAAc;AACpD,SAASnB,OAAO,IAAIoB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,eAAY;AAChD,SAASrB,OAAO,IAAIsB,MAAM,QAAQ,aAAU;AAC5C,SAAStB,OAAO,IAAIuB,kBAAkB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAC7F,SAASxB,OAAO,IAAIyB,sBAAsB,EAAEC,2BAA2B,QAAQ,6BAA0B;AACzG,SAAS1B,OAAO,IAAI2B,gBAAgB,QAAQ,uBAAoB;AAChE,SAAS3B,OAAO,IAAI4B,gBAAgB,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,uBAAoB;AACpG,SAAS9B,OAAO,IAAI+B,sBAAsB,QAAQ,6BAA0B;AAC5E,SAAS/B,OAAO,IAAIgC,YAAY,QAAQ,mBAAgB;AACxD,SAAShC,OAAO,IAAIiC,kBAAkB,QAAQ,yBAAsB;AACpE,SAASjC,OAAO,IAAIkC,gBAAgB,QAAQ,uBAAoB;AAChE,SAASlC,OAAO,IAAImC,sBAAsB,QAAQ,6BAA0B;AAC5E,SAASnC,OAAO,IAAIoC,iCAAiC,QAAQ,wCAAqC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["default","BaseButton","BaseBadge","BaseConfirmationModal","BaseIconBox","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText","Toasts","CameraWrapperModal","CameraWrapperModalImage","ImagePickerBottomSheet","ImagePickerBottomSheetImage","PhotoPickerModal","CameraImageInput","CameraImageInputProps","CameraImage","FormikCameraImageInput","DateSelector","FormikDateSelector","DateTimeSelector","FormikDateTimeSelector","FormikDateTimeSelectorBottomSheet","NetworkBanner","BaseErrorScreen","BaseErrorBox"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAAyB;AAC1E,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,kBAAe;AACtD,SAASL,OAAO,IAAIM,eAAe,QAAQ,sBAAmB;AAC9D,SAASN,OAAO,IAAIO,QAAQ,QAAQ,eAAY;AAChD,SAASP,OAAO,IAAIQ,SAAS,QAAQ,gBAAa;AAClD,SAASR,OAAO,IAAIS,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASV,OAAO,IAAIW,YAAY,QAAQ,mBAAgB;AACxD,SAASX,OAAO,IAAIY,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,wBAAqB;AAClE,SAASd,OAAO,IAAIe,cAAc,QAAQ,qBAAkB;AAC5D,SAASf,OAAO,IAAIgB,gBAAgB,QAAQ,uBAAoB;AAChE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,oBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,eAAe,QAAQ,sBAAmB;AAC9D,SAASlB,OAAO,IAAImB,UAAU,QAAQ,iBAAc;AACpD,SAASnB,OAAO,IAAIoB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,eAAY;AAChD,SAASrB,OAAO,IAAIsB,MAAM,QAAQ,aAAU;AAC5C,SAAStB,OAAO,IAAIuB,kBAAkB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAC7F,SAASxB,OAAO,IAAIyB,sBAAsB,EAAEC,2BAA2B,QAAQ,6BAA0B;AACzG,SAAS1B,OAAO,IAAI2B,gBAAgB,QAAQ,uBAAoB;AAChE,SAAS3B,OAAO,IAAI4B,gBAAgB,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,uBAAoB;AACpG,SAAS9B,OAAO,IAAI+B,sBAAsB,QAAQ,6BAA0B;AAC5E,SAAS/B,OAAO,IAAIgC,YAAY,QAAQ,mBAAgB;AACxD,SAAShC,OAAO,IAAIiC,kBAAkB,QAAQ,yBAAsB;AACpE,SAASjC,OAAO,IAAIkC,gBAAgB,QAAQ,uBAAoB;AAChE,SAASlC,OAAO,IAAImC,sBAAsB,QAAQ,6BAA0B;AAC5E,SAASnC,OAAO,IAAIoC,iCAAiC,QAAQ,wCAAqC;AAClG,SAASpC,OAAO,IAAIqC,aAAa,QAAQ,oBAAiB;AAC1D,SAASrC,OAAO,IAAIsC,eAAe,QAAQ,sBAAmB;AAC9D,SAAStC,OAAO,IAAIuC,YAAY,QAAQ,mBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import WarningSvg from '../../assets/illustrations/warning.svg';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
export default function Warning(props) {
|
|
6
|
+
return /*#__PURE__*/_jsx(WarningSvg, {
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=Warning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["WarningSvg","jsx","_jsx","Warning","props"],"sourceRoot":"../../../../src","sources":["components/svgs/Warning.tsx"],"mappings":";;AAEA,OAAOA,UAAU,MAAM,wCAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIhE,eAAe,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC5C,oBACEF,IAAA,CAACF,UAAU;IAAA,GAAKI;EAAK,CAAG,CAAC;AAE7B","ignoreList":[]}
|
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
export * from "./useBreakpoints.js";
|
|
4
4
|
export * from "./useIsAboveBreakpoint.js";
|
|
5
|
-
export
|
|
5
|
+
export * from "./useInternetConnectionStatus.js";
|
|
6
|
+
export * from "./useTimezonedDate.js";
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB;AAChC,cAAc,2BAAwB;AACtC,cAAc,kCAA+B;AAC7C,cAAc,uBAAoB","ignoreList":[]}
|
|
@@ -3,11 +3,8 @@
|
|
|
3
3
|
import AsyncStorage from '@react-native-async-storage/async-storage';
|
|
4
4
|
import { useNetInfo } from '@react-native-community/netinfo';
|
|
5
5
|
import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
|
|
6
|
+
import { useUIKitConfig } from "../UIKitProvider.js";
|
|
6
7
|
import { MS_IN_A_SECOND } from "../utils/timeConstants.js";
|
|
7
|
-
const DEFAULT_SETTINGS = {
|
|
8
|
-
checkInterval: 15 * MS_IN_A_SECOND,
|
|
9
|
-
timeout: 5 * MS_IN_A_SECOND
|
|
10
|
-
};
|
|
11
8
|
const CACHE_KEY = 'internet_connectivity_status';
|
|
12
9
|
const CACHE_EXPIRY_TIME = 10 * MS_IN_A_SECOND;
|
|
13
10
|
const STRONG_CONNECTION_THRESHOLD = 20;
|
|
@@ -50,15 +47,30 @@ async function setCachedStatus(internetAccess) {
|
|
|
50
47
|
// Silently fail if we can't write to cache
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
|
-
export
|
|
50
|
+
export function useInternetConnectionStatus(config) {
|
|
51
|
+
const uiKitConfig = useUIKitConfig();
|
|
54
52
|
const {
|
|
53
|
+
internetConnection
|
|
54
|
+
} = uiKitConfig || {};
|
|
55
|
+
const selectedConfig = config ?? internetConnection;
|
|
56
|
+
if (!selectedConfig) {
|
|
57
|
+
throw new Error(`useInternetConnectionStatus requires either a 'config' prop or 'internetConnection' in UIKitProvider config.
|
|
58
|
+
Please provide one of them to use this hook. Example:
|
|
59
|
+
|
|
60
|
+
const config = {
|
|
61
|
+
checkHealth: async () => fetch('https://example.com/health'),
|
|
62
|
+
checkInterval: 30000, // Check every 30 seconds
|
|
63
|
+
timeout: 5000, // Timeout after 5 seconds
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
const status = useInternetConnectionStatus({ config });
|
|
67
|
+
`);
|
|
68
|
+
}
|
|
69
|
+
const {
|
|
70
|
+
checkHealth,
|
|
55
71
|
checkInterval,
|
|
56
|
-
timeout
|
|
57
|
-
|
|
58
|
-
} = {
|
|
59
|
-
...DEFAULT_SETTINGS,
|
|
60
|
-
...props
|
|
61
|
-
};
|
|
72
|
+
timeout
|
|
73
|
+
} = selectedConfig;
|
|
62
74
|
const netInfo = useNetInfo();
|
|
63
75
|
const [successfulHealthCheck, setSuccessfulHealthCheck] = useState(null);
|
|
64
76
|
const [isLoading, setIsLoading] = useState(false);
|
|
@@ -135,8 +147,6 @@ export default function useInternetConnectionStatus(props) {
|
|
|
135
147
|
ongoingNetworkTest = null;
|
|
136
148
|
}
|
|
137
149
|
}, [performNetworkTest]);
|
|
138
|
-
|
|
139
|
-
// Setup
|
|
140
150
|
useEffect(() => {
|
|
141
151
|
cleanupIntervals();
|
|
142
152
|
if (checkInterval > 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AsyncStorage","useNetInfo","useState","useEffect","useCallback","useRef","useMemo","
|
|
1
|
+
{"version":3,"names":["AsyncStorage","useNetInfo","useState","useEffect","useCallback","useRef","useMemo","useUIKitConfig","MS_IN_A_SECOND","CACHE_KEY","CACHE_EXPIRY_TIME","STRONG_CONNECTION_THRESHOLD","ongoingNetworkTest","globalListeners","Set","broadcastConnectionChange","hasInternetAccess","forEach","listener","getCachedStatus","cached","getItem","parsedCache","JSON","parse","isExpired","Date","now","timestamp","removeItem","setCachedStatus","internetAccess","cacheData","setItem","stringify","useInternetConnectionStatus","config","uiKitConfig","internetConnection","selectedConfig","Error","checkHealth","checkInterval","timeout","netInfo","successfulHealthCheck","setSuccessfulHealthCheck","isLoading","setIsLoading","lastChecked","setLastChecked","intervalRef","abortControllerRef","cleanupIntervals","current","clearInterval","abort","performNetworkTest","abortController","AbortController","timeoutId","setTimeout","response","clearTimeout","isConnected","ok","err","name","requestCachedStatusOrPerformNetworkTest","cachedStatus","result","setInterval","type","details","isWeakConnection","strength","globalHasInternetAccess","catch","add","delete"],"sourceRoot":"../../../src","sources":["hooks/useInternetConnectionStatus.ts"],"mappings":"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","ignoreList":[]}
|