@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
|
@@ -28,7 +28,7 @@ __export(CalendarEmbed_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(CalendarEmbed_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");
|
|
@@ -41,7 +41,7 @@ function CalendarEmbed(props) {
|
|
|
41
41
|
autoSelectFirst: true
|
|
42
42
|
});
|
|
43
43
|
var _m_event_error;
|
|
44
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
45
45
|
backgroundColor: "$background",
|
|
46
46
|
borderColor: "$borderColor",
|
|
47
47
|
borderWidth: 1,
|
|
@@ -50,28 +50,28 @@ function CalendarEmbed(props) {
|
|
|
50
50
|
gap: "$3",
|
|
51
51
|
width: "100%",
|
|
52
52
|
maxWidth: 420,
|
|
53
|
-
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
children: m.event.loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
54
54
|
alignItems: "center",
|
|
55
55
|
justifyContent: "center",
|
|
56
56
|
gap: "$2",
|
|
57
57
|
padding: "$6",
|
|
58
58
|
minHeight: 160,
|
|
59
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
60
60
|
size: "large",
|
|
61
61
|
color: "$color9"
|
|
62
62
|
})
|
|
63
|
-
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
}) : m.event.error || !m.event.data ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
64
64
|
alignItems: "center",
|
|
65
65
|
justifyContent: "center",
|
|
66
66
|
padding: "$5",
|
|
67
67
|
minHeight: 140,
|
|
68
68
|
gap: "$1",
|
|
69
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
70
70
|
size: "$4",
|
|
71
71
|
fontWeight: "600",
|
|
72
72
|
color: "$color12",
|
|
73
73
|
children: "Unavailable"
|
|
74
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
75
75
|
size: "$2",
|
|
76
76
|
color: "$color10",
|
|
77
77
|
textAlign: "center",
|
|
@@ -95,17 +95,17 @@ function CalendarEmbed(props) {
|
|
|
95
95
|
host: props.host,
|
|
96
96
|
timeZone: m.timeZone,
|
|
97
97
|
compact: true
|
|
98
|
-
}), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
98
|
+
}), m.conflict ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
99
99
|
size: "$1",
|
|
100
100
|
color: "$yellow11",
|
|
101
101
|
children: "That time was just taken \u2014 pick another."
|
|
102
|
-
}) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
}) : null, m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
103
103
|
alignItems: "center",
|
|
104
104
|
padding: "$4",
|
|
105
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
|
|
106
106
|
color: "$color9"
|
|
107
107
|
})
|
|
108
|
-
}) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
108
|
+
}) : m.availableKeys.size === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.SizableText, {
|
|
109
109
|
size: "$2",
|
|
110
110
|
color: "$color10",
|
|
111
111
|
children: ["No availability in ", (0, import_time.formatMonthLabel)(m.viewDate), "."]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CalendarEmbed_exports","__export","CalendarEmbed","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CalendarEmbed_exports","__export","CalendarEmbed","module","exports","import_jsx_runtime","require","import_gui","import_BookingForm","import_Confirmation","import_EventHeader","import_TimeSlots","import_time","import_useBooker","props","m","useBooker","autoSelectFirst","_m_event_error","jsx","YStack","backgroundColor","borderColor","borderWidth","borderRadius","padding","gap","width","maxWidth","children","event","loading","alignItems","justifyContent","minHeight","Spinner","size","color","error","data","jsxs","SizableText","fontWeight","textAlign","phase","booking","Confirmation","timeZone","onDone","reset","selectedSlot","BookingForm","slotIso","eventLength","length","submitting","onSubmit","submit","onBack","back","Fragment","EventHeader","host","compact","conflict","slots","availableKeys"],"sources":["../../src/CalendarEmbed.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ __export(Confirmation_exports, {
|
|
|
25
25
|
Confirmation: () => Confirmation
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(Confirmation_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_client = require("./client.cjs");
|
|
30
30
|
var import_hooks = require("./hooks.cjs");
|
|
31
31
|
var import_time = require("./time.cjs");
|
|
@@ -43,16 +43,16 @@ function Confirmation({
|
|
|
43
43
|
const fetched = (0, import_hooks.useBooking)(api, booking ? void 0 : uid);
|
|
44
44
|
const data = booking ?? fetched.data;
|
|
45
45
|
if (!data && fetched.loading) {
|
|
46
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
46
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
47
47
|
alignItems: "center",
|
|
48
48
|
justifyContent: "center",
|
|
49
49
|
padding: "$6",
|
|
50
50
|
gap: "$3",
|
|
51
51
|
minHeight: 200,
|
|
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 your booking\u2026"
|
|
@@ -60,18 +60,18 @@ function Confirmation({
|
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
62
|
if (!data) {
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
64
64
|
alignItems: "center",
|
|
65
65
|
justifyContent: "center",
|
|
66
66
|
padding: "$6",
|
|
67
67
|
gap: "$2",
|
|
68
68
|
minHeight: 200,
|
|
69
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
70
70
|
size: "$4",
|
|
71
71
|
fontWeight: "600",
|
|
72
72
|
color: "$color12",
|
|
73
73
|
children: "Booking not found"
|
|
74
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
75
75
|
size: "$3",
|
|
76
76
|
color: "$color10",
|
|
77
77
|
textAlign: "center",
|
|
@@ -81,40 +81,40 @@ function Confirmation({
|
|
|
81
81
|
}
|
|
82
82
|
const attendee = data.attendees?.[0];
|
|
83
83
|
const location = data.location;
|
|
84
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
84
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
85
85
|
gap: "$3",
|
|
86
86
|
padding: "$1",
|
|
87
87
|
alignItems: "center",
|
|
88
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
89
89
|
width: 52,
|
|
90
90
|
height: 52,
|
|
91
91
|
borderRadius: 9999,
|
|
92
92
|
backgroundColor: "$green4",
|
|
93
93
|
alignItems: "center",
|
|
94
94
|
justifyContent: "center",
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
96
96
|
size: "$8",
|
|
97
97
|
color: "$green11",
|
|
98
98
|
children: "\u2713"
|
|
99
99
|
})
|
|
100
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
100
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
101
101
|
gap: "$1",
|
|
102
102
|
alignItems: "center",
|
|
103
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
104
104
|
size: "$7",
|
|
105
105
|
fontWeight: "700",
|
|
106
106
|
color: "$color12",
|
|
107
107
|
textAlign: "center",
|
|
108
108
|
children: "You're booked"
|
|
109
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
110
110
|
size: "$4",
|
|
111
111
|
color: "$color11",
|
|
112
112
|
textAlign: "center",
|
|
113
113
|
children: data.title
|
|
114
114
|
})]
|
|
115
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
|
|
116
116
|
width: "100%"
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
118
118
|
gap: "$2.5",
|
|
119
119
|
width: "100%",
|
|
120
120
|
maxWidth: 420,
|
|
@@ -134,13 +134,13 @@ function Confirmation({
|
|
|
134
134
|
label: "Reference",
|
|
135
135
|
value: data.uid
|
|
136
136
|
})]
|
|
137
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
137
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
|
|
138
138
|
size: "$2",
|
|
139
139
|
color: "$color10",
|
|
140
140
|
textAlign: "center",
|
|
141
141
|
marginTop: "$1",
|
|
142
142
|
children: ["A calendar invite is on its way to ", attendee?.email ?? "your inbox", "."]
|
|
143
|
-
}), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
143
|
+
}), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
144
144
|
size: "$3",
|
|
145
145
|
chromeless: true,
|
|
146
146
|
onPress: onDone,
|
|
@@ -153,15 +153,15 @@ function Row({
|
|
|
153
153
|
label,
|
|
154
154
|
value
|
|
155
155
|
}) {
|
|
156
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
156
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
157
157
|
justifyContent: "space-between",
|
|
158
158
|
gap: "$3",
|
|
159
159
|
alignItems: "flex-start",
|
|
160
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
160
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
161
161
|
size: "$3",
|
|
162
162
|
color: "$color10",
|
|
163
163
|
children: label
|
|
164
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
164
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
165
165
|
size: "$3",
|
|
166
166
|
color: "$color12",
|
|
167
167
|
fontWeight: "500",
|
|
@@ -28,7 +28,7 @@ __export(Confirmation_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Confirmation_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_client = require("./client.native.js");
|
|
33
33
|
var import_hooks = require("./hooks.native.js");
|
|
34
34
|
var import_time = require("./time.native.js");
|
|
@@ -47,16 +47,16 @@ function Confirmation(param) {
|
|
|
47
47
|
var fetched = (0, import_hooks.useBooking)(api, booking ? void 0 : uid);
|
|
48
48
|
var data = booking !== null && booking !== void 0 ? booking : fetched.data;
|
|
49
49
|
if (!data && fetched.loading) {
|
|
50
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
51
51
|
alignItems: "center",
|
|
52
52
|
justifyContent: "center",
|
|
53
53
|
padding: "$6",
|
|
54
54
|
gap: "$3",
|
|
55
55
|
minHeight: 200,
|
|
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
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
60
60
|
size: "$3",
|
|
61
61
|
color: "$color10",
|
|
62
62
|
children: "Loading your booking\u2026"
|
|
@@ -65,18 +65,18 @@ function Confirmation(param) {
|
|
|
65
65
|
}
|
|
66
66
|
if (!data) {
|
|
67
67
|
var _fetched_error;
|
|
68
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
68
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
69
69
|
alignItems: "center",
|
|
70
70
|
justifyContent: "center",
|
|
71
71
|
padding: "$6",
|
|
72
72
|
gap: "$2",
|
|
73
73
|
minHeight: 200,
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
75
75
|
size: "$4",
|
|
76
76
|
fontWeight: "600",
|
|
77
77
|
color: "$color12",
|
|
78
78
|
children: "Booking not found"
|
|
79
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
80
80
|
size: "$3",
|
|
81
81
|
color: "$color10",
|
|
82
82
|
textAlign: "center",
|
|
@@ -87,40 +87,40 @@ function Confirmation(param) {
|
|
|
87
87
|
var attendee = (_data_attendees = data.attendees) === null || _data_attendees === void 0 ? void 0 : _data_attendees[0];
|
|
88
88
|
var location = data.location;
|
|
89
89
|
var _attendee_email;
|
|
90
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
90
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
91
91
|
gap: "$3",
|
|
92
92
|
padding: "$1",
|
|
93
93
|
alignItems: "center",
|
|
94
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
95
95
|
width: 52,
|
|
96
96
|
height: 52,
|
|
97
97
|
borderRadius: 9999,
|
|
98
98
|
backgroundColor: "$green4",
|
|
99
99
|
alignItems: "center",
|
|
100
100
|
justifyContent: "center",
|
|
101
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
102
102
|
size: "$8",
|
|
103
103
|
color: "$green11",
|
|
104
104
|
children: "\u2713"
|
|
105
105
|
})
|
|
106
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
106
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
107
107
|
gap: "$1",
|
|
108
108
|
alignItems: "center",
|
|
109
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
110
110
|
size: "$7",
|
|
111
111
|
fontWeight: "700",
|
|
112
112
|
color: "$color12",
|
|
113
113
|
textAlign: "center",
|
|
114
114
|
children: "You're booked"
|
|
115
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
116
116
|
size: "$4",
|
|
117
117
|
color: "$color11",
|
|
118
118
|
textAlign: "center",
|
|
119
119
|
children: data.title
|
|
120
120
|
})]
|
|
121
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
|
|
122
122
|
width: "100%"
|
|
123
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
123
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
124
124
|
gap: "$2.5",
|
|
125
125
|
width: "100%",
|
|
126
126
|
maxWidth: 420,
|
|
@@ -140,13 +140,13 @@ function Confirmation(param) {
|
|
|
140
140
|
label: "Reference",
|
|
141
141
|
value: data.uid
|
|
142
142
|
})]
|
|
143
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
143
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
|
|
144
144
|
size: "$2",
|
|
145
145
|
color: "$color10",
|
|
146
146
|
textAlign: "center",
|
|
147
147
|
marginTop: "$1",
|
|
148
148
|
children: ["A calendar invite is on its way to ", (_attendee_email = attendee === null || attendee === void 0 ? void 0 : attendee.email) !== null && _attendee_email !== void 0 ? _attendee_email : "your inbox", "."]
|
|
149
|
-
}), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
149
|
+
}), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
150
150
|
size: "$3",
|
|
151
151
|
chromeless: true,
|
|
152
152
|
onPress: onDone,
|
|
@@ -160,15 +160,15 @@ function Row(param) {
|
|
|
160
160
|
label,
|
|
161
161
|
value
|
|
162
162
|
} = param;
|
|
163
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
163
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
164
164
|
justifyContent: "space-between",
|
|
165
165
|
gap: "$3",
|
|
166
166
|
alignItems: "flex-start",
|
|
167
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
167
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
168
168
|
size: "$3",
|
|
169
169
|
color: "$color10",
|
|
170
170
|
children: label
|
|
171
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
171
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
172
172
|
size: "$3",
|
|
173
173
|
color: "$color12",
|
|
174
174
|
fontWeight: "500",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Confirmation_exports","__export","Confirmation","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Confirmation_exports","__export","Confirmation","module","exports","import_jsx_runtime","require","import_gui","import_client","import_hooks","import_time","import_time2","param","booking","uid","apiUrl","timeZone","onDone","_data_attendees","api","DEFAULT_API_URL","tz","visitorTimeZone","fetched","useBooking","data","loading","jsxs","YStack","alignItems","justifyContent","padding","gap","minHeight","children","jsx","Spinner","size","color","SizableText","_fetched_error","fontWeight","textAlign","error","attendee","attendees","location","_attendee_email","width","height","borderRadius","backgroundColor","title","Separator"],"sources":["../../src/Confirmation.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/EventHeader.cjs
CHANGED
|
@@ -25,7 +25,7 @@ __export(EventHeader_exports, {
|
|
|
25
25
|
EventHeader: () => EventHeader
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(EventHeader_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function EventHeader({
|
|
31
31
|
event,
|
|
@@ -35,35 +35,35 @@ function EventHeader({
|
|
|
35
35
|
}) {
|
|
36
36
|
const name = event.profile?.name || host;
|
|
37
37
|
const initial = (name?.[0] || "H").toUpperCase();
|
|
38
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
39
39
|
gap: "$2",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
40
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
41
41
|
alignItems: "center",
|
|
42
42
|
gap: "$2.5",
|
|
43
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
44
44
|
width: 28,
|
|
45
45
|
height: 28,
|
|
46
46
|
borderRadius: 9999,
|
|
47
47
|
backgroundColor: "$color5",
|
|
48
48
|
alignItems: "center",
|
|
49
49
|
justifyContent: "center",
|
|
50
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
51
51
|
size: "$2",
|
|
52
52
|
color: "$color11",
|
|
53
53
|
fontWeight: "600",
|
|
54
54
|
children: initial
|
|
55
55
|
})
|
|
56
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
57
57
|
size: "$3",
|
|
58
58
|
color: "$color10",
|
|
59
59
|
children: name
|
|
60
60
|
})]
|
|
61
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
62
62
|
size: compact ? "$6" : "$8",
|
|
63
63
|
fontWeight: "700",
|
|
64
64
|
color: "$color12",
|
|
65
65
|
children: event.title
|
|
66
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
66
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
67
67
|
gap: "$2",
|
|
68
68
|
alignItems: "center",
|
|
69
69
|
flexWrap: "wrap",
|
|
@@ -74,7 +74,7 @@ function EventHeader({
|
|
|
74
74
|
}), event.locations?.[0]?.type ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
|
|
75
75
|
children: prettyLocation(event.locations[0].type)
|
|
76
76
|
}) : null]
|
|
77
|
-
}), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
|
|
78
78
|
size: "$3",
|
|
79
79
|
color: "$color11",
|
|
80
80
|
marginTop: "$1",
|
|
@@ -85,13 +85,13 @@ function EventHeader({
|
|
|
85
85
|
function Pill({
|
|
86
86
|
children
|
|
87
87
|
}) {
|
|
88
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
89
89
|
backgroundColor: "$color3",
|
|
90
90
|
paddingHorizontal: "$2.5",
|
|
91
91
|
paddingVertical: "$1",
|
|
92
92
|
borderRadius: "$10",
|
|
93
93
|
alignItems: "center",
|
|
94
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
95
95
|
size: "$1",
|
|
96
96
|
color: "$color11",
|
|
97
97
|
children
|
|
@@ -28,7 +28,7 @@ __export(EventHeader_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(EventHeader_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function EventHeader(param) {
|
|
33
33
|
var {
|
|
34
34
|
event,
|
|
@@ -39,35 +39,35 @@ function EventHeader(param) {
|
|
|
39
39
|
var _event_profile, _event_locations_, _event_locations;
|
|
40
40
|
var name = ((_event_profile = event.profile) === null || _event_profile === void 0 ? void 0 : _event_profile.name) || host;
|
|
41
41
|
var initial = ((name === null || name === void 0 ? void 0 : name[0]) || "H").toUpperCase();
|
|
42
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
42
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
43
43
|
gap: "$2",
|
|
44
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
44
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
45
45
|
alignItems: "center",
|
|
46
46
|
gap: "$2.5",
|
|
47
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
48
48
|
width: 28,
|
|
49
49
|
height: 28,
|
|
50
50
|
borderRadius: 9999,
|
|
51
51
|
backgroundColor: "$color5",
|
|
52
52
|
alignItems: "center",
|
|
53
53
|
justifyContent: "center",
|
|
54
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
55
55
|
size: "$2",
|
|
56
56
|
color: "$color11",
|
|
57
57
|
fontWeight: "600",
|
|
58
58
|
children: initial
|
|
59
59
|
})
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
61
61
|
size: "$3",
|
|
62
62
|
color: "$color10",
|
|
63
63
|
children: name
|
|
64
64
|
})]
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
66
66
|
size: compact ? "$6" : "$8",
|
|
67
67
|
fontWeight: "700",
|
|
68
68
|
color: "$color12",
|
|
69
69
|
children: event.title
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
71
71
|
gap: "$2",
|
|
72
72
|
alignItems: "center",
|
|
73
73
|
flexWrap: "wrap",
|
|
@@ -78,7 +78,7 @@ function EventHeader(param) {
|
|
|
78
78
|
}), ((_event_locations = event.locations) === null || _event_locations === void 0 ? void 0 : (_event_locations_ = _event_locations[0]) === null || _event_locations_ === void 0 ? void 0 : _event_locations_.type) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
|
|
79
79
|
children: prettyLocation(event.locations[0].type)
|
|
80
80
|
}) : null]
|
|
81
|
-
}), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
}), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
|
|
82
82
|
size: "$3",
|
|
83
83
|
color: "$color11",
|
|
84
84
|
marginTop: "$1",
|
|
@@ -90,13 +90,13 @@ function Pill(param) {
|
|
|
90
90
|
var {
|
|
91
91
|
children
|
|
92
92
|
} = param;
|
|
93
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
94
94
|
backgroundColor: "$color3",
|
|
95
95
|
paddingHorizontal: "$2.5",
|
|
96
96
|
paddingVertical: "$1",
|
|
97
97
|
borderRadius: "$10",
|
|
98
98
|
alignItems: "center",
|
|
99
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
99
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
100
100
|
size: "$1",
|
|
101
101
|
color: "$color11",
|
|
102
102
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","EventHeader_exports","__export","EventHeader","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","EventHeader_exports","__export","EventHeader","module","exports","import_jsx_runtime","require","import_gui","param","event","host","timeZone","compact","_event_profile","_event_locations_","_event_locations","name","profile","initial","toUpperCase","jsxs","YStack","gap","children","XStack","alignItems","jsx","width","height","borderRadius","backgroundColor","justifyContent","SizableText","size","color","fontWeight","title","flexWrap","Pill","length","shortZone","locations","type","prettyLocation"],"sources":["../../src/EventHeader.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAuDT,YAAA,CAAAK,mBAAA;AAgBjD,IAAAK,kBAAA,GAAAC,OAAA;AALC,IAAAC,UAAS,GAAAD,OAAc,aAAa;AACzC,SAAMJ,WAAOA,CAAMM,KAAA;EACnB;IAAMC,KAAA;IAAAC,IAAW;IAAAC,QAAQ;IAAAC;EAAU,IAAAJ,KAAA;EACnC,IAAAK,cACE,EAAAC,iBAAA,EAAAC,gBAAC;EACC,IAAAC,IAAA,KAAAH,cAAA,GAAAJ,KAAA,CAAAQ,OAAA,MAAC,QAAAJ,cAAO,UAAW,SAAS,IAAAA,cAC1B,CAAAG,IAAA,KAAAN,IAAA;EAAA,IAAAQ,OAAA,KAAAF,IAAA,aAAAA,IAAA,uBAAAA,IAAA,aAAAG,WAAA;EAAA,OAAC,mBAAAd,kBAAA,CAAAe,IAAA,EAAAb,UAAA,CAAAc,MAAA;IAAAC,GAAA;IAAAC,QACC,GAAO,eACC,IAAAlB,kBAAA,CAAAe,IAAA,EAAAb,UAAA,CAAAiB,MAAA;MAAAC,UACR,UAAc;MAAAH,GACd;MAAgBC,QAChB,GACA,eAAe,IAAAlB,kBAAA,CAAAqB,GAAA,EAAAnB,UAAA,CAAAc,MAAA;QAEfM,KAAA;QAEAC,MAAA;QACFC,YAAA;QACAC,eAAA;QAGFL,UAAA;QAEAM,cAAA;QAIAR,QAAA,qBAAAlB,kBAAC,CAAAqB,GAAA,EAAAnB,UAAW,CAAAyB,WAAK;UACfC,IAAA;UAAaC,KAAA;UAAOC,UAAA;UAAIZ,QAAA,EAAAL;QACxB;MACC,EAAM,EAGT,mBAAAb,kBAAA,CAAAqB,GAAA,EAAAnB,UAAA,CAAAyB,WAAA;QAEEC,IAAW,MAAM;QAKrBC,KAAA;QAEJX,QAAA,EAAAP;MAES;IAEJ,uBAAAX,kBAAA,CAAAqB,GAAA,EAAAnB,UAAA,CAAAyB,WAAA;MACCC,IAAA,EAAArB,OAAA,GAAgB;MAChBuB,UAAA,OAAkB;MAClBD,KAAA,YAAgB;MAChBX,QAAA,EAAAd,KAAa,CAAA2B;IACb,IAEA,mBAAA/B,kBAAA,CAAAe,IAAA,EAAAb,UAAC,CAAAiB,MAAA;MAEDF,GAAA;MACFG,UAAA;MAEJY,QAAA;MAEAd,QAAS,GACD,eAAgB,CAAG,GAAElB,kBAAS,CAAAe,IAAA,EAAAkB,IAAA;QAC7Bf,QAAK,EAAQ,CACtBd,KAAA,CAAA8B,MAAA,EAES;MAED,IACA,eAAkB,IAAAlC,kBAAO,CAAAqB,GAAA,EAAAY,IAAA;QACzBf,QAAS,EAAAiB,SAAU,CAAA7B,QAAO;MAC1B,IACC,EAAAI,gBAAA,GAAAN,KAAA,CAAAgC,SAAA,cAAA1B,gBAAA,wBAAAD,iBAAA,GAAAC,gBAAA,iBAAAD,iBAAA,uBAAAA,iBAAA,CAAA4B,IAAA,uBAAArC,kBAAA,CAAAqB,GAAA,EAAAY,IAAA;QACTf,QAAA,EAAAoB,cAAA,CAAAlC,KAAA,CAAAgC,SAAA,IAAAC,IAAA","ignoreList":[]}
|