@thunderid/react 1.4.1 → 1.6.0

package/dist/components/adapters/ConsentCheckboxList.js

@@ -1,84 +0,0 @@
-import { cx } from "../../styles/emotion.js";
-import useTheme_default from "../../contexts/Theme/useTheme.js";
-import Typography_default from "../primitives/Typography/Typography.js";
-import ConsentCheckboxList_styles_default from "./ConsentCheckboxList.styles.js";
-import Toggle_default from "../primitives/Toggle/Toggle.js";
-import { bem, withVendorCSSClassPrefix } from "@thunderid/browser";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/adapters/ConsentCheckboxList.tsx
-/**
-* Computes the form value key for tracking an optional attribute's consent state.
-*
-* @param purposeId - The ID of the consent purpose.
-* @param attrName - The name of the attribute.
-* @returns A stable form key string.
-*/
-const getConsentOptionalKey = (purposeId, attrName) => `__consent_opt__${purposeId}__${attrName}`;
-/**
-* Renders a list of consent attribute checkboxes.
-*
-* - ESSENTIAL variant: renders read-only checked checkboxes for required attributes.
-* - OPTIONAL variant: renders toggleable checkboxes for optional attributes.
-*   Opt-in is the default when no prior form value exists.
-*/
-const ConsentCheckboxList = ({ variant, purpose, formValues, onInputChange, children, t }) => {
-	const { theme, colorScheme } = useTheme_default();
-	const styles = ConsentCheckboxList_styles_default(theme, colorScheme);
-	const resolve = (text) => {
-		if (!text || !t) return text || "";
-		const key = `consent.${text}`;
-		const translated = t(key);
-		return translated === key ? text : translated;
-	};
-	const attributes = (variant === "ESSENTIAL" ? purpose.essential : purpose.optional).map((e) => e.name);
-	if (!attributes || attributes.length === 0) return null;
-	const isEssential = variant === "ESSENTIAL";
-	const isChecked = (attrName) => {
-		if (isEssential) return true;
-		return formValues[getConsentOptionalKey(purpose.purposeId, attrName)] === "true";
-	};
-	const handleChange = (attrName, checked) => {
-		onInputChange(getConsentOptionalKey(purpose.purposeId, attrName), checked ? "true" : "false");
-	};
-	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
-		attributes,
-		handleChange,
-		isChecked,
-		variant
-	}) });
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list")), styles["listContainer"]),
-		children: attributes.map((attr) => {
-			const inputId = `consent_${isEssential ? "ess" : "opt"}_${purpose.purposeId}_${attr}`;
-			const checked = isChecked(attr);
-			return /* @__PURE__ */ jsx("div", {
-				className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list", "item")), styles["listItem"]),
-				children: /* @__PURE__ */ jsxs("div", {
-					className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list", "row")), styles["listRow"]),
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list", "label-container")), styles["labelContainer"]),
-						children: [/* @__PURE__ */ jsx("div", { className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list", "bullet")), styles["bullet"]) }), /* @__PURE__ */ jsx(Typography_default, {
-							variant: "body2",
-							className: cx(withVendorCSSClassPrefix(bem("consent-checkbox-list", "typography")), styles["typography"]),
-							children: resolve(attr)
-						})]
-					}), isEssential ? /* @__PURE__ */ jsx(Typography_default, {
-						variant: "body2",
-						children: resolve("required") || "Required"
-					}) : /* @__PURE__ */ jsx(Toggle_default, {
-						id: inputId,
-						checked,
-						disabled: isEssential,
-						onChange: isEssential ? void 0 : (e) => handleChange(attr, e.target.checked)
-					})]
-				})
-			}, attr);
-		})
-	});
-};
-var ConsentCheckboxList_default = ConsentCheckboxList;
-
-//#endregion
-export { ConsentCheckboxList_default as default, getConsentOptionalKey };
-//# sourceMappingURL=ConsentCheckboxList.js.map

package/dist/components/adapters/ConsentCheckboxList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckboxList.js","names":["ConsentCheckboxList: FC<ConsentCheckboxListProps>","useTheme","styles: Record<string, string>","useStyles","key: string","translated: string","attributes: string[]","isEssential: boolean","checked: boolean","Typography","Toggle"],"sources":["../../../src/components/adapters/ConsentCheckboxList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {type ConsentPurposeData, withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {type ChangeEvent, FC, ReactNode} from 'react';\nimport useStyles from './ConsentCheckboxList.styles';\nimport useTheme from '../../contexts/Theme/useTheme';\nimport {cx} from '../../styles/emotion';\nimport Toggle from '../primitives/Toggle/Toggle';\nimport Typography from '../primitives/Typography/Typography';\nimport {UseTranslation} from '../../hooks/useTranslation';\n\n/**\n * Computes the form value key for tracking an optional attribute's consent state.\n *\n * @param purposeId - The ID of the consent purpose.\n * @param attrName - The name of the attribute.\n * @returns A stable form key string.\n */\nexport const getConsentOptionalKey = (purposeId: string, attrName: string): string =>\n  `__consent_opt__${purposeId}__${attrName}`;\n\n/**\n * ConsentInputVariant defines whether the ConsentCheckboxList is rendering essential (read-only) or\n * optional (toggleable) attributes.\n */\nexport type ConsentInputVariant = 'ESSENTIAL' | 'OPTIONAL';\n\n/**\n * Render props exposed by ConsentCheckboxList when using the render-prop pattern.\n */\nexport interface ConsentCheckboxListRenderProps {\n  /** The list of attribute names to render. */\n  attributes: string[];\n  /**\n   * Call this when an optional attribute checkbox is toggled.\n   * No-op for ESSENTIAL attributes (they cannot be changed).\n   */\n  handleChange: (attrName: string, checked: boolean) => void;\n  /**\n   * Returns the current checked state for the given attribute name.\n   * Always returns true for ESSENTIAL attributes.\n   */\n  isChecked: (attrName: string) => boolean;\n  /** Whether the list is rendering essential or optional attributes. */\n  variant: ConsentInputVariant;\n}\n\n/**\n * Props for the ConsentCheckboxList component.\n */\nexport interface ConsentCheckboxListProps {\n  /**\n   * Render-props callback. When provided, the default checkbox list UI is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <ConsentCheckboxList variant=\"OPTIONAL\" purpose={purpose} formValues={formValues} onInputChange={onChange}>\n   *   {({ attributes, isChecked, handleChange }) => (\n   *     <ul>\n   *       {attributes.map(attr => (\n   *         <li key={attr}>\n   *           <Checkbox checked={isChecked(attr)} onChange={e => handleChange(attr, e.target.checked)} />\n   *           {attr}\n   *         </li>\n   *       ))}\n   *     </ul>\n   *   )}\n   * </ConsentCheckboxList>\n   * ```\n   */\n  children?: (props: ConsentCheckboxListRenderProps) => ReactNode;\n  /** Current form values - used to read optional checkbox state */\n  formValues: Record<string, string>;\n  /** Callback invoked when an optional attribute checkbox is toggled */\n  onInputChange: (name: string, value: string) => void;\n  /** The consent purpose data containing attribute lists */\n  purpose: ConsentPurposeData;\n  /** Whether to render essential (disabled) or optional (toggleable) attributes */\n  variant: ConsentInputVariant;\n  /**\n   * translation data\n   */\n  t?: UseTranslation['t'];\n}\n\n/**\n * Renders a list of consent attribute checkboxes.\n *\n * - ESSENTIAL variant: renders read-only checked checkboxes for required attributes.\n * - OPTIONAL variant: renders toggleable checkboxes for optional attributes.\n *   Opt-in is the default when no prior form value exists.\n */\nconst ConsentCheckboxList: FC<ConsentCheckboxListProps> = ({\n  variant,\n  purpose,\n  formValues,\n  onInputChange,\n  children,\n  t,\n}: ConsentCheckboxListProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n\n  const resolve = (text: string | undefined): string => {\n    if (!text || !t) {\n      return text || '';\n    }\n\n    const key: string = `consent.${text}`;\n    const translated: string = t(key);\n    return translated === key ? text : translated;\n  };\n\n  const attributes: string[] = (variant === 'ESSENTIAL' ? purpose.essential : purpose.optional).map(\n    (e): string => e.name,\n  );\n\n  if (!attributes || attributes.length === 0) {\n    return null;\n  }\n\n  const isEssential: boolean = variant === 'ESSENTIAL';\n\n  const isChecked = (attrName: string): boolean => {\n    if (isEssential) {\n      return true;\n    }\n    const key: string = getConsentOptionalKey(purpose.purposeId, attrName);\n    // Default to be false when there's no explicit form value\n    return formValues[key] === 'true';\n  };\n\n  const handleChange = (attrName: string, checked: boolean): void => {\n    const key: string = getConsentOptionalKey(purpose.purposeId, attrName);\n    onInputChange(key, checked ? 'true' : 'false');\n  };\n\n  if (children) {\n    return <>{children({attributes, handleChange, isChecked, variant})}</>;\n  }\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list')), styles['listContainer'])}>\n      {attributes.map((attr: string) => {\n        const inputId = `consent_${isEssential ? 'ess' : 'opt'}_${purpose.purposeId}_${attr}`;\n        const checked: boolean = isChecked(attr);\n\n        return (\n          <div\n            key={attr}\n            className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'item')), styles['listItem'])}\n          >\n            <div className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'row')), styles['listRow'])}>\n              <div\n                className={cx(\n                  withVendorCSSClassPrefix(bem('consent-checkbox-list', 'label-container')),\n                  styles['labelContainer'],\n                )}\n              >\n                <div\n                  className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'bullet')), styles['bullet'])}\n                />\n                <Typography\n                  variant=\"body2\"\n                  className={cx(\n                    withVendorCSSClassPrefix(bem('consent-checkbox-list', 'typography')),\n                    styles['typography'],\n                  )}\n                >\n                  {resolve(attr)}\n                </Typography>\n              </div>\n              {isEssential ? (\n                <Typography variant=\"body2\">{resolve('required') || 'Required'}</Typography>\n              ) : (\n                <Toggle\n                  id={inputId}\n                  checked={checked}\n                  disabled={isEssential}\n                  onChange={\n                    isEssential\n                      ? undefined\n                      : (e: ChangeEvent<HTMLInputElement>): void => handleChange(attr, e.target.checked)\n                  }\n                />\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ConsentCheckboxList;\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,yBAAyB,WAAmB,aACvD,kBAAkB,UAAU,IAAI;;;;;;;;AA0ElC,MAAMA,uBAAqD,EACzD,SACA,SACA,YACA,eACA,UACA,QAC8B;CAC9B,MAAM,EAAC,OAAO,gBAA4CC,kBAAU;CACpE,MAAMC,SAAiCC,mCAAU,OAAO,YAAY;CAEpE,MAAM,WAAW,SAAqC;AACpD,MAAI,CAAC,QAAQ,CAAC,EACZ,QAAO,QAAQ;EAGjB,MAAMC,MAAc,WAAW;EAC/B,MAAMC,aAAqB,EAAE,IAAI;AACjC,SAAO,eAAe,MAAM,OAAO;;CAGrC,MAAMC,cAAwB,YAAY,cAAc,QAAQ,YAAY,QAAQ,UAAU,KAC3F,MAAc,EAAE,KAClB;AAED,KAAI,CAAC,cAAc,WAAW,WAAW,EACvC,QAAO;CAGT,MAAMC,cAAuB,YAAY;CAEzC,MAAM,aAAa,aAA8B;AAC/C,MAAI,YACF,QAAO;AAIT,SAAO,WAFa,sBAAsB,QAAQ,WAAW,SAAS,MAE3C;;CAG7B,MAAM,gBAAgB,UAAkB,YAA2B;AAEjE,gBADoB,sBAAsB,QAAQ,WAAW,SAAS,EACnD,UAAU,SAAS,QAAQ;;AAGhD,KAAI,SACF,QAAO,0CAAG,SAAS;EAAC;EAAY;EAAc;EAAW;EAAQ,CAAC,GAAI;AAGxE,QACE,oBAAC;EAAI,WAAW,GAAG,yBAAyB,IAAI,wBAAwB,CAAC,EAAE,OAAO,iBAAiB;YAChG,WAAW,KAAK,SAAiB;GAChC,MAAM,UAAU,WAAW,cAAc,QAAQ,MAAM,GAAG,QAAQ,UAAU,GAAG;GAC/E,MAAMC,UAAmB,UAAU,KAAK;AAExC,UACE,oBAAC;IAEC,WAAW,GAAG,yBAAyB,IAAI,yBAAyB,OAAO,CAAC,EAAE,OAAO,YAAY;cAEjG,qBAAC;KAAI,WAAW,GAAG,yBAAyB,IAAI,yBAAyB,MAAM,CAAC,EAAE,OAAO,WAAW;gBAClG,qBAAC;MACC,WAAW,GACT,yBAAyB,IAAI,yBAAyB,kBAAkB,CAAC,EACzE,OAAO,kBACR;iBAED,oBAAC,SACC,WAAW,GAAG,yBAAyB,IAAI,yBAAyB,SAAS,CAAC,EAAE,OAAO,UAAU,GACjG,EACF,oBAACC;OACC,SAAQ;OACR,WAAW,GACT,yBAAyB,IAAI,yBAAyB,aAAa,CAAC,EACpE,OAAO,cACR;iBAEA,QAAQ,KAAK;QACH;OACT,EACL,cACC,oBAACA;MAAW,SAAQ;gBAAS,QAAQ,WAAW,IAAI;OAAwB,GAE5E,oBAACC;MACC,IAAI;MACK;MACT,UAAU;MACV,UACE,cACI,UACC,MAA2C,aAAa,MAAM,EAAE,OAAO,QAAQ;OAEtF;MAEA;MArCD,KAsCD;IAER;GACE;;AAIV,kCAAe"}

package/dist/components/adapters/ConsentCheckboxList.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckboxList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/adapters/ConsentCheckboxList.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAIzC,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAsCzE,CAAC;AAEJ,eAAe,SAAS,CAAC"}

package/dist/components/adapters/ConsentCheckboxList.styles.js

@@ -1,44 +0,0 @@
-import { css } from "../../styles/emotion.js";
-import { useMemo } from "react";
-
-//#region src/components/adapters/ConsentCheckboxList.styles.ts
-const useStyles = (theme, colorScheme) => useMemo(() => ({
-	bullet: css`
-        width: 5px;
-        height: 5px;
-        border-radius: 50%;
-        background-color: #9e9e9e;
-        flex-shrink: 0;
-      `,
-	divider: css`
-        opacity: 0.5;
-        margin: 0.25rem 0;
-      `,
-	labelContainer: css`
-        display: flex;
-        align-items: center;
-        gap: 0.4rem;
-      `,
-	listContainer: css`
-        display: flex;
-        flex-direction: column;
-      `,
-	listItem: css`
-        padding: 0 0.25rem;
-        margin-bottom: 4px;
-      `,
-	listRow: css`
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0.125rem 0;
-      `,
-	typography: css`
-        margin: 0;
-      `
-}), [theme, colorScheme]);
-var ConsentCheckboxList_styles_default = useStyles;
-
-//#endregion
-export { ConsentCheckboxList_styles_default as default };
-//# sourceMappingURL=ConsentCheckboxList.styles.js.map

package/dist/components/adapters/ConsentCheckboxList.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckboxList.styles.js","names":[],"sources":["../../../src/components/adapters/ConsentCheckboxList.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../styles/emotion';\n\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(\n    () => ({\n      bullet: css`\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n        background-color: #9e9e9e;\n        flex-shrink: 0;\n      `,\n      divider: css`\n        opacity: 0.5;\n        margin: 0.25rem 0;\n      `,\n      labelContainer: css`\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n      `,\n      listContainer: css`\n        display: flex;\n        flex-direction: column;\n      `,\n      listItem: css`\n        padding: 0 0.25rem;\n        margin-bottom: 4px;\n      `,\n      listRow: css`\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0.125rem 0;\n      `,\n      typography: css`\n        margin: 0;\n      `,\n    }),\n    [theme, colorScheme],\n  );\n\nexport default useStyles;\n"],"mappings":";;;;AAOA,MAAM,aAAa,OAAc,gBAC/B,eACS;CACL,QAAQ,GAAG;;;;;;;CAOX,SAAS,GAAG;;;;CAIZ,gBAAgB,GAAG;;;;;CAKnB,eAAe,GAAG;;;;CAIlB,UAAU,GAAG;;;;CAIb,SAAS,GAAG;;;;;;CAMZ,YAAY,GAAG;;;CAGhB,GACD,CAAC,OAAO,YAAY,CACrB;AAEH,yCAAe"}

package/dist/components/adapters/FacebookButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacebookButton.d.ts","sourceRoot":"","sources":["../../../src/components/adapters/FacebookButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,EAAE,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAgC/E,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/adapters/FacebookButton.js

@@ -1,39 +0,0 @@
-import useTranslation_default from "../../hooks/useTranslation.js";
-import Button_default from "../primitives/Button/Button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/adapters/FacebookButton.tsx
-/**
-* Facebook Sign-In Button Component.
-* Handles authentication with Facebook identity provider.
-*/
-const FacebookButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = useTranslation_default(preferences?.i18n);
-	return /* @__PURE__ */ jsx(Button_default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "primary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ jsxs("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 512 512",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [/* @__PURE__ */ jsx("path", {
-				fill: "#1976D2",
-				d: "M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z"
-			}), /* @__PURE__ */ jsx("path", {
-				fill: "#FAFAFA",
-				d: "M432,256h-80v-64c0-17.664,14.336-16,32-16h32V96h-64l0,0c-53.024,0-96,42.976-96,96v64h-64v80h64v176h96V336h48L432,256z"
-			})]
-		}),
-		children: children ?? t("elements.buttons.facebook.text")
-	});
-};
-var FacebookButton_default = FacebookButton;
-
-//#endregion
-export { FacebookButton_default as default };
-//# sourceMappingURL=FacebookButton.js.map

package/dist/components/adapters/FacebookButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacebookButton.js","names":["FacebookButton: FC<FacebookButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../src/components/adapters/FacebookButton.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 FacebookButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Facebook Sign-In Button Component.\n * Handles authentication with Facebook identity provider.\n */\nconst FacebookButton: FC<FacebookButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: FacebookButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"primary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"#1976D2\"\n            d=\"M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z\"\n          />\n          <path\n            fill=\"#FAFAFA\"\n            d=\"M432,256h-80v-64c0-17.664,14.336-16,32-16h32V96h-64l0,0c-53.024,0-96,42.976-96,96v64h-64v80h64v176h96V336h48L432,256z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.facebook.text')}\n    </Button>\n  );\n};\n\nexport default FacebookButton;\n"],"mappings":";;;;;;;;;AAmBA,MAAMA,kBAA+E,EACnF,WACA,aACA,SACA,GAAG,WAC0D;CAC7D,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;AAE7C,QACE,oBAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,qBAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAc,OAAM;cACtD,oBAAC;IACC,MAAK;IACL,GAAE;KACF,EACF,oBAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,6BAAe"}

package/dist/components/adapters/FlowTimer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowTimer.d.ts","sourceRoot":"","sources":["../../../src/components/adapters/FlowTimer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yEAAyE;IACzE,aAAa,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC;IACtD,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkDjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/adapters/FlowTimer.js

@@ -1,49 +0,0 @@
-import Typography_default from "../primitives/Typography/Typography.js";
-import { useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-
-//#region src/components/adapters/FlowTimer.tsx
-/**
-* Flow countdown timer component.
-*
-* Displays a countdown from the given number of seconds. When the time expires,
-* shows "Timed out". Returns null if expiresIn <= 0.
-*/
-const FlowTimer = ({ expiresIn = 0, textTemplate = "Time remaining: {time}", children }) => {
-	const [remaining, setRemaining] = useState(expiresIn > 0 ? expiresIn : 0);
-	useEffect(() => {
-		if (expiresIn <= 0) return;
-		setRemaining(expiresIn);
-		const interval = setInterval(() => {
-			setRemaining((prev) => {
-				if (prev <= 1) {
-					clearInterval(interval);
-					return 0;
-				}
-				return prev - 1;
-			});
-		}, 1e3);
-		return () => clearInterval(interval);
-	}, [expiresIn]);
-	if (expiresIn <= 0) return null;
-	const formatTime = (seconds) => {
-		if (seconds <= 0) return "Timed out";
-		return `${Math.floor(seconds / 60)}:${(seconds % 60).toString().padStart(2, "0")}`;
-	};
-	const isExpired = remaining <= 0;
-	const formattedTime = formatTime(remaining);
-	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
-		formattedTime,
-		isExpired,
-		remaining
-	}) });
-	return /* @__PURE__ */ jsx(Typography_default, {
-		variant: "body2",
-		children: isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime)
-	});
-};
-var FlowTimer_default = FlowTimer;
-
-//#endregion
-export { FlowTimer_default as default };
-//# sourceMappingURL=FlowTimer.js.map

package/dist/components/adapters/FlowTimer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowTimer.js","names":["FlowTimer: FC<FlowTimerProps>","interval: NodeJS.Timeout","isExpired: boolean","formattedTime: string","Typography"],"sources":["../../../src/components/adapters/FlowTimer.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactNode, useEffect, useState} from 'react';\nimport Typography from '../primitives/Typography/Typography';\n\n/**\n * Render props exposed by FlowTimer when using the render-prop pattern.\n */\nexport interface FlowTimerRenderProps {\n  /** Human-readable formatted time string (e.g. \"2:30\" or \"Timed out\"). */\n  formattedTime: string;\n  /** Whether the timer has expired. */\n  isExpired: boolean;\n  /** Remaining time in seconds. 0 when expired. */\n  remaining: number;\n}\n\n/**\n * Props for the FlowTimer component.\n */\nexport interface FlowTimerProps {\n  /**\n   * Render-props callback. When provided, the default countdown display is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <FlowTimer expiresIn={300}>\n   *   {({ remaining, isExpired, formattedTime }) => (\n   *     <span style={{ color: isExpired ? 'red' : 'inherit' }}>\n   *       {isExpired ? 'Session expired' : `Time left: ${formattedTime}`}\n   *     </span>\n   *   )}\n   * </FlowTimer>\n   * ```\n   */\n  children?: (props: FlowTimerRenderProps) => ReactNode;\n  /** Initial number of seconds for the countdown. 0 or negative means no timer. */\n  expiresIn?: number;\n  /** Text template for the countdown display. Use {time} as a placeholder. */\n  textTemplate?: string;\n}\n\n/**\n * Flow countdown timer component.\n *\n * Displays a countdown from the given number of seconds. When the time expires,\n * shows \"Timed out\". Returns null if expiresIn <= 0.\n */\nconst FlowTimer: FC<FlowTimerProps> = ({\n  expiresIn = 0,\n  textTemplate = 'Time remaining: {time}',\n  children,\n}: FlowTimerProps) => {\n  const [remaining, setRemaining] = useState<number>(expiresIn > 0 ? expiresIn : 0);\n\n  useEffect(() => {\n    if (expiresIn <= 0) {\n      return undefined;\n    }\n\n    setRemaining(expiresIn);\n\n    const interval: NodeJS.Timeout = setInterval(() => {\n      setRemaining((prev: number) => {\n        if (prev <= 1) {\n          clearInterval(interval);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [expiresIn]);\n\n  if (expiresIn <= 0) {\n    return null;\n  }\n\n  const formatTime = (seconds: number): string => {\n    if (seconds <= 0) {\n      return 'Timed out';\n    }\n    const m: number = Math.floor(seconds / 60);\n    const s: number = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  };\n\n  const isExpired: boolean = remaining <= 0;\n  const formattedTime: string = formatTime(remaining);\n\n  if (children) {\n    return <>{children({formattedTime, isExpired, remaining})}</>;\n  }\n\n  const displayText: string = isExpired ? 'Timed out' : textTemplate.replace('{time}', formattedTime);\n\n  return <Typography variant=\"body2\">{displayText}</Typography>;\n};\n\nexport default FlowTimer;\n"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,aAAiC,EACrC,YAAY,GACZ,eAAe,0BACf,eACoB;CACpB,MAAM,CAAC,WAAW,gBAAgB,SAAiB,YAAY,IAAI,YAAY,EAAE;AAEjF,iBAAgB;AACd,MAAI,aAAa,EACf;AAGF,eAAa,UAAU;EAEvB,MAAMC,WAA2B,kBAAkB;AACjD,iBAAc,SAAiB;AAC7B,QAAI,QAAQ,GAAG;AACb,mBAAc,SAAS;AACvB,YAAO;;AAET,WAAO,OAAO;KACd;KACD,IAAK;AAER,eAAa,cAAc,SAAS;IACnC,CAAC,UAAU,CAAC;AAEf,KAAI,aAAa,EACf,QAAO;CAGT,MAAM,cAAc,YAA4B;AAC9C,MAAI,WAAW,EACb,QAAO;AAIT,SAAO,GAFW,KAAK,MAAM,UAAU,GAAG,CAE9B,IADM,UAAU,IACX,UAAU,CAAC,SAAS,GAAG,IAAI;;CAG9C,MAAMC,YAAqB,aAAa;CACxC,MAAMC,gBAAwB,WAAW,UAAU;AAEnD,KAAI,SACF,QAAO,4CAAG,SAAS;EAAC;EAAe;EAAW;EAAU,CAAC,GAAI;AAK/D,QAAO,oBAACC;EAAW,SAAQ;YAFC,YAAY,cAAc,aAAa,QAAQ,UAAU,cAAc;GAEtC;;AAG/D,wBAAe"}

package/dist/components/adapters/GitHubButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GitHubButton.d.ts","sourceRoot":"","sources":["../../../src/components/adapters/GitHubButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,EAAE,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CA8B3E,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/adapters/GitHubButton.js

@@ -1,39 +0,0 @@
-import useTranslation_default from "../../hooks/useTranslation.js";
-import Button_default from "../primitives/Button/Button.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/adapters/GitHubButton.tsx
-/**
-* GitHub Sign-In Button Component.
-* Handles authentication with GitHub identity provider.
-*/
-const GitHubButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = useTranslation_default(preferences?.i18n);
-	return /* @__PURE__ */ jsx(Button_default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "secondary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ jsx("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 67.91 66.233",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ jsx("g", {
-				transform: "translate(-386.96 658.072)",
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955",
-					fill: "#ffffff"
-				})
-			})
-		}),
-		children: children ?? t("elements.buttons.github.text")
-	});
-};
-var GitHubButton_default = GitHubButton;
-
-//#endregion
-export { GitHubButton_default as default };
-//# sourceMappingURL=GitHubButton.js.map

package/dist/components/adapters/GitHubButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GitHubButton.js","names":["GitHubButton: FC<GithubButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../src/components/adapters/GitHubButton.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 GithubButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * GitHub Sign-In Button Component.\n * Handles authentication with GitHub identity provider.\n */\nconst GitHubButton: FC<GithubButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: GithubButtonProps & 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 66.233\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g transform=\"translate(-386.96 658.072)\">\n            <path\n              d=\"M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955\"\n              fill=\"#ffffff\"\n            />\n          </g>\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.github.text')}\n    </Button>\n  );\n};\n\nexport default GitHubButton;\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,oBAAC;IAAE,WAAU;cACX,oBAAC;KACC,GAAE;KACF,MAAK;MACL;KACA;IACA;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}

package/dist/components/adapters/GoogleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoogleButton.d.ts","sourceRoot":"","sources":["../../../src/components/adapters/GoogleButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,EAAE,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkPD;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAqB3E,CAAC;AAEF,eAAe,YAAY,CAAC"}