npm - @thunderid/react - Versions diffs - 0.13.0 → 1.0.0 - Mend

@thunderid/react 0.13.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/components/adapters/GoogleButton.js CHANGED Viewed

@@ -3,6 +3,430 @@ import Button_default from "../primitives/Button/Button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/adapters/GoogleButton.tsx
+/** Google's gradient "G" mark, matching the icon shipped in `@thunderid/console`'s `GoogleIcon`. */
+const GoogleGlyph = () => /* @__PURE__ */ jsxs("svg", {
+	width: "18",
+	height: "18",
+	viewBox: "0 0 268.1522 273.8827",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ jsxs("defs", { children: [
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-a",
+			children: [/* @__PURE__ */ jsx("stop", {
+				offset: "0",
+				stopColor: "#0fbc5c"
+			}), /* @__PURE__ */ jsx("stop", {
+				offset: "1",
+				stopColor: "#0cba65"
+			})]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-g",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".2312727",
+					stopColor: "#0fbc5f"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3115468",
+					stopColor: "#0fbc5f"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3660131",
+					stopColor: "#0fbc5e"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".4575163",
+					stopColor: "#0fbc5d"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".540305",
+					stopColor: "#12bc58"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6993464",
+					stopColor: "#28bf3c"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7712418",
+					stopColor: "#38c02b"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".8605665",
+					stopColor: "#52c218"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".9150327",
+					stopColor: "#67c30f"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#86c504"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-h",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".1416122",
+					stopColor: "#1abd4d"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".2475151",
+					stopColor: "#6ec30d"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3115468",
+					stopColor: "#8ac502"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3660131",
+					stopColor: "#a2c600"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".4456735",
+					stopColor: "#c8c903"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".540305",
+					stopColor: "#ebcb03"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6156363",
+					stopColor: "#f7cd07"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6993454",
+					stopColor: "#fdcd04"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7712418",
+					stopColor: "#fdce05"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".8605661",
+					stopColor: "#ffce0a"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-f",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3159041",
+					stopColor: "#ff4c3c"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6038179",
+					stopColor: "#ff692c"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7268366",
+					stopColor: "#ff7825"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".884534",
+					stopColor: "#ff8d1b"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#ff9f13"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-b",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".2312727",
+					stopColor: "#ff4541"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3115468",
+					stopColor: "#ff4540"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".4575163",
+					stopColor: "#ff4640"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".540305",
+					stopColor: "#ff473f"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6993464",
+					stopColor: "#ff5138"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7712418",
+					stopColor: "#ff5b33"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".8605665",
+					stopColor: "#ff6c29"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#ff8c18"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-d",
+			children: [/* @__PURE__ */ jsx("stop", {
+				offset: ".4084578",
+				stopColor: "#fb4e5a"
+			}), /* @__PURE__ */ jsx("stop", {
+				offset: "1",
+				stopColor: "#ff4540"
+			})]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-c",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".1315461",
+					stopColor: "#0cba65"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".2097843",
+					stopColor: "#0bb86d"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".2972969",
+					stopColor: "#09b479"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3962575",
+					stopColor: "#08ad93"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".4771242",
+					stopColor: "#0aa6a9"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".5684245",
+					stopColor: "#0d9cc6"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".667385",
+					stopColor: "#1893dd"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7687273",
+					stopColor: "#258bf1"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".8585063",
+					stopColor: "#3086ff"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("linearGradient", {
+			id: "google-btn-e",
+			children: [
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".3660131",
+					stopColor: "#ff4e3a"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".4575163",
+					stopColor: "#ff8a1b"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".540305",
+					stopColor: "#ffa312"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".6156363",
+					stopColor: "#ffb60c"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".7712418",
+					stopColor: "#ffcd0a"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".8605665",
+					stopColor: "#fecf0a"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".9150327",
+					stopColor: "#fecf08"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#fdcd01"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx("linearGradient", {
+			href: "#google-btn-a",
+			id: "google-btn-s",
+			x1: "219.6997",
+			y1: "329.5351",
+			x2: "254.4673",
+			y2: "329.5351",
+			gradientUnits: "userSpaceOnUse"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-b",
+			id: "google-btn-m",
+			gradientUnits: "userSpaceOnUse",
+			gradientTransform: "matrix(-1.936885,1.043001,1.455731,2.555422,290.5254,-400.6338)",
+			cx: "109.6267",
+			cy: "135.8619",
+			fx: "109.6267",
+			fy: "135.8619",
+			r: "71.46001"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-c",
+			id: "google-btn-n",
+			gradientUnits: "userSpaceOnUse",
+			gradientTransform: "matrix(-3.512595,-4.45809,-1.692547,1.260616,870.8006,191.554)",
+			cx: "45.25866",
+			cy: "279.2738",
+			fx: "45.25866",
+			fy: "279.2738",
+			r: "71.46001"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-d",
+			id: "google-btn-l",
+			cx: "304.0166",
+			cy: "118.0089",
+			fx: "304.0166",
+			fy: "118.0089",
+			r: "47.85445",
+			gradientTransform: "matrix(2.064353,-4.926832e-6,-2.901531e-6,2.592041,-297.6788,-151.7469)",
+			gradientUnits: "userSpaceOnUse"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-e",
+			id: "google-btn-o",
+			gradientUnits: "userSpaceOnUse",
+			gradientTransform: "matrix(-0.2485783,2.083138,2.962486,0.3341668,-255.1463,-331.1636)",
+			cx: "181.001",
+			cy: "177.2013",
+			fx: "181.001",
+			fy: "177.2013",
+			r: "71.46001"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-f",
+			id: "google-btn-p",
+			cx: "207.6733",
+			cy: "108.0972",
+			fx: "207.6733",
+			fy: "108.0972",
+			r: "41.1025",
+			gradientTransform: "matrix(-1.249206,1.343263,-3.896837,-3.425693,880.5011,194.9051)",
+			gradientUnits: "userSpaceOnUse"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-g",
+			id: "google-btn-r",
+			gradientUnits: "userSpaceOnUse",
+			gradientTransform: "matrix(-1.936885,-1.043001,1.455731,-2.555422,290.5254,838.6834)",
+			cx: "109.6267",
+			cy: "135.8619",
+			fx: "109.6267",
+			fy: "135.8619",
+			r: "71.46001"
+		}),
+		/* @__PURE__ */ jsx("radialGradient", {
+			href: "#google-btn-h",
+			id: "google-btn-j",
+			gradientUnits: "userSpaceOnUse",
+			gradientTransform: "matrix(-0.081402,-1.93722,2.926737,-0.1162508,-215.1345,632.8606)",
+			cx: "154.8697",
+			cy: "145.9691",
+			fx: "154.8697",
+			fy: "145.9691",
+			r: "71.46001"
+		}),
+		/* @__PURE__ */ jsx("filter", {
+			id: "google-btn-q",
+			x: "-.04842873",
+			y: "-.0582241",
+			width: "1.096857",
+			height: "1.116448",
+			colorInterpolationFilters: "sRGB",
+			children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.700914" })
+		}),
+		/* @__PURE__ */ jsx("filter", {
+			id: "google-btn-k",
+			x: "-.01670084",
+			y: "-.01009856",
+			width: "1.033402",
+			height: "1.020197",
+			colorInterpolationFilters: "sRGB",
+			children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: ".2419367" })
+		}),
+		/* @__PURE__ */ jsx("clipPath", {
+			clipPathUnits: "userSpaceOnUse",
+			id: "google-btn-i",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M371.3784 193.2406H237.0825v53.4375h77.167c-1.2405 7.5627-4.0259 15.0024-8.1049 21.7862-4.6734 7.7723-10.4511 13.6895-16.373 18.1957-17.7389 13.4983-38.42 16.2584-52.7828 16.2584-36.2824 0-67.2833-23.2865-79.2844-54.9287-.4843-1.1482-.8059-2.3344-1.1975-3.5068-2.652-8.0533-4.101-16.5825-4.101-25.4474 0-9.226 1.5691-18.0575 4.4301-26.3985 11.2851-32.8967 42.9849-57.4674 80.1789-57.4674 7.4811 0 14.6854.8843 21.5173 2.6481 15.6135 4.0309 26.6578 11.9698 33.4252 18.2494l40.834-39.7111c-24.839-22.616-57.2194-36.3201-95.8444-36.3201-30.8782-.00066-59.3863 9.55308-82.7477 25.6992-18.9454 13.0941-34.4833 30.6254-44.9695 50.9861-9.75366 18.8785-15.09441 39.7994-15.09441 62.2934 0 22.495 5.34891 43.6334 15.10261 62.3374v.126c10.3023 19.8567 25.3678 36.9537 43.6783 49.9878 15.9962 11.3866 44.6789 26.5516 84.0307 26.5516 22.6301 0 42.6867-4.0517 60.3748-11.6447 12.76-5.4775 24.0655-12.6217 34.3012-21.8036 13.5247-12.1323 24.1168-27.1388 31.3465-44.4041 7.2297-17.2654 11.097-36.7895 11.097-57.957 0-9.858-.9971-19.8694-2.6881-28.9684Z",
+				fill: "#000"
+			})
+		})
+	] }), /* @__PURE__ */ jsx("g", {
+		transform: "matrix(0.957922,0,0,0.985255,-90.17436,-78.85577)",
+		children: /* @__PURE__ */ jsxs("g", {
+			clipPath: "url(#google-btn-i)",
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M92.07563 219.9585c.14844 22.14 6.5014 44.983 16.11767 63.4234v.1269c6.9482 13.3919 16.4444 23.9704 27.2604 34.4518l65.326-23.67c-12.3593-6.2344-14.2452-10.0546-23.1048-17.0253-9.0537-9.0658-15.8015-19.4735-20.0038-31.677h-.1693l.1693-.1269c-2.7646-8.0587-3.0373-16.6129-3.1393-25.5029Z",
+					fill: "url(#google-btn-j)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M237.0835 79.02491c-6.4568 22.52569-3.988 44.42139 0 57.16129 7.4561.0055 14.6388.8881 21.4494 2.6464 15.6135 4.0309 26.6566 11.97 33.424 18.2496l41.8794-40.7256c-24.8094-22.58904-54.6663-37.2961-96.7528-37.33169Z",
+					fill: "url(#google-btn-l)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M236.9434 78.84678c-31.6709-.00068-60.9107 9.79833-84.8718 26.35902-8.8968 6.149-17.0612 13.2521-24.3311 21.1509-1.9045 17.7429 14.2569 39.5507 46.2615 39.3702 15.5284-17.9373 38.4946-29.5427 64.0561-29.5427.0233 0 .046.0019.0693.002l-1.0439-57.33536c-.0472-.00003-.0929-.00406-.1401-.00406Z",
+					fill: "url(#google-btn-m)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "m341.4751 226.3788-28.2685 19.2848c-1.2405 7.5627-4.0278 15.0023-8.1068 21.7861-4.6734 7.7723-10.4506 13.6898-16.3725 18.196-17.7022 13.4704-38.3286 16.2439-52.6877 16.2553-14.8415 25.1018-17.4435 37.6749 1.0439 57.9342 22.8762-.0167 43.157-4.1174 61.0458-11.7965 12.9312-5.551 24.3879-12.7913 34.7609-22.0964 13.7061-12.295 24.4421-27.5034 31.7688-45.0003 7.3267-17.497 11.2446-37.2822 11.2446-58.7336Z",
+					fill: "url(#google-btn-n)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M234.9956 191.2104v57.4981h136.0062c1.1962-7.8745 5.1523-18.0644 5.1523-26.5001 0-9.858-.9963-21.899-2.6873-30.998Z",
+					fill: "#3086ff",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M128.3894 124.3268c-8.393 9.1191-15.5632 19.326-21.2483 30.3646-9.75351 18.8785-15.09402 41.8295-15.09402 64.3235 0 .317.02642.6271.02855.9436 4.31953 8.2244 59.66647 6.6495 62.45617 0-.0035-.3103-.0387-.6128-.0387-.9238 0-9.226 1.5696-16.0262 4.4306-24.3672 3.5294-10.2885 9.0557-19.7628 16.1223-27.9257 1.6019-2.0309 5.8748-6.3969 7.1214-9.0157.4749-.9975-.8621-1.5574-.9369-1.9085-.0836-.3927-1.8762-.0769-2.2778-.3694-1.2751-.9288-3.8001-1.4138-5.3334-1.8449-3.2772-.9215-8.7085-2.9536-11.7252-5.0601-9.5357-6.6586-24.417-14.6122-33.5047-24.2164Z",
+					fill: "url(#google-btn-o)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M162.0989 155.8569c22.1123 13.3013 28.4714-6.7139 43.173-12.9771L179.698 90.21568c-9.4075 3.92642-18.2957 8.80465-26.5426 14.50442-12.316 8.5122-23.192 18.8995-32.1763 30.7204Z",
+					fill: "url(#google-btn-p)",
+					filter: "url(#google-btn-q)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M171.0987 290.222c-29.6829 10.6413-34.3299 11.023-37.0622 29.2903 5.2213 5.0597 10.8312 9.74 16.7926 13.9835 15.9962 11.3867 46.766 26.5517 86.1178 26.5517.0462 0 .0904-.004.1366-.004v-59.1574c-.0298.0001-.064.002-.0938.002-14.7359 0-26.5113-3.8435-38.5848-10.5273-2.9768-1.6479-8.3775 2.7772-11.1229.799-3.7865-2.7284-12.8991 2.3508-16.1833-.9378Z",
+					fill: "url(#google-btn-r)",
+					filter: "url(#google-btn-k)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M219.6997 299.0227v59.9959c5.506.6402 11.2361 1.0289 17.2472 1.0289 6.0259 0 11.8556-.3073 17.5204-.8723v-59.7481c-6.3482 1.0777-12.3272 1.461-17.4776 1.461-5.9318 0-11.7005-.6858-17.29-1.8654Z",
+					opacity: ".5",
+					fill: "url(#google-btn-s)",
+					filter: "url(#google-btn-k)"
+				})
+			]
+		})
+	})]
+});
 /**
 * Google Sign-In Button Component.
 * Handles authentication with Google identity provider.
@@ -16,37 +440,7 @@ const GoogleButton = ({ isLoading, preferences, children,...rest }) => {
 		color: "secondary",
 		variant: "solid",
 		disabled: isLoading,
-		startIcon: /* @__PURE__ */ jsx("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 67.91 67.901",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ jsxs("g", {
-				transform: "translate(-0.001 -0.001)",
-				children: [
-					/* @__PURE__ */ jsx("path", {
-						d: "M15.049,160.965l-2.364,8.824-8.639.183a34.011,34.011,0,0,1-.25-31.7h0l7.691,1.41,3.369,7.645a20.262,20.262,0,0,0,.19,13.642Z",
-						transform: "translate(0 -119.93)",
-						fill: "#fbbb00"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: "M294.24,208.176A33.939,33.939,0,0,1,282.137,241h0l-9.687-.494-1.371-8.559a20.235,20.235,0,0,0,8.706-10.333H261.628V208.176Z",
-						transform: "translate(-226.93 -180.567)",
-						fill: "#518ef8"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: "M81.668,328.8h0a33.962,33.962,0,0,1-51.161-10.387l11-9.006a20.192,20.192,0,0,0,29.1,10.338Z",
-						transform: "translate(-26.463 -268.374)",
-						fill: "#28b446"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: "M80.451,7.816l-11,9A20.19,20.19,0,0,0,39.686,27.393l-11.06-9.055h0A33.959,33.959,0,0,1,80.451,7.816Z",
-						transform: "translate(-24.828)",
-						fill: "#f14336"
-					})
-				]
-			})
-		}),
+		startIcon: /* @__PURE__ */ jsx(GoogleGlyph, {}),
 		children: children ?? t("elements.buttons.google.text")
 	});
 };

package/dist/components/adapters/GoogleButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GoogleButton.js","names":["GoogleButton: FC<GoogleButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../src/components/adapters/GoogleButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface GoogleButtonProps extends WithPreferences {\n /*\n Whether the component is in loading state.\n /\n isLoading?: boolean;\n}\n\n/\n Google Sign-In Button Component.\n * Handles authentication with Google identity provider.\n */\nconst GoogleButton: FC<GoogleButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n isLoading,\n preferences,\n children,\n ...rest\n}: GoogleButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n const {t} = useTranslation(preferences?.i18n);\n\n return (\n <Button\n {...rest}\n fullWidth\n type=\"button\"\n color=\"secondary\"\n variant=\"solid\"\n disabled={isLoading}\n startIcon={\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 67.91 67.901\" xmlns=\"http://www.w3.org/2000/svg\">\n <g transform=\"translate(-0.001 -0.001)\">\n <path\n d=\"M15.049,160.965l-2.364,8.824-8.639.183a34.011,34.011,0,0,1-.25-31.7h0l7.691,1.41,3.369,7.645a20.262,20.262,0,0,0,.19,13.642Z\"\n transform=\"translate(0 -119.93)\"\n fill=\"#fbbb00\"\n />\n <path\n d=\"M294.24,208.176A33.939,33.939,0,0,1,282.137,241h0l-9.687-.494-1.371-8.559a20.235,20.235,0,0,0,8.706-10.333H261.628V208.176Z\"\n transform=\"translate(-226.93 -180.567)\"\n fill=\"#518ef8\"\n />\n <path\n d=\"M81.668,328.8h0a33.962,33.962,0,0,1-51.161-10.387l11-9.006a20.192,20.192,0,0,0,29.1,10.338Z\"\n transform=\"translate(-26.463 -268.374)\"\n fill=\"#28b446\"\n />\n <path\n d=\"M80.451,7.816l-11,9A20.19,20.19,0,0,0,39.686,27.393l-11.06-9.055h0A33.959,33.959,0,0,1,80.451,7.816Z\"\n transform=\"translate(-24.828)\"\n fill=\"#f14336\"\n />\n </g>\n </svg>\n }\n >\n {children ?? t('elements.buttons.google.text')}\n </Button>\n );\n};\n\nexport default GoogleButton;\n"],"mappings":";;;;;;;;;AAmBA,MAAMA,gBAA2E,EAC/E,WACA,aACA,SACA,GAAG,WACwD;CAC3D,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;AAE7C,QACE,oBAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,oBAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAmB,OAAM;aAC3D,qBAAC;IAAE,WAAU;;KACX,oBAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,oBAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,oBAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,oBAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;;KACA;IACA;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}
1	+ {"version":3,"file":"GoogleButton.js","names":["GoogleGlyph: FC","GoogleButton: FC<GoogleButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../src/components/adapters/GoogleButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface GoogleButtonProps extends WithPreferences {\n /*\n Whether the component is in loading state.\n /\n isLoading?: boolean;\n}\n\n/* Google's gradient \"G\" mark, matching the icon shipped in `@thunderid/console`'s `GoogleIcon`. /\nconst GoogleGlyph: FC = () => (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 268.1522 273.8827\" xmlns=\"http://www.w3.org/2000/svg\">\n <defs>\n <linearGradient id=\"google-btn-a\">\n <stop offset=\"0\" stopColor=\"#0fbc5c\" />\n <stop offset=\"1\" stopColor=\"#0cba65\" />\n </linearGradient>\n <linearGradient id=\"google-btn-g\">\n <stop offset=\".2312727\" stopColor=\"#0fbc5f\" />\n <stop offset=\".3115468\" stopColor=\"#0fbc5f\" />\n <stop offset=\".3660131\" stopColor=\"#0fbc5e\" />\n <stop offset=\".4575163\" stopColor=\"#0fbc5d\" />\n <stop offset=\".540305\" stopColor=\"#12bc58\" />\n <stop offset=\".6993464\" stopColor=\"#28bf3c\" />\n <stop offset=\".7712418\" stopColor=\"#38c02b\" />\n <stop offset=\".8605665\" stopColor=\"#52c218\" />\n <stop offset=\".9150327\" stopColor=\"#67c30f\" />\n <stop offset=\"1\" stopColor=\"#86c504\" />\n </linearGradient>\n <linearGradient id=\"google-btn-h\">\n <stop offset=\".1416122\" stopColor=\"#1abd4d\" />\n <stop offset=\".2475151\" stopColor=\"#6ec30d\" />\n <stop offset=\".3115468\" stopColor=\"#8ac502\" />\n <stop offset=\".3660131\" stopColor=\"#a2c600\" />\n <stop offset=\".4456735\" stopColor=\"#c8c903\" />\n <stop offset=\".540305\" stopColor=\"#ebcb03\" />\n <stop offset=\".6156363\" stopColor=\"#f7cd07\" />\n <stop offset=\".6993454\" stopColor=\"#fdcd04\" />\n <stop offset=\".7712418\" stopColor=\"#fdce05\" />\n <stop offset=\".8605661\" stopColor=\"#ffce0a\" />\n </linearGradient>\n <linearGradient id=\"google-btn-f\">\n <stop offset=\".3159041\" stopColor=\"#ff4c3c\" />\n <stop offset=\".6038179\" stopColor=\"#ff692c\" />\n <stop offset=\".7268366\" stopColor=\"#ff7825\" />\n <stop offset=\".884534\" stopColor=\"#ff8d1b\" />\n <stop offset=\"1\" stopColor=\"#ff9f13\" />\n </linearGradient>\n <linearGradient id=\"google-btn-b\">\n <stop offset=\".2312727\" stopColor=\"#ff4541\" />\n <stop offset=\".3115468\" stopColor=\"#ff4540\" />\n <stop offset=\".4575163\" stopColor=\"#ff4640\" />\n <stop offset=\".540305\" stopColor=\"#ff473f\" />\n <stop offset=\".6993464\" stopColor=\"#ff5138\" />\n <stop offset=\".7712418\" stopColor=\"#ff5b33\" />\n <stop offset=\".8605665\" stopColor=\"#ff6c29\" />\n <stop offset=\"1\" stopColor=\"#ff8c18\" />\n </linearGradient>\n <linearGradient id=\"google-btn-d\">\n <stop offset=\".4084578\" stopColor=\"#fb4e5a\" />\n <stop offset=\"1\" stopColor=\"#ff4540\" />\n </linearGradient>\n <linearGradient id=\"google-btn-c\">\n <stop offset=\".1315461\" stopColor=\"#0cba65\" />\n <stop offset=\".2097843\" stopColor=\"#0bb86d\" />\n <stop offset=\".2972969\" stopColor=\"#09b479\" />\n <stop offset=\".3962575\" stopColor=\"#08ad93\" />\n <stop offset=\".4771242\" stopColor=\"#0aa6a9\" />\n <stop offset=\".5684245\" stopColor=\"#0d9cc6\" />\n <stop offset=\".667385\" stopColor=\"#1893dd\" />\n <stop offset=\".7687273\" stopColor=\"#258bf1\" />\n <stop offset=\".8585063\" stopColor=\"#3086ff\" />\n </linearGradient>\n <linearGradient id=\"google-btn-e\">\n <stop offset=\".3660131\" stopColor=\"#ff4e3a\" />\n <stop offset=\".4575163\" stopColor=\"#ff8a1b\" />\n <stop offset=\".540305\" stopColor=\"#ffa312\" />\n <stop offset=\".6156363\" stopColor=\"#ffb60c\" />\n <stop offset=\".7712418\" stopColor=\"#ffcd0a\" />\n <stop offset=\".8605665\" stopColor=\"#fecf0a\" />\n <stop offset=\".9150327\" stopColor=\"#fecf08\" />\n <stop offset=\"1\" stopColor=\"#fdcd01\" />\n </linearGradient>\n <linearGradient\n href=\"#google-btn-a\"\n id=\"google-btn-s\"\n x1=\"219.6997\"\n y1=\"329.5351\"\n x2=\"254.4673\"\n y2=\"329.5351\"\n gradientUnits=\"userSpaceOnUse\"\n />\n <radialGradient\n href=\"#google-btn-b\"\n id=\"google-btn-m\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(-1.936885,1.043001,1.455731,2.555422,290.5254,-400.6338)\"\n cx=\"109.6267\"\n cy=\"135.8619\"\n fx=\"109.6267\"\n fy=\"135.8619\"\n r=\"71.46001\"\n />\n <radialGradient\n href=\"#google-btn-c\"\n id=\"google-btn-n\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(-3.512595,-4.45809,-1.692547,1.260616,870.8006,191.554)\"\n cx=\"45.25866\"\n cy=\"279.2738\"\n fx=\"45.25866\"\n fy=\"279.2738\"\n r=\"71.46001\"\n />\n <radialGradient\n href=\"#google-btn-d\"\n id=\"google-btn-l\"\n cx=\"304.0166\"\n cy=\"118.0089\"\n fx=\"304.0166\"\n fy=\"118.0089\"\n r=\"47.85445\"\n gradientTransform=\"matrix(2.064353,-4.926832e-6,-2.901531e-6,2.592041,-297.6788,-151.7469)\"\n gradientUnits=\"userSpaceOnUse\"\n />\n <radialGradient\n href=\"#google-btn-e\"\n id=\"google-btn-o\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(-0.2485783,2.083138,2.962486,0.3341668,-255.1463,-331.1636)\"\n cx=\"181.001\"\n cy=\"177.2013\"\n fx=\"181.001\"\n fy=\"177.2013\"\n r=\"71.46001\"\n />\n <radialGradient\n href=\"#google-btn-f\"\n id=\"google-btn-p\"\n cx=\"207.6733\"\n cy=\"108.0972\"\n fx=\"207.6733\"\n fy=\"108.0972\"\n r=\"41.1025\"\n gradientTransform=\"matrix(-1.249206,1.343263,-3.896837,-3.425693,880.5011,194.9051)\"\n gradientUnits=\"userSpaceOnUse\"\n />\n <radialGradient\n href=\"#google-btn-g\"\n id=\"google-btn-r\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(-1.936885,-1.043001,1.455731,-2.555422,290.5254,838.6834)\"\n cx=\"109.6267\"\n cy=\"135.8619\"\n fx=\"109.6267\"\n fy=\"135.8619\"\n r=\"71.46001\"\n />\n <radialGradient\n href=\"#google-btn-h\"\n id=\"google-btn-j\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(-0.081402,-1.93722,2.926737,-0.1162508,-215.1345,632.8606)\"\n cx=\"154.8697\"\n cy=\"145.9691\"\n fx=\"154.8697\"\n fy=\"145.9691\"\n r=\"71.46001\"\n />\n <filter\n id=\"google-btn-q\"\n x=\"-.04842873\"\n y=\"-.0582241\"\n width=\"1.096857\"\n height=\"1.116448\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feGaussianBlur stdDeviation=\"1.700914\" />\n </filter>\n <filter\n id=\"google-btn-k\"\n x=\"-.01670084\"\n y=\"-.01009856\"\n width=\"1.033402\"\n height=\"1.020197\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feGaussianBlur stdDeviation=\".2419367\" />\n </filter>\n <clipPath clipPathUnits=\"userSpaceOnUse\" id=\"google-btn-i\">\n <path\n d=\"M371.3784 193.2406H237.0825v53.4375h77.167c-1.2405 7.5627-4.0259 15.0024-8.1049 21.7862-4.6734 7.7723-10.4511 13.6895-16.373 18.1957-17.7389 13.4983-38.42 16.2584-52.7828 16.2584-36.2824 0-67.2833-23.2865-79.2844-54.9287-.4843-1.1482-.8059-2.3344-1.1975-3.5068-2.652-8.0533-4.101-16.5825-4.101-25.4474 0-9.226 1.5691-18.0575 4.4301-26.3985 11.2851-32.8967 42.9849-57.4674 80.1789-57.4674 7.4811 0 14.6854.8843 21.5173 2.6481 15.6135 4.0309 26.6578 11.9698 33.4252 18.2494l40.834-39.7111c-24.839-22.616-57.2194-36.3201-95.8444-36.3201-30.8782-.00066-59.3863 9.55308-82.7477 25.6992-18.9454 13.0941-34.4833 30.6254-44.9695 50.9861-9.75366 18.8785-15.09441 39.7994-15.09441 62.2934 0 22.495 5.34891 43.6334 15.10261 62.3374v.126c10.3023 19.8567 25.3678 36.9537 43.6783 49.9878 15.9962 11.3866 44.6789 26.5516 84.0307 26.5516 22.6301 0 42.6867-4.0517 60.3748-11.6447 12.76-5.4775 24.0655-12.6217 34.3012-21.8036 13.5247-12.1323 24.1168-27.1388 31.3465-44.4041 7.2297-17.2654 11.097-36.7895 11.097-57.957 0-9.858-.9971-19.8694-2.6881-28.9684Z\"\n fill=\"#000\"\n />\n </clipPath>\n </defs>\n <g transform=\"matrix(0.957922,0,0,0.985255,-90.17436,-78.85577)\">\n <g clipPath=\"url(#google-btn-i)\">\n <path\n d=\"M92.07563 219.9585c.14844 22.14 6.5014 44.983 16.11767 63.4234v.1269c6.9482 13.3919 16.4444 23.9704 27.2604 34.4518l65.326-23.67c-12.3593-6.2344-14.2452-10.0546-23.1048-17.0253-9.0537-9.0658-15.8015-19.4735-20.0038-31.677h-.1693l.1693-.1269c-2.7646-8.0587-3.0373-16.6129-3.1393-25.5029Z\"\n fill=\"url(#google-btn-j)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M237.0835 79.02491c-6.4568 22.52569-3.988 44.42139 0 57.16129 7.4561.0055 14.6388.8881 21.4494 2.6464 15.6135 4.0309 26.6566 11.97 33.424 18.2496l41.8794-40.7256c-24.8094-22.58904-54.6663-37.2961-96.7528-37.33169Z\"\n fill=\"url(#google-btn-l)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M236.9434 78.84678c-31.6709-.00068-60.9107 9.79833-84.8718 26.35902-8.8968 6.149-17.0612 13.2521-24.3311 21.1509-1.9045 17.7429 14.2569 39.5507 46.2615 39.3702 15.5284-17.9373 38.4946-29.5427 64.0561-29.5427.0233 0 .046.0019.0693.002l-1.0439-57.33536c-.0472-.00003-.0929-.00406-.1401-.00406Z\"\n fill=\"url(#google-btn-m)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"m341.4751 226.3788-28.2685 19.2848c-1.2405 7.5627-4.0278 15.0023-8.1068 21.7861-4.6734 7.7723-10.4506 13.6898-16.3725 18.196-17.7022 13.4704-38.3286 16.2439-52.6877 16.2553-14.8415 25.1018-17.4435 37.6749 1.0439 57.9342 22.8762-.0167 43.157-4.1174 61.0458-11.7965 12.9312-5.551 24.3879-12.7913 34.7609-22.0964 13.7061-12.295 24.4421-27.5034 31.7688-45.0003 7.3267-17.497 11.2446-37.2822 11.2446-58.7336Z\"\n fill=\"url(#google-btn-n)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M234.9956 191.2104v57.4981h136.0062c1.1962-7.8745 5.1523-18.0644 5.1523-26.5001 0-9.858-.9963-21.899-2.6873-30.998Z\"\n fill=\"#3086ff\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M128.3894 124.3268c-8.393 9.1191-15.5632 19.326-21.2483 30.3646-9.75351 18.8785-15.09402 41.8295-15.09402 64.3235 0 .317.02642.6271.02855.9436 4.31953 8.2244 59.66647 6.6495 62.45617 0-.0035-.3103-.0387-.6128-.0387-.9238 0-9.226 1.5696-16.0262 4.4306-24.3672 3.5294-10.2885 9.0557-19.7628 16.1223-27.9257 1.6019-2.0309 5.8748-6.3969 7.1214-9.0157.4749-.9975-.8621-1.5574-.9369-1.9085-.0836-.3927-1.8762-.0769-2.2778-.3694-1.2751-.9288-3.8001-1.4138-5.3334-1.8449-3.2772-.9215-8.7085-2.9536-11.7252-5.0601-9.5357-6.6586-24.417-14.6122-33.5047-24.2164Z\"\n fill=\"url(#google-btn-o)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M162.0989 155.8569c22.1123 13.3013 28.4714-6.7139 43.173-12.9771L179.698 90.21568c-9.4075 3.92642-18.2957 8.80465-26.5426 14.50442-12.316 8.5122-23.192 18.8995-32.1763 30.7204Z\"\n fill=\"url(#google-btn-p)\"\n filter=\"url(#google-btn-q)\"\n />\n <path\n d=\"M171.0987 290.222c-29.6829 10.6413-34.3299 11.023-37.0622 29.2903 5.2213 5.0597 10.8312 9.74 16.7926 13.9835 15.9962 11.3867 46.766 26.5517 86.1178 26.5517.0462 0 .0904-.004.1366-.004v-59.1574c-.0298.0001-.064.002-.0938.002-14.7359 0-26.5113-3.8435-38.5848-10.5273-2.9768-1.6479-8.3775 2.7772-11.1229.799-3.7865-2.7284-12.8991 2.3508-16.1833-.9378Z\"\n fill=\"url(#google-btn-r)\"\n filter=\"url(#google-btn-k)\"\n />\n <path\n d=\"M219.6997 299.0227v59.9959c5.506.6402 11.2361 1.0289 17.2472 1.0289 6.0259 0 11.8556-.3073 17.5204-.8723v-59.7481c-6.3482 1.0777-12.3272 1.461-17.4776 1.461-5.9318 0-11.7005-.6858-17.29-1.8654Z\"\n opacity=\".5\"\n fill=\"url(#google-btn-s)\"\n filter=\"url(#google-btn-k)\"\n />\n </g>\n </g>\n </svg>\n);\n\n/\n Google Sign-In Button Component.\n * Handles authentication with Google identity provider.\n */\nconst GoogleButton: FC<GoogleButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n isLoading,\n preferences,\n children,\n ...rest\n}: GoogleButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n const {t} = useTranslation(preferences?.i18n);\n\n return (\n <Button\n {...rest}\n fullWidth\n type=\"button\"\n color=\"secondary\"\n variant=\"solid\"\n disabled={isLoading}\n startIcon={<GoogleGlyph />}\n >\n {children ?? t('elements.buttons.google.text')}\n </Button>\n );\n};\n\nexport default GoogleButton;\n"],"mappings":"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"}

package/dist/components/factories/FieldFactory.d.ts CHANGED Viewed

@@ -25,10 +25,18 @@ export interface FieldConfig {
      * Display name for the field.
      */
     label: string;
+    /**
+     * Number of characters for OTP fields.
+     */
+    length?: number;
     /**
      * The name of the field.
      */
     name: string;
+    /**
+     * Whether an OTP field accepts digits only. Defaults to true.
+     */
+    numericOnly?: boolean;
     /**
      * Callback function when the field loses focus.
      */

package/dist/components/factories/FieldFactory.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldFactory.d.ts","sourceRoot":"","sources":["../../../src/components/factories/FieldFactory.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAc,EAAE,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAKpD,OAAe,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAGjE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,MAAM,SAAS,EACf,kBAAgB,EAChB,iBAAe,KACd,MAAM,GAAG,IAsBX,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,WAAW,KAAG,~~YA6HjD~~,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAA4D,CAAC;AAEtG,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"FieldFactory.d.ts","sourceRoot":"","sources":["../../../src/components/factories/FieldFactory.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAc,EAAE,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAKpD,OAAe,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAGjE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,MAAM,SAAS,EACf,kBAAgB,EAChB,iBAAe,KACd,MAAM,GAAG,IAsBX,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,WAAW,KAAG,YAqIjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAA4D,CAAC;AAEtG,eAAe,YAAY,CAAC"}

package/dist/components/factories/FieldFactory.js CHANGED Viewed

@@ -44,7 +44,7 @@ const validateFieldValue = (value, type, required = false, touched = false) => {
 * ```
 */
 const createField = (config) => {
-	const { name, type, label, required, value, onChange, onBlur, disabled = false, error, className, id, options = [], touched = false, placeholder } = config;
+	const { name, type, label, required, value, onChange, onBlur, disabled = false, error, className, id, options = [], touched = false, placeholder, length, numericOnly = true } = config;
 	const validationError = error || validateFieldValue(value, type, required, touched);
 	const commonProps = {
 		className,
@@ -96,6 +96,9 @@ const createField = (config) => {
 		}
 		case FieldType.Otp: return /* @__PURE__ */ jsx(OtpField_default, {
 			...commonProps,
+			length,
+			type: numericOnly ? "number" : "text",
+			uppercase: !numericOnly,
 			onChange: (e) => onChange(e.target.value)
 		});
 		case FieldType.Number: return /* @__PURE__ */ jsx(TextField_default, {

package/dist/components/factories/FieldFactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldFactory.js","names":["numValue: number","validationError: string \| null","commonProps: Record<string, any>","PasswordField","TextField","DatePicker","isChecked: boolean","Checkbox","OtpField","fieldOptions: SelectOption[]","Select","FieldFactory: FC<FieldConfig>"],"sources":["../../../src/components/factories/FieldFactory.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FieldType} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement} from 'react';\nimport Checkbox from '../primitives/Checkbox/Checkbox';\nimport DatePicker from '../primitives/DatePicker/DatePicker';\nimport OtpField from '../primitives/OtpField/OtpField';\nimport PasswordField from '../primitives/PasswordField/PasswordField';\nimport Select, {SelectOption} from '../primitives/Select/Select';\nimport TextField from '../primitives/TextField/TextField';\n\n/*\n Interface for field configuration.\n /\nexport interface FieldConfig {\n /\n Additional CSS class name.\n /\n className?: string;\n /\n Whether the field is disabled.\n /\n disabled?: boolean;\n /\n Error message to display.\n /\n error?: string;\n /\n HTML id to apply to the rendered field.\n /\n id?: string;\n /\n Display name for the field.\n /\n label: string;\n /\n The name of the field.\n /\n name: string;\n /\n Callback function when the field loses focus.\n /\n onBlur?: () => void;\n /\n Callback function when the field value changes.\n /\n onChange: (value: string) => void;\n /\n Additional options for multi-valued fields.\n /\n options?: SelectOption[];\n /\n Placeholder text for the field.\n /\n placeholder?: string;\n /\n Whether the field is required.\n /\n required: boolean;\n /\n Whether the field has been touched/interacted with by the user.\n /\n touched?: boolean;\n /\n The field type.\n /\n type: FieldType;\n /\n Current value of the field.\n /\n value: string;\n}\n\n/\n Utility function to validate field values based on type\n /\nexport const validateFieldValue = (\n value: string,\n type: FieldType,\n required = false,\n touched = false,\n): string \| null => {\n if (required && touched && (!value \|\| value.trim() === '')) {\n return 'This field is required';\n }\n\n if (!value \|\| value.trim() === '') {\n return null;\n }\n\n switch (type) {\n case FieldType.Number: {\n const numValue: number = parseInt(value, 10);\n if (Number.isNaN(numValue)) {\n return 'Please enter a valid number';\n }\n break;\n }\n default:\n break;\n }\n\n return null;\n};\n\n/\n Factory function to create form fields based on field type.\n \n @param config - The field configuration\n * @returns The appropriate React component for the field type\n \n @example\n * ```tsx\n * const field = createField({\n * param: 'username',\n * type: FieldType.Text,\n * label: 'Username',\n * confidential: false,\n * required: true,\n * value: '',\n * onChange: (value) => console.log(value)\n * });\n * ```\n /\nexport const createField = (config: FieldConfig): ReactElement => {\n const {\n name,\n type,\n label,\n required,\n value,\n onChange,\n onBlur,\n disabled = false,\n error,\n className,\n id,\n options = [],\n touched = false,\n placeholder,\n } = config;\n\n const validationError: string \| null = error \|\| validateFieldValue(value, type, required, touched);\n\n const commonProps: Record<string, any> = {\n className,\n 'data-testid': `thunderid-signin-${name}`,\n disabled,\n error: validationError,\n id,\n label,\n name,\n onBlur,\n placeholder,\n required,\n value,\n };\n\n switch (type) {\n case FieldType.Password:\n return <PasswordField {...commonProps} onChange={onChange} />;\n case FieldType.Text:\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"off\"\n />\n );\n case FieldType.Email:\n return (\n <TextField\n {...commonProps}\n type=\"email\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"email\"\n />\n );\n case FieldType.Tel:\n return (\n <TextField\n {...commonProps}\n type=\"tel\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"tel\"\n />\n );\n case FieldType.Date:\n return (\n <DatePicker {...commonProps} onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)} />\n );\n case FieldType.Checkbox: {\n const isChecked: boolean = value === 'true' \|\| (value as any) === true;\n return (\n <Checkbox\n {...commonProps}\n checked={isChecked}\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.checked.toString())}\n />\n );\n }\n case FieldType.Otp:\n return (\n <OtpField {...commonProps} onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)} />\n );\n case FieldType.Number:\n return (\n <TextField\n {...commonProps}\n type=\"number\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Enter a numeric value\"\n />\n );\n case FieldType.Select: {\n const fieldOptions: SelectOption[] = options.length > 0 ? options : [];\n\n if (fieldOptions.length > 0) {\n return (\n <Select\n {...commonProps}\n options={fieldOptions}\n onChange={(e: ChangeEvent<HTMLSelectElement>): void => onChange(e.target.value)}\n helperText=\"Select from available options\"\n />\n );\n }\n\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Enter multiple values separated by commas (e.g., value1, value2, value3)\"\n placeholder=\"value1, value2, value3\"\n />\n );\n }\n default:\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Unknown field type, treating as text\"\n />\n );\n }\n};\n\n/\n React component wrapper for the field factory.\n */\nexport const FieldFactory: FC<FieldConfig> = (props: FieldConfig): ReactElement => createField(props);\n\nexport default FieldFactory;\n"],"mappings":";;;;;;;;;;;;;~~AA6EA~~,MAAa,sBACX,OACA,MACA,WAAW,OACX,UAAU,UACQ;AAClB,KAAI,YAAY,YAAY,CAAC,SAAS,MAAM,MAAM,KAAK,IACrD,QAAO;AAGT,KAAI,CAAC,SAAS,MAAM,MAAM,KAAK,GAC7B,QAAO;AAGT,SAAQ,MAAR;EACE,KAAK,UAAU,QAAQ;GACrB,MAAMA,WAAmB,SAAS,OAAO,GAAG;AAC5C,OAAI,OAAO,MAAM,SAAS,CACxB,QAAO;AAET;;EAEF,QACE;;AAGJ,QAAO;;;;;;;;;;;;;;;;;;;;;AAsBT,MAAa,eAAe,WAAsC;CAChE,MAAM,EACJ,MACA,MACA,OACA,UACA,OACA,UACA,QACA,WAAW,OACX,OACA,WACA,IACA,UAAU,EAAE,EACZ,UAAU,OACV,~~gBACE~~;CAEJ,MAAMC,kBAAiC,SAAS,mBAAmB,OAAO,MAAM,UAAU,QAAQ;CAElG,MAAMC,cAAmC;EACvC;EACA,eAAe,oBAAoB;EACnC;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,SAAQ,MAAR;EACE,KAAK,UAAU,SACb,QAAO,oBAACC;GAAc,GAAI;GAAuB;IAAY;EAC/D,KAAK,UAAU,KACb,QACE,oBAACC;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,MACb,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,IACb,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,KACb,QACE,oBAACC;GAAW,GAAI;GAAa,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAAI;EAEnH,KAAK,UAAU,UAAU;GACvB,MAAMC,YAAqB,UAAU,UAAW,UAAkB;AAClE,UACE,oBAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA2C,SAAS,EAAE,OAAO,QAAQ,UAAU,CAAC;KAC3F;;EAGN,KAAK,UAAU,IACb,QACE,oBAACC;~~GAAS~~,GAAI;~~GAAa~~,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;~~IAAI~~;~~EAEjH~~,KAAK,UAAU,OACb,QACE,oBAACJ;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;EAEN,KAAK,UAAU,QAAQ;GACrB,MAAMK,eAA+B,QAAQ,SAAS,IAAI,UAAU,EAAE;AAEtE,OAAI,aAAa,SAAS,EACxB,QACE,oBAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA4C,SAAS,EAAE,OAAO,MAAM;IAC/E,YAAW;KACX;AAIN,UACE,oBAACN;IACC,GAAI;IACJ,MAAK;IACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E,YAAW;IACX,aAAY;KACZ;;EAGN,QACE,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;;;;;;AAQV,MAAaO,gBAAiC,UAAqC,YAAY,MAAM"}
1	+ {"version":3,"file":"FieldFactory.js","names":["numValue: number","validationError: string \| null","commonProps: Record<string, any>","PasswordField","TextField","DatePicker","isChecked: boolean","Checkbox","OtpField","fieldOptions: SelectOption[]","Select","FieldFactory: FC<FieldConfig>"],"sources":["../../../src/components/factories/FieldFactory.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FieldType} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement} from 'react';\nimport Checkbox from '../primitives/Checkbox/Checkbox';\nimport DatePicker from '../primitives/DatePicker/DatePicker';\nimport OtpField from '../primitives/OtpField/OtpField';\nimport PasswordField from '../primitives/PasswordField/PasswordField';\nimport Select, {SelectOption} from '../primitives/Select/Select';\nimport TextField from '../primitives/TextField/TextField';\n\n/*\n Interface for field configuration.\n /\nexport interface FieldConfig {\n /\n Additional CSS class name.\n /\n className?: string;\n /\n Whether the field is disabled.\n /\n disabled?: boolean;\n /\n Error message to display.\n /\n error?: string;\n /\n HTML id to apply to the rendered field.\n /\n id?: string;\n /\n Display name for the field.\n /\n label: string;\n /\n Number of characters for OTP fields.\n /\n length?: number;\n /\n The name of the field.\n /\n name: string;\n /\n Whether an OTP field accepts digits only. Defaults to true.\n /\n numericOnly?: boolean;\n /\n Callback function when the field loses focus.\n /\n onBlur?: () => void;\n /\n Callback function when the field value changes.\n /\n onChange: (value: string) => void;\n /\n Additional options for multi-valued fields.\n /\n options?: SelectOption[];\n /\n Placeholder text for the field.\n /\n placeholder?: string;\n /\n Whether the field is required.\n /\n required: boolean;\n /\n Whether the field has been touched/interacted with by the user.\n /\n touched?: boolean;\n /\n The field type.\n /\n type: FieldType;\n /\n Current value of the field.\n /\n value: string;\n}\n\n/\n Utility function to validate field values based on type\n /\nexport const validateFieldValue = (\n value: string,\n type: FieldType,\n required = false,\n touched = false,\n): string \| null => {\n if (required && touched && (!value \|\| value.trim() === '')) {\n return 'This field is required';\n }\n\n if (!value \|\| value.trim() === '') {\n return null;\n }\n\n switch (type) {\n case FieldType.Number: {\n const numValue: number = parseInt(value, 10);\n if (Number.isNaN(numValue)) {\n return 'Please enter a valid number';\n }\n break;\n }\n default:\n break;\n }\n\n return null;\n};\n\n/\n Factory function to create form fields based on field type.\n \n @param config - The field configuration\n * @returns The appropriate React component for the field type\n \n @example\n * ```tsx\n * const field = createField({\n * param: 'username',\n * type: FieldType.Text,\n * label: 'Username',\n * confidential: false,\n * required: true,\n * value: '',\n * onChange: (value) => console.log(value)\n * });\n * ```\n /\nexport const createField = (config: FieldConfig): ReactElement => {\n const {\n name,\n type,\n label,\n required,\n value,\n onChange,\n onBlur,\n disabled = false,\n error,\n className,\n id,\n options = [],\n touched = false,\n placeholder,\n length,\n numericOnly = true,\n } = config;\n\n const validationError: string \| null = error \|\| validateFieldValue(value, type, required, touched);\n\n const commonProps: Record<string, any> = {\n className,\n 'data-testid': `thunderid-signin-${name}`,\n disabled,\n error: validationError,\n id,\n label,\n name,\n onBlur,\n placeholder,\n required,\n value,\n };\n\n switch (type) {\n case FieldType.Password:\n return <PasswordField {...commonProps} onChange={onChange} />;\n case FieldType.Text:\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"off\"\n />\n );\n case FieldType.Email:\n return (\n <TextField\n {...commonProps}\n type=\"email\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"email\"\n />\n );\n case FieldType.Tel:\n return (\n <TextField\n {...commonProps}\n type=\"tel\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n autoComplete=\"tel\"\n />\n );\n case FieldType.Date:\n return (\n <DatePicker {...commonProps} onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)} />\n );\n case FieldType.Checkbox: {\n const isChecked: boolean = value === 'true' \|\| (value as any) === true;\n return (\n <Checkbox\n {...commonProps}\n checked={isChecked}\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.checked.toString())}\n />\n );\n }\n case FieldType.Otp:\n return (\n <OtpField\n {...commonProps}\n length={length}\n type={numericOnly ? 'number' : 'text'}\n uppercase={!numericOnly}\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n />\n );\n case FieldType.Number:\n return (\n <TextField\n {...commonProps}\n type=\"number\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Enter a numeric value\"\n />\n );\n case FieldType.Select: {\n const fieldOptions: SelectOption[] = options.length > 0 ? options : [];\n\n if (fieldOptions.length > 0) {\n return (\n <Select\n {...commonProps}\n options={fieldOptions}\n onChange={(e: ChangeEvent<HTMLSelectElement>): void => onChange(e.target.value)}\n helperText=\"Select from available options\"\n />\n );\n }\n\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Enter multiple values separated by commas (e.g., value1, value2, value3)\"\n placeholder=\"value1, value2, value3\"\n />\n );\n }\n default:\n return (\n <TextField\n {...commonProps}\n type=\"text\"\n onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n helperText=\"Unknown field type, treating as text\"\n />\n );\n }\n};\n\n/\n React component wrapper for the field factory.\n */\nexport const FieldFactory: FC<FieldConfig> = (props: FieldConfig): ReactElement => createField(props);\n\nexport default FieldFactory;\n"],"mappings":";;;;;;;;;;;;;AAqFA,MAAa,sBACX,OACA,MACA,WAAW,OACX,UAAU,UACQ;AAClB,KAAI,YAAY,YAAY,CAAC,SAAS,MAAM,MAAM,KAAK,IACrD,QAAO;AAGT,KAAI,CAAC,SAAS,MAAM,MAAM,KAAK,GAC7B,QAAO;AAGT,SAAQ,MAAR;EACE,KAAK,UAAU,QAAQ;GACrB,MAAMA,WAAmB,SAAS,OAAO,GAAG;AAC5C,OAAI,OAAO,MAAM,SAAS,CACxB,QAAO;AAET;;EAEF,QACE;;AAGJ,QAAO;;;;;;;;;;;;;;;;;;;;;AAsBT,MAAa,eAAe,WAAsC;CAChE,MAAM,EACJ,MACA,MACA,OACA,UACA,OACA,UACA,QACA,WAAW,OACX,OACA,WACA,IACA,UAAU,EAAE,EACZ,UAAU,OACV,aACA,QACA,cAAc,SACZ;CAEJ,MAAMC,kBAAiC,SAAS,mBAAmB,OAAO,MAAM,UAAU,QAAQ;CAElG,MAAMC,cAAmC;EACvC;EACA,eAAe,oBAAoB;EACnC;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,SAAQ,MAAR;EACE,KAAK,UAAU,SACb,QAAO,oBAACC;GAAc,GAAI;GAAuB;IAAY;EAC/D,KAAK,UAAU,KACb,QACE,oBAACC;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,MACb,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,IACb,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAK,UAAU,KACb,QACE,oBAACC;GAAW,GAAI;GAAa,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAAI;EAEnH,KAAK,UAAU,UAAU;GACvB,MAAMC,YAAqB,UAAU,UAAW,UAAkB;AAClE,UACE,oBAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA2C,SAAS,EAAE,OAAO,QAAQ,UAAU,CAAC;KAC3F;;EAGN,KAAK,UAAU,IACb,QACE,oBAACC;GACC,GAAI;GACI;GACR,MAAM,cAAc,WAAW;GAC/B,WAAW,CAAC;GACZ,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E;EAEN,KAAK,UAAU,OACb,QACE,oBAACJ;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;EAEN,KAAK,UAAU,QAAQ;GACrB,MAAMK,eAA+B,QAAQ,SAAS,IAAI,UAAU,EAAE;AAEtE,OAAI,aAAa,SAAS,EACxB,QACE,oBAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA4C,SAAS,EAAE,OAAO,MAAM;IAC/E,YAAW;KACX;AAIN,UACE,oBAACN;IACC,GAAI;IACJ,MAAK;IACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E,YAAW;IACX,aAAY;KACZ;;EAGN,QACE,QACE,oBAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;;;;;;AAQV,MAAaO,gBAAiC,UAAqC,YAAY,MAAM"}

package/dist/components/presentation/UserProfile/BaseUserProfile.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { User, Preferences } from '@thunderid/browser';
+import { User, Preferences, AttributeSchema } from '@thunderid/browser';
 import { FC, ReactElement } from 'react';
 export interface BaseUserProfileProps {
     attributeMapping?: {
@@ -30,6 +30,7 @@ export interface BaseUserProfileProps {
     profile?: User;
     showFields?: string[];
     title?: string;
+    userSchema?: Record<string, AttributeSchema> | null;
 }
 declare const BaseUserProfile: FC<BaseUserProfileProps>;
 export default BaseUserProfile;

package/dist/components/presentation/UserProfile/BaseUserProfile.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseUserProfile.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserProfile/BaseUserProfile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,EAAiC,WAAW,~~EAAY~~,MAAM,oBAAoB,CAAC;~~AAC/F~~,OAAO,EAAC,EAAE,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;~~AAwCzE~~,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;~~CAChB~~;AA+BD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,~~CAwkB7C~~,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"BaseUserProfile.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserProfile/BaseUserProfile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,EAAiC,WAAW,EAAa,eAAe,EAAC,MAAM,oBAAoB,CAAC;AAChH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAyCzE,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,IAAI,CAAC;CACrD;AA+BD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAopB7C,CAAC;AAEF,eAAe,eAAe,CAAC"}