@prosopo/procaptcha-common 2.5.3 → 2.6.1

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+# @prosopo/procaptcha-common
+
+## 2.6.1
+
+### Patch Changes
+
+- Updated dependencies [52feffc]
+  - @prosopo/types@2.6.1
+  - @prosopo/account@2.6.1
+  - @prosopo/load-balancer@2.6.1
+
+## 2.6.0
+
+### Minor Changes
+
+- a0bfc8a: bump all pkg versions since independent versioning applied
+
+### Patch Changes
+
+- Updated dependencies [a0bfc8a]
+  - @prosopo/account@2.6.0
+  - @prosopo/common@2.6.0
+  - @prosopo/load-balancer@2.6.0
+  - @prosopo/types@2.6.0
+  - @prosopo/util@2.6.0
+  - @prosopo/widget-skeleton@2.6.0

package/dist/callbacks/defaultEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultEvents.d.ts","sourceRoot":"","sources":["../../src/callbacks/defaultEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgBhD,eAAO,MAAM,gBAAgB,cAAe,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;CAG5D,CAAC"}
+{"version":3,"file":"defaultEvents.d.ts","sourceRoot":"","sources":["../../src/callbacks/defaultEvents.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,eAAO,MAAM,gBAAgB,cAAe,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;CAG5D,CAAC"}

package/dist/callbacks/defaultEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultEvents.js","sourceRoot":"","sources":["../../src/callbacks/defaultEvents.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAA6B,EAAE,EAAE,CAAC,CAAC;IACnE,GAAG,mBAAmB,CAAC,SAAS,CAAC;IACjC,GAAG,SAAS;CACZ,CAAC,CAAC"}
+{"version":3,"file":"defaultEvents.js","sourceRoot":"","sources":["../../src/callbacks/defaultEvents.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAA6B,EAAE,EAAE,CAAC,CAAC;IACnE,GAAG,mBAAmB,CAAC,SAAS,CAAC;IACjC,GAAG,SAAS;CACZ,CAAC,CAAC"}

package/dist/cjs/callbacks/defaultCallbacks.cjs

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
+const form = require("../elements/form.cjs");
+const window = require("../elements/window.cjs");
+const getDefaultCallbacks = (element) => ({
+  onHuman: (token) => handleOnHuman(token, element),
+  onChallengeExpired: () => {
+    form.removeProcaptchaResponse();
+    console.log("Challenge expired");
+  },
+  onExtensionNotFound: () => {
+    console.error("Extension not found");
+  },
+  onExpired: () => {
+    form.removeProcaptchaResponse();
+  },
+  onError: (error) => {
+    form.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: () => {
+    form.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 = window.getWindowCallback(callbackFnName);
+    if (callbackFn) {
+      return callbackFn;
+    }
+  }
+  if (typeof callbackFnOrName === "function") {
+    return callbackFnOrName;
+  }
+  if (typeof callbackFnOrName === "string") {
+    return window.getWindowCallback(callbackFnOrName);
+  }
+};
+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 = () => {
+      form.removeProcaptchaResponse();
+      chalExpiredCallback();
+    };
+  }
+  const expiredCallback = getUserCallback(
+    "expired-callback",
+    element,
+    renderOptions?.["expired-callback"]
+  );
+  if (expiredCallback) {
+    callbacks.onExpired = () => {
+      form.removeProcaptchaResponse();
+      expiredCallback();
+    };
+  }
+  const errorCallback = getUserCallback(
+    "error-callback",
+    element,
+    renderOptions?.["error-callback"]
+  );
+  if (errorCallback) {
+    callbacks.onError = (error) => {
+      form.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 = () => {
+      form.removeProcaptchaResponse();
+      resetCallback();
+    };
+  }
+}
+const handleOnHuman = (token, element) => {
+  form.removeProcaptchaResponse();
+  if (element) {
+    const form$1 = form.getParentForm(element);
+    if (!form$1) {
+      console.error("Parent form not found for the element:", element);
+      return;
+    }
+    const input = document.createElement("input");
+    input.type = "hidden";
+    input.name = types.ApiParams.procaptchaResponse;
+    input.value = token;
+    form$1.appendChild(input);
+  }
+};
+exports.getDefaultCallbacks = getDefaultCallbacks;
+exports.setUserCallbacks = setUserCallbacks;

package/dist/cjs/callbacks/defaultEvents.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const defaultCallbacks = require("./defaultCallbacks.cjs");
+const getDefaultEvents = (callbacks) => ({
+  ...defaultCallbacks.getDefaultCallbacks(void 0),
+  ...callbacks
+});
+exports.getDefaultEvents = getDefaultEvents;

package/dist/cjs/elements/form.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
+function getParentForm(widgetElement) {
+  const rootWidgetNode = widgetElement.getRootNode();
+  const topWidgetElement = rootWidgetNode instanceof ShadowRoot ? rootWidgetNode.host : widgetElement;
+  return topWidgetElement.closest("form");
+}
+const removeProcaptchaResponse = () => {
+  const element = Array.from(
+    document.getElementsByName(types.ApiParams.procaptchaResponse)
+  );
+  element.map((el) => el.remove());
+};
+exports.getParentForm = getParentForm;
+exports.removeProcaptchaResponse = removeProcaptchaResponse;

package/dist/cjs/elements/window.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+};
+exports.getWindowCallback = getWindowCallback;

package/dist/cjs/extensionLoader.cjs

@@ -0,0 +1,26 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ExtensionLoader = async (web2) => web2 ? (await import("@prosopo/account")).ExtensionWeb2 : (await import("@prosopo/account")).ExtensionWeb3;
+exports.ExtensionLoader = ExtensionLoader;

package/dist/cjs/index.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const providers = require("./providers.cjs");
+const builder = require("./state/builder.cjs");
+const defaultCallbacks = require("./callbacks/defaultCallbacks.cjs");
+const defaultEvents = require("./callbacks/defaultEvents.cjs");
+const extensionLoader = require("./extensionLoader.cjs");
+const window = require("./elements/window.cjs");
+const Reload = require("./reactComponents/Reload.cjs");
+const Checkbox = require("./reactComponents/Checkbox.cjs");
+exports.getRandomActiveProvider = providers.getRandomActiveProvider;
+exports.providerRetry = providers.providerRetry;
+exports.buildUpdateState = builder.buildUpdateState;
+exports.useProcaptcha = builder.useProcaptcha;
+exports.getDefaultCallbacks = defaultCallbacks.getDefaultCallbacks;
+exports.setUserCallbacks = defaultCallbacks.setUserCallbacks;
+exports.getDefaultEvents = defaultEvents.getDefaultEvents;
+exports.ExtensionLoader = extensionLoader.ExtensionLoader;
+exports.getWindowCallback = window.getWindowCallback;
+exports.ReloadButton = Reload.ReloadButton;
+exports.Checkbox = Checkbox.Checkbox;

package/dist/cjs/providers.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const loadBalancer = require("@prosopo/load-balancer");
+const util = require("@prosopo/util");
+let providers = [];
+const getRandomActiveProvider = async (config) => {
+  const randomIntBetween = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+  if (providers.length === 0) {
+    providers = await loadBalancer.loadBalancer(config.defaultEnvironment);
+  }
+  const randomProvderObj = util.at(
+    providers,
+    randomIntBetween(0, providers.length - 1)
+  );
+  return {
+    providerAccount: randomProvderObj.address,
+    provider: {
+      url: randomProvderObj.url,
+      datasetId: randomProvderObj.datasetId
+    }
+  };
+};
+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();
+  }
+};
+exports.getRandomActiveProvider = getRandomActiveProvider;
+exports.providerRetry = providerRetry;

package/dist/cjs/reactComponents/Checkbox.cjs

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("@emotion/react");
+const styled = require("@emotion/styled");
+const widgetSkeleton = require("@prosopo/widget-skeleton");
+const react$1 = require("react");
+const checkboxBefore = react.css`{
+    &:before {
+        content: '""';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+    }
+}`;
+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"
+};
+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 generateRandomId = () => {
+  return Array.from(
+    { length: 8 },
+    () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]
+  ).join("");
+};
+const Checkbox = ({
+  theme,
+  onChange,
+  checked,
+  labelText,
+  error,
+  loading
+}) => {
+  const checkboxStyleBase = {
+    ...baseStyle,
+    border: `1px solid ${theme.palette.background.contrastText}`
+  };
+  const [hover, setHover] = react$1.useState(false);
+  const ResponsiveLabel = styled.label`
+		color: ${theme.palette.background.contrastText};
+		position: relative;
+		display: flex;
+		cursor: pointer;
+		user-select: none;
+		
+		@container widget (max-width: 219px) {
+			display: none;
+		}
+		@container widget (min-width: 220px) {
+			font-size: 12px;
+		}
+		@container widget (min-width: 250px) {
+			font-size: 14px;
+		}
+		@container widget (min-width: 270px) {
+			font-size: 16px;
+		}
+	`;
+  const checkboxStyle = react$1.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__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        minHeight: "58px"
+      },
+      children: [
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: widgetSkeleton.WIDGET_CHECKBOX_SPINNER_CSS_CLASS,
+            "aria-label": "Loading spinner"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ResponsiveLabel, { htmFor: id, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            css: {
+              color: theme.palette.error.main
+            },
+            href: FAQ_LINK,
+            children: error
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx(ResponsiveLabel, { htmFor: id, children: labelText })
+      ]
+    }
+  );
+};
+exports.Checkbox = Checkbox;
+exports.default = Checkbox;

package/dist/cjs/reactComponents/Reload.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const widgetSkeleton = require("@prosopo/widget-skeleton");
+const react = require("react");
+const buttonStyleBase = {
+  border: "none",
+  paddingTop: "6px",
+  paddingBottom: "6px",
+  cursor: "pointer",
+  height: "39px",
+  width: "39px",
+  borderRadius: "50%",
+  display: "flex"
+};
+const ReloadButton = ({
+  themeColor,
+  onReload
+}) => {
+  const theme = react.useMemo(
+    () => themeColor === "light" ? widgetSkeleton.lightTheme : widgetSkeleton.darkTheme,
+    [themeColor]
+  );
+  const [hover, setHover] = react.useState(false);
+  const buttonStyle = react.useMemo(() => {
+    const baseStyle = {
+      ...buttonStyleBase,
+      backgroundColor: theme.palette.background.default,
+      color: hover ? theme.palette.primary.contrastText : theme.palette.background.contrastText,
+      border: `1px solid ${theme.palette.grey[500]}`,
+      borderRadius: "50%",
+      transition: "background-color 0.3s",
+      boxShadow: `0px 1px 3px 0px ${theme.palette.grey[500]}`,
+      justifyContent: "center",
+      alignItems: "center",
+      margin: "0 auto"
+    };
+    return {
+      ...baseStyle,
+      backgroundColor: hover ? theme.palette.grey[700] : theme.palette.background.default
+    };
+  }, [hover, theme]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      className: "reload-button",
+      "aria-label": "Reload",
+      type: "button",
+      style: buttonStyle,
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      onClick: (e) => {
+        e.preventDefault();
+        onReload();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "16px",
+          height: "16px",
+          viewBox: "0 0 16 16",
+          version: "1.1",
+          xmlns: "http://www.w3.org/2000/svg",
+          xmlnsXlink: "http://www.w3.org/1999/xlink",
+          style: { display: "flex" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("title", { children: "reload" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                shapeRendering: "optimizeQuality",
+                fill: hover ? theme.palette.primary.contrastText : theme.palette.grey[700],
+                transform: "scale(0.0416)",
+                d: "M234.666667,149.333333 L234.666667,106.666667 L314.564847,106.664112 C287.579138,67.9778918 242.745446,42.6666667 192,42.6666667 C109.525477,42.6666667 42.6666667,109.525477 42.6666667,192 C42.6666667,274.474523 109.525477,341.333333 192,341.333333 C268.201293,341.333333 331.072074,284.258623 340.195444,210.526102 L382.537159,215.817985 C370.807686,310.617565 289.973536,384 192,384 C85.961328,384 1.42108547e-14,298.038672 1.42108547e-14,192 C1.42108547e-14,85.961328 85.961328,1.42108547e-14 192,1.42108547e-14 C252.316171,1.42108547e-14 306.136355,27.8126321 341.335366,71.3127128 L341.333333,1.42108547e-14 L384,1.42108547e-14 L384,149.333333 L234.666667,149.333333 Z"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+exports.ReloadButton = ReloadButton;

package/dist/cjs/state/builder.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildUpdateState = (state, onStateUpdate) => (nextState) => {
+  Object.assign(state, nextState);
+  onStateUpdate(nextState);
+};
+const useRefAsState = (useRef, defaultValue) => {
+  const ref = useRef(defaultValue);
+  const setter = (value2) => {
+    ref.current = value2;
+  };
+  const value = ref.current;
+  return [value, setter];
+};
+const useProcaptcha = (useState, useRef) => {
+  const [isHuman, setIsHuman] = useState(false);
+  const [index, setIndex] = useState(0);
+  const [solutions, setSolutions] = useState([]);
+  const [captchaApi, setCaptchaApi] = useRefAsState(useRef, void 0);
+  const [showModal, setShowModal] = useState(false);
+  const [challenge, setChallenge] = useState(
+    void 0
+  );
+  const [loading, setLoading] = useState(false);
+  const [account, setAccount] = useState(void 0);
+  const [dappAccount, setDappAccount] = useState(void 0);
+  const [submission, setSubmission] = useRefAsState(useRef, void 0);
+  const [timeout, setTimeout] = useRefAsState(
+    useRef,
+    void 0
+  );
+  const [successfullChallengeTimeout, setSuccessfullChallengeTimeout] = useRefAsState(useRef, void 0);
+  const [sendData, setSendData] = useState(false);
+  const [attemptCount, setAttemptCount] = useState(0);
+  const [error, setError] = useState(void 0);
+  const [sessionId, setSessionId] = useState(void 0);
+  return [
+    // the state
+    {
+      isHuman,
+      index,
+      solutions,
+      captchaApi,
+      showModal,
+      challenge,
+      loading,
+      account,
+      dappAccount,
+      submission,
+      timeout,
+      successfullChallengeTimeout,
+      sendData,
+      attemptCount,
+      error,
+      sessionId
+    },
+    // and method to update the state
+    (nextState) => {
+      if (nextState.account !== void 0) setAccount(nextState.account);
+      if (nextState.isHuman !== void 0) setIsHuman(nextState.isHuman);
+      if (nextState.index !== void 0) setIndex(nextState.index);
+      if (nextState.solutions !== void 0)
+        setSolutions(nextState.solutions.slice());
+      if (nextState.captchaApi !== void 0)
+        setCaptchaApi(nextState.captchaApi);
+      if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
+      if (nextState.challenge !== void 0) setChallenge(nextState.challenge);
+      if (nextState.loading !== void 0) setLoading(nextState.loading);
+      if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
+      if (nextState.dappAccount !== void 0)
+        setDappAccount(nextState.dappAccount);
+      if (nextState.submission !== void 0)
+        setSubmission(nextState.submission);
+      if (nextState.timeout !== void 0) setTimeout(nextState.timeout);
+      if (nextState.successfullChallengeTimeout !== void 0)
+        setSuccessfullChallengeTimeout(nextState.timeout);
+      if (nextState.sendData !== void 0) setSendData(nextState.sendData);
+      if (nextState.attemptCount !== void 0)
+        setAttemptCount(nextState.attemptCount);
+      if (nextState.error !== void 0) setError(nextState.error);
+      if (nextState.sessionId !== void 0) setSessionId(nextState.sessionId);
+    }
+  ];
+};
+exports.buildUpdateState = buildUpdateState;
+exports.useProcaptcha = useProcaptcha;

package/dist/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,4BAA4B,EAC5B,cAAc,EACd,MAAM,gBAAgB,CAAC;AAGxB,eAAO,MAAM,uBAAuB,WAC3B,4BAA4B,KAClC,OAAO,CAAC,cAAc,CAoBxB,CAAC;AAEF,eAAO,MAAM,aAAa,cACd,MAAM,OAAO,CAAC,IAAI,CAAC,WACrB,MAAM,OAAO,CAAC,IAAI,CAAC,cAChB,MAAM,IAAI,gBACR,MAAM,YACV,MAAM,kBAkBhB,CAAC"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,4BAA4B,EAC5B,cAAc,EACd,MAAM,gBAAgB,CAAC;AAKxB,eAAO,MAAM,uBAAuB,WAC3B,4BAA4B,KAClC,OAAO,CAAC,cAAc,CAuBxB,CAAC;AAEF,eAAO,MAAM,aAAa,cACd,MAAM,OAAO,CAAC,IAAI,CAAC,WACrB,MAAM,OAAO,CAAC,IAAI,CAAC,cAChB,MAAM,IAAI,gBACR,MAAM,YACV,MAAM,kBAkBhB,CAAC"}

package/dist/providers.js

@@ -1,9 +1,12 @@
 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);
-    const PROVIDERS = await loadBalancer(config.defaultEnvironment);
-    const randomProvderObj = at(PROVIDERS, randomIntBetween(0, PROVIDERS.length - 1));
+    if (providers.length === 0) {
+        providers = await loadBalancer(config.defaultEnvironment);
+    }
+    const randomProvderObj = at(providers, randomIntBetween(0, providers.length - 1));
     return {
         providerAccount: randomProvderObj.address,
         provider: {

package/dist/providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.js","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAKtD,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEnC,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAC3C,MAAoC,EACV,EAAE;IAC5B,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CACrD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAKnD,MAAM,SAAS,GAAG,MAAM,YAAY,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,EAAE,CAC1B,SAAS,EACT,gBAAgB,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CACzC,CAAC;IACF,OAAO;QACN,eAAe,EAAE,gBAAgB,CAAC,OAAO;QACzC,QAAQ,EAAE;YACT,GAAG,EAAE,gBAAgB,CAAC,GAAG;YACzB,SAAS,EAAE,gBAAgB,CAAC,SAAS;SACrC;KACD,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EACjC,SAA8B,EAC9B,OAA4B,EAC5B,UAAsB,EACtB,YAAoB,EACpB,QAAgB,EACf,EAAE;IACH,IAAI,CAAC;QACJ,MAAM,SAAS,EAAE,CAAC;IACnB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,CAAC,KAAK,CACZ,gBAAgB,YAAY,OAAO,QAAQ,qBAAqB,CAChE,CAAC;YACF,OAAO,UAAU,EAAE,CAAC;QACrB,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEnB,UAAU,EAAE,CAAC;QAEb,MAAM,OAAO,EAAE,CAAC;IACjB,CAAC;AACF,CAAC,CAAC"}
+{"version":3,"file":"providers.js","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AAaA,OAAO,EAA0B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAK9E,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEnC,IAAI,SAAS,GAAwB,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAC3C,MAAoC,EACV,EAAE;IAC5B,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CACrD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAKnD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAE5B,SAAS,GAAG,MAAM,YAAY,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,gBAAgB,GAAG,EAAE,CAC1B,SAAS,EACT,gBAAgB,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CACzC,CAAC;IACF,OAAO;QACN,eAAe,EAAE,gBAAgB,CAAC,OAAO;QACzC,QAAQ,EAAE;YACT,GAAG,EAAE,gBAAgB,CAAC,GAAG;YACzB,SAAS,EAAE,gBAAgB,CAAC,SAAS;SACrC;KACD,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EACjC,SAA8B,EAC9B,OAA4B,EAC5B,UAAsB,EACtB,YAAoB,EACpB,QAAgB,EACf,EAAE;IACH,IAAI,CAAC;QACJ,MAAM,SAAS,EAAE,CAAC;IACnB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,CAAC,KAAK,CACZ,gBAAgB,YAAY,OAAO,QAAQ,qBAAqB,CAChE,CAAC;YACF,OAAO,UAAU,EAAE,CAAC;QACrB,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEnB,UAAU,EAAE,CAAC;QAEb,MAAM,OAAO,EAAE,CAAC;IACjB,CAAC;AACF,CAAC,CAAC"}

package/dist/reactComponents/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/reactComponents/Checkbox.tsx"],"names":[],"mappings":"AAeA,OAAO,EACN,KAAK,KAAK,EAEV,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACN,KAAK,oBAAoB,EAEzB,KAAK,EAAE,EAGP,MAAM,OAAO,CAAC;AAEf,UAAU,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CACjB;AAoDD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgHtC,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/reactComponents/Checkbox.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACN,KAAK,KAAK,EAEV,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACN,KAAK,oBAAoB,EAEzB,KAAK,EAAE,EAGP,MAAM,OAAO,CAAC;AAEf,UAAU,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CACjB;AA4CD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuGtC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/reactComponents/Checkbox.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } 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 `{
@@ -32,23 +33,32 @@ const FAQ_LINK = process.env.PROSOPO_DOCS_URL
 const generateRandomId = () => {
     return Array.from({ length: 8 }, () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]).join("");
 };
-const responsiveFont = css `
-	display: none;
-	@media (min-width: 216px) {
-		display: flex;
-		font-size: 12px;
-	}
-	@media (min-width: 268px) {
-		display: flex;
-		font-size: 16px;
-	}
-`;
 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 `
+		color: ${theme.palette.background.contrastText};
+		position: relative;
+		display: flex;
+		cursor: pointer;
+		user-select: none;
+		
+		@container widget (max-width: 219px) {
+			display: none;
+		}
+		@container widget (min-width: 220px) {
+			font-size: 12px;
+		}
+		@container widget (min-width: 250px) {
+			font-size: 14px;
+		}
+		@container widget (min-width: 270px) {
+			font-size: 16px;
+		}
+	`;
     const checkboxStyle = useMemo(() => {
         return {
             ...checkboxStyleBase,
@@ -58,8 +68,8 @@ export const Checkbox = ({ theme, onChange, checked, labelText, error, loading,
             appearance: checked ? "auto" : "none",
             flex: 1,
             margin: "15px",
-            minWidth: "14px",
-            minHeight: "14px",
+            minWidth: "28px",
+            minHeight: "28px",
         };
     }, [hover, theme, checked]);
     const id = generateRandomId();
@@ -67,28 +77,14 @@ export const Checkbox = ({ theme, onChange, checked, labelText, error, loading,
             display: "inline-flex",
             alignItems: "center",
             minHeight: "58px",
-        }, children: [loading ? (_jsx("div", { className: "checkbox__outer", children: _jsx("div", { className: "checkbox__wrapper", children: _jsx("div", { className: "checkbox__inner", children: _jsx("div", { className: "checkbox__content", children: _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) => {
+        }, 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("label", { css: {
-                    color: theme.palette.error.main,
-                    position: "relative",
-                    display: "flex",
-                    cursor: "pointer",
-                    userSelect: "none",
-                    ...responsiveFont,
-                }, htmlFor: id, children: _jsx("a", { css: {
+                }, 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("label", { css: {
-                    color: theme.palette.background.contrastText,
-                    position: "relative",
-                    display: "flex",
-                    cursor: "pointer",
-                    userSelect: "none",
-                    ...responsiveFont,
-                }, htmlFor: id, children: labelText }))] }));
+                    }, href: FAQ_LINK, children: error }) })) : (_jsx(ResponsiveLabel, { htmFor: id, children: labelText }))] }));
 };
 export default Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/dist/reactComponents/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/reactComponents/Checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/reactComponents/Checkbox.tsx"],"names":[],"mappings":"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"}

package/dist/reactComponents/Reload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reload.d.ts","sourceRoot":"","sources":["../../src/reactComponents/Reload.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE9E,UAAU,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsD9C,CAAC"}
+{"version":3,"file":"Reload.d.ts","sourceRoot":"","sources":["../../src/reactComponents/Reload.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE9E,UAAU,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAaD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiE9C,CAAC"}

package/dist/reactComponents/Reload.js

@@ -9,6 +9,7 @@ const buttonStyleBase = {
     height: "39px",
     width: "39px",
     borderRadius: "50%",
+    display: "flex",
 };
 export const ReloadButton = ({ themeColor, onReload, }) => {
     const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
@@ -20,6 +21,13 @@ export const ReloadButton = ({ themeColor, onReload, }) => {
             color: hover
                 ? theme.palette.primary.contrastText
                 : theme.palette.background.contrastText,
+            border: `1px solid ${theme.palette.grey[500]}`,
+            borderRadius: "50%",
+            transition: "background-color 0.3s",
+            boxShadow: `0px 1px 3px 0px ${theme.palette.grey[500]}`,
+            justifyContent: "center",
+            alignItems: "center",
+            margin: "0 auto",
         };
         return {
             ...baseStyle,
@@ -31,6 +39,6 @@ export const ReloadButton = ({ themeColor, onReload, }) => {
     return (_jsx("button", { className: "reload-button", "aria-label": "Reload", type: "button", style: buttonStyle, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: (e) => {
             e.preventDefault();
             onReload();
-        }, children: _jsxs("svg", { width: "27px", height: "27px", viewBox: "0 0 27 27", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [_jsx("title", { children: "reload" }), _jsx("path", { fill: buttonStyle.color, transform: "scale(0.0703125)", d: "M234.666667,149.333333 L234.666667,106.666667 L314.564847,106.664112 C287.579138,67.9778918 242.745446,42.6666667 192,42.6666667 C109.525477,42.6666667 42.6666667,109.525477 42.6666667,192 C42.6666667,274.474523 109.525477,341.333333 192,341.333333 C268.201293,341.333333 331.072074,284.258623 340.195444,210.526102 L382.537159,215.817985 C370.807686,310.617565 289.973536,384 192,384 C85.961328,384 1.42108547e-14,298.038672 1.42108547e-14,192 C1.42108547e-14,85.961328 85.961328,1.42108547e-14 192,1.42108547e-14 C252.316171,1.42108547e-14 306.136355,27.8126321 341.335366,71.3127128 L341.333333,1.42108547e-14 L384,1.42108547e-14 L384,149.333333 L234.666667,149.333333 Z" })] }) }));
+        }, children: _jsxs("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", style: { display: "flex" }, children: [_jsx("title", { children: "reload" }), _jsx("path", { shapeRendering: "optimizeQuality", fill: hover ? theme.palette.primary.contrastText : theme.palette.grey[700], transform: "scale(0.0416)", d: "M234.666667,149.333333 L234.666667,106.666667 L314.564847,106.664112 C287.579138,67.9778918 242.745446,42.6666667 192,42.6666667 C109.525477,42.6666667 42.6666667,109.525477 42.6666667,192 C42.6666667,274.474523 109.525477,341.333333 192,341.333333 C268.201293,341.333333 331.072074,284.258623 340.195444,210.526102 L382.537159,215.817985 C370.807686,310.617565 289.973536,384 192,384 C85.961328,384 1.42108547e-14,298.038672 1.42108547e-14,192 C1.42108547e-14,85.961328 85.961328,1.42108547e-14 192,1.42108547e-14 C252.316171,1.42108547e-14 306.136355,27.8126321 341.335366,71.3127128 L341.333333,1.42108547e-14 L384,1.42108547e-14 L384,149.333333 L234.666667,149.333333 Z" })] }) }));
 };
 //# sourceMappingURL=Reload.js.map

package/dist/reactComponents/Reload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reload.js","sourceRoot":"","sources":["../../src/reactComponents/Reload.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAsC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO9E,MAAM,eAAe,GAAG;IACvB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EACnD,UAAU,EACV,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EACvD,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG;YACjB,GAAG,eAAe;YAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YACjD,KAAK,EAAE,KAAK;gBACX,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;gBACpC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,YAAY;SACxC,CAAC;QACF,OAAO;YACN,GAAG,SAAS;YACZ,eAAe,EAAE,KAAK;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;SACnC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACnB,OAAO,CACN,iBACC,SAAS,EAAC,eAAe,gBACd,QAAQ,EACnB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;QACZ,CAAC,YAED,eACC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,aAEzC,qCAAqB,EACrB,eACC,IAAI,EAAE,WAAW,CAAC,KAAK,EACvB,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,mqBAAmqB,GACpqB,IACG,GACE,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Reload.js","sourceRoot":"","sources":["../../src/reactComponents/Reload.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prosopo/procaptcha-common",
-	"version": "2.5.3",
+	"version": "2.6.1",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
 	"main": "./dist/index.js",
@@ -24,30 +24,35 @@
 		"build": "tsc --build --verbose",
 		"build:cjs": "npx vite --config vite.cjs.config.ts build"
 	},
-	"browserslist": ["> 0.5%, last 2 versions, not dead"],
+	"browserslist": [
+		"> 0.5%, last 2 versions, not dead"
+	],
 	"dependencies": {
-		"@prosopo/common": "2.5.3",
-		"@prosopo/load-balancer": "2.5.3",
-		"@prosopo/widget-skeleton": "2.5.3",
-		"@prosopo/types": "2.5.3",
-		"@prosopo/util": "2.5.3",
+		"@prosopo/account": "2.6.1",
+		"@prosopo/common": "2.6.0",
+		"@prosopo/load-balancer": "2.6.1",
+		"@prosopo/types": "2.6.1",
+		"@prosopo/util": "2.6.0",
+		"@prosopo/widget-skeleton": "2.6.0",
 		"express": "4.21.2"
 	},
 	"devDependencies": {
-		"@prosopo/config": "2.5.3",
-		"@vitest/coverage-v8": "2.1.1",
+		"@prosopo/config": "2.6.0",
+		"@types/react": "18.3.1",
+		"@vitest/coverage-v8": "3.0.9",
 		"concurrently": "9.0.1",
 		"del-cli": "6.0.0",
 		"npm-run-all": "2.1.0",
 		"tslib": "2.7.0",
 		"tsx": "4.19.1",
 		"typescript": "5.6.2",
-		"vite": "5.4.6",
-		"vitest": "2.1.1"
+		"vite": "6.2.3",
+		"vitest": "3.0.9"
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/prosopo/captcha.git"
+		"url": "git+https://github.com/prosopo/captcha.git",
+		"directory": "packages/procaptcha-common"
 	},
 	"bugs": {
 		"url": "https://github.com/prosopo/captcha/issues"