@kywi-software/js 0.6.1 → 0.6.3

package/dist/audience/dom-patcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-patcher.d.ts","sourceRoot":"","sources":["../../src/audience/dom-patcher.ts"],"names":[],"mappings":"AACA,wBAAgB,sBAAsB,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAe7E"}
+{"version":3,"file":"dom-patcher.d.ts","sourceRoot":"","sources":["../../src/audience/dom-patcher.ts"],"names":[],"mappings":"AACA,wBAAgB,sBAAsB,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAiC7E"}

package/dist/audience/selfid-widget.d.ts

@@ -1,9 +1,20 @@
 import type { Audience } from '@kywi-software/core/audiences/types';
+/** A picklist option: the value submitted, and the label shown to the visitor. */
+export interface SelfIdFieldOption {
+    value: string;
+    label: string;
+}
 export interface SelfIdFieldConfig {
     id: string;
     label: string;
     type: 'text' | 'select' | 'email';
-    options?: string[];
+    /**
+     * Either `{value, label}` pairs (current server shape — see
+     * resolveSelfIdWidget in the create-kywi-app scaffold) or bare strings (older
+     * config shape, kept for backward compatibility). A bare string is treated as
+     * both its own value and its own label.
+     */
+    options?: Array<string | SelfIdFieldOption>;
     required?: boolean;
 }
 /** When the widget is shown, once frequency allows. Defaults to immediate. */
@@ -24,7 +35,7 @@ export interface SelfIdWidgetConfig {
     subheadline?: string;
     submitLabel?: string;
     skipLabel?: string;
-    displayMode?: 'modal' | 'inline' | 'slide-in';
+    displayMode?: 'modal' | 'inline' | 'slide-in' | 'hello_bar_top' | 'hello_bar_bottom' | 'drawer';
     frequency?: 'once' | 'session' | 'daily' | 'always';
     trigger?: SelfIdWidgetTrigger;
     /**

package/dist/audience/selfid-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selfid-widget.d.ts","sourceRoot":"","sources":["../../src/audience/selfid-widget.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAKnE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,8EAA8E;AAC9E,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAEtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,IAAI,OAAO,CAAA;IACrB,SAAS,IAAI,IAAI,CAAA;IACjB,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;CACtD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,GAAG,YAAY,CAuI3E"}
+{"version":3,"file":"selfid-widget.d.ts","sourceRoot":"","sources":["../../src/audience/selfid-widget.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAQnE,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAOD,8EAA8E;AAC9E,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAEtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,QAAQ,CAAA;IAC/F,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,IAAI,OAAO,CAAA;IACrB,SAAS,IAAI,IAAI,CAAA;IACjB,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;CACtD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,GAAG,YAAY,CAyJ3E"}

package/dist/kywi.esm.js

@@ -683,13 +683,15 @@ function patchVariantContainers(winningAudienceId) {
   const containers = document.querySelectorAll(".kywi-variant-container");
   for (const container of Array.from(containers)) {
     const el = container;
+    const arms = Array.from(el.querySelectorAll("[data-kywi-variant]"));
+    if (arms.length === 0) continue;
     el.classList.remove("kywi-variant-loading");
     el.removeAttribute("aria-busy");
     const skeleton = el.querySelector(".kywi-variant-skeleton");
     if (skeleton) skeleton.remove();
     const target = winningAudienceId ?? "default";
     el.setAttribute("data-variant", target);
-    for (const child of Array.from(el.querySelectorAll("[data-kywi-variant]"))) {
+    for (const child of arms) {
       const h = child;
       h.style.display = h.getAttribute("data-kywi-variant") === target ? "" : "none";
     }
@@ -1015,6 +1017,10 @@ function handleSelfIdSubmit(responses, audiences, currentPath) {
 // src/audience/selfid-widget.ts
 var SHOWN_KEY = "kywi_selfid_shown";
 var MS_PER_DAY = 864e5;
+var DISMISSIBLE_MODES = /* @__PURE__ */ new Set(["hello_bar_top", "hello_bar_bottom", "drawer"]);
+function normalizeOption(opt) {
+  return typeof opt === "string" ? { value: opt, label: opt } : opt;
+}
 function createSelfIdWidget(config) {
   const frequency = config.frequency ?? "once";
   const displayMode = config.displayMode ?? "inline";
@@ -1040,7 +1046,20 @@ function createSelfIdWidget(config) {
   }
   function render(container) {
     container.replaceChildren();
-    container.className = `kywi-selfid-widget kywi-selfid-${displayMode}`;
+    const displayModeClass = displayMode.replace(/_/g, "-");
+    container.className = `kywi-selfid-widget kywi-selfid-${displayModeClass}`;
+    if (DISMISSIBLE_MODES.has(displayMode)) {
+      const dismissBtn = document.createElement("button");
+      dismissBtn.type = "button";
+      dismissBtn.className = "kywi-selfid-dismiss";
+      dismissBtn.setAttribute("aria-label", "Dismiss");
+      dismissBtn.textContent = "\xD7";
+      dismissBtn.addEventListener("click", () => {
+        markShown();
+        container.replaceChildren();
+      });
+      container.appendChild(dismissBtn);
+    }
     if (config.headline) {
       const h = document.createElement("h3");
       h.className = "kywi-selfid-headline";
@@ -1074,9 +1093,10 @@ function createSelfIdWidget(config) {
           placeholder.textContent = "";
           select.appendChild(placeholder);
           for (const opt of field.options) {
+            const { value, label: label2 } = normalizeOption(opt);
             const option = document.createElement("option");
-            option.value = opt;
-            option.textContent = opt;
+            option.value = value;
+            option.textContent = label2;
             select.appendChild(option);
           }
         }