@alma/widgets 4.0.5 → 4.0.7

package/dist/types/src/Widgets/EligibilityModal/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Widgets/EligibilityModal/components/EligibilityPlansButtons/index.d.ts

@@ -4,5 +4,6 @@ declare const EligibilityPlansButtons: FC<{
     eligibilityPlans: EligibilityPlan[];
     currentPlanIndex: number;
     setCurrentPlanIndex: (index: number) => void;
+    id?: string;
 }>;
 export default EligibilityPlansButtons;

package/dist/types/src/Widgets/EligibilityModal/components/Info/index.d.ts

@@ -1,5 +1,6 @@
 import { FC } from '../../../../../preact/compat';
 declare const Info: FC<{
     isCurrentPlanP1X: boolean;
+    id?: string;
 }>;
 export default Info;

package/dist/types/src/Widgets/EligibilityModal/components/Schedule/index.d.ts

@@ -2,5 +2,6 @@ import { FC } from '../../../../../preact/compat';
 import { EligibilityPlan } from '../../../../types';
 declare const Schedule: FC<{
     currentPlan: EligibilityPlan;
+    id?: string;
 }>;
 export default Schedule;

package/dist/types/src/Widgets/PaymentPlans/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Widgets/PaymentPlans/index.d.ts

@@ -14,5 +14,14 @@ type Props = {
     hideBorder?: boolean;
     onModalClose?: (event: React.MouseEvent | React.KeyboardEvent) => void;
 };
+/**
+ * PaymentPlanWidget - Main widget component that displays Alma payment plan options
+ *
+ * This component shows eligible payment plans in a compact widget format with:
+ * - Automatic plan cycling animation
+ * - Keyboard navigation between plans
+ * - Screen reader announcements for accessibility
+ * - Modal opening for detailed plan information
+ */
 declare const PaymentPlanWidget: FunctionComponent<Props>;
 export default PaymentPlanWidget;

package/dist/types/src/assets/__tests__/intl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/assets/almaLogo.d.ts

@@ -1,6 +1,6 @@
-import { SVGAttributes, VoidFunctionComponent } from '../../preact/compat';
+import { default as React, SVGAttributes } from '../../preact/compat';
 type Props = {
     color?: string;
 } & SVGAttributes<SVGElement>;
-export declare const AlmaLogo: VoidFunctionComponent<Props>;
+export declare const AlmaLogo: ({ className, color }: Props) => React.JSX.Element;
 export {};

package/dist/types/src/components/Installments/Installment/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Loader/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Modal/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/SkipLinks/__tests__/Accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/SkipLinks/index.d.ts

@@ -0,0 +1,11 @@
+import { FC } from '../../../preact/compat';
+type Props = {
+    skipLinks: Array<{
+        href: string;
+        labelId: string;
+        defaultMessage: string;
+    }>;
+    className?: string;
+};
+declare const SkipLinks: FC<Props>;
+export default SkipLinks;

package/dist/types/src/hooks/useAnimationInstructions.d.ts

@@ -0,0 +1,22 @@
+import { statusResponse } from '../types';
+type UseAnimationInstructionsProps = {
+    status: statusResponse;
+    hasUserInteracted: boolean;
+    eligiblePlansCount: number;
+    transitionDelay?: number;
+};
+/**
+ * Custom hook for managing accessibility announcements about animation control instructions
+ *
+ * Announces instructions to screen readers about how to control automatic plan animation
+ * when the widget is first loaded and animation is active.
+ *
+ * @param status - Current API response status
+ * @param hasUserInteracted - Whether user has manually interacted with plans
+ * @param eligiblePlansCount - Number of eligible payment plans
+ * @param transitionDelay - Animation transition delay (-1 means disabled)
+ *
+ * @returns void - This hook manages side effects only
+ */
+export declare const useAnimationInstructions: ({ status, hasUserInteracted, eligiblePlansCount, transitionDelay, }: UseAnimationInstructionsProps) => void;
+export {};

package/dist/types/src/hooks/useAnimationInstructions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/useAnnounceText.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Custom hook for managing announcement text for screen readers
+ * Provides functionality to set announcement text and automatically clear it after a delay
+ */
+export declare const useAnnounceText: () => {
+    announceText: string;
+    announce: (text: string, clearDelay?: number) => void;
+    clearAnnouncement: () => void;
+};

package/dist/types/src/hooks/useAnnounceText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/useButtonAnimation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/intl/messages/messages.de.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Alma-Logo - Lösung für Ratenzahlung",
+  "accessibility.amex-card.aria-label": "American Express-Karte akzeptiert",
+  "accessibility.animation-control-instructions": "Automatische Animation der Zahlungspläne aktiv. Bewegen Sie den Mauszeiger über oder navigieren Sie mit den Pfeiltasten, um die Animation zu stoppen.",
+  "accessibility.cb-card.aria-label": "Kreditkarte CB akzeptiert",
+  "accessibility.close-button.aria-label": "Fenster schließen",
+  "accessibility.mastercard.aria-label": "Mastercard akzeptiert",
+  "accessibility.payment-options.radiogroup.aria-label": "Verfügbare Zahlungsoptionen",
+  "accessibility.payment-plan-button.aria-label": "Wählen Sie den Zahlungsplan {planName}",
+  "accessibility.payment-plan.option.aria-label": "Zahlungsoption {planDescription}",
+  "accessibility.payment-plans-title": "Verfügbare Zahlungsoptionen",
+  "accessibility.payment-schedule-title": "Ratenplan für die Zahlung",
+  "accessibility.payment-widget.animation-control-description": "Automatische Animation ist aktiv. Bewegen Sie den Mauszeiger darüber oder verwenden Sie die Pfeile, um die Animation zu stoppen.",
+  "accessibility.payment-widget.open-button.aria-label": "Alma Zahlungsoptionen öffnen",
+  "accessibility.plan-selection-changed": "Ausgewählter Plan: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Schnelle Navigation",
+  "accessibility.visa-card.aria-label": "Visa-Karte wird akzeptiert",
   "credit-features.credit-cost-display": "{creditCost} (APR {taegPercentage})",
   "credit-features.information": "Überprüfen Sie Ihre Rückzahlungsmöglichkeiten, bevor Sie eine Verpflichtung eingehen.",
   "credit-features.information.title": "Ein Kredit verpflichtet Sie und muss zurückgezahlt werden.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Wählen Sie <strong>Alma</strong> beim Check-out. ",
   "eligibility-modal.bullet-2": "Lassen Sie sich führen und bestätigen Sie Ihre Zahlung in <strong>2 Minuten.</strong>",
   "eligibility-modal.bullet-3": "<strong>Behalten Sie die Kontrolle</strong> , indem Sie Ihre Fälligkeitstermine in Ihrem eigenen Tempo vor- oder zurückverlegen.",
+  "eligibility-modal.info-title": "Wie erfolgt die Bezahlung",
   "eligibility-modal.no-eligibility": "Ups, die Prüfung hat anscheinend nicht funktioniert.",
   "eligibility-modal.p1x-bullet-1": "Wählen Sie <strong>Alma - Jetzt bezahlen</strong> zum Zeitpunkt der Zahlung.",
   "eligibility-modal.p1x-bullet-2": "Tragen Sie Ihre <strong>Kreditkarteninformationen ein.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "T{deferredDays}",
   "payment-plan-strings.default-message": "Bezahlen Sie zinsfrei in mehreren Raten mit Alma.",
   "payment-plan-strings.deferred": "{totalAmount} zu zahlen am {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {Tag} other {Tage}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {Monate} other {Monate}}",
   "payment-plan-strings.ineligible-greater-than-max": "Bis zu {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "Ab {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
   "payment-plan-strings.no-fee": "(0% Finanzierung)",
   "payment-plan-strings.pay-now": "Zahlen Sie jetzt {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Jetzt bezahlen"
+  "payment-plan-strings.pay.deferred.button": "Aufgeschobenes Bezahlen: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Jetzt bezahlen",
+  "skip-links.payment-info": "Gehen Sie zu den Zahlungsinformationen",
+  "skip-links.payment-plans": "Gehen Sie zu den Zahlungsoptionen",
+  "skip-links.payment-schedule": "Gehen Sie zum Zahlungskalender"
 }
 ;
 

package/dist/types/src/intl/messages/messages.en.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Alma logo - Multi-installment payment solution",
+  "accessibility.amex-card.aria-label": "American Express card accepted",
+  "accessibility.animation-control-instructions": "Automatic animation of payment plans active. Hover or navigate with the arrows to stop animation.",
+  "accessibility.cb-card.aria-label": "CB credit card accepted",
+  "accessibility.close-button.aria-label": "Close window",
+  "accessibility.mastercard.aria-label": "Mastercard accepted",
+  "accessibility.payment-options.radiogroup.aria-label": "Available payment options",
+  "accessibility.payment-plan-button.aria-label": "Select payment plan {planName}",
+  "accessibility.payment-plan.option.aria-label": "Payment option {planDescription}",
+  "accessibility.payment-plans-title": "Available payment options",
+  "accessibility.payment-schedule-title": "Payment schedule",
+  "accessibility.payment-widget.animation-control-description": "Animation automatique active. Survolez ou utilisez les flèches pour arrêter l'animation.",
+  "accessibility.payment-widget.open-button.aria-label": "Open Alma payment options",
+  "accessibility.plan-selection-changed": "Selected plan: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Quick navigation",
+  "accessibility.visa-card.aria-label": "Visa card accepted",
   "credit-features.credit-cost-display": "{creditCost} (APR {taegPercentage})",
   "credit-features.information": "Check your repayment capacity before committing yourself.",
   "credit-features.information.title": "Credit is a commitment and must be repaid.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Choose <strong>Alma</strong> at checkout.",
   "eligibility-modal.bullet-2": "Let us guide you and validate your payment in <strong>2 minutes.</strong>",
   "eligibility-modal.bullet-3": "<strong>Stay in control</strong> by advancing or postponing your deadlines at your own pace.",
+  "eligibility-modal.info-title": "How to pay",
   "eligibility-modal.no-eligibility": "Oops, looks like the simulation didn't work.",
   "eligibility-modal.p1x-bullet-1": "Choose <strong>Alma - Pay now</strong> at checkout.",
   "eligibility-modal.p1x-bullet-2": "Enter your <strong>credit card details.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "D{deferredDays}",
   "payment-plan-strings.default-message": "Pay in installments with Alma",
   "payment-plan-strings.deferred": "{totalAmount} to pay the {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {day} other {days}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {months} other {months}}",
   "payment-plan-strings.ineligible-greater-than-max": "Until {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "From {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
   "payment-plan-strings.no-fee": "(free of charge)",
   "payment-plan-strings.pay-now": "Pay now {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Pay now"
+  "payment-plan-strings.pay.deferred.button": "Deferred payment: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Pay now",
+  "skip-links.payment-info": "Go to payment information",
+  "skip-links.payment-plans": "Go to payment options",
+  "skip-links.payment-schedule": "Go to payment calendar"
 }
 ;
 

package/dist/types/src/intl/messages/messages.es.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Logotipo Alma - Solución de pago multipago",
+  "accessibility.amex-card.aria-label": "Se acepta la tarjeta American Express",
+  "accessibility.animation-control-instructions": "La animación automática de los planes de pago está activa. Pase el ratón por encima o desplácese con las flechas para detener la animación.",
+  "accessibility.cb-card.aria-label": "Se acepta tarjeta de crédito CB",
+  "accessibility.close-button.aria-label": "Cerrar ventana",
+  "accessibility.mastercard.aria-label": "Se acepta Mastercard",
+  "accessibility.payment-options.radiogroup.aria-label": "Formas de pago disponibles",
+  "accessibility.payment-plan-button.aria-label": "Seleccione el plan de pago {planName}",
+  "accessibility.payment-plan.option.aria-label": "Forma de pago {planDescription}",
+  "accessibility.payment-plans-title": "Formas de pago disponibles",
+  "accessibility.payment-schedule-title": "Calendario de pagos",
+  "accessibility.payment-widget.animation-control-description": "Animación automática activa. Pase el ratón por encima o utilice las flechas para detener la animación.",
+  "accessibility.payment-widget.open-button.aria-label": "Opciones de pago Open Alma",
+  "accessibility.plan-selection-changed": "Plan seleccionado: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Navegación rápida",
+  "accessibility.visa-card.aria-label": "Se acepta tarjeta Visa",
   "credit-features.credit-cost-display": "{creditCost} (TAE {taegPercentage})",
   "credit-features.information": "Compruebe tu capacidad de reembolso antes de comprometerte.",
   "credit-features.information.title": "El crédito y/o pago a plazos es un compromiso y debe devolverse.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Elige <strong>Alma</strong> como método de pago.",
   "eligibility-modal.bullet-2": "Déjate guiar y válida tu pago en <strong>2 minutos.</strong>",
   "eligibility-modal.bullet-3": "<strong>Mantén el control</strong> adelantando o aplazando los plazos a su propio ritmo.",
+  "eligibility-modal.info-title": "Cómo pagar",
   "eligibility-modal.no-eligibility": "Uy, parece que la simulación no ha funcionado.",
   "eligibility-modal.p1x-bullet-1": "Elije <strong>Alma - Pagar ahora</strong> al momento de la compra.",
   "eligibility-modal.p1x-bullet-2": "Introduce los datos de tu tarjeta bancaria en <strong>.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "D{deferredDays}",
   "payment-plan-strings.default-message": "Pagar a plazos con Alma",
   "payment-plan-strings.deferred": "{totalAmount} a pagar el {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {día} other {días}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {meses} other {meses}}",
   "payment-plan-strings.ineligible-greater-than-max": "Hasta {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "Desde {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} plazos de {totalAmount}",
   "payment-plan-strings.no-fee": "(sin intereses)",
   "payment-plan-strings.pay-now": "Pague ahora {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Pagar ahora"
+  "payment-plan-strings.pay.deferred.button": "Pago aplazado: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Pagar ahora",
+  "skip-links.payment-info": "Ir a la información de pago",
+  "skip-links.payment-plans": "Ir a las opciones de pago",
+  "skip-links.payment-schedule": "Ir al calendario de pagos"
 }
 ;
 

package/dist/types/src/intl/messages/messages.fr.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Logo Alma - Solution de paiement en plusieurs fois",
+  "accessibility.amex-card.aria-label": "Carte American Express acceptée",
+  "accessibility.animation-control-instructions": "Animation automatique des plans de paiement active. Survolez ou naviguez avec les flèches pour arrêter l'animation.",
+  "accessibility.cb-card.aria-label": "Carte Bancaire CB acceptée",
+  "accessibility.close-button.aria-label": "Fermer la fenêtre",
+  "accessibility.mastercard.aria-label": "Carte Mastercard acceptée",
+  "accessibility.payment-options.radiogroup.aria-label": "Options de paiement disponibles",
+  "accessibility.payment-plan-button.aria-label": "Sélectionner le plan de paiement {planName}",
+  "accessibility.payment-plan.option.aria-label": "Option de paiement {planDescription}",
+  "accessibility.payment-plans-title": "Options de paiement disponibles",
+  "accessibility.payment-schedule-title": "Calendrier de paiement",
+  "accessibility.payment-widget.animation-control-description": "Animation automatique active. Survolez ou utilisez les flèches pour arrêter l'animation.",
+  "accessibility.payment-widget.open-button.aria-label": "Ouvrir les options de paiement Alma",
+  "accessibility.plan-selection-changed": "Plan sélectionné : {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Navigation rapide",
+  "accessibility.visa-card.aria-label": "Carte Visa acceptée",
   "credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
   "credit-features.information": "Vérifiez vos capacités de remboursement avant de vous engager.",
   "credit-features.information.title": "Un crédit vous engage et doit être remboursé.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Choisissez <strong>Alma</strong> au moment du paiement.",
   "eligibility-modal.bullet-2": "Laissez-vous guider et validez votre paiement en <strong>2 minutes.</strong>",
   "eligibility-modal.bullet-3": "<strong>Gardez le contrôle</strong> en avançant ou reculant vos échéances à votre rythme.",
+  "eligibility-modal.info-title": "Comment procéder au paiement",
   "eligibility-modal.no-eligibility": "Oups, il semblerait que la simulation n'ait pas fonctionné.",
   "eligibility-modal.p1x-bullet-1": "Choisissez <strong>Alma - Payer maintenant</strong> au moment du paiement.",
   "eligibility-modal.p1x-bullet-2": "Renseignez les informations de votre <strong>carte bancaire.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "J{deferredDays}",
   "payment-plan-strings.default-message": "Payez en plusieurs fois avec Alma",
   "payment-plan-strings.deferred": "{totalAmount} à payer le {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {jour} other {jours}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {mois} other {mois}}",
   "payment-plan-strings.ineligible-greater-than-max": "Jusqu'à {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "À partir de {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
   "payment-plan-strings.no-fee": "(sans frais)",
   "payment-plan-strings.pay-now": "Payer maintenant {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Payer maintenant"
+  "payment-plan-strings.pay.deferred.button": "Payer en différé : {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Payer maintenant",
+  "skip-links.payment-info": "Allez aux informations de paiement",
+  "skip-links.payment-plans": "Allez aux options de paiements",
+  "skip-links.payment-schedule": "Allez au calendrier de paiements"
 }
 ;
 

package/dist/types/src/intl/messages/messages.it.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Logo Alma - Soluzione di pagamento multi-pagamento",
+  "accessibility.amex-card.aria-label": "Carta American Express accettata",
+  "accessibility.animation-control-instructions": "L'animazione automatica dei piani di pagamento è attiva. Passare il mouse sopra o navigare con le frecce per fermare l'animazione.",
+  "accessibility.cb-card.aria-label": "Carta di credito CB accettata",
+  "accessibility.close-button.aria-label": "Chiudere la finestra",
+  "accessibility.mastercard.aria-label": "Mastercard accettata",
+  "accessibility.payment-options.radiogroup.aria-label": "Opzioni di pagamento disponibili",
+  "accessibility.payment-plan-button.aria-label": "Selezionare il piano di pagamento {planName}",
+  "accessibility.payment-plan.option.aria-label": "Opzione di pagamento {planDescription}",
+  "accessibility.payment-plans-title": "Opzioni di pagamento disponibili",
+  "accessibility.payment-schedule-title": "Piano di pagamento",
+  "accessibility.payment-widget.animation-control-description": "Animazione automatica attiva. Passare il mouse sopra o usare le frecce per fermare l'animazione.",
+  "accessibility.payment-widget.open-button.aria-label": "Opzioni di pagamento Alma aperte",
+  "accessibility.plan-selection-changed": "Piano selezionato: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Navigazione rapida",
+  "accessibility.visa-card.aria-label": "Carta Visa accettata",
   "credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
   "credit-features.information": "Verificate la vostra capacità di rimborso prima di prendere un impegno.",
   "credit-features.information.title": "Il credito è un impegno e deve essere ripagato.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Seleziona <strong>Alma</strong> come metodo di pagamento.",
   "eligibility-modal.bullet-2": "Segui le istruzioni e completa l'acquisto <strong>in meno di 2 minuti.</strong>",
   "eligibility-modal.bullet-3": "<strong>Gestisci il tuo piano di pagamento</strong> e modifica le scadenze secondo le tue esigenze.",
+  "eligibility-modal.info-title": "Come pagare",
   "eligibility-modal.no-eligibility": "Ops, sembra che qualcosa non abbia funzionato.",
   "eligibility-modal.p1x-bullet-1": "Scegli <strong>Alma - Paga ora</strong> alla cassa.",
   "eligibility-modal.p1x-bullet-2": "Inserisci i dati della tua <strong>carta bancaria.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "G{deferredDays}",
   "payment-plan-strings.default-message": "Paga a rate con Alma, senza registrazione.",
   "payment-plan-strings.deferred": "{totalAmount} da pagare il {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {giorno} other {giorni}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {mesi} other {mesi}}",
   "payment-plan-strings.ineligible-greater-than-max": "Disponibile fino a {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "Pagamento rateale disponibile a partire da {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "In {installmentsCount} rate mensili di {totalAmount}",
   "payment-plan-strings.no-fee": "(senza interessi)",
   "payment-plan-strings.pay-now": "Paga ora {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Paga ora"
+  "payment-plan-strings.pay.deferred.button": "Pagamento dilazionato: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Paga ora",
+  "skip-links.payment-info": "Vai alle informazioni di pagamento",
+  "skip-links.payment-plans": "Vai alle opzioni di pagamento",
+  "skip-links.payment-schedule": "Vai al calendario dei pagamenti"
 }
 ;
 

package/dist/types/src/intl/messages/messages.nl.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Alma-logo - Multi-betalingoplossing",
+  "accessibility.amex-card.aria-label": "American Express kaart geaccepteerd",
+  "accessibility.animation-control-instructions": "Automatische animatie van betalingsplannen is actief. Beweeg erover of navigeer met de pijltjes om de animatie te stoppen.",
+  "accessibility.cb-card.aria-label": "CB creditcard geaccepteerd",
+  "accessibility.close-button.aria-label": "Venster sluiten",
+  "accessibility.mastercard.aria-label": "Mastercard geaccepteerd",
+  "accessibility.payment-options.radiogroup.aria-label": "Betalingsopties beschikbaar",
+  "accessibility.payment-plan-button.aria-label": "Selecteer betalingsplan {planName}",
+  "accessibility.payment-plan.option.aria-label": "Betalingsoptie {planDescription}",
+  "accessibility.payment-plans-title": "Betalingsopties beschikbaar",
+  "accessibility.payment-schedule-title": "Betalingsschema",
+  "accessibility.payment-widget.animation-control-description": "Automatische animatie actief. Beweeg erover of gebruik de pijltjes om de animatie te stoppen.",
+  "accessibility.payment-widget.open-button.aria-label": "Alma betalingsopties openen",
+  "accessibility.plan-selection-changed": "Gekozen plan: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Snelle navigatie",
+  "accessibility.visa-card.aria-label": "Visa-kaart geaccepteerd",
   "credit-features.credit-cost-display": "{creditCost} (gemiddeld rente percentage {taegPercentage})",
   "credit-features.information": "Controleer uw terugbetalingscapaciteit voordat u een toezegging doet.",
   "credit-features.information.title": "Krediet is een verplichting en moet worden terugbetaald.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Kies <strong>Alma</strong> bij het afrekenen om de eerste termijnbetaling te voldoen. Dit kan gemakkelijk via jouw favoriete betaalmethode.",
   "eligibility-modal.bullet-2": "Betaal gemakkelijk <strong>binnen 1 minuut </strong>. Je hebt hier geen account voor nodig.",
   "eligibility-modal.bullet-3": "<strong>Behoud de controle </strong> en bepaal je eigen tempo. Bij Alma schuif je de deadlines gemakkelijk vooruit of achteruit. Zonder bijkomende kosten.",
+  "eligibility-modal.info-title": "Hoe betalen?",
   "eligibility-modal.no-eligibility": "Oeps, het lijkt erop dat de simulatie niet werkte.",
   "eligibility-modal.p1x-bullet-1": "Kies <strong>Alma - Betaal nu</strong> bij het afrekenen om de eerste termijnbetaling te voldoen. Dit kan gemakkelijk via jouw favoriete betaalmethode.",
   "eligibility-modal.p1x-bullet-2": "Vul je <strong>gegevens </strong> in",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "D{deferredDays}",
   "payment-plan-strings.default-message": "Betaal in termijnen bij Alma - helemaal rentevrij",
   "payment-plan-strings.deferred": "{totalAmount} te betalen op {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {dag} other {dagen}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {maanden} other {maanden}}",
   "payment-plan-strings.ineligible-greater-than-max": "Tot {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "Vanaf {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
   "payment-plan-strings.no-fee": "(zonder kosten)",
   "payment-plan-strings.pay-now": "Betaal nu {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Betaal nu"
+  "payment-plan-strings.pay.deferred.button": "Betalen met uitgestelde betaling: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Betaal nu",
+  "skip-links.payment-info": "Ga naar betalingsinformatie",
+  "skip-links.payment-plans": "Ga naar betalingsopties",
+  "skip-links.payment-schedule": "Ga naar de betalingskalender"
 }
 ;
 

package/dist/types/src/intl/messages/messages.pt.json.d.ts

@@ -1,4 +1,20 @@
 declare const _default: {
+  "accessibility.alma-logo.aria-label": "Logótipo Alma - Solução de pagamento multi-instalação",
+  "accessibility.amex-card.aria-label": "Aceita cartão American Express",
+  "accessibility.animation-control-instructions": "A animação automática dos planos de pagamento está ativa. Passe o rato por cima ou navegue com as setas para parar a animação.",
+  "accessibility.cb-card.aria-label": "Aceita-se cartão de crédito CB",
+  "accessibility.close-button.aria-label": "Fechar a janela",
+  "accessibility.mastercard.aria-label": "Aceita Mastercard",
+  "accessibility.payment-options.radiogroup.aria-label": "Opções de pagamento disponíveis",
+  "accessibility.payment-plan-button.aria-label": "Selecionar plano de pagamento {planName}",
+  "accessibility.payment-plan.option.aria-label": "Opção de pagamento {planDescription}",
+  "accessibility.payment-plans-title": "Opções de pagamento disponíveis",
+  "accessibility.payment-schedule-title": "Calendário de pagamento",
+  "accessibility.payment-widget.animation-control-description": "Animação automática ativa. Passe o rato por cima ou utilize as setas para parar a animação.",
+  "accessibility.payment-widget.open-button.aria-label": "Opções de pagamento da Open Alma",
+  "accessibility.plan-selection-changed": "Plano selecionado: {planDescription}",
+  "accessibility.skip-links.navigation.aria-label": "Navegação rápida",
+  "accessibility.visa-card.aria-label": "Aceita cartão Visa",
   "credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
   "credit-features.information": "Verifique a sua capacidade de reembolso antes de assumir um compromisso.",
   "credit-features.information.title": "O crédito é um compromisso e deve ser reembolsado.",
@@ -7,6 +23,7 @@ declare const _default: {
   "eligibility-modal.bullet-1": "Seleccionar <strong>Alma - Pay Now</strong> no final da compra.",
   "eligibility-modal.bullet-2": "Siga as instruções e valide o seu pagamento em <strong>2 minutos.</strong>",
   "eligibility-modal.bullet-3": "<strong>Mantenha o controlo</strong> adiando as datas de pagamento ao seu próprio ritmo.",
+  "eligibility-modal.info-title": "Como pagar",
   "eligibility-modal.no-eligibility": "Ups, parece que a simulação não funcionou.",
   "eligibility-modal.p1x-bullet-1": "Escolha <strong>Alma - Pague agora</strong> no checkout.",
   "eligibility-modal.p1x-bullet-2": "Preencha os dados do seu <strong>cartão de bancário.</strong>",
@@ -21,6 +38,8 @@ declare const _default: {
   "payment-plan-strings.day-abbreviation": "D{deferredDays}",
   "payment-plan-strings.default-message": "Pagamento em prestações com a Alma",
   "payment-plan-strings.deferred": "{totalAmount} a pagar em {dueDate}",
+  "payment-plan-strings.deferred.days": "{days, number} {days, plural, one {dia} other {dias}}",
+  "payment-plan-strings.deferred.months": "{months, number} {months, plural, one {meses} other {meses}}",
   "payment-plan-strings.ineligible-greater-than-max": "Até {maxAmount}",
   "payment-plan-strings.ineligible-lower-than-min": "A partir de {minAmount}",
   "payment-plan-strings.month-abbreviation": "M{deferredMonths}",
@@ -28,7 +47,11 @@ declare const _default: {
   "payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
   "payment-plan-strings.no-fee": "(sem encargos)",
   "payment-plan-strings.pay-now": "Pagar agora {totalAmount}",
-  "payment-plan-strings.pay.now.button": "Pagar agora"
+  "payment-plan-strings.pay.deferred.button": "Pagamento diferido: {deferredTime}",
+  "payment-plan-strings.pay.now.button": "Pagar agora",
+  "skip-links.payment-info": "Ir para as informações de pagamento",
+  "skip-links.payment-plans": "Ir para as opções de pagamento",
+  "skip-links.payment-schedule": "Ir para o calendário de pagamentos"
 }
 ;
 

package/dist/types/src/utils/paymentPlanStrings.d.ts

@@ -1,4 +1,11 @@
 import { ReactNode } from '../../preact/compat';
+import { IntlShape } from 'react-intl';
 import { EligibilityPlan, EligibilityPlanToDisplay } from '../types';
 export declare const paymentPlanShorthandName: (payment: EligibilityPlan) => ReactNode;
+/**
+ * String version of paymentPlanShorthandName that returns a translated string
+ * instead of a ReactNode for use in aria-label attributes for example
+ */
+export declare const paymentPlanShorthandText: (payment: EligibilityPlan, intl: IntlShape) => string;
 export declare const paymentPlanInfoText: (payment: EligibilityPlanToDisplay) => ReactNode;
+export declare const getPlanDescription: (plan: EligibilityPlan, intl: IntlShape) => string;