@prosopo/procaptcha-react 2.1.5 → 2.1.6

package/dist/cjs/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./components/index.cjs");
+require("./util/index.cjs");
+const ProcaptchaWidget = require("./components/ProcaptchaWidget.cjs");
+const Procaptcha = require("./components/Procaptcha.cjs");
+const CaptchaWidget = require("./components/CaptchaWidget.cjs");
+exports.ProcaptchaWidget = ProcaptchaWidget;
+exports.Procaptcha = Procaptcha;
+exports.CaptchaWidget = CaptchaWidget.CaptchaWidget;

package/dist/cjs/util/index.cjs

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

package/dist/components/Button.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import { type ButtonHTMLAttributes } from "react";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    themeColor: "light" | "dark";
+    buttonType: "cancel" | "next";
+    onClick: () => void;
+    text: string;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,61 @@
+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";
+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",
+    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",
+};
+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,
+        };
+        if (buttonType === "cancel") {
+            return {
+                ...baseStyle,
+                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();
+            onClick();
+        }, "aria-label": text, children: text }));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"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,CAAC;YAC7B,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;QACH,CAAC;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

@@ -0,0 +1,15 @@
+import type { CaptchaResponseBody } from "@prosopo/types";
+export interface CaptchaComponentProps {
+    challenge: CaptchaResponseBody;
+    index: number;
+    solutions: string[][];
+    onSubmit: () => void;
+    onCancel: () => void;
+    onClick: (hash: string) => void;
+    onNext: () => void;
+    onReload: () => void;
+    themeColor: "light" | "dark";
+}
+declare const CaptchaComponent: ({ challenge, index, solutions, onSubmit, onCancel, onClick, onNext, onReload, themeColor, }: CaptchaComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CaptchaComponent;
+//# sourceMappingURL=CaptchaComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"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;IACrC,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,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,gGAUnB,qBAAqB,qDAiKvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/CaptchaComponent.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTranslation } from "@prosopo/locale-browser";
+import { at } from "@prosopo/util";
+import { ReloadButton, 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, onReload, 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]);
+    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",
+                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: [_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", { children: `${t(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%",
+                        } }), _jsx("div", { style: {
+                            padding: `0 ${theme.spacing}px`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            lineHeight: 1.75,
+                        }, children: _jsxs("div", { style: {
+                                display: "grid",
+                                gridAutoFlow: "column",
+                                gridTemplateColumns: "repeat(3, minmax(0, 1fr)",
+                                width: "100%",
+                            }, children: [_jsx("div", { style: { justifySelf: "left" }, children: _jsx(Button, { themeColor: themeColor, buttonType: "cancel", onClick: onCancel, text: t("WIDGET.CANCEL"), "aria-label": t("WIDGET.CANCEL") }) }), _jsx("div", { style: { justifySelf: "center" }, children: _jsx(ReloadButton, { themeColor: themeColor, onReload: onReload }) }), _jsx("div", { style: { justifySelf: "right" }, children: _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

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

package/dist/components/CaptchaWidget.d.ts

@@ -0,0 +1,9 @@
+import type { Captcha } from "@prosopo/types";
+export interface CaptchaWidgetProps {
+    challenge: Captcha;
+    solution: string[];
+    onClick: (hash: string) => void;
+    themeColor: "light" | "dark";
+}
+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

@@ -0,0 +1 @@
+{"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;IAClC,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;CAC7B;AAYD,eAAO,MAAM,aAAa,kDAKvB,kBAAkB,qDAiKpB,CAAC"}

package/dist/components/CaptchaWidget.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { ProsopoDatasetError } from "@prosopo/common";
+import { darkTheme, lightTheme } from "@prosopo/web-components";
+import { useMemo } from "react";
+const getHash = (item) => {
+    if (!item.hash) {
+        throw new ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", {
+            context: { item },
+        });
+    }
+    return item.hash;
+};
+export const CaptchaWidget = ({ challenge, solution, onClick, themeColor, }) => {
+    const items = challenge.items;
+    const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
+    const isTouchDevice = "ontouchstart" in window;
+    const fullSpacing = `${theme.spacing.unit}px`;
+    const halfSpacing = `${theme.spacing.half}px`;
+    const paddingForImageColumns = {
+        0: {
+            paddingLeft: 0,
+            paddingRight: halfSpacing,
+            paddingTop: halfSpacing,
+            paddingBottom: halfSpacing,
+        },
+        1: {
+            paddingLeft: halfSpacing,
+            paddingRight: halfSpacing,
+            paddingTop: halfSpacing,
+            paddingBottom: halfSpacing,
+        },
+        2: {
+            paddingLeft: halfSpacing,
+            paddingRight: 0,
+            paddingTop: halfSpacing,
+            paddingBottom: halfSpacing,
+        },
+    };
+    const paddingForImageRows = {
+        0: { paddingTop: fullSpacing },
+        2: { paddingBottom: fullSpacing },
+    };
+    return (_jsx("div", { style: {
+            paddingRight: 0.5,
+            paddingBottom: 0.5,
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            flexDirection: "row",
+            flexWrap: "wrap",
+        }, children: items.map((item, index) => {
+            const hash = getHash(item);
+            const imageStyle = {
+                ...paddingForImageColumns[index % 3],
+                ...paddingForImageRows[Math.floor(index / 3)],
+                flexGrow: 1,
+                flexBasis: "33.3333%",
+                boxSizing: "border-box",
+            };
+            return (_jsx("div", { style: imageStyle, children: _jsxs("div", { style: {
+                        cursor: "pointer",
+                        height: "100%",
+                        width: "100%",
+                        border: 1,
+                        borderStyle: "solid",
+                        borderColor: theme.palette.grey[300],
+                    }, onClick: isTouchDevice ? undefined : () => onClick(hash), onTouchStart: isTouchDevice ? () => onClick(hash) : undefined, children: [_jsx("div", { children: _jsx("img", { style: {
+                                    width: "100%",
+                                    backgroundColor: theme.palette.grey[300],
+                                    opacity: solution.includes(hash) && isTouchDevice ? "50%" : "100%",
+                                    display: "block",
+                                    objectFit: "contain",
+                                    aspectRatio: "1/1",
+                                    height: "auto",
+                                }, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx("div", { style: {
+                                position: "relative",
+                                width: "100%",
+                                height: "100%",
+                                top: "-100%",
+                                visibility: solution.includes(hash) ? "visible" : "hidden",
+                                transition: "opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+                                opacity: 1,
+                            }, children: _jsx("div", { style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    bottom: 0,
+                                    right: 0,
+                                    height: "100%",
+                                    width: "100%",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    backgroundColor: "rgba(0,0,0,0.5)",
+                                }, children: _jsx("svg", { style: {
+                                        backgroundColor: "transparent",
+                                        display: "block",
+                                        width: "35%",
+                                        height: "35%",
+                                        transition: "fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+                                        userSelect: "none",
+                                        fill: "currentcolor",
+                                    }, focusable: "false", color: "#fff", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CheckIcon", "aria-label": "Check icon", children: _jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }) }) })] }) }, item.hash));
+        }) }));
+};
+//# sourceMappingURL=CaptchaWidget.js.map

package/dist/components/CaptchaWidget.js.map

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

package/dist/components/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type ModalProps = {
+    show: boolean;
+    children: React.ReactNode;
+};
+declare const ModalComponent: React.MemoExoticComponent<(props: ModalProps, nextProps: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default ModalComponent;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,KAAK,UAAU,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,cAAc,oCACX,UAAU,aAAa,UAAU,sDA2CzC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Modal.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React from "react";
+const ModalComponent = React.memo((props, nextProps) => {
+    const { show, children } = props;
+    const display = show ? "block" : "none";
+    const ModalOuterDivCss = {
+        position: "fixed",
+        zIndex: 2147483646,
+        inset: 0,
+        display,
+    };
+    const ModalBackgroundCSS = {
+        position: "fixed",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        right: 0,
+        bottom: 0,
+        top: 0,
+        left: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        zIndex: -1,
+    };
+    const ModalInnerDivCSS = {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        width: "400px",
+        backgroundColor: "transparent",
+        border: "none",
+        boxShadow: "rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px,",
+    };
+    return (_jsxs("div", { className: "prosopo-modalOuter", style: ModalOuterDivCss, children: [_jsx("div", { className: "prosopo-modalBackground", style: ModalBackgroundCSS }), _jsx("div", { className: "prosopo-modalInner", style: ModalInnerDivCSS, children: children })] }));
+});
+export default ModalComponent;
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";AAaA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,KAAiB,EAAE,SAAqB,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACxC,MAAM,gBAAgB,GAAkB;QACvC,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,CAAC;QACR,OAAO;KACP,CAAC;IAEF,MAAM,kBAAkB,GAAkB;QACzC,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,oBAAoB;QACrC,MAAM,EAAE,CAAC,CAAC;KACV,CAAC;IACF,MAAM,gBAAgB,GAAkB;QACvC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,aAAa;QAC9B,MAAM,EAAE,MAAM;QACd,SAAS,EACR,qHAAqH;KACtH,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,gBAAgB,aAC1D,cAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,kBAAkB,GAAI,EACtE,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,gBAAgB,YACzD,QAAQ,GACJ,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Procaptcha.d.ts

@@ -0,0 +1,8 @@
+import type { ProcaptchaEvents } from "@prosopo/types";
+import { type LazyExoticComponent } from "react";
+import type { ReactElement } from "react";
+declare const ProcaptchaWidget: LazyExoticComponent<(props: any, callbacks: Partial<ProcaptchaEvents>) => ReactElement>;
+type ProcaptchaProps = React.ComponentProps<typeof ProcaptchaWidget>;
+declare const Procaptcha: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Procaptcha;
+//# sourceMappingURL=Procaptcha.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,gBAAgB,EAAE,mBAAmB,CAE1C,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,YAAY,CACd,CAAC;AACtD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErE,QAAA,MAAM,UAAU,UAAW,eAAe,qDAWzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Procaptcha.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { ProcaptchaPlaceholder } from "@prosopo/web-components";
+import { Suspense, lazy } from "react";
+const ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
+const Procaptcha = (props) => (_jsx(Suspense, { fallback: _jsx(ProcaptchaPlaceholder, { config: props.config, callbacks: props.callbacks }), children: _jsx(ProcaptchaWidget, { config: props.config, callbacks: props.callbacks }) }));
+export default Procaptcha;
+//# sourceMappingURL=Procaptcha.js.map

package/dist/components/Procaptcha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAA4B,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,gBAAgB,GAGlB,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAGtD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAC9C,KAAC,QAAQ,IACR,QAAQ,EACP,KAAC,qBAAqB,IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,GACzB,YAGH,KAAC,gBAAgB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,GAC5D,CACX,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ProcaptchaWidget.d.ts

@@ -0,0 +1,4 @@
+import { type ProcaptchaProps } from "@prosopo/types";
+declare const ProcaptchaWidget: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ProcaptchaWidget;
+//# sourceMappingURL=ProcaptchaWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProcaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAsB9E,QAAA,MAAM,gBAAgB,UAAW,eAAe,qDA2H/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/ProcaptchaWidget.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { i18n, useTranslation } from "@prosopo/locale-browser";
+import { Manager } from "@prosopo/procaptcha";
+import { useProcaptcha } from "@prosopo/procaptcha-common";
+import { ProcaptchaConfigSchema } from "@prosopo/types";
+import { Checkbox, ContainerDiv, LoadingSpinner, WIDGET_BORDER, WIDGET_BORDER_RADIUS, WIDGET_DIMENSIONS, WIDGET_INNER_HEIGHT, WIDGET_MAX_WIDTH, WIDGET_PADDING, WIDGET_URL, WIDGET_URL_TEXT, WidthBasedStylesDiv, darkTheme, lightTheme, } from "@prosopo/web-components";
+import { Logo } from "@prosopo/web-components";
+import { useEffect, useRef, useState } from "react";
+import CaptchaComponent from "./CaptchaComponent.js";
+import Modal from "./Modal.js";
+const ProcaptchaWidget = (props) => {
+    const { t } = useTranslation();
+    const config = ProcaptchaConfigSchema.parse(props.config);
+    const callbacks = props.callbacks || {};
+    const [state, updateState] = useProcaptcha(useState, useRef);
+    const manager = Manager(config, state, updateState, callbacks);
+    const themeColor = props.config.theme === "light" ? "light" : "dark";
+    const theme = props.config.theme === "light" ? lightTheme : darkTheme;
+    useEffect(() => {
+        if (config.language) {
+            i18n.changeLanguage(config.language);
+        }
+    }, [config.language]);
+    return (_jsx("div", { children: _jsxs("div", { style: {
+                maxWidth: WIDGET_MAX_WIDTH,
+                maxHeight: "100%",
+                overflowX: "auto",
+            }, children: [_jsx(Modal, { show: state.showModal, children: state.challenge ? (_jsx(CaptchaComponent, { challenge: state.challenge, index: state.index, solutions: state.solutions, onSubmit: manager.submit, onCancel: manager.cancel, onClick: manager.select, onNext: manager.nextRound, onReload: manager.reload, themeColor: config.theme ?? "light" })) : (_jsx("div", { children: "No challenge set." })) }), _jsx(ContainerDiv, { children: _jsx(WidthBasedStylesDiv, { children: _jsxs("div", { style: WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", _jsxs("div", { style: {
+                                        padding: WIDGET_PADDING,
+                                        border: WIDGET_BORDER,
+                                        backgroundColor: theme.palette.background.default,
+                                        borderColor: theme.palette.grey[300],
+                                        borderRadius: WIDGET_BORDER_RADIUS,
+                                        display: "flex",
+                                        alignItems: "center",
+                                        flexWrap: "wrap",
+                                        justifyContent: "space-between",
+                                        minHeight: `${WIDGET_INNER_HEIGHT}px`,
+                                        overflow: "hidden",
+                                    }, children: [_jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: _jsx("div", { style: {
+                                                    alignItems: "center",
+                                                    flex: 1,
+                                                }, children: _jsx("div", { style: {
+                                                        display: "flex",
+                                                        alignItems: "center",
+                                                        justifyContent: "center",
+                                                        flexDirection: "column",
+                                                        verticalAlign: "middle",
+                                                    }, children: _jsx("div", { style: {
+                                                            display: "flex",
+                                                        }, children: state.loading ? (_jsx(LoadingSpinner, { themeColor: themeColor, "aria-label": "Loading spinner" })) : (_jsx(Checkbox, { themeColor: themeColor, onChange: manager.start, checked: state.isHuman, labelText: t("WIDGET.I_AM_HUMAN"), error: state.error, "aria-label": "human checkbox" })) }) }) }) }), _jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: _jsx("a", { href: WIDGET_URL, target: "_blank", "aria-label": WIDGET_URL_TEXT, rel: "noreferrer", children: _jsx("div", { style: { flex: 1 }, children: _jsx(Logo, { themeColor: themeColor, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) })] }) }));
+};
+export default ProcaptchaWidget;
+//# sourceMappingURL=ProcaptchaWidget.js.map

package/dist/components/ProcaptchaWidget.js.map

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

package/dist/components/collector.d.ts

@@ -0,0 +1,9 @@
+import type { Account, StoredEvents } from "@prosopo/types";
+type CollectorProps = {
+    onProcessData: (data: StoredEvents) => void;
+    sendData: boolean;
+    account: Account | undefined;
+};
+declare const Collector: ({ onProcessData, sendData, account }: CollectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Collector;
+//# sourceMappingURL=collector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/components/collector.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,OAAO,EAIP,YAAY,EACZ,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,SAAS,yCAA0C,cAAc,qDAgCtE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/collector.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { startCollector } from "@prosopo/procaptcha";
+import { useEffect, useRef, useState } from "react";
+const Collector = ({ onProcessData, sendData, account }) => {
+    const [mouseEvents, setStoredMouseEvents] = useState([]);
+    const [touchEvents, setStoredTouchEvents] = useState([]);
+    const [keyboardEvents, setStoredKeyboardEvents] = useState([]);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref?.current) {
+            startCollector(setStoredMouseEvents, setStoredTouchEvents, setStoredKeyboardEvents, ref.current);
+        }
+    }, []);
+    useEffect(() => {
+        const userEvents = {
+            mouseEvents,
+            touchEvents,
+            keyboardEvents,
+        };
+        if (account)
+            onProcessData(userEvents);
+    }, [onProcessData, account]);
+    return _jsx("div", { ref: ref });
+};
+export default Collector;
+//# sourceMappingURL=collector.js.map

package/dist/components/collector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collector.js","sourceRoot":"","sources":["../../src/components/collector.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAQrD,OAAO,EAAyB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ3E,MAAM,SAAS,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAkB,EAAE,EAAE;IAC1E,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAExD,EAAE,CAAC,CAAC;IAEN,MAAM,GAAG,GACR,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,GAAG,EAAE,OAAO,EAAE,CAAC;YAClB,cAAc,CACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,GAAG,CAAC,OAAO,CACX,CAAC;QACH,CAAC;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,UAAU,GAAG;YAClB,WAAW;YACX,WAAW;YACX,cAAc;SACd,CAAC;QACF,IAAI,OAAO;YAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,cAAK,GAAG,EAAE,GAAG,GAAI,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./CaptchaWidget.js";
+export * from "./CaptchaComponent.js";
+export { default as ProcaptchaWidget } from "./ProcaptchaWidget.js";
+export { default as Procaptcha } from "./Procaptcha.js";
+export * from "./Procaptcha.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export * from "./CaptchaWidget.js";
+export * from "./CaptchaComponent.js";
+export { default as ProcaptchaWidget } from "./ProcaptchaWidget.js";
+export { default as Procaptcha } from "./Procaptcha.js";
+export * from "./Procaptcha.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components/index.js";
+export * from "./util/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components/index.js";
+export * from "./util/index.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}

package/dist/util/index.d.ts

@@ -0,0 +1,9 @@
+export default function addDataAttr({ general, dev, }: {
+    general?: {
+        [key: string]: string;
+    };
+    dev?: {
+        [key: string]: string;
+    };
+}): {};
+//# sourceMappingURL=index.d.ts.map