@prosopo/procaptcha-react 2.9.96 → 2.9.98

package/dist/components/CaptchaWidget.js

@@ -1,161 +1,107 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { ProsopoDatasetError } from "@prosopo/common";
-import { lightTheme, darkTheme } from "@prosopo/widget-skeleton";
+import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
 import { useMemo } from "react";
-const getHash = (item) => {
-  if (!item.hash) {
-    throw new ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", {
-      context: { item }
-    });
-  }
-  return item.hash;
-};
-const CaptchaWidget = ({
-  challenge,
-  solution,
-  onClick,
-  themeColor
-}) => {
-  const items = challenge.items;
-  const theme = useMemo(
-    () => themeColor === "light" ? lightTheme : darkTheme,
-    [themeColor]
-  );
-  const fullSpacing = `${theme.spacing.unit}px`;
-  const halfSpacing = `${theme.spacing.half}px`;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        // expand to full height / width of parent
-        width: "100%",
-        height: "100%",
-        // display children in flex, spreading them evenly and wrapping when row length exceeded
-        display: "flex",
-        flexDirection: "row",
-        flexWrap: "wrap",
-        justifyContent: "space-between",
-        paddingBottom: fullSpacing,
-        paddingTop: fullSpacing,
-        gap: "10px"
-      },
-      children: items.map((item, index) => {
-        const hash = getHash(item);
-        const imageStyle = {
-          // enable the items in the grid to grow in width to use up excess space
-          flexGrow: 1,
-          // make the width of each item 1/3rd of the width overall, i.e. 3 columns
-          flexBasis: "calc(33.333% - 10px)",
-          // include the padding / margin / border in the width
-          boxSizing: "border-box"
-        };
-        return /* @__PURE__ */ jsx("div", { style: imageStyle, children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              position: "relative",
-              cursor: "pointer",
-              height: "100%",
-              width: "100%",
-              padding: 0,
-              margin: 0
-            },
-            onClick: (e) => {
-              if (!e.isTrusted) {
-                return;
-              }
-              if ("touches" in e && e.touches.length > 0 && e.touches[0]) {
-                onClick(hash, e.touches[0].clientX, e.touches[0].clientY);
-                return;
-              }
-              if ("clientX" in e && "clientY" in e) {
-                onClick(hash, e.clientX, e.clientY);
-                return;
-              }
-              onClick(hash, 0, 0);
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  style: {
-                    width: "100%",
-                    // image should be full width / height of the item
-                    display: "block",
-                    // removes whitespace below imgs
-                    objectFit: "cover",
-                    // contain the entire image in the img tag
-                    aspectRatio: "1/1",
-                    // force AR to be 1, letterboxing images with different aspect ratios
-                    height: "auto",
-                    // make the img tag responsive to its container
-                    overflow: "hidden",
-                    borderStyle: "solid",
-                    borderWidth: "1px",
-                    borderColor: theme.palette.grey[300]
-                  },
-                  src: item.data,
-                  alt: `Captcha image ${index + 1}`,
-                  onError: (e) => {
-                    const target = e.currentTarget;
-                    target._retryCount = (target._retryCount || 0) + 1;
-                    if (target._retryCount <= 3) {
-                      target.src = `${item.data}?retry=${Date.now()}`;
-                    }
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    bottom: 0,
-                    right: 0,
-                    height: "100%",
-                    width: "100%",
-                    // display overlays in center
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    // make bg half opacity, i.e. shadowing the item's img
-                    backgroundColor: "rgba(0,0,0,0.5)",
-                    visibility: solution.some((s) => s[0] === hash) ? "visible" : "hidden"
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      style: {
-                        backgroundColor: "transparent",
-                        // img must be displayed as block otherwise gets a bottom whitespace border
-                        display: "block",
-                        // how big the overlay icon is
-                        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: /* @__PURE__ */ jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ) }, item.hash);
-      })
-    }
-  );
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+//#region src/components/CaptchaWidget.tsx
+var getHash = (item) => {
+	if (!item.hash) throw new ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", { context: { item } });
+	return item.hash;
 };
-export {
-  CaptchaWidget
+var CaptchaWidget = ({ challenge, solution, onClick, themeColor }) => {
+	const items = challenge.items;
+	const theme = useMemo(() => themeColor === "light" ? lightTheme : darkTheme, [themeColor]);
+	const fullSpacing = `${theme.spacing.unit}px`;
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "row",
+			flexWrap: "wrap",
+			justifyContent: "space-between",
+			paddingBottom: fullSpacing,
+			paddingTop: fullSpacing,
+			gap: "10px"
+		},
+		children: items.map((item, index) => {
+			const hash = getHash(item);
+			return /* @__PURE__ */ jsx("div", {
+				style: {
+					flexGrow: 1,
+					flexBasis: "calc(33.333% - 10px)",
+					boxSizing: "border-box"
+				},
+				children: /* @__PURE__ */ jsxs("div", {
+					style: {
+						position: "relative",
+						cursor: "pointer",
+						height: "100%",
+						width: "100%",
+						padding: 0,
+						margin: 0
+					},
+					onClick: (e) => {
+						if (!e.isTrusted) return;
+						onClick(hash, e.clientX, e.clientY);
+					},
+					children: [/* @__PURE__ */ jsx("img", {
+						style: {
+							width: "100%",
+							display: "block",
+							objectFit: "cover",
+							aspectRatio: "1/1",
+							height: "auto",
+							overflow: "hidden",
+							borderStyle: "solid",
+							borderWidth: "1px",
+							borderColor: theme.palette.grey[300]
+						},
+						src: item.data,
+						alt: `Captcha image ${index + 1}`,
+						onError: (e) => {
+							const target = e.currentTarget;
+							const retryCount = Number(target.dataset.retryCount ?? "0") + 1;
+							target.dataset.retryCount = String(retryCount);
+							if (retryCount <= 3) target.src = `${item.data}?retry=${Date.now()}`;
+						}
+					}), /* @__PURE__ */ 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)",
+							visibility: solution.some((s) => s[0] === hash) ? "visible" : "hidden"
+						},
+						children: /* @__PURE__ */ 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: /* @__PURE__ */ jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
+						})
+					})]
+				})
+			}, item.hash);
+		})
+	});
 };
+//#endregion
+export { CaptchaWidget };

package/dist/components/CaptchaWidget.js.map

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

package/dist/components/Modal.js

@@ -1,8 +1,9 @@
+import React from "react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/react";
-import React from "react";
 import { createPortal } from "react-dom";
-const ModalInnerDivCSS = css`
+//#region src/components/Modal.tsx
+var ModalInnerDivCSS = css`
 	position: absolute;
 	top: 50%;
 	left: 50%;
@@ -22,23 +23,25 @@ const ModalInnerDivCSS = css`
 		transform: translate(-50%, -100%);
     }
 `;
-const ModalComponent = React.memo((props) => {
-  const { show, children } = props;
-  const display = show ? "flex" : "none";
-  const ModalOuterDivCss = {
-    position: "fixed",
-    zIndex: 2147483646,
-    inset: 0,
-    display,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: "100vh"
-  };
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { className: "prosopo-modalOuter", style: ModalOuterDivCss, children: /* @__PURE__ */ jsx("div", { className: "prosopo-modalInner", css: ModalInnerDivCSS, children }) }),
-    document.body
-  );
+var ModalComponent = React.memo((props) => {
+	const { show, children } = props;
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: "prosopo-modalOuter",
+		style: {
+			position: "fixed",
+			zIndex: 2147483646,
+			inset: 0,
+			display: show ? "flex" : "none",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: "100vh"
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: "prosopo-modalInner",
+			css: ModalInnerDivCSS,
+			children
+		})
+	}), document.body);
 });
-export {
-  ModalComponent as default
-};
+//#endregion
+export { ModalComponent as default };

package/dist/components/Procaptcha.js

@@ -1,7 +1,7 @@
+import { Suspense, lazy } from "react";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { lazy, Suspense } from "react";
-const ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
-const Procaptcha = (props) => /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ProcaptchaWidget, { ...props }) });
-export {
-  Procaptcha as default
-};
+//#region src/components/Procaptcha.tsx
+var ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
+var Procaptcha = (props) => /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ProcaptchaWidget, { ...props }) });
+//#endregion
+export { Procaptcha as default };

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

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