{"version":3,"sources":["../src/profile-edit/types.ts","../src/profile-edit/LegionProfileEdit.tsx"],"names":["LegionProfileEdit"],"mappings":"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","file":"profile-edit.mjs","sourcesContent":["/**\n * Theming props for the Profile Edit Widget.\n * These map to CSS custom properties used internally.\n */\nexport interface ProfileEditThemingProps {\n /** Container background color */\n profileEditBackgroundColor?: string;\n /** Primary text color */\n profileEditTextColor?: string;\n /** Secondary text color */\n profileEditSecondaryTextColor?: string;\n /** Border color */\n profileEditBorderColor?: string;\n /** Container border radius, e.g. \"12px\" */\n profileEditBorderRadius?: string;\n /** Container padding */\n profileEditPadding?: string;\n /** Container box shadow */\n profileEditShadow?: string;\n /** Primary accent color */\n profileEditPrimaryColor?: string;\n /** Primary hover color */\n profileEditPrimaryHover?: string;\n /** Accent color */\n profileEditAccentColor?: string;\n /** Card background */\n profileEditCardBg?: string;\n /** Card border */\n profileEditCardBorder?: string;\n /** Card border radius */\n profileEditCardRadius?: string;\n /** Card box shadow */\n profileEditCardShadow?: string;\n /** Card padding */\n profileEditCardPadding?: string;\n /** Avatar size, e.g. \"80px\" */\n profileEditAvatarSize?: string;\n /** Avatar border radius */\n profileEditAvatarRadius?: string;\n /** Avatar border */\n profileEditAvatarBorder?: string;\n /** Avatar box shadow */\n profileEditAvatarShadow?: string;\n /** Button background */\n profileEditButtonBg?: string;\n /** Button hover background */\n profileEditButtonHoverBg?: string;\n /** Button text color */\n profileEditButtonColor?: string;\n /** Button border radius */\n profileEditButtonRadius?: string;\n /** Secondary button background */\n profileEditButtonSecondaryBg?: string;\n /** Secondary button text color */\n profileEditButtonSecondaryColor?: string;\n /** Input background */\n profileEditInputBg?: string;\n /** Input border */\n profileEditInputBorder?: string;\n /** Input focus border color */\n profileEditInputFocusBorder?: string;\n /** Input border radius */\n profileEditInputRadius?: string;\n /** Input text color */\n profileEditInputText?: string;\n /** Input placeholder color */\n profileEditInputPlaceholder?: string;\n /** Font family */\n profileEditFontFamily?: string;\n /** Name font size */\n profileEditNameSize?: string;\n /** Name font weight */\n profileEditNameWeight?: string;\n /** Label font size */\n profileEditLabelSize?: string;\n /** Divider color */\n profileEditDividerColor?: string;\n /** Transition duration, e.g. \"0.2s\" */\n profileEditTransitionDuration?: string;\n}\n\n/**\n * Core configuration props for the Profile Edit Widget.\n */\nexport interface ProfileEditWidgetProps extends ProfileEditThemingProps {\n /** Base URL of the Legion application (required) */\n baseUrl: string;\n /** JWT auth token for authenticated profile editing */\n authToken?: string;\n /** Theme preset. Default: \"light\" */\n theme?: \"light\" | \"dark\";\n /** Widget width CSS value. Default: \"600px\" */\n width?: string;\n /** Widget height CSS value. Default: \"800px\" */\n height?: string;\n /** Additional CSS class name for the container */\n className?: string;\n /** Additional inline styles for the container */\n style?: React.CSSProperties;\n /** Callback when the widget iframe has loaded */\n onLoad?: (detail: { widget: string; theme: string }) => void;\n /** Callback when the widget iframe fails to load */\n onError?: (message: string) => void;\n}\n\n/**\n * Mapping from camelCase theming prop names to the kebab-case query\n * parameter names used by the profile-edit widget iframe URL.\n */\nexport const PROFILE_EDIT_THEMING_PROP_TO_PARAM: Record<\n keyof ProfileEditThemingProps,\n string\n> = {\n profileEditBackgroundColor: \"profile-background-color\",\n profileEditTextColor: \"profile-text-color\",\n profileEditSecondaryTextColor: \"profile-secondary-text-color\",\n profileEditBorderColor: \"profile-border-color\",\n profileEditBorderRadius: \"profile-border-radius\",\n profileEditPadding: \"profile-padding\",\n profileEditShadow: \"profile-shadow\",\n profileEditPrimaryColor: \"profile-primary-color\",\n profileEditPrimaryHover: \"profile-primary-hover\",\n profileEditAccentColor: \"profile-accent-color\",\n profileEditCardBg: \"profile-card-bg\",\n profileEditCardBorder: \"profile-card-border\",\n profileEditCardRadius: \"profile-card-radius\",\n profileEditCardShadow: \"profile-card-shadow\",\n profileEditCardPadding: \"profile-card-padding\",\n profileEditAvatarSize: \"profile-avatar-size\",\n profileEditAvatarRadius: \"profile-avatar-radius\",\n profileEditAvatarBorder: \"profile-avatar-border\",\n profileEditAvatarShadow: \"profile-avatar-shadow\",\n profileEditButtonBg: \"profile-button-bg\",\n profileEditButtonHoverBg: \"profile-button-hover-bg\",\n profileEditButtonColor: \"profile-button-color\",\n profileEditButtonRadius: \"profile-button-radius\",\n profileEditButtonSecondaryBg: \"profile-button-secondary-bg\",\n profileEditButtonSecondaryColor: \"profile-button-secondary-color\",\n profileEditInputBg: \"profile-input-bg\",\n profileEditInputBorder: \"profile-input-border\",\n profileEditInputFocusBorder: \"profile-input-focus-border\",\n profileEditInputRadius: \"profile-input-radius\",\n profileEditInputText: \"profile-input-text\",\n profileEditInputPlaceholder: \"profile-input-placeholder\",\n profileEditFontFamily: \"profile-font-family\",\n profileEditNameSize: \"profile-name-size\",\n profileEditNameWeight: \"profile-name-weight\",\n profileEditLabelSize: \"profile-label-size\",\n profileEditDividerColor: \"profile-divider-color\",\n profileEditTransitionDuration: \"profile-transition-duration\",\n};\n\n","import {\n useRef,\n useCallback,\n useMemo,\n forwardRef,\n useImperativeHandle,\n} from \"react\";\nimport {\n type ProfileEditWidgetProps,\n type ProfileEditThemingProps,\n PROFILE_EDIT_THEMING_PROP_TO_PARAM,\n} from \"./types\";\n\n/**\n * Ref handle exposed by LegionProfileEdit for imperative control.\n */\nexport interface LegionProfileEditHandle {\n /** Reload the widget iframe */\n refresh: () => void;\n}\n\n/**\n * Build the iframe src URL from widget props.\n */\nexport function buildProfileEditWidgetUrl(\n props: ProfileEditWidgetProps\n): string {\n const { baseUrl, theme = \"light\" } = props;\n\n const url = new URL(\"/widget/profile-edit\", baseUrl);\n url.searchParams.set(\"theme\", theme);\n\n // Append theming CSS variable params\n const themingKeys = Object.keys(\n PROFILE_EDIT_THEMING_PROP_TO_PARAM\n ) as Array;\n for (const key of themingKeys) {\n const value = props[key];\n if (value !== undefined && value !== null && String(value).length > 0) {\n url.searchParams.set(\n PROFILE_EDIT_THEMING_PROP_TO_PARAM[key],\n String(value)\n );\n }\n }\n\n return url.toString();\n}\n\n/**\n * LegionProfileEdit – a React component that embeds the Legion Profile Edit\n * widget via an iframe.\n *\n * @example\n * ```tsx\n * import { LegionProfileEdit } from '@legionhandtech/lht-react-widgets';\n *\n * function App() {\n * return (\n * \n * );\n * }\n * ```\n */\nexport const LegionProfileEdit = forwardRef<\n LegionProfileEditHandle,\n ProfileEditWidgetProps\n>(function LegionProfileEdit(props, ref) {\n const {\n theme = \"light\",\n authToken,\n width = \"600px\",\n height = \"800px\",\n className,\n style,\n onLoad,\n onError,\n baseUrl,\n ...rest\n } = props;\n\n const iframeRef = useRef(null);\n\n useImperativeHandle(\n ref,\n () => ({\n refresh: () => {\n const iframe = iframeRef.current;\n if (iframe?.contentWindow) {\n iframe.contentWindow.location.reload();\n }\n },\n }),\n []\n );\n\n const src = useMemo(\n () => buildProfileEditWidgetUrl(props),\n [\n baseUrl,\n theme,\n ...Object.keys(PROFILE_EDIT_THEMING_PROP_TO_PARAM).map(\n (k) => rest[k as keyof typeof rest]\n ),\n ]\n );\n\n const handleLoad = useCallback(() => {\n // Send auth token via postMessage\n const iframe = iframeRef.current;\n if (authToken && iframe?.contentWindow) {\n iframe.contentWindow.postMessage(\n { type: \"AUTH_TOKEN\", token: authToken },\n baseUrl\n );\n }\n onLoad?.({ widget: \"profile-edit\", theme: theme ?? \"light\" });\n }, [onLoad, theme, authToken, baseUrl]);\n\n const handleError = useCallback(() => {\n onError?.(\"Failed to load profile edit widget\");\n }, [onError]);\n\n return (\n \n \n \n );\n});\n\n"]}