@prosopo/procaptcha-react 1.0.2 → 2.0.1

package/dist/cjs/components/ProcaptchaWidget.cjs

@@ -1,12 +1,11 @@
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const webComponents = require("@prosopo/web-components");
 const procaptcha = require("@prosopo/procaptcha");
-const types = require("@prosopo/types");
 const procaptchaCommon = require("@prosopo/procaptcha-common");
+const types = require("@prosopo/types");
+const webComponents = require("@prosopo/web-components");
 const React = require("react");
 const CaptchaComponent = require("./CaptchaComponent.cjs");
-const collector = require("./collector.cjs");
 const Modal = require("./Modal.cjs");
 const ProcaptchaWidget = (props) => {
   const config = types.ProcaptchaConfigSchema.parse(props.config);
@@ -15,110 +14,131 @@ const ProcaptchaWidget = (props) => {
   const manager = procaptcha.Manager(config, state, updateState, callbacks);
   const themeColor = props.config.theme === "light" ? "light" : "dark";
   const theme = props.config.theme === "light" ? webComponents.lightTheme : webComponents.darkTheme;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Modal, { show: state.showModal, children: state.challenge ? /* @__PURE__ */ jsxRuntime.jsx(
-      CaptchaComponent,
-      {
-        challenge: state.challenge,
-        index: state.index,
-        solutions: state.solutions,
-        onSubmit: manager.submit,
-        onCancel: manager.cancel,
-        onClick: manager.select,
-        onNext: manager.nextRound,
-        themeColor: config.theme ?? "light"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: "No challenge set." }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(webComponents.ContainerDiv, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(webComponents.WidthBasedStylesDiv, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: webComponents.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        maxWidth: webComponents.WIDGET_MAX_WIDTH,
+        maxHeight: "100%",
+        overflowX: "auto"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Modal, { show: state.showModal, children: state.challenge ? /* @__PURE__ */ jsxRuntime.jsx(
+          CaptchaComponent,
           {
-            style: {
-              padding: webComponents.WIDGET_PADDING,
-              border: webComponents.WIDGET_BORDER,
-              backgroundColor: theme.palette.background.default,
-              borderColor: theme.palette.grey[300],
-              borderRadius: webComponents.WIDGET_BORDER_RADIUS,
-              display: "flex",
-              alignItems: "center",
-              flexWrap: "wrap",
-              justifyContent: "space-between",
-              minHeight: `${webComponents.WIDGET_INNER_HEIGHT}px`,
-              overflow: "hidden"
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  style: {
-                    alignItems: "center",
-                    flex: 1
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        flexDirection: "column",
-                        verticalAlign: "middle"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            style: {
-                              display: !state.loading ? "flex" : "none"
-                            },
-                            children: /* @__PURE__ */ jsxRuntime.jsx(
-                              webComponents.Checkbox,
-                              {
-                                themeColor,
-                                onChange: manager.start,
-                                checked: state.isHuman,
-                                labelText: "I am human",
-                                "aria-label": "human checkbox"
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
+            challenge: state.challenge,
+            index: state.index,
+            solutions: state.solutions,
+            onSubmit: manager.submit,
+            onCancel: manager.cancel,
+            onClick: manager.select,
+            onNext: manager.nextRound,
+            themeColor: config.theme ?? "light"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: "No challenge set." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(webComponents.ContainerDiv, { children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.WidthBasedStylesDiv, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: webComponents.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                padding: webComponents.WIDGET_PADDING,
+                border: webComponents.WIDGET_BORDER,
+                backgroundColor: theme.palette.background.default,
+                borderColor: theme.palette.grey[300],
+                borderRadius: webComponents.WIDGET_BORDER_RADIUS,
+                display: "flex",
+                alignItems: "center",
+                flexWrap: "wrap",
+                justifyContent: "space-between",
+                minHeight: `${webComponents.WIDGET_INNER_HEIGHT}px`,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: { display: "inline-flex", flexDirection: "column" },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: {
+                          alignItems: "center",
+                          flex: 1
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
                           "div",
                           {
                             style: {
-                              display: state.loading ? "flex" : "none"
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              flexDirection: "column",
+                              verticalAlign: "middle"
                             },
-                            children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                              webComponents.LoadingSpinner,
-                              {
-                                themeColor,
-                                "aria-label": "Loading spinner"
-                              }
-                            ) })
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  style: {
+                                    display: !state.loading ? "flex" : "none"
+                                  },
+                                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                                    webComponents.Checkbox,
+                                    {
+                                      themeColor,
+                                      onChange: manager.start,
+                                      checked: state.isHuman,
+                                      labelText: "I am human",
+                                      "aria-label": "human checkbox"
+                                    }
+                                  )
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  style: {
+                                    display: state.loading ? "flex" : "none"
+                                  },
+                                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                                    webComponents.LoadingSpinner,
+                                    {
+                                      themeColor,
+                                      "aria-label": "Loading spinner"
+                                    }
+                                  ) })
+                                }
+                              )
+                            ]
                           }
                         )
-                      ]
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: webComponents.WIDGET_URL, target: "_blank", "aria-label": webComponents.WIDGET_URL_TEXT, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.Logo, { themeColor, "aria-label": "Prosopo logo" }) }) }) })
-            ]
-          }
-        )
-      ] }) }),
-      config.devOnlyWatchEvents && /* @__PURE__ */ jsxRuntime.jsx(
-        collector,
-        {
-          onProcessData: manager.exportData,
-          sendData: state.sendData,
-          account: state.account
-        }
-      )
-    ] })
-  ] }) });
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: { display: "inline-flex", flexDirection: "column" },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: webComponents.WIDGET_URL,
+                        target: "_blank",
+                        "aria-label": webComponents.WIDGET_URL_TEXT,
+                        rel: "noreferrer",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.Logo, { themeColor, "aria-label": "Prosopo logo" }) })
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  ) });
 };
 module.exports = ProcaptchaWidget;

package/dist/cjs/util/index.cjs

@@ -1,6 +1,10 @@
 "use strict";
 function renameKeysForDataAttr(data = {}) {
-  return Object.keys(data).reduce((prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }), {});
+  return Object.keys(data).reduce(
+    // biome-ignore lint/performance/noAccumulatingSpread: TODO fix
+    (prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }),
+    {}
+  );
 }
 function addDataAttr({
   general,
@@ -8,7 +12,7 @@ function addDataAttr({
 }) {
   return {
     ...renameKeysForDataAttr(general),
-    ...process.env.NODE_ENV === "development" ? renameKeysForDataAttr(dev) : {}
+    ...process.env.NODE_ENV !== "production" ? renameKeysForDataAttr(dev) : {}
   };
 }
 module.exports = addDataAttr;

package/dist/components/Button.d.ts

@@ -1,7 +1,8 @@
-import React, { ButtonHTMLAttributes } from 'react';
+import type React from "react";
+import { type ButtonHTMLAttributes } from "react";
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    themeColor: 'light' | 'dark';
-    buttonType: 'cancel' | 'next';
+    themeColor: "light" | "dark";
+    buttonType: "cancel" | "next";
     onClick: () => void;
     text: string;
 }

package/dist/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAoC,MAAM,OAAO,CAAA;AAGrF,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACjE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACf;AAgCD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCjC,CAAA;AACD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,OAAO,CAAC;AAGf,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;AAgCD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+CjC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/components/Button.js

@@ -1,54 +1,56 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { darkTheme, lightTheme } from '@prosopo/web-components';
-import { useMemo, useState } from 'react';
-import addDataAttr from '../util/index.js';
+import { darkTheme, lightTheme } from "@prosopo/web-components";
+import { useMemo, useState, } from "react";
+import addDataAttr from "../util/index.js";
 const buttonStyleBase = {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'relative',
-    boxSizing: 'border-box',
-    outline: '0px',
-    border: '0px',
-    margin: '0px',
-    cursor: 'pointer',
-    userSelect: 'none',
-    verticalAlign: 'middle',
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    boxSizing: "border-box",
+    outline: "0px",
+    border: "0px",
+    margin: "0px",
+    cursor: "pointer",
+    userSelect: "none",
+    verticalAlign: "middle",
     appearance: undefined,
-    textDecoration: 'none',
-    fontWeight: '500',
-    fontSize: '0.875rem',
-    lineHeight: '1.75',
-    letterSpacing: '0.02857em',
-    textTransform: 'uppercase',
-    minWidth: '64px',
-    padding: '6px 16px',
-    borderRadius: '4px',
-    transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
-    color: 'rgb(0, 0, 0)',
-    backgroundColor: '#ffffff',
-    boxShadow: 'rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px',
+    textDecoration: "none",
+    fontWeight: "500",
+    fontSize: "0.875rem",
+    lineHeight: "1.75",
+    letterSpacing: "0.02857em",
+    textTransform: "uppercase",
+    minWidth: "64px",
+    padding: "6px 16px",
+    borderRadius: "4px",
+    transition: "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    color: "rgb(0, 0, 0)",
+    backgroundColor: "#ffffff",
+    boxShadow: "rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px",
 };
-const Button = ({ themeColor, buttonType, text, onClick }) => {
-    const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
+const Button = ({ themeColor, buttonType, text, onClick, }) => {
+    const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
     const [hover, setHover] = useState(false);
     const buttonStyle = useMemo(() => {
         const baseStyle = {
             ...buttonStyleBase,
-            color: hover ? theme.palette.primary.contrastText : theme.palette.background.contrastText,
+            color: hover
+                ? theme.palette.primary.contrastText
+                : theme.palette.background.contrastText,
         };
-        if (buttonType === 'cancel') {
+        if (buttonType === "cancel") {
             return {
                 ...baseStyle,
-                backgroundColor: hover ? theme.palette.grey[600] : 'transparent',
-            };
-        }
-        else {
-            return {
-                ...baseStyle,
-                backgroundColor: hover ? theme.palette.primary.main : theme.palette.background.default,
+                backgroundColor: hover ? theme.palette.grey[600] : "transparent",
             };
         }
+        return {
+            ...baseStyle,
+            backgroundColor: hover
+                ? theme.palette.primary.main
+                : theme.palette.background.default,
+        };
     }, [buttonType, hover, theme]);
     return (_jsx("button", { ...addDataAttr({ dev: { cy: `button-${buttonType}` } }), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), style: buttonStyle, onClick: (e) => {
             e.preventDefault();

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAc,EAAuC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAS1C,MAAM,eAAe,GAAkB;IACnC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,WAAW;IAC1B,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,KAAK;IACnB,UAAU,EACN,+MAA+M;IACnN,KAAK,EAAE,cAAc;IACrB,eAAe,EAAE,SAAS;IAC1B,SAAS,EACL,+GAA+G;CACtH,CAAA;AAED,MAAM,MAAM,GAA0B,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAe,EAAE,EAAE;IAC7F,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAC5F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG;YACd,GAAG,eAAe;YAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,YAAY;SAC5F,CAAA;QACD,IAAI,UAAU,KAAK,QAAQ,EAAE;YACzB,OAAO;gBACH,GAAG,SAAS;gBACZ,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa;aACnE,CAAA;SACJ;aAAM;YACH,OAAO;gBACH,GAAG,SAAS;gBACZ,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;aACzF,CAAA;SACJ;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9B,OAAO,CACH,oBACQ,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,UAAU,EAAE,EAAE,EAAE,CAAC,EACxD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,OAAO,EAAE,CAAA;QACb,CAAC,gBACW,IAAI,YAEf,IAAI,GACA,CACZ,CAAA;AACL,CAAC,CAAA;AACD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAGN,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAS3C,MAAM,eAAe,GAAkB;IACtC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,WAAW;IAC1B,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,KAAK;IACnB,UAAU,EACT,+MAA+M;IAChN,KAAK,EAAE,cAAc;IACrB,eAAe,EAAE,SAAS;IAC1B,SAAS,EACR,+GAA+G;CAChH,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACtC,UAAU,EACV,UAAU,EACV,IAAI,EACJ,OAAO,GACM,EAAE,EAAE;IACjB,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,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,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC5B,OAAO;gBACN,GAAG,SAAS;gBACZ,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa;aAChE,CAAC;SACF;QACD,OAAO;YACN,GAAG,SAAS;YACZ,eAAe,EAAE,KAAK;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;SACnC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,OAAO,CACN,oBACK,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,UAAU,EAAE,EAAE,EAAE,CAAC,EACxD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC;QACX,CAAC,gBACW,IAAI,YAEf,IAAI,GACG,CACT,CAAC;AACH,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/components/CaptchaComponent.d.ts

@@ -1,4 +1,4 @@
-import { CaptchaResponseBody } from '@prosopo/types';
+import type { CaptchaResponseBody } from "@prosopo/types";
 export interface CaptchaComponentProps {
     challenge: CaptchaResponseBody;
     index: number;
@@ -7,7 +7,7 @@ export interface CaptchaComponentProps {
     onCancel: () => void;
     onClick: (hash: string) => void;
     onNext: () => void;
-    themeColor: 'light' | 'dark';
+    themeColor: "light" | "dark";
 }
 declare const CaptchaComponent: ({ challenge, index, solutions, onSubmit, onCancel, onClick, onNext, themeColor, }: CaptchaComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default CaptchaComponent;

package/dist/components/CaptchaComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AASpD,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,mBAAmB,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,EAAE,EAAE,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,gBAAgB,sFASnB,qBAAqB,qDAgHvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,gBAAgB,sFASnB,qBAAqB,qDAmJvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/CaptchaComponent.js

@@ -1,60 +1,73 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { CaptchaWidget } from './CaptchaWidget.js';
-import { Suspense, useMemo } from 'react';
-import { at } from '@prosopo/util';
-import { darkTheme, lightTheme } from '@prosopo/web-components';
-import { useTranslation } from '@prosopo/common';
-import Button from './Button.js';
-import addDataAttr from '../util/index.js';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTranslation } from "@prosopo/common";
+import { at } from "@prosopo/util";
+import { darkTheme, lightTheme } from "@prosopo/web-components";
+import { Suspense, useMemo } from "react";
+import addDataAttr from "../util/index.js";
+import Button from "./Button.js";
+import { CaptchaWidget } from "./CaptchaWidget.js";
 const CaptchaComponent = ({ challenge, index, solutions, onSubmit, onCancel, onClick, onNext, themeColor, }) => {
     const { t } = useTranslation();
     const captcha = challenge.captchas ? at(challenge.captchas, index) : null;
     const solution = solutions ? at(solutions, index) : [];
-    const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
+    const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
     return (_jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx("div", { style: {
-                overflowX: 'auto',
-                overflowY: 'auto',
-                width: '100%',
-                maxWidth: '500px',
-                maxHeight: '100%',
-                display: 'flex',
-                flexDirection: 'column',
+                overflowX: "auto",
+                overflowY: "auto",
+                width: "100%",
+                maxWidth: "500px",
+                maxHeight: "100%",
+                display: "flex",
+                flexDirection: "column",
+                border: "1px solid #dddddd",
+                boxShadow: "rgba(255, 255, 255, 0.2) 0px 0px 4px",
+                borderRadius: "4px",
+                padding: `${theme.spacing.unit}px`,
+                backgroundColor: theme.palette.background.default,
             }, children: _jsxs("div", { style: {
                     backgroundColor: theme.palette.background.default,
-                    display: 'flex',
-                    flexDirection: 'column',
-                    minWidth: '300px',
-                }, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            width: '100%',
-                            backgroundColor: theme.palette.primary.main,
-                            padding: '24px 16px',
-                        }, children: [_jsxs("p", { style: {
-                                    color: '#ffffff',
-                                    fontWeight: 700,
-                                    lineHeight: 1.5,
-                                }, children: [t('WIDGET.SELECT_ALL'), ': '] }), _jsx("p", { style: {
-                                    color: '#ffffff',
-                                    fontWeight: 700,
-                                    textTransform: 'capitalize',
-                                    lineHeight: 1.5,
-                                }, children: `${at(challenge.captchas, index).captcha.target}` })] }), _jsx("div", { ...addDataAttr({ dev: { cy: 'captcha-' + index } }), children: captcha && (_jsx(CaptchaWidget, { challenge: captcha, solution: solution, onClick: onClick, themeColor: themeColor })) }), _jsx("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            width: '100%',
-                        }, ...addDataAttr({ dev: { cy: 'dots-captcha' } }) }), _jsx("div", { style: {
-                            padding: '8px 16px',
-                            display: 'flex',
-                            width: '100%',
+                    display: "flex",
+                    flexDirection: "column",
+                    minWidth: "300px",
+                }, children: [_jsx("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            width: "100%",
+                        }, children: _jsx("div", { style: {
+                                backgroundColor: theme.palette.primary.main,
+                                width: "100%",
+                            }, children: _jsxs("div", { style: {
+                                    paddingLeft: `${theme.spacing.half}px`,
+                                    paddingRight: `${theme.spacing.half}px`,
+                                }, children: [_jsxs("p", { style: {
+                                            color: "#ffffff",
+                                            fontWeight: 700,
+                                            lineHeight: 1.5,
+                                        }, children: [t("WIDGET.SELECT_ALL"), ":", "\u00A0", _jsx("span", { style: { textTransform: "capitalize" }, children: `${at(challenge.captchas, index).target}` })] }), _jsx("p", { style: {
+                                            color: "#ffffff",
+                                            fontWeight: 500,
+                                            lineHeight: 0.8,
+                                            fontSize: "0.8rem",
+                                        }, children: t("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), _jsx("div", { ...addDataAttr({ dev: { cy: `captcha-${index}` } }), children: captcha && (_jsx(CaptchaWidget, { challenge: captcha, solution: solution, onClick: onClick, themeColor: themeColor })) }), _jsx("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "100%",
+                        }, ...addDataAttr({ dev: { cy: "dots-captcha" } }) }), _jsx("div", { style: {
+                            padding: `0 ${theme.spacing}px`,
+                            display: "flex",
+                            width: "100%",
                         } }), _jsxs("div", { style: {
-                            padding: '0 16px 16px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
+                            padding: `0 ${theme.spacing}px`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
                             lineHeight: 1.75,
-                        }, children: [_jsx(Button, { themeColor: themeColor, buttonType: "cancel", onClick: onCancel, text: t('WIDGET.CANCEL'), "aria-label": t('WIDGET.CANCEL') }), _jsx(Button, { themeColor: themeColor, buttonType: "next", text: index < challenge.captchas.length - 1 ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT'), onClick: index < challenge.captchas.length - 1 ? onNext : onSubmit, "aria-label": index < challenge.captchas.length - 1 ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT') })] })] }) }) }));
+                        }, children: [_jsx(Button, { themeColor: themeColor, buttonType: "cancel", onClick: onCancel, text: t("WIDGET.CANCEL"), "aria-label": t("WIDGET.CANCEL") }), _jsx(Button, { themeColor: themeColor, buttonType: "next", text: index < challenge.captchas.length - 1
+                                    ? t("WIDGET.NEXT")
+                                    : t("WIDGET.SUBMIT"), onClick: index < challenge.captchas.length - 1 ? onNext : onSubmit, "aria-label": index < challenge.captchas.length - 1
+                                    ? t("WIDGET.NEXT")
+                                    : t("WIDGET.SUBMIT"), "data-cy": "button-next" })] })] }) }) }));
 };
 export default CaptchaComponent;
 //# sourceMappingURL=CaptchaComponent.js.map

package/dist/components/CaptchaComponent.js.map

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

package/dist/components/CaptchaWidget.d.ts

@@ -1,9 +1,9 @@
-import { CaptchaWithProof } from '@prosopo/types';
+import type { Captcha } from "@prosopo/types";
 export interface CaptchaWidgetProps {
-    challenge: CaptchaWithProof;
+    challenge: Captcha;
     solution: string[];
     onClick: (hash: string) => void;
-    themeColor: 'light' | 'dark';
+    themeColor: "light" | "dark";
 }
-export declare const CaptchaWidget: ({ challenge, solution, onClick, themeColor }: CaptchaWidgetProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CaptchaWidget: ({ challenge, solution, onClick, themeColor, }: CaptchaWidgetProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CaptchaWidget.d.ts.map

package/dist/components/CaptchaWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;CAC/B;AASD,eAAO,MAAM,aAAa,iDAAkD,kBAAkB,qDAwH7F,CAAA"}
+{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B;AAYD,eAAO,MAAM,aAAa,kDAKvB,kBAAkB,qDAkKpB,CAAC"}