@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
|
@@ -25,7 +25,7 @@ __export(MonthCalendar_exports, {
|
|
|
25
25
|
MonthCalendar: () => MonthCalendar
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(MonthCalendar_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_time = require("./time.cjs");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function MonthCalendar({
|
|
@@ -43,11 +43,11 @@ function MonthCalendar({
|
|
|
43
43
|
const rows = [];
|
|
44
44
|
for (let i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
|
|
45
45
|
const labels = (0, import_time.weekdayLabels)(weekStartsOn);
|
|
46
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
46
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
47
47
|
gap: "$2",
|
|
48
48
|
flex: 1,
|
|
49
49
|
minWidth: 260,
|
|
50
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
51
51
|
alignItems: "center",
|
|
52
52
|
justifyContent: "space-between",
|
|
53
53
|
paddingVertical: "$1",
|
|
@@ -56,15 +56,15 @@ function MonthCalendar({
|
|
|
56
56
|
disabled: atFirstMonth,
|
|
57
57
|
onPress: onPrev,
|
|
58
58
|
children: "\u2039"
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
60
60
|
alignItems: "center",
|
|
61
61
|
gap: "$2",
|
|
62
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
63
63
|
size: "$5",
|
|
64
64
|
fontWeight: "700",
|
|
65
65
|
color: "$color12",
|
|
66
66
|
children: (0, import_time.formatMonthLabel)(viewDate)
|
|
67
|
-
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
68
68
|
size: "small",
|
|
69
69
|
color: "$color9"
|
|
70
70
|
}) : null]
|
|
@@ -73,21 +73,21 @@ function MonthCalendar({
|
|
|
73
73
|
onPress: onNext,
|
|
74
74
|
children: "\u203A"
|
|
75
75
|
})]
|
|
76
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
-
children: labels.map(l => /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
77
|
+
children: labels.map(l => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
78
78
|
flexBasis: 0,
|
|
79
79
|
flexGrow: 1,
|
|
80
80
|
alignItems: "center",
|
|
81
81
|
paddingVertical: "$1",
|
|
82
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
83
83
|
size: "$1",
|
|
84
84
|
color: "$color10",
|
|
85
85
|
children: l
|
|
86
86
|
})
|
|
87
87
|
}, l))
|
|
88
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
89
89
|
gap: "$1.5",
|
|
90
|
-
children: rows.map((row, r) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
+
children: rows.map((row, r) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
91
91
|
gap: "$1.5",
|
|
92
92
|
children: row.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(DayCell, {
|
|
93
93
|
cell,
|
|
@@ -109,7 +109,7 @@ function DayCell({
|
|
|
109
109
|
}) {
|
|
110
110
|
const selectable = cell.inMonth && available && !past;
|
|
111
111
|
const dayNum = cell.date.getDate();
|
|
112
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
112
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
113
113
|
flexBasis: 0,
|
|
114
114
|
flexGrow: 1,
|
|
115
115
|
aspectRatio: 1,
|
|
@@ -130,12 +130,12 @@ function DayCell({
|
|
|
130
130
|
onPress: selectable ? () => onSelectDay(cell.key) : void 0,
|
|
131
131
|
"aria-label": selectable ? `Select ${cell.key}` : void 0,
|
|
132
132
|
role: selectable ? "button" : void 0,
|
|
133
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
133
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
134
134
|
size: "$3",
|
|
135
135
|
fontWeight: selectable ? "600" : "400",
|
|
136
136
|
color: selected ? "$color1" : selectable ? "$color12" : "$color8",
|
|
137
137
|
children: dayNum
|
|
138
|
-
}), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
138
|
+
}), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
139
139
|
position: "absolute",
|
|
140
140
|
bottom: 4,
|
|
141
141
|
width: 4,
|
|
@@ -151,7 +151,7 @@ function NavArrow({
|
|
|
151
151
|
disabled,
|
|
152
152
|
label
|
|
153
153
|
}) {
|
|
154
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
154
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
155
155
|
width: 34,
|
|
156
156
|
height: 34,
|
|
157
157
|
alignItems: "center",
|
|
@@ -168,7 +168,7 @@ function NavArrow({
|
|
|
168
168
|
onPress: disabled ? void 0 : onPress,
|
|
169
169
|
"aria-label": label,
|
|
170
170
|
role: "button",
|
|
171
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
171
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
172
172
|
size: "$6",
|
|
173
173
|
color: "$color11",
|
|
174
174
|
children
|
|
@@ -28,7 +28,7 @@ __export(MonthCalendar_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(MonthCalendar_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_time = require("./time.native.js");
|
|
33
33
|
function MonthCalendar(param) {
|
|
34
34
|
var {
|
|
@@ -46,11 +46,11 @@ function MonthCalendar(param) {
|
|
|
46
46
|
var rows = [];
|
|
47
47
|
for (var i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
|
|
48
48
|
var labels = (0, import_time.weekdayLabels)(weekStartsOn);
|
|
49
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
49
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
50
50
|
gap: "$2",
|
|
51
51
|
flex: 1,
|
|
52
52
|
minWidth: 260,
|
|
53
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
53
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
54
54
|
alignItems: "center",
|
|
55
55
|
justifyContent: "space-between",
|
|
56
56
|
paddingVertical: "$1",
|
|
@@ -59,15 +59,15 @@ function MonthCalendar(param) {
|
|
|
59
59
|
disabled: atFirstMonth,
|
|
60
60
|
onPress: onPrev,
|
|
61
61
|
children: "\u2039"
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
63
63
|
alignItems: "center",
|
|
64
64
|
gap: "$2",
|
|
65
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
66
66
|
size: "$5",
|
|
67
67
|
fontWeight: "700",
|
|
68
68
|
color: "$color12",
|
|
69
69
|
children: (0, import_time.formatMonthLabel)(viewDate)
|
|
70
|
-
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
71
71
|
size: "small",
|
|
72
72
|
color: "$color9"
|
|
73
73
|
}) : null]
|
|
@@ -76,24 +76,24 @@ function MonthCalendar(param) {
|
|
|
76
76
|
onPress: onNext,
|
|
77
77
|
children: "\u203A"
|
|
78
78
|
})]
|
|
79
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
80
80
|
children: labels.map(function (l) {
|
|
81
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
82
82
|
flexBasis: 0,
|
|
83
83
|
flexGrow: 1,
|
|
84
84
|
alignItems: "center",
|
|
85
85
|
paddingVertical: "$1",
|
|
86
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
87
87
|
size: "$1",
|
|
88
88
|
color: "$color10",
|
|
89
89
|
children: l
|
|
90
90
|
})
|
|
91
91
|
}, l);
|
|
92
92
|
})
|
|
93
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
94
94
|
gap: "$1.5",
|
|
95
95
|
children: rows.map(function (row, r) {
|
|
96
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
97
97
|
gap: "$1.5",
|
|
98
98
|
children: row.map(function (cell) {
|
|
99
99
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DayCell, {
|
|
@@ -119,7 +119,7 @@ function DayCell(param) {
|
|
|
119
119
|
} = param;
|
|
120
120
|
var selectable = cell.inMonth && available && !past;
|
|
121
121
|
var dayNum = cell.date.getDate();
|
|
122
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
122
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
123
123
|
flexBasis: 0,
|
|
124
124
|
flexGrow: 1,
|
|
125
125
|
aspectRatio: 1,
|
|
@@ -142,12 +142,12 @@ function DayCell(param) {
|
|
|
142
142
|
} : void 0,
|
|
143
143
|
"aria-label": selectable ? `Select ${cell.key}` : void 0,
|
|
144
144
|
role: selectable ? "button" : void 0,
|
|
145
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
145
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
146
146
|
size: "$3",
|
|
147
147
|
fontWeight: selectable ? "600" : "400",
|
|
148
148
|
color: selected ? "$color1" : selectable ? "$color12" : "$color8",
|
|
149
149
|
children: dayNum
|
|
150
|
-
}), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
}), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
151
151
|
position: "absolute",
|
|
152
152
|
bottom: 4,
|
|
153
153
|
width: 4,
|
|
@@ -164,7 +164,7 @@ function NavArrow(param) {
|
|
|
164
164
|
disabled,
|
|
165
165
|
label
|
|
166
166
|
} = param;
|
|
167
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
167
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
168
168
|
width: 34,
|
|
169
169
|
height: 34,
|
|
170
170
|
alignItems: "center",
|
|
@@ -181,7 +181,7 @@ function NavArrow(param) {
|
|
|
181
181
|
onPress: disabled ? void 0 : onPress,
|
|
182
182
|
"aria-label": label,
|
|
183
183
|
role: "button",
|
|
184
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
184
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
185
185
|
size: "$6",
|
|
186
186
|
color: "$color11",
|
|
187
187
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MonthCalendar_exports","__export","MonthCalendar","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MonthCalendar_exports","__export","MonthCalendar","module","exports","import_jsx_runtime","require","import_gui","import_time","param","viewDate","availableKeys","selectedDay","onSelectDay","onPrev","onNext","atFirstMonth","weekStartsOn","loading","cells","monthMatrix","rows","i","length","push","slice","labels","weekdayLabels","jsxs","YStack","gap","flex","minWidth","children","XStack","alignItems","justifyContent","paddingVertical","jsx","NavArrow","label","disabled","onPress","SizableText","size","fontWeight","color","formatMonthLabel","Spinner","map","l","flexBasis","flexGrow","row","r","cell","DayCell","available","has","key","past","isBeforeToday","selected","selectable","inMonth","dayNum","date","getDate","aspectRatio","borderRadius","borderWidth","borderColor","backgroundColor","opacity","cursor","hoverStyle","pressStyle","role","position","bottom","width","height"],"sources":["../../src/MonthCalendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/TimeSlots.cjs
CHANGED
|
@@ -25,7 +25,7 @@ __export(TimeSlots_exports, {
|
|
|
25
25
|
TimeSlots: () => TimeSlots
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(TimeSlots_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_time = require("./time.cjs");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function TimeSlots({
|
|
@@ -40,7 +40,7 @@ function TimeSlots({
|
|
|
40
40
|
}) {
|
|
41
41
|
if (!dayKey) {
|
|
42
42
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
43
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
44
44
|
size: "$3",
|
|
45
45
|
color: "$color10",
|
|
46
46
|
textAlign: "center",
|
|
@@ -49,38 +49,38 @@ function TimeSlots({
|
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
const heading = (0, import_time.formatDayLong)((0, import_time.dateFromKey)(dayKey));
|
|
52
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
53
53
|
gap: "$2",
|
|
54
54
|
flex: 1,
|
|
55
55
|
minWidth: 200,
|
|
56
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
57
57
|
size: "$4",
|
|
58
58
|
fontWeight: "600",
|
|
59
59
|
color: "$color12",
|
|
60
60
|
children: heading
|
|
61
61
|
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
63
63
|
size: "$2",
|
|
64
64
|
color: "$color10",
|
|
65
65
|
children: "Loading times\u2026"
|
|
66
66
|
})
|
|
67
67
|
}) : slots.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
68
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
69
69
|
size: "$3",
|
|
70
70
|
color: "$color10",
|
|
71
71
|
textAlign: "center",
|
|
72
72
|
children: "No times left on this day. Try another."
|
|
73
73
|
})
|
|
74
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
|
|
75
75
|
maxHeight,
|
|
76
76
|
showsVerticalScrollIndicator: false,
|
|
77
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
78
78
|
flexWrap: "wrap",
|
|
79
79
|
gap: "$2",
|
|
80
80
|
flexDirection: compact ? "row" : "column",
|
|
81
81
|
children: slots.map(slot => {
|
|
82
82
|
const active = selectedIso === slot.time;
|
|
83
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
84
84
|
size: "$3",
|
|
85
85
|
theme: active ? "blue" : void 0,
|
|
86
86
|
chromeless: !active,
|
|
@@ -108,7 +108,7 @@ function TimeSlots({
|
|
|
108
108
|
function Centered({
|
|
109
109
|
children
|
|
110
110
|
}) {
|
|
111
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
112
112
|
flex: 1,
|
|
113
113
|
minHeight: 120,
|
|
114
114
|
alignItems: "center",
|
|
@@ -28,7 +28,7 @@ __export(TimeSlots_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(TimeSlots_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_time = require("./time.native.js");
|
|
33
33
|
function TimeSlots(param) {
|
|
34
34
|
var {
|
|
@@ -43,7 +43,7 @@ function TimeSlots(param) {
|
|
|
43
43
|
} = param;
|
|
44
44
|
if (!dayKey) {
|
|
45
45
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
46
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
47
47
|
size: "$3",
|
|
48
48
|
color: "$color10",
|
|
49
49
|
textAlign: "center",
|
|
@@ -52,38 +52,38 @@ function TimeSlots(param) {
|
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
var heading = (0, import_time.formatDayLong)((0, import_time.dateFromKey)(dayKey));
|
|
55
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
55
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
56
56
|
gap: "$2",
|
|
57
57
|
flex: 1,
|
|
58
58
|
minWidth: 200,
|
|
59
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
60
60
|
size: "$4",
|
|
61
61
|
fontWeight: "600",
|
|
62
62
|
color: "$color12",
|
|
63
63
|
children: heading
|
|
64
64
|
}), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
66
66
|
size: "$2",
|
|
67
67
|
color: "$color10",
|
|
68
68
|
children: "Loading times\u2026"
|
|
69
69
|
})
|
|
70
70
|
}) : slots.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Centered, {
|
|
71
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
72
72
|
size: "$3",
|
|
73
73
|
color: "$color10",
|
|
74
74
|
textAlign: "center",
|
|
75
75
|
children: "No times left on this day. Try another."
|
|
76
76
|
})
|
|
77
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
|
|
78
78
|
maxHeight,
|
|
79
79
|
showsVerticalScrollIndicator: false,
|
|
80
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
80
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
81
81
|
flexWrap: "wrap",
|
|
82
82
|
gap: "$2",
|
|
83
83
|
flexDirection: compact ? "row" : "column",
|
|
84
84
|
children: slots.map(function (slot) {
|
|
85
85
|
var active = selectedIso === slot.time;
|
|
86
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
87
87
|
size: "$3",
|
|
88
88
|
theme: active ? "blue" : void 0,
|
|
89
89
|
chromeless: !active,
|
|
@@ -114,7 +114,7 @@ function Centered(param) {
|
|
|
114
114
|
var {
|
|
115
115
|
children
|
|
116
116
|
} = param;
|
|
117
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
118
118
|
flex: 1,
|
|
119
119
|
minHeight: 120,
|
|
120
120
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimeSlots_exports","__export","TimeSlots","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimeSlots_exports","__export","TimeSlots","module","exports","import_jsx_runtime","require","import_gui","import_time","param","dayKey","slots","timeZone","onPick","selectedIso","loading","compact","maxHeight","jsx","Centered","children","SizableText","size","color","textAlign","heading","formatDayLong","dateFromKey","jsxs","YStack","gap","flex","minWidth","fontWeight","length","ScrollView","showsVerticalScrollIndicator","XStack","flexWrap","flexDirection","map","slot","active","time","Button","theme","chromeless","borderWidth"],"sources":["../../src/TimeSlots.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgET,YAAA,CAAAK,iBAAA;AAEhE,IAAAK,kBAA2D,GAAAC,OAAA;AA4BnD,IAAAC,UAAA,GAAAD,OAAA;AAbD,IAAAE,WAAS,GAAAF,OAAU;AAAA,SACxBJ,UAAAO,KAAA;EACA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,SAAA;EAAA,IAAAR,KAAA;EACA,KAAAC,MAAA;IACA,0BAAAL,kBAAA,CAAAa,GAAA,EAAAC,QAAA;MACAC,QAAA,qBAAAf,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAAc,WAAA;QACAC,IAAA;QACAC,KAAA;QACAC,SAAY;QACKJ,QAAA;MACb,CAAC;IACH;EAOF;EAEA,IAAAK,OAAM,OAAAjB,WAAU,CAAAkB,aAAA,MAAAlB,WAAc,CAAAmB,WAAA,EAAAjB,MAAY,EAAM;EAEhD,OACE,mBAAAL,kBAAA,CAAAuB,IAAA,EAACrB,UAAA,CAAAsB,MAAA;IACCC,GAAA;IAICC,IAAA;IAgBOC,QAAM;IACNZ,QAAA,EACE,gBAAC,IAAAf,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAAc,WAAA;MAAAC,IAAA;MAAAW,UAEM;MAAAV,KACL,YAAO;MAAkBH,QACzB,EAAAK;IAAa,IACAV,OACb,kBAAsB,IAAAV,kBAAY,CAAAa,GAAA,EAAAC,QAAA;MAAAC,QAClC,iBAAiB,EAAS,EAAAf,kBAAY,CAAAa,GAAA,EAAAX,UAAA,CAAAc,WAAA;QACtCC,IAAA;QACAC,KAAA,YAAc;QACdH,QAAA,EAAS;MAAsB;IACwB,KACtDT,KAAI,CAAAuB,MAAU,KAAK,IAAE,eAAW,IAAU7B,kBAAA,CAAAa,GAAA,EAAAC,QAAA;MAAAC,QAE1C,qBAAAf,kBAAe,CAAKa,GAAA,EAAAX,UAAc,CAAAc,WAAA;QAAAC,IAAA;QAb9BC,KAAK;QAcZC,SAAA;QAGNJ,QACF;MAEJ;IAEJ,wBAAAf,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAA4B,UAAA;MAEAlB,SAAS;MACPmB,4BACE;MAAChB,QAAA,qBAAAf,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAA8B,MAAA;QAAAC,QAAA;QACCR,GAAM;QACNS,aAAW,EAAAvB,OAAA;QACXI,QAAW,EAAAT,KAAA,CAAA6B,GAAA,WAAAC,IAAA;UACX,IAAAC,MAAe,GAAA5B,WAAA,KAAA2B,IAAA,CAAAE,IAAA;UACf,OAAQ,mBAAAtC,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAAqC,MAAA;YAEPtB,IAAA;YAAAuB,KAAA,EAAAH,MAAA;YACHI,UAAA,GAAAJ,MAAA;YAEJK,WAAA","ignoreList":[]}
|
package/dist/esm/Booker.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SizableText, Spinner, XStack, YStack } from "
|
|
1
|
+
import { SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
2
2
|
import { BookingForm } from "./BookingForm.mjs";
|
|
3
3
|
import { Confirmation } from "./Confirmation.mjs";
|
|
4
4
|
import { EventHeader } from "./EventHeader.mjs";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { SizableText, Spinner, XStack, YStack } from "
|
|
2
|
+
import { SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
import { BookingForm } from "./BookingForm.native.js";
|
|
4
4
|
import { Confirmation } from "./Confirmation.native.js";
|
|
5
5
|
import { EventHeader } from "./EventHeader.native.js";
|
package/dist/esm/BookingForm.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
|
-
import { Button, Input, SizableText, TextArea, XStack, YStack } from "
|
|
2
|
+
import { Button, Input, SizableText, TextArea, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
import { formatBookingWhen } from "./time.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import { Button, Input, SizableText, TextArea, XStack, YStack } from "
|
|
3
|
+
import { Button, Input, SizableText, TextArea, XStack, YStack } from "@hanzo/gui";
|
|
4
4
|
import { formatBookingWhen } from "./time.native.js";
|
|
5
5
|
var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
6
6
|
function BookingForm(param) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SizableText, Spinner, YStack } from "
|
|
1
|
+
import { SizableText, Spinner, YStack } from "@hanzo/gui";
|
|
2
2
|
import { BookingForm } from "./BookingForm.mjs";
|
|
3
3
|
import { Confirmation } from "./Confirmation.mjs";
|
|
4
4
|
import { EventHeader } from "./EventHeader.mjs";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { SizableText, Spinner, YStack } from "
|
|
2
|
+
import { SizableText, Spinner, YStack } from "@hanzo/gui";
|
|
3
3
|
import { BookingForm } from "./BookingForm.native.js";
|
|
4
4
|
import { Confirmation } from "./Confirmation.native.js";
|
|
5
5
|
import { EventHeader } from "./EventHeader.native.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button, Paragraph, Separator, SizableText, Spinner, XStack, YStack } from "
|
|
1
|
+
import { Button, Paragraph, Separator, SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
2
2
|
import { DEFAULT_API_URL } from "./client.mjs";
|
|
3
3
|
import { useBooking } from "./hooks.mjs";
|
|
4
4
|
import { visitorTimeZone } from "./time.mjs";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Paragraph, Separator, SizableText, Spinner, XStack, YStack } from "
|
|
2
|
+
import { Button, Paragraph, Separator, SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
import { DEFAULT_API_URL } from "./client.native.js";
|
|
4
4
|
import { useBooking } from "./hooks.native.js";
|
|
5
5
|
import { visitorTimeZone } from "./time.native.js";
|
package/dist/esm/EventHeader.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SizableText, Spinner, XStack, YStack } from "
|
|
1
|
+
import { SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
2
2
|
import { formatMonthLabel, isBeforeToday, monthMatrix, weekdayLabels } from "./time.mjs";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function MonthCalendar({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { SizableText, Spinner, XStack, YStack } from "
|
|
2
|
+
import { SizableText, Spinner, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
import { formatMonthLabel, isBeforeToday, monthMatrix, weekdayLabels } from "./time.native.js";
|
|
4
4
|
function MonthCalendar(param) {
|
|
5
5
|
var {
|
package/dist/esm/TimeSlots.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button, ScrollView, SizableText, XStack, YStack } from "
|
|
1
|
+
import { Button, ScrollView, SizableText, XStack, YStack } from "@hanzo/gui";
|
|
2
2
|
import { dateFromKey, formatDayLong, formatSlotTime } from "./time.mjs";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function TimeSlots({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, ScrollView, SizableText, XStack, YStack } from "
|
|
2
|
+
import { Button, ScrollView, SizableText, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
import { dateFromKey, formatDayLong, formatSlotTime } from "./time.native.js";
|
|
4
4
|
function TimeSlots(param) {
|
|
5
5
|
var {
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/booker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.1.1",
|
|
4
4
|
"description": "Universal (web + native) scheduling UI for the Hanzo Calendar — a Booker, Confirmation, and compact CalendarEmbed built with hanzogui primitives.",
|
|
5
|
-
"license": "
|
|
5
|
+
"license": "MIT",
|
|
6
6
|
"author": "Hanzo AI <dev@hanzo.ai>",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
|
-
"url": "https://github.com/hanzoai/gui.git",
|
|
9
|
+
"url": "git+https://github.com/hanzoai/gui.git",
|
|
10
10
|
"directory": "pkgs/calendar"
|
|
11
11
|
},
|
|
12
12
|
"source": "src/index.ts",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"README.md"
|
|
35
35
|
],
|
|
36
36
|
"scripts": {
|
|
37
|
-
"build": "
|
|
38
|
-
"watch": "
|
|
39
|
-
"clean": "
|
|
40
|
-
"clean:build": "
|
|
37
|
+
"build": "hanzogui-build",
|
|
38
|
+
"watch": "hanzogui-build --watch",
|
|
39
|
+
"clean": "hanzogui-build clean",
|
|
40
|
+
"clean:build": "hanzogui-build clean:build"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"
|
|
43
|
+
"@hanzo/gui": ">=8.0.0",
|
|
44
44
|
"react": ">=18",
|
|
45
45
|
"react-native": "*"
|
|
46
46
|
},
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@hanzogui/build": "
|
|
54
|
-
"
|
|
53
|
+
"@hanzogui/build": "8.1.1",
|
|
54
|
+
"@hanzo/gui": "8.1.1",
|
|
55
55
|
"react": ">=19",
|
|
56
56
|
"react-native": "0.83.2"
|
|
57
57
|
},
|
package/src/Booker.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react'
|
|
2
|
-
import { SizableText, Spinner, XStack, YStack } from '
|
|
2
|
+
import { SizableText, Spinner, XStack, YStack } from '@hanzo/gui'
|
|
3
3
|
import type { Booking } from './client'
|
|
4
4
|
import { BookingForm } from './BookingForm'
|
|
5
5
|
import { Confirmation } from './Confirmation'
|
package/src/BookingForm.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, type ReactNode } from 'react'
|
|
2
|
-
import { Button, Input, SizableText, TextArea, XStack, YStack } from '
|
|
2
|
+
import { Button, Input, SizableText, TextArea, XStack, YStack } from '@hanzo/gui'
|
|
3
3
|
import type { BookingResponses } from './client'
|
|
4
4
|
import { formatBookingWhen } from './time'
|
|
5
5
|
|
package/src/CalendarEmbed.tsx
CHANGED
package/src/Confirmation.tsx
CHANGED
package/src/EventHeader.tsx
CHANGED
package/src/MonthCalendar.tsx
CHANGED
package/src/TimeSlots.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react'
|
|
2
|
-
import { Button, ScrollView, SizableText, XStack, YStack } from '
|
|
2
|
+
import { Button, ScrollView, SizableText, XStack, YStack } from '@hanzo/gui'
|
|
3
3
|
import type { Slot } from './client'
|
|
4
4
|
import { dateFromKey, formatDayLong, formatSlotTime } from './time'
|
|
5
5
|
|
package/types/Booker.d.ts
CHANGED
|
@@ -12,5 +12,5 @@ export interface BookerProps {
|
|
|
12
12
|
onBooked?: (booking: Booking) => void;
|
|
13
13
|
}
|
|
14
14
|
/** Universal scheduling flow: event → month → times → details → confirmation. */
|
|
15
|
-
export declare function Booker(props: BookerProps): import("react").JSX.Element;
|
|
15
|
+
export declare function Booker(props: BookerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
//# sourceMappingURL=Booker.d.ts.map
|