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

package/dist/index.esm.js

@@ -1467,7 +1467,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 +1869,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 +1902,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 +1957,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 +1994,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 }
           });
         }
@@ -4103,7 +4109,137 @@ var en = {
   "referral.inviteFriends": "Invite friends",
   "referral.howToInvite": "How do you invite your friends?",
   "referral.sendThisLink": "Send them this link:",
-  "referral.howMuchCheaper": "How much cheaper?"
+  "referral.howMuchCheaper": "How much cheaper?",
+  // --- Checkout body (localization pass) ---------------------------------
+  "common.submit": "Submit",
+  "common.each": "each",
+  "billing.heading": "Billing Information",
+  "billing.continueToPayment": "Continue to payment",
+  "billing.ttfOptIn": "Keep me updated about future events from The Ticket Fairy",
+  "billing.fieldRequired": "This field is required.",
+  "billing.firstNamePlaceholder": "First name *",
+  "billing.lastNamePlaceholder": "Last name *",
+  "billing.emailMustMatch": "Email addresses must match.",
+  "billing.emailInvalid": "Enter a valid email address.",
+  "billing.emailRegistered": "This email is already registered.",
+  "billing.loginAutofill": "Log in to autofill your details",
+  "billing.loginAutofillPlain": "Log in to autofill your details.",
+  "billing.firstNameRequired": "First name is required.",
+  "billing.lastNameRequired": "Last name is required.",
+  "billing.streetRequired": "Street address is required.",
+  "billing.cityRequired": "City is required.",
+  "billing.postcodeRequired": "ZIP / postcode is required.",
+  "billing.countryRequired": "Country is required.",
+  "billing.stateRequired": "State / county is required.",
+  "billing.countryEmpty": "\u2014 country * \u2014",
+  "billing.stateEmpty": "\u2014 state / county \u2014",
+  "billing.stateEmptyRequired": "\u2014 state / county * \u2014",
+  "billing.holderTitle": "Ticket {{number}}",
+  "billing.nationality": "Nationality",
+  "billing.gender": "Gender",
+  "billing.instagramHandle": "Instagram handle",
+  "billing.phoneOptional": "Phone",
+  "billing.phoneAria": "Phone",
+  "billing.phoneInvalid": "Enter a valid phone number.",
+  "billing.phonePlaceholder": "Phone number",
+  "billing.dob": "Date of birth *",
+  "billing.dobWithAge": "Date of birth * (must be {{age}}+)",
+  "billing.dobRequired": "Date of birth is required.",
+  "billing.ageMinimum": "You must be {{age}} or older.",
+  "billing.privacyAgree": "I have read and agree to {{brand}}",
+  "billing.privacyLink": "Privacy Policy.",
+  "tickets.getTickets": "Get tickets",
+  "tickets.selectOnMap": "Select on map",
+  "tickets.selectSeats": "Select seats",
+  "tickets.hideInfo": "Hide info",
+  "tickets.viewInfo": "View info",
+  "tickets.salesNotStarted": "Sales not started",
+  "tickets.salesEnded": "Sales Ended",
+  "tickets.accessCode": "Access code",
+  "tickets.promoCode": "Promo code",
+  "tickets.reserving": "Reserving\u2026",
+  "addons.eyebrow": "Get Your Tickets",
+  "addons.heading": "UPGRADES & ADD-ONS",
+  "addons.confirmSelection": "CONFIRM SELECTION",
+  "addons.updating": "Updating\u2026",
+  "payment.title": "Payment",
+  "payment.card": "Card",
+  "payment.paymentPlan": "Payment plan",
+  "payment.oxxo": "OXXO (pay in cash)",
+  "payment.submitPayment": "Submit Payment",
+  "payment.completeRegistration": "Complete Registration",
+  "payment.placing": "Placing\u2026",
+  "payment.testCard": "Test card: 4242 4242 4242 4242 \xB7 any future date \xB7 any CVC",
+  "payment.testCardXendit": "Test card: 4000 0000 0000 0002 \xB7 any future date \xB7 any CVC",
+  "confirmation.pending": "Payment pending",
+  "confirmation.confirmed": "Your Tickets are Confirmed!",
+  "confirmation.pendingBody": "We\u2019ll email your tickets as soon as the payment settles.",
+  "confirmation.alreadyPaid": "This order was already paid \u2014 nothing was charged again.",
+  "confirmation.available": "Your tickets are available in the My Tickets section \u2014 please bring them with you to the event.",
+  "referral.copied": "Copied!",
+  "referral.copyLink": "Copy link",
+  "timer.completePurchase": "Please complete your purchase before the timer reaches zero.",
+  "auth.logIn": "Log in",
+  "auth.signUp": "Sign Up",
+  "auth.passwordReset": "Password reset",
+  "auth.backToLogin": "Back to log in",
+  "auth.sendResetInstructions": "Send reset instructions",
+  "auth.createAccount": "Create Account",
+  "auth.forgotPassword": "Forgot password?",
+  "auth.forgotIntro": "Enter your email and we\u2019ll send you instructions to reset your password.",
+  "auth.missingToken": "This password-reset link is missing its token.",
+  "auth.passwordTooShort": "Password must have at least 8 characters.",
+  "auth.passwordNeedsSpecial": "Password must contain at least one special character.",
+  "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",
+  // --- 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
@@ -4235,7 +4371,137 @@ var esMX = {
   "referral.inviteFriends": "Invita a tus amigos",
   "referral.howToInvite": "\xBFC\xF3mo invitas a tus amigos?",
   "referral.sendThisLink": "Env\xEDales este enlace:",
-  "referral.howMuchCheaper": "\xBFCu\xE1nto m\xE1s barato?"
+  "referral.howMuchCheaper": "\xBFCu\xE1nto m\xE1s barato?",
+  // --- Checkout body (localization pass) ---------------------------------
+  "common.submit": "Enviar",
+  "common.each": "c/u",
+  "billing.heading": "Informaci\xF3n de facturaci\xF3n",
+  "billing.continueToPayment": "Continuar al pago",
+  "billing.ttfOptIn": "Quiero recibir novedades sobre pr\xF3ximos eventos de The Ticket Fairy",
+  "billing.fieldRequired": "Este campo es obligatorio.",
+  "billing.firstNamePlaceholder": "Nombre *",
+  "billing.lastNamePlaceholder": "Apellido *",
+  "billing.emailMustMatch": "Los correos electr\xF3nicos deben coincidir.",
+  "billing.emailInvalid": "Ingresa un correo electr\xF3nico v\xE1lido.",
+  "billing.emailRegistered": "Este correo ya est\xE1 registrado.",
+  "billing.loginAutofill": "Inicia sesi\xF3n para completar tus datos",
+  "billing.loginAutofillPlain": "Inicia sesi\xF3n para completar tus datos.",
+  "billing.firstNameRequired": "El nombre es obligatorio.",
+  "billing.lastNameRequired": "El apellido es obligatorio.",
+  "billing.streetRequired": "La calle y n\xFAmero son obligatorios.",
+  "billing.cityRequired": "La ciudad es obligatoria.",
+  "billing.postcodeRequired": "El c\xF3digo postal es obligatorio.",
+  "billing.countryRequired": "El pa\xEDs es obligatorio.",
+  "billing.stateRequired": "El estado es obligatorio.",
+  "billing.countryEmpty": "\u2014 pa\xEDs * \u2014",
+  "billing.stateEmpty": "\u2014 estado \u2014",
+  "billing.stateEmptyRequired": "\u2014 estado * \u2014",
+  "billing.holderTitle": "Boleto {{number}}",
+  "billing.nationality": "Nacionalidad",
+  "billing.gender": "G\xE9nero",
+  "billing.instagramHandle": "Usuario de Instagram",
+  "billing.phoneOptional": "Tel\xE9fono",
+  "billing.phoneAria": "Tel\xE9fono",
+  "billing.phoneInvalid": "Ingresa un n\xFAmero de tel\xE9fono v\xE1lido.",
+  "billing.phonePlaceholder": "N\xFAmero de tel\xE9fono",
+  "billing.dob": "Fecha de nacimiento *",
+  "billing.dobWithAge": "Fecha de nacimiento * (debes tener {{age}}+)",
+  "billing.dobRequired": "La fecha de nacimiento es obligatoria.",
+  "billing.ageMinimum": "Debes tener {{age}} a\xF1os o m\xE1s.",
+  "billing.privacyAgree": "He le\xEDdo y acepto el",
+  "billing.privacyLink": "Aviso de Privacidad.",
+  "tickets.getTickets": "Comprar boletos",
+  "tickets.selectOnMap": "Seleccionar en el mapa",
+  "tickets.selectSeats": "Seleccionar asientos",
+  "tickets.hideInfo": "Ocultar informaci\xF3n",
+  "tickets.viewInfo": "Ver informaci\xF3n",
+  "tickets.salesNotStarted": "Venta no iniciada",
+  "tickets.salesEnded": "Venta finalizada",
+  "tickets.accessCode": "C\xF3digo de acceso",
+  "tickets.promoCode": "C\xF3digo promocional",
+  "tickets.reserving": "Reservando\u2026",
+  "addons.eyebrow": "Obt\xE9n tus boletos",
+  "addons.heading": "MEJORAS Y COMPLEMENTOS",
+  "addons.confirmSelection": "CONFIRMAR SELECCI\xD3N",
+  "addons.updating": "Actualizando\u2026",
+  "payment.title": "Pago",
+  "payment.card": "Tarjeta",
+  "payment.paymentPlan": "Plan de pagos",
+  "payment.oxxo": "OXXO (pago en efectivo)",
+  "payment.submitPayment": "Pagar",
+  "payment.completeRegistration": "Completar registro",
+  "payment.placing": "Procesando\u2026",
+  "payment.testCard": "Tarjeta de prueba: 4242 4242 4242 4242 \xB7 cualquier fecha futura \xB7 cualquier CVC",
+  "payment.testCardXendit": "Tarjeta de prueba: 4000 0000 0000 0002 \xB7 cualquier fecha futura \xB7 cualquier CVC",
+  "confirmation.pending": "Pago pendiente",
+  "confirmation.confirmed": "\xA1Tus boletos est\xE1n confirmados!",
+  "confirmation.pendingBody": "Te enviaremos tus boletos por correo en cuanto se acredite el pago.",
+  "confirmation.alreadyPaid": "Esta orden ya estaba pagada: no se te cobr\xF3 de nuevo.",
+  "confirmation.available": "Tus boletos est\xE1n disponibles en la secci\xF3n Mis boletos. Recuerda llevarlos contigo al evento.",
+  "referral.copied": "\xA1Copiado!",
+  "referral.copyLink": "Copiar enlace",
+  "timer.completePurchase": "Completa tu compra antes de que el temporizador llegue a cero.",
+  "auth.logIn": "Iniciar sesi\xF3n",
+  "auth.signUp": "Crear cuenta",
+  "auth.passwordReset": "Restablecer contrase\xF1a",
+  "auth.backToLogin": "Volver a iniciar sesi\xF3n",
+  "auth.sendResetInstructions": "Enviar instrucciones",
+  "auth.createAccount": "Crear cuenta",
+  "auth.forgotPassword": "\xBFOlvidaste tu contrase\xF1a?",
+  "auth.forgotIntro": "Ingresa tu correo y te enviaremos instrucciones para restablecer tu contrase\xF1a.",
+  "auth.missingToken": "A este enlace de restablecimiento le falta el token.",
+  "auth.passwordTooShort": "La contrase\xF1a debe tener al menos 8 caracteres.",
+  "auth.passwordNeedsSpecial": "La contrase\xF1a debe incluir al menos un car\xE1cter especial.",
+  "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",
+  // --- 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
@@ -5101,14 +5367,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(
@@ -5134,6 +5403,7 @@ Button.displayName = "Button";
 
 // src/ui/InstallmentPicker.tsx
 var useInstallmentPicker = () => {
+  const t = useT();
   const [pending, setPending] = useState4(null);
   const onInstallmentOffers = useCallback3(
     (offers) => new Promise((resolve) => setPending({ offers, resolve })),
@@ -5148,9 +5418,9 @@ var useInstallmentPicker = () => {
     {
       className: "tf-checkout-installments",
       role: "dialog",
-      "aria-label": "Choose installments"
+      "aria-label": t("payment.chooseInstallments")
     },
-    /* @__PURE__ */ React5.createElement("div", { className: "tf-checkout-installments__box" }, /* @__PURE__ */ React5.createElement("strong", null, "Pay in installments?"), /* @__PURE__ */ React5.createElement("div", { className: "tf-checkout-installments__list" }, pending.offers.map((o, i) => {
+    /* @__PURE__ */ React5.createElement("div", { className: "tf-checkout-installments__box" }, /* @__PURE__ */ React5.createElement("strong", null, t("payment.payInInstallments")), /* @__PURE__ */ React5.createElement("div", { className: "tf-checkout-installments__list" }, pending.offers.map((o, i) => {
       var _a;
       return /* @__PURE__ */ React5.createElement(
         "button",
@@ -5161,9 +5431,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 };
 };
@@ -5496,87 +5766,100 @@ var PaymentMethods = ({
   children,
   inputSlotFor,
   className
-}) => /* @__PURE__ */ React10.createElement(
-  "div",
-  {
-    className: cx("tf-checkout-payment__methods", className),
-    role: "radiogroup",
-    "aria-label": "Payment method"
-  },
-  options.map((o) => {
-    var _a, _b, _c, _d, _e, _f;
-    const isSelected = o.value === selected;
-    const extraValue = o.extra === "phoneNumber" ? (_a = extraValues[o.value]) == null ? void 0 : _a.phoneNumber : (_b = extraValues[o.value]) == null ? void 0 : _b.cashtag;
-    const extraInvalid = Boolean(isSelected && o.extra && showValidation) && !(extraValue == null ? void 0 : extraValue.trim());
-    return /* @__PURE__ */ React10.createElement(
-      "label",
-      {
-        key: o.value,
-        className: cx(
-          "tf-checkout-payment__method",
-          isSelected && "tf-checkout-payment__method--selected"
-        )
-      },
-      /* @__PURE__ */ React10.createElement("span", { className: "tf-checkout-payment__method-head" }, /* @__PURE__ */ React10.createElement(
-        "input",
-        {
-          type: "radio",
-          name: "tf-pay-method",
-          className: "tf-checkout-payment__method-radio",
-          checked: isSelected,
-          onChange: () => onSelect(o.value)
-        }
-      ), o.iconUrl && /* @__PURE__ */ React10.createElement("img", { className: "tf-checkout-payment__method-icon", src: o.iconUrl, alt: "" }), /* @__PURE__ */ React10.createElement("span", { className: "tf-checkout-payment__method-label" }, o.label)),
-      isSelected && (o.value === inputSlotFor || o.extra) && /* @__PURE__ */ React10.createElement("div", { className: "tf-checkout-payment__method-body" }, o.value === inputSlotFor && children, o.extra && /* @__PURE__ */ React10.createElement(
-        Field,
+}) => {
+  const t = useT();
+  return /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      className: cx("tf-checkout-payment__methods", className),
+      role: "radiogroup",
+      "aria-label": t("payment.method")
+    },
+    options.map((o) => {
+      var _a, _b, _c, _d, _e, _f;
+      const isSelected = o.value === selected;
+      const extraValue = o.extra === "phoneNumber" ? (_a = extraValues[o.value]) == null ? void 0 : _a.phoneNumber : (_b = extraValues[o.value]) == null ? void 0 : _b.cashtag;
+      const extraInvalid = Boolean(isSelected && o.extra && showValidation) && !(extraValue == null ? void 0 : extraValue.trim());
+      return /* @__PURE__ */ React10.createElement(
+        "label",
         {
-          label: `${EXTRA_LABEL[o.extra]} *`,
-          error: extraInvalid ? "This field is required." : void 0,
-          invalid: extraInvalid
+          key: o.value,
+          className: cx(
+            "tf-checkout-payment__method",
+            isSelected && "tf-checkout-payment__method--selected"
+          )
         },
-        /* @__PURE__ */ React10.createElement(
-          Input,
+        /* @__PURE__ */ React10.createElement("span", { className: "tf-checkout-payment__method-head" }, /* @__PURE__ */ React10.createElement(
+          "input",
           {
-            inputMode: o.extra === "phoneNumber" ? "tel" : "text",
-            required: true,
-            invalid: extraInvalid,
-            "aria-invalid": extraInvalid,
-            placeholder: o.extra === "phoneNumber" ? "e.g. 081234567890" : "$cashtag",
-            value: o.extra === "phoneNumber" ? (_d = (_c = extraValues[o.value]) == null ? void 0 : _c.phoneNumber) != null ? _d : "" : (_f = (_e = extraValues[o.value]) == null ? void 0 : _e.cashtag) != null ? _f : "",
-            onChange: (e) => onExtraChange(
-              o.value,
-              o.extra === "phoneNumber" ? { phoneNumber: e.target.value } : { cashtag: e.target.value }
-            )
+            type: "radio",
+            name: "tf-pay-method",
+            className: "tf-checkout-payment__method-radio",
+            checked: isSelected,
+            onChange: () => onSelect(o.value)
           }
-        )
-      ))
-    );
-  })
-);
+        ), o.iconUrl && /* @__PURE__ */ React10.createElement(
+          "img",
+          {
+            className: "tf-checkout-payment__method-icon",
+            src: o.iconUrl,
+            alt: ""
+          }
+        ), /* @__PURE__ */ React10.createElement("span", { className: "tf-checkout-payment__method-label" }, o.label)),
+        isSelected && (o.value === inputSlotFor || o.extra) && /* @__PURE__ */ React10.createElement("div", { className: "tf-checkout-payment__method-body" }, o.value === inputSlotFor && children, o.extra && /* @__PURE__ */ React10.createElement(
+          Field,
+          {
+            label: `${EXTRA_LABEL[o.extra]} *`,
+            error: extraInvalid ? t("billing.fieldRequired") : void 0,
+            invalid: extraInvalid
+          },
+          /* @__PURE__ */ React10.createElement(
+            Input,
+            {
+              inputMode: o.extra === "phoneNumber" ? "tel" : "text",
+              required: true,
+              invalid: extraInvalid,
+              "aria-invalid": extraInvalid,
+              placeholder: o.extra === "phoneNumber" ? "e.g. 081234567890" : "$cashtag",
+              value: o.extra === "phoneNumber" ? (_d = (_c = extraValues[o.value]) == null ? void 0 : _c.phoneNumber) != null ? _d : "" : (_f = (_e = extraValues[o.value]) == null ? void 0 : _e.cashtag) != null ? _f : "",
+              onChange: (e) => onExtraChange(
+                o.value,
+                o.extra === "phoneNumber" ? { phoneNumber: e.target.value } : { cashtag: e.target.value }
+              )
+            }
+          )
+        ))
+      );
+    })
+  );
+};
 
 // 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";
@@ -5641,9 +5924,10 @@ var clock2 = (s) => {
 var TimerBanner = ({
   seconds,
   urgentAt = 60,
-  message = "Please complete your purchase before the timer reaches zero.",
+  message,
   className
 }) => {
+  const t = useT();
   const [dismissed, setDismissed] = useState6(false);
   if (seconds === void 0 || seconds <= 0 || dismissed) return null;
   const urgent = seconds <= urgentAt;
@@ -5657,14 +5941,14 @@ var TimerBanner = ({
         className
       )
     },
-    /* @__PURE__ */ React15.createElement("span", { className: "tf-checkout-timerbanner__msg" }, message),
+    /* @__PURE__ */ React15.createElement("span", { className: "tf-checkout-timerbanner__msg" }, message != null ? message : t("timer.completePurchase")),
     /* @__PURE__ */ React15.createElement("span", { className: "tf-checkout-timerbanner__clock" }, clock2(seconds)),
     /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
         className: "tf-checkout-timerbanner__close",
-        "aria-label": "Dismiss",
+        "aria-label": t("common.dismiss"),
         onClick: () => setDismissed(true)
       },
       "\xD7"
@@ -5697,9 +5981,9 @@ var ForgotPasswordForm = ({
     void onSubmit(email);
   };
   if (successMessage) {
-    return /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__form" }, /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__success", role: "status" }, successMessage), /* @__PURE__ */ React16.createElement(Button, { type: "button", block: true, onClick: () => onBackToLogin(email) }, "Back to log in"));
+    return /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__form" }, /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__success", role: "status" }, successMessage), /* @__PURE__ */ React16.createElement(Button, { type: "button", block: true, onClick: () => onBackToLogin(email) }, t("auth.backToLogin")));
   }
-  return /* @__PURE__ */ React16.createElement("form", { className: "tf-checkout-auth__form", onSubmit: submit, noValidate: true }, /* @__PURE__ */ React16.createElement("p", { className: "tf-checkout-auth__intro" }, "Enter your email and we\u2019ll send you instructions to reset your password."), error && /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, error), /* @__PURE__ */ React16.createElement(Field, { label: t("auth.email"), error: errors.email }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React16.createElement("form", { className: "tf-checkout-auth__form", onSubmit: submit, noValidate: true }, /* @__PURE__ */ React16.createElement("p", { className: "tf-checkout-auth__intro" }, t("auth.forgotIntro")), error && /* @__PURE__ */ React16.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, error), /* @__PURE__ */ React16.createElement(Field, { label: t("auth.email"), error: errors.email }, /* @__PURE__ */ React16.createElement(
     Input,
     {
       type: "email",
@@ -5714,14 +5998,14 @@ var ForgotPasswordForm = ({
         onFieldChange == null ? void 0 : onFieldChange();
       }
     }
-  )), /* @__PURE__ */ React16.createElement(Button, { type: "submit", block: true, loading }, "Send reset instructions"), /* @__PURE__ */ React16.createElement(
+  )), /* @__PURE__ */ React16.createElement(Button, { type: "submit", block: true, loading }, t("auth.sendResetInstructions")), /* @__PURE__ */ React16.createElement(
     "button",
     {
       type: "button",
       className: "tf-checkout-auth__text-button tf-checkout-auth__back",
       onClick: () => onBackToLogin(email)
     },
-    "Back to log in"
+    t("auth.backToLogin")
   ));
 };
 
@@ -5823,14 +6107,14 @@ var LoginForm = ({
         }
       }
     )
-  ), /* @__PURE__ */ React18.createElement(Button, { type: "submit", block: true, loading }, "Login"), allowPasswordReset && onForgotPassword && /* @__PURE__ */ React18.createElement(
+  ), /* @__PURE__ */ React18.createElement(Button, { type: "submit", block: true, loading }, t("auth.logIn")), allowPasswordReset && onForgotPassword && /* @__PURE__ */ React18.createElement(
     "button",
     {
       type: "button",
       className: "tf-checkout-auth__text-button tf-checkout-auth__forgot",
       onClick: () => onForgotPassword(email)
     },
-    "Forgot password?"
+    t("auth.forgotPassword")
   ));
 };
 
@@ -6057,7 +6341,7 @@ var RegisterForm = ({
           invalid: Boolean(errors.stateId),
           onChange: (event) => setField("stateId", event.target.value)
         },
-        /* @__PURE__ */ React19.createElement("option", { value: "" }, states.length > 0 ? "Select state / region" : "Not required"),
+        /* @__PURE__ */ React19.createElement("option", { value: "" }, states.length > 0 ? t("auth.selectState") : t("auth.notRequired")),
         states.map((state) => /* @__PURE__ */ React19.createElement("option", { key: state.id, value: state.id }, state.name))
       )
     ), /* @__PURE__ */ React19.createElement(
@@ -6151,7 +6435,7 @@ var RegisterForm = ({
         }
       )
     )),
-    /* @__PURE__ */ React19.createElement(Button, { type: "submit", block: true, loading }, "Create Account")
+    /* @__PURE__ */ React19.createElement(Button, { type: "submit", block: true, loading }, t("auth.createAccount"))
   );
 };
 
@@ -6243,7 +6527,7 @@ var AuthModal = ({
     if (event.target === event.currentTarget && !auth.isSubmitting) onClose();
   };
   const isPasswordReset = auth.view === "forgot-password";
-  const title = isPasswordReset ? "Password reset" : "Ticket Fairy account";
+  const title = isPasswordReset ? t("auth.passwordReset") : t("auth.title");
   return /* @__PURE__ */ React20.createElement("div", { className: cx("tf-checkout-auth", className), onMouseDown: closeFromBackdrop }, /* @__PURE__ */ React20.createElement(
     "div",
     {
@@ -6285,7 +6569,7 @@ var AuthModal = ({
           ),
           onClick: () => auth.showLogin(auth.suggestedEmail)
         },
-        "Login"
+        t("auth.logIn")
       ),
       /* @__PURE__ */ React20.createElement(
         "button",
@@ -6299,7 +6583,7 @@ var AuthModal = ({
           ),
           onClick: () => auth.showRegister(auth.suggestedEmail)
         },
-        "Sign Up"
+        t("auth.signUp")
       )
     ),
     logoUrl && /* @__PURE__ */ React20.createElement("div", { className: "tf-checkout-auth__logo-wrap" }, /* @__PURE__ */ React20.createElement(
@@ -6368,9 +6652,9 @@ var ResetPasswordForm = ({
   const validation = useMemo3(() => {
     if (!submitted) return {};
     return {
-      token: token ? "" : "This password-reset link is missing its token.",
-      password: password.length < 8 ? "Password must have at least 8 characters." : !/[@$!%*#?&]/.test(password) ? "Password must contain at least one special character." : "",
-      confirmation: password !== confirmation ? "Passwords must match." : ""
+      token: token ? "" : t("auth.missingToken"),
+      password: password.length < 8 ? t("auth.passwordTooShort") : !/[@$!%*#?&]/.test(password) ? t("auth.passwordNeedsSpecial") : "",
+      confirmation: password !== confirmation ? t("auth.passwordsMustMatch") : ""
     };
   }, [confirmation, password, submitted, token]);
   const reset = hooks_exports.useResetPassword({
@@ -6387,7 +6671,7 @@ var ResetPasswordForm = ({
     reset.mutate({ token, password, passwordConfirmation: confirmation });
   };
   if (success) {
-    return /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__form" }, /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__success", role: "status" }, "Your password has been changed. You can now log in."), onBackToLogin && /* @__PURE__ */ React21.createElement(Button, { type: "button", block: true, onClick: onBackToLogin }, "Log in"));
+    return /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__form" }, /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__success", role: "status" }, t("auth.passwordChanged")), onBackToLogin && /* @__PURE__ */ React21.createElement(Button, { type: "button", block: true, onClick: onBackToLogin }, t("auth.logIn")));
   }
   return /* @__PURE__ */ React21.createElement("form", { className: "tf-checkout-auth__form", onSubmit: submit, noValidate: true }, /* @__PURE__ */ React21.createElement("h2", { className: "tf-checkout-auth__title" }, t("auth.changePassword")), validation.token && /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, validation.token), reset.error && /* @__PURE__ */ React21.createElement("div", { className: "tf-checkout-auth__alert", role: "alert" }, errorMessage(reset.error)), /* @__PURE__ */ React21.createElement(Field, { label: t("auth.newPassword"), error: validation.password }, /* @__PURE__ */ React21.createElement(
     Input,
@@ -6411,7 +6695,7 @@ var ResetPasswordForm = ({
       invalid: Boolean(validation.confirmation),
       onChange: (event) => setConfirmation(event.target.value)
     }
-  )), /* @__PURE__ */ React21.createElement(Button, { type: "submit", block: true, loading: reset.isPending, disabled: !token }, "Submit"));
+  )), /* @__PURE__ */ React21.createElement(Button, { type: "submit", block: true, loading: reset.isPending, disabled: !token }, t("common.submit")));
 };
 
 // src/sections/Tickets.tsx
@@ -6422,30 +6706,31 @@ import React22, {
   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 }))
     }
@@ -6464,14 +6749,14 @@ 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 = ({
   eventId,
   title = false,
   onContinue,
-  buttonLabel = "Get tickets",
+  buttonLabel,
   timeSlotDates,
   step,
   onSelectSeats,
@@ -6481,7 +6766,9 @@ var Tickets = ({
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const tr = useT();
   const checkout = useCheckoutContext();
+  const buttonText = buttonLabel != null ? buttonLabel : tr("tickets.getTickets");
   const ticketsQuery = hooks_exports.useTicketsWithMeta(eventId);
   const promoMeta = (_a = ticketsQuery.data) == null ? void 0 : _a.promo;
   const showWaitingList = (_c = (_b = ticketsQuery.data) == null ? void 0 : _b.showWaitingList) != null ? _c : false;
@@ -6567,7 +6854,7 @@ var Tickets = ({
   const seatMapRow = (t) => isSeated && !t.allowDirectPurchase;
   const hasSeatMapTickets = tickets.some(seatMapRow);
   const directPurchasable = tickets.filter((t) => !seatMapRow(t));
-  const seatCtaLabel = (eventInfo == null ? void 0 : eventInfo.tableMapEnabled) ? "Select on map" : "Select seats";
+  const seatCtaLabel = (eventInfo == null ? void 0 : eventInfo.tableMapEnabled) ? tr("tickets.selectOnMap") : tr("tickets.selectSeats");
   const firstTableIndex = tickets.findIndex((t) => t.isTable);
   const firstTableId = firstTableIndex > 0 && tickets.slice(0, firstTableIndex).some((t) => !t.isTable) ? tickets[firstTableIndex].id : void 0;
   const prime = () => {
@@ -6600,7 +6887,7 @@ var Tickets = ({
     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);
-    return /* @__PURE__ */ React22.createElement(Fragment, { key: t.id }, startsNamedGroup ? /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__group" }, t.groupName) : t.id === firstTableId && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__group" }, "Reserve tables"), /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__row-wrap" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__row" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__info" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__name" }, /* @__PURE__ */ React22.createElement("span", null, t.name), t.descriptionRich && /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React22.createElement(Fragment, { key: t.id }, startsNamedGroup ? /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__group" }, t.groupName) : t.id === firstTableId && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__group" }, tr("tickets.reserveTables")), /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__row-wrap" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__row" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__info" }, /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__name" }, /* @__PURE__ */ React22.createElement("span", null, t.name), t.descriptionRich && /* @__PURE__ */ React22.createElement(
       "button",
       {
         type: "button",
@@ -6609,8 +6896,8 @@ var Tickets = ({
         "aria-controls": `ticket-description-${t.id}`,
         onClick: () => setVisibleDescription((current2) => current2 === t.id ? null : t.id)
       },
-      visibleDescription === t.id ? "Hide info" : "View info"
-    )), /* @__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(
+      visibleDescription === t.id ? tr("tickets.hideInfo") : tr("tickets.viewInfo")
+    )), t.badgeText && !unavailable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__badge" }, 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(
@@ -6618,8 +6905,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 ? "Sold out" : notStarted ? "Sales not started" : "Sales Ended") : /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__guests" }, "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("tickets.withFees", { price: money(sym, t.priceWithFees) })), 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,
@@ -6648,7 +6935,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 = [];
@@ -6666,7 +6953,7 @@ var Tickets = ({
       title: title || "",
       pills: listQuery.isFetching && !listQuery.isLoading ? /* @__PURE__ */ React22.createElement(Loader, null) : void 0
     }
-  ), listQuery.isLoading && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__loading" }, /* @__PURE__ */ React22.createElement(Loader, { className: "tf-checkout-tickets__loading-spinner" })), listQuery.error && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-error-text" }, listQuery.error.message), isTimeSlot && dates.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__currency" }, /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__currency-label" }, "Date"), /* @__PURE__ */ React22.createElement(
+  ), listQuery.isLoading && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__loading" }, /* @__PURE__ */ React22.createElement(Loader, { className: "tf-checkout-tickets__loading-spinner" })), listQuery.error && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-error-text" }, listQuery.error.message), isTimeSlot && dates.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__currency" }, /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__currency-label" }, tr("common.date")), /* @__PURE__ */ React22.createElement(
     "select",
     {
       className: "tf-checkout-select",
@@ -6677,7 +6964,7 @@ var Tickets = ({
       }
     },
     dates.map((d) => /* @__PURE__ */ React22.createElement("option", { key: d, value: d }, d))
-  )), checkout.currency && checkout.currency.available.length > 1 && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__currency" }, /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__currency-label" }, "Currency"), /* @__PURE__ */ React22.createElement(
+  )), checkout.currency && checkout.currency.available.length > 1 && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__currency" }, /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__currency-label" }, tr("common.currency")), /* @__PURE__ */ React22.createElement(
     "select",
     {
       className: "tf-checkout-select",
@@ -6685,18 +6972,18 @@ var Tickets = ({
       onChange: (e) => changeCurrency(e.target.value)
     },
     checkout.currency.available.map((c) => /* @__PURE__ */ React22.createElement("option", { key: c.code, value: c.code }, c.name, " (", c.code, ")"))
-  )), isTimeSlot && !slotQuery.isLoading && tickets.length === 0 && slotDate && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-note" }, "No sessions available on this date."), isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ React22.createElement(Fragment, { key: g.time }, g.time && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__slot-time" }, g.time), g.items.map(renderRow))) : tickets.map(renderRow), showCodeInput && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__promo" }, !isAccess && !promoOpen ? /* @__PURE__ */ React22.createElement(
+  )), isTimeSlot && !slotQuery.isLoading && tickets.length === 0 && slotDate && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-note" }, tr("tickets.noSessions")), isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ React22.createElement(Fragment, { key: g.time }, g.time && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__slot-time" }, g.time), g.items.map(renderRow))) : tickets.map(renderRow), showCodeInput && /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__promo" }, !isAccess && !promoOpen ? /* @__PURE__ */ React22.createElement(
     "button",
     {
       type: "button",
       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,
     {
-      placeholder: isAccess ? "Access code" : "Promo code",
+      placeholder: isAccess ? tr("tickets.accessCode") : tr("tickets.promoCode"),
       value: code,
       onChange: (e) => setCode(e.target.value),
       onKeyDown: (e) => e.key === "Enter" && applyCode()
@@ -6727,7 +7014,7 @@ var Tickets = ({
       loading: checkout.isBusy,
       disabled: checkout.isBusy || selected.length === 0
     },
-    checkout.isBusy ? "Reserving\u2026" : selectionIsTable ? "Reserve tables" : buttonLabel
+    checkout.isBusy ? tr("tickets.reserving") : selectionIsTable ? tr("tickets.reserveTables") : buttonText
   ), hasSeatMapTickets && /* @__PURE__ */ React22.createElement(Button, { block: true, onClick: () => onSelectSeats == null ? void 0 : onSelectSeats() }, seatCtaLabel), (error || checkout.error) && /* @__PURE__ */ React22.createElement("p", { className: "tf-checkout-error-text" }, error || checkout.error));
 };
 
@@ -7093,13 +7380,17 @@ var AddOns = ({
   eventId,
   onContinue,
   onSkip,
-  buttonLabel = "CONFIRM SELECTION",
-  eyebrow = "Get Your Tickets",
-  heading = "UPGRADES & ADD-ONS",
+  buttonLabel,
+  eyebrow,
+  heading,
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
+  const t = useT();
   const checkout = useCheckoutContext();
+  const buttonText = buttonLabel != null ? buttonLabel : t("addons.confirmSelection");
+  const eyebrowText = eyebrow != null ? eyebrow : t("addons.eyebrow");
+  const headingText = heading != null ? heading : t("addons.heading");
   const combined = !onContinue;
   const addonsQuery = hooks_exports.useEventAddons(eventId);
   const all = (_a = addonsQuery.data) != null ? _a : [];
@@ -7129,14 +7420,14 @@ var AddOns = ({
         return ((_a3 = selection[id]) != null ? _a3 : 0) > 0;
       })
     );
-    const t = setTimeout(() => {
+    const t2 = setTimeout(() => {
       checkout.setAddonDataCapture(captureForSelected);
       checkout.setAddons(selection).catch((e) => setError(errorMessage(e)));
     }, 500);
-    return () => clearTimeout(t);
+    return () => clearTimeout(t2);
   }, [combined, qty, capture]);
   const hasRequired = ((_f = checkout.requiredAddOns) != null ? _f : []).some((a) => a.required);
-  const head = /* @__PURE__ */ React24.createElement("div", { className: "tf-checkout-addons__head" }, eyebrow && /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-addons__eyebrow" }, eyebrow), /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-addons__heading" }, heading), onSkip && !hasRequired && /* @__PURE__ */ React24.createElement("button", { type: "button", className: "tf-checkout-addons__skip", onClick: onSkip }, "Skip"));
+  const head = /* @__PURE__ */ React24.createElement("div", { className: "tf-checkout-addons__head" }, eyebrowText && /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-addons__eyebrow" }, eyebrowText), /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-addons__heading" }, headingText), onSkip && !hasRequired && /* @__PURE__ */ React24.createElement("button", { type: "button", className: "tf-checkout-addons__skip", onClick: onSkip }, "Skip"));
   if (addonsQuery.isLoading) {
     return /* @__PURE__ */ React24.createElement(Card, { className }, head, /* @__PURE__ */ React24.createElement("div", { className: "tf-checkout-section-loader" }, /* @__PURE__ */ React24.createElement(Loader, null)));
   }
@@ -7183,7 +7474,7 @@ var AddOns = ({
           className: "tf-checkout-addons__desc",
           dangerouslySetInnerHTML: { __html: a.description }
         }
-      )), soldOut(a) ? /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-tickets__soldout" }, "Sold out") : /* @__PURE__ */ React24.createElement(
+      )), soldOut(a) ? /* @__PURE__ */ React24.createElement("span", { className: "tf-checkout-tickets__soldout" }, t("tickets.soldOut")) : /* @__PURE__ */ React24.createElement(
         QuantitySelect,
         {
           value: n,
@@ -7214,7 +7505,7 @@ var AddOns = ({
       loading: checkout.isBusy,
       disabled: checkout.isBusy || selectedCount === 0
     },
-    checkout.isBusy ? "Updating\u2026" : buttonLabel
+    checkout.isBusy ? t("addons.updating") : buttonText
   ), missing.length > 0 && /* @__PURE__ */ React24.createElement("p", { className: "tf-checkout-note" }, "Required add-on: ", missing.join(", "), "."), (error || checkout.error) && /* @__PURE__ */ React24.createElement("p", { className: "tf-checkout-error-text" }, error || checkout.error));
 };
 
@@ -7238,17 +7529,18 @@ var BillingAddressFields = ({
   setBilling
 }) => {
   var _a, _b, _c, _d, _e;
+  const t = useT();
   const setValue = (key) => (event) => setBilling((current2) => ({ ...current2, [key]: event.target.value }));
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", { className: "tf-checkout-billing__section-label" }, "Billing address *"), /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", { className: "tf-checkout-billing__section-label" }, t("billing.address")), /* @__PURE__ */ React25.createElement(
     Field,
     {
-      error: fieldError("Street address", "Street address is required."),
+      error: fieldError("Street address", t("billing.streetRequired")),
       invalid: Boolean(fieldError("Street address"))
     },
     /* @__PURE__ */ React25.createElement(
       Input,
       {
-        placeholder: "Street address *",
+        placeholder: t("billing.streetPlaceholder"),
         autoComplete: "street-address",
         value: (_a = billing.streetAddress) != null ? _a : "",
         required: true,
@@ -7260,13 +7552,13 @@ var BillingAddressFields = ({
   ), /* @__PURE__ */ React25.createElement(FieldRow, null, /* @__PURE__ */ React25.createElement(
     Field,
     {
-      error: fieldError("City", "City is required."),
+      error: fieldError("City", t("billing.cityRequired")),
       invalid: Boolean(fieldError("City"))
     },
     /* @__PURE__ */ React25.createElement(
       Input,
       {
-        placeholder: "City *",
+        placeholder: t("billing.cityPlaceholder"),
         autoComplete: "address-level2",
         value: (_b = billing.city) != null ? _b : "",
         required: true,
@@ -7278,13 +7570,13 @@ var BillingAddressFields = ({
   ), /* @__PURE__ */ React25.createElement(
     Field,
     {
-      error: fieldError("ZIP / postcode", "ZIP / postcode is required."),
+      error: fieldError("ZIP / postcode", t("billing.postcodeRequired")),
       invalid: Boolean(fieldError("ZIP / postcode"))
     },
     /* @__PURE__ */ React25.createElement(
       Input,
       {
-        placeholder: "ZIP / Postcode *",
+        placeholder: t("billing.postcodePlaceholder"),
         autoComplete: "postal-code",
         value: (_c = billing.zip) != null ? _c : "",
         required: true,
@@ -7296,14 +7588,14 @@ var BillingAddressFields = ({
   )), /* @__PURE__ */ React25.createElement(FieldRow, null, /* @__PURE__ */ React25.createElement(
     Field,
     {
-      error: fieldError("Country", "Country is required."),
+      error: fieldError("Country", t("billing.countryRequired")),
       invalid: Boolean(fieldError("Country"))
     },
     /* @__PURE__ */ React25.createElement(
       Select,
       {
         value: (_d = billing.countryId) != null ? _d : "",
-        "aria-label": "Country",
+        "aria-label": t("billing.countryLabel"),
         required: true,
         invalid: Boolean(fieldError("Country")),
         "aria-invalid": Boolean(fieldError("Country")),
@@ -7323,13 +7615,13 @@ var BillingAddressFields = ({
           });
         }
       },
-      /* @__PURE__ */ React25.createElement("option", { value: "" }, "\u2014 country * \u2014"),
+      /* @__PURE__ */ React25.createElement("option", { value: "" }, t("billing.countryEmpty")),
       countries.map((country) => /* @__PURE__ */ React25.createElement("option", { key: country.id, value: country.id }, country.name))
     )
   ), /* @__PURE__ */ React25.createElement(
     Field,
     {
-      error: fieldError("State / county", "State / county is required."),
+      error: fieldError("State / county", t("billing.stateRequired")),
       invalid: Boolean(fieldError("State / county"))
     },
     /* @__PURE__ */ React25.createElement(
@@ -7337,7 +7629,7 @@ var BillingAddressFields = ({
       {
         value: (_e = billing.stateId) != null ? _e : "",
         disabled: !billing.countryId || states.length === 0,
-        "aria-label": "State / region",
+        "aria-label": t("billing.stateLabel"),
         required: states.length > 0,
         invalid: Boolean(fieldError("State / county")),
         "aria-invalid": Boolean(fieldError("State / county")),
@@ -7352,7 +7644,7 @@ var BillingAddressFields = ({
           }));
         }
       },
-      /* @__PURE__ */ React25.createElement("option", { value: "" }, "\u2014 state / county", states.length > 0 ? " *" : "", " \u2014"),
+      /* @__PURE__ */ React25.createElement("option", { value: "" }, states.length > 0 ? t("billing.stateEmptyRequired") : t("billing.stateEmpty")),
       states.map((state) => /* @__PURE__ */ React25.createElement("option", { key: state.id, value: state.id }, state.name))
     )
   )));
@@ -7432,114 +7724,121 @@ var TicketHoldersCard = ({
   fieldError,
   renderCustomFields,
   patchHolder
-}) => /* @__PURE__ */ React27.createElement(Card, { className: "tf-checkout-billing__holders-card" }, /* @__PURE__ */ React27.createElement(SectionHeader, { title: "Ticket Holders" }), holders.map((holder, index) => {
-  const firstNameKey = `Ticket ${index + 1} holder first name`;
-  const lastNameKey = `Ticket ${index + 1} holder last name`;
-  const emailKey = `Ticket ${index + 1} holder email`;
-  const phoneKey = `Ticket ${index + 1} holder phone`;
-  return /* @__PURE__ */ React27.createElement("div", { key: index, className: "tf-checkout-billing__holder" }, /* @__PURE__ */ React27.createElement("div", { className: "tf-checkout-billing__holder-title" }, "Ticket ", index + 1), holderNamesRequired && /* @__PURE__ */ React27.createElement(FieldRow, null, /* @__PURE__ */ React27.createElement(
-    Field,
-    {
-      label: "First Name *",
-      error: fieldError(firstNameKey, "First name is required."),
-      invalid: Boolean(fieldError(firstNameKey))
-    },
-    /* @__PURE__ */ React27.createElement(
-      Input,
+}) => {
+  const t = useT();
+  return /* @__PURE__ */ React27.createElement(Card, { className: "tf-checkout-billing__holders-card" }, /* @__PURE__ */ React27.createElement(SectionHeader, { title: t("billing.ticketHolders") }), holders.map((holder, index) => {
+    const firstNameKey = `Ticket ${index + 1} holder first name`;
+    const lastNameKey = `Ticket ${index + 1} holder last name`;
+    const emailKey = `Ticket ${index + 1} holder email`;
+    const phoneKey = `Ticket ${index + 1} holder phone`;
+    return /* @__PURE__ */ React27.createElement("div", { key: index, className: "tf-checkout-billing__holder" }, /* @__PURE__ */ React27.createElement("div", { className: "tf-checkout-billing__holder-title" }, t("billing.holderTitle", { number: index + 1 })), holderNamesRequired && /* @__PURE__ */ React27.createElement(FieldRow, null, /* @__PURE__ */ React27.createElement(
+      Field,
       {
-        value: holder.firstName,
-        required: true,
-        invalid: Boolean(fieldError(firstNameKey)),
-        "aria-invalid": Boolean(fieldError(firstNameKey)),
-        onChange: (event) => patchHolder(index, { firstName: event.target.value })
-      }
-    )
-  ), /* @__PURE__ */ React27.createElement(
-    Field,
-    {
-      label: "Last Name *",
-      error: fieldError(lastNameKey, "Last name is required."),
-      invalid: Boolean(fieldError(lastNameKey))
-    },
-    /* @__PURE__ */ React27.createElement(
-      Input,
+        label: t("billing.holderFirstName"),
+        error: fieldError(firstNameKey, t("billing.firstNameRequired")),
+        invalid: Boolean(fieldError(firstNameKey))
+      },
+      /* @__PURE__ */ React27.createElement(
+        Input,
+        {
+          value: holder.firstName,
+          required: true,
+          invalid: Boolean(fieldError(firstNameKey)),
+          "aria-invalid": Boolean(fieldError(firstNameKey)),
+          onChange: (event) => patchHolder(index, { firstName: event.target.value })
+        }
+      )
+    ), /* @__PURE__ */ React27.createElement(
+      Field,
       {
-        value: holder.lastName,
-        required: true,
-        invalid: Boolean(fieldError(lastNameKey)),
-        "aria-invalid": Boolean(fieldError(lastNameKey)),
-        onChange: (event) => patchHolder(index, { lastName: event.target.value })
-      }
-    )
-  )), collectHolderContact && /* @__PURE__ */ React27.createElement(FieldRow, null, /* @__PURE__ */ React27.createElement(
-    Field,
-    {
-      label: "Email Address *",
-      error: fieldError(emailKey, "Enter a valid email address."),
-      invalid: Boolean(fieldError(emailKey))
-    },
-    /* @__PURE__ */ React27.createElement(
-      Input,
+        label: t("billing.holderLastName"),
+        error: fieldError(lastNameKey, t("billing.lastNameRequired")),
+        invalid: Boolean(fieldError(lastNameKey))
+      },
+      /* @__PURE__ */ React27.createElement(
+        Input,
+        {
+          value: holder.lastName,
+          required: true,
+          invalid: Boolean(fieldError(lastNameKey)),
+          "aria-invalid": Boolean(fieldError(lastNameKey)),
+          onChange: (event) => patchHolder(index, { lastName: event.target.value })
+        }
+      )
+    )), collectHolderContact && /* @__PURE__ */ React27.createElement(FieldRow, null, /* @__PURE__ */ React27.createElement(
+      Field,
       {
-        type: "email",
-        autoComplete: "email",
-        value: holder.email,
-        required: true,
-        invalid: Boolean(fieldError(emailKey)),
-        "aria-invalid": Boolean(fieldError(emailKey)),
-        onChange: (event) => patchHolder(index, { email: event.target.value })
-      }
-    )
-  ), /* @__PURE__ */ React27.createElement(
-    Field,
-    {
-      label: "Phone *",
-      error: fieldError(phoneKey, "Enter a valid phone number."),
-      invalid: Boolean(fieldError(phoneKey))
-    },
-    /* @__PURE__ */ React27.createElement(
-      PhoneInput2,
+        label: t("billing.email"),
+        error: fieldError(emailKey, t("billing.emailInvalid")),
+        invalid: Boolean(fieldError(emailKey))
+      },
+      /* @__PURE__ */ React27.createElement(
+        Input,
+        {
+          type: "email",
+          autoComplete: "email",
+          value: holder.email,
+          required: true,
+          invalid: Boolean(fieldError(emailKey)),
+          "aria-invalid": Boolean(fieldError(emailKey)),
+          onChange: (event) => patchHolder(index, { email: event.target.value })
+        }
+      )
+    ), /* @__PURE__ */ React27.createElement(
+      Field,
       {
-        className: "tf-checkout-phone",
-        inputClassName: `tf-checkout-input tf-checkout-phone__input${fieldError(phoneKey) ? " tf-checkout-input--invalid" : ""}`,
-        defaultCountry: phoneCountry,
-        disableDialCodeAndPrefix: true,
-        showDisabledDialCodeAndPrefix: true,
-        disableDialCodePrefill: true,
-        value: holder.phone,
-        required: true,
-        inputProps: {
-          autoComplete: "tel",
-          "aria-label": phoneKey,
-          "aria-invalid": Boolean(fieldError(phoneKey))
-        },
-        onChange: (phone) => patchHolder(index, { phone })
-      }
-    )
-  )), renderCustomFields(holder, index));
-}));
+        label: t("billing.phone"),
+        error: fieldError(phoneKey, t("billing.phoneInvalid")),
+        invalid: Boolean(fieldError(phoneKey))
+      },
+      /* @__PURE__ */ React27.createElement(
+        PhoneInput2,
+        {
+          className: "tf-checkout-phone",
+          inputClassName: `tf-checkout-input tf-checkout-phone__input${fieldError(phoneKey) ? " tf-checkout-input--invalid" : ""}`,
+          defaultCountry: phoneCountry,
+          disableDialCodeAndPrefix: true,
+          showDisabledDialCodeAndPrefix: true,
+          disableDialCodePrefill: true,
+          value: holder.phone,
+          required: true,
+          inputProps: {
+            autoComplete: "tel",
+            "aria-label": phoneKey,
+            "aria-invalid": Boolean(fieldError(phoneKey))
+          },
+          onChange: (phone) => patchHolder(index, { phone })
+        }
+      )
+    )), renderCustomFields(holder, index));
+  }));
+};
 
 // src/sections/BillingInfo.tsx
 var BillingInfo = ({
   eventId,
   onContinue,
-  heading = "Billing Information",
-  buttonLabel = "Continue to payment",
+  heading,
+  buttonLabel,
   onLogin,
   skipWhenProfileComplete = false,
   requireEmailConfirmation = false,
   collectTicketHolders = false,
   collectHolderContact = false,
-  ttfOptInLabel = "Keep me updated about future events from The Ticket Fairy",
+  ttfOptInLabel,
   brandOptInLabel,
   privacyPolicy,
   showPrivacyError = false,
   step,
   className
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  const t = useT();
   const checkout = useCheckoutContext();
   const validation = useCheckoutValidation();
+  const headingText = heading != null ? heading : t("billing.heading");
+  const buttonText = buttonLabel != null ? buttonLabel : t("billing.continueToPayment");
+  const ttfOptInText = ttfOptInLabel != null ? ttfOptInLabel : t("billing.ttfOptIn");
   const profile = hooks_exports.useProfile({ retry: false });
   const event = hooks_exports.useEvent(eventId);
   const combined = !onContinue;
@@ -7680,11 +7979,11 @@ var BillingInfo = ({
   useEffect11(() => {
     const email = billing.email.trim();
     if (checkout.isLoggedIn || !isEmail(email)) return;
-    const t = setTimeout(
+    const t2 = setTimeout(
       () => checkout.checkBuyerEmail(email).catch(() => void 0),
       600
     );
-    return () => clearTimeout(t);
+    return () => clearTimeout(t2);
   }, [billing.email, checkout.isLoggedIn]);
   const emailTaken = !checkout.isLoggedIn && checkout.existingAccountEmail === billing.email.trim();
   const needsNationality = checkout.buyerFields.some((f) => f.kind === "nationality");
@@ -7808,7 +8107,7 @@ var BillingInfo = ({
   const complete = missingDetails.length === 0;
   const showValidation = validation.attempt > 0;
   const missingSet = new Set(missingDetails);
-  const fieldError = (key, message = "This field is required.") => showValidation && missingSet.has(key) ? message : void 0;
+  const fieldError = (key, message = t("billing.fieldRequired")) => showValidation && missingSet.has(key) ? message : void 0;
   const dobError = showValidation ? missingDetails.find(
     (detail) => detail === "Date of birth" || detail.startsWith("Age ")
   ) : void 0;
@@ -7816,7 +8115,7 @@ var BillingInfo = ({
   const commit = () => {
     checkout.setBilling(committedBilling);
     checkout.setHolders(committedHolders);
-    if (ttfOptInLabel || brandOptInLabel) checkout.setConsent(consent);
+    if (ttfOptInText || brandOptInLabel) checkout.setConsent(consent);
   };
   useEffect11(() => {
     if (combined) commit();
@@ -7838,7 +8137,7 @@ var BillingInfo = ({
   const hasEventSpecificDetails = checkout.buyerFields.length > 0 || checkout.customFields.some((group) => group.fields.length > 0) || showHolders || gates.showDob;
   const skipBilling = skipWhenProfileComplete && checkout.isLoggedIn && profile.isSuccess && complete && !hasEventSpecificDetails;
   if (skipBilling) return null;
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Card, { className }, /* @__PURE__ */ React28.createElement(SectionHeader, { step, title: heading }), onLogin && !checkout.isLoggedIn && /* @__PURE__ */ React28.createElement("div", { className: "tf-checkout-billing__login" }, /* @__PURE__ */ React28.createElement("span", null, "Login & skip ahead:"), /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Card, { className }, /* @__PURE__ */ React28.createElement(SectionHeader, { step, title: headingText }), onLogin && !checkout.isLoggedIn && /* @__PURE__ */ React28.createElement("div", { className: "tf-checkout-billing__login" }, /* @__PURE__ */ React28.createElement("span", null, "Login & skip ahead:"), /* @__PURE__ */ React28.createElement(
     "button",
     {
       type: "button",
@@ -7855,7 +8154,7 @@ var BillingInfo = ({
     /* @__PURE__ */ React28.createElement(
       Input,
       {
-        placeholder: "First name *",
+        placeholder: t("billing.firstNamePlaceholder"),
         value: billing.firstName,
         required: true,
         invalid: Boolean(fieldError("First name")),
@@ -7872,7 +8171,7 @@ var BillingInfo = ({
     /* @__PURE__ */ React28.createElement(
       Input,
       {
-        placeholder: "Last name *",
+        placeholder: t("billing.lastNamePlaceholder"),
         value: billing.lastName,
         required: true,
         invalid: Boolean(fieldError("Last name")),
@@ -7891,7 +8190,7 @@ var BillingInfo = ({
       {
         type: "email",
         autoComplete: "email",
-        placeholder: "Email *",
+        placeholder: t("billing.emailPlaceholder"),
         value: billing.email,
         required: true,
         invalid: Boolean(fieldError("Valid email address")),
@@ -7904,7 +8203,7 @@ var BillingInfo = ({
     {
       error: fieldError(
         "Matching email confirmation",
-        "Email addresses must match."
+        t("billing.emailMustMatch")
       ),
       invalid: Boolean(fieldError("Matching email confirmation"))
     },
@@ -7913,7 +8212,7 @@ var BillingInfo = ({
       {
         type: "email",
         autoComplete: "email",
-        placeholder: "Confirm email *",
+        placeholder: t("billing.confirmEmailPlaceholder"),
         value: (_C = billing.confirmEmail) != null ? _C : "",
         required: true,
         invalid: Boolean(fieldError("Matching email confirmation")),
@@ -7921,15 +8220,15 @@ var BillingInfo = ({
         onChange: setB("confirmEmail")
       }
     )
-  )), !showValidation && requireEmailConfirmation && billing.confirmEmail && billing.confirmEmail.trim().toLowerCase() !== billing.email.trim().toLowerCase() && /* @__PURE__ */ React28.createElement("p", { className: "tf-checkout-error-text" }, "The email addresses do not match."), emailTaken && /* @__PURE__ */ React28.createElement("p", { className: "tf-checkout-note tf-checkout-billing__email-taken" }, "This email is already registered.", " ", onLogin ? /* @__PURE__ */ React28.createElement(
+  )), !showValidation && requireEmailConfirmation && billing.confirmEmail && billing.confirmEmail.trim().toLowerCase() !== billing.email.trim().toLowerCase() && /* @__PURE__ */ React28.createElement("p", { className: "tf-checkout-error-text" }, t("billing.emailMismatch")), emailTaken && /* @__PURE__ */ React28.createElement("p", { className: "tf-checkout-note tf-checkout-billing__email-taken" }, t("billing.emailRegistered"), " ", onLogin ? /* @__PURE__ */ React28.createElement(
     "button",
     {
       type: "button",
       className: "tf-checkout-billing__login-link",
       onClick: () => onLogin(billing.email)
     },
-    "Log in to autofill your details"
-  ) : "Log in to autofill your details."), checkout.buyerFields.map((f) => {
+    t("billing.loginAutofill")
+  ) : t("billing.loginAutofillPlain")), checkout.buyerFields.map((f) => {
     var _a2;
     return /* @__PURE__ */ React28.createElement(
       BuyerField,
@@ -7940,15 +8239,15 @@ var BillingInfo = ({
         onChange: (v) => setBilling((b) => ({ ...b, [f.key]: v })),
         countries,
         error: fieldError(
-          f.kind === "nationality" ? "Nationality" : f.kind === "gender" ? "Gender" : "Instagram handle"
+          f.kind === "nationality" ? t("billing.nationality") : f.kind === "gender" ? t("billing.gender") : t("billing.instagramHandle")
         )
       }
     );
   }), gates.showPhone && /* @__PURE__ */ React28.createElement(
     Field,
     {
-      label: `Phone${gates.phoneRequired ? " *" : ""}`,
-      error: fieldError("Valid phone number", "Enter a valid phone number."),
+      label: gates.phoneRequired ? t("billing.phone") : t("billing.phoneOptional"),
+      error: fieldError("Valid phone number", t("billing.phoneInvalid")),
       invalid: Boolean(fieldError("Valid phone number"))
     },
     /* @__PURE__ */ React28.createElement(
@@ -7962,10 +8261,10 @@ var BillingInfo = ({
         disableDialCodePrefill: true,
         value: (_D = billing.phone) != null ? _D : "",
         required: gates.phoneRequired,
-        placeholder: "Phone number",
+        placeholder: t("billing.phonePlaceholder"),
         inputProps: {
           autoComplete: "tel",
-          "aria-label": "Phone",
+          "aria-label": t("billing.phoneAria"),
           "aria-invalid": Boolean(fieldError("Valid phone number"))
         },
         onChange: (phone) => setBilling((current2) => ({ ...current2, phone }))
@@ -7974,8 +8273,8 @@ var BillingInfo = ({
   ), gates.showDob && /* @__PURE__ */ React28.createElement(
     Field,
     {
-      label: `Date of birth *${gates.minimumAge ? ` (must be ${gates.minimumAge}+)` : ""}`,
-      error: dobError === "Date of birth" ? "Date of birth is required." : dobError ? `You must be ${gates.minimumAge} or older.` : void 0,
+      label: gates.minimumAge ? t("billing.dobWithAge", { age: gates.minimumAge }) : t("billing.dob"),
+      error: dobError === "Date of birth" ? t("billing.dobRequired") : dobError ? t("billing.ageMinimum", { age: (_E = gates.minimumAge) != null ? _E : "" }) : void 0,
       invalid: Boolean(dobError)
     },
     /* @__PURE__ */ React28.createElement(
@@ -8026,17 +8325,17 @@ var BillingInfo = ({
         "aria-invalid": (showPrivacyError || showValidation) && !consent.ttfOptIn,
         onChange: (e) => setConsent((c) => ({ ...c, ttfOptIn: e.target.checked })),
         className: "tf-checkout-checkbox--consent",
-        label: /* @__PURE__ */ React28.createElement(React28.Fragment, null, "I have read and agree to ", privacyPolicy.brandName, " ", /* @__PURE__ */ React28.createElement("a", { href: privacyPolicy.url, target: "_blank", rel: "noreferrer" }, privacyPolicy.linkLabel || "Privacy Policy."), " *")
+        label: /* @__PURE__ */ React28.createElement(React28.Fragment, null, t("billing.privacyAgree", { brand: privacyPolicy.brandName }), " ", /* @__PURE__ */ React28.createElement("a", { href: privacyPolicy.url, target: "_blank", rel: "noreferrer" }, privacyPolicy.linkLabel || t("billing.privacyLink")), " *")
       }
     ),
-    (showPrivacyError || showValidation) && !consent.ttfOptIn && /* @__PURE__ */ React28.createElement("div", { className: "tf-checkout-consent__error" }, "Required")
-  ) : ttfOptInLabel ? /* @__PURE__ */ React28.createElement(
+    (showPrivacyError || showValidation) && !consent.ttfOptIn && /* @__PURE__ */ React28.createElement("div", { className: "tf-checkout-consent__error" }, t("common.required"))
+  ) : ttfOptInText ? /* @__PURE__ */ React28.createElement(
     Checkbox,
     {
       checked: consent.ttfOptIn,
       onChange: (e) => setConsent((c) => ({ ...c, ttfOptIn: e.target.checked })),
       className: "tf-checkout-checkbox--consent",
-      label: ttfOptInLabel
+      label: ttfOptInText
     }
   ) : null, !combined && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
     Button,
@@ -8051,7 +8350,7 @@ var BillingInfo = ({
         onContinue == null ? void 0 : onContinue();
       }
     },
-    buttonLabel
+    buttonText
   ))), showHolders && /* @__PURE__ */ React28.createElement(
     TicketHoldersCard,
     {
@@ -8086,12 +8385,13 @@ import React30, { useEffect as useEffect12, useMemo as useMemo6, useRef as useRe
 import React29 from "react";
 var OrderSummary = ({ eventId, className }) => {
   var _a, _b, _c;
+  const t = useT();
   const checkout = useCheckoutContext();
   const event = hooks_exports.useEvent(eventId);
   const breakdown = checkout.breakdown;
   const detailed = checkout.priceBreakdown;
   if (!breakdown || breakdown.tickets.length === 0) return null;
-  return /* @__PURE__ */ React29.createElement(Card, { className: ["tf-checkout-order-summary", className].filter(Boolean).join(" ") }, ((_a = event.data) == null ? void 0 : _a.name) && /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__group" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, "Event"), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__event" }, event.data.name)), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__group" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, "Your Tickets"), breakdown.tickets.map((ticket, index) => {
+  return /* @__PURE__ */ React29.createElement(Card, { className: ["tf-checkout-order-summary", className].filter(Boolean).join(" ") }, ((_a = event.data) == null ? void 0 : _a.name) && /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__group" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, t("common.event")), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__event" }, event.data.name)), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__group" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, t("tickets.yourTickets")), breakdown.tickets.map((ticket, index) => {
     var _a2;
     const detail = detailed == null ? void 0 : detailed.tickets[index];
     return /* @__PURE__ */ React29.createElement(
@@ -8100,7 +8400,7 @@ var OrderSummary = ({ eventId, className }) => {
         key: `${ticket.ticketTypeId}-${index}`,
         className: "tf-checkout-order-summary__item"
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__ticket" }, ticket.quantity, " x ", ticket.name, " - ", (_a2 = detail == null ? void 0 : detail.unit_price) != null ? _a2 : ticket.unit, " ", "each"),
+      /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__ticket" }, ticket.quantity, " x ", ticket.name, " - ", (_a2 = detail == null ? void 0 : detail.unit_price) != null ? _a2 : ticket.unit, " ", t("common.each")),
       (detail == null ? void 0 : detail.line_total) && detail.line_total !== detail.unit_price && /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__fees" }, "(", detail.line_total, " with fees)")
     );
   })), ((_b = detailed == null ? void 0 : detailed.add_ons.length) != null ? _b : 0) > 0 && /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__group" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, (detailed == null ? void 0 : detailed.add_ons_title) || "Add-ons"), detailed == null ? void 0 : detailed.add_ons.map((addOn, index) => /* @__PURE__ */ React29.createElement(
@@ -8109,8 +8409,8 @@ var OrderSummary = ({ eventId, className }) => {
       key: `${addOn.name}-${index}`,
       className: "tf-checkout-order-summary__item"
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__ticket" }, addOn.quantity, " x ", addOn.name, addOn.show_price ? ` - ${addOn.unit_price} each` : "")
-  ))), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__total" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, "Total"), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__amount" }, (_c = detailed == null ? void 0 : detailed.total) != null ? _c : `${breakdown.currencySymbol || `${breakdown.currencyCode} `}${Number(
+    /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__ticket" }, addOn.quantity, " x ", addOn.name, addOn.show_price ? ` - ${addOn.unit_price} ${t("common.each")}` : "")
+  ))), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__total" }, /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__label" }, t("common.total")), /* @__PURE__ */ React29.createElement("div", { className: "tf-checkout-order-summary__amount" }, (_c = detailed == null ? void 0 : detailed.total) != null ? _c : `${breakdown.currencySymbol || `${breakdown.currencyCode} `}${Number(
     breakdown.total
   ).toFixed(2)}`)));
 };
@@ -8153,6 +8453,7 @@ var Payment = ({
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const t = useT();
   const checkout = useCheckoutContext();
   const validation = useCheckoutValidation();
   const [error, setError] = useState16("");
@@ -8182,7 +8483,11 @@ var Payment = ({
     const out = [];
     if (isXendit) {
       if (methods.xenditCard)
-        out.push({ id: { kind: "xenditCard" }, value: "xenditCard", label: "Card" });
+        out.push({
+          id: { kind: "xenditCard" },
+          value: "xenditCard",
+          label: t("payment.card")
+        });
       for (const w of methods.xenditEWallets)
         out.push({
           id: { kind: "xenditEWallet", walletKey: w.key },
@@ -8194,23 +8499,23 @@ var Payment = ({
     } else if (checkout.gateway === "razorpay") {
       out.push({ id: { kind: "razorpay" }, value: "razorpay", label: "Razorpay" });
     } else {
-      out.push({ id: { kind: "card" }, value: "card", label: "Card" });
-      for (const t of (_b2 = checkout.redirectPaymentMethods) != null ? _b2 : []) {
-        if (t === "paypal" && methods.paypal) continue;
+      out.push({ id: { kind: "card" }, value: "card", label: t("payment.card") });
+      for (const t2 of (_b2 = checkout.redirectPaymentMethods) != null ? _b2 : []) {
+        if (t2 === "paypal" && methods.paypal) continue;
         out.push({
-          id: { kind: "redirect", methodType: t },
-          value: `rd:${t}`,
-          label: redirectLabel(t)
+          id: { kind: "redirect", methodType: t2 },
+          value: `rd:${t2}`,
+          label: redirectLabel(t2)
         });
       }
       if ((_c2 = checkout.paymentPlan) == null ? void 0 : _c2.available)
         out.push({
           id: { kind: "paymentPlan" },
           value: "paymentPlan",
-          label: "Payment plan"
+          label: t("payment.paymentPlan")
         });
       if (offersOxxo)
-        out.push({ id: { kind: "oxxo" }, value: "oxxo", label: "OXXO (pay in cash)" });
+        out.push({ id: { kind: "oxxo" }, value: "oxxo", label: t("payment.oxxo") });
     }
     if (methods.paypal)
       out.push({ id: { kind: "paypal" }, value: "paypal", label: "PayPal" });
@@ -8267,7 +8572,7 @@ var Payment = ({
   const extra = selectedOption == null ? void 0 : selectedOption.extra;
   const extrasOk = !extra || (extra === "cashtag" ? Boolean((_i = (_h = extras[selected]) == null ? void 0 : _h.cashtag) == null ? void 0 : _i.trim()) : Boolean((_k = (_j = extras[selected]) == null ? void 0 : _j.phoneNumber) == null ? void 0 : _k.trim()));
   const privacyOk = !requirePrivacyPolicy || checkout.consent.ttfOptIn;
-  const payLabel = isFree ? "Complete Registration" : isPlanSelected ? planConfirmLabel((_l = checkout.paymentPlan) == null ? void 0 : _l.configuration) : "Submit Payment";
+  const payLabel = isFree ? t("payment.completeRegistration") : isPlanSelected ? planConfirmLabel((_l = checkout.paymentPlan) == null ? void 0 : _l.configuration) : t("payment.submitPayment");
   const planTerms = paymentPlanTerms((_m = checkout.paymentPlan) == null ? void 0 : _m.configuration);
   const finalizing = checkout.status === "placing" || checkout.status === "succeeded";
   const pay = () => {
@@ -8348,15 +8653,15 @@ var Payment = ({
         }
       }
     ) : /* @__PURE__ */ React30.createElement(CardInput, null)
-  ), isXendit && cardAreaError && /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-error-text" }, cardAreaError), showTestCardHint && /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-note" }, isXendit ? "Test card: 4000 0000 0000 0002 \xB7 any future date \xB7 any CVC" : "Test card: 4242 4242 4242 4242 \xB7 any future date \xB7 any CVC")), isPlanSelected && planTerms.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__plan" }, /* @__PURE__ */ React30.createElement("strong", null, planTermsTitle(checkout.paymentPlan.configuration)), planTerms.map((part) => /* @__PURE__ */ React30.createElement("p", { key: part.id, className: "tf-checkout-note" }, part.text))), isPlanSelected && savedLast4 && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__plan-savedcard" }, /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-note" }, "Your payment will proceed with the card ending in", " ", /* @__PURE__ */ React30.createElement("strong", null, "**** ", savedLast4)), /* @__PURE__ */ React30.createElement(
+  ), isXendit && cardAreaError && /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-error-text" }, cardAreaError), showTestCardHint && /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-note" }, isXendit ? t("payment.testCardXendit") : t("payment.testCard"))), isPlanSelected && planTerms.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__plan" }, /* @__PURE__ */ React30.createElement("strong", null, planTermsTitle(checkout.paymentPlan.configuration)), planTerms.map((part) => /* @__PURE__ */ React30.createElement("p", { key: part.id, className: "tf-checkout-note" }, part.text))), isPlanSelected && savedLast4 && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__plan-savedcard" }, /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-note" }, "Your payment will proceed with the card ending in", " ", /* @__PURE__ */ React30.createElement("strong", null, "**** ", savedLast4)), /* @__PURE__ */ React30.createElement(
     Checkbox,
     {
       checked: useSavedCard,
       onChange: (e) => setUseSavedCard(e.target.checked),
-      label: "Use this card"
+      label: t("payment.useThisCard")
     }
   )));
-  return /* @__PURE__ */ React30.createElement("div", { className: ["tf-checkout-payment-stack", className].filter(Boolean).join(" ") }, /* @__PURE__ */ React30.createElement(Card, null, /* @__PURE__ */ React30.createElement(SectionHeader, { title: "Payment" }), !isFree && /* @__PURE__ */ React30.createElement(React30.Fragment, null, !singleCard && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__label" }, "Payment method"), !methods ? /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__cardbox" }, /* @__PURE__ */ React30.createElement(Loader, null)) : singleCard ? paymentInput : /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React30.createElement("div", { className: ["tf-checkout-payment-stack", className].filter(Boolean).join(" ") }, /* @__PURE__ */ React30.createElement(Card, null, /* @__PURE__ */ React30.createElement(SectionHeader, { title: t("payment.title") }), !isFree && /* @__PURE__ */ React30.createElement(React30.Fragment, null, !singleCard && /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__label" }, t("payment.method")), !methods ? /* @__PURE__ */ React30.createElement("div", { className: "tf-checkout-payment__cardbox" }, /* @__PURE__ */ React30.createElement(Loader, null)) : singleCard ? paymentInput : /* @__PURE__ */ React30.createElement(
     PaymentMethods,
     {
       options,
@@ -8388,7 +8693,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,
@@ -8397,21 +8702,22 @@ var Payment = ({
       loading: finalizing,
       disabled: checkout.isBusy || finalizing || !isFree && !methods
     },
-    finalizing ? "Placing\u2026" : payLabel
+    finalizing ? t("payment.placing") : payLabel
   )), bottomError && /* @__PURE__ */ React30.createElement("p", { className: "tf-checkout-error-text" }, bottomError));
 };
 
 // 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");
@@ -8432,7 +8738,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
@@ -8444,6 +8750,7 @@ var Confirmation = ({
   children,
   className
 }) => {
+  const t = useT();
   const checkout = useCheckoutContext();
   const order = checkout.order;
   const [copied, setCopied] = useState18(false);
@@ -8477,7 +8784,7 @@ var Confirmation = ({
       () => void 0
     );
   };
-  return /* @__PURE__ */ React32.createElement(Card, { className: cx("tf-checkout-confirmation", className) }, /* @__PURE__ */ React32.createElement("span", { className: "tf-checkout-confirmation__check" }, pending ? "\u23F3" : "\u2713"), /* @__PURE__ */ React32.createElement("strong", { className: "tf-checkout-confirmation__title" }, pending ? "Payment pending" : "Your Tickets are Confirmed!"), /* @__PURE__ */ React32.createElement("p", { className: "tf-checkout-note" }, pending ? "We\u2019ll email your tickets as soon as the payment settles." : order.alreadyPaid ? "This order was already paid \u2014 nothing was charged again." : "Your tickets are available in the My Tickets section \u2014 please bring them with you to the event."), order.orderHash && /* @__PURE__ */ React32.createElement("p", { className: "tf-checkout-confirmation__ref" }, "Reference: ", order.orderHash), pending && order.pendingVoucherUrl && /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React32.createElement(Card, { className: cx("tf-checkout-confirmation", className) }, /* @__PURE__ */ React32.createElement("span", { className: "tf-checkout-confirmation__check" }, pending ? "\u23F3" : "\u2713"), /* @__PURE__ */ React32.createElement("strong", { className: "tf-checkout-confirmation__title" }, pending ? t("confirmation.pending") : t("confirmation.confirmed")), /* @__PURE__ */ React32.createElement("p", { className: "tf-checkout-note" }, pending ? t("confirmation.pendingBody") : order.alreadyPaid ? t("confirmation.alreadyPaid") : t("confirmation.available")), order.orderHash && /* @__PURE__ */ React32.createElement("p", { className: "tf-checkout-confirmation__ref" }, "Reference: ", order.orderHash), pending && order.pendingVoucherUrl && /* @__PURE__ */ React32.createElement(
     "a",
     {
       className: "tf-checkout-button tf-checkout-button--secondary tf-checkout-button--block",
@@ -8485,15 +8792,15 @@ 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"
-  ), children, !pending && url && /* @__PURE__ */ React32.createElement("div", { className: "tf-checkout-confirmation__share" }, /* @__PURE__ */ React32.createElement("strong", null, "Your tickets can be cheaper \u2014 or even FREE!"), /* @__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 ? "Copied!" : "Copy link")), /* @__PURE__ */ React32.createElement("div", { className: "tf-checkout-confirmation__socials" }, shares.map((s) => /* @__PURE__ */ React32.createElement(
+    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",
     {
       key: s.label,
@@ -8515,9 +8822,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,
@@ -8531,6 +8839,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);
@@ -8542,7 +8851,7 @@ var OrderConfirmation = ({
   }, [onError, onLoaded]);
   useEffect13(() => {
     if (!orderHash) {
-      setFailure("The order reference is missing.");
+      setFailure(MISSING_REFERENCE);
       return;
     }
     let active = true;
@@ -8567,7 +8876,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" }));
@@ -8583,14 +8892,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 = () => {
@@ -8600,20 +8909,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",
     {
@@ -8634,31 +8943,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;
@@ -8711,7 +9022,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(
@@ -8719,8 +9030,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
@@ -8748,6 +9059,7 @@ var Flow = ({
   showTestCardHint
 }) => {
   var _a;
+  const t = useT();
   const checkout = useCheckoutContext();
   const [view, setView] = useState21(initialView);
   const [selectionView, setSelectionView] = useState21(initialView);
@@ -8874,7 +9186,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,
@@ -8909,32 +9221,41 @@ var EmbeddedCheckout = ({
   locale,
   messages,
   className
-}) => /* @__PURE__ */ React35.createElement(CheckoutProvider, { theme, locale, messages, className }, /* @__PURE__ */ React35.createElement(
-  Flow,
+}) => /* @__PURE__ */ React35.createElement(
+  CheckoutProvider,
   {
-    key: eventId,
-    eventId,
-    onComplete,
-    confirmationMode,
-    initialView,
-    onViewChange,
-    autoScroll,
-    requireEmailConfirmation,
-    collectTicketHolders,
-    collectHolderContact,
-    onLogin,
-    auth,
-    skipBillingWhenProfileComplete,
-    ttfOptInLabel,
-    brandOptInLabel,
-    privacyPolicy,
-    additionalConditions,
-    initialPromoCode,
-    referrer,
-    readAttributionFromUrl,
-    showTestCardHint
-  }
-));
+    theme,
+    locale,
+    messages,
+    className
+  },
+  /* @__PURE__ */ React35.createElement(
+    Flow,
+    {
+      key: eventId,
+      eventId,
+      onComplete,
+      confirmationMode,
+      initialView,
+      onViewChange,
+      autoScroll,
+      requireEmailConfirmation,
+      collectTicketHolders,
+      collectHolderContact,
+      onLogin,
+      auth,
+      skipBillingWhenProfileComplete,
+      ttfOptInLabel,
+      brandOptInLabel,
+      privacyPolicy,
+      additionalConditions,
+      initialPromoCode,
+      referrer,
+      readAttributionFromUrl,
+      showTestCardHint
+    }
+  )
+);
 
 // src/ResumedCheckout.tsx
 import React36, { useEffect as useEffect16, useRef as useRef11, useState as useState22 } from "react";