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

package/dist/index.esm.js

@@ -2461,22 +2461,29 @@ var getOrderReview = async (orderHash) => {
   };
 };
 var mapProfileToBilling = (profile) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const str = (v) => v == null || v === "" ? void 0 : String(v);
   const idStr = (v) => {
     const s = str(v);
     return s === void 0 || s === "0" || s === "-1" ? void 0 : s;
   };
+  const dobParts = /^(\d{4})-(\d{2})-(\d{2})/.exec((_a = profile.dateOfBirth) != null ? _a : "");
+  const dob = dobParts && Number(dobParts[1]) > 1900 ? {
+    dobYear: Number(dobParts[1]),
+    dobMonth: Number(dobParts[2]),
+    dobDay: Number(dobParts[3])
+  } : {};
   return {
-    firstName: (_a = profile.firstName) != null ? _a : "",
-    lastName: (_b = profile.lastName) != null ? _b : "",
-    email: (_c = profile.email) != null ? _c : "",
+    firstName: (_b = profile.firstName) != null ? _b : "",
+    lastName: (_c = profile.lastName) != null ? _c : "",
+    email: (_d = profile.email) != null ? _d : "",
     phone: str(profile.phone),
     streetAddress: str(profile.streetAddress),
     city: str(profile.city),
     zip: str(profile.zipCode),
     countryId: idStr(profile.countryId),
-    stateId: idStr(profile.stateId)
+    stateId: idStr(profile.stateId),
+    ...dob
   };
 };
 var completeFreeRegistration = async (orderHash) => {
@@ -3401,6 +3408,10 @@ var createEngine = (config) => {
     reset: () => {
       clearCartGuestToken();
       store.reset();
+    },
+    expireCart: () => {
+      clearCartGuestToken();
+      store.expireCart();
     }
   };
 };
@@ -3907,6 +3918,12 @@ var useCheckout = (config) => {
     return () => clearInterval(t);
   }, [snapshot.expiresAt]);
   const secondsLeft = snapshot.expiresAt != null ? Math.max(0, Math.round((snapshot.expiresAt - now) / 1e3)) : void 0;
+  useEffect(() => {
+    if (secondsLeft !== 0) return;
+    if (snapshot.status === "placing" || snapshot.status === "succeeded") return;
+    if (snapshot.status === "expired") return;
+    engine.expireCart();
+  }, [engine, secondsLeft, snapshot.status]);
   const missingRequiredAddonNames = missingRequiredAddOns(
     snapshot.requiredAddOns,
     snapshot.addOns
@@ -4086,7 +4103,91 @@ 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"
 };
 
 // ../tf-checkout-shared/src/i18n/resolve.ts
@@ -4218,7 +4319,91 @@ 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"
 };
 
 // ../tf-checkout-shared/src/i18n/locales/index.ts
@@ -5117,6 +5302,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 })),
@@ -5131,9 +5317,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",
@@ -5479,63 +5665,73 @@ 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";
@@ -5624,9 +5820,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;
@@ -5640,14 +5837,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"
@@ -5680,9 +5877,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",
@@ -5697,14 +5894,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")
   ));
 };
 
@@ -5806,14 +6003,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")
   ));
 };
 
@@ -6040,7 +6237,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(
@@ -6134,7 +6331,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"))
   );
 };
 
@@ -6173,6 +6370,8 @@ var AuthModal = ({
   const previouslyFocused = useRef4(null);
   const submittingRef = useRef4(auth.isSubmitting);
   submittingRef.current = auth.isSubmitting;
+  const onCloseRef = useRef4(onClose);
+  onCloseRef.current = onClose;
   useEffect7(() => {
     var _a, _b, _c;
     if (!open) return;
@@ -6193,7 +6392,7 @@ var AuthModal = ({
     initialFocus == null ? void 0 : initialFocus.focus();
     const onKeyDown = (event) => {
       var _a2;
-      if (event.key === "Escape" && !submittingRef.current) onClose();
+      if (event.key === "Escape" && !submittingRef.current) onCloseRef.current();
       if (event.key !== "Tab") return;
       const elements = focusable();
       if (elements.length === 0) {
@@ -6218,13 +6417,13 @@ var AuthModal = ({
       document.body.style.overflow = previousOverflow;
       (_a2 = previouslyFocused.current) == null ? void 0 : _a2.focus();
     };
-  }, [onClose, open]);
+  }, [open]);
   if (!open) return null;
   const closeFromBackdrop = (event) => {
     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",
     {
@@ -6266,7 +6465,7 @@ var AuthModal = ({
           ),
           onClick: () => auth.showLogin(auth.suggestedEmail)
         },
-        "Login"
+        t("auth.logIn")
       ),
       /* @__PURE__ */ React20.createElement(
         "button",
@@ -6280,7 +6479,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(
@@ -6349,9 +6548,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({
@@ -6368,7 +6567,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,
@@ -6392,7 +6591,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
@@ -6452,7 +6651,7 @@ var Tickets = ({
   eventId,
   title = false,
   onContinue,
-  buttonLabel = "Get tickets",
+  buttonLabel,
   timeSlotDates,
   step,
   onSelectSeats,
@@ -6462,7 +6661,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;
@@ -6548,7 +6749,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 = () => {
@@ -6581,7 +6782,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",
@@ -6590,7 +6791,7 @@ var Tickets = ({
         "aria-controls": `ticket-description-${t.id}`,
         onClick: () => setVisibleDescription((current2) => current2 === t.id ? null : t.id)
       },
-      visibleDescription === t.id ? "Hide info" : "View info"
+      visibleDescription === t.id ? tr("tickets.hideInfo") : tr("tickets.viewInfo")
     )), /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__price" }, discounted && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__old" }, money(sym, original)), /* @__PURE__ */ React22.createElement(
       "span",
       {
@@ -6600,7 +6801,7 @@ var Tickets = ({
         )
       },
       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 && !t.soldOut && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__fees" }, "(", money(sym, t.priceWithFees), " with fees)"), t.depositPercent != null && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__deposit" }, t.depositPercent.toFixed(2), "% DEPOSIT"))), seatMapRow(t) ? null : unavailable ? /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__soldout" }, t.soldOut ? tr("tickets.soldOut") : notStarted ? tr("tickets.salesNotStarted") : tr("tickets.salesEnded")) : /* @__PURE__ */ React22.createElement("div", { className: "tf-checkout-tickets__qty" }, t.isTable && /* @__PURE__ */ React22.createElement("span", { className: "tf-checkout-tickets__guests" }, tr("tickets.guests")), /* @__PURE__ */ React22.createElement(
       QuantitySelect,
       {
         value: (_a2 = qty[t.id]) != null ? _a2 : 0,
@@ -6647,7 +6848,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",
@@ -6658,7 +6859,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",
@@ -6666,7 +6867,7 @@ 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",
@@ -6677,7 +6878,7 @@ var Tickets = ({
   ) : /* @__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()
@@ -6708,7 +6909,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));
 };
 
@@ -7074,13 +7275,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 : [];
@@ -7110,14 +7315,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)));
   }
@@ -7164,7 +7369,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,
@@ -7195,7 +7400,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));
 };
 
@@ -7219,17 +7424,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,
@@ -7241,13 +7447,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,
@@ -7259,13 +7465,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,
@@ -7277,14 +7483,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")),
@@ -7304,13 +7510,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(
@@ -7318,7 +7524,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")),
@@ -7333,7 +7539,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))
     )
   )));
@@ -7389,6 +7595,19 @@ var BuyerField = ({
   ));
 };
 
+// src/sections/billing/fieldRules.ts
+var isBlankPhone = (phone) => !phone || /^\+?\d{0,4}$/.test(phone.trim());
+var DOB_MIN = "1900-01-01";
+var todayISO = () => {
+  const now = /* @__PURE__ */ new Date();
+  return [
+    now.getFullYear(),
+    String(now.getMonth() + 1).padStart(2, "0"),
+    String(now.getDate()).padStart(2, "0")
+  ].join("-");
+};
+var toDateInputValue = (year, month, day) => year && month && day ? `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}` : void 0;
+
 // src/sections/billing/TicketHoldersCard.tsx
 import React27 from "react";
 import { PhoneInput as PhoneInput2 } from "react-international-phone";
@@ -7400,112 +7619,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,
-        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;
@@ -7593,7 +7821,7 @@ var BillingInfo = ({
         lastName: prev.lastName || profileBilling.lastName || "",
         email: prev.email || profileBilling.email || "",
         confirmEmail: prev.confirmEmail || (checkout.isLoggedIn ? profileBilling.email : "") || "",
-        phone: prev.phone || profileBilling.phone,
+        phone: (isBlankPhone(prev.phone) ? void 0 : prev.phone) || profileBilling.phone,
         streetAddress: prev.streetAddress || profileBilling.streetAddress,
         city: prev.city || profileBilling.city,
         zip: prev.zip || profileBilling.zip,
@@ -7603,6 +7831,12 @@ var BillingInfo = ({
       const keys = Object.keys(next);
       return keys.every((k) => next[k] === prev[k]) ? prev : next;
     });
+    setDob((prev) => {
+      var _a2;
+      if (prev) return prev;
+      const { dobYear: dobYear2, dobMonth: dobMonth2, dobDay: dobDay2 } = profileBilling;
+      return (_a2 = toDateInputValue(dobYear2, dobMonth2, dobDay2)) != null ? _a2 : prev;
+    });
   }, [profile.data, checkout.isLoggedIn]);
   useEffect11(() => {
     setHolders(
@@ -7640,11 +7874,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");
@@ -7684,6 +7918,7 @@ var BillingInfo = ({
     countryDefaultApplied.current = true;
     setBilling((current2) => {
       var _a3;
+      if (current2.countryId) return current2;
       return {
         ...current2,
         countryId: String(preferred.id),
@@ -7724,24 +7959,30 @@ var BillingInfo = ({
   }, [billing.stateId, billing.stateCode, states]);
   const setB = (k) => (e) => setBilling((b) => ({ ...b, [k]: e.target.value }));
   const patchHolder = (i, patch2) => setHolders((hs) => hs.map((h, j) => j === i ? { ...h, ...patch2 } : h));
+  const dobMax = useMemo5(todayISO, []);
   const [dobYear, dobMonth, dobDay] = dob ? dob.split("-").map(Number) : [];
+  const buyerPhone = isBlankPhone(billing.phone) ? void 0 : billing.phone;
   const committedBilling = {
     ...checkout.billing,
     ...billing,
+    phone: buyerPhone,
     stateRequired: gates.showAddress && Boolean(billing.countryId) && states.length > 0,
     dataCapture,
     dobDay,
     dobMonth,
     dobYear
   };
-  const committedHolders = holders.map((holder) => ({
-    firstName: holderNamesRequired ? holder.firstName : holder.firstName || billing.firstName,
-    lastName: holderNamesRequired ? holder.lastName : holder.lastName || billing.lastName,
-    email: showHolders && collectHolderContact ? holder.email : holder.email || billing.email,
-    phone: showHolders && collectHolderContact ? holder.phone : holder.phone || billing.phone,
-    ticketTypeId: holder.ticketTypeId,
-    ticketDataCapture: holder.ticketDataCapture
-  }));
+  const committedHolders = holders.map((holder) => {
+    const holderPhone = isBlankPhone(holder.phone) ? "" : holder.phone;
+    return {
+      firstName: holderNamesRequired ? holder.firstName : holder.firstName || billing.firstName,
+      lastName: holderNamesRequired ? holder.lastName : holder.lastName || billing.lastName,
+      email: showHolders && collectHolderContact ? holder.email : holder.email || billing.email,
+      phone: showHolders && collectHolderContact ? holderPhone : holderPhone || buyerPhone || "",
+      ticketTypeId: holder.ticketTypeId,
+      ticketDataCapture: holder.ticketDataCapture
+    };
+  });
   const missingDetails = missingCheckoutDetails(
     {
       billing: committedBilling,
@@ -7761,7 +8002,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;
@@ -7769,7 +8010,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();
@@ -7791,7 +8032,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",
@@ -7808,7 +8049,7 @@ var BillingInfo = ({
     /* @__PURE__ */ React28.createElement(
       Input,
       {
-        placeholder: "First name *",
+        placeholder: t("billing.firstNamePlaceholder"),
         value: billing.firstName,
         required: true,
         invalid: Boolean(fieldError("First name")),
@@ -7825,7 +8066,7 @@ var BillingInfo = ({
     /* @__PURE__ */ React28.createElement(
       Input,
       {
-        placeholder: "Last name *",
+        placeholder: t("billing.lastNamePlaceholder"),
         value: billing.lastName,
         required: true,
         invalid: Boolean(fieldError("Last name")),
@@ -7844,7 +8085,7 @@ var BillingInfo = ({
       {
         type: "email",
         autoComplete: "email",
-        placeholder: "Email *",
+        placeholder: t("billing.emailPlaceholder"),
         value: billing.email,
         required: true,
         invalid: Boolean(fieldError("Valid email address")),
@@ -7857,7 +8098,7 @@ var BillingInfo = ({
     {
       error: fieldError(
         "Matching email confirmation",
-        "Email addresses must match."
+        t("billing.emailMustMatch")
       ),
       invalid: Boolean(fieldError("Matching email confirmation"))
     },
@@ -7866,7 +8107,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")),
@@ -7874,15 +8115,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,
@@ -7893,15 +8134,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(
@@ -7910,13 +8151,15 @@ var BillingInfo = ({
         className: "tf-checkout-phone",
         inputClassName: `tf-checkout-input tf-checkout-phone__input${fieldError("Valid phone number") ? " tf-checkout-input--invalid" : ""}`,
         defaultCountry: phoneCountry,
+        disableDialCodeAndPrefix: true,
+        showDisabledDialCodeAndPrefix: true,
         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 }))
@@ -7925,8 +8168,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(
@@ -7935,6 +8178,8 @@ var BillingInfo = ({
         type: "date",
         value: dob,
         required: true,
+        min: DOB_MIN,
+        max: dobMax,
         invalid: Boolean(dobError),
         "aria-invalid": Boolean(dobError),
         onChange: (e) => setDob(e.target.value)
@@ -7975,17 +8220,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,
@@ -8000,7 +8245,7 @@ var BillingInfo = ({
         onContinue == null ? void 0 : onContinue();
       }
     },
-    buttonLabel
+    buttonText
   ))), showHolders && /* @__PURE__ */ React28.createElement(
     TicketHoldersCard,
     {
@@ -8035,12 +8280,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(
@@ -8049,7 +8295,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(
@@ -8058,8 +8304,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)}`)));
 };
@@ -8101,7 +8347,8 @@ var Payment = ({
   showTestCardHint = false,
   className
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  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("");
@@ -8123,13 +8370,19 @@ var Payment = ({
   const bd = checkout.breakdown;
   const isFree = bd != null && Number(bd.total) === 0;
   const isXendit = checkout.gateway === "xendit";
+  const serverMethodTypes = (_a = checkout.stripeElementsConfig) == null ? void 0 : _a.paymentMethodTypes;
+  const offersOxxo = Array.isArray(serverMethodTypes) && serverMethodTypes.includes("oxxo");
   const options = useMemo6(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2;
     if (isFree || !methods) return [];
     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 },
@@ -8141,23 +8394,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 (((_d2 = checkout.breakdown) == null ? void 0 : _d2.currencyCode) === "MXN")
-        out.push({ id: { kind: "oxxo" }, value: "oxxo", label: "OXXO (pay in cash)" });
+      if (offersOxxo)
+        out.push({ id: { kind: "oxxo" }, value: "oxxo", label: t("payment.oxxo") });
     }
     if (methods.paypal)
       out.push({ id: { kind: "paypal" }, value: "paypal", label: "PayPal" });
@@ -8169,7 +8422,7 @@ var Payment = ({
     checkout.gateway,
     checkout.redirectPaymentMethods,
     checkout.paymentPlan,
-    checkout.breakdown
+    offersOxxo
   ]);
   useEffect12(() => {
     if (options.length && !options.some((o) => o.value === selected))
@@ -8179,14 +8432,14 @@ var Payment = ({
   const selectedOption = options.find((o) => o.value === selected);
   const isCardSelected = selected === cardValue;
   const isPlanSelected = (selectedOption == null ? void 0 : selectedOption.id.kind) === "paymentPlan";
-  const savedLast4 = (_a = checkout.paymentPlan) == null ? void 0 : _a.savedCardLast4;
+  const savedLast4 = (_b = checkout.paymentPlan) == null ? void 0 : _b.savedCardLast4;
   const reuseSavedCard = Boolean(savedLast4) && useSavedCard;
   const usesCardDetails = !isFree && (isCardSelected || isPlanSelected && !reuseSavedCard);
   const cardWidgetReportsItsOwnError = usesCardDetails && !isXendit;
   const hasWallets = Boolean(
-    ((_b = checkout.walletAvailability) == null ? void 0 : _b.applePay) || ((_c = checkout.walletAvailability) == null ? void 0 : _c.googlePay)
+    ((_c = checkout.walletAvailability) == null ? void 0 : _c.applePay) || ((_d = checkout.walletAvailability) == null ? void 0 : _d.googlePay)
   );
-  const useWalletElement = !isXendit && !isPlanSelected && hasWallets && ((_d = checkout.breakdown) == null ? void 0 : _d.currencyCode) !== "MXN" && Boolean((_e = checkout.stripeElementsConfig) == null ? void 0 : _e.mode);
+  const useWalletElement = !isXendit && !isPlanSelected && hasWallets && ((_e = checkout.breakdown) == null ? void 0 : _e.currencyCode) !== "MXN" && Boolean((_f = checkout.stripeElementsConfig) == null ? void 0 : _f.mode);
   const onlyOption = options.length === 1 ? options[0] : void 0;
   const singleCard = (onlyOption == null ? void 0 : onlyOption.id.kind) === "card" || (onlyOption == null ? void 0 : onlyOption.id.kind) === "xenditCard";
   const b = checkout.billing;
@@ -8203,7 +8456,7 @@ var Payment = ({
     { requireEmailConfirmation, collectTicketHolders, requireHolderContact }
   );
   const billingReady = missingDetails.length === 0;
-  const conditions = [...(_f = checkout.conditions) != null ? _f : [], ...additionalConditions];
+  const conditions = [...(_g = checkout.conditions) != null ? _g : [], ...additionalConditions];
   const requiredConditions = conditions.filter((c) => c.isRequired);
   const conditionsOk = requiredConditions.every(
     (c) => {
@@ -8212,10 +8465,10 @@ var Payment = ({
     }
   );
   const extra = selectedOption == null ? void 0 : selectedOption.extra;
-  const extrasOk = !extra || (extra === "cashtag" ? Boolean((_h = (_g = extras[selected]) == null ? void 0 : _g.cashtag) == null ? void 0 : _h.trim()) : Boolean((_j = (_i = extras[selected]) == null ? void 0 : _i.phoneNumber) == null ? void 0 : _j.trim()));
+  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((_k = checkout.paymentPlan) == null ? void 0 : _k.configuration) : "Submit Payment";
-  const planTerms = paymentPlanTerms((_l = checkout.paymentPlan) == null ? void 0 : _l.configuration);
+  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 = () => {
     setError("");
@@ -8295,15 +8548,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,
@@ -8344,7 +8597,7 @@ 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));
 };
 
@@ -8391,6 +8644,7 @@ var Confirmation = ({
   children,
   className
 }) => {
+  const t = useT();
   const checkout = useCheckoutContext();
   const order = checkout.order;
   const [copied, setCopied] = useState18(false);
@@ -8424,7 +8678,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",
@@ -8440,7 +8694,7 @@ var Confirmation = ({
       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(
+  ), 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,
@@ -8856,32 +9110,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";