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

package/dist/checkout-element/main.js

@@ -5199,13 +5199,13 @@ function createRuntimeError(message, code, path) {
 function getRuntimeErrorCode(error) {
   return error[NG_RUNTIME_ERROR_CODE];
 }
-function formatErrorMessage(text, code, path = [], source = null) {
+function formatErrorMessage(text2, code, path = [], source = null) {
   let pathDetails = "";
   if (path && path.length > 1) {
     pathDetails = ` Path: ${path.join(" -> ")}.`;
   }
   const sourceDetails = source ? ` Source: ${source}.` : "";
-  return formatRuntimeError(code, `${text}${sourceDetails}${pathDetails}`);
+  return formatRuntimeError(code, `${text2}${sourceDetails}${pathDetails}`);
 }
 var _injectImplementation;
 function getInjectImplementation() {
@@ -7930,16 +7930,16 @@ var NodeInjectorFactory = class {
   }
 };
 function toTNodeTypeAsString(tNodeType) {
-  let text = "";
-  tNodeType & 1 && (text += "|Text");
-  tNodeType & 2 && (text += "|Element");
-  tNodeType & 4 && (text += "|Container");
-  tNodeType & 8 && (text += "|ElementContainer");
-  tNodeType & 16 && (text += "|Projection");
-  tNodeType & 32 && (text += "|IcuContainer");
-  tNodeType & 64 && (text += "|Placeholder");
-  tNodeType & 128 && (text += "|LetDeclaration");
-  return text.length > 0 ? text.substring(1) : text;
+  let text2 = "";
+  tNodeType & 1 && (text2 += "|Text");
+  tNodeType & 2 && (text2 += "|Element");
+  tNodeType & 4 && (text2 += "|Container");
+  tNodeType & 8 && (text2 += "|ElementContainer");
+  tNodeType & 16 && (text2 += "|Projection");
+  tNodeType & 32 && (text2 += "|IcuContainer");
+  tNodeType & 64 && (text2 += "|Placeholder");
+  tNodeType & 128 && (text2 += "|LetDeclaration");
+  return text2.length > 0 ? text2.substring(1) : text2;
 }
 function isTNodeShape(value) {
   return value != null && typeof value === "object" && (value.insertBeforeIndex === null || typeof value.insertBeforeIndex === "number" || Array.isArray(value.insertBeforeIndex));
@@ -9988,7 +9988,7 @@ var COMMENT_DISALLOWED = /^>|^->|<!--|-->|--!>|<!-$/g;
 var COMMENT_DELIMITER = /(<|>)/g;
 var COMMENT_DELIMITER_ESCAPED = "\u200B$1\u200B";
 function escapeCommentText(value) {
-  return value.replace(COMMENT_DISALLOWED, (text) => text.replace(COMMENT_DELIMITER, COMMENT_DELIMITER_ESCAPED));
+  return value.replace(COMMENT_DISALLOWED, (text2) => text2.replace(COMMENT_DELIMITER, COMMENT_DELIMITER_ESCAPED));
 }
 function createTextNode(renderer, value) {
   return renderer.createText(value);
@@ -20222,14 +20222,14 @@ function applyCreateOpCodes(lView, createOpCodes, parentRNode, insertInFrontOf)
   const renderer = lView[RENDERER];
   for (let i = 0; i < createOpCodes.length; i++) {
     const opCode = createOpCodes[i++];
-    const text = createOpCodes[i];
+    const text2 = createOpCodes[i];
     const isComment = (opCode & I18nCreateOpCode.COMMENT) === I18nCreateOpCode.COMMENT;
     const appendNow = (opCode & I18nCreateOpCode.APPEND_EAGERLY) === I18nCreateOpCode.APPEND_EAGERLY;
     const index = opCode >>> I18nCreateOpCode.SHIFT;
     let rNode = lView[index];
     let lastNodeWasCreated2 = false;
     if (rNode === null) {
-      rNode = lView[index] = _locateOrCreateNode(lView, index, text, isComment ? Node.COMMENT_NODE : Node.TEXT_NODE);
+      rNode = lView[index] = _locateOrCreateNode(lView, index, text2, isComment ? Node.COMMENT_NODE : Node.TEXT_NODE);
       lastNodeWasCreated2 = wasLastNodeCreated();
     }
     if (appendNow && parentRNode !== null && lastNodeWasCreated2) {
@@ -20446,11 +20446,11 @@ function i18nCreateOpCodesToString(opcodes) {
   let lines = [];
   for (let i = 0; i < createOpCodes.length; i++) {
     const opCode = createOpCodes[i++];
-    const text = createOpCodes[i];
+    const text2 = createOpCodes[i];
     const isComment = (opCode & I18nCreateOpCode.COMMENT) === I18nCreateOpCode.COMMENT;
     const appendNow = (opCode & I18nCreateOpCode.APPEND_EAGERLY) === I18nCreateOpCode.APPEND_EAGERLY;
     const index = opCode >>> I18nCreateOpCode.SHIFT;
-    lines.push(`lView[${index}] = document.${isComment ? "createComment" : "createText"}(${JSON.stringify(text)});`);
+    lines.push(`lView[${index}] = document.${isComment ? "createComment" : "createText"}(${JSON.stringify(text2)});`);
     if (appendNow) {
       lines.push(`parent.appendChild(lView[${index}]);`);
     }
@@ -20518,13 +20518,13 @@ function icuCreateOpCodesToString(opcodes) {
   while (parser.hasMore()) {
     let value = parser.consumeNumberStringOrMarker();
     if (value === ICU_MARKER) {
-      const text = parser.consumeString();
+      const text2 = parser.consumeString();
       lastRef = parser.consumeNumber();
-      lines.push(`lView[${lastRef}] = document.createComment("${text}")`);
+      lines.push(`lView[${lastRef}] = document.createComment("${text2}")`);
     } else if (value === ELEMENT_MARKER) {
-      const text = parser.consumeString();
+      const text2 = parser.consumeString();
       lastRef = parser.consumeNumber();
-      lines.push(`lView[${lastRef}] = document.createElement("${text}")`);
+      lines.push(`lView[${lastRef}] = document.createElement("${text2}")`);
     } else if (typeof value === "string") {
       lastRef = parser.consumeNumber();
       lines.push(`lView[${lastRef}] = document.createTextNode("${value}")`);
@@ -20633,10 +20633,10 @@ function i18nStartFirstCreatePass(tView, parentTNodeIndex, lView, index, message
       for (let j = 0; j < parts.length; j++) {
         let part = parts[j];
         if ((j & 1) === 0) {
-          const text = part;
-          ngDevMode && assertString(text, "Parsed ICU part should be string");
-          if (text !== "") {
-            i18nStartFirstCreatePassProcessTextNode(astStack[0], tView, rootTNode, existingTNodeStack[0], createOpCodes, updateOpCodes, lView, text);
+          const text2 = part;
+          ngDevMode && assertString(text2, "Parsed ICU part should be string");
+          if (text2 !== "") {
+            i18nStartFirstCreatePassProcessTextNode(astStack[0], tView, rootTNode, existingTNodeStack[0], createOpCodes, updateOpCodes, lView, text2);
           }
         } else {
           const icuExpression = part;
@@ -20680,7 +20680,7 @@ function i18nStartFirstCreatePass(tView, parentTNodeIndex, lView, index, message
     parentTNodeIndex
   };
 }
-function createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, createOpCodes, text, isICU) {
+function createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, createOpCodes, text2, isICU) {
   const i18nNodeIdx = allocExpando(tView, lView, 1, null);
   let opCode = i18nNodeIdx << I18nCreateOpCode.SHIFT;
   let parentTNode = getCurrentParentTNode();
@@ -20694,8 +20694,8 @@ function createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, create
     opCode |= I18nCreateOpCode.COMMENT;
     ensureIcuContainerVisitorLoaded(loadIcuContainerVisitor);
   }
-  createOpCodes.push(opCode, text === null ? "" : text);
-  const tNode = createTNodeAtIndex(tView, i18nNodeIdx, isICU ? 32 : 1, text === null ? ngDevMode ? "{{?}}" : "" : text, null);
+  createOpCodes.push(opCode, text2 === null ? "" : text2);
+  const tNode = createTNodeAtIndex(tView, i18nNodeIdx, isICU ? 32 : 1, text2 === null ? ngDevMode ? "{{?}}" : "" : text2, null);
   addTNodeAndUpdateInsertBeforeIndex(existingTNodes, tNode);
   const tNodeIdx = tNode.index;
   setCurrentTNode(tNode, false);
@@ -20704,12 +20704,12 @@ function createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, create
   }
   return tNode;
 }
-function i18nStartFirstCreatePassProcessTextNode(ast, tView, rootTNode, existingTNodes, createOpCodes, updateOpCodes, lView, text) {
-  const hasBinding = text.match(BINDING_REGEXP);
-  const tNode = createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, createOpCodes, hasBinding ? null : text, false);
+function i18nStartFirstCreatePassProcessTextNode(ast, tView, rootTNode, existingTNodes, createOpCodes, updateOpCodes, lView, text2) {
+  const hasBinding = text2.match(BINDING_REGEXP);
+  const tNode = createTNodeAndAddOpCode(tView, rootTNode, existingTNodes, lView, createOpCodes, hasBinding ? null : text2, false);
   const index = tNode.index;
   if (hasBinding) {
-    generateBindingUpdateOpCodes(updateOpCodes, text, index, null, 0, null);
+    generateBindingUpdateOpCodes(updateOpCodes, text2, index, null, 0, null);
   }
   ast.push({
     kind: 0,
@@ -21030,11 +21030,11 @@ function addUpdateIcuSwitch(update, icuExpression, index) {
 function addUpdateIcuUpdate(update, bindingMask, index) {
   update.push(bindingMask, 1, index << 2 | 3);
 }
-function addCreateNodeAndAppend(create, marker, text, appendToParentIdx, createAtIdx) {
+function addCreateNodeAndAppend(create, marker, text2, appendToParentIdx, createAtIdx) {
   if (marker !== null) {
     create.push(marker);
   }
-  create.push(text, createAtIdx, icuCreateOpCode(0, appendToParentIdx, createAtIdx));
+  create.push(text2, createAtIdx, icuCreateOpCode(0, appendToParentIdx, createAtIdx));
 }
 function addCreateAttribute(create, newIndex, attr) {
   create.push(newIndex << 1 | 1, attr.name, attr.value);
@@ -21464,90 +21464,90 @@ var parserState = {
   value: 0,
   valueEnd: 0
 };
-function getLastParsedKey(text) {
-  return text.substring(parserState.key, parserState.keyEnd);
+function getLastParsedKey(text2) {
+  return text2.substring(parserState.key, parserState.keyEnd);
 }
-function getLastParsedValue(text) {
-  return text.substring(parserState.value, parserState.valueEnd);
+function getLastParsedValue(text2) {
+  return text2.substring(parserState.value, parserState.valueEnd);
 }
-function parseClassName(text) {
-  resetParserState(text);
-  return parseClassNameNext(text, consumeWhitespace(text, 0, parserState.textEnd));
+function parseClassName(text2) {
+  resetParserState(text2);
+  return parseClassNameNext(text2, consumeWhitespace(text2, 0, parserState.textEnd));
 }
-function parseClassNameNext(text, index) {
+function parseClassNameNext(text2, index) {
   const end = parserState.textEnd;
   if (end === index) {
     return -1;
   }
-  index = parserState.keyEnd = consumeClassToken(text, parserState.key = index, end);
-  return consumeWhitespace(text, index, end);
+  index = parserState.keyEnd = consumeClassToken(text2, parserState.key = index, end);
+  return consumeWhitespace(text2, index, end);
 }
-function parseStyle(text) {
-  resetParserState(text);
-  return parseStyleNext(text, consumeWhitespace(text, 0, parserState.textEnd));
+function parseStyle(text2) {
+  resetParserState(text2);
+  return parseStyleNext(text2, consumeWhitespace(text2, 0, parserState.textEnd));
 }
-function parseStyleNext(text, startIndex) {
+function parseStyleNext(text2, startIndex) {
   const end = parserState.textEnd;
-  let index = parserState.key = consumeWhitespace(text, startIndex, end);
+  let index = parserState.key = consumeWhitespace(text2, startIndex, end);
   if (end === index) {
     return -1;
   }
-  index = parserState.keyEnd = consumeStyleKey(text, index, end);
-  index = consumeSeparator(text, index, end, 58);
-  index = parserState.value = consumeWhitespace(text, index, end);
-  index = parserState.valueEnd = consumeStyleValue(text, index, end);
-  return consumeSeparator(text, index, end, 59);
+  index = parserState.keyEnd = consumeStyleKey(text2, index, end);
+  index = consumeSeparator(text2, index, end, 58);
+  index = parserState.value = consumeWhitespace(text2, index, end);
+  index = parserState.valueEnd = consumeStyleValue(text2, index, end);
+  return consumeSeparator(text2, index, end, 59);
 }
-function resetParserState(text) {
+function resetParserState(text2) {
   parserState.key = 0;
   parserState.keyEnd = 0;
   parserState.value = 0;
   parserState.valueEnd = 0;
-  parserState.textEnd = text.length;
+  parserState.textEnd = text2.length;
 }
-function consumeWhitespace(text, startIndex, endIndex) {
-  while (startIndex < endIndex && text.charCodeAt(startIndex) <= 32) {
+function consumeWhitespace(text2, startIndex, endIndex) {
+  while (startIndex < endIndex && text2.charCodeAt(startIndex) <= 32) {
     startIndex++;
   }
   return startIndex;
 }
-function consumeClassToken(text, startIndex, endIndex) {
-  while (startIndex < endIndex && text.charCodeAt(startIndex) > 32) {
+function consumeClassToken(text2, startIndex, endIndex) {
+  while (startIndex < endIndex && text2.charCodeAt(startIndex) > 32) {
     startIndex++;
   }
   return startIndex;
 }
-function consumeStyleKey(text, startIndex, endIndex) {
+function consumeStyleKey(text2, startIndex, endIndex) {
   let ch;
-  while (startIndex < endIndex && ((ch = text.charCodeAt(startIndex)) === 45 || ch === 95 || (ch & -33) >= 65 && (ch & -33) <= 90 || ch >= 48 && ch <= 57)) {
+  while (startIndex < endIndex && ((ch = text2.charCodeAt(startIndex)) === 45 || ch === 95 || (ch & -33) >= 65 && (ch & -33) <= 90 || ch >= 48 && ch <= 57)) {
     startIndex++;
   }
   return startIndex;
 }
-function consumeSeparator(text, startIndex, endIndex, separator) {
-  startIndex = consumeWhitespace(text, startIndex, endIndex);
+function consumeSeparator(text2, startIndex, endIndex, separator) {
+  startIndex = consumeWhitespace(text2, startIndex, endIndex);
   if (startIndex < endIndex) {
-    if (ngDevMode && text.charCodeAt(startIndex) !== separator) {
-      malformedStyleError(text, String.fromCharCode(separator), startIndex);
+    if (ngDevMode && text2.charCodeAt(startIndex) !== separator) {
+      malformedStyleError(text2, String.fromCharCode(separator), startIndex);
     }
     startIndex++;
   }
   return startIndex;
 }
-function consumeStyleValue(text, startIndex, endIndex) {
+function consumeStyleValue(text2, startIndex, endIndex) {
   let ch1 = -1;
   let ch2 = -1;
   let ch3 = -1;
   let i = startIndex;
   let lastChIndex = i;
   while (i < endIndex) {
-    const ch = text.charCodeAt(i++);
+    const ch = text2.charCodeAt(i++);
     if (ch === 59) {
       return lastChIndex;
     } else if (ch === 34 || ch === 39) {
-      lastChIndex = i = consumeQuotedText(text, ch, i, endIndex);
+      lastChIndex = i = consumeQuotedText(text2, ch, i, endIndex);
     } else if (startIndex === i - 4 && ch3 === 85 && ch2 === 82 && ch1 === 76 && ch === 40) {
-      lastChIndex = i = consumeQuotedText(text, 41, i, endIndex);
+      lastChIndex = i = consumeQuotedText(text2, 41, i, endIndex);
     } else if (ch > 32) {
       lastChIndex = i;
     }
@@ -21557,11 +21557,11 @@ function consumeStyleValue(text, startIndex, endIndex) {
   }
   return lastChIndex;
 }
-function consumeQuotedText(text, quoteCharCode, startIndex, endIndex) {
+function consumeQuotedText(text2, quoteCharCode, startIndex, endIndex) {
   let ch1 = -1;
   let index = startIndex;
   while (index < endIndex) {
-    const ch = text.charCodeAt(index++);
+    const ch = text2.charCodeAt(index++);
     if (ch == quoteCharCode && ch1 !== 92) {
       return index;
     }
@@ -21571,11 +21571,11 @@ function consumeQuotedText(text, quoteCharCode, startIndex, endIndex) {
       ch1 = ch;
     }
   }
-  throw ngDevMode ? malformedStyleError(text, String.fromCharCode(quoteCharCode), endIndex) : new Error();
+  throw ngDevMode ? malformedStyleError(text2, String.fromCharCode(quoteCharCode), endIndex) : new Error();
 }
-function malformedStyleError(text, expecting, index) {
-  ngDevMode && assertEqual(typeof text === "string", true, "String expected here");
-  throw throwError(`Malformed style at location ${index} in string '` + text.substring(0, index) + "[>>" + text.substring(index, index + 1) + "<<]" + text.slice(index + 1) + `'. Expecting '${expecting}'.`);
+function malformedStyleError(text2, expecting, index) {
+  ngDevMode && assertEqual(typeof text2 === "string", true, "String expected here");
+  throw throwError(`Malformed style at location ${index} in string '` + text2.substring(0, index) + "[>>" + text2.substring(index, index + 1) + "<<]" + text2.slice(index + 1) + `'. Expecting '${expecting}'.`);
 }
 function \u0275\u0275styleProp(prop, value, suffix) {
   checkStylingProperty(prop, value, suffix, false);
@@ -21588,17 +21588,17 @@ function \u0275\u0275classProp(className, value) {
 function \u0275\u0275styleMap(styles) {
   checkStylingMap(styleKeyValueArraySet, styleStringParser, styles, false);
 }
-function styleStringParser(keyValueArray, text) {
-  for (let i = parseStyle(text); i >= 0; i = parseStyleNext(text, i)) {
-    styleKeyValueArraySet(keyValueArray, getLastParsedKey(text), getLastParsedValue(text));
+function styleStringParser(keyValueArray, text2) {
+  for (let i = parseStyle(text2); i >= 0; i = parseStyleNext(text2, i)) {
+    styleKeyValueArraySet(keyValueArray, getLastParsedKey(text2), getLastParsedValue(text2));
   }
 }
 function \u0275\u0275classMap(classes) {
   checkStylingMap(classKeyValueArraySet, classStringParser, classes, true);
 }
-function classStringParser(keyValueArray, text) {
-  for (let i = parseClassName(text); i >= 0; i = parseClassNameNext(text, i)) {
-    keyValueArraySet(keyValueArray, getLastParsedKey(text), true);
+function classStringParser(keyValueArray, text2) {
+  for (let i = parseClassName(text2); i >= 0; i = parseClassNameNext(text2, i)) {
+    keyValueArraySet(keyValueArray, getLastParsedKey(text2), true);
   }
 }
 function checkStylingProperty(prop, value, suffix, isClassBased) {
@@ -26356,12 +26356,12 @@ function formatDate(value, format, locale, timezone) {
     dateTimezoneOffset = timezoneToOffset(timezone, dateTimezoneOffset);
     date = convertTimezoneToLocal(date, timezone);
   }
-  let text = "";
+  let text2 = "";
   parts.forEach((value2) => {
     const dateFormatter = getDateFormatter(value2);
-    text += dateFormatter ? dateFormatter(date, locale, dateTimezoneOffset) : value2 === "''" ? "'" : value2.replace(/(^'|'$)/g, "").replace(/''/g, "'");
+    text2 += dateFormatter ? dateFormatter(date, locale, dateTimezoneOffset) : value2 === "''" ? "'" : value2.replace(/(^'|'$)/g, "").replace(/''/g, "'");
   });
-  return text;
+  return text2;
 }
 function assertValidDateFormat(parts) {
   if (parts.some((part) => /^Y+$/.test(part)) && !parts.some((part) => /^w+$/.test(part))) {
@@ -27136,10 +27136,10 @@ function roundNumber(parsedNumber, minFrac, maxFrac) {
     parsedNumber.integerLen++;
   }
 }
-function parseIntAutoRadix(text) {
-  const result = parseInt(text);
+function parseIntAutoRadix(text2) {
+  const result = parseInt(text2);
   if (isNaN(result)) {
-    throw new RuntimeError(2305, ngDevMode && "Invalid integer literal when parsing " + text);
+    throw new RuntimeError(2305, ngDevMode && "Invalid integer literal when parsing " + text2);
   }
   return result;
 }
@@ -31679,6 +31679,78 @@ function createCustomElement(component, config2) {
   return NgElementImpl;
 }
 
+// dist/lib/checkout-widget/checkout-account.js
+var ACCOUNT_STEP_FAILED = { Outcome: "Failed", CanSetPassword: false };
+function ReadCheckoutAccount(raw) {
+  if (!raw || typeof raw !== "object")
+    return null;
+  const a = raw;
+  if (a["Outcome"] !== "Created" && a["Outcome"] !== "Exists" && a["Outcome"] !== "Failed")
+    return null;
+  return {
+    Outcome: a["Outcome"],
+    Message: typeof a["Message"] === "string" && a["Message"] ? a["Message"] : void 0,
+    CanSetPassword: a["CanSetPassword"] === true,
+    VerificationRequired: a["Outcome"] === "Created" && a["VerificationRequired"] === true
+  };
+}
+var VERIFY_NOTE = "We are sending a link to your e-mail. Use it to verify your account before you sign in.";
+function VerificationNote(account) {
+  return account?.VerificationRequired ? VERIFY_NOTE : null;
+}
+function AccountMessage(account, passwordSet) {
+  if (passwordSet) {
+    return account.VerificationRequired ? "Your password is set. Check your e-mail for the link to verify your account, then sign in with the e-mail you used here." : "Your password is set. You can now sign in with the e-mail you used here.";
+  }
+  if (account.Message)
+    return account.Message;
+  if (account.Outcome === "Exists")
+    return "You already have an account with this e-mail. Sign in, or reset your password if you have forgotten it.";
+  if (account.Outcome === "Failed")
+    return "We could not set up your account just now. Your order is confirmed. Please try again in a moment.";
+  return VerificationNote(account);
+}
+function CheckPasswordEntry(password, confirmation) {
+  if (!password)
+    return "Please enter a password.";
+  if (password !== confirmation)
+    return "The two passwords do not match.";
+  return null;
+}
+function MayRedirect(account, dismissed = false) {
+  if (dismissed || !account)
+    return true;
+  return !account.CanSetPassword && account.Outcome !== "Failed";
+}
+function IsAccountSettled(account) {
+  return !account || account.Outcome !== "Failed" && !account.CanSetPassword;
+}
+
+// dist/lib/checkout-widget/checkout-events.js
+var CHECKOUT_STATE_CHANGE_EVENT = "checkout-state-change";
+var CHECKOUT_COMPLETE_EVENT = "checkout-complete";
+var CHECKOUT_ERROR_EVENT = "checkout-error";
+var CHECKOUT_CANCEL_EVENT = "checkout-cancel";
+var CHECKOUT_CLOSE_EVENT = "checkout-close";
+var CHECKOUT_RESET_REQUEST_EVENT = "checkout-reset";
+var CHECKOUT_RESET_REFUSED_EVENT = "checkout-reset-refused";
+var text = (value) => typeof value === "string" && value.trim() ? value.trim() : null;
+function BuildCheckoutCompleteDetail(source) {
+  const amount = typeof source.totalGross === "number" && Number.isFinite(source.totalGross) ? source.totalGross : null;
+  const currency = text(source.currency);
+  return {
+    sessionId: source.sessionId,
+    productName: text(source.productName),
+    productId: text(source.productId),
+    amount: amount === null ? null : Math.round(amount * 100) / 100,
+    currency: currency === null ? null : currency.toUpperCase(),
+    coupon: text(source.coupon)
+  };
+}
+function CheckoutElementEvent(name, detail) {
+  return new CustomEvent(name, { detail, bubbles: true, composed: true });
+}
+
 // ../../node_modules/.pnpm/@angular+forms@21.1.3_@angular+common@21.1.3_@angular+core@21.1.3_@angular+compiler@21._c9921256e4e117964abeb4c1b7e7fb5a/node_modules/@angular/forms/fesm2022/forms.mjs
 var BaseControlValueAccessor = class _BaseControlValueAccessor {
   _renderer;
@@ -36331,9 +36403,116 @@ var ReactiveFormsModule = class _ReactiveFormsModule {
   }], null, null);
 })();
 
+// ../Entities/dist/checkout-questions.js
+var MAX_CHECKOUT_QUESTION_KEY_LENGTH = 100;
+var MAX_CHECKOUT_QUESTION_LABEL_LENGTH = 500;
+var MAX_CHECKOUT_ANSWER_LENGTH = 1e3;
+var INVALID_CHECKOUT_QUESTIONS_MESSAGE = "This checkout is not configured correctly (its questions are invalid).";
+function CheckoutQuestionOptionValue(option) {
+  return typeof option === "string" ? option : option.value;
+}
+function CheckoutQuestionOptionLabel(option) {
+  return typeof option === "string" ? option : option.label;
+}
+function ReadCheckoutQuestions(raw) {
+  if (raw === void 0 || raw === null)
+    return { Questions: [] };
+  if (!Array.isArray(raw))
+    return { Questions: [], Error: INVALID_CHECKOUT_QUESTIONS_MESSAGE };
+  const keys = /* @__PURE__ */ new Set();
+  for (const q of raw) {
+    if (!IsValidQuestion(q) || keys.has(q.key)) {
+      return { Questions: [], Error: INVALID_CHECKOUT_QUESTIONS_MESSAGE };
+    }
+    keys.add(q.key);
+  }
+  return { Questions: raw };
+}
+function IsValidQuestion(q) {
+  if (!q || typeof q !== "object")
+    return false;
+  const c = q;
+  if (typeof c.key !== "string" || !c.key.trim() || c.key.length > MAX_CHECKOUT_QUESTION_KEY_LENGTH)
+    return false;
+  if (typeof c.label !== "string" || !c.label.trim() || c.label.length > MAX_CHECKOUT_QUESTION_LABEL_LENGTH)
+    return false;
+  if (c.maxLength !== void 0 && (!Number.isInteger(c.maxLength) || c.maxLength < 1))
+    return false;
+  if (c.type === "text")
+    return c.options === void 0 && c.otherOptionKey === void 0;
+  if (c.type !== "select")
+    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 || typeof label !== "string" || !label || values.has(value))
+      return false;
+    if (value.length > MAX_CHECKOUT_ANSWER_LENGTH)
+      return false;
+    values.add(value);
+  }
+  return c.otherOptionKey === void 0 || values.has(c.otherOptionKey);
+}
+function CheckoutAnswerMaxLength(question) {
+  return Math.min(question.maxLength ?? MAX_CHECKOUT_ANSWER_LENGTH, MAX_CHECKOUT_ANSWER_LENGTH);
+}
+function CheckAnswersAgainstQuestions(questions, answers) {
+  const refuse = (error) => ({ Answers: [], Error: error });
+  if (answers !== void 0 && answers !== null && (typeof answers !== "object" || Array.isArray(answers))) {
+    return refuse("The checkout answers could not be read.");
+  }
+  const input2 = answers ?? {};
+  const asked = new Set(questions.map((q) => q.key));
+  for (const key of Object.keys(input2)) {
+    if (!asked.has(key))
+      return refuse("An answer was sent for a question this checkout does not ask.");
+  }
+  const resolved = [];
+  for (const q of questions) {
+    const raw = input2[q.key];
+    if (raw !== void 0 && raw !== null && (typeof raw !== "object" || Array.isArray(raw))) {
+      return refuse(`The answer to "${q.label}" could not be read.`);
+    }
+    const entry = raw ?? {};
+    const value = typeof entry.Value === "string" ? entry.Value.trim() : "";
+    const otherText = typeof entry.OtherText === "string" ? entry.OtherText.trim() : "";
+    if (!value) {
+      if (q.required)
+        return refuse(`"${q.label}" needs an answer.`);
+      continue;
+    }
+    if (value.length > CheckoutAnswerMaxLength(q)) {
+      return refuse(`The answer to "${q.label}" is too long (at most ${CheckoutAnswerMaxLength(q)} characters).`);
+    }
+    let recordedOther = null;
+    if (q.type === "select") {
+      if (!(q.options ?? []).some((o) => CheckoutQuestionOptionValue(o) === value)) {
+        return refuse(`"${value}" is not one of the choices for "${q.label}".`);
+      }
+      if (q.otherOptionKey !== void 0 && value === q.otherOptionKey) {
+        if (!otherText)
+          return refuse(`Please say more about your answer to "${q.label}".`);
+        if (otherText.length > MAX_CHECKOUT_ANSWER_LENGTH) {
+          return refuse(`The answer to "${q.label}" is too long (at most ${MAX_CHECKOUT_ANSWER_LENGTH} characters).`);
+        }
+        recordedOther = otherText;
+      }
+    }
+    resolved.push({ QuestionKey: q.key, QuestionLabel: q.label, Answer: value, OtherText: recordedOther });
+  }
+  return { Answers: 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;
+function _forTrack3($index, $item) {
+  return this.optionValue($item);
+}
 function MJCheckoutWidgetComponent_Conditional_4_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "p", 3);
@@ -36836,23 +37015,148 @@ function MJCheckoutWidgetComponent_Conditional_18_Template(rf, ctx) {
     \u0275\u0275repeater(ctx_r0.units());
   }
 }
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_3_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "span", 28);
+    \u0275\u0275text(1, "*");
+    \u0275\u0275elementEnd();
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_For_4_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "option", 37);
+    \u0275\u0275text(1);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const opt_r26 = ctx.$implicit;
+    const ctx_r0 = \u0275\u0275nextContext(4);
+    \u0275\u0275property("ngValue", ctx_r0.optionValue(opt_r26));
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate(ctx_r0.optionLabel(opt_r26));
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Conditional_5_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r27 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "input", 51);
+    \u0275\u0275listener("ngModelChange", function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Conditional_5_Template_input_ngModelChange_0_listener($event) {
+      \u0275\u0275restoreView(_r27);
+      const question_r25 = \u0275\u0275nextContext(2).$implicit;
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.updateAnswer(question_r25.key, { OtherText: $event }));
+    });
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const question_r25 = \u0275\u0275nextContext(2).$implicit;
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275property("ngModel", ctx_r0.answerFor(question_r25.key).OtherText ?? "");
+    \u0275\u0275attribute("aria-label", question_r25.label + " (please specify)")("maxlength", ctx_r0.answerMaxLength(question_r25));
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r24 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "select", 49);
+    \u0275\u0275listener("ngModelChange", function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Template_select_ngModelChange_0_listener($event) {
+      \u0275\u0275restoreView(_r24);
+      const question_r25 = \u0275\u0275nextContext().$implicit;
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.updateAnswer(question_r25.key, { Value: $event }));
+    });
+    \u0275\u0275elementStart(1, "option", 37);
+    \u0275\u0275text(2, "Select an answer");
+    \u0275\u0275elementEnd();
+    \u0275\u0275repeaterCreate(3, MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_For_4_Template, 2, 2, "option", 37, _forTrack3, true);
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(5, MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Conditional_5_Template, 1, 3, "input", 50);
+  }
+  if (rf & 2) {
+    const question_r25 = \u0275\u0275nextContext().$implicit;
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275property("id", ctx_r0.widgetInstanceId + "-q-" + question_r25.key)("ngModel", ctx_r0.answerFor(question_r25.key).Value ?? "")("required", question_r25.required || false);
+    \u0275\u0275advance();
+    \u0275\u0275property("ngValue", "");
+    \u0275\u0275advance(2);
+    \u0275\u0275repeater(question_r25.options);
+    \u0275\u0275advance(2);
+    \u0275\u0275conditional(ctx_r0.isOtherChosen(question_r25) ? 5 : -1);
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_5_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r28 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "input", 52);
+    \u0275\u0275listener("ngModelChange", function MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_5_Template_input_ngModelChange_0_listener($event) {
+      \u0275\u0275restoreView(_r28);
+      const question_r25 = \u0275\u0275nextContext().$implicit;
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.updateAnswer(question_r25.key, { Value: $event }));
+    });
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const question_r25 = \u0275\u0275nextContext().$implicit;
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275property("id", ctx_r0.widgetInstanceId + "-q-" + question_r25.key)("ngModel", ctx_r0.answerFor(question_r25.key).Value ?? "")("required", question_r25.required || false);
+    \u0275\u0275attribute("maxlength", ctx_r0.answerMaxLength(question_r25));
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_19_For_5_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "div", 47)(1, "label", 27);
+    \u0275\u0275text(2);
+    \u0275\u0275conditionalCreate(3, MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_3_Template, 2, 0, "span", 28);
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(4, MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_4_Template, 6, 5)(5, MJCheckoutWidgetComponent_Conditional_19_For_5_Conditional_5_Template, 1, 4, "input", 48);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const question_r25 = ctx.$implicit;
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275advance();
+    \u0275\u0275attribute("for", ctx_r0.widgetInstanceId + "-q-" + question_r25.key);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate1(" ", question_r25.label, " ");
+    \u0275\u0275advance();
+    \u0275\u0275conditional(question_r25.required ? 3 : -1);
+    \u0275\u0275advance();
+    \u0275\u0275conditional(question_r25.type === "select" ? 4 : 5);
+  }
+}
 function MJCheckoutWidgetComponent_Conditional_19_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "section", 47)(1, "h3", 23);
+    \u0275\u0275elementStart(0, "section", 14)(1, "h3", 23);
+    \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\u0275elementEnd()();
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext();
+    \u0275\u0275advance(4);
+    \u0275\u0275repeater(ctx_r0.questions());
+  }
+}
+function MJCheckoutWidgetComponent_Conditional_20_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "section", 53)(1, "h3", 23);
     \u0275\u0275text(2, "Payment");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(3, "div", 48);
-    \u0275\u0275element(4, "div", 49);
-    \u0275\u0275elementStart(5, "div", 50)(6, "span", 51);
+    \u0275\u0275elementStart(3, "div", 54);
+    \u0275\u0275element(4, "div", 55);
+    \u0275\u0275elementStart(5, "div", 56)(6, "span", 57);
     \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", 52)(11, "span", 53);
+    \u0275\u0275elementStart(10, "div", 58)(11, "span", 59);
     \u0275\u0275text(12, "Total Due");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(13, "span", 54);
+    \u0275\u0275elementStart(13, "span", 60);
     \u0275\u0275text(14);
     \u0275\u0275elementEnd()();
   }
@@ -36862,22 +37166,22 @@ function MJCheckoutWidgetComponent_Conditional_19_Template(rf, ctx) {
     \u0275\u0275textInterpolate2("", ctx_r0.currencySymbol(), "", ctx_r0.totalGross().toFixed(2));
   }
 }
-function MJCheckoutWidgetComponent_Conditional_22_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_23_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275element(0, "span", 55);
+    \u0275\u0275element(0, "span", 61);
     \u0275\u0275elementStart(1, "span");
     \u0275\u0275text(2, "Processing...");
     \u0275\u0275elementEnd();
   }
 }
-function MJCheckoutWidgetComponent_Conditional_23_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_24_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "span");
     \u0275\u0275text(1, "Complete Free Registration");
     \u0275\u0275elementEnd();
   }
 }
-function MJCheckoutWidgetComponent_Conditional_24_Template(rf, ctx) {
+function MJCheckoutWidgetComponent_Conditional_25_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "span");
     \u0275\u0275text(1);
@@ -36920,11 +37224,32 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
   }
   isPaymentReady = false;
   stripePaymentMethodId = null;
+  /** An e-mail the embedding host already knows. Fills the field only while it is empty. */
+  prefillEmail = null;
   submitted = new EventEmitter();
   cancelled = new EventEmitter();
   // Internal error message for client-side validation failures
   internalErrorMessage = signal(null, ...ngDevMode ? [{ debugName: "internalErrorMessage" }] : []);
   displayErrorMessage = computed(() => this._errorMessage() || this.internalErrorMessage(), ...ngDevMode ? [{ debugName: "displayErrorMessage" }] : []);
+  /** The widget's questions. A malformed list shows none here; the server refuses the checkout. */
+  questions = computed(() => ReadCheckoutQuestions(this._config()?.questions).Questions, ...ngDevMode ? [{ debugName: "questions" }] : []);
+  answers = signal({}, ...ngDevMode ? [{ debugName: "answers" }] : []);
+  optionValue = CheckoutQuestionOptionValue;
+  optionLabel = CheckoutQuestionOptionLabel;
+  answerMaxLength = CheckoutAnswerMaxLength;
+  answerFor(key) {
+    return this.answers()[key] ?? {};
+  }
+  updateAnswer(key, patch) {
+    this.answers.update((current) => ({ ...current, [key]: { ...current[key], ...patch } }));
+  }
+  /** True when the buyer chose the question's "Other" option, which needs a text answer. */
+  isOtherChosen(question) {
+    return question.otherOptionKey !== void 0 && this.answerFor(question.key).Value === question.otherOptionKey;
+  }
+  answersAreComplete() {
+    return !CheckAnswersAgainstQuestions(this.questions(), this.answers()).Error;
+  }
   // Form state signals
   email = signal("", ...ngDevMode ? [{ debugName: "email" }] : []);
   firstName = signal("", ...ngDevMode ? [{ debugName: "firstName" }] : []);
@@ -37001,6 +37326,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
     }
   }, ...ngDevMode ? [{ debugName: "currencySymbol" }] : []);
   ngOnInit() {
+    this.applyPrefillEmail();
     this.syncUnits();
     this.applyCustomCSS(this.activeCSS());
     if (this.activeJS() && this.activeJS() !== this._lastMountedJS) {
@@ -37011,7 +37337,16 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       distributionSlug: this.distributionSlug
     });
   }
+  applyPrefillEmail() {
+    const prefill = (this.prefillEmail ?? "").trim();
+    if (prefill && !this.email().trim()) {
+      this.email.set(prefill);
+    }
+  }
   ngOnChanges(changes) {
+    if (changes["prefillEmail"]) {
+      this.applyPrefillEmail();
+    }
     if (changes["config"]) {
       this.syncUnits();
       this.applyCustomCSS(this.activeCSS());
@@ -37195,6 +37530,8 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       const ln = this.lastName().trim();
       if (!em || !em.includes("@") || !fn || !ln)
         return false;
+      if (!this.answersAreComplete())
+        return false;
       if (!this.isFree() && !this.isPaymentReady)
         return false;
       return true;
@@ -37232,6 +37569,9 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         }
       }
     }
+    if (!this.answersAreComplete()) {
+      return false;
+    }
     if (!this.isFree() && !this.isPaymentReady) {
       return false;
     }
@@ -37254,6 +37594,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         units: isPerUnit ? currentUnits : void 0
       },
       totalGross: this.totalGross(),
+      answers: this.answers(),
       stripePaymentMethodId: this.isFree() ? void 0 : this.stripePaymentMethodId ?? void 0,
       sessionKey: finalSessionKey
     };
@@ -37273,7 +37614,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" }, outputs: { submitted: "submitted", cancelled: "cancelled" }, features: [\u0275\u0275NgOnChangesFeature], decls: 27, vars: 24, 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-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: 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) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 0)(1, "header", 1)(2, "h2", 2);
       \u0275\u0275text(3);
@@ -37294,18 +37635,19 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       \u0275\u0275elementStart(16, "section", 14);
       \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, 15, 2);
-      \u0275\u0275elementStart(20, "div", 15)(21, "button", 16);
-      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_21_listener() {
+      \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() {
         return ctx.handleSubmit();
       });
-      \u0275\u0275conditionalCreate(22, MJCheckoutWidgetComponent_Conditional_22_Template, 3, 0)(23, MJCheckoutWidgetComponent_Conditional_23_Template, 2, 0, "span")(24, MJCheckoutWidgetComponent_Conditional_24_Template, 2, 2, "span");
+      \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\u0275elementEnd();
-      \u0275\u0275elementStart(25, "button", 17);
-      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_25_listener() {
+      \u0275\u0275elementStart(26, "button", 17);
+      \u0275\u0275listener("click", function MJCheckoutWidgetComponent_Template_button_click_26_listener() {
         return ctx.cancelled.emit();
       });
-      \u0275\u0275text(26, " Cancel ");
+      \u0275\u0275text(27, " Cancel ");
       \u0275\u0275elementEnd()()();
     }
     if (rf & 2) {
@@ -37333,15 +37675,17 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
       \u0275\u0275advance(2);
       \u0275\u0275conditional(ctx.isSingleUnit() ? 17 : 18);
       \u0275\u0275advance(2);
-      \u0275\u0275conditional(!ctx.isFree() ? 19 : -1);
+      \u0275\u0275conditional(ctx.questions().length > 0 ? 19 : -1);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(!ctx.isFree() ? 20 : -1);
       \u0275\u0275advance(2);
       \u0275\u0275property("disabled", !ctx.isFormValid() || ctx.isProcessing);
       \u0275\u0275advance();
-      \u0275\u0275conditional(ctx.isProcessing ? 22 : ctx.isFree() ? 23 : 24);
+      \u0275\u0275conditional(ctx.isProcessing ? 23 : ctx.isFree() ? 24 : 25);
       \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.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.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, [{
@@ -37564,6 +37908,58 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         }
     </section>
 
+    <!-- Questions from the widget's Configuration; answers are recorded on the order -->
+    @if (questions().length > 0) {
+        <section class="mj-widget-form-section">
+            <h3 class="mj-section-title">A few questions</h3>
+            <div class="mj-form-grid">
+                @for (question of questions(); track question.key) {
+                    <div class="mj-form-group full-width">
+                        <label class="mj-label" [attr.for]="widgetInstanceId + '-q-' + question.key">
+                            {{ question.label }}
+                            @if (question.required) {
+                                <span class="mj-required">*</span>
+                            }
+                        </label>
+                        @if (question.type === 'select') {
+                            <select
+                                class="mj-select"
+                                [id]="widgetInstanceId + '-q-' + question.key"
+                                [ngModel]="answerFor(question.key).Value ?? ''"
+                                (ngModelChange)="updateAnswer(question.key, { Value: $event })"
+                                [required]="question.required || false">
+                                <option [ngValue]="''">Select an answer</option>
+                                @for (opt of question.options; track optionValue(opt)) {
+                                    <option [ngValue]="optionValue(opt)">{{ optionLabel(opt) }}</option>
+                                }
+                            </select>
+                            @if (isOtherChosen(question)) {
+                                <input
+                                    type="text"
+                                    class="mj-input mj-question-other"
+                                    [attr.aria-label]="question.label + ' (please specify)'"
+                                    placeholder="Please specify"
+                                    [attr.maxlength]="answerMaxLength(question)"
+                                    [ngModel]="answerFor(question.key).OtherText ?? ''"
+                                    (ngModelChange)="updateAnswer(question.key, { OtherText: $event })"
+                                    required />
+                            }
+                        } @else {
+                            <input
+                                type="text"
+                                class="mj-input"
+                                [id]="widgetInstanceId + '-q-' + question.key"
+                                [attr.maxlength]="answerMaxLength(question)"
+                                [ngModel]="answerFor(question.key).Value ?? ''"
+                                (ngModelChange)="updateAnswer(question.key, { Value: $event })"
+                                [required]="question.required || false" />
+                        }
+                    </div>
+                }
+            </div>
+        </section>
+    }
+
     <!-- Stripe Embedded Payment Section -->
     @if (!isFree()) {
         <section class="mj-widget-payment-section">
@@ -37604,7 +38000,387 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
         </button>
     </div>
 </div>
-`, styles: [':host {\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 {\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 {\n    margin-bottom: 20px;\n}\n\n.mj-widget-title {\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 {\n    margin: 0;\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n}\n\n.mj-widget-error-banner {\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 {\n    font-size: 1rem;\n}\n\n.mj-widget-summary-card {\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 {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.mj-summary-price {\n    display: flex;\n    align-items: center;\n}\n\n.mj-widget-form-section {\n    margin-bottom: 20px;\n}\n\n.mj-summary-item-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mj-product-name {\n    font-weight: 600;\n    font-size: 1rem;\n    color: #1e293b;\n}\n\n.mj-badge-free {\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 {\n    font-weight: 700;\n    color: #166534;\n    font-size: 1.1rem;\n}\n\n.mj-price-amount {\n    font-weight: 700;\n    color: #0f172a;\n    font-size: 1.1rem;\n}\n\n.mj-quantity-selector-row {\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 {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mj-qty-btn {\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:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.mj-qty-input {\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 {\n    font-size: 1rem;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: #334155;\n}\n\n.mj-form-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 18px;\n}\n\n.mj-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.mj-form-group.full-width {\n    grid-column: 1 / -1;\n}\n\n.mj-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n}\n\n.mj-required {\n    color: #ef4444;\n}\n\n.mj-input, .mj-select {\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 {\n    min-height: 70px;\n    resize: vertical;\n    font-family: inherit;\n}\n\n.mj-select {\n    min-height: 38px;\n}\n\n.mj-checkbox-label {\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.mj-input:focus, .mj-select: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 {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.mj-btn-link {\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 {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-bottom: 20px;\n}\n\n.mj-attendee-card {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    padding: 12px 14px;\n}\n\n.mj-attendee-card-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #475569;\n    margin-bottom: 10px;\n}\n\n/* Stripe Payment Container */\n.mj-widget-payment-section {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e2e8f0;\n}\n\n.mj-stripe-container {\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 {\n    min-height: 40px;\n}\n\n.mj-stripe-badge {\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 {\n    font-size: 0.85rem;\n}\n\n.mj-checkout-total-row {\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 {\n    font-weight: 700;\n    font-size: 1.05rem;\n    color: #0f172a;\n}\n\n.mj-total-amount {\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: var(--mj-primary-color, #2563eb);\n}\n\n.mj-widget-actions {\n    margin-top: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mj-btn-submit {\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:hover:not(:disabled) {\n    opacity: 0.92;\n}\n\n.mj-btn-submit:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mj-btn-cancel {\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:hover:not(:disabled) {\n    color: #334155;\n    text-decoration: underline;\n}\n\n.mj-spinner {\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ffffff;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: mj-spin 0.8s linear infinite;\n}\n\n@keyframes mj-spin {\n    to { transform: rotate(360deg); }\n}\n'] }]
+`, styles: [`:host {
+    display: block;
+    font-family: var(--mj-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    color: var(--mj-text-color, #1e293b);
+}
+
+.mj-checkout-widget-container {
+    max-width: 560px;
+    margin: 0 auto;
+    background: var(--mj-bg-color, #ffffff);
+    border: 1px solid #e2e8f0;
+    border-radius: var(--mj-border-radius, 8px);
+    padding: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
+}
+
+.mj-widget-header {
+    margin-bottom: 20px;
+}
+
+.mj-widget-title {
+    margin: 0 0 6px 0;
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: var(--mj-text-color, #0f172a);
+}
+
+.mj-widget-description {
+    margin: 0;
+    font-size: 0.9rem;
+    color: #64748b;
+    line-height: 1.4;
+}
+
+.mj-widget-error-banner {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: #fef2f2;
+    border: 1px solid #f87171;
+    color: #991b1b;
+    padding: 10px 14px;
+    border-radius: 6px;
+    margin-bottom: 18px;
+    font-size: 0.875rem;
+}
+
+.mj-error-icon {
+    font-size: 1rem;
+}
+
+.mj-widget-summary-card {
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 6px;
+    padding: 14px 16px;
+    margin-bottom: 20px;
+}
+
+.mj-summary-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.mj-summary-price {
+    display: flex;
+    align-items: center;
+}
+
+.mj-widget-form-section {
+    margin-bottom: 20px;
+}
+
+.mj-summary-item-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.mj-product-name {
+    font-weight: 600;
+    font-size: 1rem;
+    color: #1e293b;
+}
+
+.mj-badge-free {
+    background: #dcfce7;
+    color: #166534;
+    font-size: 0.75rem;
+    font-weight: 700;
+    padding: 2px 6px;
+    border-radius: 4px;
+}
+
+.mj-price-free {
+    font-weight: 700;
+    color: #166534;
+    font-size: 1.1rem;
+}
+
+.mj-price-amount {
+    font-weight: 700;
+    color: #0f172a;
+    font-size: 1.1rem;
+}
+
+.mj-quantity-selector-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px dashed #cbd5e1;
+}
+
+.mj-qty-controls {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.mj-qty-btn {
+    width: 28px;
+    height: 28px;
+    background: #ffffff;
+    border: 1px solid #cbd5e1;
+    border-radius: 4px;
+    cursor: pointer;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mj-qty-btn:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+
+.mj-qty-input {
+    width: 44px;
+    height: 28px;
+    text-align: center;
+    border: 1px solid #cbd5e1;
+    border-radius: 4px;
+    font-weight: 600;
+}
+
+.mj-section-title {
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 0 0 12px 0;
+    color: #334155;
+}
+
+.mj-form-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px;
+    margin-bottom: 18px;
+}
+
+.mj-form-group {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.mj-form-group.full-width {
+    grid-column: 1 / -1;
+}
+
+.mj-label {
+    font-size: 0.8rem;
+    font-weight: 500;
+    color: #475569;
+}
+
+.mj-required {
+    color: #ef4444;
+}
+
+.mj-input, .mj-select {
+    padding: 8px 12px;
+    font-size: 0.9rem;
+    border: 1px solid #cbd5e1;
+    border-radius: 4px;
+    background: #ffffff;
+    color: #1e293b;
+    outline: none;
+    transition: border-color 0.15s ease;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.mj-textarea {
+    min-height: 70px;
+    resize: vertical;
+    font-family: inherit;
+}
+
+.mj-select {
+    min-height: 38px;
+}
+
+.mj-checkbox-label {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    font-size: 0.9rem;
+    color: #334155;
+    margin-top: 4px;
+}
+
+/* The free-text answer that appears under a question's "Other" choice. */
+.mj-question-other {
+    margin-top: 8px;
+}
+
+.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);
+}
+
+.mj-multi-attendee-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 12px;
+}
+
+.mj-btn-link {
+    background: none;
+    border: none;
+    color: var(--mj-primary-color, #2563eb);
+    font-size: 0.8rem;
+    cursor: pointer;
+    text-decoration: underline;
+    padding: 0;
+}
+
+.mj-attendee-matrix {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin-bottom: 20px;
+}
+
+.mj-attendee-card {
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 6px;
+    padding: 12px 14px;
+}
+
+.mj-attendee-card-title {
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #475569;
+    margin-bottom: 10px;
+}
+
+/* Stripe Payment Container */
+.mj-widget-payment-section {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid #e2e8f0;
+}
+
+.mj-stripe-container {
+    background: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 6px;
+    padding: 14px;
+    margin-bottom: 16px;
+}
+
+.mj-stripe-mount-point {
+    min-height: 40px;
+}
+
+.mj-stripe-badge {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-top: 10px;
+    font-size: 0.75rem;
+    color: #64748b;
+}
+
+.mj-stripe-lock-icon {
+    font-size: 0.85rem;
+}
+
+.mj-checkout-total-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px 0;
+    border-top: 1px solid #e2e8f0;
+    margin-top: 10px;
+    margin-bottom: 18px;
+}
+
+.mj-total-label {
+    font-weight: 700;
+    font-size: 1.05rem;
+    color: #0f172a;
+}
+
+.mj-total-amount {
+    font-weight: 800;
+    font-size: 1.25rem;
+    color: var(--mj-primary-color, #2563eb);
+}
+
+.mj-widget-actions {
+    margin-top: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.mj-btn-submit {
+    width: 100%;
+    padding: 12px;
+    background: var(--mj-primary-color, #2563eb);
+    color: #ffffff;
+    font-size: 1rem;
+    font-weight: 600;
+    border: none;
+    border-radius: var(--mj-border-radius, 8px);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    transition: opacity 0.15s ease;
+}
+
+.mj-btn-submit:hover:not(:disabled) {
+    opacity: 0.92;
+}
+
+.mj-btn-submit:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.mj-btn-cancel {
+    width: 100%;
+    padding: 8px 12px;
+    background: transparent;
+    color: #64748b;
+    font-size: 0.875rem;
+    font-weight: 500;
+    border: none;
+    cursor: pointer;
+    text-align: center;
+}
+
+.mj-btn-cancel:hover:not(:disabled) {
+    color: #334155;
+    text-decoration: underline;
+}
+
+.mj-spinner {
+    width: 16px;
+    height: 16px;
+    border: 2px solid #ffffff;
+    border-top-color: transparent;
+    border-radius: 50%;
+    animation: mj-spin 0.8s linear infinite;
+}
+
+@keyframes mj-spin {
+    to { transform: rotate(360deg); }
+}
+`] }]
   }], () => [{ type: ElementRef }, { type: Renderer2 }], { config: [{
     type: Input
   }], distributionSlug: [{
@@ -37619,6 +38395,8 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
     type: Input
   }], stripePaymentMethodId: [{
     type: Input
+  }], prefillEmail: [{
+    type: Input
   }], submitted: [{
     type: Output
   }], cancelled: [{
@@ -37626,7 +38404,7 @@ var MJCheckoutWidgetComponent = class _MJCheckoutWidgetComponent {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MJCheckoutWidgetComponent, { className: "MJCheckoutWidgetComponent", filePath: "lib/checkout-widget/checkout-widget.component.ts", lineNumber: 116 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MJCheckoutWidgetComponent, { className: "MJCheckoutWidgetComponent", filePath: "lib/checkout-widget/checkout-widget.component.ts", lineNumber: 130 });
 })();
 
 // dist/lib/checkout-widget/checkout-draft-line.js
@@ -37663,6 +38441,7 @@ function formatStripeError(error) {
 }
 
 // dist/lib/checkout-widget/checkout-public-host.component.js
+var _c0 = (a0) => [a0];
 function CheckoutPublicHostComponent_Conditional_1_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "div", 1);
@@ -37677,7 +38456,7 @@ function CheckoutPublicHostComponent_Conditional_1_Template(rf, ctx) {
 }
 function CheckoutPublicHostComponent_Conditional_2_Conditional_7_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "p", 8);
+    \u0275\u0275elementStart(0, "p", 7);
     \u0275\u0275text(1);
     \u0275\u0275elementEnd();
   }
@@ -37687,18 +38466,163 @@ function CheckoutPublicHostComponent_Conditional_2_Conditional_7_Template(rf, ct
     \u0275\u0275textInterpolate1("Order ", ctx_r0.orderNumber);
   }
 }
+function CheckoutPublicHostComponent_Conditional_2_Conditional_8_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "p", 8);
+    \u0275\u0275text(1, "Setting up your account\u2026");
+    \u0275\u0275elementEnd();
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Conditional_3_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "p", 12);
+    \u0275\u0275text(1);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(3);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate(ctx_r0.verificationNote);
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Conditional_10_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "p", 17);
+    \u0275\u0275text(1);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(3);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate(ctx_r0.passwordError);
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r2 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "form", 10);
+    \u0275\u0275listener("submit", function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template_form_submit_0_listener($event) {
+      \u0275\u0275restoreView(_r2);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      $event.preventDefault();
+      return \u0275\u0275resetView(ctx_r0.submitPassword());
+    });
+    \u0275\u0275elementStart(1, "h2", 11);
+    \u0275\u0275text(2, "Set a password for your account");
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(3, CheckoutPublicHostComponent_Conditional_2_Conditional_9_Conditional_3_Template, 2, 1, "p", 12);
+    \u0275\u0275elementStart(4, "label", 13);
+    \u0275\u0275text(5, "Password");
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(6, "input", 14);
+    \u0275\u0275listener("input", function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template_input_input_6_listener($event) {
+      \u0275\u0275restoreView(_r2);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.password = $event.target.value);
+    });
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(7, "label", 15);
+    \u0275\u0275text(8, "Confirm password");
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(9, "input", 16);
+    \u0275\u0275listener("input", function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template_input_input_9_listener($event) {
+      \u0275\u0275restoreView(_r2);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.passwordConfirmation = $event.target.value);
+    });
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(10, CheckoutPublicHostComponent_Conditional_2_Conditional_9_Conditional_10_Template, 2, 1, "p", 17);
+    \u0275\u0275elementStart(11, "button", 18);
+    \u0275\u0275text(12);
+    \u0275\u0275elementEnd();
+    \u0275\u0275elementStart(13, "button", 19);
+    \u0275\u0275listener("click", function CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template_button_click_13_listener() {
+      \u0275\u0275restoreView(_r2);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      return \u0275\u0275resetView(ctx_r0.skipPassword());
+    });
+    \u0275\u0275text(14, " Not now ");
+    \u0275\u0275elementEnd()();
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275advance(3);
+    \u0275\u0275conditional(ctx_r0.verificationNote ? 3 : -1);
+    \u0275\u0275advance(3);
+    \u0275\u0275property("value", ctx_r0.password);
+    \u0275\u0275advance(3);
+    \u0275\u0275property("value", ctx_r0.passwordConfirmation);
+    \u0275\u0275advance();
+    \u0275\u0275conditional(ctx_r0.passwordError ? 10 : -1);
+    \u0275\u0275advance();
+    \u0275\u0275property("disabled", ctx_r0.passwordBusy);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate1(" ", ctx_r0.passwordBusy ? "Saving\u2026" : "Set password", " ");
+    \u0275\u0275advance();
+    \u0275\u0275property("disabled", ctx_r0.passwordBusy);
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Conditional_3_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r4 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "button", 23);
+    \u0275\u0275listener("click", function CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Conditional_3_Template_button_click_0_listener() {
+      \u0275\u0275restoreView(_r4);
+      const ctx_r0 = \u0275\u0275nextContext(4);
+      return \u0275\u0275resetView(ctx_r0.dismissAccount());
+    });
+    \u0275\u0275text(1, "Not now");
+    \u0275\u0275elementEnd();
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r3 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "div", 20)(1, "button", 21);
+    \u0275\u0275listener("click", function CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Template_button_click_1_listener() {
+      \u0275\u0275restoreView(_r3);
+      const ctx_r0 = \u0275\u0275nextContext(3);
+      return \u0275\u0275resetView(ctx_r0.retryAccount());
+    });
+    \u0275\u0275text(2, "Try again");
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(3, CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Conditional_3_Template, 2, 0, "button", 22);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(3);
+    \u0275\u0275advance(3);
+    \u0275\u0275conditional((ctx_r0.config == null ? null : ctx_r0.config.redirectUrl) ? 3 : -1);
+  }
+}
+function CheckoutPublicHostComponent_Conditional_2_Conditional_10_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "p", 8);
+    \u0275\u0275text(1);
+    \u0275\u0275elementEnd();
+    \u0275\u0275conditionalCreate(2, CheckoutPublicHostComponent_Conditional_2_Conditional_10_Conditional_2_Template, 4, 1, "div", 20);
+  }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate(ctx_r0.accountMessage);
+    \u0275\u0275advance();
+    \u0275\u0275conditional((ctx_r0.account == null ? null : ctx_r0.account.Outcome) === "Failed" ? 2 : -1);
+  }
+}
 function CheckoutPublicHostComponent_Conditional_2_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "div", 2)(1, "div", 5);
+    \u0275\u0275elementStart(0, "div", 2)(1, "div", 4);
     \u0275\u0275text(2, "\u2713");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(3, "h1", 6);
+    \u0275\u0275elementStart(3, "h1", 5);
     \u0275\u0275text(4, "You're all set");
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(5, "p", 7);
+    \u0275\u0275elementStart(5, "p", 6);
     \u0275\u0275text(6);
     \u0275\u0275elementEnd();
-    \u0275\u0275conditionalCreate(7, CheckoutPublicHostComponent_Conditional_2_Conditional_7_Template, 2, 1, "p", 8);
+    \u0275\u0275conditionalCreate(7, CheckoutPublicHostComponent_Conditional_2_Conditional_7_Template, 2, 1, "p", 7);
+    \u0275\u0275conditionalCreate(8, CheckoutPublicHostComponent_Conditional_2_Conditional_8_Template, 2, 0, "p", 8)(9, CheckoutPublicHostComponent_Conditional_2_Conditional_9_Template, 15, 7, "form", 9)(10, CheckoutPublicHostComponent_Conditional_2_Conditional_10_Template, 3, 2);
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
@@ -37707,6 +38631,8 @@ function CheckoutPublicHostComponent_Conditional_2_Template(rf, ctx) {
     \u0275\u0275textInterpolate(ctx_r0.successMessage);
     \u0275\u0275advance();
     \u0275\u0275conditional(ctx_r0.orderNumber ? 7 : -1);
+    \u0275\u0275advance();
+    \u0275\u0275conditional(ctx_r0.accountLoading ? 8 : (ctx_r0.account == null ? null : ctx_r0.account.CanSetPassword) ? 9 : ctx_r0.accountMessage ? 10 : -1);
   }
 }
 function CheckoutPublicHostComponent_Conditional_3_Template(rf, ctx) {
@@ -37716,24 +38642,33 @@ function CheckoutPublicHostComponent_Conditional_3_Template(rf, ctx) {
     \u0275\u0275elementEnd();
   }
 }
-function CheckoutPublicHostComponent_Conditional_4_Template(rf, ctx) {
+function CheckoutPublicHostComponent_Conditional_4_For_1_Template(rf, ctx) {
   if (rf & 1) {
-    const _r2 = \u0275\u0275getCurrentView();
-    \u0275\u0275elementStart(0, "mj-checkout-widget", 9);
-    \u0275\u0275listener("submitted", function CheckoutPublicHostComponent_Conditional_4_Template_mj_checkout_widget_submitted_0_listener($event) {
-      \u0275\u0275restoreView(_r2);
-      const ctx_r0 = \u0275\u0275nextContext();
+    const _r5 = \u0275\u0275getCurrentView();
+    \u0275\u0275elementStart(0, "mj-checkout-widget", 25);
+    \u0275\u0275listener("submitted", function CheckoutPublicHostComponent_Conditional_4_For_1_Template_mj_checkout_widget_submitted_0_listener($event) {
+      \u0275\u0275restoreView(_r5);
+      const ctx_r0 = \u0275\u0275nextContext(2);
       return \u0275\u0275resetView(ctx_r0.onSubmitted($event));
-    })("cancelled", function CheckoutPublicHostComponent_Conditional_4_Template_mj_checkout_widget_cancelled_0_listener() {
-      \u0275\u0275restoreView(_r2);
-      const ctx_r0 = \u0275\u0275nextContext();
+    })("cancelled", function CheckoutPublicHostComponent_Conditional_4_For_1_Template_mj_checkout_widget_cancelled_0_listener() {
+      \u0275\u0275restoreView(_r5);
+      const ctx_r0 = \u0275\u0275nextContext(2);
       return \u0275\u0275resetView(ctx_r0.onCancelled());
     });
     \u0275\u0275elementEnd();
   }
+  if (rf & 2) {
+    const ctx_r0 = \u0275\u0275nextContext(2);
+    \u0275\u0275property("config", ctx_r0.config)("distributionSlug", ctx_r0.slug)("sessionKey", ctx_r0.sessionKey)("isProcessing", ctx_r0.processing)("isPaymentReady", ctx_r0.isPaymentReady)("stripePaymentMethodId", ctx_r0.stripePaymentMethodId)("prefillEmail", ctx_r0.prefillEmail)("errorMessage", ctx_r0.errorMessage);
+  }
+}
+function CheckoutPublicHostComponent_Conditional_4_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275repeaterCreate(0, CheckoutPublicHostComponent_Conditional_4_For_1_Template, 1, 8, "mj-checkout-widget", 24, \u0275\u0275repeaterTrackByIdentity);
+  }
   if (rf & 2) {
     const ctx_r0 = \u0275\u0275nextContext();
-    \u0275\u0275property("config", ctx_r0.config)("distributionSlug", ctx_r0.slug)("sessionKey", ctx_r0.sessionKey)("isProcessing", ctx_r0.processing)("isPaymentReady", ctx_r0.isPaymentReady)("stripePaymentMethodId", ctx_r0.stripePaymentMethodId)("errorMessage", ctx_r0.errorMessage);
+    \u0275\u0275repeater(\u0275\u0275pureFunction1(0, _c0, ctx_r0.formGeneration));
   }
 }
 var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
@@ -37751,10 +38686,35 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
   loadError = null;
   successMessage = null;
   orderNumber = null;
+  /** The post-payment account step, when the host registered one (#292). */
+  account = null;
+  password = "";
+  passwordConfirmation = "";
+  passwordError = null;
+  passwordBusy = false;
+  passwordSet = false;
+  /** True while the account step is being asked for. */
+  accountLoading = false;
+  /** The buyer chose to leave a failed account step. */
+  accountDismissed = false;
+  get accountMessage() {
+    return this.account ? AccountMessage(this.account, this.passwordSet) : null;
+  }
+  get verificationNote() {
+    return VerificationNote(this.account);
+  }
   stripe = null;
   card = null;
   cardMounted = false;
   destroyed = false;
+  state = null;
+  /** Bumped by Cancel: the template re-creates the widget, which clears everything the buyer entered. */
+  formGeneration = 0;
+  /** From the element's attributes, for a host that embeds the checkout in its own panel. */
+  prefillEmail = null;
+  attributionSource = null;
+  attributionReference = null;
+  onResetRequested = () => this.resetRequested();
   get isFree() {
     return (this.config?.unitPrice ?? 0) <= 0;
   }
@@ -37769,6 +38729,10 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
       this.loadError = "Checkout requires a secure random source. Open this page over HTTPS.";
       return;
     }
+    if (await this.resumeAccountStep()) {
+      return;
+    }
+    this.setState("LOADING");
     try {
       const init = await this.post("/initialize", {
         slug: this.slug,
@@ -37791,9 +38755,12 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
         return;
       }
       this.config = cfg;
+      this.setState("CHECKOUT");
     } catch {
       this.loadError = "Checkout is temporarily unavailable. Please try again.";
     } finally {
+      if (this.loadError)
+        this.reportError(this.loadError);
       this.cdr.detectChanges();
     }
   }
@@ -37812,13 +38779,78 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
   }
   ngOnDestroy() {
     this.destroyed = true;
+    this.hostEl?.nativeElement?.removeEventListener?.(CHECKOUT_RESET_REQUEST_EVENT, this.onResetRequested);
     try {
       this.card?.unmount?.();
     } catch {
     }
   }
+  /**
+   * Cancel resets the checkout to a blank form and tells the host page, which may close the modal
+   * the checkout sits in. The widget is re-created, so every field the buyer filled in is cleared,
+   * and the card field is mounted again on the new form. The session stays open for the next try.
+   */
   onCancelled() {
+    if (this.processing) {
+      return;
+    }
+    this.resetForm();
+    this.setState("CHECKOUT");
+    this.dispatch(CHECKOUT_CANCEL_EVENT, {});
+    this.dispatch(CHECKOUT_CLOSE_EVENT, {});
+    this.cdr.detectChanges();
+  }
+  /**
+   * A reset the embedding host asked for, by dispatching `checkout-reset` on the element (a voice
+   * or chat agent closing its panel, say). Refused while a payment is in flight — resetting then
+   * would strand a charge the buyer cannot see. Unlike Cancel it sends no `checkout-cancel` or
+   * `checkout-close`: the host started it. Also refused while the account step after a sale is
+   * unsettled, since the buyer could not come back to it.
+   *
+   * A reset always starts a new session, before a sale as well as after one: the server matches
+   * the buyer's person record once per session, so a kept session would carry the previous
+   * conversation's buyer into the next. The e-mail and attribution are read again, so a host
+   * starting a new conversation sets them on the element before it dispatches the reset.
+   */
+  resetRequested() {
+    if (this.processing || this.accountUnsettled) {
+      this.dispatch(CHECKOUT_RESET_REFUSED_EVENT, { state: this.state });
+      return;
+    }
+    this.successMessage = null;
+    this.orderNumber = null;
+    this.account = null;
+    this.accountDismissed = false;
+    this.password = "";
+    this.passwordConfirmation = "";
+    this.passwordError = null;
+    this.passwordSet = false;
+    this.config = null;
+    this.sessionId = "";
+    this.forgetClientKey();
+    this.forgetCompleting();
+    this.resetForm();
+    void this.ngOnInit();
+  }
+  /** The account step is still asking the buyer for something, and the buyer has not left it. */
+  get accountUnsettled() {
+    return this.accountLoading || this.passwordBusy || !this.accountDismissed && !IsAccountSettled(this.account);
+  }
+  /**
+   * Back to a blank form: every field, the error banner and the card entry. The session stays open.
+   * The caller reports the state, since a host reset reports `LOADING` next, not `CHECKOUT`.
+   */
+  resetForm() {
     this.errorMessage = null;
+    this.stripePaymentMethodId = null;
+    try {
+      this.card?.destroy?.();
+    } catch {
+    }
+    this.card = null;
+    this.cardMounted = false;
+    this.isPaymentReady = !this.config?.stripePublishableKey;
+    this.formGeneration++;
   }
   async onSubmitted(event) {
     if (this.processing || !this.config?.productId) {
@@ -37826,13 +38858,16 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
     }
     this.processing = true;
     this.errorMessage = null;
+    this.setState("PROCESSING");
     try {
       const line = buildCheckoutDraftLine(this.config.productId, event);
       const draft = await this.post("/draft", {
         sessionId: this.sessionId,
         clientSessionKey: this.sessionKey,
         email: event.email,
-        lines: [line]
+        lines: [line],
+        answers: event.answers,
+        ...this.attributionSource ? { attribution: { source: this.attributionSource, reference: this.attributionReference } } : {}
       });
       if (!draft?.Success) {
         throw new Error(this.str(draft?.ErrorMessage, "Could not price this checkout."));
@@ -37878,12 +38913,14 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
       await this.finish();
     } catch (err) {
       this.errorMessage = err instanceof Error ? err.message : "Checkout failed.";
+      this.reportError(this.errorMessage);
     } finally {
       this.processing = false;
       this.cdr.detectChanges();
     }
   }
   async finish() {
+    this.rememberCompleting(this.sessionId);
     const done = await this.post("/complete", {
       sessionId: this.sessionId,
       clientSessionKey: this.sessionKey
@@ -37893,11 +38930,144 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
     }
     this.orderNumber = done.OrderNumber ? String(done.OrderNumber) : null;
     this.successMessage = this.config?.successMessage || (this.orderNumber ? `Thank you. Order ${this.orderNumber} is confirmed.` : "Thank you. Your order is confirmed.");
-    if (this.config?.redirectUrl) {
-      window.location.href = this.config.redirectUrl;
+    this.setState("SUCCESS");
+    this.dispatch(CHECKOUT_COMPLETE_EVENT, BuildCheckoutCompleteDetail({
+      sessionId: this.sessionId,
+      productName: this.config?.productName ?? this.config?.title,
+      productId: this.config?.productId,
+      totalGross: done.TotalGross,
+      currency: this.config?.currency,
+      // The applied promotion code, once the checkout takes one.
+      coupon: null
+    }));
+    if (done.AccountStep === true) {
+      await this.loadAccount();
+    } else {
+      this.forgetCompleting();
+      this.leaveIfDone();
+    }
+    this.cdr.detectChanges();
+  }
+  /** Asks for the account step of the completed checkout. The host is asked again only after a failure. */
+  async loadAccount() {
+    this.accountLoading = true;
+    this.cdr.detectChanges();
+    try {
+      const res = await this.post("/account", {
+        sessionId: this.sessionId,
+        clientSessionKey: this.sessionKey
+      });
+      this.account = res.Success ? ReadCheckoutAccount(res.Account) : ACCOUNT_STEP_FAILED;
+    } catch {
+      this.account = ACCOUNT_STEP_FAILED;
+    } finally {
+      this.accountLoading = false;
     }
+    if (IsAccountSettled(this.account))
+      this.forgetCompleting();
+    this.leaveIfDone();
     this.cdr.detectChanges();
   }
+  /** Asks the host again after the account step failed. */
+  async retryAccount() {
+    if (this.accountLoading)
+      return;
+    await this.loadAccount();
+  }
+  /** Leaves a failed account step. A reload of this checkout in the same tab offers it again. */
+  dismissAccount() {
+    this.accountDismissed = true;
+    this.leaveIfDone();
+  }
+  /**
+   * A reload after payment: when this tab completed a checkout whose account step is not settled,
+   * shows the confirmation and the account step instead of a new checkout.
+   */
+  async resumeAccountStep() {
+    const sessionId = this.completingSession();
+    if (!sessionId)
+      return false;
+    try {
+      const res = await this.post("/account", { sessionId, clientSessionKey: this.sessionKey });
+      const account = res.Success ? ReadCheckoutAccount(res.Account) : null;
+      if (!account) {
+        this.forgetCompleting();
+        return false;
+      }
+      this.sessionId = sessionId;
+      this.successMessage = "Thank you. Your order is confirmed.";
+      this.account = account;
+      if (IsAccountSettled(account))
+        this.forgetCompleting();
+      return true;
+    } catch {
+      return false;
+    } finally {
+      this.cdr.detectChanges();
+    }
+  }
+  /** Sends the new account's password. The host's policy decides; its message is shown when it refuses. */
+  async submitPassword() {
+    const problem = CheckPasswordEntry(this.password, this.passwordConfirmation);
+    if (problem) {
+      this.passwordError = problem;
+      return;
+    }
+    this.passwordBusy = true;
+    this.passwordError = null;
+    try {
+      const res = await this.post("/account/password", {
+        sessionId: this.sessionId,
+        clientSessionKey: this.sessionKey,
+        password: this.password
+      });
+      this.account = ReadCheckoutAccount(res.Account) ?? this.account;
+      if (IsAccountSettled(this.account))
+        this.forgetCompleting();
+      if (res.Success) {
+        this.passwordSet = true;
+        this.password = "";
+        this.passwordConfirmation = "";
+        this.leaveIfDone();
+      } else {
+        this.passwordError = this.str(res.ErrorMessage, "That password could not be set. Please try another.");
+      }
+    } catch {
+      this.passwordError = "That password could not be set right now. Please try again.";
+    } finally {
+      this.passwordBusy = false;
+      this.cdr.detectChanges();
+    }
+  }
+  /** Leaves the password for later: the buyer can reset it at sign-in. */
+  skipPassword() {
+    if (this.account)
+      this.account = { ...this.account, CanSetPassword: false };
+    this.forgetCompleting();
+    this.leaveIfDone();
+  }
+  /** Follows the widget's redirect once nothing is left for the buyer to do here. */
+  leaveIfDone() {
+    if (this.config?.redirectUrl && !this.accountLoading && MayRedirect(this.account, this.accountDismissed)) {
+      window.location.href = this.config.redirectUrl;
+    }
+  }
+  /** Reports a state the host page can track; repeats of the same state are not re-sent. */
+  setState(state) {
+    if (this.state === state)
+      return;
+    this.state = state;
+    this.dispatch(CHECKOUT_STATE_CHANGE_EVENT, { state });
+  }
+  reportError(message) {
+    this.setState("ERROR");
+    this.dispatch(CHECKOUT_ERROR_EVENT, { message });
+  }
+  /** Dispatches on the `<mj-orders-checkout>` element; bubbling and composed, so `document` hears it too. */
+  dispatch(name, detail) {
+    const el = this.hostEl?.nativeElement;
+    el?.dispatchEvent(CheckoutElementEvent(name, detail));
+  }
   async mountStripe(mount) {
     const pk = this.config?.stripePublishableKey;
     if (!pk) {
@@ -37915,6 +39085,7 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
     } catch (err) {
       this.cardMounted = false;
       this.errorMessage = err instanceof Error ? err.message : "Could not load card entry.";
+      this.reportError(this.errorMessage);
     }
   }
   loadStripe(pk) {
@@ -37953,6 +39124,27 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
     if (apiRoot) {
       this.apiRoot = apiRoot.replace(/\/+$/, "");
     }
+    this.readConversationAttributes();
+    el.addEventListener?.(CHECKOUT_RESET_REQUEST_EVENT, this.onResetRequested);
+  }
+  /**
+   * For a host that embeds the checkout in its own panel: an e-mail it already knows, and where the
+   * checkout came from. The server keeps the attribution only if it reads as one.
+   */
+  readConversationAttributes() {
+    const el = this.hostEl?.nativeElement;
+    if (!el) {
+      return;
+    }
+    this.prefillEmail = el.getAttribute("email") || el.getAttribute("data-email") || null;
+    this.attributionSource = el.getAttribute("source") || el.getAttribute("data-source") || null;
+    this.attributionReference = el.getAttribute("source-ref") || el.getAttribute("data-source-ref") || null;
+  }
+  forgetClientKey() {
+    try {
+      sessionStorage.removeItem(`mj-checkout-key:${this.slug}`);
+    } catch {
+    }
   }
   clientKey() {
     const storageKey = `mj-checkout-key:${this.slug}`;
@@ -37982,6 +39174,28 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
     }
     return key;
   }
+  get completingKey() {
+    return `mj-checkout-completing:${this.slug}`;
+  }
+  rememberCompleting(sessionId) {
+    try {
+      sessionStorage.setItem(this.completingKey, sessionId);
+    } catch {
+    }
+  }
+  forgetCompleting() {
+    try {
+      sessionStorage.removeItem(this.completingKey);
+    } catch {
+    }
+  }
+  completingSession() {
+    try {
+      return sessionStorage.getItem(this.completingKey);
+    } catch {
+      return null;
+    }
+  }
   async post(path, body) {
     const res = await fetch(`${this.apiRoot}${path}`, {
       method: "POST",
@@ -37999,17 +39213,17 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
   static \u0275fac = function CheckoutPublicHostComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _CheckoutPublicHostComponent)();
   };
-  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _CheckoutPublicHostComponent, selectors: [["mj-orders-checkout"]], inputs: { slug: "slug", apiRoot: "apiRoot" }, decls: 5, vars: 1, consts: [[1, "mj-checkout-public"], ["role", "alert", 1, "mj-widget-error-banner"], ["role", "status", 1, "mj-checkout-success"], ["role", "status", 1, "mj-checkout-public__status"], [3, "config", "distributionSlug", "sessionKey", "isProcessing", "isPaymentReady", "stripePaymentMethodId", "errorMessage"], ["aria-hidden", "true", 1, "mj-checkout-success__icon"], [1, "mj-checkout-success__title"], [1, "mj-checkout-success__msg"], [1, "mj-checkout-success__order"], [3, "submitted", "cancelled", "config", "distributionSlug", "sessionKey", "isProcessing", "isPaymentReady", "stripePaymentMethodId", "errorMessage"]], template: function CheckoutPublicHostComponent_Template(rf, ctx) {
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _CheckoutPublicHostComponent, selectors: [["mj-orders-checkout"]], inputs: { slug: "slug", apiRoot: "apiRoot" }, decls: 5, vars: 1, consts: [[1, "mj-checkout-public"], ["role", "alert", 1, "mj-widget-error-banner"], ["role", "status", 1, "mj-checkout-success"], ["role", "status", 1, "mj-checkout-public__status"], ["aria-hidden", "true", 1, "mj-checkout-success__icon"], [1, "mj-checkout-success__title"], [1, "mj-checkout-success__msg"], [1, "mj-checkout-success__order"], ["role", "status", 1, "mj-checkout-account__msg"], [1, "mj-checkout-account"], [1, "mj-checkout-account", 3, "submit"], [1, "mj-checkout-account__title"], [1, "mj-checkout-account__note"], ["for", "mj-checkout-password", 1, "mj-checkout-account__label"], ["id", "mj-checkout-password", "type", "password", "autocomplete", "new-password", 1, "mj-checkout-account__input", 3, "input", "value"], ["for", "mj-checkout-password-confirm", 1, "mj-checkout-account__label"], ["id", "mj-checkout-password-confirm", "type", "password", "autocomplete", "new-password", 1, "mj-checkout-account__input", 3, "input", "value"], ["role", "alert", 1, "mj-checkout-account__error"], ["type", "submit", 1, "mj-checkout-account__submit", 3, "disabled"], ["type", "button", 1, "mj-checkout-account__skip", 3, "click", "disabled"], [1, "mj-checkout-account", "mj-checkout-account--actions"], ["type", "button", 1, "mj-checkout-account__submit", 3, "click"], ["type", "button", 1, "mj-checkout-account__skip"], ["type", "button", 1, "mj-checkout-account__skip", 3, "click"], [3, "config", "distributionSlug", "sessionKey", "isProcessing", "isPaymentReady", "stripePaymentMethodId", "prefillEmail", "errorMessage"], [3, "submitted", "cancelled", "config", "distributionSlug", "sessionKey", "isProcessing", "isPaymentReady", "stripePaymentMethodId", "prefillEmail", "errorMessage"]], template: function CheckoutPublicHostComponent_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 0);
-      \u0275\u0275conditionalCreate(1, CheckoutPublicHostComponent_Conditional_1_Template, 2, 1, "div", 1)(2, CheckoutPublicHostComponent_Conditional_2_Template, 8, 2, "div", 2)(3, CheckoutPublicHostComponent_Conditional_3_Template, 2, 0, "p", 3)(4, CheckoutPublicHostComponent_Conditional_4_Template, 1, 7, "mj-checkout-widget", 4);
+      \u0275\u0275conditionalCreate(1, CheckoutPublicHostComponent_Conditional_1_Template, 2, 1, "div", 1)(2, CheckoutPublicHostComponent_Conditional_2_Template, 11, 3, "div", 2)(3, CheckoutPublicHostComponent_Conditional_3_Template, 2, 0, "p", 3)(4, CheckoutPublicHostComponent_Conditional_4_Template, 2, 2);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
       \u0275\u0275advance();
       \u0275\u0275conditional(ctx.loadError ? 1 : ctx.successMessage ? 2 : !ctx.config ? 3 : 4);
     }
-  }, dependencies: [CommonModule, MJCheckoutWidgetComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n}\n\n.mj-checkout-public[_ngcontent-%COMP%] {\n    max-width: 580px;\n    margin: 0 auto;\n}\n\n.mj-checkout-public__status[_ngcontent-%COMP%] {\n    text-align: center;\n    color: #64748b;\n    font-size: 0.95rem;\n    padding: 2rem 0;\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    font-size: 0.875rem;\n}\n\n.mj-checkout-success[_ngcontent-%COMP%] {\n    text-align: center;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 2rem 1.5rem;\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n}\n\n.mj-checkout-success__icon[_ngcontent-%COMP%] {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 auto 1rem;\n    border-radius: 50%;\n    background: #dcfce7;\n    color: #16a34a;\n    font-size: 1.5rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-checkout-success__title[_ngcontent-%COMP%] {\n    margin: 0 0 0.5rem;\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.mj-checkout-success__msg[_ngcontent-%COMP%], \n.mj-checkout-success__order[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #64748b;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-success__order[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    font-weight: 600;\n    color: #334155;\n}"] });
+  }, dependencies: [CommonModule, MJCheckoutWidgetComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n}\n\n.mj-checkout-public[_ngcontent-%COMP%] {\n    max-width: 580px;\n    margin: 0 auto;\n}\n\n.mj-checkout-public__status[_ngcontent-%COMP%] {\n    text-align: center;\n    color: #64748b;\n    font-size: 0.95rem;\n    padding: 2rem 0;\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    font-size: 0.875rem;\n}\n\n.mj-checkout-success[_ngcontent-%COMP%] {\n    text-align: center;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 2rem 1.5rem;\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n}\n\n.mj-checkout-success__icon[_ngcontent-%COMP%] {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 auto 1rem;\n    border-radius: 50%;\n    background: #dcfce7;\n    color: #16a34a;\n    font-size: 1.5rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-checkout-success__title[_ngcontent-%COMP%] {\n    margin: 0 0 0.5rem;\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.mj-checkout-success__msg[_ngcontent-%COMP%], \n.mj-checkout-success__order[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #64748b;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-success__order[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    font-weight: 600;\n    color: #334155;\n}\n\n\n\n.mj-checkout-account[_ngcontent-%COMP%] {\n    margin: 1.5rem auto 0;\n    max-width: 320px;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.mj-checkout-account__title[_ngcontent-%COMP%] {\n    margin: 0 0 0.5rem;\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #0f172a;\n    text-align: center;\n}\n\n.mj-checkout-account__label[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #334155;\n}\n\n.mj-checkout-account__input[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    border: 1px solid #cbd5e1;\n    border-radius: 6px;\n    font-size: 0.95rem;\n    font-family: inherit;\n}\n\n.mj-checkout-account__input[_ngcontent-%COMP%]:focus {\n    outline: none;\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-checkout-account__error[_ngcontent-%COMP%] {\n    margin: 4px 0 0;\n    color: #991b1b;\n    font-size: 0.85rem;\n}\n\n.mj-checkout-account__submit[_ngcontent-%COMP%] {\n    margin-top: 10px;\n    padding: 10px;\n    border: 0;\n    border-radius: 6px;\n    background: var(--mj-primary-color, #2563eb);\n    color: #ffffff;\n    font-weight: 600;\n    cursor: pointer;\n}\n\n.mj-checkout-account__skip[_ngcontent-%COMP%] {\n    padding: 6px;\n    border: 0;\n    background: none;\n    color: #64748b;\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.mj-checkout-account__submit[_ngcontent-%COMP%]:disabled, \n.mj-checkout-account__skip[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.mj-checkout-account__msg[_ngcontent-%COMP%] {\n    margin: 1rem 0 0;\n    color: #334155;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-account__note[_ngcontent-%COMP%] {\n    margin: 0 0 0.5rem;\n    color: #475569;\n    font-size: 0.85rem;\n    line-height: 1.45;\n    text-align: center;\n}\n\n.mj-checkout-account--actions[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n}"] });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(CheckoutPublicHostComponent, [{
@@ -38025,10 +39239,56 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
             @if (orderNumber) {
                 <p class="mj-checkout-success__order">Order {{ orderNumber }}</p>
             }
+            @if (accountLoading) {
+                <p class="mj-checkout-account__msg" role="status">Setting up your account\u2026</p>
+            } @else if (account?.CanSetPassword) {
+                <form class="mj-checkout-account" (submit)="$event.preventDefault(); submitPassword()">
+                    <h2 class="mj-checkout-account__title">Set a password for your account</h2>
+                    @if (verificationNote) {
+                        <p class="mj-checkout-account__note">{{ verificationNote }}</p>
+                    }
+                    <label class="mj-checkout-account__label" for="mj-checkout-password">Password</label>
+                    <input
+                        id="mj-checkout-password"
+                        class="mj-checkout-account__input"
+                        type="password"
+                        autocomplete="new-password"
+                        [value]="password"
+                        (input)="password = $any($event.target).value" />
+                    <label class="mj-checkout-account__label" for="mj-checkout-password-confirm">Confirm password</label>
+                    <input
+                        id="mj-checkout-password-confirm"
+                        class="mj-checkout-account__input"
+                        type="password"
+                        autocomplete="new-password"
+                        [value]="passwordConfirmation"
+                        (input)="passwordConfirmation = $any($event.target).value" />
+                    @if (passwordError) {
+                        <p class="mj-checkout-account__error" role="alert">{{ passwordError }}</p>
+                    }
+                    <button class="mj-checkout-account__submit" type="submit" [disabled]="passwordBusy">
+                        {{ passwordBusy ? 'Saving\u2026' : 'Set password' }}
+                    </button>
+                    <button class="mj-checkout-account__skip" type="button" (click)="skipPassword()" [disabled]="passwordBusy">
+                        Not now
+                    </button>
+                </form>
+            } @else if (accountMessage) {
+                <p class="mj-checkout-account__msg" role="status">{{ accountMessage }}</p>
+                @if (account?.Outcome === 'Failed') {
+                    <div class="mj-checkout-account mj-checkout-account--actions">
+                        <button class="mj-checkout-account__submit" type="button" (click)="retryAccount()">Try again</button>
+                        @if (config?.redirectUrl) {
+                            <button class="mj-checkout-account__skip" type="button" (click)="dismissAccount()">Not now</button>
+                        }
+                    </div>
+                }
+            }
         </div>
     } @else if (!config) {
         <p class="mj-checkout-public__status" role="status">Loading checkout\u2026</p>
     } @else {
+        @for (generation of [formGeneration]; track generation) {
         <mj-checkout-widget
             [config]="config"
             [distributionSlug]="slug"
@@ -38036,13 +39296,15 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
             [isProcessing]="processing"
             [isPaymentReady]="isPaymentReady"
             [stripePaymentMethodId]="stripePaymentMethodId"
+            [prefillEmail]="prefillEmail"
             [errorMessage]="errorMessage"
             (submitted)="onSubmitted($event)"
             (cancelled)="onCancelled()">
         </mj-checkout-widget>
+        }
     }
 </div>
-`, styles: [":host {\n    display: block;\n}\n\n.mj-checkout-public {\n    max-width: 580px;\n    margin: 0 auto;\n}\n\n.mj-checkout-public__status {\n    text-align: center;\n    color: #64748b;\n    font-size: 0.95rem;\n    padding: 2rem 0;\n}\n\n.mj-widget-error-banner {\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    font-size: 0.875rem;\n}\n\n.mj-checkout-success {\n    text-align: center;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 2rem 1.5rem;\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n}\n\n.mj-checkout-success__icon {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 auto 1rem;\n    border-radius: 50%;\n    background: #dcfce7;\n    color: #16a34a;\n    font-size: 1.5rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-checkout-success__title {\n    margin: 0 0 0.5rem;\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.mj-checkout-success__msg,\n.mj-checkout-success__order {\n    margin: 0;\n    color: #64748b;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-success__order {\n    margin-top: 0.75rem;\n    font-weight: 600;\n    color: #334155;\n}\n"] }]
+`, styles: [":host {\n    display: block;\n}\n\n.mj-checkout-public {\n    max-width: 580px;\n    margin: 0 auto;\n}\n\n.mj-checkout-public__status {\n    text-align: center;\n    color: #64748b;\n    font-size: 0.95rem;\n    padding: 2rem 0;\n}\n\n.mj-widget-error-banner {\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    font-size: 0.875rem;\n}\n\n.mj-checkout-success {\n    text-align: center;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 2rem 1.5rem;\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n}\n\n.mj-checkout-success__icon {\n    width: 3rem;\n    height: 3rem;\n    margin: 0 auto 1rem;\n    border-radius: 50%;\n    background: #dcfce7;\n    color: #16a34a;\n    font-size: 1.5rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mj-checkout-success__title {\n    margin: 0 0 0.5rem;\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.mj-checkout-success__msg,\n.mj-checkout-success__order {\n    margin: 0;\n    color: #64748b;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-success__order {\n    margin-top: 0.75rem;\n    font-weight: 600;\n    color: #334155;\n}\n\n/* Post-payment account step: set a password for the account the host created (#292). */\n.mj-checkout-account {\n    margin: 1.5rem auto 0;\n    max-width: 320px;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.mj-checkout-account__title {\n    margin: 0 0 0.5rem;\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #0f172a;\n    text-align: center;\n}\n\n.mj-checkout-account__label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #334155;\n}\n\n.mj-checkout-account__input {\n    padding: 8px 10px;\n    border: 1px solid #cbd5e1;\n    border-radius: 6px;\n    font-size: 0.95rem;\n    font-family: inherit;\n}\n\n.mj-checkout-account__input:focus {\n    outline: none;\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-checkout-account__error {\n    margin: 4px 0 0;\n    color: #991b1b;\n    font-size: 0.85rem;\n}\n\n.mj-checkout-account__submit {\n    margin-top: 10px;\n    padding: 10px;\n    border: 0;\n    border-radius: 6px;\n    background: var(--mj-primary-color, #2563eb);\n    color: #ffffff;\n    font-weight: 600;\n    cursor: pointer;\n}\n\n.mj-checkout-account__skip {\n    padding: 6px;\n    border: 0;\n    background: none;\n    color: #64748b;\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.mj-checkout-account__submit:disabled,\n.mj-checkout-account__skip:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.mj-checkout-account__msg {\n    margin: 1rem 0 0;\n    color: #334155;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.mj-checkout-account__note {\n    margin: 0 0 0.5rem;\n    color: #475569;\n    font-size: 0.85rem;\n    line-height: 1.45;\n    text-align: center;\n}\n\n.mj-checkout-account--actions {\n    margin-top: 0.75rem;\n}\n"] }]
   }], null, { slug: [{
     type: Input
   }], apiRoot: [{
@@ -38050,7 +39312,7 @@ var CheckoutPublicHostComponent = class _CheckoutPublicHostComponent {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(CheckoutPublicHostComponent, { className: "CheckoutPublicHostComponent", filePath: "lib/checkout-widget/checkout-public-host.component.ts", lineNumber: 61 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(CheckoutPublicHostComponent, { className: "CheckoutPublicHostComponent", filePath: "lib/checkout-widget/checkout-public-host.component.ts", lineNumber: 84 });
 })();
 
 // scripts/checkout-element-entry.ts