uapp-communication-sdk 1.0.0-dev.59 → 1.0.0-dev.60
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/communication-sdk.cjs +1 -1
- package/communication-sdk.js +874 -813
- package/communication-sdk.standalone.js +93 -93
- package/package.json +1 -1
- package/types/features/meetings/domain/slot-availability.d.ts +1 -0
- package/types/features/meetings/domain/slot-availability.d.ts.map +1 -1
- package/types/features/meetings/infrastructure/dto/meeting-dtos.d.ts +60 -0
- package/types/features/meetings/infrastructure/dto/meeting-dtos.d.ts.map +1 -1
- package/types/features/meetings/infrastructure/meeting-mappers.d.ts.map +1 -1
- package/types/features/meetings/presentation/AttendeeSidebar.d.ts.map +1 -1
- package/types/features/meetings/presentation/StepTime.d.ts.map +1 -1
- package/types/features/meetings/presentation/TimelineGrid.d.ts.map +1 -1
- package/types/features/meetings/presentation/booking-helpers.d.ts +19 -2
- package/types/features/meetings/presentation/booking-helpers.d.ts.map +1 -1
- package/types/features/settings/presentation/GroupCategoriesPage.d.ts.map +1 -1
package/communication-sdk.js
CHANGED
|
@@ -31446,7 +31446,11 @@ var HX = encodeURIComponent, UX = {
|
|
|
31446
31446
|
busy: W(G({
|
|
31447
31447
|
startUtc: H(),
|
|
31448
31448
|
endUtc: H()
|
|
31449
|
-
}))
|
|
31449
|
+
})),
|
|
31450
|
+
workingHours: W(G({
|
|
31451
|
+
startUtc: H(),
|
|
31452
|
+
endUtc: H()
|
|
31453
|
+
})).optional()
|
|
31450
31454
|
}).passthrough()), YX = {
|
|
31451
31455
|
0: "pending",
|
|
31452
31456
|
1: "accepted",
|
|
@@ -31488,6 +31492,10 @@ var HX = encodeURIComponent, UX = {
|
|
|
31488
31492
|
busy: e.busy.map((e) => ({
|
|
31489
31493
|
startUtc: e.startUtc,
|
|
31490
31494
|
endUtc: e.endUtc
|
|
31495
|
+
})),
|
|
31496
|
+
workingHours: (e.workingHours ?? []).map((e) => ({
|
|
31497
|
+
startUtc: e.startUtc,
|
|
31498
|
+
endUtc: e.endUtc
|
|
31491
31499
|
}))
|
|
31492
31500
|
}), rZ = (e) => ({
|
|
31493
31501
|
contactId: e.isGroup === !0 ? null : e.contactId,
|
|
@@ -35983,7 +35991,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
35983
35991
|
}, T0 = (e, t, n) => {
|
|
35984
35992
|
let r = new Date(e).getTime(), i = new Date(t).getTime();
|
|
35985
35993
|
return n.some((e) => new Date(e.startUtc).getTime() < i && new Date(e.endUtc).getTime() > r);
|
|
35986
|
-
}, E0 = (e) => {
|
|
35994
|
+
}, E0 = (e, t, n) => {
|
|
35995
|
+
let r = new Date(e).getTime(), i = new Date(t).getTime();
|
|
35996
|
+
return n.some((e) => new Date(e.startUtc).getTime() <= r && new Date(e.endUtc).getTime() >= i);
|
|
35997
|
+
}, D0 = (e) => {
|
|
35987
35998
|
let t = (e) => {
|
|
35988
35999
|
let [t, n] = e.split(":").map(Number);
|
|
35989
36000
|
return (t ?? 0) * 60 + (n ?? 0);
|
|
@@ -35994,25 +36005,25 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
35994
36005
|
label: `${n(a)} – ${n(a + 30)}`
|
|
35995
36006
|
});
|
|
35996
36007
|
return i;
|
|
35997
|
-
},
|
|
36008
|
+
}, O0 = (e, t) => {
|
|
35998
36009
|
let n = e ?? t, r = n.getFullYear(), i = String(n.getMonth() + 1).padStart(2, "0"), a = String(n.getDate()).padStart(2, "0");
|
|
35999
36010
|
return `${String(r)}-${i}-${a}`;
|
|
36000
|
-
},
|
|
36011
|
+
}, k0 = (e, t) => new Date(e).toLocaleTimeString("en-GB", {
|
|
36001
36012
|
hour: "2-digit",
|
|
36002
36013
|
minute: "2-digit",
|
|
36003
36014
|
hour12: !1,
|
|
36004
36015
|
timeZone: t
|
|
36005
|
-
}),
|
|
36016
|
+
}), A0 = (e, t, n) => !e || !t ? "" : `${k0(e, n)} – ${k0(t, n)}`, j0 = (e, t) => e ? new Date(e).toLocaleDateString("en-US", {
|
|
36006
36017
|
weekday: "short",
|
|
36007
36018
|
day: "numeric",
|
|
36008
36019
|
month: "short",
|
|
36009
36020
|
timeZone: t
|
|
36010
|
-
}) : "",
|
|
36011
|
-
if (
|
|
36021
|
+
}) : "", M0 = (e, t) => t.id !== "" && e === t.id, N0 = (e, t, n) => {
|
|
36022
|
+
if (M0(e, n)) return n.name.split(" ")[0] ?? n.name;
|
|
36012
36023
|
let r = t.find((t) => t.id === e);
|
|
36013
36024
|
return r === void 0 ? "" : r.name.split(" ")[0] ?? "";
|
|
36014
|
-
},
|
|
36015
|
-
if (
|
|
36025
|
+
}, P0 = (e, t, n) => {
|
|
36026
|
+
if (M0(e, n)) return {
|
|
36016
36027
|
name: `${n.name} (You)`,
|
|
36017
36028
|
role: n.role,
|
|
36018
36029
|
initials: n.initials,
|
|
@@ -36025,6 +36036,52 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36025
36036
|
initials: r?.initials ?? "",
|
|
36026
36037
|
color: r?.color ?? "#555"
|
|
36027
36038
|
};
|
|
36039
|
+
}, F0 = (e, t, n) => {
|
|
36040
|
+
let r = new Date(QN(e, "00:00", t)), i = n?.active ? n.slots.map((n) => ({
|
|
36041
|
+
start: new Date(QN(e, n.from, t)),
|
|
36042
|
+
end: new Date(QN(e, n.to, t))
|
|
36043
|
+
})) : [];
|
|
36044
|
+
return {
|
|
36045
|
+
rangeStart: r,
|
|
36046
|
+
rangeEnd: new Date(QN(e, "23:59", t)),
|
|
36047
|
+
workWindows: i
|
|
36048
|
+
};
|
|
36049
|
+
}, I0 = (e, t, n, r) => {
|
|
36050
|
+
let i = [], a = (e, t) => {
|
|
36051
|
+
i.push({
|
|
36052
|
+
startUtc: new Date(e).getTime(),
|
|
36053
|
+
endUtc: new Date(t).getTime()
|
|
36054
|
+
});
|
|
36055
|
+
};
|
|
36056
|
+
r.workWindows.forEach((e) => {
|
|
36057
|
+
a(e.start, e.end);
|
|
36058
|
+
}), n.forEach((e) => {
|
|
36059
|
+
a(e.start, e.end);
|
|
36060
|
+
}), e.forEach((e) => {
|
|
36061
|
+
let n = t.get(e);
|
|
36062
|
+
n && (n.workingHours.forEach((e) => {
|
|
36063
|
+
a(e.startUtc, e.endUtc);
|
|
36064
|
+
}), n.busy.forEach((e) => {
|
|
36065
|
+
a(e.startUtc, e.endUtc);
|
|
36066
|
+
}));
|
|
36067
|
+
});
|
|
36068
|
+
let o = r.rangeStart.getTime(), s = r.rangeEnd.getTime(), c = i.filter((e) => e.startUtc < s && e.endUtc > o).map((e) => ({
|
|
36069
|
+
startOffsetMs: Math.max(e.startUtc, o) - o,
|
|
36070
|
+
endOffsetMs: Math.min(e.endUtc, s) - o
|
|
36071
|
+
}));
|
|
36072
|
+
if (c.length === 0) return {
|
|
36073
|
+
start: "09:00",
|
|
36074
|
+
end: "17:00"
|
|
36075
|
+
};
|
|
36076
|
+
let l = 1440 * 60 * 1e3, u = 0;
|
|
36077
|
+
c.forEach((e) => {
|
|
36078
|
+
e.startOffsetMs < l && (l = e.startOffsetMs), e.endOffsetMs > u && (u = e.endOffsetMs);
|
|
36079
|
+
});
|
|
36080
|
+
let d = Math.floor(Math.max(0, l / 6e4 - 60) / 30) * 30, f = Math.ceil(Math.min(1440, u / 6e4 + 60) / 30) * 30, p = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
|
|
36081
|
+
return {
|
|
36082
|
+
start: p(d),
|
|
36083
|
+
end: p(f)
|
|
36084
|
+
};
|
|
36028
36085
|
}, X = {
|
|
36029
36086
|
bookCard: "_bookCard_g1hkd_7",
|
|
36030
36087
|
bookTopBar: "_bookTopBar_g1hkd_16",
|
|
@@ -36077,7 +36134,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36077
36134
|
typeSelector: "_typeSelector_g1hkd_430",
|
|
36078
36135
|
typeBtn: "_typeBtn_g1hkd_438",
|
|
36079
36136
|
typeBtnActive: "_typeBtnActive_g1hkd_456"
|
|
36080
|
-
},
|
|
36137
|
+
}, L0 = ({ spanKey: e, name: t, dateLabel: n, formattedSlot: r }) => /* @__PURE__ */ (0, A.jsxs)(M.span, {
|
|
36081
36138
|
className: X.bookSummary,
|
|
36082
36139
|
initial: {
|
|
36083
36140
|
opacity: 0,
|
|
@@ -36102,17 +36159,17 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36102
36159
|
children: r
|
|
36103
36160
|
})
|
|
36104
36161
|
]
|
|
36105
|
-
}, e),
|
|
36162
|
+
}, e), R0 = ({ meetingType: e, contact: t, dateLabel: n, slot: r, selectedContactIds: i, groupTitle: a, formattedSlot: o }) => e === "1:1" ? t !== null && n !== "" && r !== null ? /* @__PURE__ */ (0, A.jsx)(L0, {
|
|
36106
36163
|
spanKey: "summary",
|
|
36107
36164
|
name: t.name,
|
|
36108
36165
|
dateLabel: n,
|
|
36109
36166
|
formattedSlot: o
|
|
36110
|
-
}) : null : i.length > 0 && n !== "" && r !== null ? /* @__PURE__ */ (0, A.jsx)(
|
|
36167
|
+
}) : null : i.length > 0 && n !== "" && r !== null ? /* @__PURE__ */ (0, A.jsx)(L0, {
|
|
36111
36168
|
spanKey: "group-summary",
|
|
36112
36169
|
name: `${a || "Group Meeting"} (${String(i.length)} guests)`,
|
|
36113
36170
|
dateLabel: n,
|
|
36114
36171
|
formattedSlot: o
|
|
36115
|
-
}) : null,
|
|
36172
|
+
}) : null, z0 = ({ success: e, meetingType: t, contact: n, dateLabel: r, slot: i, selectedContactIds: a, groupTitle: o, selectedSlot: s, tzId: c }) => {
|
|
36116
36173
|
if (e) return /* @__PURE__ */ (0, A.jsxs)(M.span, {
|
|
36117
36174
|
className: X.bookedNote,
|
|
36118
36175
|
initial: {
|
|
@@ -36129,24 +36186,24 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36129
36186
|
strokeWidth: 3
|
|
36130
36187
|
}), " Meeting booked — see the Scheduled tab."]
|
|
36131
36188
|
}, "done");
|
|
36132
|
-
let l =
|
|
36189
|
+
let l = R0({
|
|
36133
36190
|
meetingType: t,
|
|
36134
36191
|
contact: n,
|
|
36135
36192
|
dateLabel: r,
|
|
36136
36193
|
slot: i,
|
|
36137
36194
|
selectedContactIds: a,
|
|
36138
36195
|
groupTitle: o,
|
|
36139
|
-
formattedSlot: s ?
|
|
36196
|
+
formattedSlot: s ? A0(s.startUtc, s.endUtc, c) : ""
|
|
36140
36197
|
});
|
|
36141
36198
|
return l === null ? /* @__PURE__ */ (0, A.jsx)("span", {
|
|
36142
36199
|
className: X.bookHint,
|
|
36143
36200
|
children: t === "1:1" ? "Pick a person, a date, and a time to book." : "Select participants, set group title, pick a date and a time to book."
|
|
36144
36201
|
}, "hint") : l;
|
|
36145
|
-
},
|
|
36202
|
+
}, B0 = ({ contact: e, dateLabel: t, slot: n, canBook: r, success: i, meetingType: a, selectedContactIds: o, groupTitle: s, onBook: c, selectedSlot: l, tzId: u }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36146
36203
|
className: X.bookBar,
|
|
36147
36204
|
children: [/* @__PURE__ */ (0, A.jsx)(p_, {
|
|
36148
36205
|
mode: "wait",
|
|
36149
|
-
children: /* @__PURE__ */ (0, A.jsx)(
|
|
36206
|
+
children: /* @__PURE__ */ (0, A.jsx)(z0, {
|
|
36150
36207
|
success: i,
|
|
36151
36208
|
meetingType: a,
|
|
36152
36209
|
contact: e,
|
|
@@ -36167,7 +36224,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36167
36224
|
},
|
|
36168
36225
|
children: ["Confirm booking ", /* @__PURE__ */ (0, A.jsx)(er, { size: 15 })]
|
|
36169
36226
|
})]
|
|
36170
|
-
}),
|
|
36227
|
+
}), V0 = [
|
|
36171
36228
|
"Su",
|
|
36172
36229
|
"Mo",
|
|
36173
36230
|
"Tu",
|
|
@@ -36175,7 +36232,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36175
36232
|
"Th",
|
|
36176
36233
|
"Fr",
|
|
36177
36234
|
"Sa"
|
|
36178
|
-
],
|
|
36235
|
+
], H0 = [
|
|
36179
36236
|
"January",
|
|
36180
36237
|
"February",
|
|
36181
36238
|
"March",
|
|
@@ -36188,11 +36245,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36188
36245
|
"October",
|
|
36189
36246
|
"November",
|
|
36190
36247
|
"December"
|
|
36191
|
-
],
|
|
36248
|
+
], U0 = (e) => e.toLocaleDateString("en-GB", {
|
|
36192
36249
|
weekday: "short",
|
|
36193
36250
|
day: "2-digit",
|
|
36194
36251
|
month: "short"
|
|
36195
|
-
}),
|
|
36252
|
+
}), W0 = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), G0 = (e, t, n) => {
|
|
36196
36253
|
let r = new Date(e, t, 1).getDay(), i = new Date(e, t + 1, 0).getDate(), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = Array.from({ length: r }, () => null);
|
|
36197
36254
|
for (let r = 1; r <= i; r += 1) {
|
|
36198
36255
|
let i = new Date(e, t, r);
|
|
@@ -36200,15 +36257,15 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36200
36257
|
day: r,
|
|
36201
36258
|
date: i,
|
|
36202
36259
|
past: i < a,
|
|
36203
|
-
today:
|
|
36260
|
+
today: W0(i, n)
|
|
36204
36261
|
});
|
|
36205
36262
|
}
|
|
36206
36263
|
return o;
|
|
36207
|
-
},
|
|
36264
|
+
}, K0 = {
|
|
36208
36265
|
col: "_col_18ut1_6",
|
|
36209
36266
|
colTitle: "_colTitle_18ut1_13",
|
|
36210
36267
|
stepDot: "_stepDot_18ut1_22"
|
|
36211
|
-
},
|
|
36268
|
+
}, q0 = ({ cell: e, selected: t, onPick: n }) => /* @__PURE__ */ (0, A.jsx)(M.button, {
|
|
36212
36269
|
type: "button",
|
|
36213
36270
|
disabled: e.past,
|
|
36214
36271
|
...e.past ? {} : {
|
|
@@ -36220,13 +36277,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36220
36277
|
n(e.date);
|
|
36221
36278
|
},
|
|
36222
36279
|
children: e.day
|
|
36223
|
-
}),
|
|
36280
|
+
}), J0 = ({ view: e, today: t, selected: n, onShift: r, onPick: i }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36224
36281
|
className: X.colCalendar,
|
|
36225
36282
|
children: [
|
|
36226
36283
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36227
|
-
className:
|
|
36284
|
+
className: K0.colTitle,
|
|
36228
36285
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
36229
|
-
className:
|
|
36286
|
+
className: K0.stepDot,
|
|
36230
36287
|
children: "2"
|
|
36231
36288
|
}), " Pick a date"]
|
|
36232
36289
|
}),
|
|
@@ -36235,7 +36292,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36235
36292
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
36236
36293
|
className: X.calMonth,
|
|
36237
36294
|
children: [
|
|
36238
|
-
|
|
36295
|
+
H0[e.month],
|
|
36239
36296
|
" ",
|
|
36240
36297
|
e.year
|
|
36241
36298
|
]
|
|
@@ -36264,7 +36321,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36264
36321
|
}),
|
|
36265
36322
|
/* @__PURE__ */ (0, A.jsx)("div", {
|
|
36266
36323
|
className: X.calDays,
|
|
36267
|
-
children:
|
|
36324
|
+
children: V0.map((e) => /* @__PURE__ */ (0, A.jsx)("span", {
|
|
36268
36325
|
className: X.calDayLabel,
|
|
36269
36326
|
children: e
|
|
36270
36327
|
}, e))
|
|
@@ -36288,20 +36345,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36288
36345
|
1
|
|
36289
36346
|
]
|
|
36290
36347
|
},
|
|
36291
|
-
children:
|
|
36348
|
+
children: G0(e.year, e.month, t).map((e, t) => e === null ? /* @__PURE__ */ (0, A.jsx)("span", { className: X.calCellBlank }, `blank-${String(t)}`) : /* @__PURE__ */ (0, A.jsx)(q0, {
|
|
36292
36349
|
cell: e,
|
|
36293
36350
|
selected: n,
|
|
36294
36351
|
onPick: i
|
|
36295
36352
|
}, e.day))
|
|
36296
36353
|
}, `${String(e.year)}-${String(e.month)}`)
|
|
36297
36354
|
]
|
|
36298
|
-
}),
|
|
36355
|
+
}), Y0 = {
|
|
36299
36356
|
hidden: {},
|
|
36300
36357
|
visible: { transition: {
|
|
36301
36358
|
staggerChildren: .05,
|
|
36302
36359
|
delayChildren: .05
|
|
36303
36360
|
} }
|
|
36304
|
-
},
|
|
36361
|
+
}, X0 = {
|
|
36305
36362
|
hidden: {
|
|
36306
36363
|
opacity: 0,
|
|
36307
36364
|
x: -8
|
|
@@ -36314,9 +36371,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36314
36371
|
ease: "easeOut"
|
|
36315
36372
|
}
|
|
36316
36373
|
}
|
|
36317
|
-
},
|
|
36374
|
+
}, Z0 = ({ icon: e, label: t, value: n }) => /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
36318
36375
|
className: X.confirmRow,
|
|
36319
|
-
variants:
|
|
36376
|
+
variants: X0,
|
|
36320
36377
|
children: [
|
|
36321
36378
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
36322
36379
|
className: X.confirmRowIcon,
|
|
@@ -36331,8 +36388,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36331
36388
|
children: n
|
|
36332
36389
|
})
|
|
36333
36390
|
]
|
|
36334
|
-
}),
|
|
36335
|
-
let u =
|
|
36391
|
+
}), Q0 = ({ open: e, contact: t, dateLabel: n, slot: r, zone: i, pending: a, onConfirm: o, onClose: s, selectedSlot: c, tzId: l }) => {
|
|
36392
|
+
let u = A0(c?.startUtc, c?.endUtc, l);
|
|
36336
36393
|
return /* @__PURE__ */ (0, A.jsx)(pb, {
|
|
36337
36394
|
open: e && t !== null && r !== null && n !== "",
|
|
36338
36395
|
onOpenChange: (e) => {
|
|
@@ -36369,26 +36426,26 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36369
36426
|
})]
|
|
36370
36427
|
}), /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
36371
36428
|
className: X.confirmRows,
|
|
36372
|
-
variants:
|
|
36429
|
+
variants: Y0,
|
|
36373
36430
|
initial: "hidden",
|
|
36374
36431
|
animate: "visible",
|
|
36375
36432
|
children: [
|
|
36376
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
36433
|
+
/* @__PURE__ */ (0, A.jsx)(Z0, {
|
|
36377
36434
|
icon: /* @__PURE__ */ (0, A.jsx)(sr, { size: 15 }),
|
|
36378
36435
|
label: "Date",
|
|
36379
36436
|
value: n
|
|
36380
36437
|
}),
|
|
36381
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
36438
|
+
/* @__PURE__ */ (0, A.jsx)(Z0, {
|
|
36382
36439
|
icon: /* @__PURE__ */ (0, A.jsx)(yr, { size: 15 }),
|
|
36383
36440
|
label: "Time",
|
|
36384
36441
|
value: u
|
|
36385
36442
|
}),
|
|
36386
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
36443
|
+
/* @__PURE__ */ (0, A.jsx)(Z0, {
|
|
36387
36444
|
icon: /* @__PURE__ */ (0, A.jsx)(Ar, { size: 15 }),
|
|
36388
36445
|
label: "Timezone",
|
|
36389
36446
|
value: `${i.city} · ${i.offset}`
|
|
36390
36447
|
}),
|
|
36391
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
36448
|
+
/* @__PURE__ */ (0, A.jsx)(Z0, {
|
|
36392
36449
|
icon: /* @__PURE__ */ (0, A.jsx)(Ei, { size: 15 }),
|
|
36393
36450
|
label: "Location",
|
|
36394
36451
|
value: "Online — link generated automatically"
|
|
@@ -36397,13 +36454,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36397
36454
|
})]
|
|
36398
36455
|
}) : null
|
|
36399
36456
|
});
|
|
36400
|
-
},
|
|
36457
|
+
}, $0 = {
|
|
36401
36458
|
titleWrap: "_titleWrap_18nb9_3",
|
|
36402
36459
|
titleInput: "_titleInput_18nb9_7"
|
|
36403
|
-
},
|
|
36460
|
+
}, e2 = {
|
|
36404
36461
|
hidden: {},
|
|
36405
36462
|
visible: { transition: { staggerChildren: .04 } }
|
|
36406
|
-
},
|
|
36463
|
+
}, t2 = ({ contact: e, active: t, onSelect: n }) => /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
36407
36464
|
type: "button",
|
|
36408
36465
|
layout: !0,
|
|
36409
36466
|
variants: cb,
|
|
@@ -36451,14 +36508,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36451
36508
|
}) })
|
|
36452
36509
|
})
|
|
36453
36510
|
]
|
|
36454
|
-
}),
|
|
36455
|
-
className:
|
|
36511
|
+
}), n2 = ({ contacts: e, selectedId: t, search: n, onSearch: r, onSelect: i, mode: a = "1:1", selectedIds: o = [], onSelectGroup: s, groupTitle: c = "", onGroupTitleChange: l }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36512
|
+
className: K0.col,
|
|
36456
36513
|
children: [
|
|
36457
36514
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36458
|
-
className:
|
|
36515
|
+
className: K0.colTitle,
|
|
36459
36516
|
children: [
|
|
36460
36517
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
36461
|
-
className:
|
|
36518
|
+
className: K0.stepDot,
|
|
36462
36519
|
children: "1"
|
|
36463
36520
|
}),
|
|
36464
36521
|
" ",
|
|
@@ -36466,10 +36523,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36466
36523
|
]
|
|
36467
36524
|
}),
|
|
36468
36525
|
a === "group" && l && /* @__PURE__ */ (0, A.jsx)("div", {
|
|
36469
|
-
className:
|
|
36526
|
+
className: $0.titleWrap,
|
|
36470
36527
|
children: /* @__PURE__ */ (0, A.jsx)("input", {
|
|
36471
36528
|
type: "text",
|
|
36472
|
-
className: O(X.searchInput,
|
|
36529
|
+
className: O(X.searchInput, $0.titleInput),
|
|
36473
36530
|
placeholder: "Group Event Title (e.g. Team Sync)",
|
|
36474
36531
|
value: c,
|
|
36475
36532
|
onChange: (e) => {
|
|
@@ -36494,12 +36551,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36494
36551
|
}),
|
|
36495
36552
|
/* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
36496
36553
|
className: X.contactList,
|
|
36497
|
-
variants:
|
|
36554
|
+
variants: e2,
|
|
36498
36555
|
initial: "hidden",
|
|
36499
36556
|
animate: "visible",
|
|
36500
36557
|
children: [/* @__PURE__ */ (0, A.jsx)(p_, {
|
|
36501
36558
|
initial: !1,
|
|
36502
|
-
children: e.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
36559
|
+
children: e.map((e) => /* @__PURE__ */ (0, A.jsx)(t2, {
|
|
36503
36560
|
contact: e,
|
|
36504
36561
|
active: a === "group" ? o.includes(e.id) : t === e.id,
|
|
36505
36562
|
onSelect: () => {
|
|
@@ -36595,14 +36652,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36595
36652
|
successBtn: "_successBtn_pyr7v_733",
|
|
36596
36653
|
successBtnPrimary: "_successBtnPrimary_pyr7v_743",
|
|
36597
36654
|
successBtnSecondary: "_successBtnSecondary_pyr7v_752"
|
|
36598
|
-
},
|
|
36655
|
+
}, r2 = {
|
|
36599
36656
|
titleVal: "_titleVal_195yt_3",
|
|
36600
36657
|
inlineIcon: "_inlineIcon_195yt_8",
|
|
36601
36658
|
agendaVal: "_agendaVal_195yt_13",
|
|
36602
36659
|
lastRow: "_lastRow_195yt_17",
|
|
36603
36660
|
guestList: "_guestList_195yt_21"
|
|
36604
|
-
},
|
|
36605
|
-
let t = e.selectedContactIds.map((t) => e.list.find((e) => e.id === t)), n = e.groupTitle.trim() === "" ? "Group Meeting" : e.groupTitle, r = e.selectedSlot ?
|
|
36661
|
+
}, i2 = ({ d: e }) => {
|
|
36662
|
+
let t = e.selectedContactIds.map((t) => e.list.find((e) => e.id === t)), n = e.groupTitle.trim() === "" ? "Group Meeting" : e.groupTitle, r = e.selectedSlot ? A0(e.selectedSlot.startUtc, e.selectedSlot.endUtc, e.tzId) : "No time selected", i = e.selectedSlot ? j0(e.selectedSlot.startUtc, e.tzId) : e.dateLabel;
|
|
36606
36663
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36607
36664
|
className: Z.wizardConfirmContainer,
|
|
36608
36665
|
children: [
|
|
@@ -36623,7 +36680,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36623
36680
|
className: Z.confirmLabel,
|
|
36624
36681
|
children: "Title"
|
|
36625
36682
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
36626
|
-
className: O(Z.confirmVal,
|
|
36683
|
+
className: O(Z.confirmVal, r2.titleVal),
|
|
36627
36684
|
children: n
|
|
36628
36685
|
})]
|
|
36629
36686
|
}),
|
|
@@ -36653,7 +36710,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36653
36710
|
className: Z.confirmVal,
|
|
36654
36711
|
children: [/* @__PURE__ */ (0, A.jsx)(Br, {
|
|
36655
36712
|
size: 13,
|
|
36656
|
-
className:
|
|
36713
|
+
className: r2.inlineIcon
|
|
36657
36714
|
}), e.groupLocation]
|
|
36658
36715
|
})]
|
|
36659
36716
|
}),
|
|
@@ -36663,17 +36720,17 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36663
36720
|
className: Z.confirmLabel,
|
|
36664
36721
|
children: "Agenda"
|
|
36665
36722
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
36666
|
-
className: O(Z.confirmVal,
|
|
36723
|
+
className: O(Z.confirmVal, r2.agendaVal),
|
|
36667
36724
|
children: e.groupDescription
|
|
36668
36725
|
})]
|
|
36669
36726
|
}),
|
|
36670
36727
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36671
|
-
className: O(Z.confirmRow,
|
|
36728
|
+
className: O(Z.confirmRow, r2.lastRow),
|
|
36672
36729
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
36673
36730
|
className: Z.confirmLabel,
|
|
36674
36731
|
children: "Invited Guests"
|
|
36675
36732
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
36676
|
-
className: O(Z.confirmVal,
|
|
36733
|
+
className: O(Z.confirmVal, r2.guestList),
|
|
36677
36734
|
children: t.map((e) => e === void 0 ? null : /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
36678
36735
|
className: Z.confirmAttendeeBadge,
|
|
36679
36736
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
@@ -36688,7 +36745,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36688
36745
|
})
|
|
36689
36746
|
]
|
|
36690
36747
|
});
|
|
36691
|
-
},
|
|
36748
|
+
}, a2 = {
|
|
36692
36749
|
wizardDetailsForm: "_wizardDetailsForm_79bfd_3",
|
|
36693
36750
|
detailsHeading: "_detailsHeading_79bfd_11",
|
|
36694
36751
|
detailsSub: "_detailsSub_79bfd_18",
|
|
@@ -36696,25 +36753,25 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36696
36753
|
formLabel: "_formLabel_79bfd_28",
|
|
36697
36754
|
formInput: "_formInput_79bfd_37",
|
|
36698
36755
|
formTextarea: "_formTextarea_79bfd_54"
|
|
36699
|
-
},
|
|
36700
|
-
className:
|
|
36756
|
+
}, o2 = ({ d: e }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36757
|
+
className: a2.wizardDetailsForm,
|
|
36701
36758
|
children: [
|
|
36702
36759
|
/* @__PURE__ */ (0, A.jsx)("h3", {
|
|
36703
|
-
className:
|
|
36760
|
+
className: a2.detailsHeading,
|
|
36704
36761
|
children: "Meeting details"
|
|
36705
36762
|
}),
|
|
36706
36763
|
/* @__PURE__ */ (0, A.jsx)("p", {
|
|
36707
|
-
className:
|
|
36764
|
+
className: a2.detailsSub,
|
|
36708
36765
|
children: "Add context to the invite so attendees know what to expect."
|
|
36709
36766
|
}),
|
|
36710
36767
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36711
|
-
className:
|
|
36768
|
+
className: a2.formGroup,
|
|
36712
36769
|
children: [/* @__PURE__ */ (0, A.jsx)("label", {
|
|
36713
|
-
className:
|
|
36770
|
+
className: a2.formLabel,
|
|
36714
36771
|
children: "MEETING TITLE *"
|
|
36715
36772
|
}), /* @__PURE__ */ (0, A.jsx)("input", {
|
|
36716
36773
|
type: "text",
|
|
36717
|
-
className:
|
|
36774
|
+
className: a2.formInput,
|
|
36718
36775
|
placeholder: "e.g. Weekly Admissions Alignment",
|
|
36719
36776
|
value: e.groupTitle,
|
|
36720
36777
|
onChange: (t) => {
|
|
@@ -36723,13 +36780,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36723
36780
|
})]
|
|
36724
36781
|
}),
|
|
36725
36782
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36726
|
-
className:
|
|
36783
|
+
className: a2.formGroup,
|
|
36727
36784
|
children: [/* @__PURE__ */ (0, A.jsx)("label", {
|
|
36728
|
-
className:
|
|
36785
|
+
className: a2.formLabel,
|
|
36729
36786
|
children: "LOCATION / TYPE *"
|
|
36730
36787
|
}), /* @__PURE__ */ (0, A.jsx)("input", {
|
|
36731
36788
|
type: "text",
|
|
36732
|
-
className:
|
|
36789
|
+
className: a2.formInput,
|
|
36733
36790
|
placeholder: "e.g. Google Meet, Room 402",
|
|
36734
36791
|
value: e.groupLocation,
|
|
36735
36792
|
onChange: (t) => {
|
|
@@ -36738,12 +36795,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36738
36795
|
})]
|
|
36739
36796
|
}),
|
|
36740
36797
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36741
|
-
className:
|
|
36798
|
+
className: a2.formGroup,
|
|
36742
36799
|
children: [/* @__PURE__ */ (0, A.jsx)("label", {
|
|
36743
|
-
className:
|
|
36800
|
+
className: a2.formLabel,
|
|
36744
36801
|
children: "AGENDA / DESCRIPTION"
|
|
36745
36802
|
}), /* @__PURE__ */ (0, A.jsx)("textarea", {
|
|
36746
|
-
className:
|
|
36803
|
+
className: a2.formTextarea,
|
|
36747
36804
|
rows: 5,
|
|
36748
36805
|
placeholder: "What will you cover in this meeting? (optional)",
|
|
36749
36806
|
value: e.groupDescription,
|
|
@@ -36753,14 +36810,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36753
36810
|
})]
|
|
36754
36811
|
})
|
|
36755
36812
|
]
|
|
36756
|
-
}),
|
|
36813
|
+
}), s2 = {
|
|
36757
36814
|
searchWrap: "_searchWrap_3i51q_3",
|
|
36758
36815
|
contactMeta: "_contactMeta_3i51q_7",
|
|
36759
36816
|
selectedMeta: "_selectedMeta_3i51q_13"
|
|
36760
|
-
},
|
|
36817
|
+
}, c2 = ({ d: e, isSelected: t, onToggle: n }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36761
36818
|
className: Z.wizardPanelLeft,
|
|
36762
36819
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36763
|
-
className:
|
|
36820
|
+
className: s2.searchWrap,
|
|
36764
36821
|
children: [/* @__PURE__ */ (0, A.jsx)("h3", {
|
|
36765
36822
|
className: Z.panelHeading,
|
|
36766
36823
|
children: "Add participants"
|
|
@@ -36788,7 +36845,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36788
36845
|
children: e.initials
|
|
36789
36846
|
}),
|
|
36790
36847
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36791
|
-
className:
|
|
36848
|
+
className: s2.contactMeta,
|
|
36792
36849
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
36793
36850
|
className: Z.contactName,
|
|
36794
36851
|
children: e.name
|
|
@@ -36807,7 +36864,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36807
36864
|
]
|
|
36808
36865
|
}, e.id))
|
|
36809
36866
|
})]
|
|
36810
|
-
}),
|
|
36867
|
+
}), l2 = ({ d: e, onToggle: t }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36811
36868
|
className: Z.wizardPanelRight,
|
|
36812
36869
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36813
36870
|
className: Z.panelHeader,
|
|
@@ -36860,7 +36917,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36860
36917
|
children: r.initials
|
|
36861
36918
|
}),
|
|
36862
36919
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36863
|
-
className:
|
|
36920
|
+
className: s2.selectedMeta,
|
|
36864
36921
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
36865
36922
|
className: Z.cardName,
|
|
36866
36923
|
children: r.name
|
|
@@ -36882,22 +36939,22 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36882
36939
|
})
|
|
36883
36940
|
})
|
|
36884
36941
|
})]
|
|
36885
|
-
}),
|
|
36942
|
+
}), u2 = ({ d: e }) => {
|
|
36886
36943
|
let t = (t) => e.selectedContactIds.includes(t), n = (n) => {
|
|
36887
36944
|
t(n) ? e.setSelectedContactIds(e.selectedContactIds.filter((e) => e !== n)) : e.setSelectedContactIds([...e.selectedContactIds, n]);
|
|
36888
36945
|
};
|
|
36889
36946
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36890
36947
|
className: Z.wizardRow,
|
|
36891
|
-
children: [/* @__PURE__ */ (0, A.jsx)(
|
|
36948
|
+
children: [/* @__PURE__ */ (0, A.jsx)(c2, {
|
|
36892
36949
|
d: e,
|
|
36893
36950
|
isSelected: t,
|
|
36894
36951
|
onToggle: n
|
|
36895
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
36952
|
+
}), /* @__PURE__ */ (0, A.jsx)(l2, {
|
|
36896
36953
|
d: e,
|
|
36897
36954
|
onToggle: n
|
|
36898
36955
|
})]
|
|
36899
36956
|
});
|
|
36900
|
-
},
|
|
36957
|
+
}, d2 = {
|
|
36901
36958
|
timelineContainer: "_timelineContainer_11xrs_3",
|
|
36902
36959
|
timelineHeaderRow: "_timelineHeaderRow_11xrs_18",
|
|
36903
36960
|
timelineTimeCell: "_timelineTimeCell_11xrs_27",
|
|
@@ -36911,26 +36968,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36911
36968
|
cellOoh: "_cellOoh_11xrs_98",
|
|
36912
36969
|
cellSelected: "_cellSelected_11xrs_109",
|
|
36913
36970
|
gridTooltip: "_gridTooltip_11xrs_114"
|
|
36914
|
-
},
|
|
36915
|
-
start: "00:00",
|
|
36916
|
-
end: "24:00"
|
|
36917
|
-
}, u2 = 30, d2 = (e, t, n) => {
|
|
36918
|
-
let r = new Date(QN(e, "00:00", t)), i = n?.active ? n.slots.map((n) => ({
|
|
36919
|
-
start: new Date(QN(e, n.from, t)),
|
|
36920
|
-
end: new Date(QN(e, n.to, t))
|
|
36921
|
-
})) : [];
|
|
36922
|
-
return {
|
|
36923
|
-
rangeStart: r,
|
|
36924
|
-
rangeEnd: new Date(QN(e, "23:59", t)),
|
|
36925
|
-
workWindows: i
|
|
36926
|
-
};
|
|
36927
|
-
}, f2 = (e, t, n) => {
|
|
36971
|
+
}, f2 = 30, p2 = (e, t, n) => {
|
|
36928
36972
|
let r = QN(t, e.start, n);
|
|
36929
36973
|
return {
|
|
36930
36974
|
startUtc: r,
|
|
36931
|
-
endUtc: new Date(new Date(r).getTime() +
|
|
36975
|
+
endUtc: new Date(new Date(r).getTime() + f2 * 6e4).toISOString()
|
|
36932
36976
|
};
|
|
36933
|
-
},
|
|
36977
|
+
}, m2 = (e, t, n) => {
|
|
36934
36978
|
let r = new Date(new Date(n.startUtc).getTime() + e.groupDuration * 6e4).toISOString();
|
|
36935
36979
|
e.pickSlot({
|
|
36936
36980
|
label: t,
|
|
@@ -36938,21 +36982,31 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36938
36982
|
endUtc: r,
|
|
36939
36983
|
conflicts: []
|
|
36940
36984
|
});
|
|
36941
|
-
},
|
|
36942
|
-
let
|
|
36985
|
+
}, h2 = ({ id: e, d: t, rowInstants: n, serverBusy: r, selfBounds: i, allBlocks: a }) => {
|
|
36986
|
+
let o = r.get(e);
|
|
36987
|
+
return o === void 0 ? t.selected === null ? "ooh" : IX({
|
|
36943
36988
|
userId: e,
|
|
36944
|
-
selfUserId:
|
|
36945
|
-
slotStart: new Date(
|
|
36946
|
-
slotEnd: new Date(
|
|
36947
|
-
allBlocks:
|
|
36948
|
-
rangeStart:
|
|
36949
|
-
rangeEnd:
|
|
36950
|
-
workWindows:
|
|
36951
|
-
}) : T0(
|
|
36989
|
+
selfUserId: t.viewer.id,
|
|
36990
|
+
slotStart: new Date(n.startUtc),
|
|
36991
|
+
slotEnd: new Date(n.endUtc),
|
|
36992
|
+
allBlocks: a,
|
|
36993
|
+
rangeStart: i.rangeStart,
|
|
36994
|
+
rangeEnd: i.rangeEnd,
|
|
36995
|
+
workWindows: i.workWindows
|
|
36996
|
+
}) : T0(n.startUtc, n.endUtc, o.busy) ? "busy" : o.workingHours.length > 0 && !E0(n.startUtc, n.endUtc, o.workingHours) ? "ooh" : "available";
|
|
36997
|
+
}, g2 = ({ id: e, slotItem: t, d: n, allBlocks: r, serverBusy: i, rowInstants: a, selfBounds: o, isSelected: s, hoverCell: c, setHoverCell: l }) => {
|
|
36998
|
+
let u = h2({
|
|
36999
|
+
id: e,
|
|
37000
|
+
d: n,
|
|
37001
|
+
rowInstants: a,
|
|
37002
|
+
serverBusy: i,
|
|
37003
|
+
selfBounds: o,
|
|
37004
|
+
allBlocks: r
|
|
37005
|
+
}), d = c !== null && c.userId === e && c.slotLabel === t.label;
|
|
36952
37006
|
return /* @__PURE__ */ (0, A.jsx)("div", {
|
|
36953
|
-
className: O(
|
|
37007
|
+
className: O(d2.timelineCell, u === "available" && d2.cellAvail, u === "busy" && d2.cellBusy, u === "ooh" && d2.cellOoh, s && d2.cellSelected),
|
|
36954
37008
|
onClick: () => {
|
|
36955
|
-
|
|
37009
|
+
m2(n, t.label, a);
|
|
36956
37010
|
},
|
|
36957
37011
|
onMouseEnter: () => {
|
|
36958
37012
|
l({
|
|
@@ -36963,28 +37017,28 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36963
37017
|
onMouseLeave: () => {
|
|
36964
37018
|
l(null);
|
|
36965
37019
|
},
|
|
36966
|
-
children:
|
|
36967
|
-
className:
|
|
37020
|
+
children: d && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37021
|
+
className: d2.gridTooltip,
|
|
36968
37022
|
children: [
|
|
36969
|
-
/* @__PURE__ */ (0, A.jsx)("strong", { children:
|
|
37023
|
+
/* @__PURE__ */ (0, A.jsx)("strong", { children: N0(e, n.list, n.viewer) }),
|
|
36970
37024
|
" ·",
|
|
36971
37025
|
" ",
|
|
36972
|
-
|
|
37026
|
+
u.toUpperCase()
|
|
36973
37027
|
]
|
|
36974
37028
|
})
|
|
36975
37029
|
});
|
|
36976
|
-
},
|
|
36977
|
-
let u = t.slot === e.label, d =
|
|
37030
|
+
}, _2 = ({ slotItem: e, d: t, activeAttendees: n, allBlocks: r, serverBusy: i, isoDate: a, displayZone: o, selfBounds: s, hoverCell: c, setHoverCell: l }) => {
|
|
37031
|
+
let u = t.slot === e.label, d = p2(e, a, o), f = tP.from({ pick: o }).formatTime(d.startUtc);
|
|
36978
37032
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
36979
|
-
className:
|
|
37033
|
+
className: d2.timelineRow,
|
|
36980
37034
|
children: [/* @__PURE__ */ (0, A.jsx)("button", {
|
|
36981
37035
|
type: "button",
|
|
36982
|
-
className: O(
|
|
37036
|
+
className: O(d2.timelineTimeCell, u && d2.timelineTimeCellActive),
|
|
36983
37037
|
onClick: () => {
|
|
36984
|
-
|
|
37038
|
+
m2(t, e.label, d);
|
|
36985
37039
|
},
|
|
36986
37040
|
children: f
|
|
36987
|
-
}), n.map((n) => /* @__PURE__ */ (0, A.jsx)(
|
|
37041
|
+
}), n.map((n) => /* @__PURE__ */ (0, A.jsx)(g2, {
|
|
36988
37042
|
id: n,
|
|
36989
37043
|
slotItem: e,
|
|
36990
37044
|
d: t,
|
|
@@ -36997,37 +37051,37 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
36997
37051
|
setHoverCell: l
|
|
36998
37052
|
}, n + "-" + e.label))]
|
|
36999
37053
|
});
|
|
37000
|
-
},
|
|
37001
|
-
let s = e.tzId, c =
|
|
37054
|
+
}, v2 = ({ d: e, activeAttendees: t, allBlocks: n, serverBusy: r, isoDate: i, hoverCell: a, setHoverCell: o }) => {
|
|
37055
|
+
let s = e.tzId, c = F0(i, s, e.hostDayWindow), l = D0(I0(t, r, n, c));
|
|
37002
37056
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37003
|
-
className:
|
|
37057
|
+
className: d2.timelineContainer,
|
|
37004
37058
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37005
|
-
className:
|
|
37006
|
-
children: [/* @__PURE__ */ (0, A.jsx)("div", { className:
|
|
37007
|
-
className:
|
|
37008
|
-
children:
|
|
37059
|
+
className: d2.timelineHeaderRow,
|
|
37060
|
+
children: [/* @__PURE__ */ (0, A.jsx)("div", { className: d2.timelineTimeCell }), t.map((t) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37061
|
+
className: d2.timelineHeaderCell,
|
|
37062
|
+
children: N0(t, e.list, e.viewer)
|
|
37009
37063
|
}, t))]
|
|
37010
37064
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37011
|
-
className:
|
|
37012
|
-
children:
|
|
37013
|
-
slotItem:
|
|
37065
|
+
className: d2.timelineBody,
|
|
37066
|
+
children: l.map((l) => /* @__PURE__ */ (0, A.jsx)(_2, {
|
|
37067
|
+
slotItem: l,
|
|
37014
37068
|
d: e,
|
|
37015
37069
|
activeAttendees: t,
|
|
37016
37070
|
allBlocks: n,
|
|
37017
37071
|
serverBusy: r,
|
|
37018
37072
|
isoDate: i,
|
|
37019
37073
|
displayZone: s,
|
|
37020
|
-
selfBounds:
|
|
37074
|
+
selfBounds: c,
|
|
37021
37075
|
hoverCell: a,
|
|
37022
37076
|
setHoverCell: o
|
|
37023
|
-
},
|
|
37077
|
+
}, l.label))
|
|
37024
37078
|
})]
|
|
37025
37079
|
});
|
|
37026
|
-
},
|
|
37080
|
+
}, y2 = {
|
|
37027
37081
|
header: "_header_1afpk_3",
|
|
37028
37082
|
slotNote: "_slotNote_1afpk_7",
|
|
37029
37083
|
cardMeta: "_cardMeta_1afpk_12"
|
|
37030
|
-
},
|
|
37084
|
+
}, b2 = ({ userId: e, selfUserId: t, startStr: n, endStr: r, anchorTzId: i, isoDate: a, allBlocks: o, dayWindow: s }) => {
|
|
37031
37085
|
let c = s?.active ? s.slots.map((e) => ({
|
|
37032
37086
|
start: new Date(QN(a, e.from, i)),
|
|
37033
37087
|
end: new Date(QN(a, e.to, i))
|
|
@@ -37042,11 +37096,15 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37042
37096
|
rangeEnd: new Date(QN(a, "23:59", i)),
|
|
37043
37097
|
workWindows: c
|
|
37044
37098
|
});
|
|
37045
|
-
},
|
|
37099
|
+
}, x2 = (e, t, n) => {
|
|
37046
37100
|
let { id: r, d: i, allBlocks: a, serverBusy: o, anchorTzId: s, isoDate: c } = e, l = i.hostDayWindow;
|
|
37047
37101
|
if (i.selected === null || l === null) return "available";
|
|
37048
37102
|
let u = o.get(r);
|
|
37049
|
-
|
|
37103
|
+
if (u !== void 0) {
|
|
37104
|
+
let e = QN(c, t, s), r = QN(c, n, s);
|
|
37105
|
+
return T0(e, r, u.busy) ? "busy" : u.workingHours.length > 0 && !E0(e, r, u.workingHours) ? "ooh" : "available";
|
|
37106
|
+
}
|
|
37107
|
+
return b2({
|
|
37050
37108
|
userId: r,
|
|
37051
37109
|
selfUserId: i.viewer.id,
|
|
37052
37110
|
startStr: t,
|
|
@@ -37055,9 +37113,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37055
37113
|
isoDate: c,
|
|
37056
37114
|
allBlocks: a,
|
|
37057
37115
|
dayWindow: l
|
|
37058
|
-
})
|
|
37059
|
-
},
|
|
37060
|
-
let { id: t, d: n, curSlot: r } = e, i =
|
|
37116
|
+
});
|
|
37117
|
+
}, S2 = (e) => {
|
|
37118
|
+
let { id: t, d: n, curSlot: r } = e, i = P0(t, n.list, n.viewer), [a, o] = r ? r.split(" – ") : [null, null], s = a && o ? x2(e, a, o) : "available";
|
|
37061
37119
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37062
37120
|
className: Z.attendeeStatusItem,
|
|
37063
37121
|
children: [
|
|
@@ -37067,7 +37125,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37067
37125
|
children: i.initials
|
|
37068
37126
|
}),
|
|
37069
37127
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37070
|
-
className:
|
|
37128
|
+
className: y2.cardMeta,
|
|
37071
37129
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
37072
37130
|
className: Z.cardName,
|
|
37073
37131
|
children: i.name
|
|
@@ -37079,20 +37137,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37079
37137
|
/* @__PURE__ */ (0, A.jsx)("span", { className: O(Z.statusIndicator, s === "available" && Z.statusIndicatorAvail, s === "busy" && Z.statusIndicatorBusy, s === "ooh" && Z.statusIndicatorOoh) })
|
|
37080
37138
|
]
|
|
37081
37139
|
});
|
|
37082
|
-
},
|
|
37140
|
+
}, C2 = ({ d: e, activeAttendees: t, curSlot: n, allBlocks: r, serverBusy: i, anchorTzId: a, isoDate: o }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37083
37141
|
className: O(Z.wizardPanelLeft, Z.timePanelLeft),
|
|
37084
37142
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37085
|
-
className:
|
|
37143
|
+
className: y2.header,
|
|
37086
37144
|
children: [/* @__PURE__ */ (0, A.jsx)("h3", {
|
|
37087
37145
|
className: Z.panelHeading,
|
|
37088
37146
|
children: "Attendees Availability"
|
|
37089
37147
|
}), /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37090
|
-
className:
|
|
37148
|
+
className: y2.slotNote,
|
|
37091
37149
|
children: ["For selected slot: ", n ?? "None"]
|
|
37092
37150
|
})]
|
|
37093
37151
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37094
37152
|
className: Z.wizardList,
|
|
37095
|
-
children: t.map((t) => /* @__PURE__ */ (0, A.jsx)(
|
|
37153
|
+
children: t.map((t) => /* @__PURE__ */ (0, A.jsx)(S2, {
|
|
37096
37154
|
id: t,
|
|
37097
37155
|
d: e,
|
|
37098
37156
|
curSlot: n,
|
|
@@ -37102,7 +37160,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37102
37160
|
isoDate: o
|
|
37103
37161
|
}, t))
|
|
37104
37162
|
})]
|
|
37105
|
-
}),
|
|
37163
|
+
}), w2 = {
|
|
37106
37164
|
toolbarGroup: "_toolbarGroup_1hpun_3",
|
|
37107
37165
|
toolbarLabel: "_toolbarLabel_1hpun_9",
|
|
37108
37166
|
suggestedHeader: "_suggestedHeader_1hpun_15",
|
|
@@ -37111,10 +37169,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37111
37169
|
slotTime: "_slotTime_1hpun_34",
|
|
37112
37170
|
noSlots: "_noSlots_1hpun_40",
|
|
37113
37171
|
emptyIcon: "_emptyIcon_1hpun_46"
|
|
37114
|
-
},
|
|
37172
|
+
}, T2 = ({ suggestedOptions: e, slot: t, activeAttendeesCount: n, setSlot: r, tzId: i }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37115
37173
|
className: Z.suggestedRow,
|
|
37116
37174
|
children: [e.map((e) => {
|
|
37117
|
-
let a = t === e.label, o = n - e.conflicts.length, s =
|
|
37175
|
+
let a = t === e.label, o = n - e.conflicts.length, s = A0(e.startUtc, e.endUtc, i);
|
|
37118
37176
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
37119
37177
|
type: "button",
|
|
37120
37178
|
className: O(Z.suggestedCard, a && Z.suggestedCardActive, e.conflicts.length === 0 && Z.suggestedCardFree),
|
|
@@ -37122,22 +37180,22 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37122
37180
|
r(e.label);
|
|
37123
37181
|
},
|
|
37124
37182
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
37125
|
-
className:
|
|
37183
|
+
className: w2.freeBadge,
|
|
37126
37184
|
children: e.conflicts.length === 0 ? "ALL FREE" : `${String(o)}/${String(n)} FREE`
|
|
37127
37185
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37128
|
-
className:
|
|
37186
|
+
className: w2.slotTime,
|
|
37129
37187
|
children: s
|
|
37130
37188
|
})]
|
|
37131
37189
|
}, e.label);
|
|
37132
37190
|
}), e.length === 0 && /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37133
|
-
className:
|
|
37191
|
+
className: w2.noSlots,
|
|
37134
37192
|
children: "No suggested slots found."
|
|
37135
37193
|
})]
|
|
37136
|
-
}),
|
|
37194
|
+
}), E2 = ({ d: e }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37137
37195
|
className: Z.gridToolbar,
|
|
37138
37196
|
children: [
|
|
37139
37197
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37140
|
-
className:
|
|
37198
|
+
className: w2.toolbarGroup,
|
|
37141
37199
|
children: [/* @__PURE__ */ (0, A.jsx)(sr, {
|
|
37142
37200
|
size: 14,
|
|
37143
37201
|
color: "var(--color-primary)"
|
|
@@ -37151,9 +37209,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37151
37209
|
})]
|
|
37152
37210
|
}),
|
|
37153
37211
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37154
|
-
className:
|
|
37212
|
+
className: w2.toolbarGroup,
|
|
37155
37213
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37156
|
-
className:
|
|
37214
|
+
className: w2.toolbarLabel,
|
|
37157
37215
|
children: "DURATION"
|
|
37158
37216
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37159
37217
|
className: Z.durationSelector,
|
|
@@ -37190,13 +37248,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37190
37248
|
]
|
|
37191
37249
|
})
|
|
37192
37250
|
]
|
|
37193
|
-
}),
|
|
37251
|
+
}), D2 = ({ d: e, activeAttendees: t, allBlocks: n, serverBusy: r, isoDate: i, hoverCell: a, setHoverCell: o }) => e.selected === null ? /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37194
37252
|
className: Z.gridEmpty,
|
|
37195
37253
|
children: [/* @__PURE__ */ (0, A.jsx)(yr, {
|
|
37196
37254
|
size: 28,
|
|
37197
|
-
className:
|
|
37255
|
+
className: w2.emptyIcon
|
|
37198
37256
|
}), /* @__PURE__ */ (0, A.jsx)("span", { children: "Select a date above to display the availability grid." })]
|
|
37199
|
-
}) : /* @__PURE__ */ (0, A.jsx)(
|
|
37257
|
+
}) : /* @__PURE__ */ (0, A.jsx)(v2, {
|
|
37200
37258
|
d: e,
|
|
37201
37259
|
activeAttendees: t,
|
|
37202
37260
|
allBlocks: n,
|
|
@@ -37204,25 +37262,28 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37204
37262
|
isoDate: i,
|
|
37205
37263
|
hoverCell: a,
|
|
37206
37264
|
setHoverCell: o
|
|
37207
|
-
}),
|
|
37208
|
-
let t = zN().data ?? [], n = nP().anchor, r = e.selected === null ? null :
|
|
37265
|
+
}), O2 = (e) => {
|
|
37266
|
+
let t = zN().data ?? [], n = nP().anchor, r = e.selected === null ? null : O0(e.selected, e.today), i = _Z(e.selectedContactIds, r);
|
|
37209
37267
|
return {
|
|
37210
37268
|
allBlocks: t,
|
|
37211
37269
|
anchorTzId: n,
|
|
37212
37270
|
isoDate: r,
|
|
37213
37271
|
serverBusy: C(() => {
|
|
37214
37272
|
let e = /* @__PURE__ */ new Map();
|
|
37215
|
-
for (let t of i.data ?? []) e.set(t.userId,
|
|
37273
|
+
for (let t of i.data ?? []) e.set(t.userId, {
|
|
37274
|
+
busy: t.busy,
|
|
37275
|
+
workingHours: t.workingHours
|
|
37276
|
+
});
|
|
37216
37277
|
return e;
|
|
37217
37278
|
}, [i.data]),
|
|
37218
37279
|
activeAttendees: e.viewer.id === "" ? [...e.selectedContactIds] : [e.viewer.id, ...e.selectedContactIds],
|
|
37219
37280
|
curSlot: e.slot
|
|
37220
37281
|
};
|
|
37221
|
-
},
|
|
37222
|
-
let { allBlocks: t, anchorTzId: n, isoDate: r, serverBusy: i, activeAttendees: a, curSlot: o } =
|
|
37282
|
+
}, k2 = ({ d: e }) => {
|
|
37283
|
+
let { allBlocks: t, anchorTzId: n, isoDate: r, serverBusy: i, activeAttendees: a, curSlot: o } = O2(e), [s, c] = T(null);
|
|
37223
37284
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37224
37285
|
className: Z.wizardRow,
|
|
37225
|
-
children: [/* @__PURE__ */ (0, A.jsx)(
|
|
37286
|
+
children: [/* @__PURE__ */ (0, A.jsx)(C2, {
|
|
37226
37287
|
d: e,
|
|
37227
37288
|
activeAttendees: a,
|
|
37228
37289
|
curSlot: o,
|
|
@@ -37233,19 +37294,19 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37233
37294
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37234
37295
|
className: O(Z.wizardPanelRight, Z.timePanelRight),
|
|
37235
37296
|
children: [
|
|
37236
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
37297
|
+
/* @__PURE__ */ (0, A.jsx)(E2, { d: e }),
|
|
37237
37298
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37238
37299
|
className: Z.suggestedStrip,
|
|
37239
37300
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37240
|
-
className:
|
|
37301
|
+
className: w2.suggestedHeader,
|
|
37241
37302
|
children: [/* @__PURE__ */ (0, A.jsx)(gi, {
|
|
37242
37303
|
size: 12,
|
|
37243
37304
|
color: "var(--color-secondary)"
|
|
37244
37305
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
37245
|
-
className:
|
|
37306
|
+
className: w2.suggestedTitle,
|
|
37246
37307
|
children: "SUGGESTED TIMESLOTS"
|
|
37247
37308
|
})]
|
|
37248
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
37309
|
+
}), /* @__PURE__ */ (0, A.jsx)(T2, {
|
|
37249
37310
|
suggestedOptions: e.availableSlots.slice(0, 4),
|
|
37250
37311
|
slot: e.slot,
|
|
37251
37312
|
activeAttendeesCount: a.length,
|
|
@@ -37253,7 +37314,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37253
37314
|
tzId: e.tzId
|
|
37254
37315
|
})]
|
|
37255
37316
|
}),
|
|
37256
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
37317
|
+
/* @__PURE__ */ (0, A.jsx)(D2, {
|
|
37257
37318
|
d: e,
|
|
37258
37319
|
activeAttendees: a,
|
|
37259
37320
|
allBlocks: t,
|
|
@@ -37265,7 +37326,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37265
37326
|
]
|
|
37266
37327
|
})]
|
|
37267
37328
|
});
|
|
37268
|
-
},
|
|
37329
|
+
}, A2 = () => {
|
|
37269
37330
|
let [e, t] = T("participants"), [n, r] = T(30), [i, a] = T("Online Meeting"), [o, s] = T("");
|
|
37270
37331
|
return {
|
|
37271
37332
|
groupStep: e,
|
|
@@ -37280,25 +37341,25 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37280
37341
|
t("participants"), r(30), a("Online Meeting"), s("");
|
|
37281
37342
|
}
|
|
37282
37343
|
};
|
|
37283
|
-
},
|
|
37344
|
+
}, j2 = (e, t, n, r) => {
|
|
37284
37345
|
let i = e.s.meetingType === "group";
|
|
37285
37346
|
return {
|
|
37286
37347
|
contactId: i ? e.s.selectedContactIds[0] ?? "" : e.s.contactId ?? "",
|
|
37287
|
-
dateLabel:
|
|
37348
|
+
dateLabel: U0(t),
|
|
37288
37349
|
slot: n,
|
|
37289
37350
|
title: i ? e.s.groupTitle || "Group Meeting" : void 0,
|
|
37290
37351
|
isGroup: i,
|
|
37291
37352
|
attendeeIds: i ? e.s.selectedContactIds : void 0,
|
|
37292
37353
|
location: i ? e.gw.groupLocation : void 0,
|
|
37293
37354
|
description: i ? e.gw.groupDescription : void 0,
|
|
37294
|
-
isoDate:
|
|
37355
|
+
isoDate: O0(t, e.today),
|
|
37295
37356
|
startUtc: r?.startUtc,
|
|
37296
37357
|
endUtc: r?.endUtc
|
|
37297
37358
|
};
|
|
37298
|
-
},
|
|
37359
|
+
}, M2 = (e) => e.s.pickedSlot ?? (e.s.slot === null ? null : e.availableSlots.find((t) => t.label === e.s.slot) ?? null), N2 = (e) => () => {
|
|
37299
37360
|
if (e.s.slot === null || e.s.selected === null) return;
|
|
37300
|
-
let t =
|
|
37301
|
-
e.book.mutate(
|
|
37361
|
+
let t = M2(e);
|
|
37362
|
+
e.book.mutate(j2(e, e.s.selected, e.s.slot, t), {
|
|
37302
37363
|
onSuccess: () => {
|
|
37303
37364
|
e.s.setBookedSlot(t), e.s.setSlot(null), e.s.setPickedSlot(null), e.s.setConfirmOpen(!1);
|
|
37304
37365
|
},
|
|
@@ -37306,7 +37367,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37306
37367
|
XE.error(e.message);
|
|
37307
37368
|
}
|
|
37308
37369
|
});
|
|
37309
|
-
},
|
|
37370
|
+
}, P2 = (e) => ({
|
|
37310
37371
|
setMeetingType: (t) => {
|
|
37311
37372
|
e.s.setMeetingType(t), t === "group" && e.resetGroupWizard();
|
|
37312
37373
|
},
|
|
@@ -37341,9 +37402,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37341
37402
|
setGroupDescription: e.gw.setGroupDescription,
|
|
37342
37403
|
resetGroupWizard: e.resetGroupWizard,
|
|
37343
37404
|
reset: e.reset,
|
|
37344
|
-
confirm:
|
|
37345
|
-
}),
|
|
37346
|
-
let t =
|
|
37405
|
+
confirm: N2(e)
|
|
37406
|
+
}), F2 = (e) => {
|
|
37407
|
+
let t = P2(e);
|
|
37347
37408
|
return {
|
|
37348
37409
|
today: e.today,
|
|
37349
37410
|
viewer: e.viewer,
|
|
@@ -37356,13 +37417,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37356
37417
|
view: e.s.view,
|
|
37357
37418
|
selected: e.s.selected,
|
|
37358
37419
|
slot: e.s.slot,
|
|
37359
|
-
selectedSlot:
|
|
37420
|
+
selectedSlot: M2(e),
|
|
37360
37421
|
bookedSlot: e.s.bookedSlot,
|
|
37361
37422
|
confirmOpen: e.s.confirmOpen,
|
|
37362
37423
|
list: e.list,
|
|
37363
37424
|
searchResults: e.searchResults,
|
|
37364
37425
|
contact: e.contact,
|
|
37365
|
-
dateLabel: e.s.selected === null ? "" :
|
|
37426
|
+
dateLabel: e.s.selected === null ? "" : U0(e.s.selected),
|
|
37366
37427
|
zone: AX(e.tzId),
|
|
37367
37428
|
canBook: (e.s.meetingType === "1:1" ? e.s.contactId !== null : e.s.selectedContactIds.length > 0) && e.s.selected !== null && e.s.slot !== null && !e.book.isPending,
|
|
37368
37429
|
pending: e.book.isPending,
|
|
@@ -37375,7 +37436,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37375
37436
|
groupDescription: e.gw.groupDescription,
|
|
37376
37437
|
...t
|
|
37377
37438
|
};
|
|
37378
|
-
},
|
|
37439
|
+
}, I2 = (e, t) => {
|
|
37379
37440
|
let [n, r] = T(e);
|
|
37380
37441
|
return y(() => {
|
|
37381
37442
|
let n = setTimeout(() => {
|
|
@@ -37385,7 +37446,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37385
37446
|
clearTimeout(n);
|
|
37386
37447
|
};
|
|
37387
37448
|
}, [e, t]), n;
|
|
37388
|
-
},
|
|
37449
|
+
}, L2 = (e) => `${String(e.getFullYear())}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, R2 = (e) => {
|
|
37389
37450
|
let t = [
|
|
37390
37451
|
"mon",
|
|
37391
37452
|
"tue",
|
|
@@ -37404,19 +37465,19 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37404
37465
|
}] : []
|
|
37405
37466
|
};
|
|
37406
37467
|
return n;
|
|
37407
|
-
},
|
|
37408
|
-
isoDate:
|
|
37468
|
+
}, z2 = (e, t) => e.selected === null ? null : e.meetingType === "group" ? e.selectedContactIds.length === 0 ? null : {
|
|
37469
|
+
isoDate: L2(e.selected),
|
|
37409
37470
|
timeZone: t,
|
|
37410
37471
|
isGroup: !0,
|
|
37411
37472
|
contactId: void 0,
|
|
37412
37473
|
attendeeIds: [...e.selectedContactIds].sort()
|
|
37413
37474
|
} : e.contactId === null ? null : {
|
|
37414
|
-
isoDate:
|
|
37475
|
+
isoDate: L2(e.selected),
|
|
37415
37476
|
timeZone: t,
|
|
37416
37477
|
isGroup: !1,
|
|
37417
37478
|
contactId: e.contactId,
|
|
37418
37479
|
attendeeIds: void 0
|
|
37419
|
-
},
|
|
37480
|
+
}, B2 = (e) => {
|
|
37420
37481
|
let [t, n] = T("1:1"), [r, i] = T(null), [a, o] = T([]), [s, c] = T(""), [l, u] = T(""), [d, f] = T(""), [p, m] = T({
|
|
37421
37482
|
year: e.getFullYear(),
|
|
37422
37483
|
month: e.getMonth()
|
|
@@ -37447,8 +37508,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37447
37508
|
confirmOpen: C,
|
|
37448
37509
|
setConfirmOpen: w
|
|
37449
37510
|
};
|
|
37450
|
-
},
|
|
37451
|
-
let e = vZ(), t = w0(), n = /* @__PURE__ */ new Date(), r =
|
|
37511
|
+
}, V2 = () => {
|
|
37512
|
+
let e = vZ(), t = w0(), n = /* @__PURE__ */ new Date(), r = A2(), i = B2(n), a = I2(i.search, 250), o = mZ(), s = mZ(a), c = UN(), l = IN(), u = _R(), d = o.data ?? [], f = d, p = s.data ?? [], m = d.find((e) => e.id === i.contactId) ?? null, h = c.data ?? {
|
|
37452
37513
|
meetingDuration: r.groupDuration,
|
|
37453
37514
|
bufferMinutes: 5,
|
|
37454
37515
|
workStart: "09:00",
|
|
@@ -37460,8 +37521,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37460
37521
|
pick: i.tzId,
|
|
37461
37522
|
personal: h.timezone,
|
|
37462
37523
|
anchor: h.availabilityTimezone
|
|
37463
|
-
}).display, _ = u.data ?
|
|
37464
|
-
return
|
|
37524
|
+
}).display, _ = u.data ? R2(II(u.data, h.branchId)) : null, v = vO(l.data ?? null, _), y = i.selected === null ? null : yO(v, i.selected);
|
|
37525
|
+
return F2({
|
|
37465
37526
|
today: n,
|
|
37466
37527
|
viewer: t,
|
|
37467
37528
|
s: i,
|
|
@@ -37470,7 +37531,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37470
37531
|
list: f,
|
|
37471
37532
|
searchResults: p,
|
|
37472
37533
|
contact: m,
|
|
37473
|
-
availableSlots: gZ(
|
|
37534
|
+
availableSlots: gZ(z2(i, g)).data ?? [],
|
|
37474
37535
|
hostDayWindow: y,
|
|
37475
37536
|
tzId: g,
|
|
37476
37537
|
setTzId: (e) => {
|
|
@@ -37483,10 +37544,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37483
37544
|
e.reset(), i.setContactId(null), i.setSelectedContactIds([]), i.setGroupTitle(""), i.setSlot(null), i.setPickedSlot(null), i.setBookedSlot(null), i.setSelected(null), r.resetGroupWizardState();
|
|
37484
37545
|
}
|
|
37485
37546
|
});
|
|
37486
|
-
},
|
|
37547
|
+
}, H2 = {
|
|
37487
37548
|
wizardContentClip: "_wizardContentClip_14i7n_3",
|
|
37488
37549
|
wizardStep: "_wizardStep_14i7n_8"
|
|
37489
|
-
},
|
|
37550
|
+
}, U2 = ({ currentStep: e }) => {
|
|
37490
37551
|
let t = [
|
|
37491
37552
|
{
|
|
37492
37553
|
id: "participants",
|
|
@@ -37524,27 +37585,27 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37524
37585
|
})] }, e.id);
|
|
37525
37586
|
})
|
|
37526
37587
|
});
|
|
37527
|
-
},
|
|
37588
|
+
}, W2 = (e) => e === "participants" ? "time" : e === "time" ? "details" : e === "details" ? "confirm" : null, G2 = (e) => e === "time" ? "participants" : e === "details" ? "time" : e === "confirm" ? "details" : null, K2 = ({ step: e, selectedContactIds: t, slot: n, title: r, location: i, pending: a }) => e === "participants" ? t.length === 0 : e === "time" ? n === null : e === "details" ? r.trim() === "" || i.trim() === "" : a, q2 = (e) => e === "participants" ? "Next: Find a time" : e === "time" ? "Next: Details" : e === "details" ? "Next: Confirm" : "Confirm Booking", J2 = ({ d: e }) => {
|
|
37528
37589
|
let t = () => {
|
|
37529
|
-
let t =
|
|
37590
|
+
let t = G2(e.groupStep);
|
|
37530
37591
|
t ? e.setGroupStep(t) : e.setMeetingType("1:1");
|
|
37531
37592
|
}, n = () => {
|
|
37532
|
-
let t =
|
|
37593
|
+
let t = W2(e.groupStep);
|
|
37533
37594
|
t ? e.setGroupStep(t) : e.confirm();
|
|
37534
|
-
}, r =
|
|
37595
|
+
}, r = K2({
|
|
37535
37596
|
step: e.groupStep,
|
|
37536
37597
|
selectedContactIds: e.selectedContactIds,
|
|
37537
37598
|
slot: e.slot,
|
|
37538
37599
|
title: e.groupTitle,
|
|
37539
37600
|
location: e.groupLocation,
|
|
37540
37601
|
pending: e.pending
|
|
37541
|
-
}), i =
|
|
37602
|
+
}), i = q2(e.groupStep);
|
|
37542
37603
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37543
37604
|
className: Z.wizardContainer,
|
|
37544
37605
|
children: [
|
|
37545
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
37606
|
+
/* @__PURE__ */ (0, A.jsx)(U2, { currentStep: e.groupStep }),
|
|
37546
37607
|
/* @__PURE__ */ (0, A.jsx)("div", {
|
|
37547
|
-
className: O(Z.wizardContent,
|
|
37608
|
+
className: O(Z.wizardContent, H2.wizardContentClip),
|
|
37548
37609
|
children: /* @__PURE__ */ (0, A.jsx)(p_, {
|
|
37549
37610
|
mode: "wait",
|
|
37550
37611
|
children: /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
@@ -37564,12 +37625,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37564
37625
|
duration: .18,
|
|
37565
37626
|
ease: "easeInOut"
|
|
37566
37627
|
},
|
|
37567
|
-
className:
|
|
37628
|
+
className: H2.wizardStep,
|
|
37568
37629
|
children: [
|
|
37569
|
-
e.groupStep === "participants" && /* @__PURE__ */ (0, A.jsx)(
|
|
37570
|
-
e.groupStep === "time" && /* @__PURE__ */ (0, A.jsx)(
|
|
37571
|
-
e.groupStep === "details" && /* @__PURE__ */ (0, A.jsx)(
|
|
37572
|
-
e.groupStep === "confirm" && /* @__PURE__ */ (0, A.jsx)(
|
|
37630
|
+
e.groupStep === "participants" && /* @__PURE__ */ (0, A.jsx)(u2, { d: e }),
|
|
37631
|
+
e.groupStep === "time" && /* @__PURE__ */ (0, A.jsx)(k2, { d: e }),
|
|
37632
|
+
e.groupStep === "details" && /* @__PURE__ */ (0, A.jsx)(o2, { d: e }),
|
|
37633
|
+
e.groupStep === "confirm" && /* @__PURE__ */ (0, A.jsx)(i2, { d: e })
|
|
37573
37634
|
]
|
|
37574
37635
|
}, e.groupStep)
|
|
37575
37636
|
})
|
|
@@ -37602,7 +37663,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37602
37663
|
})
|
|
37603
37664
|
]
|
|
37604
37665
|
});
|
|
37605
|
-
},
|
|
37666
|
+
}, Y2 = {
|
|
37606
37667
|
slotsDate: "_slotsDate_1rdif_3",
|
|
37607
37668
|
slotsEmpty: "_slotsEmpty_1rdif_10",
|
|
37608
37669
|
slotsEmptyIcon: "_slotsEmptyIcon_1rdif_24",
|
|
@@ -37616,75 +37677,75 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37616
37677
|
conflictLabel: "_conflictLabel_1rdif_131",
|
|
37617
37678
|
conflictAvatar: "_conflictAvatar_1rdif_136",
|
|
37618
37679
|
noSlots: "_noSlots_1rdif_162"
|
|
37619
|
-
},
|
|
37680
|
+
}, X2 = {
|
|
37620
37681
|
hidden: {},
|
|
37621
37682
|
visible: { transition: { staggerChildren: .03 } }
|
|
37622
|
-
},
|
|
37623
|
-
let o =
|
|
37683
|
+
}, Z2 = "You're not available at this time — you can still book.", Q2 = ({ option: e, isSelected: t, onSlot: n, contactsList: r, viewer: i, tzId: a }) => {
|
|
37684
|
+
let o = A0(e.startUtc, e.endUtc, a), s = e.conflicts.length > 0, c = e.conflicts.includes(i.id);
|
|
37624
37685
|
return /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
37625
37686
|
type: "button",
|
|
37626
37687
|
variants: cb,
|
|
37627
37688
|
whileTap: { scale: .97 },
|
|
37628
|
-
className: O(
|
|
37629
|
-
title: c ?
|
|
37689
|
+
className: O(Y2.slot, t && Y2.slotActive, s && !t && Y2.slotWithConflicts),
|
|
37690
|
+
title: c ? Z2 : void 0,
|
|
37630
37691
|
onClick: () => {
|
|
37631
37692
|
n(e.label);
|
|
37632
37693
|
},
|
|
37633
37694
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37634
|
-
className:
|
|
37695
|
+
className: Y2.slotMain,
|
|
37635
37696
|
children: [/* @__PURE__ */ (0, A.jsx)("span", { children: o }), t && /* @__PURE__ */ (0, A.jsx)(dr, {
|
|
37636
37697
|
size: 14,
|
|
37637
37698
|
strokeWidth: 3
|
|
37638
37699
|
})]
|
|
37639
37700
|
}), s && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37640
|
-
className:
|
|
37701
|
+
className: Y2.slotConflictList,
|
|
37641
37702
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37642
|
-
className:
|
|
37703
|
+
className: Y2.conflictLabel,
|
|
37643
37704
|
children: c ? "You're busy —" : "Conflict:"
|
|
37644
37705
|
}), e.conflicts.map((e) => {
|
|
37645
37706
|
let t = e === i.id, n = r.find((t) => t.id === e);
|
|
37646
37707
|
return /* @__PURE__ */ (0, A.jsx)("span", {
|
|
37647
|
-
className:
|
|
37648
|
-
title: t ?
|
|
37708
|
+
className: Y2.conflictAvatar,
|
|
37709
|
+
title: t ? Z2 : `${n?.name ?? ""} is busy / unavailable`,
|
|
37649
37710
|
children: t ? i.initials || "YOU" : n?.initials ?? ""
|
|
37650
37711
|
}, e);
|
|
37651
37712
|
})]
|
|
37652
37713
|
})]
|
|
37653
37714
|
});
|
|
37654
|
-
},
|
|
37655
|
-
className:
|
|
37715
|
+
}, $2 = ({ dateLabel: e, slot: t, offset: n, onSlot: r, slots: i, contactsList: a, viewer: o, tzId: s }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37716
|
+
className: K0.col,
|
|
37656
37717
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37657
|
-
className:
|
|
37718
|
+
className: K0.colTitle,
|
|
37658
37719
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37659
|
-
className:
|
|
37720
|
+
className: K0.stepDot,
|
|
37660
37721
|
children: "3"
|
|
37661
37722
|
}), " Available times"]
|
|
37662
37723
|
}), e === "" ? /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37663
|
-
className:
|
|
37724
|
+
className: Y2.slotsEmpty,
|
|
37664
37725
|
children: [
|
|
37665
37726
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37666
|
-
className:
|
|
37727
|
+
className: Y2.slotsEmptyIcon,
|
|
37667
37728
|
children: /* @__PURE__ */ (0, A.jsx)(yr, { size: 28 })
|
|
37668
37729
|
}),
|
|
37669
37730
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37670
|
-
className:
|
|
37731
|
+
className: Y2.slotsEmptyTitle,
|
|
37671
37732
|
children: "Pick a date"
|
|
37672
37733
|
}),
|
|
37673
37734
|
/* @__PURE__ */ (0, A.jsx)("span", { children: "Choose a day to see open times." })
|
|
37674
37735
|
]
|
|
37675
37736
|
}) : /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37676
|
-
className:
|
|
37737
|
+
className: Y2.slotsDate,
|
|
37677
37738
|
children: [
|
|
37678
37739
|
e,
|
|
37679
37740
|
" · times in ",
|
|
37680
37741
|
n
|
|
37681
37742
|
]
|
|
37682
37743
|
}), /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
37683
|
-
className:
|
|
37684
|
-
variants:
|
|
37744
|
+
className: Y2.slotList,
|
|
37745
|
+
variants: X2,
|
|
37685
37746
|
initial: "hidden",
|
|
37686
37747
|
animate: "visible",
|
|
37687
|
-
children: [i.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
37748
|
+
children: [i.map((e) => /* @__PURE__ */ (0, A.jsx)(Q2, {
|
|
37688
37749
|
option: e,
|
|
37689
37750
|
isSelected: t === e.label,
|
|
37690
37751
|
onSlot: r,
|
|
@@ -37692,11 +37753,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37692
37753
|
viewer: o,
|
|
37693
37754
|
tzId: s
|
|
37694
37755
|
}, e.label)), i.length === 0 && /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37695
|
-
className:
|
|
37756
|
+
className: Y2.noSlots,
|
|
37696
37757
|
children: "No available timeslots found for this day."
|
|
37697
37758
|
})]
|
|
37698
37759
|
})] })]
|
|
37699
|
-
}),
|
|
37760
|
+
}), e4 = {
|
|
37700
37761
|
tzWrap: "_tzWrap_n6w9w_3",
|
|
37701
37762
|
tzBtn: "_tzBtn_n6w9w_8",
|
|
37702
37763
|
tzBtnOffset: "_tzBtnOffset_n6w9w_30",
|
|
@@ -37712,16 +37773,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37712
37773
|
tzRowOffset: "_tzRowOffset_n6w9w_151",
|
|
37713
37774
|
tzCheck: "_tzCheck_n6w9w_157",
|
|
37714
37775
|
tzEmpty: "_tzEmpty_n6w9w_161"
|
|
37715
|
-
},
|
|
37716
|
-
className:
|
|
37776
|
+
}, t4 = ({ search: e, list: t, value: n, onSearch: r, onPick: i }) => /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
37777
|
+
className: e4.tzPop,
|
|
37717
37778
|
variants: lb,
|
|
37718
37779
|
initial: "hidden",
|
|
37719
37780
|
animate: "visible",
|
|
37720
37781
|
exit: "exit",
|
|
37721
37782
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37722
|
-
className:
|
|
37783
|
+
className: e4.tzSearch,
|
|
37723
37784
|
children: [/* @__PURE__ */ (0, A.jsx)(ci, { size: 13 }), /* @__PURE__ */ (0, A.jsx)("input", {
|
|
37724
|
-
className:
|
|
37785
|
+
className: e4.tzSearchInput,
|
|
37725
37786
|
placeholder: "Search timezones…",
|
|
37726
37787
|
value: e,
|
|
37727
37788
|
onChange: (e) => {
|
|
@@ -37729,39 +37790,39 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37729
37790
|
}
|
|
37730
37791
|
})]
|
|
37731
37792
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37732
|
-
className:
|
|
37793
|
+
className: e4.tzList,
|
|
37733
37794
|
children: [t.map((e) => /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
37734
37795
|
type: "button",
|
|
37735
|
-
className: O(
|
|
37796
|
+
className: O(e4.tzRow, e.id === n && e4.tzRowActive),
|
|
37736
37797
|
onClick: () => {
|
|
37737
37798
|
i(e.id);
|
|
37738
37799
|
},
|
|
37739
37800
|
children: [
|
|
37740
37801
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37741
|
-
className:
|
|
37802
|
+
className: e4.tzCity,
|
|
37742
37803
|
children: e.city
|
|
37743
37804
|
}),
|
|
37744
37805
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37745
|
-
className:
|
|
37806
|
+
className: e4.tzRowOffset,
|
|
37746
37807
|
children: e.offset
|
|
37747
37808
|
}),
|
|
37748
37809
|
e.id === n && /* @__PURE__ */ (0, A.jsx)(dr, {
|
|
37749
37810
|
size: 13,
|
|
37750
|
-
className:
|
|
37811
|
+
className: e4.tzCheck
|
|
37751
37812
|
})
|
|
37752
37813
|
]
|
|
37753
37814
|
}, e.id)), t.length === 0 && /* @__PURE__ */ (0, A.jsx)("p", {
|
|
37754
|
-
className:
|
|
37815
|
+
className: e4.tzEmpty,
|
|
37755
37816
|
children: "No timezones match."
|
|
37756
37817
|
})]
|
|
37757
37818
|
})]
|
|
37758
|
-
}),
|
|
37819
|
+
}), n4 = ({ value: e, onChange: t }) => {
|
|
37759
37820
|
let [n, r] = T(!1), [i, a] = T(""), o = AX(e), s = i.trim().toLowerCase(), c = (EX.some((e) => e.id === o.id) ? EX : [o, ...EX]).filter((e) => s === "" || e.city.toLowerCase().includes(s) || e.offset.toLowerCase().includes(s) || e.id.toLowerCase().includes(s));
|
|
37760
37821
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37761
|
-
className:
|
|
37822
|
+
className: e4.tzWrap,
|
|
37762
37823
|
children: [/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
37763
37824
|
type: "button",
|
|
37764
|
-
className:
|
|
37825
|
+
className: e4.tzBtn,
|
|
37765
37826
|
"aria-expanded": n,
|
|
37766
37827
|
"aria-label": "Change timezone",
|
|
37767
37828
|
onClick: () => {
|
|
@@ -37770,26 +37831,26 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37770
37831
|
children: [
|
|
37771
37832
|
/* @__PURE__ */ (0, A.jsx)(Ar, { size: 13 }),
|
|
37772
37833
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37773
|
-
className:
|
|
37834
|
+
className: e4.tzBtnCity,
|
|
37774
37835
|
children: o.city
|
|
37775
37836
|
}),
|
|
37776
37837
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37777
|
-
className:
|
|
37838
|
+
className: e4.tzBtnOffset,
|
|
37778
37839
|
children: o.offset
|
|
37779
37840
|
}),
|
|
37780
37841
|
/* @__PURE__ */ (0, A.jsx)(fr, {
|
|
37781
37842
|
size: 13,
|
|
37782
|
-
className:
|
|
37843
|
+
className: e4.tzChevron
|
|
37783
37844
|
})
|
|
37784
37845
|
]
|
|
37785
37846
|
}), /* @__PURE__ */ (0, A.jsx)(p_, { children: n && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsx)("button", {
|
|
37786
37847
|
type: "button",
|
|
37787
|
-
className:
|
|
37848
|
+
className: e4.tzBackdrop,
|
|
37788
37849
|
"aria-label": "Close timezone picker",
|
|
37789
37850
|
onClick: () => {
|
|
37790
37851
|
r(!1);
|
|
37791
37852
|
}
|
|
37792
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
37853
|
+
}), /* @__PURE__ */ (0, A.jsx)(t4, {
|
|
37793
37854
|
search: i,
|
|
37794
37855
|
list: c,
|
|
37795
37856
|
value: e,
|
|
@@ -37799,7 +37860,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37799
37860
|
}
|
|
37800
37861
|
})] }) })]
|
|
37801
37862
|
});
|
|
37802
|
-
},
|
|
37863
|
+
}, r4 = {
|
|
37803
37864
|
badgeWrap: "_badgeWrap_swq6w_3",
|
|
37804
37865
|
badgeCircle: "_badgeCircle_swq6w_10",
|
|
37805
37866
|
guestRow: "_guestRow_swq6w_21",
|
|
@@ -37809,11 +37870,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37809
37870
|
iconRowTop: "_iconRowTop_swq6w_47",
|
|
37810
37871
|
agendaVal: "_agendaVal_swq6w_53",
|
|
37811
37872
|
iconTop: "_iconTop_swq6w_58"
|
|
37812
|
-
},
|
|
37873
|
+
}, i4 = () => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37813
37874
|
className: Z.successHeader,
|
|
37814
37875
|
children: [
|
|
37815
37876
|
/* @__PURE__ */ (0, A.jsx)("div", {
|
|
37816
|
-
className:
|
|
37877
|
+
className: r4.badgeWrap,
|
|
37817
37878
|
children: /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
37818
37879
|
initial: { scale: 0 },
|
|
37819
37880
|
animate: { scale: 1 },
|
|
@@ -37822,7 +37883,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37822
37883
|
stiffness: 260,
|
|
37823
37884
|
damping: 20
|
|
37824
37885
|
},
|
|
37825
|
-
className:
|
|
37886
|
+
className: r4.badgeCircle,
|
|
37826
37887
|
children: /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
37827
37888
|
initial: {
|
|
37828
37889
|
scale: 0,
|
|
@@ -37855,7 +37916,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37855
37916
|
children: "A calendar invite has been sent to all participants."
|
|
37856
37917
|
})
|
|
37857
37918
|
]
|
|
37858
|
-
}),
|
|
37919
|
+
}), a4 = ({ d: e }) => {
|
|
37859
37920
|
let t = e.meetingType === "group";
|
|
37860
37921
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37861
37922
|
className: Z.successRow,
|
|
@@ -37863,7 +37924,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37863
37924
|
className: Z.successLabel,
|
|
37864
37925
|
children: t ? "Invited Guests" : "Attendee"
|
|
37865
37926
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
37866
|
-
className: O(Z.successVal,
|
|
37927
|
+
className: O(Z.successVal, r4.guestRow),
|
|
37867
37928
|
children: t ? e.selectedContactIds.map((t) => {
|
|
37868
37929
|
let n = e.list.find((e) => e.id === t);
|
|
37869
37930
|
return n === void 0 ? null : /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
@@ -37884,8 +37945,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37884
37945
|
}) : "None"
|
|
37885
37946
|
})]
|
|
37886
37947
|
});
|
|
37887
|
-
},
|
|
37888
|
-
let t = e.meetingType === "group", n = t ? e.groupTitle || "Group Meeting" : `1:1 with ${e.contact?.name ?? "Attendee"}`, r = t ? e.groupLocation : "Online — link generated automatically", i = t ? e.groupDescription : "", a =
|
|
37948
|
+
}, o4 = ({ d: e }) => {
|
|
37949
|
+
let t = e.meetingType === "group", n = t ? e.groupTitle || "Group Meeting" : `1:1 with ${e.contact?.name ?? "Attendee"}`, r = t ? e.groupLocation : "Online — link generated automatically", i = t ? e.groupDescription : "", a = A0(e.bookedSlot?.startUtc, e.bookedSlot?.endUtc, e.tzId);
|
|
37889
37950
|
return /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
37890
37951
|
className: Z.successCard,
|
|
37891
37952
|
initial: {
|
|
@@ -37908,7 +37969,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37908
37969
|
className: Z.successLabel,
|
|
37909
37970
|
children: "Event"
|
|
37910
37971
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
37911
|
-
className: O(Z.successVal,
|
|
37972
|
+
className: O(Z.successVal, r4.eventVal),
|
|
37912
37973
|
children: n
|
|
37913
37974
|
})]
|
|
37914
37975
|
}),
|
|
@@ -37920,13 +37981,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37920
37981
|
}), /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37921
37982
|
className: Z.successVal,
|
|
37922
37983
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37923
|
-
className:
|
|
37984
|
+
className: r4.iconRow,
|
|
37924
37985
|
children: [/* @__PURE__ */ (0, A.jsx)(sr, {
|
|
37925
37986
|
size: 14,
|
|
37926
37987
|
color: "var(--color-primary)"
|
|
37927
37988
|
}), e.dateLabel]
|
|
37928
37989
|
}), /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37929
|
-
className:
|
|
37990
|
+
className: r4.iconRowMuted,
|
|
37930
37991
|
children: [
|
|
37931
37992
|
/* @__PURE__ */ (0, A.jsx)(yr, { size: 14 }),
|
|
37932
37993
|
a,
|
|
@@ -37945,7 +38006,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37945
38006
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
37946
38007
|
className: Z.successVal,
|
|
37947
38008
|
children: /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37948
|
-
className:
|
|
38009
|
+
className: r4.iconRow,
|
|
37949
38010
|
children: [/* @__PURE__ */ (0, A.jsx)(Br, {
|
|
37950
38011
|
size: 14,
|
|
37951
38012
|
color: "var(--color-primary)"
|
|
@@ -37953,26 +38014,26 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37953
38014
|
})
|
|
37954
38015
|
})]
|
|
37955
38016
|
}),
|
|
37956
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38017
|
+
/* @__PURE__ */ (0, A.jsx)(a4, { d: e }),
|
|
37957
38018
|
t && i.trim() !== "" && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37958
38019
|
className: Z.successRow,
|
|
37959
38020
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
37960
38021
|
className: Z.successLabel,
|
|
37961
38022
|
children: "Agenda"
|
|
37962
38023
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
37963
|
-
className: O(Z.successVal,
|
|
38024
|
+
className: O(Z.successVal, r4.agendaVal),
|
|
37964
38025
|
children: /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
37965
|
-
className:
|
|
38026
|
+
className: r4.iconRowTop,
|
|
37966
38027
|
children: [/* @__PURE__ */ (0, A.jsx)(bi, {
|
|
37967
38028
|
size: 14,
|
|
37968
|
-
className:
|
|
38029
|
+
className: r4.iconTop
|
|
37969
38030
|
}), i]
|
|
37970
38031
|
})
|
|
37971
38032
|
})]
|
|
37972
38033
|
})
|
|
37973
38034
|
]
|
|
37974
38035
|
});
|
|
37975
|
-
},
|
|
38036
|
+
}, s4 = ({ d: e, onViewScheduled: t }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37976
38037
|
className: Z.successActions,
|
|
37977
38038
|
children: [/* @__PURE__ */ (0, A.jsx)("button", {
|
|
37978
38039
|
type: "button",
|
|
@@ -37989,21 +38050,21 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
37989
38050
|
},
|
|
37990
38051
|
children: "Book Another Meeting"
|
|
37991
38052
|
})]
|
|
37992
|
-
}),
|
|
38053
|
+
}), c4 = ({ d: e, onViewScheduled: t }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
37993
38054
|
className: Z.successContainer,
|
|
37994
38055
|
children: [
|
|
37995
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
37996
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
37997
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38056
|
+
/* @__PURE__ */ (0, A.jsx)(i4, {}),
|
|
38057
|
+
/* @__PURE__ */ (0, A.jsx)(o4, { d: e }),
|
|
38058
|
+
/* @__PURE__ */ (0, A.jsx)(s4, {
|
|
37998
38059
|
d: e,
|
|
37999
38060
|
onViewScheduled: t
|
|
38000
38061
|
})
|
|
38001
38062
|
]
|
|
38002
|
-
}),
|
|
38063
|
+
}), l4 = ({ d: e }) => /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [
|
|
38003
38064
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38004
38065
|
className: X.bookGrid,
|
|
38005
38066
|
children: [
|
|
38006
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38067
|
+
/* @__PURE__ */ (0, A.jsx)(n2, {
|
|
38007
38068
|
contacts: e.searchResults,
|
|
38008
38069
|
selectedId: e.contactId,
|
|
38009
38070
|
search: e.search,
|
|
@@ -38023,7 +38084,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38023
38084
|
e.setGroupTitle(t);
|
|
38024
38085
|
}
|
|
38025
38086
|
}),
|
|
38026
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38087
|
+
/* @__PURE__ */ (0, A.jsx)(J0, {
|
|
38027
38088
|
view: e.view,
|
|
38028
38089
|
today: e.today,
|
|
38029
38090
|
selected: e.selected,
|
|
@@ -38034,7 +38095,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38034
38095
|
e.pickDate(t);
|
|
38035
38096
|
}
|
|
38036
38097
|
}),
|
|
38037
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38098
|
+
/* @__PURE__ */ (0, A.jsx)($2, {
|
|
38038
38099
|
dateLabel: e.dateLabel,
|
|
38039
38100
|
slot: e.slot,
|
|
38040
38101
|
offset: e.zone.offset,
|
|
@@ -38048,7 +38109,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38048
38109
|
})
|
|
38049
38110
|
]
|
|
38050
38111
|
}),
|
|
38051
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38112
|
+
/* @__PURE__ */ (0, A.jsx)(B0, {
|
|
38052
38113
|
contact: e.contact,
|
|
38053
38114
|
dateLabel: e.dateLabel,
|
|
38054
38115
|
slot: e.slot,
|
|
@@ -38063,7 +38124,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38063
38124
|
selectedSlot: e.selectedSlot,
|
|
38064
38125
|
tzId: e.tzId
|
|
38065
38126
|
}),
|
|
38066
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38127
|
+
/* @__PURE__ */ (0, A.jsx)(Q0, {
|
|
38067
38128
|
open: e.confirmOpen,
|
|
38068
38129
|
contact: e.contact,
|
|
38069
38130
|
dateLabel: e.dateLabel,
|
|
@@ -38079,9 +38140,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38079
38140
|
selectedSlot: e.selectedSlot,
|
|
38080
38141
|
tzId: e.tzId
|
|
38081
38142
|
})
|
|
38082
|
-
] }),
|
|
38083
|
-
let t =
|
|
38084
|
-
return t.success ? /* @__PURE__ */ (0, A.jsx)(
|
|
38143
|
+
] }), u4 = ({ onViewScheduled: e }) => {
|
|
38144
|
+
let t = V2();
|
|
38145
|
+
return t.success ? /* @__PURE__ */ (0, A.jsx)(c4, {
|
|
38085
38146
|
d: t,
|
|
38086
38147
|
onViewScheduled: e
|
|
38087
38148
|
}) : /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
@@ -38105,15 +38166,15 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38105
38166
|
},
|
|
38106
38167
|
children: "Group Meeting (1:Many)"
|
|
38107
38168
|
})]
|
|
38108
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
38169
|
+
}), /* @__PURE__ */ (0, A.jsx)(n4, {
|
|
38109
38170
|
value: t.tzId,
|
|
38110
38171
|
onChange: (e) => {
|
|
38111
38172
|
t.setTzId(e);
|
|
38112
38173
|
}
|
|
38113
38174
|
})]
|
|
38114
|
-
}), t.meetingType === "group" ? /* @__PURE__ */ (0, A.jsx)(
|
|
38175
|
+
}), t.meetingType === "group" ? /* @__PURE__ */ (0, A.jsx)(J2, { d: t }) : /* @__PURE__ */ (0, A.jsx)(l4, { d: t })]
|
|
38115
38176
|
});
|
|
38116
|
-
},
|
|
38177
|
+
}, d4 = {
|
|
38117
38178
|
schedWrap: "_schedWrap_1p5xn_4",
|
|
38118
38179
|
bucketTabs: "_bucketTabs_1p5xn_11",
|
|
38119
38180
|
bucketTab: "_bucketTab_1p5xn_11",
|
|
@@ -38150,7 +38211,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38150
38211
|
emptyIconWrap: "_emptyIconWrap_1p5xn_288",
|
|
38151
38212
|
emptyTitle: "_emptyTitle_1p5xn_300",
|
|
38152
38213
|
emptyText: "_emptyText_1p5xn_307"
|
|
38153
|
-
},
|
|
38214
|
+
}, f4 = (e) => e === "accepted" ? "Accepted" : e === "rejected" ? "Declined" : "Pending", p4 = 1800 * 1e3, m4 = (e) => {
|
|
38154
38215
|
let t = Math.max(1, Math.ceil(e / 6e4)), n = Math.floor(t / 1440);
|
|
38155
38216
|
if (n >= 1) {
|
|
38156
38217
|
let e = Math.floor((t - n * 60 * 24) / 60);
|
|
@@ -38158,11 +38219,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38158
38219
|
}
|
|
38159
38220
|
let r = Math.floor(t / 60), i = t % 60;
|
|
38160
38221
|
return r >= 1 ? i > 0 ? `in ${String(r)}h ${String(i)}m` : `in ${String(r)}h` : `in ${String(i)}m`;
|
|
38161
|
-
},
|
|
38162
|
-
className:
|
|
38222
|
+
}, h4 = ({ onRespond: e }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38223
|
+
className: d4.meetingActions,
|
|
38163
38224
|
children: [/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
38164
38225
|
type: "button",
|
|
38165
|
-
className:
|
|
38226
|
+
className: d4.acceptBtn,
|
|
38166
38227
|
onClick: () => {
|
|
38167
38228
|
e(!0);
|
|
38168
38229
|
},
|
|
@@ -38172,27 +38233,27 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38172
38233
|
}), " Accept"]
|
|
38173
38234
|
}), /* @__PURE__ */ (0, A.jsx)("button", {
|
|
38174
38235
|
type: "button",
|
|
38175
|
-
className:
|
|
38236
|
+
className: d4.declineBtn,
|
|
38176
38237
|
onClick: () => {
|
|
38177
38238
|
e(!1);
|
|
38178
38239
|
},
|
|
38179
38240
|
children: "Decline"
|
|
38180
38241
|
})]
|
|
38181
|
-
}),
|
|
38242
|
+
}), g4 = (e) => e === "accepted" ? d4.statusAccepted ?? !1 : e === "rejected" ? d4.statusRejected ?? !1 : d4.statusPending ?? !1, _4 = ({ meeting: e, onCancel: t, onJoin: n, canJoin: r, joinHint: i }) => {
|
|
38182
38243
|
let a = QZ((e) => e.activeMeeting), o = QZ((e) => e.isJoined) && a !== null && a.meetingId === e.id, s = e.myStatus === "accepted", c = !r || o, l = o ? "You are currently in this meeting" : i, u = o ? "Leave the active call before canceling" : "Cancel meeting";
|
|
38183
38244
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38184
|
-
className:
|
|
38245
|
+
className: d4.meetingActions,
|
|
38185
38246
|
children: [
|
|
38186
38247
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38187
|
-
className: O(
|
|
38188
|
-
children:
|
|
38248
|
+
className: O(d4.statusPill, g4(e.myStatus)),
|
|
38249
|
+
children: f4(e.myStatus)
|
|
38189
38250
|
}),
|
|
38190
38251
|
s && /* @__PURE__ */ (0, A.jsx)(VE, {
|
|
38191
38252
|
label: l,
|
|
38192
38253
|
side: "top",
|
|
38193
38254
|
children: /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
38194
38255
|
type: "button",
|
|
38195
|
-
className: O(
|
|
38256
|
+
className: O(d4.joinBtn, c && d4.joinBtnDisabled),
|
|
38196
38257
|
disabled: c,
|
|
38197
38258
|
"aria-label": l,
|
|
38198
38259
|
onClick: n,
|
|
@@ -38208,7 +38269,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38208
38269
|
side: "top",
|
|
38209
38270
|
children: /* @__PURE__ */ (0, A.jsx)("button", {
|
|
38210
38271
|
type: "button",
|
|
38211
|
-
className: O(
|
|
38272
|
+
className: O(d4.cancelBtn, o && d4.cancelBtnDisabled),
|
|
38212
38273
|
disabled: o,
|
|
38213
38274
|
"aria-label": u,
|
|
38214
38275
|
onClick: t,
|
|
@@ -38217,16 +38278,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38217
38278
|
})
|
|
38218
38279
|
]
|
|
38219
38280
|
});
|
|
38220
|
-
},
|
|
38281
|
+
}, v4 = (e) => {
|
|
38221
38282
|
let { meeting: t, onRespond: n } = e;
|
|
38222
|
-
return t.awaitingResponse ? /* @__PURE__ */ (0, A.jsx)(
|
|
38223
|
-
className: O(
|
|
38283
|
+
return t.awaitingResponse ? /* @__PURE__ */ (0, A.jsx)(h4, { onRespond: n }) : t.bucket === "canceled" ? /* @__PURE__ */ (0, A.jsx)("span", {
|
|
38284
|
+
className: O(d4.statusPill, d4.statusCanceled),
|
|
38224
38285
|
children: "Canceled"
|
|
38225
38286
|
}) : t.bucket === "passed" ? /* @__PURE__ */ (0, A.jsx)("span", {
|
|
38226
|
-
className: O(
|
|
38287
|
+
className: O(d4.statusPill, d4.statusCompleted),
|
|
38227
38288
|
children: "Completed"
|
|
38228
|
-
}) : /* @__PURE__ */ (0, A.jsx)(
|
|
38229
|
-
},
|
|
38289
|
+
}) : /* @__PURE__ */ (0, A.jsx)(_4, { ...e });
|
|
38290
|
+
}, y4 = (e, t) => ({
|
|
38230
38291
|
month: e.toLocaleDateString("en-US", {
|
|
38231
38292
|
month: "short",
|
|
38232
38293
|
timeZone: t
|
|
@@ -38235,7 +38296,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38235
38296
|
day: "numeric",
|
|
38236
38297
|
timeZone: t
|
|
38237
38298
|
})
|
|
38238
|
-
}),
|
|
38299
|
+
}), b4 = (e, t) => {
|
|
38239
38300
|
let [n, r] = T(() => Date.now());
|
|
38240
38301
|
y(() => {
|
|
38241
38302
|
let e = setInterval(() => {
|
|
@@ -38245,13 +38306,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38245
38306
|
clearInterval(e);
|
|
38246
38307
|
};
|
|
38247
38308
|
}, []);
|
|
38248
|
-
let i = n >= e -
|
|
38309
|
+
let i = n >= e - p4 && n <= t;
|
|
38249
38310
|
return {
|
|
38250
38311
|
canJoin: i,
|
|
38251
|
-
joinHint: i ? "Join the meeting" : n > t ? "This meeting has ended" : `Join opens 30 min before — starts ${
|
|
38312
|
+
joinHint: i ? "Join the meeting" : n > t ? "This meeting has ended" : `Join opens 30 min before — starts ${m4(e - n)}`
|
|
38252
38313
|
};
|
|
38253
|
-
},
|
|
38254
|
-
let { meeting: t } = e, n = nP(), r = new Date(t.startUtc), i = new Date(t.endUtc), a = n.formatTime(t.startUtc), o = n.formatTime(t.endUtc), s =
|
|
38314
|
+
}, x4 = (e) => {
|
|
38315
|
+
let { meeting: t } = e, n = nP(), r = new Date(t.startUtc), i = new Date(t.endUtc), a = n.formatTime(t.startUtc), o = n.formatTime(t.endUtc), s = y4(r, n.display), c = ` (${AX(n.display).offset})`, { canJoin: l, joinHint: u } = b4(r.getTime(), i.getTime()), d = w(null), f = w(null);
|
|
38255
38316
|
y(() => {
|
|
38256
38317
|
f.current = document.getElementById("app-scroll-container");
|
|
38257
38318
|
}, []);
|
|
@@ -38263,7 +38324,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38263
38324
|
return /* @__PURE__ */ (0, A.jsxs)(M.article, {
|
|
38264
38325
|
ref: d,
|
|
38265
38326
|
style: { y: m },
|
|
38266
|
-
className:
|
|
38327
|
+
className: d4.meeting,
|
|
38267
38328
|
variants: cb,
|
|
38268
38329
|
whileHover: { y: -2 },
|
|
38269
38330
|
transition: {
|
|
@@ -38273,33 +38334,33 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38273
38334
|
},
|
|
38274
38335
|
children: [
|
|
38275
38336
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38276
|
-
className: O(
|
|
38337
|
+
className: O(d4.datePlate, t.bucket === "passed" && d4.datePlatePassed, t.bucket === "canceled" && d4.datePlateCanceled),
|
|
38277
38338
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38278
|
-
className:
|
|
38339
|
+
className: d4.datePlateMonth,
|
|
38279
38340
|
children: s.month
|
|
38280
38341
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
38281
|
-
className:
|
|
38342
|
+
className: d4.datePlateDay,
|
|
38282
38343
|
children: s.day
|
|
38283
38344
|
})]
|
|
38284
38345
|
}),
|
|
38285
38346
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38286
|
-
className:
|
|
38347
|
+
className: d4.meetingAvatar,
|
|
38287
38348
|
style: k({ "--avatar-color": t.withColor }),
|
|
38288
38349
|
children: t.withInitials
|
|
38289
38350
|
}),
|
|
38290
38351
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38291
|
-
className:
|
|
38352
|
+
className: d4.meetingBody,
|
|
38292
38353
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
38293
|
-
className:
|
|
38354
|
+
className: d4.meetingTitle,
|
|
38294
38355
|
children: [
|
|
38295
38356
|
t.title,
|
|
38296
38357
|
" · ",
|
|
38297
38358
|
t.withName
|
|
38298
38359
|
]
|
|
38299
38360
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38300
|
-
className:
|
|
38361
|
+
className: d4.meetingMeta,
|
|
38301
38362
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
38302
|
-
className:
|
|
38363
|
+
className: d4.meetingMetaItem,
|
|
38303
38364
|
children: [
|
|
38304
38365
|
/* @__PURE__ */ (0, A.jsx)(yr, { size: 11 }),
|
|
38305
38366
|
" ",
|
|
@@ -38309,7 +38370,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38309
38370
|
c
|
|
38310
38371
|
]
|
|
38311
38372
|
}), /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
38312
|
-
className:
|
|
38373
|
+
className: d4.meetingMetaItem,
|
|
38313
38374
|
children: [
|
|
38314
38375
|
/* @__PURE__ */ (0, A.jsx)(Br, { size: 11 }),
|
|
38315
38376
|
" ",
|
|
@@ -38318,14 +38379,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38318
38379
|
})]
|
|
38319
38380
|
})]
|
|
38320
38381
|
}),
|
|
38321
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38382
|
+
/* @__PURE__ */ (0, A.jsx)(v4, {
|
|
38322
38383
|
...e,
|
|
38323
38384
|
canJoin: l,
|
|
38324
38385
|
joinHint: u
|
|
38325
38386
|
})
|
|
38326
38387
|
]
|
|
38327
38388
|
});
|
|
38328
|
-
},
|
|
38389
|
+
}, S4 = {
|
|
38329
38390
|
list: "_list_1vv5w_1",
|
|
38330
38391
|
meeting: "_meeting_1vv5w_7",
|
|
38331
38392
|
datePlate: "_datePlate_1vv5w_17",
|
|
@@ -38336,24 +38397,24 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38336
38397
|
meta: "_meta_1vv5w_51",
|
|
38337
38398
|
actions: "_actions_1vv5w_59",
|
|
38338
38399
|
btn: "_btn_1vv5w_66"
|
|
38339
|
-
},
|
|
38340
|
-
className:
|
|
38400
|
+
}, C4 = () => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
38401
|
+
className: S4.list,
|
|
38341
38402
|
children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38342
|
-
className:
|
|
38403
|
+
className: S4.meeting,
|
|
38343
38404
|
children: [
|
|
38344
|
-
/* @__PURE__ */ (0, A.jsx)("div", { className:
|
|
38345
|
-
/* @__PURE__ */ (0, A.jsx)("div", { className:
|
|
38405
|
+
/* @__PURE__ */ (0, A.jsx)("div", { className: S4.datePlate }),
|
|
38406
|
+
/* @__PURE__ */ (0, A.jsx)("div", { className: S4.avatar }),
|
|
38346
38407
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38347
|
-
className:
|
|
38348
|
-
children: [/* @__PURE__ */ (0, A.jsx)("div", { className:
|
|
38408
|
+
className: S4.body,
|
|
38409
|
+
children: [/* @__PURE__ */ (0, A.jsx)("div", { className: S4.title }), /* @__PURE__ */ (0, A.jsx)("div", { className: S4.meta })]
|
|
38349
38410
|
}),
|
|
38350
38411
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38351
|
-
className:
|
|
38352
|
-
children: [/* @__PURE__ */ (0, A.jsx)("div", { className:
|
|
38412
|
+
className: S4.actions,
|
|
38413
|
+
children: [/* @__PURE__ */ (0, A.jsx)("div", { className: S4.btn }), /* @__PURE__ */ (0, A.jsx)("div", { className: S4.btn })]
|
|
38353
38414
|
})
|
|
38354
38415
|
]
|
|
38355
38416
|
}, `skel-${String(t)}`))
|
|
38356
|
-
}),
|
|
38417
|
+
}), w4 = [
|
|
38357
38418
|
{
|
|
38358
38419
|
id: "upcoming",
|
|
38359
38420
|
label: "Upcoming"
|
|
@@ -38366,69 +38427,69 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38366
38427
|
id: "canceled",
|
|
38367
38428
|
label: "Canceled"
|
|
38368
38429
|
}
|
|
38369
|
-
],
|
|
38430
|
+
], T4 = {
|
|
38370
38431
|
type: "spring",
|
|
38371
38432
|
stiffness: 420,
|
|
38372
38433
|
damping: 34
|
|
38373
|
-
},
|
|
38434
|
+
}, E4 = {
|
|
38374
38435
|
hidden: {},
|
|
38375
38436
|
visible: { transition: { staggerChildren: .05 } }
|
|
38376
|
-
},
|
|
38377
|
-
className:
|
|
38378
|
-
children:
|
|
38437
|
+
}, D4 = ({ bucket: e, counts: t, onSelect: n }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
38438
|
+
className: d4.bucketTabs,
|
|
38439
|
+
children: w4.map((r) => {
|
|
38379
38440
|
let i = e === r.id;
|
|
38380
38441
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
38381
38442
|
type: "button",
|
|
38382
|
-
className: O(
|
|
38443
|
+
className: O(d4.bucketTab, i && d4.bucketTabActive),
|
|
38383
38444
|
onClick: () => {
|
|
38384
38445
|
n(r.id);
|
|
38385
38446
|
},
|
|
38386
38447
|
children: [
|
|
38387
38448
|
i && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
38388
38449
|
layoutId: "bucketBg",
|
|
38389
|
-
className:
|
|
38390
|
-
transition:
|
|
38450
|
+
className: d4.bucketBg,
|
|
38451
|
+
transition: T4
|
|
38391
38452
|
}),
|
|
38392
38453
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38393
|
-
className:
|
|
38454
|
+
className: d4.bucketLabel,
|
|
38394
38455
|
children: r.label
|
|
38395
38456
|
}),
|
|
38396
38457
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38397
|
-
className:
|
|
38458
|
+
className: d4.bucketCount,
|
|
38398
38459
|
children: t[r.id]
|
|
38399
38460
|
})
|
|
38400
38461
|
]
|
|
38401
38462
|
}, r.id);
|
|
38402
38463
|
})
|
|
38403
|
-
}),
|
|
38464
|
+
}), O4 = () => {
|
|
38404
38465
|
let e = ct(), t = hZ(), n = yZ(), r = bZ(), [i, a] = T("upcoming"), o = t.data ?? [], s = o.filter((e) => e.bucket === i), c = {
|
|
38405
38466
|
upcoming: o.filter((e) => e.bucket === "upcoming").length,
|
|
38406
38467
|
passed: o.filter((e) => e.bucket === "passed").length,
|
|
38407
38468
|
canceled: o.filter((e) => e.bucket === "canceled").length
|
|
38408
38469
|
};
|
|
38409
38470
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38410
|
-
className:
|
|
38471
|
+
className: d4.schedWrap,
|
|
38411
38472
|
children: [
|
|
38412
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
38473
|
+
/* @__PURE__ */ (0, A.jsx)(D4, {
|
|
38413
38474
|
bucket: i,
|
|
38414
38475
|
counts: c,
|
|
38415
38476
|
onSelect: a
|
|
38416
38477
|
}),
|
|
38417
|
-
t.isPending ? /* @__PURE__ */ (0, A.jsx)(
|
|
38478
|
+
t.isPending ? /* @__PURE__ */ (0, A.jsx)(C4, {}) : null,
|
|
38418
38479
|
t.isError && /* @__PURE__ */ (0, A.jsx)(Bi, {
|
|
38419
38480
|
tone: "error",
|
|
38420
38481
|
title: "Could not load meetings",
|
|
38421
38482
|
children: t.error.message
|
|
38422
38483
|
}),
|
|
38423
38484
|
t.isSuccess && s.length === 0 ? /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38424
|
-
className:
|
|
38485
|
+
className: d4.empty,
|
|
38425
38486
|
children: [
|
|
38426
38487
|
/* @__PURE__ */ (0, A.jsx)("div", {
|
|
38427
|
-
className:
|
|
38488
|
+
className: d4.emptyIconWrap,
|
|
38428
38489
|
children: /* @__PURE__ */ (0, A.jsx)(cr, { size: 32 })
|
|
38429
38490
|
}),
|
|
38430
38491
|
/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
38431
|
-
className:
|
|
38492
|
+
className: d4.emptyTitle,
|
|
38432
38493
|
children: [
|
|
38433
38494
|
"No ",
|
|
38434
38495
|
i,
|
|
@@ -38436,7 +38497,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38436
38497
|
]
|
|
38437
38498
|
}),
|
|
38438
38499
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38439
|
-
className:
|
|
38500
|
+
className: d4.emptyText,
|
|
38440
38501
|
children: "Nothing scheduled here yet."
|
|
38441
38502
|
})
|
|
38442
38503
|
]
|
|
@@ -38444,11 +38505,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38444
38505
|
t.isSuccess && s.length > 0 ? /* @__PURE__ */ (0, A.jsx)(p_, {
|
|
38445
38506
|
mode: "wait",
|
|
38446
38507
|
children: /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
38447
|
-
className:
|
|
38448
|
-
variants:
|
|
38508
|
+
className: d4.meetingList,
|
|
38509
|
+
variants: E4,
|
|
38449
38510
|
initial: "hidden",
|
|
38450
38511
|
animate: "visible",
|
|
38451
|
-
children: s.map((t) => /* @__PURE__ */ (0, A.jsx)(
|
|
38512
|
+
children: s.map((t) => /* @__PURE__ */ (0, A.jsx)(x4, {
|
|
38452
38513
|
meeting: t,
|
|
38453
38514
|
onRespond: (e) => {
|
|
38454
38515
|
n.mutate({
|
|
@@ -38467,7 +38528,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38467
38528
|
}) : null
|
|
38468
38529
|
]
|
|
38469
38530
|
});
|
|
38470
|
-
},
|
|
38531
|
+
}, k4 = {
|
|
38471
38532
|
screen: "_screen_18kgg_6",
|
|
38472
38533
|
head: "_head_18kgg_13",
|
|
38473
38534
|
headTop: "_headTop_18kgg_19",
|
|
@@ -38482,35 +38543,35 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38482
38543
|
tabUnderline: "_tabUnderline_18kgg_90",
|
|
38483
38544
|
body: "_body_18kgg_100",
|
|
38484
38545
|
tabContent: "_tabContent_18kgg_107"
|
|
38485
|
-
},
|
|
38546
|
+
}, A4 = () => {
|
|
38486
38547
|
let [e, t] = T("scheduled"), n = (hZ().data ?? []).filter((e) => e.bucket === "upcoming").length;
|
|
38487
38548
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38488
|
-
className:
|
|
38549
|
+
className: k4.screen,
|
|
38489
38550
|
children: [/* @__PURE__ */ (0, A.jsxs)("header", {
|
|
38490
|
-
className:
|
|
38551
|
+
className: k4.head,
|
|
38491
38552
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38492
|
-
className:
|
|
38553
|
+
className: k4.headTop,
|
|
38493
38554
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)("h1", {
|
|
38494
|
-
className:
|
|
38555
|
+
className: k4.title,
|
|
38495
38556
|
children: "Meetings"
|
|
38496
38557
|
}), /* @__PURE__ */ (0, A.jsx)("p", {
|
|
38497
|
-
className:
|
|
38558
|
+
className: k4.subtitle,
|
|
38498
38559
|
children: "Book 1:1 meetings and manage your invitations."
|
|
38499
38560
|
})] }), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38500
|
-
className:
|
|
38561
|
+
className: k4.headBadge,
|
|
38501
38562
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38502
|
-
className:
|
|
38563
|
+
className: k4.headBadgeNum,
|
|
38503
38564
|
children: n
|
|
38504
38565
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
38505
|
-
className:
|
|
38566
|
+
className: k4.headBadgeLabel,
|
|
38506
38567
|
children: "upcoming"
|
|
38507
38568
|
})]
|
|
38508
38569
|
})]
|
|
38509
38570
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38510
|
-
className:
|
|
38571
|
+
className: k4.tabs,
|
|
38511
38572
|
children: [/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
38512
38573
|
type: "button",
|
|
38513
|
-
className: O(
|
|
38574
|
+
className: O(k4.tab, e === "book" && k4.tabActive),
|
|
38514
38575
|
onClick: () => {
|
|
38515
38576
|
t("book");
|
|
38516
38577
|
},
|
|
@@ -38519,7 +38580,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38519
38580
|
" Book a Meeting",
|
|
38520
38581
|
e === "book" && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
38521
38582
|
layoutId: "bookTabUnderline",
|
|
38522
|
-
className:
|
|
38583
|
+
className: k4.tabUnderline,
|
|
38523
38584
|
transition: {
|
|
38524
38585
|
type: "spring",
|
|
38525
38586
|
stiffness: 420,
|
|
@@ -38529,7 +38590,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38529
38590
|
]
|
|
38530
38591
|
}), /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
38531
38592
|
type: "button",
|
|
38532
|
-
className: O(
|
|
38593
|
+
className: O(k4.tab, e === "scheduled" && k4.tabActive),
|
|
38533
38594
|
onClick: () => {
|
|
38534
38595
|
t("scheduled");
|
|
38535
38596
|
},
|
|
@@ -38538,7 +38599,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38538
38599
|
" Scheduled",
|
|
38539
38600
|
e === "scheduled" && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
38540
38601
|
layoutId: "bookTabUnderline",
|
|
38541
|
-
className:
|
|
38602
|
+
className: k4.tabUnderline,
|
|
38542
38603
|
transition: {
|
|
38543
38604
|
type: "spring",
|
|
38544
38605
|
stiffness: 420,
|
|
@@ -38549,7 +38610,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38549
38610
|
})]
|
|
38550
38611
|
})]
|
|
38551
38612
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
38552
|
-
className:
|
|
38613
|
+
className: k4.body,
|
|
38553
38614
|
children: /* @__PURE__ */ (0, A.jsx)(p_, {
|
|
38554
38615
|
mode: "wait",
|
|
38555
38616
|
children: /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
@@ -38569,96 +38630,96 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38569
38630
|
duration: .2,
|
|
38570
38631
|
ease: "easeOut"
|
|
38571
38632
|
},
|
|
38572
|
-
className:
|
|
38573
|
-
children: e === "book" ? /* @__PURE__ */ (0, A.jsx)(
|
|
38633
|
+
className: k4.tabContent,
|
|
38634
|
+
children: e === "book" ? /* @__PURE__ */ (0, A.jsx)(u4, { onViewScheduled: () => {
|
|
38574
38635
|
t("scheduled");
|
|
38575
|
-
} }) : /* @__PURE__ */ (0, A.jsx)(
|
|
38636
|
+
} }) : /* @__PURE__ */ (0, A.jsx)(O4, {})
|
|
38576
38637
|
}, e)
|
|
38577
38638
|
})
|
|
38578
38639
|
})]
|
|
38579
38640
|
});
|
|
38580
|
-
},
|
|
38641
|
+
}, j4 = () => {
|
|
38581
38642
|
let { meetingId: e } = ft(), t = QZ((e) => e.setRequestedMeetingId);
|
|
38582
38643
|
return y(() => {
|
|
38583
38644
|
e !== void 0 && t(e);
|
|
38584
38645
|
}, [e, t]), /* @__PURE__ */ (0, A.jsx)(A.Fragment, {});
|
|
38585
|
-
},
|
|
38646
|
+
}, M4 = "/comms/bookings", N4 = "/comms/meetings/:meetingId/room", P4 = () => /* @__PURE__ */ (0, A.jsxs)(Wt, { children: [
|
|
38586
38647
|
/* @__PURE__ */ (0, A.jsx)(Ht, {
|
|
38587
|
-
path:
|
|
38588
|
-
element: /* @__PURE__ */ (0, A.jsx)(
|
|
38648
|
+
path: M4,
|
|
38649
|
+
element: /* @__PURE__ */ (0, A.jsx)(A4, {})
|
|
38589
38650
|
}),
|
|
38590
38651
|
/* @__PURE__ */ (0, A.jsx)(Ht, {
|
|
38591
|
-
path:
|
|
38592
|
-
element: /* @__PURE__ */ (0, A.jsx)(
|
|
38652
|
+
path: N4,
|
|
38653
|
+
element: /* @__PURE__ */ (0, A.jsx)(j4, {})
|
|
38593
38654
|
}),
|
|
38594
38655
|
/* @__PURE__ */ (0, A.jsx)(Ht, {
|
|
38595
38656
|
path: "*",
|
|
38596
38657
|
element: /* @__PURE__ */ (0, A.jsx)(Vt, {
|
|
38597
|
-
to:
|
|
38658
|
+
to: M4,
|
|
38598
38659
|
replace: !0
|
|
38599
38660
|
})
|
|
38600
38661
|
})
|
|
38601
|
-
] }),
|
|
38602
|
-
GQ("uapp-bookings", () => /* @__PURE__ */ (0, A.jsx)(
|
|
38603
|
-
},
|
|
38662
|
+
] }), F4 = () => {
|
|
38663
|
+
GQ("uapp-bookings", () => /* @__PURE__ */ (0, A.jsx)(P4, {}));
|
|
38664
|
+
}, I4 = (e, t = 0) => {
|
|
38604
38665
|
let n = new Date(e);
|
|
38605
38666
|
return n.setHours(0, 0, 0, 0), n.setDate(e.getDate() - (e.getDay() + 6) % 7 + t * 7), Array.from({ length: 7 }, (e, t) => {
|
|
38606
38667
|
let r = new Date(n);
|
|
38607
38668
|
return r.setDate(n.getDate() + t), r;
|
|
38608
38669
|
});
|
|
38609
|
-
},
|
|
38670
|
+
}, L4 = (e, t) => {
|
|
38610
38671
|
let n = pO(e);
|
|
38611
|
-
return
|
|
38672
|
+
return I4(e, t).map((e) => ({
|
|
38612
38673
|
date: e,
|
|
38613
38674
|
dayNumber: e.getDate(),
|
|
38614
38675
|
isToday: pO(e) === n
|
|
38615
38676
|
}));
|
|
38616
|
-
},
|
|
38617
|
-
let n =
|
|
38618
|
-
return a && r.getMonth() === i.getMonth() ? `${String(r.getDate())} – ${
|
|
38677
|
+
}, R4 = (e, t) => e.toLocaleDateString(void 0, t), z4 = (e, t) => {
|
|
38678
|
+
let n = I4(e, t), r = n[0] ?? e, i = n[6] ?? e, a = r.getFullYear() === i.getFullYear();
|
|
38679
|
+
return a && r.getMonth() === i.getMonth() ? `${String(r.getDate())} – ${R4(i, {
|
|
38619
38680
|
day: "numeric",
|
|
38620
38681
|
month: "long",
|
|
38621
38682
|
year: "numeric"
|
|
38622
|
-
})}` : a ? `${
|
|
38683
|
+
})}` : a ? `${R4(r, {
|
|
38623
38684
|
day: "numeric",
|
|
38624
38685
|
month: "short"
|
|
38625
|
-
})} – ${
|
|
38686
|
+
})} – ${R4(i, {
|
|
38626
38687
|
day: "numeric",
|
|
38627
38688
|
month: "short",
|
|
38628
38689
|
year: "numeric"
|
|
38629
|
-
})}` : `${
|
|
38690
|
+
})}` : `${R4(r, {
|
|
38630
38691
|
day: "numeric",
|
|
38631
38692
|
month: "short",
|
|
38632
38693
|
year: "numeric"
|
|
38633
|
-
})} – ${
|
|
38694
|
+
})} – ${R4(i, {
|
|
38634
38695
|
day: "numeric",
|
|
38635
38696
|
month: "short",
|
|
38636
38697
|
year: "numeric"
|
|
38637
38698
|
})}`;
|
|
38638
|
-
},
|
|
38699
|
+
}, B4 = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, 1), V4 = (e, t) => B4(e, t).toLocaleDateString(void 0, {
|
|
38639
38700
|
month: "long",
|
|
38640
38701
|
year: "numeric"
|
|
38641
|
-
}),
|
|
38642
|
-
let n =
|
|
38702
|
+
}), H4 = (e, t) => {
|
|
38703
|
+
let n = B4(e, t), r = (n.getDay() + 6) % 7, i = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate(), a = Math.ceil((r + i) / 7), o = new Date(n);
|
|
38643
38704
|
return o.setDate(n.getDate() - r), Array.from({ length: a * 7 }, (e, t) => {
|
|
38644
38705
|
let n = new Date(o);
|
|
38645
38706
|
return n.setDate(o.getDate() + t), n;
|
|
38646
38707
|
});
|
|
38647
|
-
},
|
|
38708
|
+
}, U4 = (e) => {
|
|
38648
38709
|
if (e < 60) return `${String(e)}m`;
|
|
38649
38710
|
let t = Math.floor(e / 60), n = e % 60;
|
|
38650
38711
|
return n === 0 ? `${String(t)}h` : `${String(t)}h ${String(n)}m`;
|
|
38651
|
-
},
|
|
38712
|
+
}, W4 = (e) => {
|
|
38652
38713
|
let t = new Date(e);
|
|
38653
38714
|
return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
|
|
38654
|
-
},
|
|
38715
|
+
}, G4 = (e) => new Date(e).toLocaleDateString(void 0, {
|
|
38655
38716
|
weekday: "short",
|
|
38656
38717
|
day: "numeric",
|
|
38657
38718
|
month: "short"
|
|
38658
|
-
}),
|
|
38719
|
+
}), K4 = (e) => pO(e), q4 = (e) => W4(e), J4 = (e, t) => {
|
|
38659
38720
|
let [n, r, i] = e.split("-"), [a, o] = t.split(":");
|
|
38660
38721
|
return new Date(Number(n ?? "1970"), Number(r ?? "1") - 1, Number(i ?? "1"), Number(a ?? "0"), Number(o ?? "0"), 0, 0).toISOString();
|
|
38661
|
-
},
|
|
38722
|
+
}, Y4 = {
|
|
38662
38723
|
available: {
|
|
38663
38724
|
label: "Available",
|
|
38664
38725
|
color: "#22c55e",
|
|
@@ -38684,44 +38745,44 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38684
38745
|
color: "#94a3b8",
|
|
38685
38746
|
Icon: yr
|
|
38686
38747
|
}
|
|
38687
|
-
},
|
|
38748
|
+
}, X4 = (e) => e === 0 || e === 24 ? "12 AM" : e === 12 ? "12 PM" : e < 12 ? `${String(e)} AM` : `${String(e - 12)} PM`, Z4 = (e, t) => {
|
|
38688
38749
|
let n = lO(e), r = lO(t);
|
|
38689
38750
|
return r <= n ? 1440 : r;
|
|
38690
|
-
},
|
|
38751
|
+
}, Q4 = (e, t) => {
|
|
38691
38752
|
let n = ok(t);
|
|
38692
38753
|
return n <= ok(e) ? 1440 : n;
|
|
38693
|
-
},
|
|
38694
|
-
let r = ok(n) <= ok(t) ? 0 : Math.max(0, Math.floor(ok(t) / 60) - 1), i = Math.min(24, Math.ceil(
|
|
38754
|
+
}, $4 = (e, t, n) => {
|
|
38755
|
+
let r = ok(n) <= ok(t) ? 0 : Math.max(0, Math.floor(ok(t) / 60) - 1), i = Math.min(24, Math.ceil(Q4(t, n) / 60) + 1);
|
|
38695
38756
|
for (let t of e) {
|
|
38696
38757
|
let e = t.block.status === "available" && (t.continuesFromPrevDay === !0 || t.continuesToNextDay === !0);
|
|
38697
|
-
t.block.allDay && !e || (r = Math.min(r, Math.floor(lO(t.start) / 60)), i = Math.max(i, Math.ceil(
|
|
38758
|
+
t.block.allDay && !e || (r = Math.min(r, Math.floor(lO(t.start) / 60)), i = Math.max(i, Math.ceil(Z4(t.start, t.end) / 60)));
|
|
38698
38759
|
}
|
|
38699
38760
|
return r = Math.max(0, Math.min(r, 22)), i = Math.min(24, Math.max(i, r + 2)), {
|
|
38700
38761
|
startHour: r,
|
|
38701
38762
|
endHour: i
|
|
38702
38763
|
};
|
|
38703
|
-
},
|
|
38704
|
-
let r = lO(e), i =
|
|
38764
|
+
}, e3 = (e) => Array.from({ length: e.endHour - e.startHour }, (t, n) => e.startHour + n), t3 = (e) => (e.endHour - e.startHour) * 52, n3 = (e, t, n) => {
|
|
38765
|
+
let r = lO(e), i = Z4(e, t);
|
|
38705
38766
|
return {
|
|
38706
38767
|
top: (r - n.startHour * 60) * 52 / 60,
|
|
38707
38768
|
height: Math.max(20, (i - r) * 52 / 60 - 2)
|
|
38708
38769
|
};
|
|
38709
|
-
},
|
|
38770
|
+
}, r3 = (e, t, n) => {
|
|
38710
38771
|
let r = n.startHour * 60, i = Math.max(e, r), a = Math.min(t, n.endHour * 60);
|
|
38711
38772
|
return a <= i ? null : {
|
|
38712
38773
|
top: (i - r) * 52 / 60,
|
|
38713
38774
|
height: (a - i) * 52 / 60
|
|
38714
38775
|
};
|
|
38715
|
-
},
|
|
38776
|
+
}, i3 = (e, t, n) => e ? t.flatMap((e) => {
|
|
38716
38777
|
let t = ok(e.from), r = ok(e.to);
|
|
38717
|
-
if (r <= t) return [
|
|
38718
|
-
let i =
|
|
38778
|
+
if (r <= t) return [r3(t, 1440, n), r3(0, r, n)].filter((e) => e !== null);
|
|
38779
|
+
let i = r3(t, r, n);
|
|
38719
38780
|
return i === null ? [] : [i];
|
|
38720
|
-
}) : [],
|
|
38781
|
+
}) : [], a3 = (e, t) => {
|
|
38721
38782
|
let n = e.getHours() * 60 + e.getMinutes();
|
|
38722
38783
|
return n < t.startHour * 60 || n > t.endHour * 60 ? null : (n - t.startHour * 60) * 52 / 60;
|
|
38723
|
-
},
|
|
38724
|
-
let t = [...e].sort((e, t) => lO(e.start) - lO(t.start) ||
|
|
38784
|
+
}, o3 = (e, t, n, r = 90) => ((ok(t) <= ok(e) ? 0 : ok(e)) - n * 60) * 52 / 60 - r * 52 / 60, s3 = (e, t, n = 90) => (e.getHours() * 60 + e.getMinutes() - t * 60) * 52 / 60 - n * 52 / 60, c3 = (e) => {
|
|
38785
|
+
let t = [...e].sort((e, t) => lO(e.start) - lO(t.start) || Z4(e.start, e.end) - Z4(t.start, t.end)), n = [], r = [], i = [], a = () => {
|
|
38725
38786
|
let e = Math.max(1, i.length);
|
|
38726
38787
|
for (let t of r) n.push({
|
|
38727
38788
|
occurrence: t.occurrence,
|
|
@@ -38731,7 +38792,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38731
38792
|
r = [], i = [];
|
|
38732
38793
|
};
|
|
38733
38794
|
for (let e of t) {
|
|
38734
|
-
let t = lO(e.start), n =
|
|
38795
|
+
let t = lO(e.start), n = Z4(e.start, e.end);
|
|
38735
38796
|
r.length > 0 && t >= Math.max(...i) && a();
|
|
38736
38797
|
let o = i.findIndex((e) => e <= t);
|
|
38737
38798
|
o === -1 ? (o = i.length, i.push(n)) : i[o] = n, r.push({
|
|
@@ -38740,7 +38801,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38740
38801
|
});
|
|
38741
38802
|
}
|
|
38742
38803
|
return a(), n;
|
|
38743
|
-
},
|
|
38804
|
+
}, l3 = (e) => {
|
|
38744
38805
|
let t = e.filter((e) => e.end > e.start).slice().sort((e, t) => e.start - t.start), n = [];
|
|
38745
38806
|
for (let e of t) {
|
|
38746
38807
|
let t = n[n.length - 1];
|
|
@@ -38750,8 +38811,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38750
38811
|
} : n.push(e);
|
|
38751
38812
|
}
|
|
38752
38813
|
return n;
|
|
38753
|
-
},
|
|
38754
|
-
let r = pO(t), i = e.filter((e) => e.date === r && !e.block.allDay), a =
|
|
38814
|
+
}, u3 = (e) => e.reduce((e, t) => e + (t.end - t.start), 0), d3 = (e, t, n) => {
|
|
38815
|
+
let r = pO(t), i = e.filter((e) => e.date === r && !e.block.allDay), a = l3([...n.map((e) => {
|
|
38755
38816
|
let t = ok(e.from), n = ok(e.to);
|
|
38756
38817
|
return {
|
|
38757
38818
|
start: t,
|
|
@@ -38759,45 +38820,45 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38759
38820
|
};
|
|
38760
38821
|
}), ...i.filter((e) => e.block.status === "available").map((e) => ({
|
|
38761
38822
|
start: lO(e.start),
|
|
38762
|
-
end:
|
|
38823
|
+
end: Z4(e.start, e.end)
|
|
38763
38824
|
}))]), o = i.filter((e) => e.block.status !== "available").map((e) => ({
|
|
38764
38825
|
start: lO(e.start),
|
|
38765
|
-
end:
|
|
38826
|
+
end: Z4(e.start, e.end)
|
|
38766
38827
|
})), s = 0;
|
|
38767
38828
|
for (let e of a) {
|
|
38768
|
-
let t =
|
|
38829
|
+
let t = l3(o.map((t) => ({
|
|
38769
38830
|
start: Math.max(e.start, t.start),
|
|
38770
38831
|
end: Math.min(e.end, t.end)
|
|
38771
38832
|
})));
|
|
38772
|
-
s += e.end - e.start -
|
|
38833
|
+
s += e.end - e.start - u3(t);
|
|
38773
38834
|
}
|
|
38774
38835
|
return Math.max(0, Math.round(s / 60));
|
|
38775
|
-
},
|
|
38836
|
+
}, f3 = (e, t) => new Date(new Date(e).getTime() + t * 6e4).toISOString(), p3 = (e, t) => {
|
|
38776
38837
|
let n = new Date(e), r = JN(t, n) - JN(KN(), n);
|
|
38777
38838
|
return r === 0 ? e : (/* @__PURE__ */ new Date(n.getTime() - r * 6e4)).toISOString();
|
|
38778
|
-
},
|
|
38839
|
+
}, m3 = (e, t) => {
|
|
38779
38840
|
let n = new Date(e), r = JN(t, n) - JN(KN(), n);
|
|
38780
38841
|
return r === 0 ? e : new Date(n.getTime() + r * 6e4).toISOString();
|
|
38781
|
-
},
|
|
38842
|
+
}, h3 = (e, t) => ({
|
|
38782
38843
|
...e,
|
|
38783
|
-
start:
|
|
38784
|
-
end:
|
|
38785
|
-
}),
|
|
38844
|
+
start: p3(e.start, t),
|
|
38845
|
+
end: p3(e.end, t)
|
|
38846
|
+
}), g3 = (e) => {
|
|
38786
38847
|
if (e.mode === "edit") {
|
|
38787
38848
|
let { block: t } = e;
|
|
38788
38849
|
return {
|
|
38789
38850
|
title: t.title,
|
|
38790
38851
|
status: t.status,
|
|
38791
38852
|
start: t.start,
|
|
38792
|
-
end: t.allDay ? t.end : K4(
|
|
38853
|
+
end: t.allDay ? t.end : J4(K4(t.start), q4(t.end)),
|
|
38793
38854
|
allDay: t.allDay,
|
|
38794
38855
|
notes: t.notes,
|
|
38795
38856
|
recurrence: t.recurrence
|
|
38796
38857
|
};
|
|
38797
38858
|
}
|
|
38798
|
-
let t = e.start, n = e.end ??
|
|
38859
|
+
let t = e.start, n = e.end ?? f3(t, 60), r = null, i = pO(t);
|
|
38799
38860
|
if (i !== pO(n)) {
|
|
38800
|
-
n =
|
|
38861
|
+
n = J4(i, q4(n));
|
|
38801
38862
|
let a = new Date(t), o = new Date(e.end ?? n), s = [], c = new Date(a), l = 0;
|
|
38802
38863
|
for (; pO(c) <= pO(o) && l < 100;) l++, s.push(c.getDay()), c.setDate(c.getDate() + 1);
|
|
38803
38864
|
r = {
|
|
@@ -38820,38 +38881,38 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38820
38881
|
notes: "",
|
|
38821
38882
|
recurrence: r
|
|
38822
38883
|
};
|
|
38823
|
-
},
|
|
38884
|
+
}, _3 = (e) => ({
|
|
38824
38885
|
...e,
|
|
38825
38886
|
recurrence: e.recurrence === null ? NO(e.start) : null
|
|
38826
|
-
}),
|
|
38887
|
+
}), v3 = (e, t) => ({
|
|
38827
38888
|
...e,
|
|
38828
38889
|
recurrence: t
|
|
38829
|
-
}),
|
|
38890
|
+
}), y3 = (e, t) => ({
|
|
38830
38891
|
...e,
|
|
38831
|
-
start:
|
|
38832
|
-
end:
|
|
38833
|
-
}),
|
|
38834
|
-
let n = K4(
|
|
38892
|
+
start: J4(t, q4(e.start)),
|
|
38893
|
+
end: J4(t, q4(e.end))
|
|
38894
|
+
}), b3 = (e, t) => {
|
|
38895
|
+
let n = J4(K4(e.start), t), r = new Date(n).getTime() - new Date(e.start).getTime();
|
|
38835
38896
|
return {
|
|
38836
38897
|
...e,
|
|
38837
38898
|
start: n,
|
|
38838
38899
|
end: new Date(new Date(e.end).getTime() + r).toISOString()
|
|
38839
38900
|
};
|
|
38840
|
-
},
|
|
38901
|
+
}, x3 = (e, t) => ({
|
|
38841
38902
|
...e,
|
|
38842
|
-
end: K4(
|
|
38843
|
-
}),
|
|
38844
|
-
let n =
|
|
38903
|
+
end: J4(K4(e.start), t)
|
|
38904
|
+
}), S3 = (e, t) => {
|
|
38905
|
+
let n = K4(e.start);
|
|
38845
38906
|
return t ? {
|
|
38846
38907
|
...e,
|
|
38847
38908
|
allDay: !0,
|
|
38848
|
-
start:
|
|
38849
|
-
end:
|
|
38909
|
+
start: J4(n, "00:00"),
|
|
38910
|
+
end: J4(n, "23:59")
|
|
38850
38911
|
} : {
|
|
38851
38912
|
...e,
|
|
38852
38913
|
allDay: !1,
|
|
38853
|
-
start:
|
|
38854
|
-
end:
|
|
38914
|
+
start: J4(n, "09:00"),
|
|
38915
|
+
end: J4(n, "10:00")
|
|
38855
38916
|
};
|
|
38856
38917
|
}, Q = {
|
|
38857
38918
|
notesInput: "_notesInput_1ut2q_7",
|
|
@@ -38911,11 +38972,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38911
38972
|
differentTimeDayLabelSpacer: "_differentTimeDayLabelSpacer_1ut2q_501",
|
|
38912
38973
|
slotActionBtn: "_slotActionBtn_1ut2q_507",
|
|
38913
38974
|
slotActionBtnTrash: "_slotActionBtnTrash_1ut2q_524"
|
|
38914
|
-
},
|
|
38975
|
+
}, C3 = {
|
|
38915
38976
|
center: "_center_10cfo_6",
|
|
38916
38977
|
field: "_field_10cfo_12",
|
|
38917
38978
|
dash: "_dash_10cfo_18"
|
|
38918
|
-
},
|
|
38979
|
+
}, w3 = { timeInput: "_timeInput_ik08d_4" }, T3 = [
|
|
38919
38980
|
{
|
|
38920
38981
|
wd: 1,
|
|
38921
38982
|
label: "M",
|
|
@@ -38951,7 +39012,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38951
39012
|
label: "S",
|
|
38952
39013
|
longLabel: "Sun"
|
|
38953
39014
|
}
|
|
38954
|
-
],
|
|
39015
|
+
], E3 = ({ slot: e, index: t, dayMeta: n, dayName: r, showTrash: i, onUpdateStart: a, onUpdateEnd: o, onAdd: s, onRemove: c }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
38955
39016
|
className: Q.differentTimeRowItem,
|
|
38956
39017
|
children: [
|
|
38957
39018
|
t === 0 ? /* @__PURE__ */ (0, A.jsx)("span", {
|
|
@@ -38960,19 +39021,19 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38960
39021
|
}) : /* @__PURE__ */ (0, A.jsx)("span", { className: Q.differentTimeDayLabelSpacer }),
|
|
38961
39022
|
/* @__PURE__ */ (0, A.jsx)("input", {
|
|
38962
39023
|
type: "time",
|
|
38963
|
-
className: O(Q.recurDate,
|
|
39024
|
+
className: O(Q.recurDate, w3.timeInput),
|
|
38964
39025
|
value: e.start,
|
|
38965
39026
|
onChange: (e) => {
|
|
38966
39027
|
a(e.target.value);
|
|
38967
39028
|
}
|
|
38968
39029
|
}),
|
|
38969
39030
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
38970
|
-
className:
|
|
39031
|
+
className: C3.dash,
|
|
38971
39032
|
children: "–"
|
|
38972
39033
|
}),
|
|
38973
39034
|
/* @__PURE__ */ (0, A.jsx)("input", {
|
|
38974
39035
|
type: "time",
|
|
38975
|
-
className: O(Q.recurDate,
|
|
39036
|
+
className: O(Q.recurDate, w3.timeInput),
|
|
38976
39037
|
value: e.end,
|
|
38977
39038
|
onChange: (e) => {
|
|
38978
39039
|
o(e.target.value);
|
|
@@ -38991,14 +39052,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
38991
39052
|
children: /* @__PURE__ */ (0, A.jsx)(Si, { size: 12 })
|
|
38992
39053
|
})
|
|
38993
39054
|
]
|
|
38994
|
-
}),
|
|
39055
|
+
}), D3 = ({ dayMeta: e, dayName: t, slots: n, startIso: r, endIso: i, onChangeSlots: a }) => {
|
|
38995
39056
|
let o = n.length > 0 ? n : [{
|
|
38996
|
-
start:
|
|
38997
|
-
end:
|
|
39057
|
+
start: q4(r),
|
|
39058
|
+
end: q4(i ?? r)
|
|
38998
39059
|
}];
|
|
38999
39060
|
return /* @__PURE__ */ (0, A.jsx)("div", {
|
|
39000
39061
|
className: Q.differentTimeRowGroup,
|
|
39001
|
-
children: o.map((n, r) => /* @__PURE__ */ (0, A.jsx)(
|
|
39062
|
+
children: o.map((n, r) => /* @__PURE__ */ (0, A.jsx)(E3, {
|
|
39002
39063
|
slot: n,
|
|
39003
39064
|
index: r,
|
|
39004
39065
|
dayMeta: e,
|
|
@@ -39030,7 +39091,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39030
39091
|
}
|
|
39031
39092
|
}, r))
|
|
39032
39093
|
});
|
|
39033
|
-
},
|
|
39094
|
+
}, O3 = ({ rec: e, onChange: t, startIso: n, endIso: r }) => e.weekdays.length === 0 ? /* @__PURE__ */ (0, A.jsx)(A.Fragment, {}) : /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39034
39095
|
className: Q.differentTimeRow,
|
|
39035
39096
|
children: [/* @__PURE__ */ (0, A.jsx)("input", {
|
|
39036
39097
|
type: "checkbox",
|
|
@@ -39045,8 +39106,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39045
39106
|
}), e.differentTimes && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39046
39107
|
className: Q.differentTimeList,
|
|
39047
39108
|
children: [e.weekdays.map((i) => {
|
|
39048
|
-
let a =
|
|
39049
|
-
return /* @__PURE__ */ (0, A.jsx)(
|
|
39109
|
+
let a = T3.find((e) => e.wd === i);
|
|
39110
|
+
return /* @__PURE__ */ (0, A.jsx)(D3, {
|
|
39050
39111
|
dayMeta: a,
|
|
39051
39112
|
dayName: a ? a.longLabel : "",
|
|
39052
39113
|
slots: e.weekdayTimes?.[i] ?? [],
|
|
@@ -39067,7 +39128,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39067
39128
|
className: Q.differentTimeNote,
|
|
39068
39129
|
children: "Defaults to the base event time when not overridden. Use + to add multiple slots per day."
|
|
39069
39130
|
})]
|
|
39070
|
-
})] }),
|
|
39131
|
+
})] }), k3 = ({ recurrence: e, startIso: t, endIso: n }) => {
|
|
39071
39132
|
let r = new Date(t), i = n === void 0 ? new Date(r.getTime() + 1800 * 1e3) : new Date(n), a = r, o = new Date(r.getTime() + 2160 * 60 * 60 * 1e3), s = BO({
|
|
39072
39133
|
start: t,
|
|
39073
39134
|
end: i.toISOString(),
|
|
@@ -39085,7 +39146,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39085
39146
|
weekday: "short",
|
|
39086
39147
|
month: "short",
|
|
39087
39148
|
day: "numeric"
|
|
39088
|
-
}), r = `${
|
|
39149
|
+
}), r = `${W4(e.start)} – ${W4(e.end)}`;
|
|
39089
39150
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39090
39151
|
className: Q.upcomingRow,
|
|
39091
39152
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
@@ -39103,7 +39164,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39103
39164
|
})
|
|
39104
39165
|
]
|
|
39105
39166
|
});
|
|
39106
|
-
},
|
|
39167
|
+
}, A3 = [
|
|
39107
39168
|
{
|
|
39108
39169
|
wd: 1,
|
|
39109
39170
|
label: "M"
|
|
@@ -39132,18 +39193,18 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39132
39193
|
wd: 0,
|
|
39133
39194
|
label: "S"
|
|
39134
39195
|
}
|
|
39135
|
-
],
|
|
39196
|
+
], j3 = {
|
|
39136
39197
|
daily: "day",
|
|
39137
39198
|
weekly: "week",
|
|
39138
39199
|
monthly: "month",
|
|
39139
39200
|
yearly: "year"
|
|
39140
|
-
},
|
|
39201
|
+
}, M3 = [{
|
|
39141
39202
|
id: "dayOfMonth",
|
|
39142
39203
|
label: "Day of month"
|
|
39143
39204
|
}, {
|
|
39144
39205
|
id: "nthWeekday",
|
|
39145
39206
|
label: "Day of week"
|
|
39146
|
-
}],
|
|
39207
|
+
}], N3 = ({ rec: e, onChange: t }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
39147
39208
|
className: Q.recurChips,
|
|
39148
39209
|
children: AO.map((n) => /* @__PURE__ */ (0, A.jsx)("button", {
|
|
39149
39210
|
type: "button",
|
|
@@ -39157,7 +39218,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39157
39218
|
},
|
|
39158
39219
|
children: n.label
|
|
39159
39220
|
}, n.id))
|
|
39160
|
-
}),
|
|
39221
|
+
}), P3 = ({ rec: e, onChange: t }) => /* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39161
39222
|
className: Q.recurInline,
|
|
39162
39223
|
children: [
|
|
39163
39224
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
@@ -39179,12 +39240,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39179
39240
|
}),
|
|
39180
39241
|
/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
39181
39242
|
className: Q.recurInlineLabel,
|
|
39182
|
-
children: [
|
|
39243
|
+
children: [j3[e.freq], e.interval > 1 ? "s" : ""]
|
|
39183
39244
|
})
|
|
39184
39245
|
]
|
|
39185
|
-
}),
|
|
39246
|
+
}), F3 = ({ rec: e, onChange: t }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
39186
39247
|
className: Q.recurWeekdays,
|
|
39187
|
-
children:
|
|
39248
|
+
children: A3.map(({ wd: n, label: r }) => {
|
|
39188
39249
|
let i = e.weekdays.includes(n);
|
|
39189
39250
|
return /* @__PURE__ */ (0, A.jsx)("button", {
|
|
39190
39251
|
type: "button",
|
|
@@ -39199,9 +39260,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39199
39260
|
children: r
|
|
39200
39261
|
}, n);
|
|
39201
39262
|
})
|
|
39202
|
-
}),
|
|
39263
|
+
}), I3 = ({ rec: e, onChange: t }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
39203
39264
|
className: Q.recurChips,
|
|
39204
|
-
children:
|
|
39265
|
+
children: M3.map((n) => /* @__PURE__ */ (0, A.jsx)("button", {
|
|
39205
39266
|
type: "button",
|
|
39206
39267
|
className: O(Q.recurChip, e.monthlyMode === n.id && Q.recurChipActive),
|
|
39207
39268
|
onClick: () => {
|
|
@@ -39212,7 +39273,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39212
39273
|
},
|
|
39213
39274
|
children: n.label
|
|
39214
39275
|
}, n.id))
|
|
39215
|
-
}),
|
|
39276
|
+
}), L3 = ({ rec: e, startIso: t, onChange: n }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39216
39277
|
className: Q.recurEnds,
|
|
39217
39278
|
children: [
|
|
39218
39279
|
/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
@@ -39294,33 +39355,33 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39294
39355
|
]
|
|
39295
39356
|
})
|
|
39296
39357
|
]
|
|
39297
|
-
}),
|
|
39358
|
+
}), R3 = ({ recurrence: e, startIso: t, endIso: n, onChange: r }) => {
|
|
39298
39359
|
let i = e.freq === "weekly", a = e.freq === "monthly" || e.freq === "yearly";
|
|
39299
39360
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39300
39361
|
className: Q.recurBuilder,
|
|
39301
39362
|
children: [
|
|
39302
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39363
|
+
/* @__PURE__ */ (0, A.jsx)(N3, {
|
|
39303
39364
|
rec: e,
|
|
39304
39365
|
onChange: r
|
|
39305
39366
|
}),
|
|
39306
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39367
|
+
/* @__PURE__ */ (0, A.jsx)(P3, {
|
|
39307
39368
|
rec: e,
|
|
39308
39369
|
onChange: r
|
|
39309
39370
|
}),
|
|
39310
|
-
i && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsx)(
|
|
39371
|
+
i && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsx)(F3, {
|
|
39311
39372
|
rec: e,
|
|
39312
39373
|
onChange: r
|
|
39313
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
39374
|
+
}), /* @__PURE__ */ (0, A.jsx)(O3, {
|
|
39314
39375
|
rec: e,
|
|
39315
39376
|
onChange: r,
|
|
39316
39377
|
startIso: t,
|
|
39317
39378
|
endIso: n
|
|
39318
39379
|
})] }),
|
|
39319
|
-
a && /* @__PURE__ */ (0, A.jsx)(
|
|
39380
|
+
a && /* @__PURE__ */ (0, A.jsx)(I3, {
|
|
39320
39381
|
rec: e,
|
|
39321
39382
|
onChange: r
|
|
39322
39383
|
}),
|
|
39323
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39384
|
+
/* @__PURE__ */ (0, A.jsx)(L3, {
|
|
39324
39385
|
rec: e,
|
|
39325
39386
|
startIso: t,
|
|
39326
39387
|
onChange: r
|
|
@@ -39329,22 +39390,22 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39329
39390
|
className: Q.recurSummaryBox,
|
|
39330
39391
|
children: GO(e, t)
|
|
39331
39392
|
}),
|
|
39332
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39393
|
+
/* @__PURE__ */ (0, A.jsx)(k3, {
|
|
39333
39394
|
recurrence: e,
|
|
39334
39395
|
startIso: t,
|
|
39335
39396
|
endIso: n
|
|
39336
39397
|
})
|
|
39337
39398
|
]
|
|
39338
39399
|
});
|
|
39339
|
-
},
|
|
39340
|
-
className:
|
|
39400
|
+
}, z3 = ({ draft: e, onChange: t }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39401
|
+
className: C3.field,
|
|
39341
39402
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39342
39403
|
className: Q.microLabel,
|
|
39343
39404
|
children: "Status"
|
|
39344
39405
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
39345
39406
|
className: Q.statusPills,
|
|
39346
39407
|
children: ZO.map((n) => {
|
|
39347
|
-
let r =
|
|
39408
|
+
let r = Y4[n.id], i = e.status === n.id;
|
|
39348
39409
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
39349
39410
|
type: "button",
|
|
39350
39411
|
className: O(Q.statusPill, i && Q.statusPillActive),
|
|
@@ -39364,42 +39425,42 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39364
39425
|
}, n.id);
|
|
39365
39426
|
})
|
|
39366
39427
|
})]
|
|
39367
|
-
}),
|
|
39368
|
-
className: e.allDay ?
|
|
39428
|
+
}), B3 = ({ draft: e, onChange: t }) => /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39429
|
+
className: e.allDay ? C3.field : Q.dtGrid,
|
|
39369
39430
|
children: [/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39370
|
-
className:
|
|
39431
|
+
className: C3.field,
|
|
39371
39432
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39372
39433
|
className: Q.microLabel,
|
|
39373
39434
|
children: "Date"
|
|
39374
39435
|
}), /* @__PURE__ */ (0, A.jsx)("input", {
|
|
39375
39436
|
type: "date",
|
|
39376
39437
|
className: Q.panelInput,
|
|
39377
|
-
value:
|
|
39438
|
+
value: K4(e.start),
|
|
39378
39439
|
onChange: (n) => {
|
|
39379
|
-
t(
|
|
39440
|
+
t(y3(e, n.target.value));
|
|
39380
39441
|
}
|
|
39381
39442
|
})]
|
|
39382
39443
|
}), !e.allDay && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39383
|
-
className:
|
|
39444
|
+
className: C3.field,
|
|
39384
39445
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39385
39446
|
className: Q.microLabel,
|
|
39386
39447
|
children: "Start"
|
|
39387
39448
|
}), /* @__PURE__ */ (0, A.jsx)(yD, {
|
|
39388
|
-
value:
|
|
39449
|
+
value: q4(e.start),
|
|
39389
39450
|
onChange: (n) => {
|
|
39390
|
-
t(
|
|
39451
|
+
t(b3(e, n));
|
|
39391
39452
|
}
|
|
39392
39453
|
})]
|
|
39393
39454
|
}), /* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39394
|
-
className:
|
|
39455
|
+
className: C3.field,
|
|
39395
39456
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39396
39457
|
className: Q.microLabel,
|
|
39397
39458
|
children: "End"
|
|
39398
39459
|
}), /* @__PURE__ */ (0, A.jsx)(yD, {
|
|
39399
39460
|
align: "end",
|
|
39400
|
-
value:
|
|
39461
|
+
value: q4(e.end),
|
|
39401
39462
|
onChange: (n) => {
|
|
39402
|
-
t(
|
|
39463
|
+
t(x3(e, n));
|
|
39403
39464
|
}
|
|
39404
39465
|
})]
|
|
39405
39466
|
})] })]
|
|
@@ -39410,10 +39471,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39410
39471
|
className: Q.checkbox,
|
|
39411
39472
|
checked: e.allDay,
|
|
39412
39473
|
onChange: (n) => {
|
|
39413
|
-
t(
|
|
39474
|
+
t(S3(e, n.target.checked));
|
|
39414
39475
|
}
|
|
39415
39476
|
}), /* @__PURE__ */ (0, A.jsx)("span", { children: "All-day" })]
|
|
39416
|
-
})] }),
|
|
39477
|
+
})] }), V3 = ({ draft: e, onChange: t }) => {
|
|
39417
39478
|
let n = e.recurrence !== null;
|
|
39418
39479
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39419
39480
|
className: Q.recurSection,
|
|
@@ -39422,7 +39483,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39422
39483
|
className: O(Q.recurToggle, n && Q.recurToggleOn),
|
|
39423
39484
|
"aria-pressed": n,
|
|
39424
39485
|
onClick: () => {
|
|
39425
|
-
t(
|
|
39486
|
+
t(_3(e));
|
|
39426
39487
|
},
|
|
39427
39488
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
39428
39489
|
className: Q.recurToggleLabel,
|
|
@@ -39431,20 +39492,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39431
39492
|
className: O(Q.recurSwitch, n && Q.recurSwitchOn),
|
|
39432
39493
|
children: /* @__PURE__ */ (0, A.jsx)("span", { className: Q.recurKnob })
|
|
39433
39494
|
})]
|
|
39434
|
-
}), e.recurrence !== null && /* @__PURE__ */ (0, A.jsx)(
|
|
39495
|
+
}), e.recurrence !== null && /* @__PURE__ */ (0, A.jsx)(R3, {
|
|
39435
39496
|
recurrence: e.recurrence,
|
|
39436
39497
|
startIso: e.start,
|
|
39437
39498
|
endIso: e.end,
|
|
39438
39499
|
onChange: (n) => {
|
|
39439
|
-
t(
|
|
39500
|
+
t(v3(e, n));
|
|
39440
39501
|
}
|
|
39441
39502
|
})]
|
|
39442
39503
|
});
|
|
39443
|
-
},
|
|
39504
|
+
}, H3 = ({ draft: e, onChange: t }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39444
39505
|
className: Q.panelForm,
|
|
39445
39506
|
children: [
|
|
39446
39507
|
/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39447
|
-
className:
|
|
39508
|
+
className: C3.field,
|
|
39448
39509
|
children: [
|
|
39449
39510
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39450
39511
|
className: Q.microLabel,
|
|
@@ -39468,20 +39529,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39468
39529
|
})
|
|
39469
39530
|
]
|
|
39470
39531
|
}),
|
|
39471
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39532
|
+
/* @__PURE__ */ (0, A.jsx)(z3, {
|
|
39472
39533
|
draft: e,
|
|
39473
39534
|
onChange: t
|
|
39474
39535
|
}),
|
|
39475
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39536
|
+
/* @__PURE__ */ (0, A.jsx)(B3, {
|
|
39476
39537
|
draft: e,
|
|
39477
39538
|
onChange: t
|
|
39478
39539
|
}),
|
|
39479
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
39540
|
+
/* @__PURE__ */ (0, A.jsx)(V3, {
|
|
39480
39541
|
draft: e,
|
|
39481
39542
|
onChange: t
|
|
39482
39543
|
}),
|
|
39483
39544
|
/* @__PURE__ */ (0, A.jsxs)("label", {
|
|
39484
|
-
className:
|
|
39545
|
+
className: C3.field,
|
|
39485
39546
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39486
39547
|
className: Q.microLabel,
|
|
39487
39548
|
children: "Notes"
|
|
@@ -39499,7 +39560,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39499
39560
|
})]
|
|
39500
39561
|
})
|
|
39501
39562
|
]
|
|
39502
|
-
}),
|
|
39563
|
+
}), U3 = (e, t, n, r) => {
|
|
39503
39564
|
let i = new Date(e).getTime(), a = new Date(t).getTime(), o = new Date(n).getTime(), s = new Date(r).getTime();
|
|
39504
39565
|
return i <= o && a >= s ? { type: "delete" } : i > o && a < s ? {
|
|
39505
39566
|
type: "split",
|
|
@@ -39515,20 +39576,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39515
39576
|
start: n,
|
|
39516
39577
|
end: new Date(i).toISOString()
|
|
39517
39578
|
} : null;
|
|
39518
|
-
},
|
|
39579
|
+
}, W3 = (e, t) => {
|
|
39519
39580
|
let n = new Date(e.start).getTime(), r = new Date(e.end).getTime(), i = new Date(t.start).getTime();
|
|
39520
39581
|
return n < new Date(t.end).getTime() && r > i;
|
|
39521
|
-
},
|
|
39582
|
+
}, G3 = (e, t) => {
|
|
39522
39583
|
let n = e.block.status === "available" && t.block.status === "available", r = e.block.status !== "available" && t.block.status !== "available";
|
|
39523
|
-
return (n || r) &&
|
|
39524
|
-
},
|
|
39584
|
+
return (n || r) && W3(e, t);
|
|
39585
|
+
}, K3 = (e, t, n) => {
|
|
39525
39586
|
let r = ak([new KO({
|
|
39526
39587
|
id: "draft",
|
|
39527
39588
|
...e
|
|
39528
39589
|
})], n), i = ak(t, n), a = [];
|
|
39529
|
-
for (let e of i) r.some((t) =>
|
|
39590
|
+
for (let e of i) r.some((t) => G3(t, e)) && a.push(e);
|
|
39530
39591
|
return a;
|
|
39531
|
-
},
|
|
39592
|
+
}, q3 = (e) => ({
|
|
39532
39593
|
userId: e.userId,
|
|
39533
39594
|
title: e.title,
|
|
39534
39595
|
status: e.status,
|
|
@@ -39537,46 +39598,46 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39537
39598
|
allDay: e.allDay,
|
|
39538
39599
|
notes: e.notes,
|
|
39539
39600
|
recurrence: e.recurrence
|
|
39540
|
-
}),
|
|
39541
|
-
...
|
|
39601
|
+
}), J3 = (e, t, n) => ({
|
|
39602
|
+
...q3(e),
|
|
39542
39603
|
start: t,
|
|
39543
39604
|
end: n,
|
|
39544
39605
|
recurrence: null
|
|
39545
|
-
}),
|
|
39606
|
+
}), Y3 = (e, t) => {
|
|
39546
39607
|
let n = e.recurrence;
|
|
39547
|
-
if (n === null) return
|
|
39608
|
+
if (n === null) return q3(e);
|
|
39548
39609
|
let r = Array.from(new Set([...n.exceptions, ...t]));
|
|
39549
39610
|
return {
|
|
39550
|
-
...
|
|
39611
|
+
...q3(e),
|
|
39551
39612
|
recurrence: {
|
|
39552
39613
|
...n,
|
|
39553
39614
|
exceptions: r
|
|
39554
39615
|
}
|
|
39555
39616
|
};
|
|
39556
|
-
},
|
|
39557
|
-
let r =
|
|
39617
|
+
}, X3 = (e, t, n) => n.type === "delete" ? [] : n.type === "update" ? [J3(e, n.start, n.end)] : [J3(e, t.start, n.updateEnd), J3(e, n.createStart, n.createEnd)], Z3 = (e, t, n) => {
|
|
39618
|
+
let r = U3(n.start, n.end, t.start, t.end);
|
|
39558
39619
|
return r === null ? [] : r.type === "delete" ? [{
|
|
39559
39620
|
kind: "delete",
|
|
39560
39621
|
blockId: e.id
|
|
39561
39622
|
}] : r.type === "update" ? [{
|
|
39562
39623
|
kind: "update",
|
|
39563
39624
|
blockId: e.id,
|
|
39564
|
-
draft:
|
|
39625
|
+
draft: J3(e, r.start, r.end)
|
|
39565
39626
|
}] : [{
|
|
39566
39627
|
kind: "update",
|
|
39567
39628
|
blockId: e.id,
|
|
39568
|
-
draft:
|
|
39629
|
+
draft: J3(e, t.start, r.updateEnd)
|
|
39569
39630
|
}, {
|
|
39570
39631
|
kind: "create",
|
|
39571
|
-
draft:
|
|
39632
|
+
draft: J3(e, r.createStart, r.createEnd)
|
|
39572
39633
|
}];
|
|
39573
|
-
},
|
|
39634
|
+
}, Q3 = (e, t, n) => {
|
|
39574
39635
|
let r = [], i = [];
|
|
39575
39636
|
for (let a of t) {
|
|
39576
|
-
let t =
|
|
39637
|
+
let t = U3(n.start, n.end, a.start, a.end);
|
|
39577
39638
|
if (t !== null) {
|
|
39578
39639
|
r.push(a.date);
|
|
39579
|
-
for (let n of
|
|
39640
|
+
for (let n of X3(e, a, t)) i.push({
|
|
39580
39641
|
kind: "create",
|
|
39581
39642
|
draft: n
|
|
39582
39643
|
});
|
|
@@ -39585,9 +39646,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39585
39646
|
return r.length === 0 ? [] : [{
|
|
39586
39647
|
kind: "update",
|
|
39587
39648
|
blockId: e.id,
|
|
39588
|
-
draft:
|
|
39649
|
+
draft: Y3(e, r)
|
|
39589
39650
|
}, ...i];
|
|
39590
|
-
},
|
|
39651
|
+
}, $3 = (e, t) => {
|
|
39591
39652
|
let n = /* @__PURE__ */ new Map();
|
|
39592
39653
|
for (let e of t) {
|
|
39593
39654
|
let t = n.get(e.block.id) ?? [];
|
|
@@ -39597,15 +39658,15 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39597
39658
|
for (let t of n.values()) {
|
|
39598
39659
|
let n = t[0];
|
|
39599
39660
|
if (n === void 0) continue;
|
|
39600
|
-
let i = n.block.recurrence === null ?
|
|
39661
|
+
let i = n.block.recurrence === null ? Z3(n.block, n, e) : Q3(n.block, t, e);
|
|
39601
39662
|
r.push(...i);
|
|
39602
39663
|
}
|
|
39603
39664
|
return r;
|
|
39604
|
-
},
|
|
39665
|
+
}, e6 = (e, t) => e.filter((e) => t.mode !== "edit" || e.id !== t.block.id), t6 = (e, t, n) => {
|
|
39605
39666
|
let r = /* @__PURE__ */ new Map();
|
|
39606
|
-
for (let i of
|
|
39667
|
+
for (let i of K3(e, t, n)) r.set(i.block.id, i.block);
|
|
39607
39668
|
return [...r.values()];
|
|
39608
|
-
},
|
|
39669
|
+
}, n6 = (e, t, n, r) => {
|
|
39609
39670
|
if (e.title.trim().length === 0) return {
|
|
39610
39671
|
error: "Event title is required.",
|
|
39611
39672
|
code: "empty_title"
|
|
@@ -39618,12 +39679,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39618
39679
|
error: "End time must be after start time.",
|
|
39619
39680
|
code: "invalid_time"
|
|
39620
39681
|
};
|
|
39621
|
-
let i =
|
|
39682
|
+
let i = h3(e, r);
|
|
39622
39683
|
if (n.mode !== "edit" && new Date(i.start).getTime() < Date.now() - 300 * 1e3) return {
|
|
39623
39684
|
error: "Cannot create an event in the past.",
|
|
39624
39685
|
code: "invalid_time"
|
|
39625
39686
|
};
|
|
39626
|
-
let a =
|
|
39687
|
+
let a = I4(new Date(i.start), 0), o = t6(i, e6(t, n), a);
|
|
39627
39688
|
if (o.length > 0) {
|
|
39628
39689
|
let t = o[0], n = o.some((e) => e.status === "meeting");
|
|
39629
39690
|
if (t !== void 0) return e.status === "available" && t.status === "available" ? {
|
|
@@ -39637,7 +39698,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39637
39698
|
};
|
|
39638
39699
|
}
|
|
39639
39700
|
return { error: null };
|
|
39640
|
-
},
|
|
39701
|
+
}, r6 = (e, t, n) => {
|
|
39641
39702
|
let r = BN(), i = VN(), a = HN(), o = async (e) => {
|
|
39642
39703
|
if (e.kind === "delete") {
|
|
39643
39704
|
await a.mutateAsync(e.blockId);
|
|
@@ -39653,7 +39714,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39653
39714
|
await r.mutateAsync(e.draft);
|
|
39654
39715
|
};
|
|
39655
39716
|
return { resolve: async (r, i) => {
|
|
39656
|
-
let a =
|
|
39717
|
+
let a = h3(e, n), s = I4(new Date(a.start), 0), c = $3(a, K3(a, e6(r, t), s));
|
|
39657
39718
|
try {
|
|
39658
39719
|
await Promise.all(c.map(o)), XE.success("Conflicts resolved successfully!"), i();
|
|
39659
39720
|
} catch (e) {
|
|
@@ -39661,13 +39722,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39661
39722
|
XE.error(`Failed to resolve conflicts: ${t}`);
|
|
39662
39723
|
}
|
|
39663
39724
|
} };
|
|
39664
|
-
},
|
|
39725
|
+
}, i6 = {
|
|
39665
39726
|
errorStack: "_errorStack_q9qoj_4",
|
|
39666
39727
|
errorLine: "_errorLine_q9qoj_11"
|
|
39667
|
-
},
|
|
39668
|
-
let t = pO(e.start) === pO(e.end) ?
|
|
39669
|
-
return e.allDay ? `${t}${
|
|
39670
|
-
},
|
|
39728
|
+
}, a6 = " · ", o6 = " – ", s6 = (e) => {
|
|
39729
|
+
let t = pO(e.start) === pO(e.end) ? G4(e.start) : `${G4(e.start)}${o6}${G4(e.end)}`, n = e.recurrence === null ? "" : `${a6}${GO(e.recurrence, e.start)}`;
|
|
39730
|
+
return e.allDay ? `${t}${a6}All day${n}` : `${t}${a6}${`${W4(e.start)}${o6}${W4(e.end)}`}${a6}${U4(uO(e.start, e.end))}${n}`;
|
|
39731
|
+
}, c6 = ({ isEdit: e, busy: t, canSave: n, validationError: r, isConflict: i, summary: a, onSave: o, onDelete: s, onCancel: c, onResolveConflicts: l }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39671
39732
|
className: Q.panelFooter,
|
|
39672
39733
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
39673
39734
|
className: O(Q.panelSummary, r !== null && Q.panelSummaryError),
|
|
@@ -39676,9 +39737,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39676
39737
|
" ",
|
|
39677
39738
|
a
|
|
39678
39739
|
] }) : /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39679
|
-
className:
|
|
39740
|
+
className: i6.errorStack,
|
|
39680
39741
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
39681
|
-
className:
|
|
39742
|
+
className: i6.errorLine,
|
|
39682
39743
|
children: [
|
|
39683
39744
|
/* @__PURE__ */ (0, A.jsx)(gr, { size: 14 }),
|
|
39684
39745
|
" ",
|
|
@@ -39727,12 +39788,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39727
39788
|
})
|
|
39728
39789
|
]
|
|
39729
39790
|
})]
|
|
39730
|
-
}),
|
|
39791
|
+
}), l6 = (e, t, n, r) => {
|
|
39731
39792
|
let i = BN(), a = VN(), o = HN();
|
|
39732
39793
|
return {
|
|
39733
39794
|
busy: i.isPending || a.isPending || o.isPending,
|
|
39734
39795
|
onSave: () => {
|
|
39735
|
-
let o =
|
|
39796
|
+
let o = h3(t, n), s = (e) => {
|
|
39736
39797
|
XE.success(e), r();
|
|
39737
39798
|
};
|
|
39738
39799
|
if (e.mode === "edit") {
|
|
@@ -39769,8 +39830,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39769
39830
|
});
|
|
39770
39831
|
}
|
|
39771
39832
|
};
|
|
39772
|
-
},
|
|
39773
|
-
let [r, i] = T(() =>
|
|
39833
|
+
}, u6 = ({ state: e, timezone: t, onClose: n }) => {
|
|
39834
|
+
let [r, i] = T(() => g3(e)), { busy: a, onSave: o, onDelete: s } = l6(e, r, t, n), { data: c = [] } = zN(), l = r6(r, e, t), u = e.mode === "edit", d = n6(r, c, e, t), f = d.code === "title_too_long" ? null : d.error, p = d.error === null, m = (d.code === "overlap_availability" || d.code === "overlap_event") && !d.hasMeetingConflict;
|
|
39774
39835
|
return /* @__PURE__ */ (0, A.jsxs)(_b, {
|
|
39775
39836
|
open: !0,
|
|
39776
39837
|
side: "right",
|
|
@@ -39778,13 +39839,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39778
39839
|
onOpenChange: (e) => {
|
|
39779
39840
|
e || n();
|
|
39780
39841
|
},
|
|
39781
|
-
footer: /* @__PURE__ */ (0, A.jsx)(
|
|
39842
|
+
footer: /* @__PURE__ */ (0, A.jsx)(c6, {
|
|
39782
39843
|
isEdit: u,
|
|
39783
39844
|
busy: a,
|
|
39784
39845
|
canSave: p,
|
|
39785
39846
|
validationError: f,
|
|
39786
39847
|
isConflict: m,
|
|
39787
|
-
summary:
|
|
39848
|
+
summary: s6(r),
|
|
39788
39849
|
onSave: o,
|
|
39789
39850
|
onDelete: s,
|
|
39790
39851
|
onCancel: n,
|
|
@@ -39802,36 +39863,36 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39802
39863
|
onClick: n,
|
|
39803
39864
|
children: /* @__PURE__ */ (0, A.jsx)(Oi, { size: 18 })
|
|
39804
39865
|
})]
|
|
39805
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
39866
|
+
}), /* @__PURE__ */ (0, A.jsx)(H3, {
|
|
39806
39867
|
draft: r,
|
|
39807
39868
|
onChange: i
|
|
39808
39869
|
})]
|
|
39809
39870
|
});
|
|
39810
|
-
},
|
|
39871
|
+
}, d6 = () => {
|
|
39811
39872
|
let e = Intl.supportedValuesOf;
|
|
39812
39873
|
return typeof e == "function" ? e("timeZone") : XO;
|
|
39813
|
-
},
|
|
39874
|
+
}, f6 = (e, t, n, r) => ({
|
|
39814
39875
|
...e,
|
|
39815
39876
|
slots: e.slots.map((e) => ({
|
|
39816
39877
|
...e,
|
|
39817
39878
|
from: ZN(e.from, t, n, r),
|
|
39818
39879
|
to: ZN(e.to, t, n, r)
|
|
39819
39880
|
}))
|
|
39820
|
-
}),
|
|
39821
|
-
mon:
|
|
39822
|
-
tue:
|
|
39823
|
-
wed:
|
|
39824
|
-
thu:
|
|
39825
|
-
fri:
|
|
39826
|
-
sat:
|
|
39827
|
-
sun:
|
|
39828
|
-
}),
|
|
39829
|
-
let n =
|
|
39881
|
+
}), p6 = (e, t, n, r) => mO({
|
|
39882
|
+
mon: f6(e.mon, t, n, r),
|
|
39883
|
+
tue: f6(e.tue, t, n, r),
|
|
39884
|
+
wed: f6(e.wed, t, n, r),
|
|
39885
|
+
thu: f6(e.thu, t, n, r),
|
|
39886
|
+
fri: f6(e.fri, t, n, r),
|
|
39887
|
+
sat: f6(e.sat, t, n, r),
|
|
39888
|
+
sun: f6(e.sun, t, n, r)
|
|
39889
|
+
}), m6 = (e, t) => {
|
|
39890
|
+
let n = d6();
|
|
39830
39891
|
return (n.includes(t) ? n : [t, ...n]).map((t) => ({
|
|
39831
39892
|
id: t,
|
|
39832
39893
|
offset: $N(JN(t, e))
|
|
39833
39894
|
}));
|
|
39834
|
-
},
|
|
39895
|
+
}, h6 = {
|
|
39835
39896
|
tzWrap: "_tzWrap_horpb_4",
|
|
39836
39897
|
tzTrigger: "_tzTrigger_horpb_8",
|
|
39837
39898
|
tzGlobe: "_tzGlobe_horpb_30",
|
|
@@ -39849,16 +39910,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39849
39910
|
tzRowOffset: "_tzRowOffset_horpb_171",
|
|
39850
39911
|
tzCheck: "_tzCheck_horpb_178",
|
|
39851
39912
|
tzEmpty: "_tzEmpty_horpb_183"
|
|
39852
|
-
},
|
|
39853
|
-
className:
|
|
39913
|
+
}, g6 = (e, t) => t === "" || e.id.toLowerCase().includes(t) || e.offset.toLowerCase().includes(t), _6 = ({ search: e, list: t, value: n, onSearch: r, onPick: i }) => /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
39914
|
+
className: h6.tzPop,
|
|
39854
39915
|
variants: lb,
|
|
39855
39916
|
initial: "hidden",
|
|
39856
39917
|
animate: "visible",
|
|
39857
39918
|
exit: "exit",
|
|
39858
39919
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39859
|
-
className:
|
|
39920
|
+
className: h6.tzSearch,
|
|
39860
39921
|
children: [/* @__PURE__ */ (0, A.jsx)(ci, { size: 13 }), /* @__PURE__ */ (0, A.jsx)("input", {
|
|
39861
|
-
className:
|
|
39922
|
+
className: h6.tzSearchInput,
|
|
39862
39923
|
placeholder: "Search timezones…",
|
|
39863
39924
|
value: e,
|
|
39864
39925
|
onChange: (e) => {
|
|
@@ -39866,42 +39927,42 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39866
39927
|
}
|
|
39867
39928
|
})]
|
|
39868
39929
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39869
|
-
className:
|
|
39930
|
+
className: h6.tzList,
|
|
39870
39931
|
children: [t.map((e) => /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
39871
39932
|
type: "button",
|
|
39872
|
-
className: O(
|
|
39933
|
+
className: O(h6.tzRow, e.id === n && h6.tzRowActive),
|
|
39873
39934
|
onClick: () => {
|
|
39874
39935
|
i(e.id);
|
|
39875
39936
|
},
|
|
39876
39937
|
children: [
|
|
39877
39938
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39878
|
-
className:
|
|
39939
|
+
className: h6.tzRowLabel,
|
|
39879
39940
|
children: e.id
|
|
39880
39941
|
}),
|
|
39881
39942
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39882
|
-
className:
|
|
39943
|
+
className: h6.tzRowOffset,
|
|
39883
39944
|
children: e.offset
|
|
39884
39945
|
}),
|
|
39885
39946
|
e.id === n && /* @__PURE__ */ (0, A.jsx)(dr, {
|
|
39886
39947
|
size: 13,
|
|
39887
|
-
className:
|
|
39948
|
+
className: h6.tzCheck
|
|
39888
39949
|
})
|
|
39889
39950
|
]
|
|
39890
39951
|
}, e.id)), t.length === 0 && /* @__PURE__ */ (0, A.jsx)("p", {
|
|
39891
|
-
className:
|
|
39952
|
+
className: h6.tzEmpty,
|
|
39892
39953
|
children: "No timezones match."
|
|
39893
39954
|
})]
|
|
39894
39955
|
})]
|
|
39895
|
-
}),
|
|
39896
|
-
let [r, i] = T(!1), [a, o] = T(""), s = C(() =>
|
|
39956
|
+
}), v6 = ({ value: e, now: t, onChange: n }) => {
|
|
39957
|
+
let [r, i] = T(!1), [a, o] = T(""), s = C(() => m6(t, e), [t, e]), c = s.find((t) => t.id === e) ?? {
|
|
39897
39958
|
id: e,
|
|
39898
39959
|
offset: ""
|
|
39899
|
-
}, l = a.trim().toLowerCase(), u = s.filter((e) =>
|
|
39960
|
+
}, l = a.trim().toLowerCase(), u = s.filter((e) => g6(e, l));
|
|
39900
39961
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
39901
|
-
className:
|
|
39962
|
+
className: h6.tzWrap,
|
|
39902
39963
|
children: [/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
39903
39964
|
type: "button",
|
|
39904
|
-
className:
|
|
39965
|
+
className: h6.tzTrigger,
|
|
39905
39966
|
"aria-expanded": r,
|
|
39906
39967
|
"aria-label": "Change timezone",
|
|
39907
39968
|
onClick: () => {
|
|
@@ -39910,29 +39971,29 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39910
39971
|
children: [
|
|
39911
39972
|
/* @__PURE__ */ (0, A.jsx)(Ar, {
|
|
39912
39973
|
size: 14,
|
|
39913
|
-
className:
|
|
39974
|
+
className: h6.tzGlobe
|
|
39914
39975
|
}),
|
|
39915
39976
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39916
|
-
className:
|
|
39977
|
+
className: h6.tzTriggerLabel,
|
|
39917
39978
|
children: c.id
|
|
39918
39979
|
}),
|
|
39919
39980
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
39920
|
-
className:
|
|
39981
|
+
className: h6.tzTriggerOffset,
|
|
39921
39982
|
children: c.offset
|
|
39922
39983
|
}),
|
|
39923
39984
|
/* @__PURE__ */ (0, A.jsx)(fr, {
|
|
39924
39985
|
size: 15,
|
|
39925
|
-
className:
|
|
39986
|
+
className: h6.tzChevron
|
|
39926
39987
|
})
|
|
39927
39988
|
]
|
|
39928
39989
|
}), /* @__PURE__ */ (0, A.jsx)(p_, { children: r && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsx)("button", {
|
|
39929
39990
|
type: "button",
|
|
39930
|
-
className:
|
|
39991
|
+
className: h6.tzBackdrop,
|
|
39931
39992
|
"aria-label": "Close timezone picker",
|
|
39932
39993
|
onClick: () => {
|
|
39933
39994
|
i(!1);
|
|
39934
39995
|
}
|
|
39935
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
39996
|
+
}), /* @__PURE__ */ (0, A.jsx)(_6, {
|
|
39936
39997
|
search: a,
|
|
39937
39998
|
list: u,
|
|
39938
39999
|
value: e,
|
|
@@ -39997,10 +40058,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
39997
40058
|
availabilityBandEditBtn: "_availabilityBandEditBtn_156z1_589",
|
|
39998
40059
|
dragSelectionHighlight: "_dragSelectionHighlight_156z1_612",
|
|
39999
40060
|
dragSelectionLabel: "_dragSelectionLabel_156z1_631"
|
|
40000
|
-
},
|
|
40061
|
+
}, y6 = {
|
|
40001
40062
|
hidden: {},
|
|
40002
40063
|
visible: { transition: { staggerChildren: .04 } }
|
|
40003
|
-
},
|
|
40064
|
+
}, b6 = (e) => {
|
|
40004
40065
|
let t = [...e].sort((e, t) => e.start < t.start ? -1 : 1), n = /* @__PURE__ */ new Map();
|
|
40005
40066
|
for (let e of t) {
|
|
40006
40067
|
let t = n.get(e.date);
|
|
@@ -40015,8 +40076,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40015
40076
|
}) : t.items.push(e);
|
|
40016
40077
|
}
|
|
40017
40078
|
return [...n.values()];
|
|
40018
|
-
},
|
|
40019
|
-
let { block: n } = e, r =
|
|
40079
|
+
}, x6 = ({ occurrence: e, onSelect: t }) => {
|
|
40080
|
+
let { block: n } = e, r = Y4[n.status], i = n.allDay ? "All day" : `${W4(e.start)} – ${W4(e.end)}`;
|
|
40020
40081
|
return /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
40021
40082
|
type: "button",
|
|
40022
40083
|
variants: cb,
|
|
@@ -40052,8 +40113,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40052
40113
|
})
|
|
40053
40114
|
]
|
|
40054
40115
|
});
|
|
40055
|
-
},
|
|
40056
|
-
let r =
|
|
40116
|
+
}, S6 = ({ occurrences: e, onSelectBlock: t, onCreate: n }) => {
|
|
40117
|
+
let r = b6(e);
|
|
40057
40118
|
return r.length === 0 ? /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40058
40119
|
className: $.agendaEmpty,
|
|
40059
40120
|
children: [
|
|
@@ -40085,17 +40146,17 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40085
40146
|
children: e.label
|
|
40086
40147
|
}), /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
40087
40148
|
className: $.agendaItems,
|
|
40088
|
-
variants:
|
|
40149
|
+
variants: y6,
|
|
40089
40150
|
initial: "hidden",
|
|
40090
40151
|
animate: "visible",
|
|
40091
|
-
children: e.items.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
40152
|
+
children: e.items.map((e) => /* @__PURE__ */ (0, A.jsx)(x6, {
|
|
40092
40153
|
occurrence: e,
|
|
40093
40154
|
onSelect: t
|
|
40094
40155
|
}, e.key))
|
|
40095
40156
|
})]
|
|
40096
40157
|
}, e.key))
|
|
40097
40158
|
});
|
|
40098
|
-
},
|
|
40159
|
+
}, C6 = [
|
|
40099
40160
|
"Mon",
|
|
40100
40161
|
"Tue",
|
|
40101
40162
|
"Wed",
|
|
@@ -40103,7 +40164,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40103
40164
|
"Fri",
|
|
40104
40165
|
"Sat",
|
|
40105
40166
|
"Sun"
|
|
40106
|
-
],
|
|
40167
|
+
], w6 = 3, T6 = (e) => {
|
|
40107
40168
|
let t = /* @__PURE__ */ new Map();
|
|
40108
40169
|
for (let n of e) {
|
|
40109
40170
|
let e = t.get(n.date) ?? [];
|
|
@@ -40111,22 +40172,22 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40111
40172
|
}
|
|
40112
40173
|
for (let e of t.values()) e.sort((e, t) => e.start < t.start ? -1 : 1);
|
|
40113
40174
|
return t;
|
|
40114
|
-
},
|
|
40115
|
-
let { date: t, inMonth: n, isToday: r, occs: i } = e, a = i.length -
|
|
40175
|
+
}, E6 = (e) => {
|
|
40176
|
+
let { date: t, inMonth: n, isToday: r, occs: i } = e, a = i.length - w6;
|
|
40116
40177
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40117
40178
|
className: O($.monthCell, !n && $.monthCellOff, r && $.monthCellToday),
|
|
40118
40179
|
onClick: () => {
|
|
40119
|
-
e.onSelectSlot(
|
|
40180
|
+
e.onSelectSlot(J4(pO(t), "09:00"));
|
|
40120
40181
|
},
|
|
40121
40182
|
children: [
|
|
40122
40183
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
40123
40184
|
className: O($.monthDayNum, r && $.monthDayNumToday),
|
|
40124
40185
|
children: t.getDate()
|
|
40125
40186
|
}),
|
|
40126
|
-
i.slice(0,
|
|
40187
|
+
i.slice(0, w6).map((t) => /* @__PURE__ */ (0, A.jsx)("button", {
|
|
40127
40188
|
type: "button",
|
|
40128
40189
|
className: $.monthChip,
|
|
40129
|
-
style: k({ "--status-color":
|
|
40190
|
+
style: k({ "--status-color": Y4[t.block.status].color }),
|
|
40130
40191
|
onClick: (n) => {
|
|
40131
40192
|
n.stopPropagation(), e.onSelectBlock(t.block);
|
|
40132
40193
|
},
|
|
@@ -40142,13 +40203,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40142
40203
|
})
|
|
40143
40204
|
]
|
|
40144
40205
|
});
|
|
40145
|
-
},
|
|
40146
|
-
let o =
|
|
40206
|
+
}, D6 = ({ dates: e, anchor: t, occurrences: n, today: r, onSelectBlock: i, onSelectSlot: a }) => {
|
|
40207
|
+
let o = T6(n), s = pO(r);
|
|
40147
40208
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40148
40209
|
className: $.monthScroll,
|
|
40149
40210
|
children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
40150
40211
|
className: $.monthHead,
|
|
40151
|
-
children:
|
|
40212
|
+
children: C6.map((e) => /* @__PURE__ */ (0, A.jsx)("span", {
|
|
40152
40213
|
className: $.monthHeadCell,
|
|
40153
40214
|
children: e
|
|
40154
40215
|
}, e))
|
|
@@ -40173,7 +40234,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40173
40234
|
},
|
|
40174
40235
|
children: e.map((e) => {
|
|
40175
40236
|
let n = pO(e);
|
|
40176
|
-
return /* @__PURE__ */ (0, A.jsx)(
|
|
40237
|
+
return /* @__PURE__ */ (0, A.jsx)(E6, {
|
|
40177
40238
|
date: e,
|
|
40178
40239
|
inMonth: e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(),
|
|
40179
40240
|
isToday: n === s,
|
|
@@ -40184,7 +40245,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40184
40245
|
})
|
|
40185
40246
|
})]
|
|
40186
40247
|
});
|
|
40187
|
-
},
|
|
40248
|
+
}, O6 = {
|
|
40188
40249
|
sidebar: "_sidebar_p4iov_4",
|
|
40189
40250
|
summaryGrid: "_summaryGrid_p4iov_36",
|
|
40190
40251
|
summaryCard: "_summaryCard_p4iov_42",
|
|
@@ -40205,70 +40266,70 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40205
40266
|
drawerHeader: "_drawerHeader_p4iov_177",
|
|
40206
40267
|
drawerTitle: "_drawerTitle_p4iov_185",
|
|
40207
40268
|
drawerCloseBtn: "_drawerCloseBtn_p4iov_191"
|
|
40208
|
-
},
|
|
40269
|
+
}, k6 = {
|
|
40209
40270
|
hidden: {},
|
|
40210
40271
|
visible: { transition: { staggerChildren: .05 } }
|
|
40211
|
-
},
|
|
40272
|
+
}, A6 = ({ occurrences: e, today: t, availability: n }) => {
|
|
40212
40273
|
let r = ek(e, t), i = QD[(t.getDay() + 6) % 7]?.id ?? "mon", a = n?.[i], o = a?.active ? a.slots : [], s = [
|
|
40213
40274
|
{
|
|
40214
40275
|
label: "Free",
|
|
40215
|
-
value: `${String(
|
|
40276
|
+
value: `${String(d3(e, t, o))}h`,
|
|
40216
40277
|
color: "var(--color-primary)",
|
|
40217
40278
|
Icon: yr
|
|
40218
40279
|
},
|
|
40219
40280
|
{
|
|
40220
40281
|
label: "Busy",
|
|
40221
40282
|
value: `${String(r.busyHours)}h`,
|
|
40222
|
-
color:
|
|
40223
|
-
Icon:
|
|
40283
|
+
color: Y4.busy.color,
|
|
40284
|
+
Icon: Y4.busy.Icon
|
|
40224
40285
|
},
|
|
40225
40286
|
{
|
|
40226
40287
|
label: "Meetings",
|
|
40227
40288
|
value: String(r.meetingCount),
|
|
40228
|
-
color:
|
|
40229
|
-
Icon:
|
|
40289
|
+
color: Y4.meeting.color,
|
|
40290
|
+
Icon: Y4.meeting.Icon
|
|
40230
40291
|
},
|
|
40231
40292
|
{
|
|
40232
40293
|
label: "Focus",
|
|
40233
40294
|
value: `${String(r.focusHours)}h`,
|
|
40234
|
-
color:
|
|
40235
|
-
Icon:
|
|
40295
|
+
color: Y4.focus.color,
|
|
40296
|
+
Icon: Y4.focus.Icon
|
|
40236
40297
|
}
|
|
40237
40298
|
];
|
|
40238
40299
|
return /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
40239
|
-
className:
|
|
40300
|
+
className: O6.sideHeader,
|
|
40240
40301
|
children: "Today"
|
|
40241
40302
|
}), /* @__PURE__ */ (0, A.jsx)(M.div, {
|
|
40242
|
-
className:
|
|
40243
|
-
variants:
|
|
40303
|
+
className: O6.summaryGrid,
|
|
40304
|
+
variants: k6,
|
|
40244
40305
|
initial: "hidden",
|
|
40245
40306
|
animate: "visible",
|
|
40246
40307
|
children: s.map((e) => /* @__PURE__ */ (0, A.jsxs)(M.div, {
|
|
40247
|
-
className:
|
|
40308
|
+
className: O6.summaryCard,
|
|
40248
40309
|
style: k({ "--v": e.color }),
|
|
40249
40310
|
variants: cb,
|
|
40250
40311
|
whileHover: { y: -2 },
|
|
40251
40312
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
40252
|
-
className:
|
|
40313
|
+
className: O6.summaryTop,
|
|
40253
40314
|
children: [/* @__PURE__ */ (0, A.jsx)(e.Icon, {
|
|
40254
40315
|
size: 12,
|
|
40255
40316
|
strokeWidth: 2.4,
|
|
40256
|
-
className:
|
|
40317
|
+
className: O6.summaryTopIcon
|
|
40257
40318
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
40258
|
-
className:
|
|
40319
|
+
className: O6.summaryLabel,
|
|
40259
40320
|
children: e.label
|
|
40260
40321
|
})]
|
|
40261
40322
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
40262
|
-
className:
|
|
40323
|
+
className: O6.summaryValue,
|
|
40263
40324
|
children: e.value
|
|
40264
40325
|
})]
|
|
40265
40326
|
}, e.label))
|
|
40266
40327
|
})] });
|
|
40267
|
-
},
|
|
40268
|
-
className:
|
|
40328
|
+
}, j6 = ({ onQuickAdd: e }) => /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
40329
|
+
className: O6.sideHeader,
|
|
40269
40330
|
children: "Quick add"
|
|
40270
40331
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40271
|
-
className:
|
|
40332
|
+
className: O6.quickRow,
|
|
40272
40333
|
children: [{
|
|
40273
40334
|
status: "focus",
|
|
40274
40335
|
minutes: 60,
|
|
@@ -40280,11 +40341,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40280
40341
|
title: "Busy",
|
|
40281
40342
|
label: "Busy 30m"
|
|
40282
40343
|
}].map((t) => {
|
|
40283
|
-
let n =
|
|
40344
|
+
let n = Y4[t.status];
|
|
40284
40345
|
return /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
40285
40346
|
type: "button",
|
|
40286
40347
|
whileTap: { scale: .96 },
|
|
40287
|
-
className:
|
|
40348
|
+
className: O6.quickBtn,
|
|
40288
40349
|
style: k({ "--status-color": n.color }),
|
|
40289
40350
|
onClick: () => {
|
|
40290
40351
|
e(t.status, t.minutes, t.title);
|
|
@@ -40296,24 +40357,24 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40296
40357
|
]
|
|
40297
40358
|
}, t.label);
|
|
40298
40359
|
})
|
|
40299
|
-
})] }),
|
|
40300
|
-
className:
|
|
40360
|
+
})] }), M6 = ({ activeStatuses: e, onToggleStatus: t }) => /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)("div", {
|
|
40361
|
+
className: O6.sideHeader,
|
|
40301
40362
|
children: "Status legend"
|
|
40302
40363
|
}), /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40303
|
-
className:
|
|
40364
|
+
className: O6.legend,
|
|
40304
40365
|
children: ZO.map((n) => {
|
|
40305
|
-
let r =
|
|
40366
|
+
let r = Y4[n.id], i = e.has(n.id);
|
|
40306
40367
|
return /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
40307
40368
|
type: "button",
|
|
40308
40369
|
whileTap: { scale: .97 },
|
|
40309
|
-
className: O(
|
|
40370
|
+
className: O(O6.legendItem, i ? O6.legendItemOn : O6.legendOff),
|
|
40310
40371
|
style: k({ "--status-color": r.color }),
|
|
40311
40372
|
onClick: () => {
|
|
40312
40373
|
t(n.id);
|
|
40313
40374
|
},
|
|
40314
40375
|
children: [
|
|
40315
40376
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
40316
|
-
className: O(
|
|
40377
|
+
className: O(O6.legendSwatch, !i && O6.legendSwatchOff),
|
|
40317
40378
|
children: /* @__PURE__ */ (0, A.jsx)(p_, { children: i && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
40318
40379
|
initial: { scale: 0 },
|
|
40319
40380
|
animate: { scale: 1 },
|
|
@@ -40331,40 +40392,40 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40331
40392
|
}),
|
|
40332
40393
|
/* @__PURE__ */ (0, A.jsx)(r.Icon, {
|
|
40333
40394
|
size: 12,
|
|
40334
|
-
className:
|
|
40395
|
+
className: O6.legendIcon
|
|
40335
40396
|
}),
|
|
40336
40397
|
n.label
|
|
40337
40398
|
]
|
|
40338
40399
|
}, n.id);
|
|
40339
40400
|
})
|
|
40340
|
-
})] }),
|
|
40341
|
-
className:
|
|
40401
|
+
})] }), N6 = (e) => /* @__PURE__ */ (0, A.jsxs)("aside", {
|
|
40402
|
+
className: O6.sidebar,
|
|
40342
40403
|
children: [
|
|
40343
40404
|
e.onClose !== void 0 && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40344
|
-
className:
|
|
40405
|
+
className: O6.drawerHeader,
|
|
40345
40406
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
40346
|
-
className:
|
|
40407
|
+
className: O6.drawerTitle,
|
|
40347
40408
|
children: "Schedule Settings"
|
|
40348
40409
|
}), /* @__PURE__ */ (0, A.jsx)("button", {
|
|
40349
40410
|
type: "button",
|
|
40350
|
-
className:
|
|
40411
|
+
className: O6.drawerCloseBtn,
|
|
40351
40412
|
onClick: e.onClose,
|
|
40352
40413
|
"aria-label": "Close schedule settings",
|
|
40353
40414
|
children: /* @__PURE__ */ (0, A.jsx)(Oi, { size: 16 })
|
|
40354
40415
|
})]
|
|
40355
40416
|
}),
|
|
40356
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40417
|
+
/* @__PURE__ */ (0, A.jsx)(A6, {
|
|
40357
40418
|
occurrences: e.occurrences,
|
|
40358
40419
|
today: e.today,
|
|
40359
40420
|
availability: e.availability
|
|
40360
40421
|
}),
|
|
40361
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40362
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40422
|
+
/* @__PURE__ */ (0, A.jsx)(j6, { onQuickAdd: e.onQuickAdd }),
|
|
40423
|
+
/* @__PURE__ */ (0, A.jsx)(M6, {
|
|
40363
40424
|
activeStatuses: e.activeStatuses,
|
|
40364
40425
|
onToggleStatus: e.onToggleStatus
|
|
40365
40426
|
})
|
|
40366
40427
|
]
|
|
40367
|
-
}),
|
|
40428
|
+
}), P6 = (e, t, n, r) => {
|
|
40368
40429
|
let i = Math.min(e, t), a = Math.max(e, t);
|
|
40369
40430
|
if (e === t) {
|
|
40370
40431
|
let e = r - 1;
|
|
@@ -40386,8 +40447,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40386
40447
|
startHour: n,
|
|
40387
40448
|
endHour: r
|
|
40388
40449
|
};
|
|
40389
|
-
},
|
|
40390
|
-
let { occurrence: r } = e, { block: i } = r, a =
|
|
40450
|
+
}, F6 = ({ item: e, range: t, onSelect: n }) => {
|
|
40451
|
+
let { occurrence: r } = e, { block: i } = r, a = Y4[i.status], o = n3(r.start, r.end, t), s = r.continuesFromPrevDay === !0, c = r.continuesToNextDay === !0, l = s ? "Continued from the previous day" : c ? "Continues into the next day" : void 0;
|
|
40391
40452
|
return /* @__PURE__ */ (0, A.jsxs)(M.button, {
|
|
40392
40453
|
type: "button",
|
|
40393
40454
|
draggable: !0,
|
|
@@ -40448,9 +40509,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40448
40509
|
}), o.height >= 30 && /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
40449
40510
|
className: $.blockTime,
|
|
40450
40511
|
children: [
|
|
40451
|
-
|
|
40512
|
+
W4(r.start),
|
|
40452
40513
|
" – ",
|
|
40453
|
-
|
|
40514
|
+
W4(r.end),
|
|
40454
40515
|
c && /* @__PURE__ */ (0, A.jsx)(fr, {
|
|
40455
40516
|
size: 10,
|
|
40456
40517
|
"aria-hidden": !0
|
|
@@ -40458,8 +40519,8 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40458
40519
|
]
|
|
40459
40520
|
})]
|
|
40460
40521
|
});
|
|
40461
|
-
},
|
|
40462
|
-
let { block: n } = e, r =
|
|
40522
|
+
}, I6 = ({ occurrence: e, onSelect: t }) => {
|
|
40523
|
+
let { block: n } = e, r = Y4[n.status];
|
|
40463
40524
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
40464
40525
|
type: "button",
|
|
40465
40526
|
className: $.allDayChip,
|
|
@@ -40473,11 +40534,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40473
40534
|
n.title
|
|
40474
40535
|
]
|
|
40475
40536
|
});
|
|
40476
|
-
},
|
|
40537
|
+
}, L6 = (e) => `${String(e).padStart(2, "0")}:00`, R6 = ({ bands: e, range: t, onSelectSlot: n, onSelectBlock: r }) => /* @__PURE__ */ (0, A.jsx)(A.Fragment, { children: e.map((e) => {
|
|
40477
40538
|
let i = e.block.allDay && e.continuesFromPrevDay !== !0 && e.continuesToNextDay !== !0 ? {
|
|
40478
40539
|
top: 0,
|
|
40479
|
-
height:
|
|
40480
|
-
} :
|
|
40540
|
+
height: t3(t)
|
|
40541
|
+
} : n3(e.start, e.end, t);
|
|
40481
40542
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40482
40543
|
className: $.availabilityBand,
|
|
40483
40544
|
style: k({
|
|
@@ -40502,10 +40563,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40502
40563
|
children: "Edit"
|
|
40503
40564
|
})]
|
|
40504
40565
|
}, e.key);
|
|
40505
|
-
}) }),
|
|
40566
|
+
}) }), z6 = ({ day: e, cell: t, dayIndex: n, range: r, onDragSelectStart: i, onDragSelectEnter: a, onDropBlock: o, onSelectSlot: s }) => /* @__PURE__ */ (0, A.jsx)(A.Fragment, { children: e3(r).map((r) => /* @__PURE__ */ (0, A.jsx)("button", {
|
|
40506
40567
|
type: "button",
|
|
40507
40568
|
className: $.hourRow,
|
|
40508
|
-
"aria-label": `Add a block on ${e.long} at ${
|
|
40569
|
+
"aria-label": `Add a block on ${e.long} at ${X4(r)}`,
|
|
40509
40570
|
onMouseDown: (e) => {
|
|
40510
40571
|
e.button === 0 && (e.preventDefault(), i(n, r));
|
|
40511
40572
|
},
|
|
@@ -40517,12 +40578,12 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40517
40578
|
},
|
|
40518
40579
|
onDrop: (e) => {
|
|
40519
40580
|
let n = e.dataTransfer.getData("text/plain");
|
|
40520
|
-
n && o(n,
|
|
40581
|
+
n && o(n, J4(pO(t.date), L6(r)));
|
|
40521
40582
|
},
|
|
40522
40583
|
onClick: () => {
|
|
40523
|
-
s(
|
|
40584
|
+
s(J4(pO(t.date), L6(r)));
|
|
40524
40585
|
}
|
|
40525
|
-
}, r)) }),
|
|
40586
|
+
}, r)) }), B6 = (e) => e === 0 ? "" : e === 1 ? "1 event" : `${String(e)} events`, V6 = ({ day: e, cell: t, count: n, off: r }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40526
40587
|
className: $.dayHeader,
|
|
40527
40588
|
children: [
|
|
40528
40589
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
@@ -40535,16 +40596,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40535
40596
|
}),
|
|
40536
40597
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
40537
40598
|
className: $.dayCount,
|
|
40538
|
-
children: r ? "Day off" :
|
|
40599
|
+
children: r ? "Day off" : B6(n)
|
|
40539
40600
|
})
|
|
40540
40601
|
]
|
|
40541
|
-
}),
|
|
40602
|
+
}), H6 = ({ allDay: e, onSelectBlock: t }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40542
40603
|
className: $.allDayBand,
|
|
40543
|
-
children: e.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
40604
|
+
children: e.map((e) => /* @__PURE__ */ (0, A.jsx)(I6, {
|
|
40544
40605
|
occurrence: e,
|
|
40545
40606
|
onSelect: t
|
|
40546
40607
|
}, e.key))
|
|
40547
|
-
}),
|
|
40608
|
+
}), U6 = ({ dayIndex: e, dragSelect: t, rangeStartHour: n }) => t === null || e < Math.min(t.startDayIndex, t.endDayIndex) || e > Math.max(t.startDayIndex, t.endDayIndex) ? null : /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40548
40609
|
className: $.dragSelectionHighlight,
|
|
40549
40610
|
style: k({
|
|
40550
40611
|
"--top": `${String((Math.min(t.startHour, t.endHour - 1) - n) * 52)}px`,
|
|
@@ -40553,25 +40614,25 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40553
40614
|
children: /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
40554
40615
|
className: $.dragSelectionLabel,
|
|
40555
40616
|
children: [
|
|
40556
|
-
|
|
40617
|
+
X4(Math.min(t.startHour, t.endHour)),
|
|
40557
40618
|
" –",
|
|
40558
40619
|
" ",
|
|
40559
|
-
|
|
40620
|
+
X4(Math.max(t.startHour, t.endHour))
|
|
40560
40621
|
]
|
|
40561
40622
|
})
|
|
40562
|
-
}),
|
|
40623
|
+
}), W6 = (e, t) => {
|
|
40563
40624
|
let n = e.filter((e) => e.dayIndex === t);
|
|
40564
40625
|
return {
|
|
40565
40626
|
dayOccs: n,
|
|
40566
40627
|
allDay: n.filter((e) => e.block.allDay && e.block.status !== "available"),
|
|
40567
40628
|
availabilityBands: n.filter((e) => e.block.status === "available"),
|
|
40568
|
-
laid:
|
|
40629
|
+
laid: c3(n.filter((e) => !e.block.allDay && e.block.status !== "available"))
|
|
40569
40630
|
};
|
|
40570
|
-
},
|
|
40571
|
-
let h =
|
|
40631
|
+
}, G6 = ({ active: e, slots: t, range: n, cell: r, day: i, dayIndex: a, now: o, availabilityBands: s, laid: c, dragSelect: l, onDragSelectStart: u, onDragSelectEnter: d, onDropBlock: f, onSelectSlot: p, onSelectBlock: m }) => {
|
|
40632
|
+
let h = i3(e, t, n), g = r.isToday ? a3(o, n) : null;
|
|
40572
40633
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40573
40634
|
className: $.hoursWrap,
|
|
40574
|
-
style: k({ "--grid-h": `${String(
|
|
40635
|
+
style: k({ "--grid-h": `${String(t3(n))}px` }),
|
|
40575
40636
|
children: [
|
|
40576
40637
|
h.map((e) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40577
40638
|
className: $.workBand,
|
|
@@ -40580,13 +40641,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40580
40641
|
"--h": `${String(e.height)}px`
|
|
40581
40642
|
})
|
|
40582
40643
|
}, e.top)),
|
|
40583
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40644
|
+
/* @__PURE__ */ (0, A.jsx)(R6, {
|
|
40584
40645
|
bands: s,
|
|
40585
40646
|
range: n,
|
|
40586
40647
|
onSelectSlot: p,
|
|
40587
40648
|
onSelectBlock: m
|
|
40588
40649
|
}),
|
|
40589
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40650
|
+
/* @__PURE__ */ (0, A.jsx)(z6, {
|
|
40590
40651
|
day: i,
|
|
40591
40652
|
cell: r,
|
|
40592
40653
|
dayIndex: a,
|
|
@@ -40596,7 +40657,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40596
40657
|
onDropBlock: f,
|
|
40597
40658
|
onSelectSlot: p
|
|
40598
40659
|
}),
|
|
40599
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40660
|
+
/* @__PURE__ */ (0, A.jsx)(U6, {
|
|
40600
40661
|
dayIndex: a,
|
|
40601
40662
|
dragSelect: l,
|
|
40602
40663
|
rangeStartHour: n.startHour
|
|
@@ -40606,36 +40667,36 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40606
40667
|
style: k({ "--top": `${String(g)}px` }),
|
|
40607
40668
|
children: /* @__PURE__ */ (0, A.jsx)("span", { className: $.nowDot })
|
|
40608
40669
|
}),
|
|
40609
|
-
c.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
40670
|
+
c.map((e) => /* @__PURE__ */ (0, A.jsx)(F6, {
|
|
40610
40671
|
item: e,
|
|
40611
40672
|
range: n,
|
|
40612
40673
|
onSelect: m
|
|
40613
40674
|
}, e.occurrence.key))
|
|
40614
40675
|
]
|
|
40615
40676
|
});
|
|
40616
|
-
},
|
|
40617
|
-
let { day: t, cell: n, dayIndex: r, occurrences: i, onSelectBlock: a, active: o } = e, { dayOccs: s, allDay: c, availabilityBands: l, laid: u } =
|
|
40677
|
+
}, K6 = (e) => {
|
|
40678
|
+
let { day: t, cell: n, dayIndex: r, occurrences: i, onSelectBlock: a, active: o } = e, { dayOccs: s, allDay: c, availabilityBands: l, laid: u } = W6(i, r), d = !o;
|
|
40618
40679
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40619
40680
|
className: O($.dayCol, n.isToday && $.dayColToday),
|
|
40620
40681
|
children: [
|
|
40621
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40682
|
+
/* @__PURE__ */ (0, A.jsx)(V6, {
|
|
40622
40683
|
day: t,
|
|
40623
40684
|
cell: n,
|
|
40624
40685
|
count: s.length,
|
|
40625
40686
|
off: d
|
|
40626
40687
|
}),
|
|
40627
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40688
|
+
/* @__PURE__ */ (0, A.jsx)(H6, {
|
|
40628
40689
|
allDay: c,
|
|
40629
40690
|
onSelectBlock: a
|
|
40630
40691
|
}),
|
|
40631
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
40692
|
+
/* @__PURE__ */ (0, A.jsx)(G6, {
|
|
40632
40693
|
...e,
|
|
40633
40694
|
availabilityBands: l,
|
|
40634
40695
|
laid: u
|
|
40635
40696
|
})
|
|
40636
40697
|
]
|
|
40637
40698
|
});
|
|
40638
|
-
},
|
|
40699
|
+
}, q6 = ({ range: e }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40639
40700
|
className: $.gutter,
|
|
40640
40701
|
children: [
|
|
40641
40702
|
/* @__PURE__ */ (0, A.jsx)("div", { className: $.gutterHead }),
|
|
@@ -40645,16 +40706,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40645
40706
|
}),
|
|
40646
40707
|
Array.from({ length: e.endHour - e.startHour }, (t, n) => e.startHour + n).map((e) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40647
40708
|
className: $.gutterHour,
|
|
40648
|
-
children:
|
|
40709
|
+
children: X4(e)
|
|
40649
40710
|
}, e))
|
|
40650
40711
|
]
|
|
40651
|
-
}),
|
|
40712
|
+
}), J6 = (e, t) => {
|
|
40652
40713
|
let [n, r] = T(null);
|
|
40653
40714
|
return y(() => {
|
|
40654
40715
|
let i = () => {
|
|
40655
40716
|
if (n !== null) {
|
|
40656
|
-
let { firstDayIdx: i, lastDayIdx: a, startHour: o, endHour: s } =
|
|
40657
|
-
c && l && t(
|
|
40717
|
+
let { firstDayIdx: i, lastDayIdx: a, startHour: o, endHour: s } = P6(n.startDayIndex, n.endDayIndex, n.startHour, n.endHour), c = e[i], l = e[a];
|
|
40718
|
+
c && l && t(J4(pO(c.date), `${String(o).padStart(2, "0")}:00`), J4(pO(l.date), `${String(s).padStart(2, "0")}:00`)), r(null);
|
|
40658
40719
|
}
|
|
40659
40720
|
};
|
|
40660
40721
|
return window.addEventListener("mouseup", i), () => {
|
|
@@ -40688,7 +40749,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40688
40749
|
}
|
|
40689
40750
|
}
|
|
40690
40751
|
};
|
|
40691
|
-
},
|
|
40752
|
+
}, Y6 = (e) => {
|
|
40692
40753
|
let t = VN();
|
|
40693
40754
|
return { dropBlock: (n, r) => {
|
|
40694
40755
|
let i = e.find((e) => e.block.id === n);
|
|
@@ -40707,20 +40768,20 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40707
40768
|
}
|
|
40708
40769
|
});
|
|
40709
40770
|
} };
|
|
40710
|
-
},
|
|
40771
|
+
}, X6 = (e) => ({
|
|
40711
40772
|
active: e ? e.active : !0,
|
|
40712
40773
|
slots: e?.slots ?? [{
|
|
40713
40774
|
from: "09:00",
|
|
40714
40775
|
to: "17:00"
|
|
40715
40776
|
}]
|
|
40716
|
-
}),
|
|
40717
|
-
let u = w(null), { dragSelect: d, startDrag: f, enterDrag: p } =
|
|
40777
|
+
}), Z6 = ({ days: e, cells: t, occurrences: n, availability: r, workStart: i, workEnd: a, range: o, now: s, onSelectBlock: c, onSelectSlot: l }) => {
|
|
40778
|
+
let u = w(null), { dragSelect: d, startDrag: f, enterDrag: p } = J6(t, l), { dropBlock: m } = Y6(n), h = w(s);
|
|
40718
40779
|
h.current = s;
|
|
40719
40780
|
let { startHour: g, endHour: _ } = o, v = s.getHours() * 60 + s.getMinutes(), b = t.some((e) => e.isToday) && v >= g * 60 && v <= _ * 60;
|
|
40720
40781
|
y(() => {
|
|
40721
40782
|
let e = u.current;
|
|
40722
40783
|
if (e === null) return;
|
|
40723
|
-
let t = b ?
|
|
40784
|
+
let t = b ? s3(h.current, g) : o3(i, a, g);
|
|
40724
40785
|
e.scrollTo({ top: Math.max(0, Math.min(t, e.scrollHeight - e.clientHeight)) });
|
|
40725
40786
|
}, [
|
|
40726
40787
|
g,
|
|
@@ -40738,11 +40799,11 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40738
40799
|
children: /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40739
40800
|
className: $.gridInner,
|
|
40740
40801
|
style: k({ "--all-day-rows": x }),
|
|
40741
|
-
children: [/* @__PURE__ */ (0, A.jsx)(
|
|
40802
|
+
children: [/* @__PURE__ */ (0, A.jsx)(q6, { range: o }), e.map((e) => {
|
|
40742
40803
|
let i = QD.findIndex((t) => t.id === e.id), a = t[i] ?? t[0];
|
|
40743
40804
|
if (a === void 0) return null;
|
|
40744
|
-
let { active: u, slots: h } =
|
|
40745
|
-
return /* @__PURE__ */ (0, A.jsx)(
|
|
40805
|
+
let { active: u, slots: h } = X6(r ? r[e.id] : null);
|
|
40806
|
+
return /* @__PURE__ */ (0, A.jsx)(K6, {
|
|
40746
40807
|
day: e,
|
|
40747
40808
|
cell: a,
|
|
40748
40809
|
dayIndex: i,
|
|
@@ -40761,7 +40822,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40761
40822
|
})]
|
|
40762
40823
|
})
|
|
40763
40824
|
});
|
|
40764
|
-
},
|
|
40825
|
+
}, Q6 = [
|
|
40765
40826
|
{
|
|
40766
40827
|
id: "day",
|
|
40767
40828
|
label: "Day"
|
|
@@ -40786,33 +40847,33 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40786
40847
|
id: "hours",
|
|
40787
40848
|
label: "Working Hours"
|
|
40788
40849
|
}
|
|
40789
|
-
],
|
|
40850
|
+
], $6 = (e) => e === "month" || e === "agenda", e8 = (e, t) => {
|
|
40790
40851
|
let n = new Set(e);
|
|
40791
40852
|
return t === "agenda" ? n.delete("available") : t !== "hours" && n.add("available"), n;
|
|
40792
|
-
},
|
|
40853
|
+
}, t8 = (e, t) => {
|
|
40793
40854
|
let n = new Set(e);
|
|
40794
40855
|
return n.has(t) ? n.delete(t) : n.add(t), n;
|
|
40795
|
-
},
|
|
40856
|
+
}, n8 = () => {
|
|
40796
40857
|
let [e, t] = T("week"), [n, r] = T(0), [i, a] = T(0), [o, s] = T(null), [c, l] = T(() => new Set(ZO.map((e) => e.id))), [u, d] = T(""), f = nP(u).display;
|
|
40797
40858
|
return {
|
|
40798
40859
|
view: e,
|
|
40799
40860
|
setView: (e) => {
|
|
40800
|
-
t(e), l((t) =>
|
|
40861
|
+
t(e), l((t) => e8(t, e));
|
|
40801
40862
|
},
|
|
40802
40863
|
weekOffset: n,
|
|
40803
40864
|
monthOffset: i,
|
|
40804
40865
|
goPrev: () => {
|
|
40805
|
-
|
|
40866
|
+
$6(e) ? a((e) => e - 1) : r((e) => e - 1);
|
|
40806
40867
|
},
|
|
40807
40868
|
goNext: () => {
|
|
40808
|
-
|
|
40869
|
+
$6(e) ? a((e) => e + 1) : r((e) => e + 1);
|
|
40809
40870
|
},
|
|
40810
40871
|
goToday: () => {
|
|
40811
40872
|
r(0), a(0);
|
|
40812
40873
|
},
|
|
40813
40874
|
active: c,
|
|
40814
40875
|
toggle: (e) => {
|
|
40815
|
-
l((t) =>
|
|
40876
|
+
l((t) => t8(t, e));
|
|
40816
40877
|
},
|
|
40817
40878
|
editor: o,
|
|
40818
40879
|
openCreate: (e, t) => {
|
|
@@ -40823,7 +40884,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40823
40884
|
});
|
|
40824
40885
|
},
|
|
40825
40886
|
openQuick: (e, t, n) => {
|
|
40826
|
-
let r = new Date(
|
|
40887
|
+
let r = new Date(m3((/* @__PURE__ */ new Date()).toISOString(), f));
|
|
40827
40888
|
r.setSeconds(0, 0), r.setMinutes(Math.ceil(r.getMinutes() / 5) * 5);
|
|
40828
40889
|
let i = new Date(r.getTime() + t * 6e4);
|
|
40829
40890
|
s({
|
|
@@ -40846,7 +40907,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40846
40907
|
timezone: f,
|
|
40847
40908
|
setTimezone: d
|
|
40848
40909
|
};
|
|
40849
|
-
},
|
|
40910
|
+
}, r8 = {
|
|
40850
40911
|
scheduleRoot: "_scheduleRoot_5za8e_7",
|
|
40851
40912
|
toolbar: "_toolbar_5za8e_16",
|
|
40852
40913
|
scheduleSelect: "_scheduleSelect_5za8e_27",
|
|
@@ -40865,18 +40926,18 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40865
40926
|
hoursArea: "_hoursArea_5za8e_172",
|
|
40866
40927
|
sidebarToggleBtn: "_sidebarToggleBtn_5za8e_181",
|
|
40867
40928
|
sidebarToggleBtnActive: "_sidebarToggleBtnActive_5za8e_199"
|
|
40868
|
-
},
|
|
40929
|
+
}, i8 = (e) => e.view === "month" ? /* @__PURE__ */ (0, A.jsx)(D6, {
|
|
40869
40930
|
dates: e.monthDates,
|
|
40870
40931
|
anchor: e.monthAnchor,
|
|
40871
40932
|
occurrences: e.monthOccurrences,
|
|
40872
40933
|
today: e.today,
|
|
40873
40934
|
onSelectBlock: e.onSelectBlock,
|
|
40874
40935
|
onSelectSlot: e.onSelectSlot
|
|
40875
|
-
}) : e.view === "agenda" ? /* @__PURE__ */ (0, A.jsx)(
|
|
40936
|
+
}) : e.view === "agenda" ? /* @__PURE__ */ (0, A.jsx)(S6, {
|
|
40876
40937
|
occurrences: e.monthOccurrences,
|
|
40877
40938
|
onSelectBlock: e.onSelectBlock,
|
|
40878
40939
|
onCreate: e.onCreate
|
|
40879
|
-
}) : /* @__PURE__ */ (0, A.jsx)(
|
|
40940
|
+
}) : /* @__PURE__ */ (0, A.jsx)(Z6, {
|
|
40880
40941
|
days: e.days,
|
|
40881
40942
|
cells: e.cells,
|
|
40882
40943
|
occurrences: e.weekOccurrences,
|
|
@@ -40887,16 +40948,16 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40887
40948
|
now: e.today,
|
|
40888
40949
|
onSelectBlock: e.onSelectBlock,
|
|
40889
40950
|
onSelectSlot: e.onSelectSlot
|
|
40890
|
-
}),
|
|
40951
|
+
}), a8 = (e) => {
|
|
40891
40952
|
let t = Pi("(max-width: 1024px)");
|
|
40892
40953
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40893
|
-
className:
|
|
40954
|
+
className: r8.main,
|
|
40894
40955
|
children: [
|
|
40895
40956
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
40896
|
-
className:
|
|
40957
|
+
className: r8.calArea,
|
|
40897
40958
|
children: [
|
|
40898
40959
|
e.query.isPending && /* @__PURE__ */ (0, A.jsx)("div", {
|
|
40899
|
-
className:
|
|
40960
|
+
className: C3.center,
|
|
40900
40961
|
children: /* @__PURE__ */ (0, A.jsx)(Ii, { label: "Loading schedule" })
|
|
40901
40962
|
}),
|
|
40902
40963
|
e.query.isError && /* @__PURE__ */ (0, A.jsx)(Bi, {
|
|
@@ -40904,10 +40965,10 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40904
40965
|
title: "Could not load schedule",
|
|
40905
40966
|
children: e.query.error.message
|
|
40906
40967
|
}),
|
|
40907
|
-
e.query.isSuccess &&
|
|
40968
|
+
e.query.isSuccess && i8(e)
|
|
40908
40969
|
]
|
|
40909
40970
|
}),
|
|
40910
|
-
!t && /* @__PURE__ */ (0, A.jsx)(
|
|
40971
|
+
!t && /* @__PURE__ */ (0, A.jsx)(N6, {
|
|
40911
40972
|
occurrences: e.summary,
|
|
40912
40973
|
today: e.today,
|
|
40913
40974
|
availability: e.availability,
|
|
@@ -40924,7 +40985,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40924
40985
|
},
|
|
40925
40986
|
title: "Schedule Settings",
|
|
40926
40987
|
side: "right",
|
|
40927
|
-
children: /* @__PURE__ */ (0, A.jsx)(
|
|
40988
|
+
children: /* @__PURE__ */ (0, A.jsx)(N6, {
|
|
40928
40989
|
occurrences: e.summary,
|
|
40929
40990
|
today: e.today,
|
|
40930
40991
|
availability: e.availability,
|
|
@@ -40938,7 +40999,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40938
40999
|
})
|
|
40939
41000
|
]
|
|
40940
41001
|
});
|
|
40941
|
-
},
|
|
41002
|
+
}, o8 = (e, t) => e.meetingDuration !== t.meetingDuration || e.bufferMinutes !== t.bufferMinutes, s8 = (e, t, n) => {
|
|
40942
41003
|
let r = tP.from({
|
|
40943
41004
|
personal: t.timezone,
|
|
40944
41005
|
anchor: t.availabilityTimezone
|
|
@@ -40946,9 +41007,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40946
41007
|
return {
|
|
40947
41008
|
anchorZone: r.anchor,
|
|
40948
41009
|
initialTimezone: r.display,
|
|
40949
|
-
initialInZone:
|
|
41010
|
+
initialInZone: p6(e, r.anchor, r.display, n)
|
|
40950
41011
|
};
|
|
40951
|
-
},
|
|
41012
|
+
}, c8 = (e) => {
|
|
40952
41013
|
let t = {};
|
|
40953
41014
|
for (let [n, r] of Object.entries(e)) t[n] = {
|
|
40954
41015
|
active: r.active,
|
|
@@ -40958,13 +41019,13 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40958
41019
|
}))
|
|
40959
41020
|
};
|
|
40960
41021
|
return t;
|
|
40961
|
-
},
|
|
40962
|
-
let r = RN(), i = WN(), [a] = T(() => n.now()), [{ anchorZone: o, initialTimezone: s, initialInZone: c }] = T(() =>
|
|
41022
|
+
}, l8 = (e, t, n) => {
|
|
41023
|
+
let r = RN(), i = WN(), [a] = T(() => n.now()), [{ anchorZone: o, initialTimezone: s, initialInZone: c }] = T(() => s8(e, t, a)), [l, u] = T(c), [d, f] = T(s), [p, m] = T(t.meetingDuration), [h, g] = T(t.bufferMinutes), _ = p6(l, d, o, a), v = JSON.stringify(c8(_)) !== JSON.stringify(c8(e)), b = o8({
|
|
40963
41024
|
meetingDuration: p,
|
|
40964
41025
|
bufferMinutes: h
|
|
40965
41026
|
}, t);
|
|
40966
41027
|
return y(() => {
|
|
40967
|
-
r.isSuccess && u(
|
|
41028
|
+
r.isSuccess && u(p6(e, o, d, a));
|
|
40968
41029
|
}, [
|
|
40969
41030
|
e,
|
|
40970
41031
|
r.isSuccess,
|
|
@@ -40996,7 +41057,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
40996
41057
|
}));
|
|
40997
41058
|
},
|
|
40998
41059
|
changeTimezone: (e) => {
|
|
40999
|
-
r.reset(), i.reset(), u((t) =>
|
|
41060
|
+
r.reset(), i.reset(), u((t) => p6(t, d, e, a)), f(e);
|
|
41000
41061
|
},
|
|
41001
41062
|
reset: () => {
|
|
41002
41063
|
r.mutate(null, {
|
|
@@ -41016,7 +41077,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41016
41077
|
});
|
|
41017
41078
|
}
|
|
41018
41079
|
};
|
|
41019
|
-
},
|
|
41080
|
+
}, u8 = {
|
|
41020
41081
|
hours: "_hours_ftj0h_5",
|
|
41021
41082
|
fieldLabel: "_fieldLabel_ftj0h_18",
|
|
41022
41083
|
chips: "_chips_ftj0h_24",
|
|
@@ -41045,69 +41106,69 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41045
41106
|
customBadgeText: "_customBadgeText_ftj0h_247",
|
|
41046
41107
|
resetToBranchBtn: "_resetToBranchBtn_ftj0h_251",
|
|
41047
41108
|
settingsGrid: "_settingsGrid_ftj0h_271"
|
|
41048
|
-
},
|
|
41049
|
-
className:
|
|
41109
|
+
}, d8 = ({ name: e, options: t, selected: n, onSelect: r }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
41110
|
+
className: u8.chips,
|
|
41050
41111
|
children: t.map((t) => {
|
|
41051
41112
|
let i = n === t;
|
|
41052
41113
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
41053
41114
|
type: "button",
|
|
41054
|
-
className: O(
|
|
41115
|
+
className: O(u8.chipBtn, i && u8.chipBtnActive),
|
|
41055
41116
|
onClick: () => {
|
|
41056
41117
|
r(t);
|
|
41057
41118
|
},
|
|
41058
41119
|
children: [i && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
41059
41120
|
layoutId: `chip-${e}`,
|
|
41060
|
-
className:
|
|
41121
|
+
className: u8.chipBg,
|
|
41061
41122
|
transition: {
|
|
41062
41123
|
type: "spring",
|
|
41063
41124
|
stiffness: 420,
|
|
41064
41125
|
damping: 34
|
|
41065
41126
|
}
|
|
41066
41127
|
}), /* @__PURE__ */ (0, A.jsxs)("span", {
|
|
41067
|
-
className:
|
|
41128
|
+
className: u8.chipLabel,
|
|
41068
41129
|
children: [t, "m"]
|
|
41069
41130
|
})]
|
|
41070
41131
|
}, t);
|
|
41071
41132
|
})
|
|
41072
|
-
}),
|
|
41073
|
-
className:
|
|
41133
|
+
}), f8 = ({ meetingDuration: e, bufferMinutes: t, onDurationChange: n, onBufferChange: r }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41134
|
+
className: u8.settingsGrid,
|
|
41074
41135
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41075
|
-
className:
|
|
41136
|
+
className: C3.field,
|
|
41076
41137
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41077
|
-
className:
|
|
41138
|
+
className: u8.fieldLabel,
|
|
41078
41139
|
children: "Meeting duration"
|
|
41079
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
41140
|
+
}), /* @__PURE__ */ (0, A.jsx)(d8, {
|
|
41080
41141
|
name: "duration",
|
|
41081
41142
|
options: JO,
|
|
41082
41143
|
selected: e,
|
|
41083
41144
|
onSelect: n
|
|
41084
41145
|
})]
|
|
41085
41146
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41086
|
-
className:
|
|
41147
|
+
className: C3.field,
|
|
41087
41148
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41088
|
-
className:
|
|
41149
|
+
className: u8.fieldLabel,
|
|
41089
41150
|
children: "Buffer between meetings"
|
|
41090
|
-
}), /* @__PURE__ */ (0, A.jsx)(
|
|
41151
|
+
}), /* @__PURE__ */ (0, A.jsx)(d8, {
|
|
41091
41152
|
name: "buffer",
|
|
41092
41153
|
options: YO,
|
|
41093
41154
|
selected: t,
|
|
41094
41155
|
onSelect: r
|
|
41095
41156
|
})]
|
|
41096
41157
|
})]
|
|
41097
|
-
}),
|
|
41098
|
-
className:
|
|
41158
|
+
}), p8 = ({ day: e, value: t, onChange: n }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41159
|
+
className: u8.dayRow,
|
|
41099
41160
|
children: [
|
|
41100
41161
|
/* @__PURE__ */ (0, A.jsx)("button", {
|
|
41101
41162
|
type: "button",
|
|
41102
|
-
className: O(
|
|
41163
|
+
className: O(u8.toggle, t.active && u8.toggleOn),
|
|
41103
41164
|
"aria-pressed": t.active,
|
|
41104
41165
|
onClick: () => {
|
|
41105
41166
|
n({ active: !t.active });
|
|
41106
41167
|
},
|
|
41107
|
-
children: /* @__PURE__ */ (0, A.jsx)("span", { className:
|
|
41168
|
+
children: /* @__PURE__ */ (0, A.jsx)("span", { className: u8.toggleKnob })
|
|
41108
41169
|
}),
|
|
41109
41170
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41110
|
-
className:
|
|
41171
|
+
className: u8.dayName,
|
|
41111
41172
|
children: e.long
|
|
41112
41173
|
}),
|
|
41113
41174
|
/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
@@ -41118,7 +41179,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41118
41179
|
flex: 1
|
|
41119
41180
|
},
|
|
41120
41181
|
children: [t.slots.map((e, r) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41121
|
-
className:
|
|
41182
|
+
className: u8.dayTimes,
|
|
41122
41183
|
children: [
|
|
41123
41184
|
/* @__PURE__ */ (0, A.jsx)(yD, {
|
|
41124
41185
|
value: e.from,
|
|
@@ -41132,7 +41193,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41132
41193
|
}
|
|
41133
41194
|
}),
|
|
41134
41195
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41135
|
-
className:
|
|
41196
|
+
className: C3.dash,
|
|
41136
41197
|
children: "–"
|
|
41137
41198
|
}),
|
|
41138
41199
|
/* @__PURE__ */ (0, A.jsx)(yD, {
|
|
@@ -41149,7 +41210,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41149
41210
|
}),
|
|
41150
41211
|
/* @__PURE__ */ (0, A.jsx)("button", {
|
|
41151
41212
|
type: "button",
|
|
41152
|
-
className:
|
|
41213
|
+
className: u8.resetBtn,
|
|
41153
41214
|
disabled: !t.active || t.slots.length === 1,
|
|
41154
41215
|
onClick: () => {
|
|
41155
41216
|
n({ slots: t.slots.filter((e, t) => t !== r) });
|
|
@@ -41159,7 +41220,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41159
41220
|
]
|
|
41160
41221
|
}, e.id)), /* @__PURE__ */ (0, A.jsx)("button", {
|
|
41161
41222
|
type: "button",
|
|
41162
|
-
className:
|
|
41223
|
+
className: u8.resetBtn,
|
|
41163
41224
|
style: {
|
|
41164
41225
|
alignSelf: "flex-start",
|
|
41165
41226
|
margin: 0
|
|
@@ -41177,7 +41238,7 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41177
41238
|
}),
|
|
41178
41239
|
/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
41179
41240
|
type: "button",
|
|
41180
|
-
className:
|
|
41241
|
+
className: u8.resetBtn,
|
|
41181
41242
|
onClick: () => {
|
|
41182
41243
|
n({
|
|
41183
41244
|
active: !0,
|
|
@@ -41191,48 +41252,48 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41191
41252
|
children: [/* @__PURE__ */ (0, A.jsx)(ni, { size: 13 }), " Reset"]
|
|
41192
41253
|
})
|
|
41193
41254
|
]
|
|
41194
|
-
}),
|
|
41195
|
-
className:
|
|
41255
|
+
}), m8 = ({ timezone: e, branchName: t, now: n, onTimezoneChange: r }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41256
|
+
className: u8.settingsGrid,
|
|
41196
41257
|
children: [/* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41197
|
-
className:
|
|
41258
|
+
className: C3.field,
|
|
41198
41259
|
children: [
|
|
41199
41260
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41200
|
-
className:
|
|
41261
|
+
className: u8.fieldLabel,
|
|
41201
41262
|
children: "Timezone"
|
|
41202
41263
|
}),
|
|
41203
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41264
|
+
/* @__PURE__ */ (0, A.jsx)(v6, {
|
|
41204
41265
|
value: e,
|
|
41205
41266
|
now: n,
|
|
41206
41267
|
onChange: r
|
|
41207
41268
|
}),
|
|
41208
41269
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41209
|
-
className:
|
|
41270
|
+
className: u8.fieldHint,
|
|
41210
41271
|
children: "Preview only — set your saved timezone in Profile"
|
|
41211
41272
|
})
|
|
41212
41273
|
]
|
|
41213
41274
|
}), /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41214
|
-
className:
|
|
41275
|
+
className: C3.field,
|
|
41215
41276
|
children: [
|
|
41216
41277
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41217
|
-
className:
|
|
41278
|
+
className: u8.fieldLabel,
|
|
41218
41279
|
children: "Home Branch"
|
|
41219
41280
|
}),
|
|
41220
41281
|
/* @__PURE__ */ (0, A.jsx)("div", {
|
|
41221
|
-
className:
|
|
41282
|
+
className: u8.readonlyField,
|
|
41222
41283
|
children: t
|
|
41223
41284
|
}),
|
|
41224
41285
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41225
|
-
className:
|
|
41286
|
+
className: u8.fieldHint,
|
|
41226
41287
|
children: "Assigned from your UAPP account"
|
|
41227
41288
|
})
|
|
41228
41289
|
]
|
|
41229
41290
|
})]
|
|
41230
|
-
}),
|
|
41231
|
-
className:
|
|
41291
|
+
}), h8 = ({ isOverride: e, branchName: t, onReset: n }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
41292
|
+
className: u8.inheritedBanner,
|
|
41232
41293
|
children: e ? /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41233
|
-
className:
|
|
41294
|
+
className: u8.customBadge,
|
|
41234
41295
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", {
|
|
41235
|
-
className:
|
|
41296
|
+
className: u8.customBadgeText,
|
|
41236
41297
|
children: [
|
|
41237
41298
|
"Customized Working Hours (overrides ",
|
|
41238
41299
|
t,
|
|
@@ -41240,52 +41301,52 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41240
41301
|
]
|
|
41241
41302
|
}), /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
41242
41303
|
type: "button",
|
|
41243
|
-
className:
|
|
41304
|
+
className: u8.resetToBranchBtn,
|
|
41244
41305
|
onClick: n,
|
|
41245
41306
|
children: [/* @__PURE__ */ (0, A.jsx)(Ci, { size: 13 }), " Use Branch Defaults"]
|
|
41246
41307
|
})]
|
|
41247
41308
|
}) : /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41248
|
-
className:
|
|
41309
|
+
className: u8.inheritedBadge,
|
|
41249
41310
|
children: [/* @__PURE__ */ (0, A.jsxs)("span", { children: ["Inheriting default hours from ", /* @__PURE__ */ (0, A.jsx)("strong", { children: t })] }), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
41250
|
-
className:
|
|
41311
|
+
className: u8.badgeSub,
|
|
41251
41312
|
children: "Modifying the hours below will create a personal override."
|
|
41252
41313
|
})]
|
|
41253
41314
|
})
|
|
41254
|
-
}),
|
|
41255
|
-
className:
|
|
41315
|
+
}), g8 = ({ statusText: e, disabled: t, onClick: n }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41316
|
+
className: u8.formFooter,
|
|
41256
41317
|
children: [/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41257
|
-
className:
|
|
41318
|
+
className: u8.formStatus,
|
|
41258
41319
|
children: e
|
|
41259
41320
|
}), /* @__PURE__ */ (0, A.jsx)("button", {
|
|
41260
41321
|
type: "button",
|
|
41261
|
-
className:
|
|
41322
|
+
className: u8.saveBtn,
|
|
41262
41323
|
disabled: t,
|
|
41263
41324
|
onClick: n,
|
|
41264
41325
|
children: "Save changes"
|
|
41265
41326
|
})]
|
|
41266
|
-
}),
|
|
41267
|
-
let { clock: i } = jN(), a =
|
|
41327
|
+
}), _8 = (e, t) => e ? "Unsaved changes" : t ? "Saved" : "", v8 = ({ initial: e, isOverride: t, branchName: n, prefs: r }) => {
|
|
41328
|
+
let { clock: i } = jN(), a = l8(e, r, i), o = _8(a.dirty, a.isSuccess);
|
|
41268
41329
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41269
|
-
className:
|
|
41330
|
+
className: u8.hours,
|
|
41270
41331
|
children: [
|
|
41271
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41332
|
+
/* @__PURE__ */ (0, A.jsx)(m8, {
|
|
41272
41333
|
timezone: a.timezone,
|
|
41273
41334
|
branchName: n,
|
|
41274
41335
|
now: a.now,
|
|
41275
41336
|
onTimezoneChange: a.changeTimezone
|
|
41276
41337
|
}),
|
|
41277
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41338
|
+
/* @__PURE__ */ (0, A.jsx)(f8, {
|
|
41278
41339
|
meetingDuration: a.meetingDuration,
|
|
41279
41340
|
bufferMinutes: a.bufferMinutes,
|
|
41280
41341
|
onDurationChange: a.setMeetingDuration,
|
|
41281
41342
|
onBufferChange: a.setBufferMinutes
|
|
41282
41343
|
}),
|
|
41283
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41344
|
+
/* @__PURE__ */ (0, A.jsx)(h8, {
|
|
41284
41345
|
isOverride: t,
|
|
41285
41346
|
branchName: n,
|
|
41286
41347
|
onReset: a.reset
|
|
41287
41348
|
}),
|
|
41288
|
-
QD.map((e) => /* @__PURE__ */ (0, A.jsx)(
|
|
41349
|
+
QD.map((e) => /* @__PURE__ */ (0, A.jsx)(p8, {
|
|
41289
41350
|
day: e,
|
|
41290
41351
|
value: a.draft[e.id],
|
|
41291
41352
|
onChange: (t) => {
|
|
@@ -41297,39 +41358,39 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41297
41358
|
title: "Could not save",
|
|
41298
41359
|
children: a.errorMsg
|
|
41299
41360
|
}),
|
|
41300
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41361
|
+
/* @__PURE__ */ (0, A.jsx)(g8, {
|
|
41301
41362
|
statusText: o,
|
|
41302
41363
|
disabled: !a.dirty || a.isSaving,
|
|
41303
41364
|
onClick: a.onSave
|
|
41304
41365
|
})
|
|
41305
41366
|
]
|
|
41306
41367
|
});
|
|
41307
|
-
},
|
|
41368
|
+
}, y8 = (e, t, n) => e?.message ?? t?.message ?? n?.message ?? "Unknown error", b8 = (e, t) => e?.branches.find((e) => e.id === t)?.name ?? "your branch", x8 = () => {
|
|
41308
41369
|
let e = LN(), t = _R(), n = UN();
|
|
41309
41370
|
if (e.isPending || t.isPending || n.isPending) return /* @__PURE__ */ (0, A.jsx)("div", {
|
|
41310
|
-
className:
|
|
41371
|
+
className: C3.center,
|
|
41311
41372
|
children: /* @__PURE__ */ (0, A.jsx)(Ii, { label: "Loading working hours" })
|
|
41312
41373
|
});
|
|
41313
41374
|
if (e.isError || t.isError || n.isError) return /* @__PURE__ */ (0, A.jsx)(Bi, {
|
|
41314
41375
|
tone: "error",
|
|
41315
41376
|
title: "Could not load working hours",
|
|
41316
|
-
children:
|
|
41377
|
+
children: y8(e.error, t.error, n.error)
|
|
41317
41378
|
});
|
|
41318
|
-
let r =
|
|
41319
|
-
return /* @__PURE__ */ (0, A.jsx)(
|
|
41379
|
+
let r = b8(t.data, n.data.branchId);
|
|
41380
|
+
return /* @__PURE__ */ (0, A.jsx)(v8, {
|
|
41320
41381
|
initial: e.data.weekly,
|
|
41321
41382
|
isOverride: e.data.isOverride,
|
|
41322
41383
|
branchName: r,
|
|
41323
41384
|
prefs: n.data
|
|
41324
41385
|
}, `${String(e.data.isOverride)}:${e.data.source}`);
|
|
41325
|
-
},
|
|
41386
|
+
}, S8 = {
|
|
41326
41387
|
workStart: "09:00",
|
|
41327
41388
|
workEnd: "17:00",
|
|
41328
41389
|
branchId: "uk"
|
|
41329
|
-
},
|
|
41390
|
+
}, C8 = (e, t) => e === "day" ? QD.slice(t, t + 1) : e === "workweek" ? QD.slice(0, 5) : QD, w8 = (e) => {
|
|
41330
41391
|
let [t] = e.split(":");
|
|
41331
41392
|
return Number(t ?? "0");
|
|
41332
|
-
},
|
|
41393
|
+
}, T8 = (e, t, n) => {
|
|
41333
41394
|
if (e !== null) return e;
|
|
41334
41395
|
if (t) {
|
|
41335
41396
|
let e = II(t, n), r = {};
|
|
@@ -41356,18 +41417,18 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41356
41417
|
}]
|
|
41357
41418
|
};
|
|
41358
41419
|
return r;
|
|
41359
|
-
},
|
|
41360
|
-
let t = Object.values(e).filter((e) => e.active).flatMap((e) => e.slots), n = t.length > 0 ? Math.min(...t.map((e) =>
|
|
41420
|
+
}, E8 = (e, t, n, r) => t !== "" && t !== n ? p6(e, t, n, r) : e, D8 = (e) => {
|
|
41421
|
+
let t = Object.values(e).filter((e) => e.active).flatMap((e) => e.slots), n = t.length > 0 ? Math.min(...t.map((e) => w8(e.from))) : 9, r = t.length > 0 ? Math.max(...t.map((e) => w8(e.to))) : 17;
|
|
41361
41422
|
return {
|
|
41362
41423
|
workStart: `${String(Math.max(0, n)).padStart(2, "0")}:00`,
|
|
41363
41424
|
workEnd: `${String(Math.min(24, r)).padStart(2, "0")}:00`
|
|
41364
41425
|
};
|
|
41365
|
-
},
|
|
41366
|
-
let t = zN(), n = IN().data ?? null, r = UN().data, i = r ??
|
|
41426
|
+
}, O8 = (e) => {
|
|
41427
|
+
let t = zN(), n = IN().data ?? null, r = UN().data, i = r ?? S8, a = _R(), o = /* @__PURE__ */ new Date(), s = JN(e.timezone, o) - JN(KN(), o), c = new Date(o.getTime() + s * 6e4), l = e.view === "month" || e.view === "agenda", u = (t) => e.active.has(t.block.status), d = i.branchId, f = E8(C(() => T8(n, a.data, d), [
|
|
41367
41428
|
n,
|
|
41368
41429
|
a.data,
|
|
41369
41430
|
d
|
|
41370
|
-
]), r?.availabilityTimezone ?? "", e.timezone, o), { workStart: p, workEnd: m } =
|
|
41431
|
+
]), r?.availabilityTimezone ?? "", e.timezone, o), { workStart: p, workEnd: m } = D8(f), h = e.timezone, g = t.data, _ = C(() => {
|
|
41371
41432
|
let e = g ?? [], t = KN();
|
|
41372
41433
|
if (h === t) return e;
|
|
41373
41434
|
let n = (e) => {
|
|
@@ -41385,53 +41446,53 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41385
41446
|
notes: e.notes,
|
|
41386
41447
|
recurrence: e.recurrence
|
|
41387
41448
|
}));
|
|
41388
|
-
}, [g, h]), v =
|
|
41449
|
+
}, [g, h]), v = I4(c, e.weekOffset), y = ak(_, v), b = H4(c, e.monthOffset), x = ik(b[0] ?? c, b[b.length - 1] ?? c, _);
|
|
41389
41450
|
return {
|
|
41390
41451
|
query: t,
|
|
41391
41452
|
today: c,
|
|
41392
|
-
days:
|
|
41393
|
-
cells:
|
|
41453
|
+
days: C8(e.view, (c.getDay() + 6) % 7),
|
|
41454
|
+
cells: L4(c, e.weekOffset),
|
|
41394
41455
|
weekOccurrences: y.filter(u),
|
|
41395
41456
|
availability: f,
|
|
41396
41457
|
workStart: p,
|
|
41397
41458
|
workEnd: m,
|
|
41398
|
-
range:
|
|
41459
|
+
range: $4(y, p, m),
|
|
41399
41460
|
monthDates: b,
|
|
41400
|
-
monthAnchor:
|
|
41461
|
+
monthAnchor: B4(c, e.monthOffset),
|
|
41401
41462
|
monthOccurrences: x.filter(u),
|
|
41402
41463
|
summary: l ? x : y,
|
|
41403
|
-
rangeText: l ?
|
|
41404
|
-
defaultStart:
|
|
41464
|
+
rangeText: l ? V4(c, e.monthOffset) : z4(c, e.weekOffset),
|
|
41465
|
+
defaultStart: J4(pO(v[0] ?? c), "09:00")
|
|
41405
41466
|
};
|
|
41406
|
-
},
|
|
41407
|
-
className:
|
|
41408
|
-
children:
|
|
41467
|
+
}, k8 = ({ view: e, onView: t }) => /* @__PURE__ */ (0, A.jsx)("div", {
|
|
41468
|
+
className: r8.viewChips,
|
|
41469
|
+
children: Q6.map((n) => {
|
|
41409
41470
|
let r = e === n.id;
|
|
41410
41471
|
return /* @__PURE__ */ (0, A.jsxs)("button", {
|
|
41411
41472
|
type: "button",
|
|
41412
|
-
className: O(
|
|
41473
|
+
className: O(r8.viewChip, r && r8.viewChipActive),
|
|
41413
41474
|
onClick: () => {
|
|
41414
41475
|
t(n.id);
|
|
41415
41476
|
},
|
|
41416
41477
|
children: [r && /* @__PURE__ */ (0, A.jsx)(M.span, {
|
|
41417
41478
|
layoutId: "schedViewBg",
|
|
41418
|
-
className:
|
|
41479
|
+
className: r8.viewChipBg,
|
|
41419
41480
|
transition: {
|
|
41420
41481
|
type: "spring",
|
|
41421
41482
|
stiffness: 420,
|
|
41422
41483
|
damping: 34
|
|
41423
41484
|
}
|
|
41424
41485
|
}), /* @__PURE__ */ (0, A.jsx)("span", {
|
|
41425
|
-
className:
|
|
41486
|
+
className: r8.viewChipLabel,
|
|
41426
41487
|
children: n.label
|
|
41427
41488
|
})]
|
|
41428
41489
|
}, n.id);
|
|
41429
41490
|
})
|
|
41430
|
-
}),
|
|
41431
|
-
className:
|
|
41491
|
+
}), A8 = ({ view: e, onView: t, rangeText: n, showNav: r, onPrev: i, onNext: a, onToday: o, onNew: s, timezone: c, setTimezone: l, todayDate: u, onToggleSidebar: d, isSidebarOpen: f }) => /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41492
|
+
className: r8.toolbar,
|
|
41432
41493
|
children: [
|
|
41433
41494
|
/* @__PURE__ */ (0, A.jsx)("select", {
|
|
41434
|
-
className:
|
|
41495
|
+
className: r8.scheduleSelect,
|
|
41435
41496
|
"aria-label": "Calendar",
|
|
41436
41497
|
defaultValue: "my",
|
|
41437
41498
|
children: /* @__PURE__ */ (0, A.jsx)("option", {
|
|
@@ -41439,55 +41500,55 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41439
41500
|
children: "My Schedule"
|
|
41440
41501
|
})
|
|
41441
41502
|
}),
|
|
41442
|
-
e !== "hours" && /* @__PURE__ */ (0, A.jsx)(
|
|
41503
|
+
e !== "hours" && /* @__PURE__ */ (0, A.jsx)(v6, {
|
|
41443
41504
|
value: c,
|
|
41444
41505
|
onChange: l,
|
|
41445
41506
|
now: u
|
|
41446
41507
|
}),
|
|
41447
41508
|
r && /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41448
|
-
className:
|
|
41509
|
+
className: r8.weekNav,
|
|
41449
41510
|
children: [
|
|
41450
41511
|
/* @__PURE__ */ (0, A.jsx)("button", {
|
|
41451
41512
|
type: "button",
|
|
41452
|
-
className:
|
|
41513
|
+
className: r8.todayBtn,
|
|
41453
41514
|
onClick: o,
|
|
41454
41515
|
children: "Today"
|
|
41455
41516
|
}),
|
|
41456
41517
|
/* @__PURE__ */ (0, A.jsx)("button", {
|
|
41457
41518
|
type: "button",
|
|
41458
|
-
className:
|
|
41519
|
+
className: r8.navBtn,
|
|
41459
41520
|
"aria-label": "Previous week",
|
|
41460
41521
|
onClick: i,
|
|
41461
41522
|
children: /* @__PURE__ */ (0, A.jsx)(pr, { size: 16 })
|
|
41462
41523
|
}),
|
|
41463
41524
|
/* @__PURE__ */ (0, A.jsx)("button", {
|
|
41464
41525
|
type: "button",
|
|
41465
|
-
className:
|
|
41526
|
+
className: r8.navBtn,
|
|
41466
41527
|
"aria-label": "Next week",
|
|
41467
41528
|
onClick: a,
|
|
41468
41529
|
children: /* @__PURE__ */ (0, A.jsx)(mr, { size: 16 })
|
|
41469
41530
|
}),
|
|
41470
41531
|
/* @__PURE__ */ (0, A.jsx)("span", {
|
|
41471
|
-
className:
|
|
41532
|
+
className: r8.dateLabel,
|
|
41472
41533
|
children: n
|
|
41473
41534
|
})
|
|
41474
41535
|
]
|
|
41475
41536
|
}),
|
|
41476
41537
|
e !== "hours" && d !== void 0 && /* @__PURE__ */ (0, A.jsx)("button", {
|
|
41477
41538
|
type: "button",
|
|
41478
|
-
className: O(
|
|
41539
|
+
className: O(r8.sidebarToggleBtn, f && r8.sidebarToggleBtnActive),
|
|
41479
41540
|
"aria-label": "Schedule settings",
|
|
41480
41541
|
title: "Schedule settings",
|
|
41481
41542
|
onClick: d,
|
|
41482
41543
|
children: /* @__PURE__ */ (0, A.jsx)(pi, { size: 15 })
|
|
41483
41544
|
}),
|
|
41484
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41545
|
+
/* @__PURE__ */ (0, A.jsx)(k8, {
|
|
41485
41546
|
view: e,
|
|
41486
41547
|
onView: t
|
|
41487
41548
|
}),
|
|
41488
41549
|
/* @__PURE__ */ (0, A.jsxs)("button", {
|
|
41489
41550
|
type: "button",
|
|
41490
|
-
className:
|
|
41551
|
+
className: r8.newBtn,
|
|
41491
41552
|
onClick: s,
|
|
41492
41553
|
children: [/* @__PURE__ */ (0, A.jsx)(ei, {
|
|
41493
41554
|
size: 14,
|
|
@@ -41495,14 +41556,14 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41495
41556
|
}), " New"]
|
|
41496
41557
|
})
|
|
41497
41558
|
]
|
|
41498
|
-
}),
|
|
41499
|
-
let [e, t] = T(!1), n =
|
|
41559
|
+
}), j8 = () => {
|
|
41560
|
+
let [e, t] = T(!1), n = n8(), r = O8(n), i = () => {
|
|
41500
41561
|
n.openCreate(r.defaultStart);
|
|
41501
41562
|
};
|
|
41502
41563
|
return /* @__PURE__ */ (0, A.jsxs)("div", {
|
|
41503
|
-
className:
|
|
41564
|
+
className: r8.scheduleRoot,
|
|
41504
41565
|
children: [
|
|
41505
|
-
/* @__PURE__ */ (0, A.jsx)(
|
|
41566
|
+
/* @__PURE__ */ (0, A.jsx)(A8, {
|
|
41506
41567
|
view: n.view,
|
|
41507
41568
|
onView: n.setView,
|
|
41508
41569
|
rangeText: r.rangeText,
|
|
@@ -41520,9 +41581,9 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41520
41581
|
isSidebarOpen: e
|
|
41521
41582
|
}),
|
|
41522
41583
|
n.view === "hours" ? /* @__PURE__ */ (0, A.jsx)("div", {
|
|
41523
|
-
className:
|
|
41524
|
-
children: /* @__PURE__ */ (0, A.jsx)(
|
|
41525
|
-
}) : /* @__PURE__ */ (0, A.jsx)(
|
|
41584
|
+
className: r8.hoursArea,
|
|
41585
|
+
children: /* @__PURE__ */ (0, A.jsx)(x8, {})
|
|
41586
|
+
}) : /* @__PURE__ */ (0, A.jsx)(a8, {
|
|
41526
41587
|
query: r.query,
|
|
41527
41588
|
view: n.view,
|
|
41528
41589
|
today: r.today,
|
|
@@ -41548,22 +41609,22 @@ var V$ = (e) => e.split(/[\s_-]+/).filter((e) => e.length > 0).map((e) => e.char
|
|
|
41548
41609
|
t(!1);
|
|
41549
41610
|
}
|
|
41550
41611
|
}),
|
|
41551
|
-
n.editor !== null && /* @__PURE__ */ (0, A.jsx)(
|
|
41612
|
+
n.editor !== null && /* @__PURE__ */ (0, A.jsx)(u6, {
|
|
41552
41613
|
state: n.editor,
|
|
41553
41614
|
timezone: n.timezone,
|
|
41554
41615
|
onClose: n.closeEditor
|
|
41555
41616
|
})
|
|
41556
41617
|
]
|
|
41557
41618
|
});
|
|
41558
|
-
},
|
|
41619
|
+
}, M8 = () => {
|
|
41559
41620
|
GQ("uapp-schedule", () => /* @__PURE__ */ (0, A.jsx)(x0, {
|
|
41560
41621
|
path: "/comms/schedule",
|
|
41561
|
-
children: /* @__PURE__ */ (0, A.jsx)(
|
|
41622
|
+
children: /* @__PURE__ */ (0, A.jsx)(j8, {})
|
|
41562
41623
|
}));
|
|
41563
|
-
},
|
|
41564
|
-
KQ(), S0(),
|
|
41624
|
+
}, N8 = () => {
|
|
41625
|
+
KQ(), S0(), F4(), M8();
|
|
41565
41626
|
};
|
|
41566
41627
|
//#endregion
|
|
41567
|
-
export { FQ as CommsProvider, vK as SDK_MODULE_SCOPES, IQ as WidgetRoot,
|
|
41628
|
+
export { FQ as CommsProvider, vK as SDK_MODULE_SCOPES, IQ as WidgetRoot, N8 as defineCustomElements, F4 as registerBookingsWidget, KQ as registerChatWidget, S0 as registerFeedWidget, M8 as registerScheduleWidget };
|
|
41568
41629
|
|
|
41569
41630
|
//# sourceMappingURL=communication-sdk.js.map
|