@mj-biz-apps/orders-ng 5.22.0 → 5.23.0

package/dist/checkout-element/main.js

@@ -36506,13 +36506,114 @@ function CheckAnswersAgainstQuestions(questions, answers) {
   return { Answers: resolved };
 }
 
+// ../Entities/dist/checkout-choices.js
+var MAX_CHECKOUT_CHOICE_KEY_LENGTH = 100;
+var MAX_CHECKOUT_CHOICE_LABEL_LENGTH = 500;
+var INVALID_CHECKOUT_CHOICE_GROUPS_MESSAGE = "This checkout is not configured correctly (its choices are invalid).";
+function CheckoutChoiceOptionValue(option) {
+  return typeof option === "string" ? option : option.value;
+}
+function CheckoutChoiceOptionLabel(option) {
+  return typeof option === "string" ? option : option.label;
+}
+function ReadCheckoutChoiceGroups(raw) {
+  if (raw === void 0 || raw === null)
+    return { Groups: [] };
+  if (!Array.isArray(raw))
+    return { Groups: [], Error: INVALID_CHECKOUT_CHOICE_GROUPS_MESSAGE };
+  const keys = /* @__PURE__ */ new Set();
+  for (const g of raw) {
+    if (!IsValidChoiceGroup(g) || keys.has(g.key)) {
+      return { Groups: [], Error: INVALID_CHECKOUT_CHOICE_GROUPS_MESSAGE };
+    }
+    keys.add(g.key);
+  }
+  return { Groups: raw };
+}
+function IsValidChoiceGroup(g) {
+  if (!g || typeof g !== "object")
+    return false;
+  const c = g;
+  if (typeof c.key !== "string" || !c.key.trim() || c.key.length > MAX_CHECKOUT_CHOICE_KEY_LENGTH)
+    return false;
+  if (typeof c.label !== "string" || !c.label.trim() || c.label.length > MAX_CHECKOUT_CHOICE_LABEL_LENGTH)
+    return false;
+  if (!Array.isArray(c.options) || c.options.length === 0)
+    return false;
+  const values = /* @__PURE__ */ new Set();
+  for (const o of c.options) {
+    const value = typeof o === "string" ? o : o && typeof o === "object" ? o.value : void 0;
+    const label = typeof o === "string" ? o : o && typeof o === "object" ? o.label : void 0;
+    if (typeof value !== "string" || !value || value.length > MAX_CHECKOUT_CHOICE_KEY_LENGTH || values.has(value))
+      return false;
+    if (typeof label !== "string" || !label || label.length > MAX_CHECKOUT_CHOICE_LABEL_LENGTH)
+      return false;
+    values.add(value);
+  }
+  if (!Number.isInteger(c.min) || !Number.isInteger(c.max))
+    return false;
+  const min = c.min;
+  const max = c.max;
+  return min >= 0 && max >= 1 && min <= max && max <= values.size;
+}
+function DescribeChoiceCount(group) {
+  if (group.min === group.max)
+    return `exactly ${group.min}`;
+  if (group.min === 0)
+    return `up to ${group.max}`;
+  return `${group.min} to ${group.max}`;
+}
+function CheckChoicesAgainstGroups(groups, picks, options) {
+  const refuse = (error) => ({ Choices: [], Error: error });
+  if (picks !== void 0 && picks !== null && (typeof picks !== "object" || Array.isArray(picks))) {
+    return refuse("The checkout choices could not be read.");
+  }
+  const input2 = picks ?? {};
+  const offered = new Set(groups.map((g) => g.key));
+  for (const key of Object.keys(input2)) {
+    if (!offered.has(key))
+      return refuse("A choice was sent for a group this checkout does not offer.");
+  }
+  const resolved = [];
+  for (const g of groups) {
+    const raw = input2[g.key];
+    if (raw !== void 0 && raw !== null && !Array.isArray(raw)) {
+      return refuse(`The choices for "${g.label}" could not be read.`);
+    }
+    const chosen = /* @__PURE__ */ new Set();
+    for (const v of raw ?? []) {
+      if (typeof v !== "string")
+        return refuse(`The choices for "${g.label}" could not be read.`);
+      chosen.add(v);
+    }
+    for (const v of chosen) {
+      if (!g.options.some((o) => CheckoutChoiceOptionValue(o) === v)) {
+        return refuse(`"${v}" is not one of the options for "${g.label}".`);
+      }
+    }
+    if (chosen.size > g.max || !options?.partial && chosen.size < g.min) {
+      return refuse(`Please choose ${DescribeChoiceCount(g)} for "${g.label}".`);
+    }
+    for (const o of g.options) {
+      const value = CheckoutChoiceOptionValue(o);
+      if (!chosen.has(value))
+        continue;
+      resolved.push({ GroupKey: g.key, GroupLabel: g.label, OptionValue: value, OptionLabel: CheckoutChoiceOptionLabel(o) });
+    }
+  }
+  return { Choices: resolved };
+}
+
 // dist/lib/checkout-widget/checkout-widget.component.js
-var _forTrack0 = ($index, $item) => $item.name;
-var _forTrack1 = ($index, $item) => $item.value;
-var _forTrack2 = ($index, $item) => $item.key;
+var _forTrack0 = ($index, $item) => $item.key;
+var _forTrack1 = ($index, $item) => $item.name;
+var _forTrack2 = ($index, $item) => $item.value;
 function _forTrack3($index, $item) {
   return this.optionValue($item);
 }
+function _forTrack4($index, $item) {
+  return this.choiceValue($item);
+}
 function MJCheckoutWidgetComponent_Conditional_4_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "p", 3);
@@ -36659,7 +36760,7 @@ function MJCheckoutWidgetComponent_Conditional_17_For_4_Case_5_Template(rf, ctx)
     \u0275\u0275elementStart(1, "option", 37);
     \u0275\u0275text(2);
     \u0275\u0275elementEnd();
-    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_17_For_4_Case_5_For_4_Template, 2, 2, "option", 37, _forTrack1);
+    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_17_For_4_Case_5_For_4_Template, 2, 2, "option", 37, _forTrack2);
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
@@ -36784,7 +36885,7 @@ function MJCheckoutWidgetComponent_Conditional_17_Template(rf, ctx) {
     \u0275\u0275text(1, "Details");
     \u0275\u0275elementEnd();
     \u0275\u0275elementStart(2, "div", 24);
-    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_17_For_4_Template, 10, 5, "div", 25, _forTrack0);
+    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_17_For_4_Template, 10, 5, "div", 25, _forTrack1);
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
@@ -36849,7 +36950,7 @@ function MJCheckoutWidgetComponent_Conditional_18_For_7_For_5_Case_5_Template(rf
     \u0275\u0275elementStart(1, "option", 37);
     \u0275\u0275text(2);
     \u0275\u0275elementEnd();
-    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_18_For_7_For_5_Case_5_For_4_Template, 2, 2, "option", 37, _forTrack1);
+    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_18_For_7_For_5_Case_5_For_4_Template, 2, 2, "option", 37, _forTrack2);
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
@@ -36977,7 +37078,7 @@ function MJCheckoutWidgetComponent_Conditional_18_For_7_Template(rf, ctx) {
     \u0275\u0275text(2);
     \u0275\u0275elementEnd();
     \u0275\u0275elementStart(3, "div", 24);
-    \u0275\u0275repeaterCreate(4, MJCheckoutWidgetComponent_Conditional_18_For_7_For_5_Template, 10, 5, "div", 25, _forTrack0);
+    \u0275\u0275repeaterCreate(4, MJCheckoutWidgetComponent_Conditional_18_For_7_For_5_Template, 10, 5, "div", 25, _forTrack1);
     \u0275\u0275elementEnd()();
   }
   if (rf & 2) {
@@ -37131,7 +37232,7 @@ function MJCheckoutWidgetComponent_Conditional_19_Template(rf, ctx) {
     \u0275\u0275text(2, "A few questions");
     \u0275\u0275elementEnd();
     \u0275\u0275elementStart(3, "div", 24);
-    \u0275\u0275repeaterCreate(4, MJCheckoutWidgetComponent_Conditional_19_For_5_Template, 6, 4, "div", 47, _forTrack2);
+    \u0275\u0275repeaterCreate(4, MJCheckoutWidgetComponent_Conditional_19_For_5_Template, 6, 4, "div", 47, _forTrack0);
     \u0275\u0275elementEnd()();
   }
   if (rf & 2) {
@@ -37140,23 +37241,82 @@ function MJCheckoutWidgetComponent_Conditional_19_Template(rf, ctx) {
     \u0275\u0275repeater(ctx_r0.questions());
   }
 }
-function MJCheckoutWidgetComponent_Conditional_20_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_For_21_Conditional_6_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "span", 28);
+    \u0275\u0275text(1, "*");
+    \u0275\u0275elementEnd();
+  }
+}
+function MJCheckoutWidgetComponent_For_21_For_9_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r29 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "label", 31)(1, "input", 57);
+    \u0275\u0275listener("change", function MJCheckoutWidgetComponent_For_21_For_9_Template_input_change_1_listener() {
+      const opt_r30 = \u0275\u0275restoreView(_r29).$implicit;
+      const group_r31 = \u0275\u0275nextContext().$implicit;
+      const ctx_r0 = \u0275\u0275nextContext();
+      return \u0275\u0275resetView(ctx_r0.toggleChoice(group_r31, ctx_r0.choiceValue(opt_r30)));
+    });
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(2, "span");
+    \u0275\u0275text(3);
+    \u0275\u0275elementEnd()();
+  }
+  if (rf & 2) {
+    const opt_r30 = ctx.$implicit;
+    const group_r31 = \u0275\u0275nextContext().$implicit;
+    const ctx_r0 = \u0275\u0275nextContext();
+    \u0275\u0275classProp("is-disabled", ctx_r0.isGroupFull(group_r31) && !ctx_r0.isChosen(group_r31.key, ctx_r0.choiceValue(opt_r30)));
+    \u0275\u0275advance();
+    \u0275\u0275property("checked", ctx_r0.isChosen(group_r31.key, ctx_r0.choiceValue(opt_r30)))("disabled", ctx_r0.isGroupFull(group_r31) && !ctx_r0.isChosen(group_r31.key, ctx_r0.choiceValue(opt_r30)));
+    \u0275\u0275advance(2);
+    \u0275\u0275textInterpolate(ctx_r0.choiceLabel(opt_r30));
+  }
+}
+function MJCheckoutWidgetComponent_For_21_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "section", 53)(1, "h3", 23);
+    \u0275\u0275elementStart(0, "section", 14)(1, "fieldset", 53)(2, "legend", 23);
+    \u0275\u0275text(3);
+    \u0275\u0275elementStart(4, "span", 54);
+    \u0275\u0275text(5);
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(6, MJCheckoutWidgetComponent_For_21_Conditional_6_Template, 2, 0, "span", 28);
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(7, "div", 55);
+    \u0275\u0275repeaterCreate(8, MJCheckoutWidgetComponent_For_21_For_9_Template, 4, 5, "label", 56, _forTrack4, true);
+    \u0275\u0275elementEnd()()();
+  }
+  if (rf & 2) {
+    const group_r31 = ctx.$implicit;
+    const ctx_r0 = \u0275\u0275nextContext();
+    \u0275\u0275advance(3);
+    \u0275\u0275textInterpolate1(" ", group_r31.label, " ");
+    \u0275\u0275advance(2);
+    \u0275\u0275textInterpolate1("(choose ", ctx_r0.choiceCount(group_r31), ")");
+    \u0275\u0275advance();
+    \u0275\u0275conditional(group_r31.min > 0 ? 6 : -1);
+    \u0275\u0275advance(2);
+    \u0275\u0275repeater(group_r31.options);
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_22_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "section", 58)(1, "h3", 23);
     \u0275\u0275text(2, "Payment");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(3, "div", 54);
-    \u0275\u0275element(4, "div", 55);
-    \u0275\u0275elementStart(5, "div", 56)(6, "span", 57);
+    \u0275\u0275elementStart(3, "div", 59);
+    \u0275\u0275element(4, "div", 60);
+    \u0275\u0275elementStart(5, "div", 61)(6, "span", 62);
     \u0275\u0275text(7, "\u{1F512}");
     \u0275\u0275elementEnd();
     \u0275\u0275elementStart(8, "span");
     \u0275\u0275text(9, "Secured by Stripe \u2022 PCI-DSS Level 1 Certified \u2022 End-to-end Encrypted");
     \u0275\u0275elementEnd()()()();
-    \u0275\u0275elementStart(10, "div", 58)(11, "span", 59);
+    \u0275\u0275elementStart(10, "div", 63)(11, "span", 64);
     \u0275\u0275text(12, "Total Due");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(13, "span", 60);
+    \u0275\u0275elementStart(13, "span", 65);
     \u0275\u0275text(14);
     \u0275\u0275elementEnd()();
   }
@@ -37166,22 +37326,22 @@ function MJCheckoutWidgetComponent_Conditional_20_Template(rf, ctx) {
     \u0275\u0275textInterpolate2("", ctx_r0.currencySymbol(), "", ctx_r0.totalGross().toFixed(2));
   }
 }
-function MJCheckoutWidgetComponent_Conditional_23_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_25_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275element(0, "span", 61);
+    \u0275\u0275element(0, "span", 66);
     \u0275\u0275elementStart(1, "span");
     \u0275\u0275text(2, "Processing...");
     \u0275\u0275elementEnd();
   }
 }
-function MJCheckoutWidgetComponent_Conditional_24_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_26_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "span");
     \u0275\u0275text(1, "Complete Free Registration");
     \u0275\u0275elementEnd();
   }
 }
-function MJCheckoutWidgetComponent_Conditional_25_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_27_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "span");
     \u0275\u0275text(1);
@@ -37250,6 +37410,38 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
   answersAreComplete() {
     return !CheckAnswersAgainstQuestions(this.questions(), this.answers()).Error;
   }
+  /** The widget's choice groups. A malformed list shows none here; the server refuses the checkout. */
+  choiceGroups = computed(() => ReadCheckoutChoiceGroups(this._config()?.choiceGroups).Groups, ...ngDevMode ? [{ debugName: "choiceGroups" }] : []);
+  choices = signal({}, ...ngDevMode ? [{ debugName: "choices" }] : []);
+  choiceValue = CheckoutChoiceOptionValue;
+  choiceLabel = CheckoutChoiceOptionLabel;
+  choiceCount = DescribeChoiceCount;
+  isChosen(groupKey, value) {
+    return (this.choices()[groupKey] ?? []).includes(value);
+  }
+  /**
+   * Pick or unpick an option. A group of one swaps the pick, as a radio would; a larger group
+   * stops at its maximum, and the template disables the rest until one is unpicked.
+   */
+  toggleChoice(group, value) {
+    this.choices.update((current) => {
+      const picked = current[group.key] ?? [];
+      if (picked.includes(value))
+        return { ...current, [group.key]: picked.filter((v) => v !== value) };
+      if (group.max === 1)
+        return { ...current, [group.key]: [value] };
+      if (picked.length >= group.max)
+        return current;
+      return { ...current, [group.key]: [...picked, value] };
+    });
+  }
+  /** True when the group is full, so its unpicked options are disabled. */
+  isGroupFull(group) {
+    return group.max > 1 && (this.choices()[group.key] ?? []).length >= group.max;
+  }
+  choicesAreComplete() {
+    return !CheckChoicesAgainstGroups(this.choiceGroups(), this.choices()).Error;
+  }
   // Form state signals
   email = signal("", ...ngDevMode ? [{ debugName: "email" }] : []);
   firstName = signal("", ...ngDevMode ? [{ debugName: "firstName" }] : []);
@@ -37532,6 +37724,8 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         return false;
       if (!this.answersAreComplete())
         return false;
+      if (!this.choicesAreComplete())
+        return false;
       if (!this.isFree() && !this.isPaymentReady)
         return false;
       return true;
@@ -37569,7 +37763,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         }
       }
     }
-    if (!this.answersAreComplete()) {
+    if (!this.answersAreComplete() || !this.choicesAreComplete()) {
       return false;
     }
     if (!this.isFree() && !this.isPaymentReady) {
@@ -37595,6 +37789,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       },
       totalGross: this.totalGross(),
       answers: this.answers(),
+      choices: this.choices(),
       stripePaymentMethodId: this.isFree() ? void 0 : this.stripePaymentMethodId ?? void 0,
       sessionKey: finalSessionKey
     };
@@ -37614,7 +37809,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
   static \u0275fac = function MJCheckoutWidgetComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _MJCheckoutWidgetComponent)(\u0275\u0275directiveInject(ElementRef), \u0275\u0275directiveInject(Renderer2));
   };
-  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _MJCheckoutWidgetComponent, selectors: [["mj-checkout-widget"]], inputs: { config: "config", distributionSlug: "distributionSlug", sessionKey: "sessionKey", isProcessing: "isProcessing", errorMessage: "errorMessage", isPaymentReady: "isPaymentReady", stripePaymentMethodId: "stripePaymentMethodId", prefillEmail: "prefillEmail" }, outputs: { submitted: "submitted", cancelled: "cancelled" }, features: [\u0275\u0275NgOnChangesFeature], decls: 28, vars: 25, consts: [[1, "mj-checkout-widget-container"], [1, "mj-widget-header"], [1, "mj-widget-title"], [1, "mj-widget-description"], ["role", "alert", 1, "mj-widget-error-banner"], [1, "mj-widget-summary-card"], [1, "mj-summary-row"], [1, "mj-summary-item-info"], [1, "mj-product-name"], [1, "mj-badge-free"], [1, "mj-summary-price"], [1, "mj-price-free"], [1, "mj-price-amount"], [1, "mj-quantity-selector-row"], [1, "mj-widget-form-section"], [1, "mj-widget-actions"], ["type", "button", 1, "mj-btn-submit", 3, "click", "disabled"], ["type", "button", 1, "mj-btn-cancel", 3, "click", "disabled"], [1, "mj-error-icon"], ["for", "quantityInput", 1, "mj-label"], [1, "mj-qty-controls"], ["type", "button", 1, "mj-qty-btn", 3, "click", "disabled"], ["id", "quantityInput", "type", "number", "min", "1", 1, "mj-qty-input", 3, "ngModelChange", "ngModel", "max"], [1, "mj-section-title"], [1, "mj-form-grid"], [1, "mj-form-group", 3, "full-width"], [1, "mj-form-group"], [1, "mj-label"], [1, "mj-required"], [1, "mj-input", "mj-textarea", 3, "ngModel", "placeholder", "required"], [1, "mj-select", 3, "ngModel", "required"], [1, "mj-checkbox-label"], ["type", "number", 1, "mj-input", 3, "ngModel", "placeholder", "required"], ["type", "date", 1, "mj-input", 3, "ngModel", "required"], [1, "mj-input", 3, "type", "ngModel", "placeholder", "required"], [1, "mj-input", "mj-textarea", 3, "ngModelChange", "ngModel", "placeholder", "required"], [1, "mj-select", 3, "ngModelChange", "ngModel", "required"], [3, "ngValue"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], ["type", "number", 1, "mj-input", 3, "ngModelChange", "ngModel", "placeholder", "required"], ["type", "date", 1, "mj-input", 3, "ngModelChange", "ngModel", "required"], [1, "mj-input", 3, "ngModelChange", "type", "ngModel", "placeholder", "required"], [1, "mj-multi-attendee-header"], ["type", "button", 1, "mj-btn-link", 3, "click"], [1, "mj-attendee-matrix"], [1, "mj-attendee-card"], [1, "mj-attendee-card-title"], [1, "mj-form-group", "full-width"], ["type", "text", 1, "mj-input", 3, "id", "ngModel", "required"], [1, "mj-select", 3, "ngModelChange", "id", "ngModel", "required"], ["type", "text", "placeholder", "Please specify", "required", "", 1, "mj-input", "mj-question-other", 3, "ngModel"], ["type", "text", "placeholder", "Please specify", "required", "", 1, "mj-input", "mj-question-other", 3, "ngModelChange", "ngModel"], ["type", "text", 1, "mj-input", 3, "ngModelChange", "id", "ngModel", "required"], [1, "mj-widget-payment-section"], [1, "mj-stripe-container"], ["id", "stripe-card-element", 1, "mj-stripe-mount-point"], [1, "mj-stripe-badge"], [1, "mj-stripe-lock-icon"], [1, "mj-checkout-total-row"], [1, "mj-total-label"], [1, "mj-total-amount"], [1, "mj-spinner"]], template: function MJCheckoutWidgetComponent_Template(rf, ctx) {
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _MJCheckoutWidgetComponent, selectors: [["mj-checkout-widget"]], inputs: { config: "config", distributionSlug: "distributionSlug", sessionKey: "sessionKey", isProcessing: "isProcessing", errorMessage: "errorMessage", isPaymentReady: "isPaymentReady", stripePaymentMethodId: "stripePaymentMethodId", prefillEmail: "prefillEmail" }, outputs: { submitted: "submitted", cancelled: "cancelled" }, features: [\u0275\u0275NgOnChangesFeature], decls: 30, vars: 25, consts: [[1, "mj-checkout-widget-container"], [1, "mj-widget-header"], [1, "mj-widget-title"], [1, "mj-widget-description"], ["role", "alert", 1, "mj-widget-error-banner"], [1, "mj-widget-summary-card"], [1, "mj-summary-row"], [1, "mj-summary-item-info"], [1, "mj-product-name"], [1, "mj-badge-free"], [1, "mj-summary-price"], [1, "mj-price-free"], [1, "mj-price-amount"], [1, "mj-quantity-selector-row"], [1, "mj-widget-form-section"], [1, "mj-widget-actions"], ["type", "button", 1, "mj-btn-submit", 3, "click", "disabled"], ["type", "button", 1, "mj-btn-cancel", 3, "click", "disabled"], [1, "mj-error-icon"], ["for", "quantityInput", 1, "mj-label"], [1, "mj-qty-controls"], ["type", "button", 1, "mj-qty-btn", 3, "click", "disabled"], ["id", "quantityInput", "type", "number", "min", "1", 1, "mj-qty-input", 3, "ngModelChange", "ngModel", "max"], [1, "mj-section-title"], [1, "mj-form-grid"], [1, "mj-form-group", 3, "full-width"], [1, "mj-form-group"], [1, "mj-label"], [1, "mj-required"], [1, "mj-input", "mj-textarea", 3, "ngModel", "placeholder", "required"], [1, "mj-select", 3, "ngModel", "required"], [1, "mj-checkbox-label"], ["type", "number", 1, "mj-input", 3, "ngModel", "placeholder", "required"], ["type", "date", 1, "mj-input", 3, "ngModel", "required"], [1, "mj-input", 3, "type", "ngModel", "placeholder", "required"], [1, "mj-input", "mj-textarea", 3, "ngModelChange", "ngModel", "placeholder", "required"], [1, "mj-select", 3, "ngModelChange", "ngModel", "required"], [3, "ngValue"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], ["type", "number", 1, "mj-input", 3, "ngModelChange", "ngModel", "placeholder", "required"], ["type", "date", 1, "mj-input", 3, "ngModelChange", "ngModel", "required"], [1, "mj-input", 3, "ngModelChange", "type", "ngModel", "placeholder", "required"], [1, "mj-multi-attendee-header"], ["type", "button", 1, "mj-btn-link", 3, "click"], [1, "mj-attendee-matrix"], [1, "mj-attendee-card"], [1, "mj-attendee-card-title"], [1, "mj-form-group", "full-width"], ["type", "text", 1, "mj-input", 3, "id", "ngModel", "required"], [1, "mj-select", 3, "ngModelChange", "id", "ngModel", "required"], ["type", "text", "placeholder", "Please specify", "required", "", 1, "mj-input", "mj-question-other", 3, "ngModel"], ["type", "text", "placeholder", "Please specify", "required", "", 1, "mj-input", "mj-question-other", 3, "ngModelChange", "ngModel"], ["type", "text", 1, "mj-input", 3, "ngModelChange", "id", "ngModel", "required"], [1, "mj-choice-group"], [1, "mj-choice-count"], [1, "mj-choice-options"], [1, "mj-checkbox-label", 3, "is-disabled"], ["type", "checkbox", 3, "change", "checked", "disabled"], [1, "mj-widget-payment-section"], [1, "mj-stripe-container"], ["id", "stripe-card-element", 1, "mj-stripe-mount-point"], [1, "mj-stripe-badge"], [1, "mj-stripe-lock-icon"], [1, "mj-checkout-total-row"], [1, "mj-total-label"], [1, "mj-total-amount"], [1, "mj-spinner"]], template: function MJCheckoutWidgetComponent_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 0)(1, "header", 1)(2, "h2", 2);
       \u0275\u0275text(3);
@@ -37636,18 +37831,19 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       \u0275\u0275conditionalCreate(17, MJCheckoutWidgetComponent_Conditional_17_Template, 5, 0)(18, MJCheckoutWidgetComponent_Conditional_18_Template, 8, 1);
       \u0275\u0275elementEnd();
       \u0275\u0275conditionalCreate(19, MJCheckoutWidgetComponent_Conditional_19_Template, 6, 0, "section", 14);
-      \u0275\u0275conditionalCreate(20, MJCheckoutWidgetComponent_Conditional_20_Template, 15, 2);
-      \u0275\u0275elementStart(21, "div", 15)(22, "button", 16);
-      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_22_listener() {
+      \u0275\u0275repeaterCreate(20, MJCheckoutWidgetComponent_For_21_Template, 10, 3, "section", 14, _forTrack0);
+      \u0275\u0275conditionalCreate(22, MJCheckoutWidgetComponent_Conditional_22_Template, 15, 2);
+      \u0275\u0275elementStart(23, "div", 15)(24, "button", 16);
+      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_24_listener() {
         return ctx.handleSubmit();
       });
-      \u0275\u0275conditionalCreate(23, MJCheckoutWidgetComponent_Conditional_23_Template, 3, 0)(24, MJCheckoutWidgetComponent_Conditional_24_Template, 2, 0, "span")(25, MJCheckoutWidgetComponent_Conditional_25_Template, 2, 2, "span");
+      \u0275\u0275conditionalCreate(25, MJCheckoutWidgetComponent_Conditional_25_Template, 3, 0)(26, MJCheckoutWidgetComponent_Conditional_26_Template, 2, 0, "span")(27, MJCheckoutWidgetComponent_Conditional_27_Template, 2, 2, "span");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(26, "button", 17);
-      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_26_listener() {
+      \u0275\u0275elementStart(28, "button", 17);
+      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_28_listener() {
         return ctx.cancelled.emit();
       });
-      \u0275\u0275text(27, " Cancel ");
+      \u0275\u0275text(29, " Cancel ");
       \u0275\u0275elementEnd()()();
     }
     if (rf & 2) {
@@ -37677,15 +37873,17 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       \u0275\u0275advance(2);
       \u0275\u0275conditional(ctx.questions().length > 0 ? 19 : -1);
       \u0275\u0275advance();
-      \u0275\u0275conditional(!ctx.isFree() ? 20 : -1);
+      \u0275\u0275repeater(ctx.choiceGroups());
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(!ctx.isFree() ? 22 : -1);
       \u0275\u0275advance(2);
       \u0275\u0275property("disabled", !ctx.isFormValid() || ctx.isProcessing);
       \u0275\u0275advance();
-      \u0275\u0275conditional(ctx.isProcessing ? 23 : ctx.isFree() ? 24 : 25);
+      \u0275\u0275conditional(ctx.isProcessing ? 25 : ctx.isFree() ? 26 : 27);
       \u0275\u0275advance(3);
       \u0275\u0275property("disabled", ctx.isProcessing);
     }
-  }, dependencies: [CommonModule, FormsModule, NgSelectOption, \u0275NgSelectMultipleOption, DefaultValueAccessor, NumberValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, NgControlStatus, RequiredValidator, MinValidator, MaxValidator, NgModel], styles: ['[_nghost-%COMP%] {\n    display: block;\n    font-family: var(--mj-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);\n    color: var(--mj-text-color, #1e293b);\n}\n\n.mj-checkout-widget-container[_ngcontent-%COMP%] {\n    max-width: 560px;\n    margin: 0 auto;\n    background: var(--mj-bg-color, #ffffff);\n    border: 1px solid #e2e8f0;\n    border-radius: var(--mj-border-radius, 8px);\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n}\n\n.mj-widget-header[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.mj-widget-title[_ngcontent-%COMP%] {\n    margin: 0 0 6px 0;\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: var(--mj-text-color, #0f172a);\n}\n\n.mj-widget-description[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n}\n\n.mj-widget-error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #fef2f2;\n    border: 1px solid #f87171;\n    color: #991b1b;\n    padding: 10px 14px;\n    border-radius: 6px;\n    margin-bottom: 18px;\n    font-size: 0.875rem;\n}\n\n.mj-error-icon[_ngcontent-%COMP%] {\n    font-size: 1rem;\n}\n\n.mj-widget-summary-card[_ngcontent-%COMP%] {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 14px 16px;\n    margin-bottom: 20px;\n}\n\n.mj-summary-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.mj-summary-price[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.mj-widget-form-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.mj-summary-item-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mj-product-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 1rem;\n    color: #1e293b;\n}\n\n.mj-badge-free[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.mj-price-free[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: #166534;\n    font-size: 1.1rem;\n}\n\n.mj-price-amount[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: #0f172a;\n    font-size: 1.1rem;\n}\n\n.mj-quantity-selector-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed #cbd5e1;\n}\n\n.mj-qty-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mj-qty-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    background: #ffffff;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    cursor: pointer;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-qty-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.mj-qty-input[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 28px;\n    text-align: center;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    font-weight: 600;\n}\n\n.mj-section-title[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: #334155;\n}\n\n.mj-form-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 18px;\n}\n\n.mj-form-group[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mj-form-group.full-width[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mj-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n}\n\n.mj-required[_ngcontent-%COMP%] {\n    color: #ef4444;\n}\n\n.mj-input[_ngcontent-%COMP%], .mj-select[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    font-size: 0.9rem;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    background: #ffffff;\n    color: #1e293b;\n    outline: none;\n    transition: border-color 0.15s ease;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.mj-textarea[_ngcontent-%COMP%] {\n    min-height: 70px;\n    resize: vertical;\n    font-family: inherit;\n}\n\n.mj-select[_ngcontent-%COMP%] {\n    min-height: 38px;\n}\n\n.mj-checkbox-label[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 0.9rem;\n    color: #334155;\n    margin-top: 4px;\n}\n\n\n\n.mj-question-other[_ngcontent-%COMP%] {\n    margin-top: 8px;\n}\n\n.mj-input[_ngcontent-%COMP%]:focus, .mj-select[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-primary-color, #2563eb);\n    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);\n}\n\n.mj-multi-attendee-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.mj-btn-link[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    color: var(--mj-primary-color, #2563eb);\n    font-size: 0.8rem;\n    cursor: pointer;\n    text-decoration: underline;\n    padding: 0;\n}\n\n.mj-attendee-matrix[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-bottom: 20px;\n}\n\n.mj-attendee-card[_ngcontent-%COMP%] {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 12px 14px;\n}\n\n.mj-attendee-card-title[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #475569;\n    margin-bottom: 10px;\n}\n\n\n\n.mj-widget-payment-section[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e2e8f0;\n}\n\n.mj-stripe-container[_ngcontent-%COMP%] {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 14px;\n    margin-bottom: 16px;\n}\n\n.mj-stripe-mount-point[_ngcontent-%COMP%] {\n    min-height: 40px;\n}\n\n.mj-stripe-badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 10px;\n    font-size: 0.75rem;\n    color: #64748b;\n}\n\n.mj-stripe-lock-icon[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n}\n\n.mj-checkout-total-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-top: 1px solid #e2e8f0;\n    margin-top: 10px;\n    margin-bottom: 18px;\n}\n\n.mj-total-label[_ngcontent-%COMP%] {\n    font-weight: 700;\n    font-size: 1.05rem;\n    color: #0f172a;\n}\n\n.mj-total-amount[_ngcontent-%COMP%] {\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: var(--mj-primary-color, #2563eb);\n}\n\n.mj-widget-actions[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 12px;\n    background: var(--mj-primary-color, #2563eb);\n    color: #ffffff;\n    font-size: 1rem;\n    font-weight: 600;\n    border: none;\n    border-radius: var(--mj-border-radius, 8px);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: opacity 0.15s ease;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%]:hover:not(:disabled) {\n    opacity: 0.92;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mj-btn-cancel[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px;\n    background: transparent;\n    color: #64748b;\n    font-size: 0.875rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    text-align: center;\n}\n\n.mj-btn-cancel[_ngcontent-%COMP%]:hover:not(:disabled) {\n    color: #334155;\n    text-decoration: underline;\n}\n\n.mj-spinner[_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ffffff;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: _ngcontent-%COMP%_mj-spin 0.8s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_mj-spin {\n    to { transform: rotate(360deg); }\n}'], changeDetection: 0 });
+  }, dependencies: [CommonModule, FormsModule, NgSelectOption, \u0275NgSelectMultipleOption, DefaultValueAccessor, NumberValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, NgControlStatus, RequiredValidator, MinValidator, MaxValidator, NgModel], styles: ['[_nghost-%COMP%] {\n    display: block;\n    font-family: var(--mj-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);\n    color: var(--mj-text-color, #1e293b);\n}\n\n.mj-checkout-widget-container[_ngcontent-%COMP%] {\n    max-width: 560px;\n    margin: 0 auto;\n    background: var(--mj-bg-color, #ffffff);\n    border: 1px solid #e2e8f0;\n    border-radius: var(--mj-border-radius, 8px);\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n}\n\n.mj-widget-header[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.mj-widget-title[_ngcontent-%COMP%] {\n    margin: 0 0 6px 0;\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: var(--mj-text-color, #0f172a);\n}\n\n.mj-widget-description[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n}\n\n.mj-widget-error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #fef2f2;\n    border: 1px solid #f87171;\n    color: #991b1b;\n    padding: 10px 14px;\n    border-radius: 6px;\n    margin-bottom: 18px;\n    font-size: 0.875rem;\n}\n\n.mj-error-icon[_ngcontent-%COMP%] {\n    font-size: 1rem;\n}\n\n.mj-widget-summary-card[_ngcontent-%COMP%] {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 14px 16px;\n    margin-bottom: 20px;\n}\n\n.mj-summary-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.mj-summary-price[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.mj-widget-form-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.mj-summary-item-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mj-product-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 1rem;\n    color: #1e293b;\n}\n\n.mj-badge-free[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.mj-price-free[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: #166534;\n    font-size: 1.1rem;\n}\n\n.mj-price-amount[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: #0f172a;\n    font-size: 1.1rem;\n}\n\n.mj-quantity-selector-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed #cbd5e1;\n}\n\n.mj-qty-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mj-qty-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    background: #ffffff;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    cursor: pointer;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-qty-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.mj-qty-input[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 28px;\n    text-align: center;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    font-weight: 600;\n}\n\n.mj-section-title[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: #334155;\n}\n\n.mj-form-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 18px;\n}\n\n.mj-form-group[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mj-form-group.full-width[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mj-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n}\n\n.mj-required[_ngcontent-%COMP%] {\n    color: #ef4444;\n}\n\n.mj-input[_ngcontent-%COMP%], .mj-select[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    font-size: 0.9rem;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    background: #ffffff;\n    color: #1e293b;\n    outline: none;\n    transition: border-color 0.15s ease;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.mj-textarea[_ngcontent-%COMP%] {\n    min-height: 70px;\n    resize: vertical;\n    font-family: inherit;\n}\n\n.mj-select[_ngcontent-%COMP%] {\n    min-height: 38px;\n}\n\n.mj-checkbox-label[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 0.9rem;\n    color: #334155;\n    margin-top: 4px;\n}\n\n\n\n.mj-question-other[_ngcontent-%COMP%] {\n    margin-top: 8px;\n}\n\n\n\n.mj-choice-group[_ngcontent-%COMP%] {\n    border: 0;\n    margin: 0;\n    padding: 0;\n}\n\n.mj-choice-count[_ngcontent-%COMP%] {\n    font-weight: normal;\n    color: #64748b;\n}\n\n.mj-choice-options[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mj-checkbox-label.is-disabled[_ngcontent-%COMP%] {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.mj-input[_ngcontent-%COMP%]:focus, .mj-select[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-primary-color, #2563eb);\n    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);\n}\n\n.mj-multi-attendee-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.mj-btn-link[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    color: var(--mj-primary-color, #2563eb);\n    font-size: 0.8rem;\n    cursor: pointer;\n    text-decoration: underline;\n    padding: 0;\n}\n\n.mj-attendee-matrix[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-bottom: 20px;\n}\n\n.mj-attendee-card[_ngcontent-%COMP%] {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 12px 14px;\n}\n\n.mj-attendee-card-title[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #475569;\n    margin-bottom: 10px;\n}\n\n\n\n.mj-widget-payment-section[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e2e8f0;\n}\n\n.mj-stripe-container[_ngcontent-%COMP%] {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 14px;\n    margin-bottom: 16px;\n}\n\n.mj-stripe-mount-point[_ngcontent-%COMP%] {\n    min-height: 40px;\n}\n\n.mj-stripe-badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 10px;\n    font-size: 0.75rem;\n    color: #64748b;\n}\n\n.mj-stripe-lock-icon[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n}\n\n.mj-checkout-total-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-top: 1px solid #e2e8f0;\n    margin-top: 10px;\n    margin-bottom: 18px;\n}\n\n.mj-total-label[_ngcontent-%COMP%] {\n    font-weight: 700;\n    font-size: 1.05rem;\n    color: #0f172a;\n}\n\n.mj-total-amount[_ngcontent-%COMP%] {\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: var(--mj-primary-color, #2563eb);\n}\n\n.mj-widget-actions[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 12px;\n    background: var(--mj-primary-color, #2563eb);\n    color: #ffffff;\n    font-size: 1rem;\n    font-weight: 600;\n    border: none;\n    border-radius: var(--mj-border-radius, 8px);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: opacity 0.15s ease;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%]:hover:not(:disabled) {\n    opacity: 0.92;\n}\n\n.mj-btn-submit[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mj-btn-cancel[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px;\n    background: transparent;\n    color: #64748b;\n    font-size: 0.875rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    text-align: center;\n}\n\n.mj-btn-cancel[_ngcontent-%COMP%]:hover:not(:disabled) {\n    color: #334155;\n    text-decoration: underline;\n}\n\n.mj-spinner[_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ffffff;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: _ngcontent-%COMP%_mj-spin 0.8s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_mj-spin {\n    to { transform: rotate(360deg); }\n}'], changeDetection: 0 });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MJCheckoutWidgetComponent, [{
@@ -37960,6 +38158,35 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         </section>
     }
 
+    <!-- Choice groups from the widget's Configuration; the picks are recorded on the order line -->
+    @for (group of choiceGroups(); track group.key) {
+        <section class="mj-widget-form-section">
+            <fieldset class="mj-choice-group">
+                <legend class="mj-section-title">
+                    {{ group.label }}
+                    <span class="mj-choice-count">(choose {{ choiceCount(group) }})</span>
+                    @if (group.min > 0) {
+                        <span class="mj-required">*</span>
+                    }
+                </legend>
+                <div class="mj-choice-options">
+                    @for (opt of group.options; track choiceValue(opt)) {
+                        <label
+                            class="mj-checkbox-label"
+                            [class.is-disabled]="isGroupFull(group) && !isChosen(group.key, choiceValue(opt))">
+                            <input
+                                type="checkbox"
+                                [checked]="isChosen(group.key, choiceValue(opt))"
+                                [disabled]="isGroupFull(group) && !isChosen(group.key, choiceValue(opt))"
+                                (change)="toggleChoice(group, choiceValue(opt))" />
+                            <span>{{ choiceLabel(opt) }}</span>
+                        </label>
+                    }
+                </div>
+            </fieldset>
+        </section>
+    }
+
     <!-- Stripe Embedded Payment Section -->
     @if (!isFree()) {
         <section class="mj-widget-payment-section">
@@ -38221,6 +38448,29 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
     margin-top: 8px;
 }
 
+/* A choice group: its options stacked, with how many to pick beside the heading. */
+.mj-choice-group {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+.mj-choice-count {
+    font-weight: normal;
+    color: #64748b;
+}
+
+.mj-choice-options {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.mj-checkbox-label.is-disabled {
+    cursor: not-allowed;
+    opacity: 0.55;
+}
+
 .mj-input:focus, .mj-select:focus {
     border-color: var(--mj-primary-color, #2563eb);
     box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
@@ -38404,7 +38654,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MJCheckoutWidgetComponent, { className: "MJCheckoutWidgetComponent", filePath: "lib/checkout-widget/checkout-widget.component.ts", lineNumber: 130 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MJCheckoutWidgetComponent, { className: "MJCheckoutWidgetComponent", filePath: "lib/checkout-widget/checkout-widget.component.ts", lineNumber: 142 });
 })();
 
 // dist/lib/checkout-widget/checkout-draft-line.js
@@ -38867,7 +39117,8 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
         email: event.email,
         lines: [line],
         answers: event.answers,
-        ...this.attributionSource ? { attribution: { source: this.attributionSource, reference: this.attributionReference } } : {}
+        ...this.attributionSource ? { attribution: { source: this.attributionSource, reference: this.attributionReference } } : {},
+        choices: event.choices
       });
       if (!draft?.Success) {
         throw new Error(this.str(draft?.ErrorMessage, "Could not price this checkout."));

package/dist/lib/checkout-widget/checkout-public-host.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkout-public-host.component.d.ts","sourceRoot":"","sources":["../../../src/lib/checkout-widget/checkout-public-host.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkout-public-host.component.d.ts","sourceRoot":"","sources":["../../../src/lib/checkout-widget/checkout-public-host.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/checkout-widget/checkout-public-host.component.js

@@ -380,6 +380,7 @@ export class CheckoutPublicHostComponent {
                 ...(this.attributionSource
                     ? { attribution: { source: this.attributionSource, reference: this.attributionReference } }
                     : {}),
+                choices: event.choices,
             });
             if (!draft?.Success) {
                 throw new Error(this.str(draft?.ErrorMessage, 'Could not price this checkout.'));