Labels Reference

window.QariybConfig = {
  publishableKey: 'pk_live_...',
  labels: {
    getTickets: 'Reserve Your Spot',
    continueToCheckout: 'Continue',
  },
};

labels: {
  remaining: '{count} spots left',
  payAmount: 'Pay {amount} now',
  confirmationSent: 'We sent your tickets to {email}',
  ariaAddTicket: 'Add a {ticketName}',
}

interface Labels {
  // Common
  loading: string;
  error: string;
  retry: string;
  back: string;
  continue: string;
  close: string;

  // Tickets
  selectTickets: string;
  noTicketsAvailable: string;
  soldOut: string;
  remaining: string;
  getTickets: string;
  continueToCheckout: string;

  // Checkout form
  yourDetails: string;
  fullName: string;
  fullNamePlaceholder: string;
  email: string;
  emailPlaceholder: string;
  phone: string;
  phonePlaceholder: string;
  phoneOptional: string;
  additionalInfo: string;
  selectPlaceholder: string;
  required: string;

  // Payment
  payment: string;
  pay: string;
  payAmount: string;
  completeRegistration: string;
  processingOrder: string;
  free: string;
  fromPrice: string;

  // Order summary
  orderSummary: string;
  yourOrder: string;
  subtotal: string;
  total: string;
  ticketCount: string;
  ticketCountPlural: string;

  // Success
  registrationSubmitted: string;
  youreRegistered: string;
  pendingApproval: string;
  confirmationSent: string;
  orderNumber: string;
  ticketsLabel: string;

  // Errors
  somethingWentWrong: string;
  unexpectedError: string;
  failedToLoad: string;
  failedToLoadEvent: string;
  failedToLoadTickets: string;
  noEventId: string;
  eventNotFound: string;
  paymentFailed: string;
  tryAgain: string;

  // Footer / Trust
  secureCheckout: string;
  secureCheckoutPoweredBy: string;
  ticketsDeliveredInstantly: string;

  // Accessibility
  ariaCloseModal: string;
  ariaAddTicket: string;
  ariaRemoveTicket: string;
  ariaTicketQuantity: string;
  ariaLoadingContent: string;
}

import { setLabels, resetLabels, getLabels } from '@qariyb/js';

// Update labels
setLabels({
  getTickets: 'Reserve Now',
});

// Get current labels
const labels = getLabels();
console.log(labels.getTickets); // 'Reserve Now'

// Reset to defaults
resetLabels();

window.QariybConfig = {
  publishableKey: 'pk_live_...',
  labels: {
    // Make it more casual
    yourDetails: 'Tell us about yourself',
    fullName: 'Your name',
    fullNamePlaceholder: 'John Smith',
    email: 'Your email',
    emailPlaceholder: 'john@example.com',

    // More exciting CTAs
    getTickets: 'Grab Your Tickets!',
    continueToCheckout: "Let's Do This",
    payAmount: 'Complete Purchase - {amount}',
    completeRegistration: 'Claim Your Spot',

    // Friendlier messages
    youreRegistered: "You're in!",
    confirmationSent: "Check {email} for your tickets",
    secureCheckout: 'Secure checkout',

    // Clearer errors
    somethingWentWrong: 'Oops! Something broke',
    tryAgain: 'Give it another shot',
  },
};

<html dir="rtl" lang="ar">
  <body>
    <!-- Strings are Arabic; layout direction stays left-to-right. -->
    <qariyb-checkout event-id="01HW..."></qariyb-checkout>
  </body>
</html>

window.QariybConfig = {
  publishableKey: 'pk_live_...',
  labels: {
    getTickets: 'احصل على التذاكر',
    selectTickets: 'اختر التذاكر',
    continueToCheckout: 'متابعة',
    // ... Arabic translations
  },
};