@prosopo/procaptcha-common 2.7.9 → 2.7.10

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @prosopo/procaptcha-common
 
+## 2.7.10
+### Patch Changes
+
+- 3573f0b: fix npm scripts bundle command
+- 3573f0b: build using vite, typecheck using tsc
+- efd8102: Add tests for unwrap error helper
+- 3573f0b: standardise all vite based npm scripts for bundling
+- Updated dependencies [52dbf21]
+- Updated dependencies [93d5e50]
+- Updated dependencies [3573f0b]
+- Updated dependencies [3573f0b]
+- Updated dependencies [efd8102]
+- Updated dependencies [93d5e50]
+- Updated dependencies [63519d7]
+- Updated dependencies [f29fc7e]
+- Updated dependencies [3573f0b]
+- Updated dependencies [2d0dd8a]
+  - @prosopo/util@3.0.3
+  - @prosopo/widget-skeleton@2.6.1
+  - @prosopo/types@3.0.4
+  - @prosopo/load-balancer@2.6.15
+  - @prosopo/account@2.7.10
+  - @prosopo/common@3.1.0
+  - @prosopo/config@3.1.1
+
 ## 2.7.9
 ### Patch Changes
 

package/dist/callbacks/defaultCallbacks.js

@@ -1,123 +1,158 @@
-import { ApiParams, } from "@prosopo/types";
-import { getParentForm, removeProcaptchaResponse } from "../elements/form.js";
+import { ApiParams } from "@prosopo/types";
+import { removeProcaptchaResponse, getParentForm } from "../elements/form.js";
 import { getWindowCallback } from "../elements/window.js";
-export const getDefaultCallbacks = (element) => ({
-    onHuman: (token) => handleOnHuman(token, element),
-    onChallengeExpired: () => {
-        removeProcaptchaResponse();
-        console.log("Challenge expired");
-    },
-    onExtensionNotFound: () => {
-        console.error("Extension not found");
-    },
-    onExpired: () => {
-        removeProcaptchaResponse();
-    },
-    onError: (error) => {
-        removeProcaptchaResponse();
-        console.error(error);
-    },
-    onClose: () => {
-        console.log("Challenge closed");
-    },
-    onOpen: () => {
-        console.log("Challenge opened");
-    },
-    onFailed: () => {
-        alert("Captcha challenge failed. Please try again");
-        console.log("Challenge failed");
-    },
-    onReset: () => {
-        removeProcaptchaResponse();
-        console.log("Captcha widget reset");
-    },
-    onReload: () => {
-        console.log("Challenge reloaded");
-    },
+const getDefaultCallbacks = (element) => ({
+  onHuman: (token) => handleOnHuman(token, element),
+  onChallengeExpired: () => {
+    removeProcaptchaResponse();
+    console.log("Challenge expired");
+  },
+  onExtensionNotFound: () => {
+    console.error("Extension not found");
+  },
+  onExpired: () => {
+    removeProcaptchaResponse();
+  },
+  onError: (error) => {
+    removeProcaptchaResponse();
+    console.error(error);
+  },
+  onClose: () => {
+    console.log("Challenge closed");
+  },
+  onOpen: () => {
+    console.log("Challenge opened");
+  },
+  onFailed: () => {
+    alert("Captcha challenge failed. Please try again");
+    console.log("Challenge failed");
+  },
+  onReset: () => {
+    removeProcaptchaResponse();
+    console.log("Captcha widget reset");
+  },
+  onReload: () => {
+    console.log("Challenge reloaded");
+  }
 });
 const getUserCallback = (callback, element, callbackFnOrName) => {
-    const callbackFnName = element.getAttribute(`data-${callback}`);
-    if (callbackFnName) {
-        const callbackFn = getWindowCallback(callbackFnName);
-        if (callbackFn) {
-            return callbackFn;
-        }
-    }
-    if (typeof callbackFnOrName === "function") {
-        return callbackFnOrName;
-    }
-    if (typeof callbackFnOrName === "string") {
-        return getWindowCallback(callbackFnOrName);
+  const callbackFnName = element.getAttribute(`data-${callback}`);
+  if (callbackFnName) {
+    const callbackFn = getWindowCallback(callbackFnName);
+    if (callbackFn) {
+      return callbackFn;
     }
+  }
+  if (typeof callbackFnOrName === "function") {
+    return callbackFnOrName;
+  }
+  if (typeof callbackFnOrName === "string") {
+    return getWindowCallback(callbackFnOrName);
+  }
 };
-export function setUserCallbacks(renderOptions, callbacks, element) {
-    const humanCallback = getUserCallback("callback", element, renderOptions?.callback);
-    if (humanCallback) {
-        callbacks.onHuman = (token) => {
-            handleOnHuman(token, element);
-            humanCallback(token);
-        };
-    }
-    const chalExpiredCallback = getUserCallback("chalexpired-callback", element, renderOptions?.["chalexpired-callback"]);
-    if (chalExpiredCallback) {
-        callbacks.onChallengeExpired = () => {
-            removeProcaptchaResponse();
-            chalExpiredCallback();
-        };
-    }
-    const expiredCallback = getUserCallback("expired-callback", element, renderOptions?.["expired-callback"]);
-    if (expiredCallback) {
-        callbacks.onExpired = () => {
-            removeProcaptchaResponse();
-            expiredCallback();
-        };
-    }
-    const errorCallback = getUserCallback("error-callback", element, renderOptions?.["error-callback"]);
-    if (errorCallback) {
-        callbacks.onError = (error) => {
-            removeProcaptchaResponse();
-            errorCallback(error);
-        };
-    }
-    const closeCallback = getUserCallback("close-callback", element, renderOptions?.["close-callback"]);
-    if (closeCallback) {
-        callbacks.onClose = () => {
-            closeCallback();
-        };
-    }
-    const openCallback = getUserCallback("open-callback", element, renderOptions?.["open-callback"]);
-    if (openCallback) {
-        callbacks.onOpen = () => {
-            openCallback();
-        };
-    }
-    const failedCallback = getUserCallback("failed-callback", element, renderOptions?.["failed-callback"]);
-    if (failedCallback) {
-        callbacks.onFailed = () => {
-            failedCallback();
-        };
-    }
-    const resetCallback = getUserCallback("reset-callback", element, renderOptions?.["reset-callback"]);
-    if (resetCallback) {
-        callbacks.onReset = () => {
-            removeProcaptchaResponse();
-            resetCallback();
-        };
-    }
+function setUserCallbacks(renderOptions, callbacks, element) {
+  const humanCallback = getUserCallback(
+    "callback",
+    element,
+    renderOptions?.callback
+  );
+  if (humanCallback) {
+    callbacks.onHuman = (token) => {
+      handleOnHuman(token, element);
+      humanCallback(token);
+    };
+  }
+  const chalExpiredCallback = getUserCallback(
+    "chalexpired-callback",
+    element,
+    renderOptions?.["chalexpired-callback"]
+  );
+  if (chalExpiredCallback) {
+    callbacks.onChallengeExpired = () => {
+      removeProcaptchaResponse();
+      chalExpiredCallback();
+    };
+  }
+  const expiredCallback = getUserCallback(
+    "expired-callback",
+    element,
+    renderOptions?.["expired-callback"]
+  );
+  if (expiredCallback) {
+    callbacks.onExpired = () => {
+      removeProcaptchaResponse();
+      expiredCallback();
+    };
+  }
+  const errorCallback = getUserCallback(
+    "error-callback",
+    element,
+    renderOptions?.["error-callback"]
+  );
+  if (errorCallback) {
+    callbacks.onError = (error) => {
+      removeProcaptchaResponse();
+      errorCallback(error);
+    };
+  }
+  const closeCallback = getUserCallback(
+    "close-callback",
+    element,
+    renderOptions?.["close-callback"]
+  );
+  if (closeCallback) {
+    callbacks.onClose = () => {
+      closeCallback();
+    };
+  }
+  const openCallback = getUserCallback(
+    "open-callback",
+    element,
+    renderOptions?.["open-callback"]
+  );
+  if (openCallback) {
+    callbacks.onOpen = () => {
+      openCallback();
+    };
+  }
+  const failedCallback = getUserCallback(
+    "failed-callback",
+    element,
+    renderOptions?.["failed-callback"]
+  );
+  if (failedCallback) {
+    callbacks.onFailed = () => {
+      failedCallback();
+    };
+  }
+  const resetCallback = getUserCallback(
+    "reset-callback",
+    element,
+    renderOptions?.["reset-callback"]
+  );
+  if (resetCallback) {
+    callbacks.onReset = () => {
+      removeProcaptchaResponse();
+      resetCallback();
+    };
+  }
 }
 const handleOnHuman = (token, element) => {
-    removeProcaptchaResponse();
-    if (element) {
-        const form = getParentForm(element);
-        if (!form) {
-            console.error("Parent form not found for the element:", element);
-            return;
-        }
-        const input = document.createElement("input");
-        input.type = "hidden";
-        input.name = ApiParams.procaptchaResponse;
-        input.value = token;
-        form.appendChild(input);
+  removeProcaptchaResponse();
+  if (element) {
+    const form = getParentForm(element);
+    if (!form) {
+      console.error("Parent form not found for the element:", element);
+      return;
     }
+    const input = document.createElement("input");
+    input.type = "hidden";
+    input.name = ApiParams.procaptchaResponse;
+    input.value = token;
+    form.appendChild(input);
+  }
+};
+export {
+  getDefaultCallbacks,
+  setUserCallbacks
 };
-//# sourceMappingURL=defaultCallbacks.js.map

package/dist/callbacks/defaultEvents.js

@@ -1,6 +1,8 @@
 import { getDefaultCallbacks } from "./defaultCallbacks.js";
-export const getDefaultEvents = (callbacks) => ({
-    ...getDefaultCallbacks(undefined),
-    ...callbacks,
+const getDefaultEvents = (callbacks) => ({
+  ...getDefaultCallbacks(void 0),
+  ...callbacks
 });
-//# sourceMappingURL=defaultEvents.js.map
+export {
+  getDefaultEvents
+};

package/dist/elements/form.js

@@ -1,11 +1,16 @@
 import { ApiParams } from "@prosopo/types";
-export function getParentForm(widgetElement) {
-    const rootWidgetNode = widgetElement.getRootNode();
-    const topWidgetElement = rootWidgetNode instanceof ShadowRoot ? rootWidgetNode.host : widgetElement;
-    return topWidgetElement.closest("form");
+function getParentForm(widgetElement) {
+  const rootWidgetNode = widgetElement.getRootNode();
+  const topWidgetElement = rootWidgetNode instanceof ShadowRoot ? rootWidgetNode.host : widgetElement;
+  return topWidgetElement.closest("form");
 }
-export const removeProcaptchaResponse = () => {
-    const element = Array.from(document.getElementsByName(ApiParams.procaptchaResponse));
-    element.map((el) => el.remove());
+const removeProcaptchaResponse = () => {
+  const element = Array.from(
+    document.getElementsByName(ApiParams.procaptchaResponse)
+  );
+  element.map((el) => el.remove());
+};
+export {
+  getParentForm,
+  removeProcaptchaResponse
 };
-//# sourceMappingURL=form.js.map

package/dist/elements/window.js

@@ -1,8 +1,12 @@
-export const getWindowCallback = (callbackName) => {
-    const fn = window[callbackName.replace("window.", "")];
-    if (typeof fn !== "function") {
-        throw new Error(`Callback ${callbackName} is not defined on the window object`);
-    }
-    return fn;
+const getWindowCallback = (callbackName) => {
+  const fn = window[callbackName.replace("window.", "")];
+  if (typeof fn !== "function") {
+    throw new Error(
+      `Callback ${callbackName} is not defined on the window object`
+    );
+  }
+  return fn;
+};
+export {
+  getWindowCallback
 };
-//# sourceMappingURL=window.js.map

package/dist/extensionLoader.js

@@ -1,4 +1,4 @@
-export const ExtensionLoader = async (web2) => web2
-    ? (await import("@prosopo/account/extension/ExtensionWeb2")).default
-    : (await import("@prosopo/account/extension/ExtensionWeb3")).default;
-//# sourceMappingURL=extensionLoader.js.map
+const ExtensionLoader = async (web2) => web2 ? (await import("@prosopo/account/extension/ExtensionWeb2")).default : (await import("@prosopo/account/extension/ExtensionWeb3")).default;
+export {
+  ExtensionLoader
+};

package/dist/index.js

@@ -1,9 +1,21 @@
-export * from "./providers.js";
-export * from "./state/builder.js";
-export * from "./callbacks/defaultCallbacks.js";
-export * from "./callbacks/defaultEvents.js";
-export * from "./extensionLoader.js";
-export * from "./elements/window.js";
-export * from "./reactComponents/Reload.js";
-export * from "./reactComponents/Checkbox.js";
-//# sourceMappingURL=index.js.map
+import { getRandomActiveProvider, providerRetry } from "./providers.js";
+import { buildUpdateState, useProcaptcha } from "./state/builder.js";
+import { getDefaultCallbacks, setUserCallbacks } from "./callbacks/defaultCallbacks.js";
+import { getDefaultEvents } from "./callbacks/defaultEvents.js";
+import { ExtensionLoader } from "./extensionLoader.js";
+import { getWindowCallback } from "./elements/window.js";
+import { ReloadButton } from "./reactComponents/Reload.js";
+import { Checkbox } from "./reactComponents/Checkbox.js";
+export {
+  Checkbox,
+  ExtensionLoader,
+  ReloadButton,
+  buildUpdateState,
+  getDefaultCallbacks,
+  getDefaultEvents,
+  getRandomActiveProvider,
+  getWindowCallback,
+  providerRetry,
+  setUserCallbacks,
+  useProcaptcha
+};

package/dist/providers.js

@@ -1,33 +1,40 @@
 import { loadBalancer } from "@prosopo/load-balancer";
 import { at } from "@prosopo/util";
 let providers = [];
-export const getRandomActiveProvider = async (config) => {
-    const randomIntBetween = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
-    if (providers.length === 0) {
-        providers = await loadBalancer(config.defaultEnvironment);
+const getRandomActiveProvider = async (config) => {
+  const randomIntBetween = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+  if (providers.length === 0) {
+    providers = await loadBalancer(config.defaultEnvironment);
+  }
+  const randomProvderObj = at(
+    providers,
+    randomIntBetween(0, providers.length - 1)
+  );
+  return {
+    providerAccount: randomProvderObj.address,
+    provider: {
+      url: randomProvderObj.url,
+      datasetId: randomProvderObj.datasetId
     }
-    const randomProvderObj = at(providers, randomIntBetween(0, providers.length - 1));
-    return {
-        providerAccount: randomProvderObj.address,
-        provider: {
-            url: randomProvderObj.url,
-            datasetId: randomProvderObj.datasetId,
-        },
-    };
+  };
 };
-export const providerRetry = async (currentFn, retryFn, stateReset, attemptCount, retryMax) => {
-    try {
-        await currentFn();
-    }
-    catch (err) {
-        if (attemptCount >= retryMax) {
-            console.error(err);
-            console.error(`Max retries (${attemptCount} of ${retryMax}) reached, aborting`);
-            return stateReset();
-        }
-        console.error(err);
-        stateReset();
-        await retryFn();
+const providerRetry = async (currentFn, retryFn, stateReset, attemptCount, retryMax) => {
+  try {
+    await currentFn();
+  } catch (err) {
+    if (attemptCount >= retryMax) {
+      console.error(err);
+      console.error(
+        `Max retries (${attemptCount} of ${retryMax}) reached, aborting`
+      );
+      return stateReset();
     }
+    console.error(err);
+    stateReset();
+    await retryFn();
+  }
+};
+export {
+  getRandomActiveProvider,
+  providerRetry
 };
-//# sourceMappingURL=providers.js.map

package/dist/reactComponents/Checkbox.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
-import { WIDGET_CHECKBOX_SPINNER_CSS_CLASS, } from "@prosopo/widget-skeleton";
-import { useMemo, useState, } from "react";
-const checkboxBefore = css `{
+import { WIDGET_CHECKBOX_SPINNER_CSS_CLASS } from "@prosopo/widget-skeleton";
+import { useState, useMemo } from "react";
+const checkboxBefore = css`{
     &:before {
         content: '""';
         position: absolute;
@@ -12,34 +12,42 @@ const checkboxBefore = css `{
     }
 }`;
 const baseStyle = {
-    width: "28px",
-    height: "28px",
-    minWidth: "14px",
-    minHeight: "14px",
-    top: "auto",
-    left: "auto",
-    opacity: "1",
-    borderRadius: "12.5%",
-    appearance: "none",
-    cursor: "pointer",
-    margin: "0",
-    borderStyle: "solid",
-    borderWidth: "1px",
+  width: "28px",
+  height: "28px",
+  minWidth: "14px",
+  minHeight: "14px",
+  top: "auto",
+  left: "auto",
+  opacity: "1",
+  borderRadius: "12.5%",
+  appearance: "none",
+  cursor: "pointer",
+  margin: "0",
+  borderStyle: "solid",
+  borderWidth: "1px"
 };
 const ID_LETTERS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-const FAQ_LINK = process.env.PROSOPO_DOCS_URL
-    ? `${new URL(`${process.env.PROSOPO_DOCS_URL}/en/basics/faq/`).href}/`
-    : "https://docs.prosopo.io/en/basics/faq/";
+const FAQ_LINK = process.env.PROSOPO_DOCS_URL ? `${new URL(`${process.env.PROSOPO_DOCS_URL}/en/basics/faq/`).href}/` : "https://docs.prosopo.io/en/basics/faq/";
 const generateRandomId = () => {
-    return Array.from({ length: 8 }, () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]).join("");
+  return Array.from(
+    { length: 8 },
+    () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]
+  ).join("");
 };
-export const Checkbox = ({ theme, onChange, checked, labelText, error, loading, }) => {
-    const checkboxStyleBase = {
-        ...baseStyle,
-        border: `1px solid ${theme.palette.background.contrastText}`,
-    };
-    const [hover, setHover] = useState(false);
-    const ResponsiveLabel = styled.label `
+const Checkbox = ({
+  theme,
+  onChange,
+  checked,
+  labelText,
+  error,
+  loading
+}) => {
+  const checkboxStyleBase = {
+    ...baseStyle,
+    border: `1px solid ${theme.palette.background.contrastText}`
+  };
+  const [hover, setHover] = useState(false);
+  const ResponsiveLabel = styled.label`
 		color: ${theme.palette.background.contrastText};
 		position: relative;
 		display: flex;
@@ -59,32 +67,72 @@ export const Checkbox = ({ theme, onChange, checked, labelText, error, loading,
 			font-size: 16px;
 		}
 	`;
-    const checkboxStyle = useMemo(() => {
-        return {
-            ...checkboxStyleBase,
-            borderColor: hover
-                ? theme.palette.background.contrastText
-                : theme.palette.border,
-            appearance: checked ? "auto" : "none",
-            flex: 1,
-            margin: "15px",
-            minWidth: "28px",
-            minHeight: "28px",
-        };
-    }, [hover, theme, checked]);
-    const id = generateRandomId();
-    return (_jsxs("span", { style: {
-            display: "inline-flex",
-            alignItems: "center",
-            minHeight: "58px",
-        }, children: [loading ? (_jsx("div", { className: WIDGET_CHECKBOX_SPINNER_CSS_CLASS, "aria-label": "Loading spinner" })) : (_jsx("input", { name: id, id: id, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), css: checkboxBefore, type: "checkbox", "aria-live": "assertive", "aria-label": labelText, onChange: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setHover(false);
-                    onChange();
-                }, checked: checked, style: checkboxStyle, disabled: error !== undefined, className: loading ? "checkbox__loading-spinner" : "", "data-cy": "captcha-checkbox" })), error ? (_jsx(ResponsiveLabel, { htmFor: id, children: _jsx("a", { css: {
-                        color: theme.palette.error.main,
-                    }, href: FAQ_LINK, children: error }) })) : (_jsx(ResponsiveLabel, { htmFor: id, children: labelText }))] }));
+  const checkboxStyle = useMemo(() => {
+    return {
+      ...checkboxStyleBase,
+      borderColor: hover ? theme.palette.background.contrastText : theme.palette.border,
+      appearance: checked ? "auto" : "none",
+      flex: 1,
+      margin: "15px",
+      minWidth: "28px",
+      minHeight: "28px"
+    };
+  }, [hover, theme, checked]);
+  const id = generateRandomId();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        minHeight: "58px"
+      },
+      children: [
+        loading ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: WIDGET_CHECKBOX_SPINNER_CSS_CLASS,
+            "aria-label": "Loading spinner"
+          }
+        ) : /* @__PURE__ */ jsx(
+          "input",
+          {
+            name: id,
+            id,
+            onMouseEnter: () => setHover(true),
+            onMouseLeave: () => setHover(false),
+            css: checkboxBefore,
+            type: "checkbox",
+            "aria-live": "assertive",
+            "aria-label": labelText,
+            onChange: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              setHover(false);
+              onChange();
+            },
+            checked,
+            style: checkboxStyle,
+            disabled: error !== void 0,
+            className: loading ? "checkbox__loading-spinner" : "",
+            "data-cy": "captcha-checkbox"
+          }
+        ),
+        error ? /* @__PURE__ */ jsx(ResponsiveLabel, { htmFor: id, children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            css: {
+              color: theme.palette.error.main
+            },
+            href: FAQ_LINK,
+            children: error
+          }
+        ) }) : /* @__PURE__ */ jsx(ResponsiveLabel, { htmFor: id, children: labelText })
+      ]
+    }
+  );
+};
+export {
+  Checkbox,
+  Checkbox as default
 };
-export default Checkbox;
-//# sourceMappingURL=Checkbox.js.map