@magicfeedback/popup-sdk 1.6.0 → 1.7.1

package/README.md

@@ -137,7 +137,40 @@ Config fields:
   segmentation (`segments.lang`) and for the analytics context. If omitted it is
   auto-detected from `navigator.language`, falling back to the `Intl` locale (which is
   what makes it work in React Native, where `navigator.language` does not exist). If no
-  source resolves a language, popups with `segments.lang` cannot be filtered and are shown.
+  source resolves a language, popups with `segments.lang` cannot be filtered and are shown. It
+  is also the starting language for the popup's own texts (see below).
+
+### Popup texts and language
+
+The survey content (questions, placeholders, Yes/No labels) is localized by
+`@magicfeedback/native` using the language configured for the integration. The texts the SDK
+itself renders around it — the footer buttons, the progress counter, the follow-up badge, the
+aria-labels and the error hints — are resolved in this order:
+
+1. `actions.*.label` from the popup definition, whenever the platform configures it.
+2. The survey's own language (`formData.lang[0]`), applied as soon as the survey loads. A
+   Danish survey therefore gets a Danish footer with no extra configuration.
+3. The `language` passed to `init()` (or auto-detected), used until the survey loads.
+4. English.
+
+Built-in languages — the 11 a survey can be authored in, plus `zh-CN`:
+
+| | | |
+|---|---|---|
+| `en` English | `da` Danish | `fi` Finnish |
+| `no` Norwegian (incl. `nb`/`nn`) | `es` Spanish | `sv` Swedish |
+| `ar` Arabic | `bn` Bengali | `de` German |
+| `pt` Portuguese | `fr` French | `zh-CN` Chinese (incl. plain `zh`) |
+
+Region and case are ignored, so `da`, `da-DK` and `da_DK` all resolve to Danish, and `pt-BR`
+and `pt-PT` share one set; any other language falls back to English. `SUPPORTED_LANGUAGES` and
+`getLabels()` are exported if you need to inspect them.
+
+Right-to-left: for Arabic the SDK stamps `dir="rtl"` on the popup container, so the header,
+footer and progress bar mirror along with the survey content (which `@magicfeedback/native`
+flips on its own since 2.2.22). The direction follows the same resolution chain as the texts,
+and is always set explicitly — `ltr` included — so the popup never inherits the direction of
+the host page.
 
 ### `autoLaunch()`
 

package/dist/assets/assets/style.css

@@ -1,7 +1,7 @@
 /**
  * NO EDITAR A MANO — generado por scripts/vendor-survey-css.mjs
  *
- * Copia de @magicfeedback/native@2.2.8 → dist/styles/magicfeedback-default.css
+ * Copia de @magicfeedback/native@2.2.22 → dist/styles/magicfeedback-default.css
  * (la hoja canónica del paquete, la que apunta su campo "style"), con estos cambios locales:
  *
  *  1. Sin el @import de Google Fonts (Nunito): no queremos una petición externa desde la
@@ -221,7 +221,7 @@
     font-weight: var(--mf-font-weight-bold);
     line-height: 1.3;
     margin: var(--mf-space-lg) 0 var(--mf-space-sm);
-    text-align: left;
+    text-align: start;
 }
 
 .magicfeedback-info-message h1, .magicfeedback-start-message h1 { font-size: var(--mf-font-size-xl); }
@@ -260,7 +260,7 @@
 .magicfeedback-start-message ul,
 .magicfeedback-start-message ol {
     margin: 0 0 var(--mf-space-md);
-    padding-left: var(--mf-space-xl);
+    padding-inline-start: var(--mf-space-xl);
     color: var(--mf-text-secondary);
     line-height: var(--mf-line-height);
 }
@@ -274,7 +274,7 @@
 .magicfeedback-start-message blockquote {
     margin: 0 0 var(--mf-space-md);
     padding: var(--mf-space-sm) var(--mf-space-md);
-    border-left: 3px solid var(--mf-primary-border);
+    border-inline-start: 3px solid var(--mf-primary-border);
     color: var(--mf-text-secondary);
     font-style: italic;
 }
@@ -363,7 +363,7 @@
     font-weight: var(--mf-font-weight-bold);
     color: var(--mf-text-primary);
     line-height: var(--mf-line-height);
-    text-align: left;
+    text-align: start;
     letter-spacing: -0.01em;
 }
 
@@ -439,7 +439,7 @@
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right var(--mf-space-md) center;
-    padding-right: var(--mf-space-xl);
+    padding-inline-end: var(--mf-space-xl);
 }
 
 /* Error State */
@@ -503,7 +503,7 @@ div.magicfeedback-radio {
 .magicfeedback-checkbox label,
 .magicfeedback-radio-container label {
     font-size: var(--mf-font-size-base);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-primary);
     cursor: pointer;
     margin: 0;
@@ -601,7 +601,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-rating-placeholder-value:last-child {
-    text-align: right;
+    text-align: end;
 }
 
 /* Rating with Images */
@@ -684,7 +684,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-rating-number-scale-label:last-child {
-    text-align: right;
+    text-align: end;
 }
 
 /* Column, no per-option text: each row is its own separated chip, so
@@ -1002,7 +1002,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-multi-question-matrix-label {
-    text-align: left;
+    text-align: start;
     font-size: var(--mf-font-size-base);
     color: var(--mf-text-primary);
 }
@@ -1037,7 +1037,7 @@ div.magicfeedback-radio {
 .magicfeedback-priority-list-item-label {
     flex: 1;
     font-size: var(--mf-font-size-base);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-primary);
     margin: 0;
 }
@@ -1129,7 +1129,7 @@ div.magicfeedback-radio {
 .magicfeedback-consent-container label {
     flex: 1;
     font-size: var(--mf-font-size-sm);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-secondary);
     line-height: var(--mf-line-height);
     cursor: pointer;
@@ -1281,7 +1281,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-modal-counter {
-    margin-right: auto;
+    margin-inline-end: auto;
     display: flex;
     align-items: center;
     font-size: 14px;
@@ -1526,7 +1526,7 @@ div.magicfeedback-radio {
 .magicfeedback-modal-close {
     position: absolute;
     top: 8px;
-    right: 8px;
+    inset-inline-end: 8px;
     background: transparent;
     border: none;
     font-size: 20px;
@@ -1747,6 +1747,55 @@ div.magicfeedback-radio {
     display: block;
 }
 
+/* ========================================
+   RTL (Arabic)
+   ========================================
+   The SDK stamps dir="rtl" (and .magicfeedback-rtl) on the survey container
+   for right-to-left languages. Everything else in this stylesheet uses logical
+   properties (text-align: start, padding-inline-*, inset-inline-*), so it
+   mirrors on its own; only the handful of rules that cannot be expressed
+   logically live here.
+
+   Rules are scoped to [dir="rtl"] inside our own subtree so a host page that is
+   itself RTL, or one that embeds an Arabic survey in an LTR page, both render
+   correctly. */
+
+/* background-position has no logical form: move the select caret to the
+   left edge, opposite the padding that inset-inline-end already mirrored. */
+[dir="rtl"] select {
+    background-position: left var(--mf-space-md) center;
+}
+
+/* Emails, URLs, numbers, dates and phone numbers are latin/numeric content
+   even in an Arabic survey: keep their own direction LTR so punctuation
+   (@, ., +, /) lands where the user expects, but align them to the start of
+   the RTL line so they still read as part of the form. */
+[dir="rtl"] input[type="email"],
+[dir="rtl"] input[type="url"],
+[dir="rtl"] input[type="number"],
+[dir="rtl"] input[type="tel"],
+[dir="rtl"] input[type="date"],
+[dir="rtl"] input[type="time"] {
+    direction: ltr;
+    text-align: right;
+}
+
+/* Mirror of mf-slide-in: questions enter from the reading edge. */
+@keyframes mf-slide-in-rtl {
+    from {
+        opacity: 0;
+        transform: translateX(16px);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+[dir="rtl"] .magicfeedback-div {
+    animation-name: mf-slide-in-rtl;
+}
+
 /* ========================================
    LOCAL — reglas del popup, no vienen del paquete
    ======================================== */

package/dist/{chunk-AN7JIVWB.mjs → chunk-W6MPSWMS.mjs}

@@ -160,11 +160,290 @@ function buildFontFaceCss(family, url) {
   return `@font-face{font-family:"${safe}";src:${src};font-display:swap;}`;
 }
 
+// src/i18n/labels.ts
+var EN = {
+  accept: "Send",
+  decline: "Cancel",
+  start: "Start survey",
+  complete: "Complete survey",
+  back: "Back",
+  question: "Question",
+  of: "of",
+  followUp: "Follow-up",
+  closeAria: "Close popup",
+  loadingAria: "Loading survey",
+  errorRequired: "Please answer the required question to continue.",
+  errorSubmit: "An error occurred while submitting. Please try again or close the popup."
+};
+var ES = {
+  accept: "Enviar",
+  decline: "Cancelar",
+  start: "Empezar encuesta",
+  complete: "Completar encuesta",
+  back: "Atr\xE1s",
+  question: "Pregunta",
+  of: "de",
+  followUp: "Seguimiento",
+  closeAria: "Cerrar ventana emergente",
+  loadingAria: "Cargando encuesta",
+  errorRequired: "Responde la pregunta obligatoria para continuar.",
+  errorSubmit: "Se produjo un error al enviar. Int\xE9ntalo de nuevo o cierra la ventana."
+};
+var DA = {
+  accept: "Send",
+  decline: "Annuller",
+  start: "Start unders\xF8gelse",
+  complete: "Afslut unders\xF8gelse",
+  back: "Tilbage",
+  question: "Sp\xF8rgsm\xE5l",
+  of: "af",
+  followUp: "Opf\xF8lgning",
+  closeAria: "Luk pop op",
+  loadingAria: "Indl\xE6ser unders\xF8gelse",
+  errorRequired: "Besvar venligst det obligatoriske sp\xF8rgsm\xE5l for at forts\xE6tte.",
+  errorSubmit: "Der opstod en fejl under afsendelsen. Pr\xF8v igen, eller luk pop op-vinduet."
+};
+var NO = {
+  accept: "Send",
+  decline: "Avbryt",
+  start: "Start unders\xF8kelse",
+  complete: "Fullf\xF8r unders\xF8kelse",
+  back: "Tilbake",
+  question: "Sp\xF8rsm\xE5l",
+  of: "av",
+  followUp: "Oppf\xF8lging",
+  closeAria: "Lukk popup",
+  loadingAria: "Laster unders\xF8kelse",
+  errorRequired: "Svar p\xE5 det obligatoriske sp\xF8rsm\xE5let for \xE5 fortsette.",
+  errorSubmit: "Det oppstod en feil under innsendingen. Pr\xF8v igjen, eller lukk popupen."
+};
+var SV = {
+  accept: "Skicka",
+  decline: "Avbryt",
+  start: "Starta unders\xF6kning",
+  complete: "Slutf\xF6r unders\xF6kning",
+  back: "Tillbaka",
+  question: "Fr\xE5ga",
+  of: "av",
+  followUp: "Uppf\xF6ljning",
+  closeAria: "St\xE4ng popup",
+  loadingAria: "Laddar unders\xF6kning",
+  errorRequired: "Svara p\xE5 den obligatoriska fr\xE5gan f\xF6r att forts\xE4tta.",
+  errorSubmit: "Ett fel uppstod vid inskickningen. F\xF6rs\xF6k igen eller st\xE4ng popupen."
+};
+var FI = {
+  accept: "L\xE4het\xE4",
+  decline: "Peruuta",
+  start: "Aloita kysely",
+  complete: "Viimeistele kysely",
+  back: "Takaisin",
+  question: "Kysymys",
+  of: "/",
+  followUp: "Jatkokysymys",
+  closeAria: "Sulje ponnahdusikkuna",
+  loadingAria: "Ladataan kysely\xE4",
+  errorRequired: "Vastaa pakolliseen kysymykseen jatkaaksesi.",
+  errorSubmit: "L\xE4hetyksess\xE4 tapahtui virhe. Yrit\xE4 uudelleen tai sulje ponnahdusikkuna."
+};
+var DE = {
+  accept: "Senden",
+  decline: "Abbrechen",
+  start: "Umfrage starten",
+  complete: "Umfrage abschlie\xDFen",
+  back: "Zur\xFCck",
+  question: "Frage",
+  of: "von",
+  followUp: "Folgefrage",
+  closeAria: "Popup schlie\xDFen",
+  loadingAria: "Umfrage wird geladen",
+  errorRequired: "Bitte beantworte die Pflichtfrage, um fortzufahren.",
+  errorSubmit: "Beim Senden ist ein Fehler aufgetreten. Versuche es erneut oder schlie\xDFe das Popup."
+};
+var FR = {
+  accept: "Envoyer",
+  decline: "Annuler",
+  start: "Commencer l'enqu\xEAte",
+  complete: "Terminer l'enqu\xEAte",
+  back: "Retour",
+  question: "Question",
+  of: "sur",
+  followUp: "Question compl\xE9mentaire",
+  closeAria: "Fermer la fen\xEAtre",
+  loadingAria: "Chargement de l'enqu\xEAte",
+  errorRequired: "Veuillez r\xE9pondre \xE0 la question obligatoire pour continuer.",
+  errorSubmit: "Une erreur s'est produite lors de l'envoi. R\xE9essayez ou fermez la fen\xEAtre."
+};
+var PT = {
+  accept: "Enviar",
+  decline: "Cancelar",
+  start: "Iniciar question\xE1rio",
+  complete: "Concluir question\xE1rio",
+  back: "Voltar",
+  question: "Pergunta",
+  of: "de",
+  followUp: "Seguimento",
+  closeAria: "Fechar janela",
+  loadingAria: "A carregar question\xE1rio",
+  errorRequired: "Responda \xE0 pergunta obrigat\xF3ria para continuar.",
+  errorSubmit: "Ocorreu um erro ao enviar. Tente novamente ou feche a janela."
+};
+var AR = {
+  accept: "\u0625\u0631\u0633\u0627\u0644",
+  decline: "\u0625\u0644\u063A\u0627\u0621",
+  start: "\u0627\u0628\u062F\u0623 \u0627\u0644\u0627\u0633\u062A\u0628\u064A\u0627\u0646",
+  complete: "\u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u0633\u062A\u0628\u064A\u0627\u0646",
+  back: "\u0631\u062C\u0648\u0639",
+  question: "\u0633\u0624\u0627\u0644",
+  of: "\u0645\u0646",
+  followUp: "\u0633\u0624\u0627\u0644 \u0645\u062A\u0627\u0628\u0639\u0629",
+  closeAria: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0646\u0628\u062B\u0642\u0629",
+  loadingAria: "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0627\u0633\u062A\u0628\u064A\u0627\u0646",
+  errorRequired: "\u064A\u0631\u062C\u0649 \u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u0645\u062A\u0627\u0628\u0639\u0629.",
+  errorSubmit: "\u062D\u062F\u062B \u062E\u0637\u0623 \u0623\u062B\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649 \u0623\u0648 \u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0646\u0627\u0641\u0630\u0629."
+};
+var BN = {
+  accept: "\u09AA\u09BE\u09A0\u09BE\u09A8",
+  decline: "\u09AC\u09BE\u09A4\u09BF\u09B2",
+  start: "\u099C\u09B0\u09BF\u09AA \u09B6\u09C1\u09B0\u09C1 \u0995\u09B0\u09C1\u09A8",
+  complete: "\u099C\u09B0\u09BF\u09AA \u09B8\u09AE\u09CD\u09AA\u09C2\u09B0\u09CD\u09A3 \u0995\u09B0\u09C1\u09A8",
+  back: "\u09AA\u09BF\u099B\u09A8\u09C7",
+  question: "\u09AA\u09CD\u09B0\u09B6\u09CD\u09A8",
+  of: "/",
+  followUp: "\u09AB\u09B2\u09CB-\u0986\u09AA",
+  closeAria: "\u09AA\u09AA\u0986\u09AA \u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8",
+  loadingAria: "\u099C\u09B0\u09BF\u09AA \u09B2\u09CB\u09A1 \u09B9\u099A\u09CD\u099B\u09C7",
+  errorRequired: "\u099A\u09BE\u09B2\u09BF\u09AF\u09BC\u09C7 \u09AF\u09C7\u09A4\u09C7 \u0986\u09AC\u09B6\u09CD\u09AF\u0995 \u09AA\u09CD\u09B0\u09B6\u09CD\u09A8\u09C7\u09B0 \u0989\u09A4\u09CD\u09A4\u09B0 \u09A6\u09BF\u09A8\u0964",
+  errorSubmit: "\u099C\u09AE\u09BE \u09A6\u09C7\u0993\u09AF\u09BC\u09BE\u09B0 \u09B8\u09AE\u09AF\u09BC \u098F\u0995\u099F\u09BF \u09A4\u09CD\u09B0\u09C1\u099F\u09BF \u0998\u099F\u09C7\u099B\u09C7\u0964 \u0986\u09AC\u09BE\u09B0 \u099A\u09C7\u09B7\u09CD\u099F\u09BE \u0995\u09B0\u09C1\u09A8 \u09AC\u09BE \u09AA\u09AA\u0986\u09AA \u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8\u0964"
+};
+var ZH_CN = {
+  accept: "\u53D1\u9001",
+  decline: "\u53D6\u6D88",
+  start: "\u5F00\u59CB\u95EE\u5377",
+  complete: "\u5B8C\u6210\u95EE\u5377",
+  back: "\u8FD4\u56DE",
+  question: "\u95EE\u9898",
+  of: "/",
+  followUp: "\u8FFD\u95EE",
+  closeAria: "\u5173\u95ED\u5F39\u7A97",
+  loadingAria: "\u6B63\u5728\u52A0\u8F7D\u95EE\u5377",
+  errorRequired: "\u8BF7\u56DE\u7B54\u5FC5\u7B54\u9898\u540E\u7EE7\u7EED\u3002",
+  errorSubmit: "\u63D0\u4EA4\u65F6\u51FA\u9519\u3002\u8BF7\u91CD\u8BD5\u6216\u5173\u95ED\u5F39\u7A97\u3002"
+};
+var LABELS = {
+  en: EN,
+  es: ES,
+  da: DA,
+  no: NO,
+  sv: SV,
+  fi: FI,
+  de: DE,
+  fr: FR,
+  pt: PT,
+  ar: AR,
+  bn: BN,
+  "zh-CN": ZH_CN
+};
+var SUPPORTED_LANGUAGES = [
+  // Los 11 idiomas que la plataforma ofrece para un survey, más zh-CN (que el SDK nativo ya
+  // traía). Si la plataforma añade uno nuevo, hay que añadirlo aquí o el chrome saldrá en
+  // inglés bajo un survey traducido.
+  "en",
+  "es",
+  "da",
+  "no",
+  "sv",
+  "fi",
+  "de",
+  "fr",
+  "pt",
+  "ar",
+  "bn",
+  "zh-CN"
+];
+function resolveLocale(lang) {
+  if (typeof lang !== "string") return "en";
+  const normalized = lang.trim().toLowerCase().replace(/_/g, "-");
+  if (!normalized) return "en";
+  if (normalized === "zh" || normalized.startsWith("zh-")) return "zh-CN";
+  const primary = normalized.split("-")[0];
+  switch (primary) {
+    case "en":
+      return "en";
+    case "es":
+      return "es";
+    case "da":
+      return "da";
+    case "no":
+    case "nb":
+    case "nn":
+      return "no";
+    case "sv":
+      return "sv";
+    case "fi":
+      return "fi";
+    case "de":
+      return "de";
+    case "fr":
+      return "fr";
+    case "pt":
+      return "pt";
+    case "ar":
+      return "ar";
+    case "bn":
+      return "bn";
+    default:
+      return "en";
+  }
+}
+var RTL_LOCALES = ["ar"];
+function isRtlLanguage(lang) {
+  return RTL_LOCALES.includes(resolveLocale(lang));
+}
+function directionFor(lang) {
+  return isRtlLanguage(lang) ? "rtl" : "ltr";
+}
+function getLabels(lang) {
+  return LABELS[resolveLocale(lang)];
+}
+function resolveActionLabels(actions, lang) {
+  const labels = getLabels(lang);
+  const pick = (value, fallback) => {
+    const trimmed = typeof value === "string" ? value.trim() : "";
+    return trimmed ? value : fallback;
+  };
+  return {
+    accept: pick(actions?.accept?.label, labels.accept),
+    decline: pick(actions?.decline?.label, labels.decline),
+    start: pick(actions?.start?.label, labels.start),
+    complete: pick(actions?.complete?.label, labels.complete),
+    back: pick(actions?.back?.label, labels.back)
+  };
+}
+var RESOLVE_LOCALE_JS = `function ddResolveLocale(lang){
+  if(typeof lang!=='string') return 'en';
+  var n=lang.trim().toLowerCase().replace(/_/g,'-');
+  if(!n) return 'en';
+  if(n==='zh'||n.indexOf('zh-')===0) return 'zh-CN';
+  var p=n.split('-')[0];
+  if(p==='en') return 'en';
+  if(p==='es') return 'es';
+  if(p==='da') return 'da';
+  if(p==='no'||p==='nb'||p==='nn') return 'no';
+  if(p==='sv') return 'sv';
+  if(p==='fi') return 'fi';
+  if(p==='de') return 'de';
+  if(p==='fr') return 'fr';
+  if(p==='pt') return 'pt';
+  if(p==='ar') return 'ar';
+  if(p==='bn') return 'bn';
+  return 'en';
+}`;
+
 // src/assets/style.css
 var style_default = `/**
  * NO EDITAR A MANO \u2014 generado por scripts/vendor-survey-css.mjs
  *
- * Copia de @magicfeedback/native@2.2.8 \u2192 dist/styles/magicfeedback-default.css
+ * Copia de @magicfeedback/native@2.2.22 \u2192 dist/styles/magicfeedback-default.css
  * (la hoja can\xF3nica del paquete, la que apunta su campo "style"), con estos cambios locales:
  *
  *  1. Sin el @import de Google Fonts (Nunito): no queremos una petici\xF3n externa desde la
@@ -384,7 +663,7 @@ var style_default = `/**
     font-weight: var(--mf-font-weight-bold);
     line-height: 1.3;
     margin: var(--mf-space-lg) 0 var(--mf-space-sm);
-    text-align: left;
+    text-align: start;
 }
 
 .magicfeedback-info-message h1, .magicfeedback-start-message h1 { font-size: var(--mf-font-size-xl); }
@@ -423,7 +702,7 @@ var style_default = `/**
 .magicfeedback-start-message ul,
 .magicfeedback-start-message ol {
     margin: 0 0 var(--mf-space-md);
-    padding-left: var(--mf-space-xl);
+    padding-inline-start: var(--mf-space-xl);
     color: var(--mf-text-secondary);
     line-height: var(--mf-line-height);
 }
@@ -437,7 +716,7 @@ var style_default = `/**
 .magicfeedback-start-message blockquote {
     margin: 0 0 var(--mf-space-md);
     padding: var(--mf-space-sm) var(--mf-space-md);
-    border-left: 3px solid var(--mf-primary-border);
+    border-inline-start: 3px solid var(--mf-primary-border);
     color: var(--mf-text-secondary);
     font-style: italic;
 }
@@ -526,7 +805,7 @@ var style_default = `/**
     font-weight: var(--mf-font-weight-bold);
     color: var(--mf-text-primary);
     line-height: var(--mf-line-height);
-    text-align: left;
+    text-align: start;
     letter-spacing: -0.01em;
 }
 
@@ -602,7 +881,7 @@ var style_default = `/**
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right var(--mf-space-md) center;
-    padding-right: var(--mf-space-xl);
+    padding-inline-end: var(--mf-space-xl);
 }
 
 /* Error State */
@@ -666,7 +945,7 @@ div.magicfeedback-radio {
 .magicfeedback-checkbox label,
 .magicfeedback-radio-container label {
     font-size: var(--mf-font-size-base);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-primary);
     cursor: pointer;
     margin: 0;
@@ -764,7 +1043,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-rating-placeholder-value:last-child {
-    text-align: right;
+    text-align: end;
 }
 
 /* Rating with Images */
@@ -847,7 +1126,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-rating-number-scale-label:last-child {
-    text-align: right;
+    text-align: end;
 }
 
 /* Column, no per-option text: each row is its own separated chip, so
@@ -1165,7 +1444,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-multi-question-matrix-label {
-    text-align: left;
+    text-align: start;
     font-size: var(--mf-font-size-base);
     color: var(--mf-text-primary);
 }
@@ -1200,7 +1479,7 @@ div.magicfeedback-radio {
 .magicfeedback-priority-list-item-label {
     flex: 1;
     font-size: var(--mf-font-size-base);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-primary);
     margin: 0;
 }
@@ -1292,7 +1571,7 @@ div.magicfeedback-radio {
 .magicfeedback-consent-container label {
     flex: 1;
     font-size: var(--mf-font-size-sm);
-    text-align: left;
+    text-align: start;
     color: var(--mf-text-secondary);
     line-height: var(--mf-line-height);
     cursor: pointer;
@@ -1444,7 +1723,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-modal-counter {
-    margin-right: auto;
+    margin-inline-end: auto;
     display: flex;
     align-items: center;
     font-size: 14px;
@@ -1689,7 +1968,7 @@ div.magicfeedback-radio {
 .magicfeedback-modal-close {
     position: absolute;
     top: 8px;
-    right: 8px;
+    inset-inline-end: 8px;
     background: transparent;
     border: none;
     font-size: 20px;
@@ -1910,6 +2189,55 @@ div.magicfeedback-radio {
     display: block;
 }
 
+/* ========================================
+   RTL (Arabic)
+   ========================================
+   The SDK stamps dir="rtl" (and .magicfeedback-rtl) on the survey container
+   for right-to-left languages. Everything else in this stylesheet uses logical
+   properties (text-align: start, padding-inline-*, inset-inline-*), so it
+   mirrors on its own; only the handful of rules that cannot be expressed
+   logically live here.
+
+   Rules are scoped to [dir="rtl"] inside our own subtree so a host page that is
+   itself RTL, or one that embeds an Arabic survey in an LTR page, both render
+   correctly. */
+
+/* background-position has no logical form: move the select caret to the
+   left edge, opposite the padding that inset-inline-end already mirrored. */
+[dir="rtl"] select {
+    background-position: left var(--mf-space-md) center;
+}
+
+/* Emails, URLs, numbers, dates and phone numbers are latin/numeric content
+   even in an Arabic survey: keep their own direction LTR so punctuation
+   (@, ., +, /) lands where the user expects, but align them to the start of
+   the RTL line so they still read as part of the form. */
+[dir="rtl"] input[type="email"],
+[dir="rtl"] input[type="url"],
+[dir="rtl"] input[type="number"],
+[dir="rtl"] input[type="tel"],
+[dir="rtl"] input[type="date"],
+[dir="rtl"] input[type="time"] {
+    direction: ltr;
+    text-align: right;
+}
+
+/* Mirror of mf-slide-in: questions enter from the reading edge. */
+@keyframes mf-slide-in-rtl {
+    from {
+        opacity: 0;
+        transform: translateX(16px);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+[dir="rtl"] .magicfeedback-div {
+    animation-name: mf-slide-in-rtl;
+}
+
 /* ========================================
    LOCAL \u2014 reglas del popup, no vienen del paquete
    ======================================== */
@@ -1956,10 +2284,19 @@ export {
   TrackingManager,
   buildFontFamilyValue,
   buildFontFaceCss,
+  LABELS,
+  SUPPORTED_LANGUAGES,
+  resolveLocale,
+  RTL_LOCALES,
+  isRtlLanguage,
+  directionFor,
+  getLabels,
+  resolveActionLabels,
+  RESOLVE_LOCALE_JS,
   style_default,
   setLogger,
   sdkLog,
   sdkWarn,
   sdkError
 };
-//# sourceMappingURL=chunk-AN7JIVWB.mjs.map
+//# sourceMappingURL=chunk-W6MPSWMS.mjs.map