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

package/dist/index.esm.js

@@ -1173,6 +1173,31 @@ var createIdVerificationPoller = (callbacks) => {
   };
 };
 
+// ../tf-checkout-shared/src/logic/tickets.ts
+var BADGE_PRESETS = {
+  "almost gone": "tickets.badge.almostGone",
+  "high demand": "tickets.badge.highDemand",
+  "in demand": "tickets.badge.inDemand",
+  "limited stock": "tickets.badge.limitedStock",
+  "limited time": "tickets.badge.limitedTime",
+  "running low": "tickets.badge.runningLow",
+  "selling fast": "tickets.badge.sellingFast",
+  "selling out": "tickets.badge.sellingOut"
+};
+var PERCENT_LEFT = /^(\d{1,3})% left$/i;
+var ticketBadgeTranslation = (badgeText) => {
+  const text = (badgeText != null ? badgeText : "").trim();
+  if (!text) return null;
+  const preset = BADGE_PRESETS[text.toLowerCase()];
+  if (preset) return { key: preset };
+  const percent = PERCENT_LEFT.exec(text);
+  return percent ? { key: "tickets.badge.percentLeft", vars: { percent: percent[1] } } : null;
+};
+var orderTicketsBeforeTables = (tickets) => [
+  ...tickets.filter((ticket) => !ticket.isTable),
+  ...tickets.filter((ticket) => ticket.isTable)
+];
+
 // ../tf-checkout-shared/src/engine/store.ts
 var initialSnapshot = () => ({
   status: "idle",
@@ -1467,7 +1492,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;
@@ -1869,8 +1894,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 : "",
@@ -1898,7 +1927,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) => {
@@ -1952,7 +1982,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,
@@ -1989,6 +2019,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 }
           });
         }
@@ -4187,7 +4218,64 @@ 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.feesIncluded": "(incl. fees)",
+  "tickets.feesExcluded": "(excl. 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.",
+  // --- Ticket-type badges: the dashboard's presets ------------------------
+  "tickets.badge.almostGone": "Almost gone",
+  "tickets.badge.highDemand": "High demand",
+  "tickets.badge.inDemand": "In demand",
+  "tickets.badge.limitedStock": "Limited stock",
+  "tickets.badge.limitedTime": "Limited time",
+  "tickets.badge.runningLow": "Running low",
+  "tickets.badge.sellingFast": "Selling fast",
+  "tickets.badge.sellingOut": "Selling out",
+  "tickets.badge.percentLeft": "{{percent}}% left"
 };
 
 // ../tf-checkout-shared/src/i18n/resolve.ts
@@ -4403,7 +4491,64 @@ 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.feesIncluded": "(incl. cargos)",
+  "tickets.feesExcluded": "(excl. 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.",
+  // --- Ticket-type badges: the dashboard's presets ------------------------
+  "tickets.badge.almostGone": "Casi agotado",
+  "tickets.badge.highDemand": "Alta demanda",
+  "tickets.badge.inDemand": "Muy solicitado",
+  "tickets.badge.limitedStock": "Disponibilidad limitada",
+  "tickets.badge.limitedTime": "Por tiempo limitado",
+  "tickets.badge.runningLow": "Quedan pocos",
+  "tickets.badge.sellingFast": "Se venden r\xE1pido",
+  "tickets.badge.sellingOut": "A punto de agotarse",
+  "tickets.badge.percentLeft": "Queda el {{percent}}%"
 };
 
 // ../tf-checkout-shared/src/i18n/locales/index.ts
@@ -5269,14 +5414,17 @@ import React4, { forwardRef } from "react";
 
 // src/ui/Loader.tsx
 import React3 from "react";
-var Loader = ({ className }) => /* @__PURE__ */ React3.createElement(
-  "span",
-  {
-    className: cx("tf-checkout-loader", className),
-    role: "status",
-    "aria-label": "Loading"
-  }
-);
+var Loader = ({ className }) => {
+  const t = useT();
+  return /* @__PURE__ */ React3.createElement(
+    "span",
+    {
+      className: cx("tf-checkout-loader", className),
+      role: "status",
+      "aria-label": t("common.loading")
+    }
+  );
+};
 
 // src/ui/Button.tsx
 var Button = forwardRef(
@@ -5330,9 +5478,9 @@ var useInstallmentPicker = () => {
           onClick: () => choose(o)
         },
         /* @__PURE__ */ React5.createElement("span", null, o.count, " \xD7 ", (_a = o.per_installment_formatted) != null ? _a : o.per_installment),
-        /* @__PURE__ */ React5.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__ */ React5.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__ */ React5.createElement(Button, { variant: "ghost", block: true, onClick: () => choose(null) }, "Pay in full instead"))
+    })), /* @__PURE__ */ React5.createElement(Button, { variant: "ghost", block: true, onClick: () => choose(null) }, t("payment.payInFull")))
   ) : null;
   return { onInstallmentOffers, picker };
 };
@@ -5735,27 +5883,30 @@ var PaymentMethods = ({
 
 // src/ui/Stepper.tsx
 import React11 from "react";
-var Stepper = ({ value, onChange, min = 0, max = Infinity, step = 1, disabled, className }) => /* @__PURE__ */ React11.createElement("div", { className: cx("tf-checkout-stepper", className) }, /* @__PURE__ */ React11.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__ */ React11.createElement("span", { className: "tf-checkout-stepper__value" }, value), /* @__PURE__ */ React11.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__ */ React11.createElement("div", { className: cx("tf-checkout-stepper", className) }, /* @__PURE__ */ React11.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__ */ React11.createElement("span", { className: "tf-checkout-stepper__value" }, value), /* @__PURE__ */ React11.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
 import React12 from "react";
@@ -6598,34 +6749,36 @@ var ResetPasswordForm = ({
 import React22, {
   Fragment,
   useEffect as useEffect8,
+  useMemo as useMemo4,
   useRef as useRef5,
   useState as useState12
 } from "react";
 var WaitingListForm = ({ ticket, onJoin }) => {
+  const tr = useT();
   const [form, setForm] = useState12({ firstName: "", lastName: "", email: "" });
   const [state, setState] = useState12("idle");
   const [error, setError] = useState12("");
   const ok = form.firstName.trim() && form.lastName.trim() && form.email.trim();
   if (state === "done")
-    return /* @__PURE__ */ React22.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__ */ React22.createElement("p", { className: "tf-checkout-note tf-checkout-tickets__wl-done" }, tr("tickets.waitingListJoined"));
   return /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__wl" }, /* @__PURE__ */ React22.createElement(FieldRow, null, /* @__PURE__ */ React22.createElement(Field, null, /* @__PURE__ */ React22.createElement(
     Input,
     {
-      placeholder: "First name",
+      placeholder: tr("tickets.firstName"),
       value: form.firstName,
       onChange: (e) => setForm((f) => ({ ...f, firstName: e.target.value }))
     }
   )), /* @__PURE__ */ React22.createElement(Field, null, /* @__PURE__ */ React22.createElement(
     Input,
     {
-      placeholder: "Last name",
+      placeholder: tr("tickets.lastName"),
       value: form.lastName,
       onChange: (e) => setForm((f) => ({ ...f, lastName: e.target.value }))
     }
   ))), /* @__PURE__ */ React22.createElement(Field, null, /* @__PURE__ */ React22.createElement(
     Input,
     {
-      placeholder: "Email",
+      placeholder: tr("tickets.email"),
       value: form.email,
       onChange: (e) => setForm((f) => ({ ...f, email: e.target.value }))
     }
@@ -6644,7 +6797,7 @@ var WaitingListForm = ({ ticket, onJoin }) => {
       disabled: !ok || state === "busy",
       variant: "secondary"
     },
-    "Join the waiting list"
+    tr("tickets.joinWaitingList")
   ), error && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-error-text" }, error));
 };
 var Tickets = ({
@@ -6660,7 +6813,7 @@ var Tickets = ({
   readAttributionFromUrl = true,
   className
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const tr = useT();
   const checkout = useCheckoutContext();
   const buttonText = buttonLabel != null ? buttonLabel : tr("tickets.getTickets");
@@ -6676,7 +6829,12 @@ var Tickets = ({
     if (isTimeSlot && !slotDate && dates.length) setSlotDate(dates[0]);
   }, [isTimeSlot, slotDate, dates]);
   const slotQuery = hooks_exports.useTimeSlotTickets(eventId, isTimeSlot ? slotDate : void 0);
-  const tickets = isTimeSlot ? (_e = slotQuery.data) != null ? _e : [] : (_g = (_f = ticketsQuery.data) == null ? void 0 : _f.tickets) != null ? _g : [];
+  const slotTickets = slotQuery.data;
+  const eventTickets = (_e = ticketsQuery.data) == null ? void 0 : _e.tickets;
+  const tickets = useMemo4(
+    () => isTimeSlot ? slotTickets != null ? slotTickets : [] : orderTicketsBeforeTables(eventTickets != null ? eventTickets : []),
+    [isTimeSlot, slotTickets, eventTickets]
+  );
   const [error, setError] = useState12("");
   const [code, setCode] = useState12("");
   const [codeState, setCodeState] = useState12("idle");
@@ -6745,7 +6903,7 @@ var Tickets = ({
     return next;
   });
   const money = (sym, n) => `${sym} ${Number(n).toFixed(2)}`;
-  const isSeated = (_h = eventInfo == null ? void 0 : eventInfo.isSeatedEvent) != null ? _h : false;
+  const isSeated = (_f = eventInfo == null ? void 0 : eventInfo.isSeatedEvent) != null ? _f : false;
   const seatMapRow = (t) => isSeated && !t.allowDirectPurchase;
   const hasSeatMapTickets = tickets.some(seatMapRow);
   const directPurchasable = tickets.filter((t) => !seatMapRow(t));
@@ -6779,6 +6937,7 @@ var Tickets = ({
     const isFree = Number(t.price) === 0;
     const sym = t.priceSymbol || t.currency;
     const range = ticketQuantityRange(t);
+    const badge = ticketBadgeTranslation(t.badgeText);
     const ticketIndex = tickets.findIndex((candidate) => candidate.id === t.id);
     const previousTicket = ticketIndex > 0 ? tickets[ticketIndex - 1] : void 0;
     const startsNamedGroup = Boolean(t.groupName) && t.groupName !== (previousTicket == null ? void 0 : previousTicket.groupName);
@@ -6792,7 +6951,7 @@ var Tickets = ({
         onClick: () => setVisibleDescription((current2) => current2 === t.id ? null : t.id)
       },
       visibleDescription === t.id ? tr("tickets.hideInfo") : tr("tickets.viewInfo")
-    )), /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__price" }, discounted && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__old" }, money(sym, original)), /* @__PURE__ */ React22.createElement(
+    )), t.badgeText && !unavailable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__badge" }, badge ? tr(badge.key, badge.vars) : t.badgeText), /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__price" }, discounted && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__old" }, money(sym, original)), /* @__PURE__ */ React22.createElement(
       "span",
       {
         className: cx(
@@ -6800,8 +6959,8 @@ var Tickets = ({
           isFree && "tf-checkout-tickets__amount--free"
         )
       },
-      isFree ? "FREE" : money(sym, t.price)
-    ), !isFree && !t.soldOut && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__fees" }, "(", money(sym, t.priceWithFees), " with fees)"), t.depositPercent != null && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__deposit" }, t.depositPercent.toFixed(2), "% DEPOSIT"))), seatMapRow(t) ? null : unavailable ? /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__soldout" }, t.soldOut ? tr("tickets.soldOut") : notStarted ? tr("tickets.salesNotStarted") : tr("tickets.salesEnded")) : /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__guests" }, tr("tickets.guests")), /* @__PURE__ */ React22.createElement(
+      isFree ? tr("tickets.free") : money(sym, t.price)
+    ), !isFree && !t.soldOut && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__fees" }, tr(t.feeIncluded ? "tickets.feesIncluded" : "tickets.feesExcluded")), t.depositPercent != null && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__deposit" }, tr("tickets.deposit", { percent: t.depositPercent.toFixed(2) })))), seatMapRow(t) ? null : unavailable ? /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__soldout" }, t.soldOut ? tr("tickets.soldOut") : notStarted ? tr("tickets.salesNotStarted") : tr("tickets.salesEnded")) : /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__guests" }, tr("tickets.guests")), /* @__PURE__ */ React22.createElement(
       QuantitySelect,
       {
         value: (_a2 = qty[t.id]) != null ? _a2 : 0,
@@ -6830,13 +6989,13 @@ var Tickets = ({
         className: "tf-checkout-tickets__wl-toggle",
         onClick: () => setWlOpen((w) => ({ ...w, [t.id]: true }))
       },
-      "Join the waiting list"
+      tr("tickets.joinWaitingList")
     ))));
   };
   const timeGroups = [];
   if (isTimeSlot)
     for (const t of tickets) {
-      const time = (_j = (_i = t.timeSlot) == null ? void 0 : _i.time) != null ? _j : "";
+      const time = (_h = (_g = t.timeSlot) == null ? void 0 : _g.time) != null ? _h : "";
       const g = timeGroups.find((x) => x.time === time);
       if (g) g.items.push(t);
       else timeGroups.push({ time, items: [t] });
@@ -6874,7 +7033,7 @@ var Tickets = ({
       className: "tf-checkout-tickets__promo-toggle",
       onClick: () => setPromoOpen(true)
     },
-    "Got a promo code? Click here"
+    tr("tickets.gotPromoCode")
   ) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(FieldRow, null, /* @__PURE__ */ React22.createElement(Field, null, /* @__PURE__ */ React22.createElement(
     Input,
     {
@@ -7270,7 +7429,7 @@ var SeatMap = ({
 };
 
 // src/sections/AddOns.tsx
-import React24, { Fragment as Fragment2, useEffect as useEffect10, useMemo as useMemo4, useState as useState14 } from "react";
+import React24, { Fragment as Fragment2, useEffect as useEffect10, useMemo as useMemo5, useState as useState14 } from "react";
 var AddOns = ({
   eventId,
   onContinue,
@@ -7299,7 +7458,7 @@ var AddOns = ({
     (_e = checkout.addOnDataCapture) != null ? _e : {}
   );
   const [error, setError] = useState14("");
-  const fieldGroups = useMemo4(() => {
+  const fieldGroups = useMemo5(() => {
     const map = {};
     for (const g of checkout.customFields) if (g.scope === "add-on") map[g.id] = g;
     return map;
@@ -7408,7 +7567,7 @@ var AddOns = ({
 import React28, {
   Fragment as Fragment3,
   useEffect as useEffect11,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef7,
   useState as useState15
 } from "react";
@@ -7782,21 +7941,21 @@ var BillingInfo = ({
   const profileSeeded = useRef7(false);
   const countryDefaultApplied = useRef7(Boolean((_v = checkout.billing) == null ? void 0 : _v.countryId));
   const gates = checkout.fieldGates;
-  const orderGroups = useMemo5(
+  const orderGroups = useMemo6(
     () => checkout.customFields.filter((g) => g.scope === "order"),
     [checkout.customFields]
   );
-  const ticketGroups = useMemo5(
+  const ticketGroups = useMemo6(
     () => checkout.customFields.filter((g) => g.scope === "ticket"),
     [checkout.customFields]
   );
-  const ticketFields = useMemo5(
+  const ticketFields = useMemo6(
     () => ticketGroups.flatMap((g) => g.fields),
     [ticketGroups]
   );
   const holderNamesRequired = checkout.holderNamesRequired || collectTicketHolders;
   const showHolders = holderNamesRequired || ticketFields.length > 0;
-  const slots = useMemo5(() => {
+  const slots = useMemo6(() => {
     var _a2, _b2;
     const out = [];
     const lines = (_b2 = (_a2 = checkout.breakdown) == null ? void 0 : _a2.tickets) != null ? _b2 : [];
@@ -7885,14 +8044,14 @@ var BillingInfo = ({
   const countriesQuery = hooks_exports.useCountries({
     enabled: needsNationality || gates.showAddress
   });
-  const countries = useMemo5(() => {
+  const countries = useMemo6(() => {
     var _a2;
     return (_a2 = countriesQuery.data) != null ? _a2 : [];
   }, [countriesQuery.data]);
   const statesQuery = hooks_exports.useStates(billing.countryId, {
     enabled: Boolean(billing.countryId)
   });
-  const states = useMemo5(() => {
+  const states = useMemo6(() => {
     var _a2;
     return (_a2 = statesQuery.data) != null ? _a2 : [];
   }, [statesQuery.data]);
@@ -7959,7 +8118,7 @@ var BillingInfo = ({
   }, [billing.stateId, billing.stateCode, states]);
   const setB = (k) => (e) => setBilling((b) => ({ ...b, [k]: e.target.value }));
   const patchHolder = (i, patch2) => setHolders((hs) => hs.map((h, j) => j === i ? { ...h, ...patch2 } : h));
-  const dobMax = useMemo5(todayISO, []);
+  const dobMax = useMemo6(todayISO, []);
   const [dobYear, dobMonth, dobDay] = dob ? dob.split("-").map(Number) : [];
   const buyerPhone = isBlankPhone(billing.phone) ? void 0 : billing.phone;
   const committedBilling = {
@@ -8274,7 +8433,7 @@ var BillingInfo = ({
 };
 
 // src/sections/Payment.tsx
-import React30, { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef8, useState as useState16 } from "react";
+import React30, { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef8, useState as useState16 } from "react";
 
 // src/sections/OrderSummary.tsx
 import React29 from "react";
@@ -8372,7 +8531,7 @@ var Payment = ({
   const isXendit = checkout.gateway === "xendit";
   const serverMethodTypes = (_a = checkout.stripeElementsConfig) == null ? void 0 : _a.paymentMethodTypes;
   const offersOxxo = Array.isArray(serverMethodTypes) && serverMethodTypes.includes("oxxo");
-  const options = useMemo6(() => {
+  const options = useMemo7(() => {
     var _a2, _b2, _c2;
     if (isFree || !methods) return [];
     const out = [];
@@ -8588,7 +8747,7 @@ var Payment = ({
           label: /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement("span", { dangerouslySetInnerHTML: { __html: c.content || c.name } }), c.isRequired && " *")
         }
       ),
-      invalid && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-consent__error" }, "You must accept this condition to continue.")
+      invalid && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-consent__error" }, t("payment.conditionRequired"))
     );
   })), /* @__PURE__ */ React30.createElement(OrderSummary, { eventId }), /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__cta" }, /* @__PURE__ */ React30.createElement(
     Button,
@@ -8604,14 +8763,15 @@ var Payment = ({
 // src/sections/IDVerification.tsx
 import React31, { useState as useState17 } from "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] = useState17("idle");
@@ -8632,7 +8792,7 @@ var IDVerification = ({ className }) => {
       setError(errorMessage(e));
     });
   };
-  return /* @__PURE__ */ React31.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ React31.createElement(SectionHeader, { title: "Account Verification" }), /* @__PURE__ */ React31.createElement("p", { className: cx("tf-checkout-note", done && "tf-checkout-idverify__done") }, MESSAGE[phase]), !done && /* @__PURE__ */ React31.createElement(Button, { block: true, onClick: run, loading: running, disabled: running }, phase === "idle" ? "Verify" : running ? "Verifying\u2026" : "Check again"), error && /* @__PURE__ */ React31.createElement("p", { className: "tf-checkout-error-text" }, error));
+  return /* @__PURE__ */ React31.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ React31.createElement(SectionHeader, { title: t("verification.title") }), /* @__PURE__ */ React31.createElement("p", { className: cx("tf-checkout-note", done && "tf-checkout-idverify__done") }, t(MESSAGE[phase])), !done && /* @__PURE__ */ React31.createElement(Button, { block: true, onClick: run, loading: running, disabled: running }, phase === "idle" ? t("verification.verify") : running ? t("verification.verifying") : t("verification.checkAgain")), error && /* @__PURE__ */ React31.createElement("p", { className: "tf-checkout-error-text" }, error));
 };
 
 // src/sections/Confirmation.tsx
@@ -8686,14 +8846,14 @@ var Confirmation = ({
       target: "_blank",
       rel: "noopener noreferrer"
     },
-    "View payment voucher"
+    t("confirmation.viewVoucher")
   ), viewOrderUrl && /* @__PURE__ */ React32.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__ */ React32.createElement("div", { className: "tf-checkout-confirmation__share" }, /* @__PURE__ */ React32.createElement("strong", null, t("referral.cheaperOrFree")), /* @__PURE__ */ React32.createElement("p", { className: "tf-checkout-note" }, "Invite friends with your link. When they buy, you get rewarded."), /* @__PURE__ */ React32.createElement("div", { className: "tf-checkout-confirmation__share-link" }, /* @__PURE__ */ React32.createElement("input", { className: "tf-checkout-input", readOnly: true, value: url }), /* @__PURE__ */ React32.createElement(Button, { variant: "secondary", onClick: copy }, copied ? t("referral.copied") : t("referral.copyLink"))), /* @__PURE__ */ React32.createElement("div", { className: "tf-checkout-confirmation__socials" }, shares.map((s) => /* @__PURE__ */ React32.createElement(
     "a",
     {
@@ -8716,9 +8876,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,
@@ -8732,6 +8893,7 @@ var OrderConfirmation = ({
   className
 }) => {
   var _a, _b, _c, _d;
+  const t = useT();
   const [data, setData] = useState19(null);
   const [failure, setFailure] = useState19("");
   const [copied, setCopied] = useState19(false);
@@ -8743,7 +8905,7 @@ var OrderConfirmation = ({
   }, [onError, onLoaded]);
   useEffect13(() => {
     if (!orderHash) {
-      setFailure("The order reference is missing.");
+      setFailure(MISSING_REFERENCE);
       return;
     }
     let active = true;
@@ -8768,7 +8930,7 @@ var OrderConfirmation = ({
     };
   }, [orderHash]);
   if (failure) {
-    return /* @__PURE__ */ React33.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ React33.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, failure));
+    return /* @__PURE__ */ React33.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ React33.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, failure === MISSING_REFERENCE ? t("confirmation.missingReference") : failure));
   }
   if (!data) {
     return /* @__PURE__ */ React33.createElement("div", { className: "tf-checkout-confirmation-page__loading" }, /* @__PURE__ */ React33.createElement(Loader, { className: "tf-checkout-loader--page" }));
@@ -8784,14 +8946,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 = () => {
@@ -8801,20 +8963,20 @@ var OrderConfirmation = ({
       window.setTimeout(() => setCopied(false), 1500);
     });
   };
-  return /* @__PURE__ */ React33.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ React33.createElement("div", { className: "header-container" }, /* @__PURE__ */ React33.createElement("div", { className: "header-product-text" }, /* @__PURE__ */ React33.createElement("p", { className: "title" }, title), (eventTitle || eventDate || eventLocation) && /* @__PURE__ */ React33.createElement("div", { className: "event-details" }, eventTitle && /* @__PURE__ */ React33.createElement("div", { className: "event-title" }, eventTitle), eventDate && /* @__PURE__ */ React33.createElement("div", { className: "event-date" }, eventDate), eventLocation && /* @__PURE__ */ React33.createElement("div", { className: "event-location" }, eventLocation)), /* @__PURE__ */ React33.createElement("div", { className: "share-message-section" }, customReplacement ? /* @__PURE__ */ React33.createElement("div", { dangerouslySetInnerHTML: { __html: customText } }) : /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("span", { className: "main" }, attachTickets ? "Your tickets have been emailed to you" : message != null ? message : "Your tickets are available in My Tickets."), /* @__PURE__ */ React33.createElement("span", { className: "helper" }, attachTickets ? "Please bring them with you to the event" : helper))))), customText && !customReplacement && /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React33.createElement("div", { className: cx("confirmation-page tf-checkout-confirmation-page", className) }, /* @__PURE__ */ React33.createElement("div", { className: "header-container" }, /* @__PURE__ */ React33.createElement("div", { className: "header-product-text" }, /* @__PURE__ */ React33.createElement("p", { className: "title" }, title != null ? title : t("confirmation.orderConfirmed")), (eventTitle || eventDate || eventLocation) && /* @__PURE__ */ React33.createElement("div", { className: "event-details" }, eventTitle && /* @__PURE__ */ React33.createElement("div", { className: "event-title" }, eventTitle), eventDate && /* @__PURE__ */ React33.createElement("div", { className: "event-date" }, eventDate), eventLocation && /* @__PURE__ */ React33.createElement("div", { className: "event-location" }, eventLocation)), /* @__PURE__ */ React33.createElement("div", { className: "share-message-section" }, customReplacement ? /* @__PURE__ */ React33.createElement("div", { dangerouslySetInnerHTML: { __html: customText } }) : /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("span", { className: "main" }, attachTickets ? t("confirmation.emailed") : message != null ? message : t("confirmation.inMyTickets")), /* @__PURE__ */ React33.createElement("span", { className: "helper" }, attachTickets ? t("confirmation.bringThem") : helper))))), customText && !customReplacement && /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: "custom-confirmation-page-text tf-checkout-confirmation-page__custom",
       dangerouslySetInnerHTML: { __html: customText }
     }
-  ), orderUrl && /* @__PURE__ */ React33.createElement("div", { className: "order-details-button-container" }, /* @__PURE__ */ React33.createElement("a", { className: "view-order-button", href: orderUrl }, "View Order")), showReferral && data.disable_referral === false && shareUrl && /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("div", { className: "referral_text_image_section" }, /* @__PURE__ */ React33.createElement("div", { className: "referral_text_section" }, /* @__PURE__ */ React33.createElement("div", { className: "referral_title_text" }, "Your ticket can become", /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " cheaper "), "or even", /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " FREE!")), /* @__PURE__ */ React33.createElement("div", { className: "referral_text" }, /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, "Invite friends "), "and we'll refund up to", /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " 100% "), "of your ticket money, if they buy tickets as well!"))), /* @__PURE__ */ React33.createElement("div", { className: "share_wrapper" }, /* @__PURE__ */ React33.createElement("div", { className: "share_section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_title" }, "How do you invite your friends?"), /* @__PURE__ */ React33.createElement("div", { className: "share_buttons" }, /* @__PURE__ */ React33.createElement("div", { className: "share-by-link" }, /* @__PURE__ */ React33.createElement("h5", { className: "share-by-link label" }, "Send them this link:"), /* @__PURE__ */ React33.createElement("div", { className: "share-btn-inner" }, /* @__PURE__ */ React33.createElement("input", { className: "share-input", readOnly: true, value: shareUrl }), /* @__PURE__ */ React33.createElement(
+  ), orderUrl && /* @__PURE__ */ React33.createElement("div", { className: "order-details-button-container" }, /* @__PURE__ */ React33.createElement("a", { className: "view-order-button", href: orderUrl }, t("confirmation.viewOrder"))), showReferral && data.disable_referral === false && shareUrl && /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("div", { className: "referral_text_image_section" }, /* @__PURE__ */ React33.createElement("div", { className: "referral_text_section" }, /* @__PURE__ */ React33.createElement("div", { className: "referral_title_text" }, t("referral.titleStart"), /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " ", t("referral.titleCheaper"), " "), t("referral.titleOr"), /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " ", t("referral.titleFree"))), /* @__PURE__ */ React33.createElement("div", { className: "referral_text" }, /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, t("referral.inviteFriends"), " "), t("referral.inviteMiddle"), /* @__PURE__ */ React33.createElement("span", { className: "strong-text" }, " 100% "), t("referral.inviteEnd")))), /* @__PURE__ */ React33.createElement("div", { className: "share_wrapper" }, /* @__PURE__ */ React33.createElement("div", { className: "share_section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_title" }, t("referral.howToInvite")), /* @__PURE__ */ React33.createElement("div", { className: "share_buttons" }, /* @__PURE__ */ React33.createElement("div", { className: "share-by-link" }, /* @__PURE__ */ React33.createElement("h5", { className: "share-by-link label" }, t("referral.sendThisLink")), /* @__PURE__ */ React33.createElement("div", { className: "share-btn-inner" }, /* @__PURE__ */ React33.createElement("input", { className: "share-input", readOnly: true, value: shareUrl }), /* @__PURE__ */ React33.createElement(
     "button",
     {
       className: "share-by-link-copy-icon",
       type: "button",
       onClick: copy
     },
-    /* @__PURE__ */ React33.createElement("span", { className: "copy-icon" }, copied ? "Copied!" : "Copy")
+    /* @__PURE__ */ React33.createElement("span", { className: "copy-icon" }, copied ? t("referral.copied") : t("referral.copy"))
   ))), showShareButtons && /* @__PURE__ */ React33.createElement("div", { className: "social-media-btns" }, /* @__PURE__ */ React33.createElement(
     "a",
     {
@@ -8835,31 +8997,33 @@ var OrderConfirmation = ({
       rel: "noopener noreferrer"
     },
     "WhatsApp"
-  ))))), pricing.length > 0 && /* @__PURE__ */ React33.createElement("div", { className: "pricing-section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_title" }, "How much cheaper?"), pricing.map((item, index) => /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_wrapper", key: `${item.label}-${index}` }, /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_label" }, item.label, item.subLabel && /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_sublabel" }, item.subLabel)), /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_price" }, item.price)))))));
+  ))))), pricing.length > 0 && /* @__PURE__ */ React33.createElement("div", { className: "pricing-section" }, /* @__PURE__ */ React33.createElement("div", { className: "invitation_title" }, t("referral.howMuchCheaper")), pricing.map((item, index) => /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_wrapper", key: `${item.label}-${index}` }, /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_label" }, item.label, item.subLabel && /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_sublabel" }, item.subLabel)), /* @__PURE__ */ React33.createElement("div", { className: "pricing-section_price" }, item.price)))))));
 };
 
 // src/sections/OrderIDVerification.tsx
 import React34, { useEffect as useEffect14, useState as useState20 } from "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] = useState20("checking");
   const [failure, setFailure] = useState20("");
   useEffect14(() => {
     if (!orderHash) {
       setPhase("error");
-      setFailure("The order reference is missing.");
+      setFailure(MISSING_REFERENCE2);
       return;
     }
     let active = true;
@@ -8912,7 +9076,7 @@ var OrderIDVerification = ({
       }
     );
   };
-  return /* @__PURE__ */ React34.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ React34.createElement(SectionHeader, { title: "Account Verification" }), /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React34.createElement(Card, { className: cx("tf-checkout-idverify", className) }, /* @__PURE__ */ React34.createElement(SectionHeader, { title: t("verification.title") }), /* @__PURE__ */ React34.createElement(
     "p",
     {
       className: cx(
@@ -8920,8 +9084,8 @@ var OrderIDVerification = ({
         phase === "verified" && "tf-checkout-idverify__done"
       )
     },
-    failure || PHASE_MESSAGE[phase]
-  ), phase !== "verified" && orderHash && /* @__PURE__ */ React34.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__ */ React34.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
@@ -8949,6 +9113,7 @@ var Flow = ({
   showTestCardHint
 }) => {
   var _a;
+  const t = useT();
   const checkout = useCheckoutContext();
   const [view, setView] = useState21(initialView);
   const [selectionView, setSelectionView] = useState21(initialView);
@@ -9075,7 +9240,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,
@@ -9338,6 +9503,7 @@ export {
   missingCheckoutDetails,
   missingRequiredAddOns,
   normalizeAuthEmail,
+  orderTicketsBeforeTables,
   oxxoVoucherFromNextAction,
   payOrderWith,
   paymentIntentIdFromClientSecret,
@@ -9365,6 +9531,7 @@ export {
   syncCurrency,
   syncCurrencyWith,
   themeToVars,
+  ticketBadgeTranslation,
   ticketFieldsFor,
   ticketQuantityRange,
   ttf,