@thunderid/react 1.4.1 → 1.6.0

package/dist/cjs/components/adapters/MicrosoftButton.cjs

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useTranslation = require('../../hooks/useTranslation.cjs');
-const require_Button = require('../primitives/Button/Button.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/MicrosoftButton.tsx
-/**
-* Microsoft Sign-In Button Component.
-* Handles authentication with Microsoft identity provider.
-*/
-const MicrosoftButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "secondary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-			width: "14",
-			height: "14",
-			viewBox: "0 0 23 23",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "#f3f3f3",
-					d: "M0 0h23v23H0z"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "#f35325",
-					d: "M1 1h10v10H1z"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "#81bc06",
-					d: "M12 1h10v10H12z"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "#05a6f0",
-					d: "M1 12h10v10H1z"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "#ffba08",
-					d: "M12 12h10v10H12z"
-				})
-			]
-		}),
-		children: children ?? t("elements.buttons.microsoft.text")
-	});
-};
-var MicrosoftButton_default = MicrosoftButton;
-
-//#endregion
-exports.default = MicrosoftButton_default;
-//# sourceMappingURL=MicrosoftButton.cjs.map

package/dist/cjs/components/adapters/MicrosoftButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MicrosoftButton.cjs","names":["MicrosoftButton: FC<MicrosoftButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/MicrosoftButton.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 MicrosoftButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Microsoft Sign-In Button Component.\n * Handles authentication with Microsoft identity provider.\n */\nconst MicrosoftButton: FC<MicrosoftButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: MicrosoftButtonProps & 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=\"14\" height=\"14\" viewBox=\"0 0 23 23\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill=\"#f3f3f3\" d=\"M0 0h23v23H0z\" />\n          <path fill=\"#f35325\" d=\"M1 1h10v10H1z\" />\n          <path fill=\"#81bc06\" d=\"M12 1h10v10H12z\" />\n          <path fill=\"#05a6f0\" d=\"M1 12h10v10H1z\" />\n          <path fill=\"#ffba08\" d=\"M12 12h10v10H12z\" />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.microsoft.text')}\n    </Button>\n  );\n};\n\nexport default MicrosoftButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,mBAAiF,EACrF,WACA,aACA,SACA,GAAG,WAC2D;CAC9D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,4CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;;IACpD,2CAAC;KAAK,MAAK;KAAU,GAAE;MAAkB;IACzC,2CAAC;KAAK,MAAK;KAAU,GAAE;MAAkB;IACzC,2CAAC;KAAK,MAAK;KAAU,GAAE;MAAoB;IAC3C,2CAAC;KAAK,MAAK;KAAU,GAAE;MAAmB;IAC1C,2CAAC;KAAK,MAAK;KAAU,GAAE;MAAqB;;IACxC;YAGP,YAAY,EAAE,kCAAkC;GAC1C;;AAIb,8BAAe"}

package/dist/cjs/components/adapters/SignInWithEthereumButton.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useTranslation = require('../../hooks/useTranslation.cjs');
-const require_Button = require('../primitives/Button/Button.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/SignInWithEthereumButton.tsx
-/**
-* Sign In With Ethereum Button Component.
-* Handles authentication with Sign In With Ethereum identity provider.
-*/
-const SignInWithEthereumButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "secondary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 24 24",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fill: "#627EEA",
-				d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z"
-			})
-		}),
-		children: children ?? t("elements.buttons.ethereum.text")
-	});
-};
-var SignInWithEthereumButton_default = SignInWithEthereumButton;
-
-//#endregion
-exports.default = SignInWithEthereumButton_default;
-//# sourceMappingURL=SignInWithEthereumButton.cjs.map

package/dist/cjs/components/adapters/SignInWithEthereumButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignInWithEthereumButton.cjs","names":["SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/SignInWithEthereumButton.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 SignInWithEthereumButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Sign In With Ethereum Button Component.\n * Handles authentication with Sign In With Ethereum identity provider.\n */\nconst SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SignInWithEthereumButtonProps & 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 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"#627EEA\"\n            d=\"M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.ethereum.text')}\n    </Button>\n  );\n};\n\nexport default SignInWithEthereumButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,4BAAmG,EACvG,WACA,aACA,SACA,GAAG,WACoE;CACvE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,uCAAe"}

package/dist/cjs/components/adapters/SmsOtpButton.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useTranslation = require('../../hooks/useTranslation.cjs');
-const require_Button = require('../primitives/Button/Button.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/SmsOtpButton.tsx
-/**
-* SMS OTP Sign-In Button Component.
-* Handles authentication with SMS OTP.
-*/
-const SmsOtpButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "secondary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 24 24",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fill: "currentColor",
-				d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z"
-			})
-		}),
-		children: children ?? t("elements.buttons.smsotp.text")
-	});
-};
-var SmsOtpButton_default = SmsOtpButton;
-
-//#endregion
-exports.default = SmsOtpButton_default;
-//# sourceMappingURL=SmsOtpButton.cjs.map

package/dist/cjs/components/adapters/SmsOtpButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmsOtpButton.cjs","names":["SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/SmsOtpButton.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 SmsOtpButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * SMS OTP Sign-In Button Component.\n * Handles authentication with SMS OTP.\n */\nconst SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SmsOtpButtonProps & 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 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"currentColor\"\n            d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.smsotp.text')}\n    </Button>\n  );\n};\n\nexport default SmsOtpButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,gBAA2E,EAC/E,WACA,aACA,SACA,GAAG,WACwD;CAC3D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}

package/dist/cjs/components/control/Loading.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/control/Loading.tsx
-/**
-* A component that only renders its children when the ThunderID is loading.
-*
-* @remarks This component is only supported in browser based React applications (CSR).
-*
-* @example
-* ```tsx
-* import { Loading } from '@thunderid/auth-react';
-*
-* const App = () => {
-*   return (
-*     <Loading fallback={<p>Finished Loading...</p>}>
-*       <p>Loading...</p>
-*     </Loading>
-*   );
-* }
-* ```
-*/
-const Loading = ({ children, fallback = null }) => {
-	const { isLoading } = require_useThunderID.default();
-	if (!isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-};
-Loading.displayName = "Loading";
-var Loading_default = Loading;
-
-//#endregion
-exports.default = Loading_default;
-//# sourceMappingURL=Loading.cjs.map

package/dist/cjs/components/control/Loading.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.cjs","names":["Loading: FC<PropsWithChildren<LoadingProps>>","useThunderID"],"sources":["../../../../src/components/control/Loading.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, PropsWithChildren, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the Loading component.\n */\nexport interface LoadingProps {\n  /**\n   * Content to show when the user is not signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the ThunderID is loading.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { Loading } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <Loading fallback={<p>Finished Loading...</p>}>\n *       <p>Loading...</p>\n *     </Loading>\n *   );\n * }\n * ```\n */\nconst Loading: FC<PropsWithChildren<LoadingProps>> = ({children, fallback = null}: PropsWithChildren<LoadingProps>) => {\n  const {isLoading} = useThunderID();\n\n  if (!isLoading) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children}</>;\n};\n\nLoading.displayName = 'Loading';\n\nexport default Loading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,WAAgD,EAAC,UAAU,WAAW,WAA2C;CACrH,MAAM,EAAC,cAAaC,8BAAc;AAElC,KAAI,CAAC,UACH,QAAO,mFAAG,WAAY;AAGxB,QAAO,yEAAG,WAAY;;AAGxB,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/cjs/components/control/SignedIn.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/control/SignedIn.tsx
-/**
-* A component that only renders its children when the user is signed in.
-*
-* @remarks This component is only supported in browser based React applications (CSR).
-*
-* @example
-* ```tsx
-* import { SignedIn } from '@thunderid/auth-react';
-*
-* const App = () => {
-*   return (
-*     <SignedIn fallback={<p>Please sign in to continue</p>}>
-*       <p>Welcome! You are signed in.</p>
-*     </SignedIn>
-*   );
-* }
-* ```
-*/
-const SignedIn = ({ children, fallback = null }) => {
-	const { isSignedIn } = require_useThunderID.default();
-	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-};
-SignedIn.displayName = "SignedIn";
-var SignedIn_default = SignedIn;
-
-//#endregion
-exports.default = SignedIn_default;
-//# sourceMappingURL=SignedIn.cjs.map

package/dist/cjs/components/control/SignedIn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignedIn.cjs","names":["SignedIn: FC<PropsWithChildren<SignedInProps>>","useThunderID"],"sources":["../../../../src/components/control/SignedIn.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, PropsWithChildren, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignedIn component.\n */\nexport interface SignedInProps {\n  /**\n   * Content to show when the user is not signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the user is signed in.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { SignedIn } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <SignedIn fallback={<p>Please sign in to continue</p>}>\n *       <p>Welcome! You are signed in.</p>\n *     </SignedIn>\n *   );\n * }\n * ```\n */\nconst SignedIn: FC<PropsWithChildren<SignedInProps>> = ({\n  children,\n  fallback = null,\n}: PropsWithChildren<SignedInProps>) => {\n  const {isSignedIn} = useThunderID();\n\n  if (!isSignedIn) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children}</>;\n};\n\nSignedIn.displayName = 'SignedIn';\n\nexport default SignedIn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,YAAkD,EACtD,UACA,WAAW,WAC2B;CACtC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,KAAI,CAAC,WACH,QAAO,mFAAG,WAAY;AAGxB,QAAO,yEAAG,WAAY;;AAGxB,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/cjs/components/control/SignedOut.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/control/SignedOut.tsx
-/**
-* A component that only renders its children when the user is signed out.
-*
-* @remarks This component is only supported in browser based React applications (CSR).
-*
-* @example
-* ```tsx
-* import { SignedOut } from '@thunderid/auth-react';
-*
-* const App = () => {
-*   return (
-*     <SignedOut fallback={<p>You are already signed in</p>}>
-*       <p>Please sign in to continue</p>
-*     </SignedOut>
-*   );
-* }
-* ```
-*/
-const SignedOut = ({ children, fallback = null }) => {
-	const { isSignedIn } = require_useThunderID.default();
-	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-};
-SignedOut.displayName = "SignedOut";
-var SignedOut_default = SignedOut;
-
-//#endregion
-exports.default = SignedOut_default;
-//# sourceMappingURL=SignedOut.cjs.map

package/dist/cjs/components/control/SignedOut.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignedOut.cjs","names":["SignedOut: FC<PropsWithChildren<SignedOutProps>>","useThunderID"],"sources":["../../../../src/components/control/SignedOut.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, PropsWithChildren, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignedOut component.\n */\nexport interface SignedOutProps {\n  /**\n   * Content to show when the user is signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the user is signed out.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { SignedOut } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <SignedOut fallback={<p>You are already signed in</p>}>\n *       <p>Please sign in to continue</p>\n *     </SignedOut>\n *   );\n * }\n * ```\n */\nconst SignedOut: FC<PropsWithChildren<SignedOutProps>> = ({\n  children,\n  fallback = null,\n}: PropsWithChildren<SignedOutProps>) => {\n  const {isSignedIn} = useThunderID();\n\n  if (!isSignedIn) {\n    return <>{children}</>;\n  }\n\n  return <>{fallback}</>;\n};\n\nSignedOut.displayName = 'SignedOut';\n\nexport default SignedOut;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,aAAoD,EACxD,UACA,WAAW,WAC4B;CACvC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,KAAI,CAAC,WACH,QAAO,yEAAG,WAAY;AAGxB,QAAO,mFAAG,WAAY;;AAGxB,UAAU,cAAc;AAExB,wBAAe"}

package/dist/cjs/components/factories/FieldFactory.cjs

@@ -1,146 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Checkbox = require('../primitives/Checkbox/Checkbox.cjs');
-const require_DatePicker = require('../primitives/DatePicker/DatePicker.cjs');
-const require_OtpField = require('../primitives/OtpField/OtpField.cjs');
-const require_TextField = require('../primitives/TextField/TextField.cjs');
-const require_PasswordField = require('../primitives/PasswordField/PasswordField.cjs');
-const require_Select = require('../primitives/Select/Select.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/factories/FieldFactory.tsx
-/**
-* Utility function to validate field values based on type
-*/
-const validateFieldValue = (value, type, required = false, touched = false) => {
-	if (required && touched && (!value || value.trim() === "")) return "This field is required";
-	if (!value || value.trim() === "") return null;
-	switch (type) {
-		case __thunderid_browser.FieldType.Number: {
-			const numValue = parseInt(value, 10);
-			if (Number.isNaN(numValue)) return "Please enter a valid number";
-			break;
-		}
-		default: break;
-	}
-	return null;
-};
-/**
-* Factory function to create form fields based on field type.
-*
-* @param config - The field configuration
-* @returns The appropriate React component for the field type
-*
-* @example
-* ```tsx
-* const field = createField({
-*   param: 'username',
-*   type: FieldType.Text,
-*   label: 'Username',
-*   confidential: false,
-*   required: true,
-*   value: '',
-*   onChange: (value) => console.log(value)
-* });
-* ```
-*/
-const createField = (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,
-		"data-testid": `thunderid-signin-${name}`,
-		disabled,
-		error: validationError,
-		id,
-		label,
-		name,
-		onBlur,
-		placeholder,
-		required,
-		value
-	};
-	switch (type) {
-		case __thunderid_browser.FieldType.Password: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordField.default, {
-			...commonProps,
-			onChange
-		});
-		case __thunderid_browser.FieldType.Text: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-			...commonProps,
-			type: "text",
-			onChange: (e) => onChange(e.target.value),
-			autoComplete: "off"
-		});
-		case __thunderid_browser.FieldType.Email: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-			...commonProps,
-			type: "email",
-			onChange: (e) => onChange(e.target.value),
-			autoComplete: "email"
-		});
-		case __thunderid_browser.FieldType.Tel: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-			...commonProps,
-			type: "tel",
-			onChange: (e) => onChange(e.target.value),
-			autoComplete: "tel"
-		});
-		case __thunderid_browser.FieldType.Date: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DatePicker.default, {
-			...commonProps,
-			onChange: (e) => onChange(e.target.value)
-		});
-		case __thunderid_browser.FieldType.Checkbox: {
-			const isChecked = value === "true" || value === true;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.default, {
-				...commonProps,
-				checked: isChecked,
-				onChange: (e) => onChange(e.target.checked.toString())
-			});
-		}
-		case __thunderid_browser.FieldType.Otp: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OtpField.default, {
-			...commonProps,
-			length,
-			type: numericOnly ? "number" : "text",
-			uppercase: !numericOnly,
-			onChange: (e) => onChange(e.target.value)
-		});
-		case __thunderid_browser.FieldType.Number: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-			...commonProps,
-			type: "number",
-			onChange: (e) => onChange(e.target.value),
-			helperText: "Enter a numeric value"
-		});
-		case __thunderid_browser.FieldType.Select: {
-			const fieldOptions = options.length > 0 ? options : [];
-			if (fieldOptions.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.default, {
-				...commonProps,
-				options: fieldOptions,
-				onChange: (e) => onChange(e.target.value),
-				helperText: "Select from available options"
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-				...commonProps,
-				type: "text",
-				onChange: (e) => onChange(e.target.value),
-				helperText: "Enter multiple values separated by commas (e.g., value1, value2, value3)",
-				placeholder: "value1, value2, value3"
-			});
-		}
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-			...commonProps,
-			type: "text",
-			onChange: (e) => onChange(e.target.value),
-			helperText: "Unknown field type, treating as text"
-		});
-	}
-};
-/**
-* React component wrapper for the field factory.
-*/
-const FieldFactory = (props) => createField(props);
-
-//#endregion
-exports.FieldFactory = FieldFactory;
-exports.createField = createField;
-exports.validateFieldValue = validateFieldValue;
-//# sourceMappingURL=FieldFactory.cjs.map

package/dist/cjs/components/factories/FieldFactory.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldFactory.cjs","names":["FieldType","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,KAAKA,8BAAU,QAAQ;GACrB,MAAMC,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,KAAKH,8BAAU,SACb,QAAO,2CAACI;GAAc,GAAI;GAAuB;IAAY;EAC/D,KAAKJ,8BAAU,KACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,MACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,IACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,KACb,QACE,2CAACM;GAAW,GAAI;GAAa,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAAI;EAEnH,KAAKN,8BAAU,UAAU;GACvB,MAAMO,YAAqB,UAAU,UAAW,UAAkB;AAClE,UACE,2CAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA2C,SAAS,EAAE,OAAO,QAAQ,UAAU,CAAC;KAC3F;;EAGN,KAAKR,8BAAU,IACb,QACE,2CAACS;GACC,GAAI;GACI;GACR,MAAM,cAAc,WAAW;GAC/B,WAAW,CAAC;GACZ,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E;EAEN,KAAKT,8BAAU,OACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;EAEN,KAAKL,8BAAU,QAAQ;GACrB,MAAMU,eAA+B,QAAQ,SAAS,IAAI,UAAU,EAAE;AAEtE,OAAI,aAAa,SAAS,EACxB,QACE,2CAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA4C,SAAS,EAAE,OAAO,MAAM;IAC/E,YAAW;KACX;AAIN,UACE,2CAACN;IACC,GAAI;IACJ,MAAK;IACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E,YAAW;IACX,aAAY;KACZ;;EAGN,QACE,QACE,2CAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;;;;;;AAQV,MAAaO,gBAAiC,UAAqC,YAAY,MAAM"}

package/dist/cjs/components/presentation/ChangeCredential/BaseChangeCredential.cjs

@@ -1,187 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_emotion = require('../../../styles/emotion.cjs');
-const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
-const require_useTranslation = require('../../../hooks/useTranslation.cjs');
-const require_Button = require('../../primitives/Button/Button.cjs');
-const require_Typography = require('../../primitives/Typography/Typography.cjs');
-const require_Alert = require('../../primitives/Alert/Alert.cjs');
-const require_X = require('../../primitives/Icons/X.cjs');
-const require_PasswordField = require('../../primitives/PasswordField/PasswordField.cjs');
-const require_Check = require('../../primitives/Icons/Check.cjs');
-const require_BaseChangeCredential_styles = require('./BaseChangeCredential.styles.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/presentation/ChangeCredential/BaseChangeCredential.tsx
-/**
-* Presentational change-credential form with just the two fields a first-time or
-* unverified credential change needs: new value and confirmation.
-*
-* Holds no context and performs no network calls: it renders the fields, evaluates the
-* policy for the checklist and the submit gate, and hands validated values to `onSubmit`.
-* Use {@link ChangeCredential} for the context-wired variant.
-*
-* @example
-* ```tsx
-* <BaseChangeCredential
-*   policy={{regex: '^.{12,}$'}}
-*   onSubmit={({newPassword}) => save(newPassword)}
-* />
-* ```
-*/
-const BaseChangeCredential = ({ cardLayout = false, className = "", credentialDisplayName = "Password", error = null, fieldErrors = {}, loading = false, onSubmit = void 0, policy = {}, preferences = void 0, showRequirements = true, success = false, title = void 0, unavailable = false }) => {
-	const { theme, colorScheme } = require_useTheme.default();
-	const styles = require_BaseChangeCredential_styles.default(theme, colorScheme);
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	const labelParams = {
-		credential: credentialDisplayName,
-		credentialLower: credentialDisplayName.toLowerCase()
-	};
-	const resolvedTitle = title ?? t("user.change_password.heading", labelParams);
-	const [newPassword, setNewPassword] = (0, react.useState)("");
-	const [confirmPassword, setConfirmPassword] = (0, react.useState)("");
-	const [submitted, setSubmitted] = (0, react.useState)(false);
-	const [prevSuccess, setPrevSuccess] = (0, react.useState)(success);
-	if (success !== prevSuccess) {
-		setPrevSuccess(success);
-		if (success) {
-			setNewPassword("");
-			setConfirmPassword("");
-			setSubmitted(false);
-		}
-	}
-	const { confirmMatches, isValid, ruleResults } = (0, react.useMemo)(() => (0, __thunderid_browser.evaluateChangePasswordForm)({
-		confirmPassword,
-		newPassword
-	}, policy), [
-		confirmPassword,
-		newPassword,
-		policy
-	]);
-	const interactionDisabled = loading || unavailable;
-	const canSubmit = !interactionDisabled && isValid;
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		setSubmitted(true);
-		if (!canSubmit) return;
-		onSubmit?.({ newPassword });
-	};
-	const renderRequirement = (rule) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		"data-passed": rule.passed,
-		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "requirement")), styles["requirement"], rule.passed ? styles["requirementPassed"] : styles["requirementPending"]),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "requirement-icon")), styles["requirementIcon"]),
-			children: rule.passed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Check.default, {
-				width: 14,
-				height: 14
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_X.default, {
-				width: 14,
-				height: 14
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-			variant: "body2",
-			component: "span",
-			children: t(rule.messageKey, rule.params)
-		})]
-	}, rule.key);
-	const confirmError = submitted && !confirmMatches ? t("user.change_password.mismatch.error", labelParams) : void 0;
-	const newPasswordError = fieldErrors["newPassword"];
-	const form = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-		noValidate: true,
-		onSubmit: handleSubmit,
-		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)("change-credential"), styles["root"], cardLayout ? styles["card"] : "", className),
-		children: [
-			resolvedTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-				variant: "h5",
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "heading")), styles["heading"]),
-				children: resolvedTitle
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Alert.default, {
-				variant: "error",
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "alert")), styles["alert"]),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Title, { children: t("errors.heading") || "Error" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: error })]
-			}),
-			success && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
-				variant: "success",
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "alert")), styles["alert"]),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: t("user.change_password.success", labelParams) })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "fields")), styles["fields"]),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordField.default, {
-						name: "newPassword",
-						autoComplete: "new-password",
-						label: t("user.change_password.new.label", labelParams),
-						placeholder: t("user.change_password.new.placeholder", labelParams),
-						value: newPassword,
-						onChange: setNewPassword,
-						disabled: interactionDisabled,
-						error: newPasswordError,
-						required: true
-					}),
-					showRequirements && ruleResults.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "requirements"))),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-							variant: "body2",
-							component: "p",
-							className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "requirements-heading")), styles["requirementsHeading"]),
-							children: t("user.change_password.requirements.heading", labelParams)
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-							className: styles["requirements"],
-							children: ruleResults.map(renderRequirement)
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordField.default, {
-						name: "confirmPassword",
-						autoComplete: "new-password",
-						label: t("user.change_password.confirm.label", labelParams),
-						placeholder: t("user.change_password.confirm.placeholder", labelParams),
-						value: confirmPassword,
-						onChange: setConfirmPassword,
-						disabled: interactionDisabled,
-						error: confirmError,
-						required: true
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "actions")), styles["actions"]),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-					type: "submit",
-					color: "primary",
-					variant: "solid",
-					loading,
-					disabled: !canSubmit,
-					children: t("user.change_password.submit", labelParams)
-				})
-			})
-		]
-	});
-	if (!unavailable) return form;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "unavailable")), styles["unavailableRoot"], className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"aria-hidden": "true",
-			className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "unavailable-content")), styles["unavailableContent"]),
-			children: form
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			role: "status",
-			className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "unavailable-overlay")), styles["unavailableOverlay"]),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Alert.default, {
-				variant: "warning",
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("change-credential", "alert")), styles["alert"]),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Title, { children: t("user.change_password.unavailable.heading", labelParams) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: t("user.change_password.unavailable.description", labelParams) })]
-			})
-		})]
-	});
-};
-var BaseChangeCredential_default = BaseChangeCredential;
-
-//#endregion
-exports.default = BaseChangeCredential_default;
-//# sourceMappingURL=BaseChangeCredential.cjs.map