@hanzo/booker 0.1.0 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +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/cjs/client.native.js.map +1 -1
- package/dist/cjs/hooks.native.js.map +1 -1
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/time.native.js.map +1 -1
- package/dist/cjs/useBooker.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(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), "."]
|
|
@@ -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","import_hanzogui","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":[]}
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CalendarEmbed_exports","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","formatMonthLabel","viewDate","TimeSlots","dayKey","selectedDay","daySlots","onPick","selectSlot","selectedIso","maxHeight"],"sources":["CalendarEmbed.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CalendarEmbed_exports = {};\n__export(CalendarEmbed_exports, {\n CalendarEmbed: () => CalendarEmbed\n});\nmodule.exports = __toCommonJS(CalendarEmbed_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_BookingForm = require(\"./BookingForm\");\nvar import_Confirmation = require(\"./Confirmation\");\nvar import_EventHeader = require(\"./EventHeader\");\nvar import_TimeSlots = require(\"./TimeSlots\");\nvar import_time = require(\"./time\");\nvar import_useBooker = require(\"./useBooker\");\nfunction CalendarEmbed(props) {\n var m = (0, import_useBooker.useBooker)({\n ...props,\n autoSelectFirst: true\n });\n var _m_event_error;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n backgroundColor: \"$background\",\n borderColor: \"$borderColor\",\n borderWidth: 1,\n borderRadius: \"$6\",\n padding: \"$4\",\n gap: \"$3\",\n width: \"100%\",\n maxWidth: 420,\n children: m.event.loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"$2\",\n padding: \"$6\",\n minHeight: 160,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Spinner, {\n size: \"large\",\n color: \"$color9\"\n })\n }) : m.event.error || !m.event.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"$5\",\n minHeight: 140,\n gap: \"$1\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$4\",\n fontWeight: \"600\",\n color: \"$color12\",\n children: \"Unavailable\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$2\",\n color: \"$color10\",\n textAlign: \"center\",\n children: (_m_event_error = m.event.error) !== null && _m_event_error !== void 0 ? _m_event_error : \"Event not found.\"\n })\n ]\n }) : m.phase === \"done\" && m.booking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Confirmation.Confirmation, {\n booking: m.booking,\n timeZone: m.timeZone,\n onDone: m.reset\n }) : m.phase === \"form\" && m.selectedSlot ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BookingForm.BookingForm, {\n slotIso: m.selectedSlot,\n timeZone: m.timeZone,\n eventLength: m.event.data.length,\n submitting: m.submitting,\n error: m.error,\n onSubmit: m.submit,\n onBack: m.back\n }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EventHeader.EventHeader, {\n event: m.event.data,\n host: props.host,\n timeZone: m.timeZone,\n compact: true\n }),\n m.conflict ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$1\",\n color: \"$yellow11\",\n children: \"That time was just taken \\u2014 pick another.\"\n }) : null,\n m.slots.loading && m.availableKeys.size === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n alignItems: \"center\",\n padding: \"$4\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Spinner, {\n color: \"$color9\"\n })\n }) : m.availableKeys.size === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.SizableText, {\n size: \"$2\",\n color: \"$color10\",\n children: [\n \"No availability in \",\n (0, import_time.formatMonthLabel)(m.viewDate),\n \".\"\n ]\n }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeSlots.TimeSlots, {\n dayKey: m.selectedDay,\n slots: m.daySlots,\n timeZone: m.timeZone,\n onPick: m.selectSlot,\n selectedIso: m.selectedSlot,\n loading: m.slots.loading,\n compact: true,\n maxHeight: 220\n })\n ]\n })\n });\n}\n//# sourceMappingURL=CalendarEmbed.js.map\n"],"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","import_hanzogui","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":[]}
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Confirmation_exports","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","maxWidth","Row","label","formatBookingWhen","start","email","titleCase","status","Paragraph","marginTop","Button","chromeless","onPress","XStack","flexShrink","s","charAt","toUpperCase","slice","toLowerCase"],"sources":["Confirmation.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Confirmation_exports = {};\n__export(Confirmation_exports, {\n Confirmation: () => Confirmation\n});\nmodule.exports = __toCommonJS(Confirmation_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_client = require(\"./client\");\nvar import_hooks = require(\"./hooks\");\nvar import_time = require(\"./time\");\nvar import_time2 = require(\"./time\");\nfunction Confirmation(param) {\n var { booking, uid, apiUrl, timeZone, onDone } = param;\n var _data_attendees;\n var api = apiUrl !== null && apiUrl !== void 0 ? apiUrl : import_client.DEFAULT_API_URL;\n var tz = timeZone !== null && timeZone !== void 0 ? timeZone : (0, import_time.visitorTimeZone)();\n var fetched = (0, import_hooks.useBooking)(api, booking ? void 0 : uid);\n var data = booking !== null && booking !== void 0 ? booking : fetched.data;\n if (!data && fetched.loading) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"$6\",\n gap: \"$3\",\n minHeight: 200,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Spinner, {\n size: \"large\",\n color: \"$color9\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$3\",\n color: \"$color10\",\n children: \"Loading your booking\\u2026\"\n })\n ]\n });\n }\n if (!data) {\n var _fetched_error;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"$6\",\n gap: \"$2\",\n minHeight: 200,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$4\",\n fontWeight: \"600\",\n color: \"$color12\",\n children: \"Booking not found\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$3\",\n color: \"$color10\",\n textAlign: \"center\",\n children: (_fetched_error = fetched.error) !== null && _fetched_error !== void 0 ? _fetched_error : \"We could not load this booking.\"\n })\n ]\n });\n }\n var attendee = (_data_attendees = data.attendees) === null || _data_attendees === void 0 ? void 0 : _data_attendees[0];\n var location = data.location;\n var _attendee_email;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$3\",\n padding: \"$1\",\n alignItems: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n width: 52,\n height: 52,\n borderRadius: 9999,\n backgroundColor: \"$green4\",\n alignItems: \"center\",\n justifyContent: \"center\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$8\",\n color: \"$green11\",\n children: \"\\u2713\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$1\",\n alignItems: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$7\",\n fontWeight: \"700\",\n color: \"$color12\",\n textAlign: \"center\",\n children: \"You're booked\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$4\",\n color: \"$color11\",\n textAlign: \"center\",\n children: data.title\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Separator, {\n width: \"100%\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$2.5\",\n width: \"100%\",\n maxWidth: 420,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {\n label: \"When\",\n value: (0, import_time2.formatBookingWhen)(data.start, tz)\n }),\n location ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {\n label: \"Where\",\n value: location\n }) : null,\n (attendee === null || attendee === void 0 ? void 0 : attendee.email) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {\n label: \"Guest\",\n value: attendee.email\n }) : null,\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {\n label: \"Status\",\n value: titleCase(data.status)\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {\n label: \"Reference\",\n value: data.uid\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {\n size: \"$2\",\n color: \"$color10\",\n textAlign: \"center\",\n marginTop: \"$1\",\n children: [\n \"A calendar invite is on its way to \",\n (_attendee_email = attendee === null || attendee === void 0 ? void 0 : attendee.email) !== null && _attendee_email !== void 0 ? _attendee_email : \"your inbox\",\n \".\"\n ]\n }),\n onDone ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n chromeless: true,\n onPress: onDone,\n marginTop: \"$1\",\n children: \"Book another time\"\n }) : null\n ]\n });\n}\nfunction Row(param) {\n var { label, value } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n justifyContent: \"space-between\",\n gap: \"$3\",\n alignItems: \"flex-start\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$3\",\n color: \"$color10\",\n children: label\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n size: \"$3\",\n color: \"$color12\",\n fontWeight: \"500\",\n textAlign: \"right\",\n flexShrink: 1,\n children: value\n })\n ]\n });\n}\nfunction titleCase(s) {\n if (!s) return \"\";\n return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n//# sourceMappingURL=Confirmation.js.map\n"],"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
|