@magicfeedback/popup-sdk 1.6.0 → 1.7.1

package/dist/{chunk-Z3LLJMSH.mjs → chunk-WNIUIOKF.mjs}

@@ -141,11 +141,273 @@ 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
+};
+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
@@ -365,7 +627,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); }
@@ -404,7 +666,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);
 }
@@ -418,7 +680,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;
 }
@@ -507,7 +769,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;
 }
 
@@ -583,7 +845,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 */
@@ -647,7 +909,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;
@@ -745,7 +1007,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-rating-placeholder-value:last-child {
-    text-align: right;
+    text-align: end;
 }
 
 /* Rating with Images */
@@ -828,7 +1090,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
@@ -1146,7 +1408,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);
 }
@@ -1181,7 +1443,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;
 }
@@ -1273,7 +1535,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;
@@ -1425,7 +1687,7 @@ div.magicfeedback-radio {
 }
 
 .magicfeedback-modal-counter {
-    margin-right: auto;
+    margin-inline-end: auto;
     display: flex;
     align-items: center;
     font-size: 14px;
@@ -1670,7 +1932,7 @@ div.magicfeedback-radio {
 .magicfeedback-modal-close {
     position: absolute;
     top: 8px;
-    right: 8px;
+    inset-inline-end: 8px;
     background: transparent;
     border: none;
     font-size: 20px;
@@ -1891,6 +2153,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
    ======================================== */
@@ -1935,10 +2246,16 @@ export {
   TrackingManager,
   buildFontFamilyValue,
   buildFontFaceCss,
+  LABELS,
+  RTL_LOCALES,
+  directionFor,
+  getLabels,
+  resolveActionLabels,
+  RESOLVE_LOCALE_JS,
   style_default,
   setLogger,
   sdkLog,
   sdkWarn,
   sdkError
 };
-//# sourceMappingURL=chunk-Z3LLJMSH.mjs.map
+//# sourceMappingURL=chunk-WNIUIOKF.mjs.map