@hanzo/booker 0.1.0 → 8.1.1
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 +3 -3
- package/dist/cjs/Booker.cjs +13 -13
- package/dist/cjs/Booker.native.js +13 -13
- package/dist/cjs/Booker.native.js.map +1 -1
- package/dist/cjs/BookingForm.cjs +20 -20
- package/dist/cjs/BookingForm.native.js +20 -20
- package/dist/cjs/BookingForm.native.js.map +1 -1
- package/dist/cjs/CalendarEmbed.cjs +11 -11
- package/dist/cjs/CalendarEmbed.native.js +11 -11
- package/dist/cjs/CalendarEmbed.native.js.map +1 -1
- package/dist/cjs/Confirmation.cjs +20 -20
- package/dist/cjs/Confirmation.native.js +20 -20
- package/dist/cjs/Confirmation.native.js.map +1 -1
- package/dist/cjs/EventHeader.cjs +11 -11
- package/dist/cjs/EventHeader.native.js +11 -11
- package/dist/cjs/EventHeader.native.js.map +1 -1
- package/dist/cjs/MonthCalendar.cjs +16 -16
- package/dist/cjs/MonthCalendar.native.js +16 -16
- package/dist/cjs/MonthCalendar.native.js.map +1 -1
- package/dist/cjs/TimeSlots.cjs +10 -10
- package/dist/cjs/TimeSlots.native.js +10 -10
- package/dist/cjs/TimeSlots.native.js.map +1 -1
- package/dist/esm/Booker.mjs +1 -1
- package/dist/esm/Booker.native.js +1 -1
- package/dist/esm/BookingForm.mjs +1 -1
- package/dist/esm/BookingForm.native.js +1 -1
- package/dist/esm/CalendarEmbed.mjs +1 -1
- package/dist/esm/CalendarEmbed.native.js +1 -1
- package/dist/esm/Confirmation.mjs +1 -1
- package/dist/esm/Confirmation.native.js +1 -1
- package/dist/esm/EventHeader.mjs +1 -1
- package/dist/esm/EventHeader.native.js +1 -1
- package/dist/esm/MonthCalendar.mjs +1 -1
- package/dist/esm/MonthCalendar.native.js +1 -1
- package/dist/esm/TimeSlots.mjs +1 -1
- package/dist/esm/TimeSlots.native.js +1 -1
- package/package.json +10 -10
- package/src/Booker.tsx +1 -1
- package/src/BookingForm.tsx +1 -1
- package/src/CalendarEmbed.tsx +1 -1
- package/src/Confirmation.tsx +1 -1
- package/src/EventHeader.tsx +1 -1
- package/src/MonthCalendar.tsx +1 -1
- package/src/TimeSlots.tsx +1 -1
- package/types/Booker.d.ts +1 -1
- package/types/Booker.d.ts.map +1 -1
- package/types/BookingForm.d.ts +1 -1
- package/types/BookingForm.d.ts.map +1 -1
- package/types/CalendarEmbed.d.ts +1 -1
- package/types/CalendarEmbed.d.ts.map +1 -1
- package/types/Confirmation.d.ts +1 -1
- package/types/Confirmation.d.ts.map +1 -1
- package/types/EventHeader.d.ts +1 -1
- package/types/EventHeader.d.ts.map +1 -1
- package/types/MonthCalendar.d.ts +1 -1
- package/types/MonthCalendar.d.ts.map +1 -1
- package/types/TimeSlots.d.ts +1 -1
- package/types/TimeSlots.d.ts.map +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Universal (web + native) scheduling UI for the [Hanzo Calendar](https://api.hanzo.ai/v1/calendar), built with [hanzogui](https://github.com/hanzoai/gui) primitives.
|
|
4
4
|
|
|
5
|
-
One booking flow — event header → month grid → time slots → details → confirmation — that runs unchanged on the web (DOM) and React Native (iOS / Android). No raw HTML, no ad-hoc CSS: every surface is a hanzogui/
|
|
5
|
+
One booking flow — event header → month grid → time slots → details → confirmation — that runs unchanged on the web (DOM) and React Native (iOS / Android). No raw HTML, no ad-hoc CSS: every surface is a hanzogui/Gui component styled with theme tokens, so it inherits the host app's theme, dark mode, and design system.
|
|
6
6
|
|
|
7
7
|
## Install
|
|
8
8
|
|
|
@@ -16,7 +16,7 @@ Render inside a `GuiProvider` (from `hanzogui`) so tokens and themes resolve.
|
|
|
16
16
|
## Usage
|
|
17
17
|
|
|
18
18
|
```tsx
|
|
19
|
-
import { GuiProvider } from '
|
|
19
|
+
import { GuiProvider } from '@hanzo/gui'
|
|
20
20
|
import { Booker } from '@hanzo/calendar'
|
|
21
21
|
import config from './gui.config' // your createGui(...) config
|
|
22
22
|
|
|
@@ -75,4 +75,4 @@ Speaks the Hanzo Calendar API (Cal API-v2 shapes):
|
|
|
75
75
|
|
|
76
76
|
## License
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
MIT © Hanzo AI — see [LICENSE](../../LICENSE). HIP-0137 (`hanzoai/hips`).
|
package/dist/cjs/Booker.cjs
CHANGED
|
@@ -25,7 +25,7 @@ __export(Booker_exports, {
|
|
|
25
25
|
Booker: () => Booker
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(Booker_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_BookingForm = require("./BookingForm.cjs");
|
|
30
30
|
var import_Confirmation = require("./Confirmation.cjs");
|
|
31
31
|
var import_EventHeader = require("./EventHeader.cjs");
|
|
@@ -35,7 +35,7 @@ var import_useBooker = require("./useBooker.cjs");
|
|
|
35
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
36
|
function Booker(props) {
|
|
37
37
|
const m = (0, import_useBooker.useBooker)(props);
|
|
38
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
39
39
|
backgroundColor: "$background",
|
|
40
40
|
borderColor: "$borderColor",
|
|
41
41
|
borderWidth: 1,
|
|
@@ -46,21 +46,21 @@ function Booker(props) {
|
|
|
46
46
|
maxWidth: 860,
|
|
47
47
|
alignSelf: "center",
|
|
48
48
|
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(StatePanel, {
|
|
49
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
50
50
|
size: "large",
|
|
51
51
|
color: "$color9"
|
|
52
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
53
53
|
size: "$3",
|
|
54
54
|
color: "$color10",
|
|
55
55
|
children: "Loading\u2026"
|
|
56
56
|
})]
|
|
57
57
|
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(StatePanel, {
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
59
59
|
size: "$5",
|
|
60
60
|
fontWeight: "600",
|
|
61
61
|
color: "$color12",
|
|
62
62
|
children: "Couldn't load this event"
|
|
63
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
64
64
|
size: "$3",
|
|
65
65
|
color: "$color10",
|
|
66
66
|
textAlign: "center",
|
|
@@ -70,7 +70,7 @@ function Booker(props) {
|
|
|
70
70
|
booking: m.booking,
|
|
71
71
|
timeZone: m.timeZone,
|
|
72
72
|
onDone: m.reset
|
|
73
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
73
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
74
74
|
gap: "$4",
|
|
75
75
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_EventHeader.EventHeader, {
|
|
76
76
|
event: m.event.data,
|
|
@@ -86,11 +86,11 @@ function Booker(props) {
|
|
|
86
86
|
onSubmit: m.submit,
|
|
87
87
|
onBack: m.back
|
|
88
88
|
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
89
|
-
children: [m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
89
|
+
children: [m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
90
90
|
size: "$2",
|
|
91
91
|
color: "$red10",
|
|
92
92
|
children: ["Couldn't load availability: ", m.slots.error]
|
|
93
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
93
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
94
94
|
gap: "$5",
|
|
95
95
|
flexDirection: "column",
|
|
96
96
|
$sm: {
|
|
@@ -115,7 +115,7 @@ function Booker(props) {
|
|
|
115
115
|
selectedIso: m.selectedSlot,
|
|
116
116
|
loading: m.slots.loading && !m.selectedDay
|
|
117
117
|
})]
|
|
118
|
-
}), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
118
|
+
}), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
119
119
|
size: "$3",
|
|
120
120
|
color: "$color10",
|
|
121
121
|
textAlign: "center",
|
|
@@ -128,7 +128,7 @@ function Booker(props) {
|
|
|
128
128
|
function StatePanel({
|
|
129
129
|
children
|
|
130
130
|
}) {
|
|
131
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
131
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
132
132
|
alignItems: "center",
|
|
133
133
|
justifyContent: "center",
|
|
134
134
|
gap: "$3",
|
|
@@ -138,13 +138,13 @@ function StatePanel({
|
|
|
138
138
|
});
|
|
139
139
|
}
|
|
140
140
|
function JustTakenBanner() {
|
|
141
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
141
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
142
142
|
backgroundColor: "$yellow3",
|
|
143
143
|
borderColor: "$yellow6",
|
|
144
144
|
borderWidth: 1,
|
|
145
145
|
borderRadius: "$4",
|
|
146
146
|
padding: "$2.5",
|
|
147
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
147
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
148
148
|
size: "$2",
|
|
149
149
|
color: "$yellow11",
|
|
150
150
|
children: "That time was just taken. We refreshed the calendar \u2014 please pick another."
|
|
@@ -28,7 +28,7 @@ __export(Booker_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Booker_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_BookingForm = require("./BookingForm.native.js");
|
|
33
33
|
var import_Confirmation = require("./Confirmation.native.js");
|
|
34
34
|
var import_EventHeader = require("./EventHeader.native.js");
|
|
@@ -38,7 +38,7 @@ var import_useBooker = require("./useBooker.native.js");
|
|
|
38
38
|
function Booker(props) {
|
|
39
39
|
var m = (0, import_useBooker.useBooker)(props);
|
|
40
40
|
var _m_event_error;
|
|
41
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
42
42
|
backgroundColor: "$background",
|
|
43
43
|
borderColor: "$borderColor",
|
|
44
44
|
borderWidth: 1,
|
|
@@ -49,21 +49,21 @@ function Booker(props) {
|
|
|
49
49
|
maxWidth: 860,
|
|
50
50
|
alignSelf: "center",
|
|
51
51
|
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(StatePanel, {
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
53
53
|
size: "large",
|
|
54
54
|
color: "$color9"
|
|
55
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
56
56
|
size: "$3",
|
|
57
57
|
color: "$color10",
|
|
58
58
|
children: "Loading\u2026"
|
|
59
59
|
})]
|
|
60
60
|
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(StatePanel, {
|
|
61
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
62
62
|
size: "$5",
|
|
63
63
|
fontWeight: "600",
|
|
64
64
|
color: "$color12",
|
|
65
65
|
children: "Couldn't load this event"
|
|
66
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
67
67
|
size: "$3",
|
|
68
68
|
color: "$color10",
|
|
69
69
|
textAlign: "center",
|
|
@@ -73,7 +73,7 @@ function Booker(props) {
|
|
|
73
73
|
booking: m.booking,
|
|
74
74
|
timeZone: m.timeZone,
|
|
75
75
|
onDone: m.reset
|
|
76
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
77
77
|
gap: "$4",
|
|
78
78
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_EventHeader.EventHeader, {
|
|
79
79
|
event: m.event.data,
|
|
@@ -89,11 +89,11 @@ function Booker(props) {
|
|
|
89
89
|
onSubmit: m.submit,
|
|
90
90
|
onBack: m.back
|
|
91
91
|
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
92
|
-
children: [m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
92
|
+
children: [m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(JustTakenBanner, {}) : null, m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
93
93
|
size: "$2",
|
|
94
94
|
color: "$red10",
|
|
95
95
|
children: ["Couldn't load availability: ", m.slots.error]
|
|
96
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
96
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
97
97
|
gap: "$5",
|
|
98
98
|
flexDirection: "column",
|
|
99
99
|
$sm: {
|
|
@@ -118,7 +118,7 @@ function Booker(props) {
|
|
|
118
118
|
selectedIso: m.selectedSlot,
|
|
119
119
|
loading: m.slots.loading && !m.selectedDay
|
|
120
120
|
})]
|
|
121
|
-
}), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
}), m.availableKeys.size === 0 && !m.slots.loading && !m.slots.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
122
122
|
size: "$3",
|
|
123
123
|
color: "$color10",
|
|
124
124
|
textAlign: "center",
|
|
@@ -132,7 +132,7 @@ function StatePanel(param) {
|
|
|
132
132
|
var {
|
|
133
133
|
children
|
|
134
134
|
} = param;
|
|
135
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
136
136
|
alignItems: "center",
|
|
137
137
|
justifyContent: "center",
|
|
138
138
|
gap: "$3",
|
|
@@ -142,13 +142,13 @@ function StatePanel(param) {
|
|
|
142
142
|
});
|
|
143
143
|
}
|
|
144
144
|
function JustTakenBanner() {
|
|
145
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
145
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
146
146
|
backgroundColor: "$yellow3",
|
|
147
147
|
borderColor: "$yellow6",
|
|
148
148
|
borderWidth: 1,
|
|
149
149
|
borderRadius: "$4",
|
|
150
150
|
padding: "$2.5",
|
|
151
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
151
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
152
152
|
size: "$2",
|
|
153
153
|
color: "$yellow11",
|
|
154
154
|
children: "That time was just taken. We refreshed the calendar \u2014 please pick another."
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Booker_exports","__export","Booker","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Booker_exports","__export","Booker","module","exports","import_jsx_runtime","require","import_gui","import_BookingForm","import_Confirmation","import_EventHeader","import_MonthCalendar","import_TimeSlots","import_useBooker","props","m","useBooker","_m_event_error","jsx","YStack","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","alignSelf","children","event","loading","jsxs","StatePanel","Spinner","size","color","SizableText","error","data","fontWeight","textAlign","phase","booking","Confirmation","timeZone","onDone","reset","EventHeader","host","compact","selectedSlot","BookingForm","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","Fragment","conflict","JustTakenBanner","slots","XStack","flexDirection","$sm","alignItems","MonthCalendar","viewDate","availableKeys","selectedDay","onSelectDay","selectDay","onPrev","goPrevMonth","onNext","goNextMonth","atFirstMonth","weekStartsOn","TimeSlots","dayKey","daySlots","onPick","selectSlot","selectedIso","param"],"sources":["../../src/Booker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/BookingForm.cjs
CHANGED
|
@@ -26,7 +26,7 @@ __export(BookingForm_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(BookingForm_exports);
|
|
28
28
|
var import_react = require("react");
|
|
29
|
-
var
|
|
29
|
+
var import_gui = require("@hanzo/gui");
|
|
30
30
|
var import_time = require("./time.cjs");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
@@ -55,24 +55,24 @@ function BookingForm({
|
|
|
55
55
|
notes: notes.trim() || void 0
|
|
56
56
|
});
|
|
57
57
|
};
|
|
58
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
58
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
59
59
|
gap: "$3",
|
|
60
60
|
flex: 1,
|
|
61
61
|
minWidth: 240,
|
|
62
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
62
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
63
63
|
gap: "$1",
|
|
64
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
64
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
65
65
|
alignItems: "center",
|
|
66
66
|
gap: "$2",
|
|
67
67
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(BackLink, {
|
|
68
68
|
onPress: onBack
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
70
70
|
size: "$5",
|
|
71
71
|
fontWeight: "700",
|
|
72
72
|
color: "$color12",
|
|
73
73
|
children: "Enter details"
|
|
74
74
|
})]
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
76
76
|
size: "$3",
|
|
77
77
|
color: "$color11",
|
|
78
78
|
children: [(0, import_time.formatBookingWhen)(slotIso, timeZone), " \xB7 ", eventLength, " min"]
|
|
@@ -82,7 +82,7 @@ function BookingForm({
|
|
|
82
82
|
required: true,
|
|
83
83
|
invalid: touched && !nameValid,
|
|
84
84
|
hint: "Please enter your name",
|
|
85
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
86
86
|
value: name,
|
|
87
87
|
onChangeText: setName,
|
|
88
88
|
placeholder: "Ada Lovelace",
|
|
@@ -94,7 +94,7 @@ function BookingForm({
|
|
|
94
94
|
required: true,
|
|
95
95
|
invalid: touched && !emailValid,
|
|
96
96
|
hint: "Please enter a valid email",
|
|
97
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
98
98
|
value: email,
|
|
99
99
|
onChangeText: setEmail,
|
|
100
100
|
placeholder: "ada@example.com",
|
|
@@ -106,35 +106,35 @@ function BookingForm({
|
|
|
106
106
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Field, {
|
|
107
107
|
label: "Notes",
|
|
108
108
|
hint: "Optional",
|
|
109
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
|
|
110
110
|
value: notes,
|
|
111
111
|
onChangeText: setNotes,
|
|
112
112
|
placeholder: "Anything that would help prepare?",
|
|
113
113
|
numberOfLines: 3,
|
|
114
114
|
size: "$4"
|
|
115
115
|
})
|
|
116
|
-
}), error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
116
|
+
}), error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
117
117
|
backgroundColor: "$red3",
|
|
118
118
|
borderColor: "$red6",
|
|
119
119
|
borderWidth: 1,
|
|
120
120
|
borderRadius: "$4",
|
|
121
121
|
padding: "$2.5",
|
|
122
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
122
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
123
123
|
size: "$2",
|
|
124
124
|
color: "$red11",
|
|
125
125
|
children: error
|
|
126
126
|
})
|
|
127
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
127
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
128
128
|
gap: "$2",
|
|
129
129
|
justifyContent: "flex-end",
|
|
130
130
|
marginTop: "$1",
|
|
131
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
131
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
132
132
|
size: "$4",
|
|
133
133
|
chromeless: true,
|
|
134
134
|
onPress: onBack,
|
|
135
135
|
disabled: submitting,
|
|
136
136
|
children: "Back"
|
|
137
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
137
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
138
138
|
size: "$4",
|
|
139
139
|
theme: "blue",
|
|
140
140
|
onPress: submit,
|
|
@@ -152,17 +152,17 @@ function Field({
|
|
|
152
152
|
hint,
|
|
153
153
|
children
|
|
154
154
|
}) {
|
|
155
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
155
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
156
156
|
gap: "$1.5",
|
|
157
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
157
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
158
158
|
size: "$2",
|
|
159
159
|
color: "$color11",
|
|
160
160
|
fontWeight: "600",
|
|
161
|
-
children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
161
|
+
children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
162
162
|
color: "$red10",
|
|
163
163
|
children: " *"
|
|
164
164
|
}) : null]
|
|
165
|
-
}), children, invalid && hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
165
|
+
}), children, invalid && hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
166
166
|
size: "$1",
|
|
167
167
|
color: "$red10",
|
|
168
168
|
children: hint
|
|
@@ -172,7 +172,7 @@ function Field({
|
|
|
172
172
|
function BackLink({
|
|
173
173
|
onPress
|
|
174
174
|
}) {
|
|
175
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
175
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
176
176
|
width: 30,
|
|
177
177
|
height: 30,
|
|
178
178
|
alignItems: "center",
|
|
@@ -188,7 +188,7 @@ function BackLink({
|
|
|
188
188
|
onPress,
|
|
189
189
|
"aria-label": "Back",
|
|
190
190
|
role: "button",
|
|
191
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
191
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
192
192
|
size: "$6",
|
|
193
193
|
color: "$color11",
|
|
194
194
|
children: "\u2039"
|
|
@@ -29,7 +29,7 @@ __export(BookingForm_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(BookingForm_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_react = require("react");
|
|
32
|
-
var
|
|
32
|
+
var import_gui = require("@hanzo/gui");
|
|
33
33
|
var import_time = require("./time.native.js");
|
|
34
34
|
var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
35
35
|
function BookingForm(param) {
|
|
@@ -58,24 +58,24 @@ function BookingForm(param) {
|
|
|
58
58
|
notes: notes.trim() || void 0
|
|
59
59
|
});
|
|
60
60
|
};
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
61
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
62
62
|
gap: "$3",
|
|
63
63
|
flex: 1,
|
|
64
64
|
minWidth: 240,
|
|
65
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
66
66
|
gap: "$1",
|
|
67
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
67
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
68
68
|
alignItems: "center",
|
|
69
69
|
gap: "$2",
|
|
70
70
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(BackLink, {
|
|
71
71
|
onPress: onBack
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
73
73
|
size: "$5",
|
|
74
74
|
fontWeight: "700",
|
|
75
75
|
color: "$color12",
|
|
76
76
|
children: "Enter details"
|
|
77
77
|
})]
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
79
79
|
size: "$3",
|
|
80
80
|
color: "$color11",
|
|
81
81
|
children: [(0, import_time.formatBookingWhen)(slotIso, timeZone), " \xB7 ", eventLength, " min"]
|
|
@@ -85,7 +85,7 @@ function BookingForm(param) {
|
|
|
85
85
|
required: true,
|
|
86
86
|
invalid: touched && !nameValid,
|
|
87
87
|
hint: "Please enter your name",
|
|
88
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
89
89
|
value: name,
|
|
90
90
|
onChangeText: setName,
|
|
91
91
|
placeholder: "Ada Lovelace",
|
|
@@ -97,7 +97,7 @@ function BookingForm(param) {
|
|
|
97
97
|
required: true,
|
|
98
98
|
invalid: touched && !emailValid,
|
|
99
99
|
hint: "Please enter a valid email",
|
|
100
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
100
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
101
101
|
value: email,
|
|
102
102
|
onChangeText: setEmail,
|
|
103
103
|
placeholder: "ada@example.com",
|
|
@@ -109,35 +109,35 @@ function BookingForm(param) {
|
|
|
109
109
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Field, {
|
|
110
110
|
label: "Notes",
|
|
111
111
|
hint: "Optional",
|
|
112
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
112
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
|
|
113
113
|
value: notes,
|
|
114
114
|
onChangeText: setNotes,
|
|
115
115
|
placeholder: "Anything that would help prepare?",
|
|
116
116
|
numberOfLines: 3,
|
|
117
117
|
size: "$4"
|
|
118
118
|
})
|
|
119
|
-
}), error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
119
|
+
}), error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
120
120
|
backgroundColor: "$red3",
|
|
121
121
|
borderColor: "$red6",
|
|
122
122
|
borderWidth: 1,
|
|
123
123
|
borderRadius: "$4",
|
|
124
124
|
padding: "$2.5",
|
|
125
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
125
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
126
126
|
size: "$2",
|
|
127
127
|
color: "$red11",
|
|
128
128
|
children: error
|
|
129
129
|
})
|
|
130
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
130
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
131
131
|
gap: "$2",
|
|
132
132
|
justifyContent: "flex-end",
|
|
133
133
|
marginTop: "$1",
|
|
134
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
134
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
135
135
|
size: "$4",
|
|
136
136
|
chromeless: true,
|
|
137
137
|
onPress: onBack,
|
|
138
138
|
disabled: submitting,
|
|
139
139
|
children: "Back"
|
|
140
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
140
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
141
141
|
size: "$4",
|
|
142
142
|
theme: "blue",
|
|
143
143
|
onPress: submit,
|
|
@@ -156,17 +156,17 @@ function Field(param) {
|
|
|
156
156
|
hint,
|
|
157
157
|
children
|
|
158
158
|
} = param;
|
|
159
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
159
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
160
160
|
gap: "$1.5",
|
|
161
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
161
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
162
162
|
size: "$2",
|
|
163
163
|
color: "$color11",
|
|
164
164
|
fontWeight: "600",
|
|
165
|
-
children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
165
|
+
children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
166
166
|
color: "$red10",
|
|
167
167
|
children: " *"
|
|
168
168
|
}) : null]
|
|
169
|
-
}), children, invalid && hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
169
|
+
}), children, invalid && hint ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
170
170
|
size: "$1",
|
|
171
171
|
color: "$red10",
|
|
172
172
|
children: hint
|
|
@@ -177,7 +177,7 @@ function BackLink(param) {
|
|
|
177
177
|
var {
|
|
178
178
|
onPress
|
|
179
179
|
} = param;
|
|
180
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
180
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
181
181
|
width: 30,
|
|
182
182
|
height: 30,
|
|
183
183
|
alignItems: "center",
|
|
@@ -193,7 +193,7 @@ function BackLink(param) {
|
|
|
193
193
|
onPress,
|
|
194
194
|
"aria-label": "Back",
|
|
195
195
|
role: "button",
|
|
196
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
196
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
197
197
|
size: "$6",
|
|
198
198
|
color: "$color11",
|
|
199
199
|
children: "\u2039"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BookingForm_exports","__export","BookingForm","module","exports","import_jsx_runtime","require","import_react","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BookingForm_exports","__export","BookingForm","module","exports","import_jsx_runtime","require","import_react","import_gui","import_time","EMAIL_RE","param","slotIso","timeZone","eventLength","submitting","error","onSubmit","onBack","name","setName","useState","email","setEmail","notes","setNotes","touched","setTouched","nameValid","trim","length","emailValid","test","valid","submit","jsxs","YStack","gap","flex","minWidth","children","XStack","alignItems","jsx","BackLink","onPress","SizableText","size","fontWeight","color","formatBookingWhen","Field","label","required","invalid","hint","Input","onChangeText","placeholder","autoComplete","keyboardType","autoCapitalize","TextArea","numberOfLines","backgroundColor","borderColor","borderWidth","borderRadius","padding","justifyContent","marginTop","Button","chromeless","disabled","theme","opacity"],"sources":["../../src/BookingForm.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ __export(CalendarEmbed_exports, {
|
|
|
25
25
|
CalendarEmbed: () => CalendarEmbed
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(CalendarEmbed_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_BookingForm = require("./BookingForm.cjs");
|
|
30
30
|
var import_Confirmation = require("./Confirmation.cjs");
|
|
31
31
|
var import_EventHeader = require("./EventHeader.cjs");
|
|
@@ -38,7 +38,7 @@ function CalendarEmbed(props) {
|
|
|
38
38
|
...props,
|
|
39
39
|
autoSelectFirst: true
|
|
40
40
|
});
|
|
41
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
42
42
|
backgroundColor: "$background",
|
|
43
43
|
borderColor: "$borderColor",
|
|
44
44
|
borderWidth: 1,
|
|
@@ -47,28 +47,28 @@ function CalendarEmbed(props) {
|
|
|
47
47
|
gap: "$3",
|
|
48
48
|
width: "100%",
|
|
49
49
|
maxWidth: 420,
|
|
50
|
-
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
51
51
|
alignItems: "center",
|
|
52
52
|
justifyContent: "center",
|
|
53
53
|
gap: "$2",
|
|
54
54
|
padding: "$6",
|
|
55
55
|
minHeight: 160,
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
57
57
|
size: "large",
|
|
58
58
|
color: "$color9"
|
|
59
59
|
})
|
|
60
|
-
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
60
|
+
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
61
61
|
alignItems: "center",
|
|
62
62
|
justifyContent: "center",
|
|
63
63
|
padding: "$5",
|
|
64
64
|
minHeight: 140,
|
|
65
65
|
gap: "$1",
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
67
67
|
size: "$4",
|
|
68
68
|
fontWeight: "600",
|
|
69
69
|
color: "$color12",
|
|
70
70
|
children: "Unavailable"
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
72
72
|
size: "$2",
|
|
73
73
|
color: "$color10",
|
|
74
74
|
textAlign: "center",
|
|
@@ -92,17 +92,17 @@ function CalendarEmbed(props) {
|
|
|
92
92
|
host: props.host,
|
|
93
93
|
timeZone: m.timeZone,
|
|
94
94
|
compact: true
|
|
95
|
-
}), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
}), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
96
96
|
size: "$1",
|
|
97
97
|
color: "$yellow11",
|
|
98
98
|
children: "That time was just taken \u2014 pick another."
|
|
99
|
-
}) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
99
|
+
}) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
100
100
|
alignItems: "center",
|
|
101
101
|
padding: "$4",
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
103
103
|
color: "$color9"
|
|
104
104
|
})
|
|
105
|
-
}) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
105
|
+
}) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
106
106
|
size: "$2",
|
|
107
107
|
color: "$color10",
|
|
108
108
|
children: ["No availability in ", (0, import_time.formatMonthLabel)(m.viewDate), "."]
|