tf-checkout-react 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/index.js

@@ -1649,7 +1649,7 @@ var buildXenditCheckoutHtml = (options) => {
 
 // ../tf-checkout-shared/src/engine/errors.ts
 var errorMessage = (error) => toTtfError(error).message;
-var EXPIRED_WORDS = /expir|caduc|scadut|abgelaufen|verlopen|udløbet|löpt ut|utløpt|vypršel|wygasł|истек|expirou|kedaluwarsa|hết hạn|期限切れ|已过期|已過期|만료/i;
+var EXPIRED_WORDS = /expir|caduc|scadut|abgelaufen|verlopen|udløbet|löpt ut|utløpt|vypršel|wygasł|истек|expirou|kedaluwarsa|vanhentu|hết hạn|期限切れ|已过期|已過期|만료/i;
 var isCartExpiredError = (error) => {
   const e = toTtfError(error);
   if (e.status !== 422) return false;
@@ -2051,8 +2051,12 @@ var removeReservedSeats = async (eventId, tierId, seatIds) => (
 var refreshReservation = async (eventId, orderId) => patch(ENDPOINTS.seatmap.refreshReservation(eventId), { order_id: orderId });
 
 // ../tf-checkout-shared/src/api/events.ts
+var badgeOf = (raw) => {
+  const text = typeof raw === "string" ? raw.trim() : "";
+  return text || null;
+};
 var mapTicket = (t) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   return {
     id: String(t.id),
     name: (_a = t.displayName) != null ? _a : "",
@@ -2080,7 +2084,8 @@ var mapTicket = (t) => {
     allowDirectPurchase: Boolean(t.allowDirectPurchase),
     waitingListEnabled: Boolean(t.waitingListEnabled),
     waitingListMaxQuantity: t.waitingListMaxQuantity != null ? Number(t.waitingListMaxQuantity) : void 0,
-    descriptionRich: (_m = t.descriptionRich) != null ? _m : null
+    descriptionRich: (_m = t.descriptionRich) != null ? _m : null,
+    badgeText: badgeOf((_n = t.badgeText) != null ? _n : t.badge_text)
   };
 };
 var getEventTickets = async (eventId) => {
@@ -2134,7 +2139,7 @@ var getEventConditions = async (eventId) => {
   }).filter((c) => c.content || c.name);
 };
 var getEventTimeSlotTickets = async (eventId, date, options) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const body = await get(ENDPOINTS.events.timeSlotByDate(eventId), {
     params: {
       date,
@@ -2171,6 +2176,7 @@ var getEventTimeSlotTickets = async (eventId, date, options) => {
             isTable: Boolean(s.is_table),
             allowDirectPurchase: true,
             descriptionRich: (_t = s.description) != null ? _t : null,
+            badgeText: badgeOf((_u = s.badge_text) != null ? _u : s.badgeText),
             timeSlot: { date: slotDate, time: timeKey }
           });
         }
@@ -4369,7 +4375,53 @@ var en = {
   "auth.passwordsMustMatch": "Passwords must match.",
   "auth.passwordChanged": "Your password has been changed. You can now log in.",
   "auth.selectState": "Select state / region",
-  "auth.notRequired": "Not required"
+  "auth.notRequired": "Not required",
+  // --- Previously hardcoded in components ---------------------------------
+  "tickets.waitingListJoined": "You\u2019re on the waiting list \u2014 we\u2019ll email you if a spot opens.",
+  "tickets.firstName": "First name",
+  "tickets.lastName": "Last name",
+  "tickets.email": "Email",
+  "tickets.joinWaitingList": "Join the waiting list",
+  "tickets.free": "FREE",
+  "tickets.withFees": "({{price}} with fees)",
+  "tickets.deposit": "{{percent}}% DEPOSIT",
+  "tickets.gotPromoCode": "Got a promo code? Click here",
+  "payment.conditionRequired": "You must accept this condition to continue.",
+  "payment.payInFull": "Pay in full instead",
+  "payment.installmentTotal": "{{amount}} total",
+  "confirmation.viewVoucher": "View payment voucher",
+  "confirmation.viewTickets": "View my tickets",
+  "confirmation.orderConfirmed": "Your order has been confirmed!",
+  "confirmation.emailed": "Your tickets have been emailed to you",
+  "confirmation.inMyTickets": "Your tickets are available in My Tickets.",
+  "confirmation.bringThem": "Please bring them with you to the event",
+  "confirmation.viewOrder": "View Order",
+  "confirmation.missingReference": "The order reference is missing.",
+  "referral.titleStart": "Your ticket can become",
+  "referral.titleCheaper": "cheaper",
+  "referral.titleOr": "or even",
+  "referral.titleFree": "FREE!",
+  "referral.inviteMiddle": "and we'll refund up to",
+  "referral.inviteEnd": "of your ticket money, if they buy tickets as well!",
+  "referral.copy": "Copy",
+  "referral.currentPrice": "Your ticket is currently",
+  "referral.ifFriendsBuy": "If your friends buy {{count}} tickets",
+  "referral.becomes": "Your ticket becomes",
+  "referral.goesDownTo": "Your ticket goes down to",
+  "verification.title": "Account Verification",
+  "verification.checking": "Checking your verification status\u2026",
+  "verification.idle": "To complete the purchase, please verify your identity.",
+  "verification.starting": "Opening the verification page\u2026",
+  "verification.polling": "Waiting for verification to complete in the other tab\u2026",
+  "verification.verified": "Identity verified \u2014 your tickets are on their way.",
+  "verification.timeoutCheckAgain": "Still not confirmed. Finish in the other tab, then check again.",
+  "verification.timeoutSafe": "Verification is taking longer than usual. Your payment is safe.",
+  "verification.error": "We couldn\u2019t reach the verification service. Try again.",
+  "verification.verify": "Verify",
+  "verification.verifying": "Verifying\u2026",
+  "verification.checkAgain": "Check again",
+  "verification.tryAgain": "Try again",
+  "auth.existingAccount": "This email already has an account. Log in to autofill your checkout details."
 };
 
 // ../tf-checkout-shared/src/i18n/resolve.ts
@@ -4585,7 +4637,53 @@ var esMX = {
   "auth.passwordsMustMatch": "Las contrase\xF1as deben coincidir.",
   "auth.passwordChanged": "Tu contrase\xF1a se cambi\xF3. Ya puedes iniciar sesi\xF3n.",
   "auth.selectState": "Selecciona estado / regi\xF3n",
-  "auth.notRequired": "No requerido"
+  "auth.notRequired": "No requerido",
+  // --- Previously hardcoded in components ---------------------------------
+  "tickets.waitingListJoined": "Ya est\xE1s en la lista de espera \u2014 te escribiremos si se libera un lugar.",
+  "tickets.firstName": "Nombre",
+  "tickets.lastName": "Apellido",
+  "tickets.email": "Correo electr\xF3nico",
+  "tickets.joinWaitingList": "Unirme a la lista de espera",
+  "tickets.free": "GRATIS",
+  "tickets.withFees": "({{price}} con cargos)",
+  "tickets.deposit": "{{percent}}% DE ANTICIPO",
+  "tickets.gotPromoCode": "\xBFTienes un c\xF3digo promocional? Haz clic aqu\xED",
+  "payment.conditionRequired": "Debes aceptar esta condici\xF3n para continuar.",
+  "payment.payInFull": "Mejor pagar en una sola exhibici\xF3n",
+  "payment.installmentTotal": "{{amount}} en total",
+  "confirmation.viewVoucher": "Ver ficha de pago",
+  "confirmation.viewTickets": "Ver mis boletos",
+  "confirmation.orderConfirmed": "\xA1Tu pedido est\xE1 confirmado!",
+  "confirmation.emailed": "Te enviamos tus boletos por correo",
+  "confirmation.inMyTickets": "Tus boletos est\xE1n disponibles en Mis boletos.",
+  "confirmation.bringThem": "Ll\xE9valos contigo al evento",
+  "confirmation.viewOrder": "Ver pedido",
+  "confirmation.missingReference": "Falta la referencia del pedido.",
+  "referral.titleStart": "Tu boleto puede salirte",
+  "referral.titleCheaper": "m\xE1s barato",
+  "referral.titleOr": "o incluso",
+  "referral.titleFree": "\xA1GRATIS!",
+  "referral.inviteMiddle": "y te reembolsamos hasta el",
+  "referral.inviteEnd": "de lo que pagaste por tu boleto si ellos tambi\xE9n compran.",
+  "referral.copy": "Copiar",
+  "referral.currentPrice": "Tu boleto cuesta ahora",
+  "referral.ifFriendsBuy": "Si tus amigos compran {{count}} boletos",
+  "referral.becomes": "Tu boleto queda",
+  "referral.goesDownTo": "Tu boleto baja a",
+  "verification.title": "Verificaci\xF3n de cuenta",
+  "verification.checking": "Revisando el estado de tu verificaci\xF3n\u2026",
+  "verification.idle": "Para completar la compra, verifica tu identidad.",
+  "verification.starting": "Abriendo la p\xE1gina de verificaci\xF3n\u2026",
+  "verification.polling": "Esperando a que termines la verificaci\xF3n en la otra pesta\xF1a\u2026",
+  "verification.verified": "Identidad verificada \u2014 tus boletos van en camino.",
+  "verification.timeoutCheckAgain": "A\xFAn no se confirma. Termina en la otra pesta\xF1a y vuelve a revisar.",
+  "verification.timeoutSafe": "La verificaci\xF3n est\xE1 tardando m\xE1s de lo normal. Tu pago est\xE1 seguro.",
+  "verification.error": "No pudimos conectar con el servicio de verificaci\xF3n. Int\xE9ntalo de nuevo.",
+  "verification.verify": "Verificar",
+  "verification.verifying": "Verificando\u2026",
+  "verification.checkAgain": "Revisar de nuevo",
+  "verification.tryAgain": "Intentar de nuevo",
+  "auth.existingAccount": "Este correo ya tiene una cuenta. Inicia sesi\xF3n para autocompletar tus datos de compra."
 };
 
 // ../tf-checkout-shared/src/i18n/locales/index.ts
@@ -5442,14 +5540,17 @@ var import_react7 = __toESM(require("react"));
 
 // src/ui/Loader.tsx
 var import_react6 = __toESM(require("react"));
-var Loader = ({ className }) => /* @__PURE__ */ import_react6.default.createElement(
-  "span",
-  {
-    className: cx("tf-checkout-loader", className),
-    role: "status",
-    "aria-label": "Loading"
-  }
-);
+var Loader = ({ className }) => {
+  const t = useT();
+  return /* @__PURE__ */ import_react6.default.createElement(
+    "span",
+    {
+      className: cx("tf-checkout-loader", className),
+      role: "status",
+      "aria-label": t("common.loading")
+    }
+  );
+};
 
 // src/ui/Button.tsx
 var Button = (0, import_react7.forwardRef)(
@@ -5503,9 +5604,9 @@ var useInstallmentPicker = () => {
           onClick: () => choose(o)
         },
         /* @__PURE__ */ import_react8.default.createElement("span", null, o.count, " \xD7 ", (_a = o.per_installment_formatted) != null ? _a : o.per_installment),
-        /* @__PURE__ */ import_react8.default.createElement("span", { className: "tf-checkout-installments__meta" }, o.total_formatted ? `${o.total_formatted} total` : "", o.diff_from_original_formatted ? ` \xB7 ${o.diff_from_original_formatted}` : "")
+        /* @__PURE__ */ import_react8.default.createElement("span", { className: "tf-checkout-installments__meta" }, o.total_formatted ? t("payment.installmentTotal", { amount: o.total_formatted }) : "", o.diff_from_original_formatted ? ` \xB7 ${o.diff_from_original_formatted}` : "")
       );
-    })), /* @__PURE__ */ import_react8.default.createElement(Button, { variant: "ghost", block: true, onClick: () => choose(null) }, "Pay in full instead"))
+    })), /* @__PURE__ */ import_react8.default.createElement(Button, { variant: "ghost", block: true, onClick: () => choose(null) }, t("payment.payInFull")))
   ) : null;
   return { onInstallmentOffers, picker };
 };
@@ -5906,27 +6007,30 @@ var PaymentMethods = ({
 
 // src/ui/Stepper.tsx
 var import_react14 = __toESM(require("react"));
-var Stepper = ({ value, onChange, min = 0, max = Infinity, step = 1, disabled, className }) => /* @__PURE__ */ import_react14.default.createElement("div", { className: cx("tf-checkout-stepper", className) }, /* @__PURE__ */ import_react14.default.createElement(
-  "button",
-  {
-    type: "button",
-    className: "tf-checkout-stepper__btn",
-    "aria-label": "Decrease",
-    disabled: disabled || value <= min,
-    onClick: () => onChange(Math.max(min, value - step))
-  },
-  "\u2212"
-), /* @__PURE__ */ import_react14.default.createElement("span", { className: "tf-checkout-stepper__value" }, value), /* @__PURE__ */ import_react14.default.createElement(
-  "button",
-  {
-    type: "button",
-    className: "tf-checkout-stepper__btn",
-    "aria-label": "Increase",
-    disabled: disabled || value >= max,
-    onClick: () => onChange(Math.min(max, value + step))
-  },
-  "+"
-));
+var Stepper = ({ value, onChange, min = 0, max = Infinity, step = 1, disabled, className }) => {
+  const t = useT();
+  return /* @__PURE__ */ import_react14.default.createElement("div", { className: cx("tf-checkout-stepper", className) }, /* @__PURE__ */ import_react14.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "tf-checkout-stepper__btn",
+      "aria-label": t("common.decrease"),
+      disabled: disabled || value <= min,
+      onClick: () => onChange(Math.max(min, value - step))
+    },
+    "\u2212"
+  ), /* @__PURE__ */ import_react14.default.createElement("span", { className: "tf-checkout-stepper__value" }, value), /* @__PURE__ */ import_react14.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "tf-checkout-stepper__btn",
+      "aria-label": t("common.increase"),
+      disabled: disabled || value >= max,
+      onClick: () => onChange(Math.min(max, value + step))
+    },
+    "+"
+  ));
+};
 
 // src/ui/QuantitySelect.tsx
 var import_react15 = __toESM(require("react"));
@@ -6768,30 +6872,31 @@ var ResetPasswordForm = ({
 // src/sections/Tickets.tsx
 var import_react25 = __toESM(require("react"));
 var WaitingListForm = ({ ticket, onJoin }) => {
+  const tr = useT();
   const [form, setForm] = (0, import_react25.useState)({ firstName: "", lastName: "", email: "" });
   const [state, setState] = (0, import_react25.useState)("idle");
   const [error, setError] = (0, import_react25.useState)("");
   const ok = form.firstName.trim() && form.lastName.trim() && form.email.trim();
   if (state === "done")
-    return /* @__PURE__ */ import_react25.default.createElement("p", { className: "tf-checkout-note tf-checkout-tickets__wl-done" }, "You\u2019re on the waiting list \u2014 we\u2019ll email you if a spot opens.");
+    return /* @__PURE__ */ import_react25.default.createElement("p", { className: "tf-checkout-note tf-checkout-tickets__wl-done" }, tr("tickets.waitingListJoined"));
   return /* @__PURE__ */ import_react25.default.createElement("div", { className: "tf-checkout-tickets__wl" }, /* @__PURE__ */ import_react25.default.createElement(FieldRow, null, /* @__PURE__ */ import_react25.default.createElement(Field, null, /* @__PURE__ */ import_react25.default.createElement(
     Input,
     {
-      placeholder: "First name",
+      placeholder: tr("tickets.firstName"),
       value: form.firstName,
       onChange: (e) => setForm((f) => ({ ...f, firstName: e.target.value }))
     }
   )), /* @__PURE__ */ import_react25.default.createElement(Field, null, /* @__PURE__ */ import_react25.default.createElement(
     Input,
     {
-      placeholder: "Last name",
+      placeholder: tr("tickets.lastName"),
       value: form.lastName,
       onChange: (e) => setForm((f) => ({ ...f, lastName: e.target.value }))
     }
   ))), /* @__PURE__ */ import_react25.default.createElement(Field, null, /* @__PURE__ */ import_react25.default.createElement(
     Input,
     {
-      placeholder: "Email",
+      placeholder: tr("tickets.email"),
       value: form.email,
       onChange: (e) => setForm((f) => ({ ...f, email: e.target.value }))
     }
@@ -6810,7 +6915,7 @@ var WaitingListForm = ({ ticket, onJoin }) => {
       disabled: !ok || state === "busy",
       variant: "secondary"
     },
-    "Join the waiting list"
+    tr("tickets.joinWaitingList")
   ), error && /* @__PURE__ */ import_react25.default.createElement("p", { className: "tf-checkout-error-text" }, error));
 };
 var Tickets = ({
@@ -6958,7 +7063,7 @@ var Tickets = ({
         onClick: () => setVisibleDescription((current2) => current2 === t.id ? null : t.id)
       },
       visibleDescription === t.id ? tr("tickets.hideInfo") : tr("tickets.viewInfo")
-    )), /* @__PURE__ */ import_react25.default.createElement("div", { className: "tf-checkout-tickets__price" }, discounted && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__old" }, money(sym, original)), /* @__PURE__ */ import_react25.default.createElement(
+    )), t.badgeText && !unavailable && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__badge" }, t.badgeText), /* @__PURE__ */ import_react25.default.createElement("div", { className: "tf-checkout-tickets__price" }, discounted && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__old" }, money(sym, original)), /* @__PURE__ */ import_react25.default.createElement(
       "span",
       {
         className: cx(
@@ -6966,8 +7071,8 @@ var Tickets = ({
           isFree && "tf-checkout-tickets__amount--free"
         )
       },
-      isFree ? "FREE" : money(sym, t.price)
-    ), !isFree && !t.soldOut && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__fees" }, "(", money(sym, t.priceWithFees), " with fees)"), t.depositPercent != null && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__deposit" }, t.depositPercent.toFixed(2), "% DEPOSIT"))), seatMapRow(t) ? null : unavailable ? /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__soldout" }, t.soldOut ? tr("tickets.soldOut") : notStarted ? tr("tickets.salesNotStarted") : tr("tickets.salesEnded")) : /* @__PURE__ */ import_react25.default.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__guests" }, tr("tickets.guests")), /* @__PURE__ */ import_react25.default.createElement(
+      isFree ? tr("tickets.free") : money(sym, t.price)
+    ), !isFree && !t.soldOut && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__fees" }, tr("tickets.withFees", { price: money(sym, t.priceWithFees) })), t.depositPercent != null && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__deposit" }, tr("tickets.deposit", { percent: t.depositPercent.toFixed(2) })))), seatMapRow(t) ? null : unavailable ? /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__soldout" }, t.soldOut ? tr("tickets.soldOut") : notStarted ? tr("tickets.salesNotStarted") : tr("tickets.salesEnded")) : /* @__PURE__ */ import_react25.default.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ import_react25.default.createElement("span", { className: "tf-checkout-tickets__guests" }, tr("tickets.guests")), /* @__PURE__ */ import_react25.default.createElement(
       QuantitySelect,
       {
         value: (_a2 = qty[t.id]) != null ? _a2 : 0,
@@ -6996,7 +7101,7 @@ var Tickets = ({
         className: "tf-checkout-tickets__wl-toggle",
         onClick: () => setWlOpen((w) => ({ ...w, [t.id]: true }))
       },
-      "Join the waiting list"
+      tr("tickets.joinWaitingList")
     ))));
   };
   const timeGroups = [];
@@ -7040,7 +7145,7 @@ var Tickets = ({
       className: "tf-checkout-tickets__promo-toggle",
       onClick: () => setPromoOpen(true)
     },
-    "Got a promo code? Click here"
+    tr("tickets.gotPromoCode")
   ) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(FieldRow, null, /* @__PURE__ */ import_react25.default.createElement(Field, null, /* @__PURE__ */ import_react25.default.createElement(
     Input,
     {
@@ -8743,7 +8848,7 @@ var Payment = ({
           label: /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement("span", { dangerouslySetInnerHTML: { __html: c.content || c.name } }), c.isRequired && " *")
         }
       ),
-      invalid && /* @__PURE__ */ import_react33.default.createElement("div", { className: "tf-checkout-consent__error" }, "You must accept this condition to continue.")
+      invalid && /* @__PURE__ */ import_react33.default.createElement("div", { className: "tf-checkout-consent__error" }, t("payment.conditionRequired"))
     );
   })), /* @__PURE__ */ import_react33.default.createElement(OrderSummary, { eventId }), /* @__PURE__ */ import_react33.default.createElement("div", { className: "tf-checkout-payment__cta" }, /* @__PURE__ */ import_react33.default.createElement(
     Button,
@@ -8759,14 +8864,15 @@ var Payment = ({
 // src/sections/IDVerification.tsx
 var import_react34 = __toESM(require("react"));
 var MESSAGE = {
-  idle: "To complete the purchase, please verify your identity.",
-  starting: "Opening the verification page\u2026",
-  polling: "Waiting for verification to complete in the other tab\u2026",
-  verified: "Identity verified \u2014 your tickets are on their way.",
-  timeout: "Still not confirmed. Finish in the other tab, then check again.",
-  error: "We couldn\u2019t reach the verification service. Try again."
+  idle: "verification.idle",
+  starting: "verification.starting",
+  polling: "verification.polling",
+  verified: "verification.verified",
+  timeout: "verification.timeoutCheckAgain",
+  error: "verification.error"
 };
 var IDVerification = ({ className }) => {
+  const t = useT();
   const checkout = useCheckoutContext();
   const order = checkout.order;
   const [phase, setPhase] = (0, import_react34.useState)("idle");
@@ -8787,7 +8893,7 @@ var IDVerification = ({ className }) => {
       setError(errorMessage(e));
     });
   };
-  return /* @__PURE__ */ import_react34.default.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ import_react34.default.createElement(SectionHeader, { title: "Account Verification" }), /* @__PURE__ */ import_react34.default.createElement("p", { className: cx("tf-checkout-note", done && "tf-checkout-idverify__done") }, MESSAGE[phase]), !done && /* @__PURE__ */ import_react34.default.createElement(Button, { block: true, onClick: run, loading: running, disabled: running }, phase === "idle" ? "Verify" : running ? "Verifying\u2026" : "Check again"), error && /* @__PURE__ */ import_react34.default.createElement("p", { className: "tf-checkout-error-text" }, error));
+  return /* @__PURE__ */ import_react34.default.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ import_react34.default.createElement(SectionHeader, { title: t("verification.title") }), /* @__PURE__ */ import_react34.default.createElement("p", { className: cx("tf-checkout-note", done && "tf-checkout-idverify__done") }, t(MESSAGE[phase])), !done && /* @__PURE__ */ import_react34.default.createElement(Button, { block: true, onClick: run, loading: running, disabled: running }, phase === "idle" ? t("verification.verify") : running ? t("verification.verifying") : t("verification.checkAgain")), error && /* @__PURE__ */ import_react34.default.createElement("p", { className: "tf-checkout-error-text" }, error));
 };
 
 // src/sections/Confirmation.tsx
@@ -8841,14 +8947,14 @@ var Confirmation = ({
       target: "_blank",
       rel: "noopener noreferrer"
     },
-    "View payment voucher"
+    t("confirmation.viewVoucher")
   ), viewOrderUrl && /* @__PURE__ */ import_react35.default.createElement(
     "a",
     {
       className: "tf-checkout-button tf-checkout-button--secondary tf-checkout-button--block",
       href: viewOrderUrl
     },
-    "View my tickets"
+    t("confirmation.viewTickets")
   ), children, !pending && url && /* @__PURE__ */ import_react35.default.createElement("div", { className: "tf-checkout-confirmation__share" }, /* @__PURE__ */ import_react35.default.createElement("strong", null, t("referral.cheaperOrFree")), /* @__PURE__ */ import_react35.default.createElement("p", { className: "tf-checkout-note" }, "Invite friends with your link. When they buy, you get rewarded."), /* @__PURE__ */ import_react35.default.createElement("div", { className: "tf-checkout-confirmation__share-link" }, /* @__PURE__ */ import_react35.default.createElement("input", { className: "tf-checkout-input", readOnly: true, value: url }), /* @__PURE__ */ import_react35.default.createElement(Button, { variant: "secondary", onClick: copy }, copied ? t("referral.copied") : t("referral.copyLink"))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "tf-checkout-confirmation__socials" }, shares.map((s) => /* @__PURE__ */ import_react35.default.createElement(
     "a",
     {
@@ -8871,9 +8977,10 @@ var attributesOf = (response) => {
   if (data && typeof data === "object") return data;
   return response;
 };
+var MISSING_REFERENCE = "\0missing-reference";
 var OrderConfirmation = ({
   orderHash,
-  title = "Your order has been confirmed!",
+  title,
   message,
   helper,
   eventTitle,
@@ -8887,6 +8994,7 @@ var OrderConfirmation = ({
   className
 }) => {
   var _a, _b, _c, _d;
+  const t = useT();
   const [data, setData] = (0, import_react36.useState)(null);
   const [failure, setFailure] = (0, import_react36.useState)("");
   const [copied, setCopied] = (0, import_react36.useState)(false);
@@ -8898,7 +9006,7 @@ var OrderConfirmation = ({
   }, [onError, onLoaded]);
   (0, import_react36.useEffect)(() => {
     if (!orderHash) {
-      setFailure("The order reference is missing.");
+      setFailure(MISSING_REFERENCE);
       return;
     }
     let active = true;
@@ -8923,7 +9031,7 @@ var OrderConfirmation = ({
     };
   }, [orderHash]);
   if (failure) {
-    return /* @__PURE__ */ import_react36.default.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, failure));
+    return /* @__PURE__ */ import_react36.default.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, failure === MISSING_REFERENCE ? t("confirmation.missingReference") : failure));
   }
   if (!data) {
     return /* @__PURE__ */ import_react36.default.createElement("div", { className: "tf-checkout-confirmation-page__loading" }, /* @__PURE__ */ import_react36.default.createElement(Loader, { className: "tf-checkout-loader--page" }));
@@ -8939,14 +9047,14 @@ var OrderConfirmation = ({
   const pricing = [
     ...Number.isFinite(currentPrice) ? [
       {
-        label: "Your ticket is currently",
+        label: t("referral.currentPrice"),
         price: `${symbol}${currentPrice.toFixed(2)}`
       }
     ] : [],
     ...sales.map((sale) => ({
-      label: `If your friends buy ${sale.sales} tickets`,
-      subLabel: Number(sale.price) === 0 ? "Your ticket becomes" : "Your ticket goes down to",
-      price: Number(sale.price) === 0 ? "FREE!" : `${symbol}${Number(sale.price).toFixed(2)}`
+      label: t("referral.ifFriendsBuy", { count: sale.sales }),
+      subLabel: Number(sale.price) === 0 ? t("referral.becomes") : t("referral.goesDownTo"),
+      price: Number(sale.price) === 0 ? t("referral.titleFree") : `${symbol}${Number(sale.price).toFixed(2)}`
     }))
   ];
   const copy = () => {
@@ -8956,20 +9064,20 @@ var OrderConfirmation = ({
       window.setTimeout(() => setCopied(false), 1500);
     });
   };
-  return /* @__PURE__ */ import_react36.default.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "header-container" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "header-product-text" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "title" }, title), (eventTitle || eventDate || eventLocation) && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-details" }, eventTitle && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-title" }, eventTitle), eventDate && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-date" }, eventDate), eventLocation && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-location" }, eventLocation)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-message-section" }, customReplacement ? /* @__PURE__ */ import_react36.default.createElement("div", { dangerouslySetInnerHTML: { __html: customText } }) : /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("span", { className: "main" }, attachTickets ? "Your tickets have been emailed to you" : message != null ? message : "Your tickets are available in My Tickets."), /* @__PURE__ */ import_react36.default.createElement("span", { className: "helper" }, attachTickets ? "Please bring them with you to the event" : helper))))), customText && !customReplacement && /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "header-container" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "header-product-text" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "title" }, title != null ? title : t("confirmation.orderConfirmed")), (eventTitle || eventDate || eventLocation) && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-details" }, eventTitle && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-title" }, eventTitle), eventDate && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-date" }, eventDate), eventLocation && /* @__PURE__ */ import_react36.default.createElement("div", { className: "event-location" }, eventLocation)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-message-section" }, customReplacement ? /* @__PURE__ */ import_react36.default.createElement("div", { dangerouslySetInnerHTML: { __html: customText } }) : /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("span", { className: "main" }, attachTickets ? t("confirmation.emailed") : message != null ? message : t("confirmation.inMyTickets")), /* @__PURE__ */ import_react36.default.createElement("span", { className: "helper" }, attachTickets ? t("confirmation.bringThem") : helper))))), customText && !customReplacement && /* @__PURE__ */ import_react36.default.createElement(
     "div",
     {
       className: "custom-confirmation-page-text tf-checkout-confirmation-page__custom",
       dangerouslySetInnerHTML: { __html: customText }
     }
-  ), orderUrl && /* @__PURE__ */ import_react36.default.createElement("div", { className: "order-details-button-container" }, /* @__PURE__ */ import_react36.default.createElement("a", { className: "view-order-button", href: orderUrl }, "View Order")), showReferral && data.disable_referral === false && shareUrl && /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text_image_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_title_text" }, "Your ticket can become", /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " cheaper "), "or even", /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " FREE!")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, "Invite friends "), "and we'll refund up to", /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " 100% "), "of your ticket money, if they buy tickets as well!"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_wrapper" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_title" }, "How do you invite your friends?"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_buttons" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-by-link" }, /* @__PURE__ */ import_react36.default.createElement("h5", { className: "share-by-link label" }, "Send them this link:"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-btn-inner" }, /* @__PURE__ */ import_react36.default.createElement("input", { className: "share-input", readOnly: true, value: shareUrl }), /* @__PURE__ */ import_react36.default.createElement(
+  ), orderUrl && /* @__PURE__ */ import_react36.default.createElement("div", { className: "order-details-button-container" }, /* @__PURE__ */ import_react36.default.createElement("a", { className: "view-order-button", href: orderUrl }, t("confirmation.viewOrder"))), showReferral && data.disable_referral === false && shareUrl && /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text_image_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_title_text" }, t("referral.titleStart"), /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " ", t("referral.titleCheaper"), " "), t("referral.titleOr"), /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " ", t("referral.titleFree"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "referral_text" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, t("referral.inviteFriends"), " "), t("referral.inviteMiddle"), /* @__PURE__ */ import_react36.default.createElement("span", { className: "strong-text" }, " 100% "), t("referral.inviteEnd")))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_wrapper" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_title" }, t("referral.howToInvite")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share_buttons" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-by-link" }, /* @__PURE__ */ import_react36.default.createElement("h5", { className: "share-by-link label" }, t("referral.sendThisLink")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "share-btn-inner" }, /* @__PURE__ */ import_react36.default.createElement("input", { className: "share-input", readOnly: true, value: shareUrl }), /* @__PURE__ */ import_react36.default.createElement(
     "button",
     {
       className: "share-by-link-copy-icon",
       type: "button",
       onClick: copy
     },
-    /* @__PURE__ */ import_react36.default.createElement("span", { className: "copy-icon" }, copied ? "Copied!" : "Copy")
+    /* @__PURE__ */ import_react36.default.createElement("span", { className: "copy-icon" }, copied ? t("referral.copied") : t("referral.copy"))
   ))), showShareButtons && /* @__PURE__ */ import_react36.default.createElement("div", { className: "social-media-btns" }, /* @__PURE__ */ import_react36.default.createElement(
     "a",
     {
@@ -8990,31 +9098,33 @@ var OrderConfirmation = ({
       rel: "noopener noreferrer"
     },
     "WhatsApp"
-  ))))), pricing.length > 0 && /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_title" }, "How much cheaper?"), pricing.map((item, index) => /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_wrapper", key: `${item.label}-${index}` }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_label" }, item.label, item.subLabel && /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_sublabel" }, item.subLabel)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_price" }, item.price)))))));
+  ))))), pricing.length > 0 && /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "invitation_title" }, t("referral.howMuchCheaper")), pricing.map((item, index) => /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_wrapper", key: `${item.label}-${index}` }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_label" }, item.label, item.subLabel && /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_sublabel" }, item.subLabel)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "pricing-section_price" }, item.price)))))));
 };
 
 // src/sections/OrderIDVerification.tsx
 var import_react37 = __toESM(require("react"));
 var PHASE_MESSAGE = {
-  checking: "Checking your verification status\u2026",
-  idle: "To complete the purchase, please verify your identity.",
-  starting: "Opening the verification page\u2026",
-  polling: "Waiting for verification to complete in the other tab\u2026",
-  verified: "Identity verified \u2014 your tickets are on their way.",
-  timeout: "Verification is taking longer than usual. Your payment is safe.",
-  error: "We couldn\u2019t reach the verification service. Try again."
-};
+  checking: "verification.checking",
+  idle: "verification.idle",
+  starting: "verification.starting",
+  polling: "verification.polling",
+  verified: "verification.verified",
+  timeout: "verification.timeoutSafe",
+  error: "verification.error"
+};
+var MISSING_REFERENCE2 = "\0missing-reference";
 var OrderIDVerification = ({
   orderHash,
   onVerified,
   className
 }) => {
+  const t = useT();
   const [phase, setPhase] = (0, import_react37.useState)("checking");
   const [failure, setFailure] = (0, import_react37.useState)("");
   (0, import_react37.useEffect)(() => {
     if (!orderHash) {
       setPhase("error");
-      setFailure("The order reference is missing.");
+      setFailure(MISSING_REFERENCE2);
       return;
     }
     let active = true;
@@ -9067,7 +9177,7 @@ var OrderIDVerification = ({
       }
     );
   };
-  return /* @__PURE__ */ import_react37.default.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ import_react37.default.createElement(SectionHeader, { title: "Account Verification" }), /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ import_react37.default.createElement(SectionHeader, { title: t("verification.title") }), /* @__PURE__ */ import_react37.default.createElement(
     "p",
     {
       className: cx(
@@ -9075,8 +9185,8 @@ var OrderIDVerification = ({
         phase === "verified" && "tf-checkout-idverify__done"
       )
     },
-    failure || PHASE_MESSAGE[phase]
-  ), phase !== "verified" && orderHash && /* @__PURE__ */ import_react37.default.createElement(Button, { block: true, onClick: run, loading: running, disabled: running || !orderHash }, phase === "idle" ? "Verify" : running ? "Verifying\u2026" : "Try again"));
+    failure === MISSING_REFERENCE2 ? t("confirmation.missingReference") : failure || t(PHASE_MESSAGE[phase])
+  ), phase !== "verified" && orderHash && /* @__PURE__ */ import_react37.default.createElement(Button, { block: true, onClick: run, loading: running, disabled: running || !orderHash }, phase === "idle" ? t("verification.verify") : running ? t("verification.verifying") : t("verification.tryAgain")));
 };
 
 // src/EmbeddedCheckout.tsx
@@ -9104,6 +9214,7 @@ var Flow = ({
   showTestCardHint
 }) => {
   var _a;
+  const t = useT();
   const checkout = useCheckoutContext();
   const [view, setView] = (0, import_react38.useState)(initialView);
   const [selectionView, setSelectionView] = (0, import_react38.useState)(initialView);
@@ -9230,7 +9341,7 @@ var Flow = ({
       key: authRequest.key,
       open: true,
       initialEmail: authRequest.email,
-      message: authRequest.email ? "This email already has an account. Log in to autofill your checkout details." : void 0,
+      message: authRequest.email ? t("auth.existingAccount") : void 0,
       allowRegistration: auth == null ? void 0 : auth.allowRegistration,
       allowPasswordReset: auth == null ? void 0 : auth.allowPasswordReset,
       requireRegistrationAddress: auth == null ? void 0 : auth.requireRegistrationAddress,