@thunderid/react 0.1.0 → 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookButton.cjs","names":["FacebookButton: FC<FacebookButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/FacebookButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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":";;;;;;;;;;;AAkCA,MAAMA,kBAA+E,EACnF,WACA,aACA,SACA,GAAG,WAC0D;CAC7D,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;GAAc,OAAM;cACtD,2CAAC;IACC,MAAK;IACL,GAAE;KACF,EACF,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,6BAAe"}

package/dist/cjs/components/adapters/FlowTimer.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../primitives/Typography/Typography.cjs');
+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/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] = (0, react.useState)(expiresIn > 0 ? expiresIn : 0);
+	(0, react.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
+		formattedTime,
+		isExpired,
+		remaining
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
+		variant: "body2",
+		children: isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime)
+	});
+};
+var FlowTimer_default = FlowTimer;
+
+//#endregion
+exports.default = FlowTimer_default;
+//# sourceMappingURL=FlowTimer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowTimer.cjs","names":["FlowTimer: FC<FlowTimerProps>","interval: NodeJS.Timeout","isExpired: boolean","formattedTime: string","Typography"],"sources":["../../../../src/components/adapters/FlowTimer.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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":";;;;;;;;;;;;;;AAiEA,MAAMA,aAAiC,EACrC,YAAY,GACZ,eAAe,0BACf,eACoB;CACpB,MAAM,CAAC,WAAW,oCAAiC,YAAY,IAAI,YAAY,EAAE;AAEjF,4BAAgB;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,mFAAG,SAAS;EAAC;EAAe;EAAW;EAAU,CAAC,GAAI;AAK/D,QAAO,2CAACC;EAAW,SAAQ;YAFC,YAAY,cAAc,aAAa,QAAQ,UAAU,cAAc;GAEtC;;AAG/D,wBAAe"}

package/dist/cjs/components/adapters/FormContainer.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_SignUpOptionFactory = require('../presentation/auth/SignUp/v1/SignUpOptionFactory.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/FormContainer.tsx
+/**
+* Form container component that renders child components.
+*/
+const FormContainer = (props) => {
+	const { component } = props;
+	if (component.components && component.components.length > 0) {
+		const handleFormSubmit = (e) => {
+			e.preventDefault();
+			const submitButton = component.components?.find((child) => child.type === "BUTTON" && (child.variant === "PRIMARY" || child.variant === "SECONDARY" || child.config?.type === "submit"));
+			if (submitButton && props.onSubmit) props.onSubmit(submitButton, props.formValues);
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+			onSubmit: handleFormSubmit,
+			style: {
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: component.components.map((childComponent) => require_SignUpOptionFactory.createSignUpComponent({
+				...props,
+				component: childComponent
+			}))
+		}, component.id);
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {}, component.id);
+};
+var FormContainer_default = FormContainer;
+
+//#endregion
+exports.default = FormContainer_default;
+//# sourceMappingURL=FormContainer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormContainer.cjs","names":["FormContainer: FC<AdapterProps>","handleFormSubmit: (e: FormEvent) => void","submitButton: any","createSignUpComponent"],"sources":["../../../../src/components/adapters/FormContainer.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, FormEvent} from 'react';\nimport {AdapterProps} from '../../models/adapters';\n// eslint-disable-next-line import/no-cycle\nimport {createSignUpComponent} from '../presentation/auth/SignUp/v1/SignUpOptionFactory';\n\n/**\n * Form container component that renders child components.\n */\nconst FormContainer: FC<AdapterProps> = (props: AdapterProps) => {\n  const {component} = props;\n\n  // If the form has child components, render them wrapped in a form element\n  if (component.components && component.components.length > 0) {\n    const handleFormSubmit: (e: FormEvent) => void = (e: FormEvent): void => {\n      e.preventDefault();\n\n      // Find submit button in child components and trigger its submission\n      const submitButton: any = component.components?.find(\n        (child: any) =>\n          child.type === 'BUTTON' &&\n          (child.variant === 'PRIMARY' || child.variant === 'SECONDARY' || child.config?.type === 'submit'),\n      );\n\n      if (submitButton && props.onSubmit) {\n        props.onSubmit(submitButton, props.formValues);\n      }\n    };\n\n    return (\n      <form key={component.id} onSubmit={handleFormSubmit} style={{display: 'flex', flexDirection: 'column'}}>\n        {component.components.map((childComponent: any) =>\n          createSignUpComponent({\n            ...props,\n            component: childComponent,\n          }),\n        )}\n      </form>\n    );\n  }\n\n  // Empty form container\n  return <div key={component.id} />;\n};\n\nexport default FormContainer;\n"],"mappings":";;;;;;;;;AA0BA,MAAMA,iBAAmC,UAAwB;CAC/D,MAAM,EAAC,cAAa;AAGpB,KAAI,UAAU,cAAc,UAAU,WAAW,SAAS,GAAG;EAC3D,MAAMC,oBAA4C,MAAuB;AACvE,KAAE,gBAAgB;GAGlB,MAAMC,eAAoB,UAAU,YAAY,MAC7C,UACC,MAAM,SAAS,aACd,MAAM,YAAY,aAAa,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,UAC3F;AAED,OAAI,gBAAgB,MAAM,SACxB,OAAM,SAAS,cAAc,MAAM,WAAW;;AAIlD,SACE,2CAAC;GAAwB,UAAU;GAAkB,OAAO;IAAC,SAAS;IAAQ,eAAe;IAAS;aACnG,UAAU,WAAW,KAAK,mBACzBC,kDAAsB;IACpB,GAAG;IACH,WAAW;IACZ,CAAC,CACH;KANQ,UAAU,GAOd;;AAKX,QAAO,2CAAC,WAAS,UAAU,GAAM;;AAGnC,4BAAe"}

package/dist/cjs/components/adapters/GitHubButton.cjs

@@ -0,0 +1,41 @@
+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/GitHubButton.tsx
+/**
+* GitHub Sign-In Button Component.
+* Handles authentication with GitHub identity provider.
+*/
+const GitHubButton = ({ 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 67.91 66.233",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
+				transform: "translate(-386.96 658.072)",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.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
+exports.default = GitHubButton_default;
+//# sourceMappingURL=GitHubButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitHubButton.cjs","names":["GitHubButton: FC<GithubButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/GitHubButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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":";;;;;;;;;;;AAkCA,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;GAAmB,OAAM;aAC3D,2CAAC;IAAE,WAAU;cACX,2CAAC;KACC,GAAE;KACF,MAAK;MACL;KACA;IACA;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}

package/dist/cjs/components/adapters/GoogleButton.cjs

@@ -0,0 +1,59 @@
+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/GoogleButton.tsx
+/**
+* Google Sign-In Button Component.
+* Handles authentication with Google identity provider.
+*/
+const GoogleButton = ({ 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 67.91 67.901",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+				transform: "translate(-0.001 -0.001)",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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"
+					})
+				]
+			})
+		}),
+		children: children ?? t("elements.buttons.google.text")
+	});
+};
+var GoogleButton_default = GoogleButton;
+
+//#endregion
+exports.default = GoogleButton_default;
+//# sourceMappingURL=GoogleButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleButton.cjs","names":["GoogleButton: FC<GoogleButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/GoogleButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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":";;;;;;;;;;;AAkCA,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;GAAmB,OAAM;aAC3D,4CAAC;IAAE,WAAU;;KACX,2CAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,2CAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,2CAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;KACF,2CAAC;MACC,GAAE;MACF,WAAU;MACV,MAAK;OACL;;KACA;IACA;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}

package/dist/cjs/components/adapters/ImageComponent.cjs

@@ -0,0 +1,77 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../contexts/Theme/useTheme.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/adapters/ImageComponent.tsx
+const DEFAULT_EMOJI_CONTAINER_HEIGHT = "4em";
+/**
+* Image component for sign-up forms.
+*/
+const ImageComponent = ({ component }) => {
+	const { theme } = require_useTheme.default();
+	const config = component.config || {};
+	const src = config["src"] || "";
+	const alt = config["alt"] || config["label"] || "Image";
+	const width = config["width"] || "100%";
+	const height = config["height"] || "auto";
+	const variant = component.variant?.toLowerCase() || "image_block";
+	const imageStyle = {
+		borderRadius: theme.vars.borderRadius.small,
+		display: "block",
+		margin: variant === "image_block" ? "1rem auto" : "0"
+	};
+	if (!src) return null;
+	if ((0, __thunderid_browser.isEmojiUri)(src)) {
+		const toCSSLength = (value) => /^\d+(\.\d+)?$/.test(value) ? `${value}px` : value;
+		const cssWidth = toCSSLength(width);
+		const cssHeight = toCSSLength(height);
+		const isConcrete = (v) => v !== "auto" && !v.endsWith("%");
+		let containerHeight;
+		if (isConcrete(cssHeight)) containerHeight = cssHeight;
+		else if (isConcrete(cssWidth)) containerHeight = cssWidth;
+		else containerHeight = DEFAULT_EMOJI_CONTAINER_HEIGHT;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { textAlign: "center" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...imageStyle,
+					containerType: "size",
+					display: "inline-grid",
+					height: containerHeight,
+					placeItems: "center",
+					width: cssWidth
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-label": alt,
+					role: "img",
+					style: {
+						fontSize: "100cqmin",
+						lineHeight: 1
+					},
+					children: (0, __thunderid_browser.extractEmojiFromUri)(src)
+				})
+			})
+		}, component.id);
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: { textAlign: "center" },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src,
+			alt,
+			height,
+			width,
+			style: imageStyle,
+			onError: (e) => {
+				e.currentTarget.style.display = "none";
+			}
+		})
+	}, component.id);
+};
+var ImageComponent_default = ImageComponent;
+
+//#endregion
+exports.default = ImageComponent_default;
+//# sourceMappingURL=ImageComponent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageComponent.cjs","names":["ImageComponent: FC<AdapterProps>","useTheme","config: Record<string, unknown>","src: string","alt: string","width: string","height: string","variant: string","imageStyle: CSSProperties","cssWidth: string","cssHeight: string","containerHeight: string"],"sources":["../../../../src/components/adapters/ImageComponent.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {extractEmojiFromUri, isEmojiUri} from '@thunderid/browser';\nimport {CSSProperties, FC, SyntheticEvent} from 'react';\nimport useTheme from '../../contexts/Theme/useTheme';\nimport {AdapterProps} from '../../models/adapters';\n\nconst DEFAULT_EMOJI_CONTAINER_HEIGHT = '4em';\n\n/**\n * Image component for sign-up forms.\n */\nconst ImageComponent: FC<AdapterProps> = ({component}: AdapterProps) => {\n  const {theme} = useTheme();\n  const config: Record<string, unknown> = component.config || {};\n  const src: string = (config['src'] as string) || '';\n  const alt: string = (config['alt'] as string) || (config['label'] as string) || 'Image';\n  const width: string = (config['width'] as string) || '100%';\n  const height: string = (config['height'] as string) || 'auto';\n  const variant: string = component.variant?.toLowerCase() || 'image_block';\n\n  const imageStyle: CSSProperties = {\n    borderRadius: theme.vars.borderRadius.small,\n    display: 'block',\n    margin: variant === 'image_block' ? '1rem auto' : '0',\n  };\n\n  if (!src) {\n    return null;\n  }\n\n  if (isEmojiUri(src)) {\n    // Bare numbers (e.g. \"48\") are valid for <img> width/height attributes but\n    // are unit-less and ignored as CSS properties — normalize them to px.\n    const toCSSLength = (value: string): string => (/^\\d+(\\.\\d+)?$/.test(value) ? `${value}px` : value);\n    const cssWidth: string = toCSSLength(width);\n    const cssHeight: string = toCSSLength(height);\n\n    // container-type: size needs a concrete block dimension — percentage and\n    // 'auto' values both collapse to 0 when the parent has no defined height.\n    // Priority: explicit height → explicit width (square) → fallback constant.\n    const isConcrete = (v: string): boolean => v !== 'auto' && !v.endsWith('%');\n    let containerHeight: string;\n    if (isConcrete(cssHeight)) {\n      containerHeight = cssHeight;\n    } else if (isConcrete(cssWidth)) {\n      containerHeight = cssWidth;\n    } else {\n      containerHeight = DEFAULT_EMOJI_CONTAINER_HEIGHT;\n    }\n\n    return (\n      <div key={component.id} style={{textAlign: 'center'}}>\n        {/*\n         * container-type: size lets the inner span use cqmin (= min(cqw, cqh))\n         * so the emoji font-size tracks the rendered container dimensions\n         * rather than the parent's font-size.\n         */}\n        <span\n          style={{\n            ...imageStyle,\n            containerType: 'size',\n            display: 'inline-grid',\n            height: containerHeight,\n            placeItems: 'center',\n            width: cssWidth,\n          }}\n        >\n          <span aria-label={alt} role=\"img\" style={{fontSize: '100cqmin', lineHeight: 1}}>\n            {extractEmojiFromUri(src)}\n          </span>\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <div key={component.id} style={{textAlign: 'center'}}>\n      <img\n        src={src}\n        alt={alt}\n        height={height}\n        width={width}\n        style={imageStyle}\n        onError={(e: SyntheticEvent<HTMLImageElement>): void => {\n          // Hide broken images\n          e.currentTarget.style.display = 'none';\n        }}\n      />\n    </div>\n  );\n};\n\nexport default ImageComponent;\n"],"mappings":";;;;;;;;AAuBA,MAAM,iCAAiC;;;;AAKvC,MAAMA,kBAAoC,EAAC,gBAA6B;CACtE,MAAM,EAAC,UAASC,0BAAU;CAC1B,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,MAAe,OAAO,UAAqB;CACjD,MAAMC,MAAe,OAAO,UAAsB,OAAO,YAAuB;CAChF,MAAMC,QAAiB,OAAO,YAAuB;CACrD,MAAMC,SAAkB,OAAO,aAAwB;CACvD,MAAMC,UAAkB,UAAU,SAAS,aAAa,IAAI;CAE5D,MAAMC,aAA4B;EAChC,cAAc,MAAM,KAAK,aAAa;EACtC,SAAS;EACT,QAAQ,YAAY,gBAAgB,cAAc;EACnD;AAED,KAAI,CAAC,IACH,QAAO;AAGT,yCAAe,IAAI,EAAE;EAGnB,MAAM,eAAe,UAA2B,gBAAgB,KAAK,MAAM,GAAG,GAAG,MAAM,MAAM;EAC7F,MAAMC,WAAmB,YAAY,MAAM;EAC3C,MAAMC,YAAoB,YAAY,OAAO;EAK7C,MAAM,cAAc,MAAuB,MAAM,UAAU,CAAC,EAAE,SAAS,IAAI;EAC3E,IAAIC;AACJ,MAAI,WAAW,UAAU,CACvB,mBAAkB;WACT,WAAW,SAAS,CAC7B,mBAAkB;MAElB,mBAAkB;AAGpB,SACE,2CAAC;GAAuB,OAAO,EAAC,WAAW,UAAS;aAMlD,2CAAC;IACC,OAAO;KACL,GAAG;KACH,eAAe;KACf,SAAS;KACT,QAAQ;KACR,YAAY;KACZ,OAAO;KACR;cAED,2CAAC;KAAK,cAAY;KAAK,MAAK;KAAM,OAAO;MAAC,UAAU;MAAY,YAAY;MAAE;4DACvD,IAAI;MACpB;KACF;KAnBC,UAAU,GAoBd;;AAIV,QACE,2CAAC;EAAuB,OAAO,EAAC,WAAW,UAAS;YAClD,2CAAC;GACM;GACA;GACG;GACD;GACP,OAAO;GACP,UAAU,MAA8C;AAEtD,MAAE,cAAc,MAAM,UAAU;;IAElC;IAXM,UAAU,GAYd;;AAIV,6BAAe"}

package/dist/cjs/components/adapters/LinkedInButton.cjs

@@ -0,0 +1,38 @@
+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/LinkedInButton.tsx
+/**
+* LinkedIn Sign-In Button Component.
+* Handles authentication with LinkedIn identity provider.
+*/
+const LinkedInButton = ({ 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: "#0077B5",
+				d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+			})
+		}),
+		children: children ?? t("elements.buttons.linkedin.text")
+	});
+};
+var LinkedInButton_default = LinkedInButton;
+
+//#endregion
+exports.default = LinkedInButton_default;
+//# sourceMappingURL=LinkedInButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedInButton.cjs","names":["LinkedInButton: FC<LinkedInButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/LinkedInButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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 LinkedInButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * LinkedIn Sign-In Button Component.\n * Handles authentication with LinkedIn identity provider.\n */\nconst LinkedInButton: FC<LinkedInButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: LinkedInButtonProps & 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=\"#0077B5\"\n            d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.linkedin.text')}\n    </Button>\n  );\n};\n\nexport default LinkedInButton;\n"],"mappings":";;;;;;;;;;;AAkCA,MAAMA,kBAA+E,EACnF,WACA,aACA,SACA,GAAG,WAC0D;CAC7D,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,6BAAe"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftButton.cjs","names":["MicrosoftButton: FC<MicrosoftButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/MicrosoftButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\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":";;;;;;;;;;;AAkCA,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/NumberInput.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_FieldFactory = require('../factories/FieldFactory.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/components/adapters/NumberInput.tsx
+/**
+* Number input component for sign-up forms.
+*/
+const NumberInput = ({ component, formValues, touchedFields, formErrors, onInputChange, inputClassName }) => {
+	const config = component.config || {};
+	const fieldName = config["identifier"] || config["name"] || component.id;
+	const value = formValues[fieldName] || "";
+	return require_FieldFactory.createField({
+		className: inputClassName,
+		error: touchedFields[fieldName] ? formErrors[fieldName] : void 0,
+		label: config["label"] || "",
+		name: fieldName,
+		onChange: (newValue) => onInputChange(fieldName, newValue),
+		placeholder: config["placeholder"] || "",
+		required: config["required"] || false,
+		type: __thunderid_browser.FieldType.Number,
+		value
+	});
+};
+var NumberInput_default = NumberInput;
+
+//#endregion
+exports.default = NumberInput_default;
+//# sourceMappingURL=NumberInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.cjs","names":["NumberInput: FC<AdapterProps>","config: Record<string, unknown>","fieldName: string","value: string","createField","FieldType"],"sources":["../../../../src/components/adapters/NumberInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FieldType} from '@thunderid/browser';\nimport {FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport {createField} from '../factories/FieldFactory';\n\n/**\n * Number input component for sign-up forms.\n */\nconst NumberInput: FC<AdapterProps> = ({\n  component,\n  formValues,\n  touchedFields,\n  formErrors,\n  onInputChange,\n  inputClassName,\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const fieldName: string = (config['identifier'] as string) || (config['name'] as string) || component.id;\n  const value: string = formValues[fieldName] || '';\n  const error: string | undefined = touchedFields[fieldName] ? formErrors[fieldName] : undefined;\n\n  return createField({\n    className: inputClassName,\n    error,\n    label: (config['label'] as string) || '',\n    name: fieldName,\n    onChange: (newValue: string) => onInputChange(fieldName, newValue),\n    placeholder: (config['placeholder'] as string) || '',\n    required: (config['required'] as boolean) || false,\n    type: FieldType.Number,\n    value,\n  });\n};\n\nexport default NumberInput;\n"],"mappings":";;;;;;;;;AA0BA,MAAMA,eAAiC,EACrC,WACA,YACA,eACA,YACA,eACA,qBACkB;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,YAAqB,OAAO,iBAA6B,OAAO,WAAsB,UAAU;CACtG,MAAMC,QAAgB,WAAW,cAAc;AAG/C,QAAOC,iCAAY;EACjB,WAAW;EACX,OAJgC,cAAc,aAAa,WAAW,aAAa;EAKnF,OAAQ,OAAO,YAAuB;EACtC,MAAM;EACN,WAAW,aAAqB,cAAc,WAAW,SAAS;EAClE,aAAc,OAAO,kBAA6B;EAClD,UAAW,OAAO,eAA2B;EAC7C,MAAMC,8BAAU;EAChB;EACD,CAAC;;AAGJ,0BAAe"}

package/dist/cjs/components/adapters/PasswordInput.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_FieldFactory = require('../factories/FieldFactory.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/components/adapters/PasswordInput.tsx
+/**
+* Password input component for sign-up forms.
+*/
+const PasswordInput = ({ component, formValues, touchedFields, formErrors, onInputChange, inputClassName }) => {
+	const config = component.config || {};
+	const fieldName = config["identifier"] || config["name"] || component.id;
+	const value = formValues[fieldName] || "";
+	const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
+	const validations = config["validations"] || [];
+	const validationHints = [];
+	validations.forEach((validation) => {
+		if (validation.name === "LengthValidator") {
+			const minLength = validation.conditions?.find((c) => c.key === "min.length")?.value;
+			const maxLength = validation.conditions?.find((c) => c.key === "max.length")?.value;
+			if (minLength || maxLength) validationHints.push(`Length: ${minLength || "0"}-${maxLength || "∞"} characters`);
+		} else if (validation.name === "UpperCaseValidator") {
+			const minLength = validation.conditions?.find((c) => c.key === "min.length")?.value;
+			if (minLength && parseInt(minLength, 10) > 0) validationHints.push("Must contain uppercase letter(s)");
+		} else if (validation.name === "LowerCaseValidator") {
+			const minLength = validation.conditions?.find((c) => c.key === "min.length")?.value;
+			if (minLength && parseInt(minLength, 10) > 0) validationHints.push("Must contain lowercase letter(s)");
+		} else if (validation.name === "NumeralValidator") {
+			const minLength = validation.conditions?.find((c) => c.key === "min.length")?.value;
+			if (minLength && parseInt(minLength, 10) > 0) validationHints.push("Must contain number(s)");
+		} else if (validation.name === "SpecialCharacterValidator") {
+			const minLength = validation.conditions?.find((c) => c.key === "min.length")?.value;
+			if (minLength && parseInt(minLength, 10) > 0) validationHints.push("Must contain special character(s)");
+		}
+	});
+	return require_FieldFactory.createField({
+		className: inputClassName,
+		error,
+		label: config["label"] || "Password",
+		name: fieldName,
+		onChange: (newValue) => onInputChange(fieldName, newValue),
+		placeholder: config["placeholder"] || "Enter your password",
+		required: config["required"] || false,
+		type: __thunderid_browser.FieldType.Password,
+		value
+	});
+};
+var PasswordInput_default = PasswordInput;
+
+//#endregion
+exports.default = PasswordInput_default;
+//# sourceMappingURL=PasswordInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.cjs","names":["PasswordInput: FC<AdapterProps>","config: Record<string, unknown>","fieldName: string","value: string","error: string | undefined","validations: {\n    conditions?: {key: string; value: string}[];\n    name: string;\n  }[]","validationHints: string[]","minLength: string | undefined","maxLength: string | undefined","createField","FieldType"],"sources":["../../../../src/components/adapters/PasswordInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FieldType} from '@thunderid/browser';\nimport {FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport {createField} from '../factories/FieldFactory';\n\n/**\n * Password input component for sign-up forms.\n */\nconst PasswordInput: FC<AdapterProps> = ({\n  component,\n  formValues,\n  touchedFields,\n  formErrors,\n  onInputChange,\n  inputClassName,\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const fieldName: string = (config['identifier'] as string) || (config['name'] as string) || component.id;\n  const value: string = formValues[fieldName] || '';\n  const error: string | undefined = touchedFields[fieldName] ? formErrors[fieldName] : undefined;\n\n  // Extract validation rules from the component config if available\n  const validations: {\n    conditions?: {key: string; value: string}[];\n    name: string;\n  }[] =\n    (config['validations'] as {\n      conditions?: {key: string; value: string}[];\n      name: string;\n    }[]) || [];\n  const validationHints: string[] = [];\n\n  validations.forEach((validation: any) => {\n    if (validation.name === 'LengthValidator') {\n      const minLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'min.length')?.value;\n      const maxLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'max.length')?.value;\n      if (minLength || maxLength) {\n        validationHints.push(`Length: ${minLength || '0'}-${maxLength || '∞'} characters`);\n      }\n    } else if (validation.name === 'UpperCaseValidator') {\n      const minLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'min.length')?.value;\n      if (minLength && parseInt(minLength, 10) > 0) {\n        validationHints.push('Must contain uppercase letter(s)');\n      }\n    } else if (validation.name === 'LowerCaseValidator') {\n      const minLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'min.length')?.value;\n      if (minLength && parseInt(minLength, 10) > 0) {\n        validationHints.push('Must contain lowercase letter(s)');\n      }\n    } else if (validation.name === 'NumeralValidator') {\n      const minLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'min.length')?.value;\n      if (minLength && parseInt(minLength, 10) > 0) {\n        validationHints.push('Must contain number(s)');\n      }\n    } else if (validation.name === 'SpecialCharacterValidator') {\n      const minLength: string | undefined = validation.conditions?.find((c: any) => c.key === 'min.length')?.value;\n      if (minLength && parseInt(minLength, 10) > 0) {\n        validationHints.push('Must contain special character(s)');\n      }\n    }\n  });\n\n  return createField({\n    className: inputClassName,\n    error,\n    label: (config['label'] as string) || 'Password',\n    name: fieldName,\n    onChange: (newValue: string) => onInputChange(fieldName, newValue),\n    placeholder: (config['placeholder'] as string) || 'Enter your password',\n    required: (config['required'] as boolean) || false,\n    type: FieldType.Password,\n    value,\n  });\n};\n\nexport default PasswordInput;\n"],"mappings":";;;;;;;;;AA0BA,MAAMA,iBAAmC,EACvC,WACA,YACA,eACA,YACA,eACA,qBACkB;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,YAAqB,OAAO,iBAA6B,OAAO,WAAsB,UAAU;CACtG,MAAMC,QAAgB,WAAW,cAAc;CAC/C,MAAMC,QAA4B,cAAc,aAAa,WAAW,aAAa;CAGrF,MAAMC,cAIH,OAAO,kBAGA,EAAE;CACZ,MAAMC,kBAA4B,EAAE;AAEpC,aAAY,SAAS,eAAoB;AACvC,MAAI,WAAW,SAAS,mBAAmB;GACzC,MAAMC,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;GACvG,MAAMC,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;AACvG,OAAI,aAAa,UACf,iBAAgB,KAAK,WAAW,aAAa,IAAI,GAAG,aAAa,IAAI,aAAa;aAE3E,WAAW,SAAS,sBAAsB;GACnD,MAAMD,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;AACvG,OAAI,aAAa,SAAS,WAAW,GAAG,GAAG,EACzC,iBAAgB,KAAK,mCAAmC;aAEjD,WAAW,SAAS,sBAAsB;GACnD,MAAMA,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;AACvG,OAAI,aAAa,SAAS,WAAW,GAAG,GAAG,EACzC,iBAAgB,KAAK,mCAAmC;aAEjD,WAAW,SAAS,oBAAoB;GACjD,MAAMA,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;AACvG,OAAI,aAAa,SAAS,WAAW,GAAG,GAAG,EACzC,iBAAgB,KAAK,yBAAyB;aAEvC,WAAW,SAAS,6BAA6B;GAC1D,MAAMA,YAAgC,WAAW,YAAY,MAAM,MAAW,EAAE,QAAQ,aAAa,EAAE;AACvG,OAAI,aAAa,SAAS,WAAW,GAAG,GAAG,EACzC,iBAAgB,KAAK,oCAAoC;;GAG7D;AAEF,QAAOE,iCAAY;EACjB,WAAW;EACX;EACA,OAAQ,OAAO,YAAuB;EACtC,MAAM;EACN,WAAW,aAAqB,cAAc,WAAW,SAAS;EAClE,aAAc,OAAO,kBAA6B;EAClD,UAAW,OAAO,eAA2B;EAC7C,MAAMC,8BAAU;EAChB;EACD,CAAC;;AAGJ,4BAAe"}

package/dist/cjs/components/adapters/SelectInput.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_FieldFactory = require('../factories/FieldFactory.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/components/adapters/SelectInput.tsx
+/**
+* Select input component for sign-up forms.
+*/
+const SelectInput = ({ component, formValues, touchedFields, formErrors, onInputChange, inputClassName }) => {
+	const config = component.config || {};
+	const fieldName = config["identifier"] || config["name"] || component.id;
+	const value = formValues[fieldName] || "";
+	const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
+	const options = (config["options"] || []).map((option) => ({
+		label: option,
+		value: option
+	}));
+	return require_FieldFactory.createField({
+		className: inputClassName,
+		error,
+		label: config["label"] || "",
+		name: fieldName,
+		onChange: (newValue) => onInputChange(fieldName, newValue),
+		options,
+		placeholder: config["placeholder"] || "",
+		required: config["required"] || false,
+		type: __thunderid_browser.FieldType.Select,
+		value
+	});
+};
+var SelectInput_default = SelectInput;
+
+//#endregion
+exports.default = SelectInput_default;
+//# sourceMappingURL=SelectInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.cjs","names":["SelectInput: FC<AdapterProps>","config: Record<string, unknown>","fieldName: string","value: string","error: string | undefined","options: SelectOption[]","createField","FieldType"],"sources":["../../../../src/components/adapters/SelectInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FieldType} from '@thunderid/browser';\nimport {FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport {createField} from '../factories/FieldFactory';\nimport {SelectOption} from '../primitives/Select/Select';\n\n/**\n * Select input component for sign-up forms.\n */\nconst SelectInput: FC<AdapterProps> = ({\n  component,\n  formValues,\n  touchedFields,\n  formErrors,\n  onInputChange,\n  inputClassName,\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const fieldName: string = (config['identifier'] as string) || (config['name'] as string) || component.id;\n  const value: string = formValues[fieldName] || '';\n  const error: string | undefined = touchedFields[fieldName] ? formErrors[fieldName] : undefined;\n\n  // Get options from config and convert to SelectOption format\n  const rawOptions: string[] = (config['options'] as string[]) || [];\n  const options: SelectOption[] = rawOptions.map((option: string) => ({\n    label: option,\n    value: option,\n  }));\n\n  return createField({\n    className: inputClassName,\n    error,\n    label: (config['label'] as string) || '',\n    name: fieldName,\n    onChange: (newValue: string): void => onInputChange(fieldName, newValue),\n    options,\n    placeholder: (config['placeholder'] as string) || '',\n    required: (config['required'] as boolean) || false,\n    type: FieldType.Select,\n    value,\n  });\n};\n\nexport default SelectInput;\n"],"mappings":";;;;;;;;;AA2BA,MAAMA,eAAiC,EACrC,WACA,YACA,eACA,YACA,eACA,qBACkB;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,YAAqB,OAAO,iBAA6B,OAAO,WAAsB,UAAU;CACtG,MAAMC,QAAgB,WAAW,cAAc;CAC/C,MAAMC,QAA4B,cAAc,aAAa,WAAW,aAAa;CAIrF,MAAMC,WADwB,OAAO,cAA2B,EAAE,EACvB,KAAK,YAAoB;EAClE,OAAO;EACP,OAAO;EACR,EAAE;AAEH,QAAOC,iCAAY;EACjB,WAAW;EACX;EACA,OAAQ,OAAO,YAAuB;EACtC,MAAM;EACN,WAAW,aAA2B,cAAc,WAAW,SAAS;EACxE;EACA,aAAc,OAAO,kBAA6B;EAClD,UAAW,OAAO,eAA2B;EAC7C,MAAMC,8BAAU;EAChB;EACD,CAAC;;AAGJ,0BAAe"}