altcha 3.0.4 → 3.0.6

package/dist/main/altcha.js

@@ -5363,7 +5363,7 @@ function Code($$anchor, $$props) {
         button.disabled = get(audioState) === AudioState.LOADING || get(audioState) === AudioState.ERROR;
         set_attribute(button, "aria-label", get(audioState) === AudioState.LOADING ? strings().loading : strings().getAudioChallenge);
       });
-      delegated("click", button, () => onPlayAudio());
+      event("click", button, () => onPlayAudio(), true);
       append($$anchor2, button);
     };
     if_block(node_1, ($$render) => {
@@ -5418,12 +5418,12 @@ function Code($$anchor, $$props) {
   event("submit", form, onSubmitCapture, true);
   delegated("keydown", input, onInputKeyDown);
   bind_value(input, () => get(code), ($$value) => set(code, $$value));
-  delegated("click", button_1, () => onReload()?.());
-  delegated("click", button_3, () => onCancel()?.());
+  event("click", button_1, () => onReload()?.(), true);
+  event("click", button_3, () => onCancel()?.(), true);
   append($$anchor, div);
   return pop($$exports);
 }
-delegate(["keydown", "click"]);
+delegate(["keydown"]);
 create_custom_element(
   Code,
   {
@@ -5446,7 +5446,7 @@ var root_3$1 = /* @__PURE__ */ from_html(`<div role="button" class="altcha-popov
 var root$1 = /* @__PURE__ */ from_html(`<!> <div><!> <!> <div class="altcha-popover-content"><!></div></div>`, 1);
 function Popover($$anchor, $$props) {
   push($$props, true);
-  let anchor = prop($$props, "anchor"), children = prop($$props, "children"), display = prop($$props, "display", 7, "standard"), backdrop = prop($$props, "backdrop", 7, false), onClickOutside = prop($$props, "onClickOutside"), onClickOutsideDelay = prop($$props, "onClickOutsideDelay", 7, 600), onClose = prop($$props, "onClose"), placement = prop($$props, "placement", 7, "auto"), variant = prop($$props, "variant", 7, "neutral"), rest = /* @__PURE__ */ rest_props($$props, [
+  let anchor = prop($$props, "anchor"), children = prop($$props, "children"), display = prop($$props, "display", 7, "standard"), backdrop = prop($$props, "backdrop", 7, false), onClickOutside = prop($$props, "onClickOutside"), onClickOutsideDelay = prop($$props, "onClickOutsideDelay", 7, 600), onClose = prop($$props, "onClose"), placement = prop($$props, "placement", 7, "auto"), updateUISignal = prop($$props, "updateUISignal"), variant = prop($$props, "variant", 7, "neutral"), rest = /* @__PURE__ */ rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -5459,6 +5459,7 @@ function Popover($$anchor, $$props) {
     "onClickOutsideDelay",
     "onClose",
     "placement",
+    "updateUISignal",
     "variant"
   ]);
   let el = /* @__PURE__ */ state(void 0);
@@ -5470,6 +5471,11 @@ function Popover($$anchor, $$props) {
       set(top, placement() === "top");
     }
   });
+  user_effect(() => {
+    if (updateUISignal()) {
+      reposition();
+    }
+  });
   onMount(() => {
     const moveToBody = display() === "bottomsheet" || display() === "overlay";
     if (moveToBody) {
@@ -5492,7 +5498,7 @@ function Popover($$anchor, $$props) {
   }
   function onWindowClick(ev) {
     const target = ev.target;
-    if (!get(el)?.contains(target) && get(mountedAt) && get(mountedAt) + onClickOutsideDelay() < Date.now()) {
+    if (!get(el)?.contains(target) && (!onClickOutsideDelay() || get(mountedAt) + onClickOutsideDelay() < Date.now())) {
       onClickOutside()?.();
     }
   }
@@ -5569,6 +5575,13 @@ function Popover($$anchor, $$props) {
       placement($$value);
       flushSync();
     },
+    get updateUISignal() {
+      return updateUISignal();
+    },
+    set updateUISignal($$value) {
+      updateUISignal($$value);
+      flushSync();
+    },
     get variant() {
       return variant();
     },
@@ -5578,7 +5591,7 @@ function Popover($$anchor, $$props) {
     }
   };
   var fragment = root$1();
-  event("click", $window, onWindowClick);
+  event("click", $window, onWindowClick, true);
   event("resize", $window, onWindowResize);
   event("scroll", $window, onWindowScroll);
   var node = first_child(fragment);
@@ -5615,7 +5628,7 @@ function Popover($$anchor, $$props) {
   {
     var consequent_2 = ($$anchor2) => {
       var div_3 = root_3$1();
-      delegated("click", div_3, onCloseClick);
+      event("click", div_3, onCloseClick, true);
       append($$anchor2, div_3);
     };
     if_block(node_2, ($$render) => {
@@ -5631,7 +5644,6 @@ function Popover($$anchor, $$props) {
   append($$anchor, fragment);
   return pop($$exports);
 }
-delegate(["click"]);
 create_custom_element(
   Popover,
   {
@@ -5643,6 +5655,7 @@ create_custom_element(
     onClickOutsideDelay: {},
     onClose: {},
     placement: {},
+    updateUISignal: {},
     variant: {}
   },
   [],
@@ -5917,6 +5930,7 @@ function Widget($$anchor, $$props) {
   let checked = /* @__PURE__ */ state(false);
   let codeChallenge = /* @__PURE__ */ state(null);
   let currentController = /* @__PURE__ */ state(null);
+  let currentDisplay = /* @__PURE__ */ state(null);
   let currentState = /* @__PURE__ */ state(proxy(State.UNVERIFIED));
   let elAnchorArrow = /* @__PURE__ */ state(void 0);
   let elFloatingAnchor = /* @__PURE__ */ state(void 0);
@@ -5927,6 +5941,7 @@ function Widget($$anchor, $$props) {
   let expirationTimeout = /* @__PURE__ */ state(null);
   let payload = /* @__PURE__ */ state(null);
   let plugins = /* @__PURE__ */ state(proxy([]));
+  let updateUISignal = /* @__PURE__ */ state(0);
   let userConfig = /* @__PURE__ */ state(proxy({}));
   let visible = /* @__PURE__ */ state(true);
   const config = /* @__PURE__ */ user_derived(() => ({
@@ -6006,7 +6021,9 @@ function Widget($$anchor, $$props) {
     }
   });
   user_effect(() => {
-    setDisplay(get(config).display);
+    if (get(currentDisplay) !== get(config).display) {
+      setDisplay(get(config).display);
+    }
   });
   user_effect(() => {
     if (get(checked) && get(currentState) === State.VERIFYING) {
@@ -6057,7 +6074,7 @@ function Widget($$anchor, $$props) {
     }
   });
   onMount(() => {
-    log("mounted", "3.0.4");
+    log("mounted", "3.0.6");
     if (instance) {
       globalThis.$altcha.instances.add(instance);
     }
@@ -6308,9 +6325,6 @@ function Widget($$anchor, $$props) {
     }
   }
   function onCloseClick() {
-    if (get(currentController)) {
-      get(currentController).abort();
-    }
     setDisplay(get(config).display);
     reset$1();
   }
@@ -6329,9 +6343,6 @@ function Widget($$anchor, $$props) {
     }
   }
   function onFormReset() {
-    if (get(currentController)) {
-      get(currentController).abort();
-    }
     setDisplay(get(config).display);
     reset$1();
   }
@@ -6350,8 +6361,11 @@ function Widget($$anchor, $$props) {
       });
     }
   }
-  function onWindowPageshow() {
-    reset$1();
+  function onWindowPageshow(ev) {
+    if (ev.persisted) {
+      setDisplay(get(config).display);
+      reset$1();
+    }
   }
   function onWindowResize() {
     updateUI();
@@ -6471,6 +6485,9 @@ function Widget($$anchor, $$props) {
       case "standard":
         show();
     }
+    if (get(currentDisplay) !== value) {
+      set(currentDisplay, value, true);
+    }
   }
   function setChallengeExpiration(expiresAt) {
     if (get(expirationTimeout)) {
@@ -6569,6 +6586,9 @@ function Widget($$anchor, $$props) {
     set(checked, false);
     set(error, err, true);
     set(payload, null);
+    if (get(currentController)) {
+      get(currentController).abort();
+    }
     if (get(expirationTimeout)) {
       clearTimeout(get(expirationTimeout));
       set(expirationTimeout, null);
@@ -6591,6 +6611,7 @@ function Widget($$anchor, $$props) {
       case "floating":
         return repositionFloating();
     }
+    set(updateUISignal, get(updateUISignal) + 1);
   }
   async function verify(options = {}) {
     const {
@@ -6606,8 +6627,8 @@ function Widget($$anchor, $$props) {
     if (hook !== void 0) {
       return hook;
     }
-    set(currentController, controller, true);
     reset$1(State.VERIFYING);
+    set(currentController, controller, true);
     try {
       if (!isSecureContext) {
         throw new Error("Secure context (HTTPS) required.");
@@ -6618,6 +6639,10 @@ function Widget($$anchor, $$props) {
       if (get(config).test) {
         log("running test mode with null challenge");
         await delay(Math.max(0, minDuration - (performance.now() - start)));
+        if (get(currentController)?.signal.aborted) {
+          reset$1();
+          return null;
+        }
         set(payload, btoa(JSON.stringify({ challenge: null, solution: null, test: true })), true);
         log("verified");
         setState(State.VERIFIED);
@@ -6748,7 +6773,7 @@ function Widget($$anchor, $$props) {
           if (get(config).overlayContent) $$render(consequent_1);
         });
       }
-      delegated("click", div_2, onCloseClick);
+      event("click", div_2, onCloseClick, true);
       append($$anchor2, fragment_1);
     };
     if_block(node_1, ($$render) => {
@@ -6893,6 +6918,9 @@ function Widget($$anchor, $$props) {
         get dir() {
           return get(dir);
         },
+        get updateUISignal() {
+          return get(updateUISignal);
+        },
         children: ($$anchor3, $$slotProps) => {
           var fragment_9 = comment();
           var node_10 = first_child(fragment_9);
@@ -6958,6 +6986,9 @@ function Widget($$anchor, $$props) {
             get dir() {
               return get(dir);
             },
+            get updateUISignal() {
+              return get(updateUISignal);
+            },
             children: ($$anchor4, $$slotProps) => {
               var fragment_12 = root_19();
               var node_12 = first_child(fragment_12);
@@ -7029,7 +7060,6 @@ function Widget($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-delegate(["click"]);
 if (typeof window !== "undefined" && window.customElements) customElements.define("altcha-widget", create_custom_element(
   Widget,
   {