@bigz-app/booking-widget 0.2.3 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/booking-widget.js +56 -71
  2. package/dist/booking-widget.js.map +1 -1
  3. package/dist/components/BookingForm.d.ts.map +1 -1
  4. package/dist/components/EventInstanceSelection.d.ts +0 -1
  5. package/dist/components/EventInstanceSelection.d.ts.map +1 -1
  6. package/dist/index.cjs +56 -71
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.esm.js +56 -71
  9. package/dist/index.esm.js.map +1 -1
  10. package/package.json +76 -71
package/dist/components/BookingForm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BookingForm.d.ts","sourceRoot":"","sources":["../../src/components/BookingForm.tsx"],"names":[],"mappings":"AAoCA,UAAU,YAAY;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE;QACT,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,YAAY,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,UAAU,gBAAgB;IACzB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC5B,GAAG,IAAI,CAAC;CACT;AAqCD,wBAAgB,WAAW,CAAC,EAC3B,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,OAAO,EACP,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,EACN,OAAO,EACP,YAAY,GACZ,EAAE,gBAAgB,2CA6qClB"}
1
+ {"version":3,"file":"BookingForm.d.ts","sourceRoot":"","sources":["../../src/components/BookingForm.tsx"],"names":[],"mappings":"AAoCA,UAAU,YAAY;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE;QACT,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,YAAY,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,UAAU,gBAAgB;IACzB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC5B,GAAG,IAAI,CAAC;CACT;AAqCD,wBAAgB,WAAW,CAAC,EAC3B,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,OAAO,EACP,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,EACN,OAAO,EACP,YAAY,GACZ,EAAE,gBAAgB,2CAwqClB"}
package/dist/components/EventInstanceSelection.d.ts CHANGED
@@ -15,7 +15,6 @@ interface EventInstance {
15
15
  durationDays: number;
16
16
  durationPerDay: number;
17
17
  deposit?: number;
18
- notes?: string;
19
18
  bookingOpen: boolean;
20
19
  }
21
20
  interface EventInstanceSelectionProps {
package/dist/components/EventInstanceSelection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EventInstanceSelection.d.ts","sourceRoot":"","sources":["../../src/components/EventInstanceSelection.tsx"],"names":[],"mappings":"AAIA,UAAU,SAAS;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,2BAA2B;IACpC,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAC;IACpC,qBAAqB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9D,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AA+MD,wBAAgB,sBAAsB,CAAC,EACtC,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,uBAA+B,EAC/B,qBAA6B,GAC7B,EAAE,2BAA2B,2CA8yB7B"}
1
+ {"version":3,"file":"EventInstanceSelection.d.ts","sourceRoot":"","sources":["../../src/components/EventInstanceSelection.tsx"],"names":[],"mappings":"AAIA,UAAU,SAAS;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,2BAA2B;IACpC,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAC;IACpC,qBAAqB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9D,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAoOD,wBAAgB,sBAAsB,CAAC,EACtC,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,uBAA+B,EAC/B,qBAA6B,GAC7B,EAAE,2BAA2B,2CAwyB7B"}
package/dist/index.cjs CHANGED
@@ -9132,7 +9132,7 @@ var reactStripe_umd = {exports: {}};
9132
9132
 
9133
9133
  var reactStripe_umdExports = reactStripe_umd.exports;
9134
9134
 
9135
- const spinner = (borderColor) => (jsxRuntime.jsx("div", { style: {
9135
+ const spinner$1 = (borderColor) => (jsxRuntime.jsx("div", { style: {
9136
9136
  width: "auto",
9137
9137
  height: "auto",
9138
9138
  fontSize: "16px",
@@ -9268,7 +9268,7 @@ function PaymentFormInner({ config, eventDetails, formData, totalAmount, discoun
9268
9268
  if (!isLoading) {
9269
9269
  e.currentTarget.style.backgroundColor = "var(--bw-highlight-color)";
9270
9270
  }
9271
- }, children: isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [spinner("var(--bw-surface-color)"), " Verarbeite Zahlung..."] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", totalAmount <
9271
+ }, children: isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [spinner$1("var(--bw-surface-color)"), " Verarbeite Zahlung..."] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", totalAmount <
9272
9272
  eventDetails.price * formData.participants.filter((p) => p.name.trim()).length
9273
9273
  ? "Anzahlen & buchen"
9274
9274
  : "Jetzt buchen"] })) }), jsxRuntime.jsx("style", { children: `
@@ -9388,7 +9388,7 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
9388
9388
  justifyContent: "center",
9389
9389
  padding: "var(--bw-spacing)",
9390
9390
  gap: "8px",
9391
- }, children: [spinner(), jsxRuntime.jsx("span", { style: {
9391
+ }, children: [spinner$1(), jsxRuntime.jsx("span", { style: {
9392
9392
  color: "var(--bw-text-muted)",
9393
9393
  fontFamily: "var(--bw-font-family)",
9394
9394
  fontSize: "var(--bw-font-size)",
@@ -9416,7 +9416,7 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
9416
9416
  }, children: jsxRuntime.jsx(PaymentFormInner, { config: config, eventDetails: eventDetails, formData: formData, totalAmount: totalAmount, discountCode: discountCode, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, clientSecret: clientSecret }) }));
9417
9417
  }
9418
9418
 
9419
- function Sidebar({ isOpen, onClose, title, children, width = "400px" }) {
9419
+ function Sidebar({ isOpen, onClose, title, children, width = "450px" }) {
9420
9420
  const [isVisible, setIsVisible] = React__default.useState(false);
9421
9421
  const [isAnimating, setIsAnimating] = React__default.useState(false);
9422
9422
  const themedStyles = useStyles();
@@ -9815,7 +9815,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
9815
9815
  marginBottom: "8px",
9816
9816
  fontFamily: "var(--bw-font-family)",
9817
9817
  };
9818
- return (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `Buchung - ${eventDetails.name}`, width: "420px", children: jsxRuntime.jsxs("div", { className: "booking-widget-container", style: { padding: "var(--bw-spacing)" }, children: [jsxRuntime.jsxs("div", { style: {
9818
+ return (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `Buchung - ${eventDetails.name}`, children: jsxRuntime.jsxs("div", { className: "booking-widget-container", style: { padding: "var(--bw-spacing)" }, children: [jsxRuntime.jsxs("div", { style: {
9819
9819
  backgroundColor: "var(--bw-surface-color)",
9820
9820
  border: `1px solid var(--bw-border-color)`,
9821
9821
  backdropFilter: "blur(4px)",
@@ -10033,7 +10033,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
10033
10033
  fontFamily: "var(--bw-font-family)",
10034
10034
  display: "block",
10035
10035
  marginBottom: "8px",
10036
- }, children: "Kommentar (optional)" }), jsxRuntime.jsx("textarea", { id: "booking-comment", ...form.register("comment"), placeholder: "Zus\u00E4tzliche Anmerkungen zu Ihrer Buchung...", rows: 3, style: {
10036
+ }, children: "Kommentar (optional)" }), jsxRuntime.jsx("textarea", { id: "booking-comment", ...form.register("comment"), placeholder: "Zus\u00E4tzliche Anmerkungen zur Buchung...", rows: 3, style: {
10037
10037
  width: "100%",
10038
10038
  padding: "12px",
10039
10039
  border: `1px solid var(--bw-border-color)`,
@@ -10661,44 +10661,42 @@ const getPriceDisplayInfo = (price, yearPrices) => {
10661
10661
  // Allocation Badge Component
10662
10662
  const AllocationBadge = ({ availableSpots, maxParticipants, }) => {
10663
10663
  const badgeInfo = getAllocationBadgeInfo(availableSpots, maxParticipants);
10664
- if (!badgeInfo)
10665
- return null;
10666
10664
  return (jsxRuntime.jsx("div", { style: {
10667
- position: "absolute",
10668
- bottom: "4px",
10669
- right: "20px",
10670
- backgroundColor: badgeInfo.backgroundColor,
10671
- color: badgeInfo.textColor,
10665
+ backgroundColor: badgeInfo?.backgroundColor || "transparent",
10666
+ color: badgeInfo?.textColor || "transparent",
10672
10667
  fontSize: "11px",
10673
10668
  fontWeight: "bold",
10674
- padding: "3px 8px",
10669
+ padding: "1px 8px",
10670
+ display: "flex",
10671
+ marginRight: "auto",
10672
+ marginTop: "-24px",
10673
+ marginBottom: "5px",
10675
10674
  borderRadius: "var(--bw-border-radius-small)",
10676
10675
  fontFamily: "var(--bw-font-family)",
10677
- boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
10678
10676
  zIndex: 50,
10679
10677
  whiteSpace: "nowrap",
10680
- }, children: badgeInfo.text }));
10678
+ width: "fit-content",
10679
+ }, children: badgeInfo?.text || " - " }));
10681
10680
  };
10682
10681
  // Price Badge Component (for special prices)
10683
10682
  const SpecialPriceBadge = ({ price, yearPrices }) => {
10684
10683
  const badgeInfo = getPriceBadgeInfo(price, yearPrices);
10685
- if (!badgeInfo)
10686
- return null;
10687
10684
  return (jsxRuntime.jsx("div", { style: {
10688
- position: "absolute",
10689
- bottom: "28px",
10690
- right: "20px",
10691
- backgroundColor: badgeInfo.backgroundColor,
10692
- color: badgeInfo.textColor,
10685
+ backgroundColor: badgeInfo?.backgroundColor || "transparent",
10686
+ color: badgeInfo?.textColor || "transparent",
10693
10687
  fontSize: "11px",
10694
10688
  fontWeight: "bold",
10695
- padding: "3px 8px",
10689
+ padding: "1px 8px",
10690
+ display: "flex",
10691
+ marginLeft: "auto",
10692
+ marginTop: "-20px",
10693
+ marginBottom: "5px",
10696
10694
  borderRadius: "var(--bw-border-radius-small)",
10697
10695
  fontFamily: "var(--bw-font-family)",
10698
- boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
10699
10696
  zIndex: 50,
10700
10697
  whiteSpace: "nowrap",
10701
- }, children: badgeInfo.text }));
10698
+ width: "fit-content",
10699
+ }, children: badgeInfo?.text || " - " }));
10702
10700
  };
10703
10701
  // Price Display Component (with special price styling)
10704
10702
  const PriceDisplay = ({ price, yearPrices }) => {
@@ -10711,13 +10709,27 @@ const PriceDisplay = ({ price, yearPrices }) => {
10711
10709
  fontSize: "var(--bw-font-size-medium)",
10712
10710
  fontWeight: "600",
10713
10711
  padding: "3px 8px",
10714
- marginTop: "-3px",
10715
10712
  borderRadius: "var(--bw-border-radius-small)",
10716
10713
  fontFamily: "var(--bw-font-family)",
10717
10714
  border: displayInfo ? "none" : "1px solid var(--bw-border-color)",
10718
10715
  boxShadow: displayInfo ? "0 2px 4px rgba(0, 0, 0, 0.2)" : "none",
10719
10716
  }, children: formatCurrency(price) }));
10720
10717
  };
10718
+ const spinner = (borderColor) => (jsxRuntime.jsx("div", { style: {
10719
+ width: "auto",
10720
+ height: "auto",
10721
+ fontSize: "16px",
10722
+ color: "var(--bw-text-color)",
10723
+ animation: "spin 1s linear infinite",
10724
+ display: "flex",
10725
+ justifyContent: "center",
10726
+ alignItems: "center",
10727
+ }, children: jsxRuntime.jsx("div", { style: {
10728
+ width: "16px",
10729
+ height: "16px",
10730
+ border: `3px dotted ${"var(--bw-highlight-color)"}`,
10731
+ borderRadius: "50%",
10732
+ } }) }));
10721
10733
  function EventInstanceSelection({ eventInstances, selectedEventType, onEventInstanceSelect, onBackToEventTypes, isOpen, onClose, isLoadingEventInstances = false, isLoadingEventDetails = false, }) {
10722
10734
  const [selectedEventInstanceId, setSelectedEventInstanceId] = React__default.useState(null);
10723
10735
  const [openMonths, setOpenMonths] = React__default.useState(new Set());
@@ -10794,7 +10806,6 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
10794
10806
  .bw-accordion-trigger,
10795
10807
  .bw-event-instance-card {
10796
10808
  position: relative;
10797
- overflow: hidden;
10798
10809
  }
10799
10810
 
10800
10811
  .bw-accordion-trigger::before,
@@ -10843,14 +10854,11 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
10843
10854
  height: 32px !important;
10844
10855
  font-size: 1rem !important;
10845
10856
  }
10846
- .bw-event-instance-title {
10847
- font-size: 1rem !important;
10848
- }
10849
10857
  .bw-event-instance-price {
10850
10858
  font-size: 1.1rem !important;
10851
10859
  }
10852
10860
  }
10853
- ` }), jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `${selectedEventType?.name} Terminauswahl`, width: "500px", children: jsxRuntime.jsx("div", { className: "bw-event-instance-list", style: { padding: "24px" }, children: jsxRuntime.jsx("div", { style: {
10861
+ ` }), jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `${selectedEventType?.name} Terminauswahl`, children: jsxRuntime.jsx("div", { className: "bw-event-instance-list", style: { padding: "24px" }, children: jsxRuntime.jsx("div", { style: {
10854
10862
  display: "flex",
10855
10863
  flexDirection: "column",
10856
10864
  gap: "20px",
@@ -10952,13 +10960,7 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
10952
10960
  height: "20px",
10953
10961
  backgroundColor: "var(--bw-border-color)",
10954
10962
  borderRadius: "8px",
10955
- } })] }), eventIdx === 0 && (jsxRuntime.jsx("div", { style: {
10956
- width: "90%",
10957
- height: "12px",
10958
- backgroundColor: "var(--bw-border-color)",
10959
- borderRadius: "4px",
10960
- marginTop: "8px",
10961
- } }))] }, eventIdx))) })] }, idx))) }) }) })] }));
10963
+ } })] })] }, eventIdx))) })] }, idx))) }) }) })] }));
10962
10964
  }
10963
10965
  // Show empty state only if not loading and no event instances
10964
10966
  if (eventInstances.length === 0) {
@@ -10967,7 +10969,6 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
10967
10969
  .bw-accordion-trigger,
10968
10970
  .bw-event-instance-card {
10969
10971
  position: relative;
10970
- overflow: hidden;
10971
10972
  }
10972
10973
 
10973
10974
  .bw-accordion-trigger::before,
@@ -11016,9 +11017,6 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11016
11017
  height: 32px !important;
11017
11018
  font-size: 1rem !important;
11018
11019
  }
11019
- .bw-event-instance-title {
11020
- font-size: 1rem !important;
11021
- }
11022
11020
  .bw-event-instance-price {
11023
11021
  font-size: 1.1rem !important;
11024
11022
  }
@@ -11049,7 +11047,6 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11049
11047
  .bw-accordion-trigger,
11050
11048
  .bw-event-instance-card {
11051
11049
  position: relative;
11052
- overflow: hidden;
11053
11050
  }
11054
11051
 
11055
11052
  .bw-accordion-trigger::before,
@@ -11098,14 +11095,11 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11098
11095
  height: 32px !important;
11099
11096
  font-size: 1rem !important;
11100
11097
  }
11101
- .bw-event-instance-title {
11102
- font-size: 1rem !important;
11103
- }
11104
11098
  .bw-event-instance-price {
11105
11099
  font-size: 1.1rem !important;
11106
11100
  }
11107
11101
  }
11108
- ` }), jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `Terminauswahl - ${selectedEventType?.name || "Event"}`, width: "500px", children: jsxRuntime.jsx("div", { className: "bw-event-instance-list", style: { padding: "24px" }, children: jsxRuntime.jsx("div", { style: {
11102
+ ` }), jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: handleClose, title: `Terminauswahl - ${selectedEventType?.name || "Event"}`, children: jsxRuntime.jsx("div", { className: "bw-event-instance-list", style: { padding: "24px" }, children: jsxRuntime.jsx("div", { style: {
11109
11103
  display: "flex",
11110
11104
  flexDirection: "column",
11111
11105
  gap: "20px",
@@ -11180,7 +11174,7 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11180
11174
  color: "var(--bw-highlight-color-muted, rgba(59, 130, 246, 0.8))",
11181
11175
  animation: "spin 1s linear infinite",
11182
11176
  fontSize: "32px",
11183
- }, children: "\u27F3" }) })), jsxRuntime.jsx(SpecialPriceBadge, { price: event.price, yearPrices: yearPrices }), jsxRuntime.jsx(AllocationBadge, { availableSpots: availableSpots, maxParticipants: event.maxParticipants }), jsxRuntime.jsxs("div", { style: {
11177
+ }, children: spinner() }) })), jsxRuntime.jsx(SpecialPriceBadge, { price: event.price, yearPrices: yearPrices }), jsxRuntime.jsx(AllocationBadge, { availableSpots: availableSpots, maxParticipants: event.maxParticipants }), jsxRuntime.jsxs("div", { style: {
11184
11178
  display: "flex",
11185
11179
  justifyContent: "space-between",
11186
11180
  width: "100%",
@@ -11209,12 +11203,21 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11209
11203
  alignItems: "start",
11210
11204
  justifyContent: "start",
11211
11205
  lineHeight: "1.2",
11212
- }, children: [jsxRuntime.jsx("span", { className: "bw-event-instance-title", style: { fontWeight: "600", marginBottom: "2px" }, children: formatWeekday(event.startTime) }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: formatTime(event.startTime) })] })] }), jsxRuntime.jsx("div", { className: "bw-event-instance-price", style: {
11206
+ }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { className: "bw-event-instance-title", style: { fontWeight: "600", marginBottom: "2px" }, children: formatWeekday(event.startTime) }), formatWeekday(event.startTime) !==
11207
+ formatWeekday(event.endTime) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: " - " }), jsxRuntime.jsx("span", { className: "bw-event-instance-title", style: { fontWeight: "600", marginBottom: "2px" }, children: formatWeekday(event.endTime) })] }))] }), jsxRuntime.jsx("div", { children: formatWeekday(event.startTime) ===
11208
+ formatWeekday(event.endTime) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: formatTime(event.startTime) }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: " - " }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: formatTime(event.endTime) })] })) : (jsxRuntime.jsxs("span", { style: { color: "var(--bw-text-muted)", fontSize: "14px" }, children: [formatTime(event.startTime), " Uhr"] })) })] }), jsxRuntime.jsxs("span", { style: {
11209
+ fontSize: "12px",
11210
+ fontWeight: 400,
11211
+ color: "var(--bw-text-muted)",
11212
+ marginLeft: "6px",
11213
+ background: "var(--bw-background-muted)",
11214
+ whiteSpace: "nowrap",
11215
+ }, children: [event.durationDays, " Tag", event.durationDays > 1 ? "e" : ""] })] }), jsxRuntime.jsx("div", { className: "bw-event-instance-price", style: {
11213
11216
  textAlign: "right",
11214
11217
  display: "flex",
11215
11218
  flexDirection: "column",
11216
11219
  alignItems: "end",
11217
- }, children: jsxRuntime.jsx(PriceDisplay, { price: event.price, yearPrices: yearPrices }) })] }), jsxRuntime.jsxs("h4", { className: "bw-event-instance-title", style: {
11220
+ }, children: jsxRuntime.jsx(PriceDisplay, { price: event.price, yearPrices: yearPrices }) })] }), event.name !== selectedEventType?.name && (jsxRuntime.jsx("h4", { className: "bw-event-instance-title", style: {
11218
11221
  fontSize: "var(--bw-font-size)",
11219
11222
  fontWeight: "600",
11220
11223
  color: "var(--bw-text-color)",
@@ -11223,26 +11226,8 @@ function EventInstanceSelection({ eventInstances, selectedEventType, onEventInst
11223
11226
  display: "flex",
11224
11227
  alignItems: "center",
11225
11228
  gap: "8px",
11226
- }, children: [event.name, jsxRuntime.jsxs("span", { style: {
11227
- fontSize: "12px",
11228
- fontWeight: 400,
11229
- color: "var(--bw-text-muted)",
11230
- marginLeft: "6px",
11231
- background: "var(--bw-background-muted)",
11232
- borderRadius: "8px",
11233
- padding: "2px 8px",
11234
- whiteSpace: "nowrap",
11235
- }, children: [event.durationDays, " Tag", event.durationDays > 1 ? "e" : ""] })] }), event.notes && (jsxRuntime.jsx("p", { style: {
11236
- fontSize: "12px",
11237
- color: "var(--bw-text-muted)",
11238
- marginTop: "8px",
11239
- display: "-webkit-box",
11240
- WebkitBoxOrient: "vertical",
11241
- WebkitLineClamp: 2,
11242
- overflow: "hidden",
11243
- margin: "0",
11244
- lineHeight: "1.3",
11245
- }, children: event.notes }))] }, event.id));
11229
+ maxWidth: "230px",
11230
+ }, children: event.name }))] }, event.id));
11246
11231
  }) }) }, month));
11247
11232
  }) }) }) })] }));
11248
11233
  }