{"version":3,"sources":["../src/matrix/types.ts","../src/matrix/LegionMatrix.tsx"],"names":["LegionMatrix"],"mappings":";;;;;;AAmIO,IAAM,4BAAA,GAGT;AAAA,EACF,qBAAA,EAAuB,yBAAA;AAAA,EACvB,eAAA,EAAiB,mBAAA;AAAA,EACjB,wBAAA,EAA0B,6BAAA;AAAA,EAC1B,iBAAA,EAAmB,qBAAA;AAAA,EACnB,kBAAA,EAAoB,sBAAA;AAAA,EACpB,aAAA,EAAe,gBAAA;AAAA,EACf,YAAA,EAAc,eAAA;AAAA,EACd,kBAAA,EAAoB,sBAAA;AAAA,EACpB,iBAAA,EAAmB,qBAAA;AAAA,EACnB,YAAA,EAAc,gBAAA;AAAA,EACd,iBAAA,EAAmB,sBAAA;AAAA,EACnB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,iBAAA,EAAmB,qBAAA;AAAA,EACnB,aAAA,EAAe,iBAAA;AAAA,EACf,YAAA,EAAc,gBAAA;AAAA,EACd,eAAA,EAAiB,mBAAA;AAAA,EACjB,cAAA,EAAgB,kBAAA;AAAA,EAChB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,oBAAA,EAAsB,wBAAA;AAAA,EACtB,mBAAA,EAAqB,uBAAA;AAAA,EACrB,aAAA,EAAe,iBAAA;AAAA,EACf,gBAAA,EAAkB,oBAAA;AAAA,EAClB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,eAAA,EAAiB,mBAAA;AAAA,EACjB,iBAAA,EAAmB,qBAAA;AAAA,EACnB,cAAA,EAAgB,kBAAA;AAAA,EAChB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,mBAAA,EAAqB,uBAAA;AAAA,EACrB,oBAAA,EAAsB,wBAAA;AAAA,EACtB,oBAAA,EAAsB,yBAAA;AAAA,EACtB,mBAAA,EAAqB,wBAAA;AAAA,EACrB,oBAAA,EAAsB,yBAAA;AAAA,EACtB,oBAAA,EAAsB,yBAAA;AAAA,EACtB,cAAA,EAAgB,kBAAA;AAAA,EAChB,iBAAA,EAAmB,qBAAA;AAAA,EACnB,kBAAA,EAAoB,sBAAA;AAAA,EACpB,mBAAA,EAAqB,uBAAA;AAAA,EACrB,wBAAA,EAA0B,4BAAA;AAAA,EAC1B,gBAAA,EAAkB,oBAAA;AAAA,EAClB,qBAAA,EAAuB,yBAAA;AAAA,EACvB,eAAA,EAAiB,mBAAA;AAAA,EACjB,cAAA,EAAgB,kBAAA;AAAA,EAChB,SAAA,EAAW;AACb;AC5JO,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,KAAA,GAAQ,OAAA;AAAA,IACR,UAAA,GAAa,sBAAA;AAAA,IACb,aAAA,GAAgB,sBAAA;AAAA,IAChB,WAAA;AAAA,IACA,SAAA,GAAY;AAAA,GACd,GAAI,KAAA;AAEJ,EAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,gBAAA,EAAkB,OAAO,CAAA;AAC7C,EAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,OAAA,EAAS,KAAK,CAAA;AACnC,EAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,YAAA,EAAc,UAAU,CAAA;AAC7C,EAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,eAAA,EAAiB,aAAa,CAAA;AAGnD,EAAA,MAAM,mBAAA,GACJ,WAAA,IAAA,IAAA,GAAA,WAAA,GAAgB,KAAA,KAAU,MAAA,GAAS,MAAA,GAAS,MAAA;AAC9C,EAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,aAAA,EAAe,mBAAmB,CAAA;AAGvD,EAAA,MAAM,UAAA,GAAoD;AAAA,IACxD,MAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,YAAA,GAAe,UAAA,CAAW,QAAA,CAAS,SAAS,IAAI,SAAA,GAAY,MAAA;AAClE,EAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,WAAA,EAAa,YAAa,CAAA;AAG/C,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,IAAA,CAAK,4BAA4B,CAAA;AAG5D,EAAA,KAAA,MAAW,OAAO,WAAA,EAAa;AAC7B,IAAA,MAAM,KAAA,GAAQ,MAAM,GAAG,CAAA;AACvB,IAAA,IAAI,KAAA,KAAU,UAAa,KAAA,KAAU,IAAA,IAAQ,OAAO,KAAK,CAAA,CAAE,SAAS,CAAA,EAAG;AACrE,MAAA,GAAA,CAAI,aAAa,GAAA,CAAI,4BAAA,CAA6B,GAAG,CAAA,EAAG,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IACvE;AAAA,EACF;AAEA,EAAA,OAAO,IAAI,QAAA,EAAS;AACtB;AAsBO,IAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,SAASA,aAAAA,CAAa,KAAA,EAAO,GAAA,EAAK;AAChC,IAAA,MAAM;AAAA,MACJ,KAAA,GAAQ,OAAA;AAAA,MACR,UAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,GAAQ,MAAA;AAAA,MACR,MAAA,GAAS,OAAA;AAAA,MACT,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAEhD,IAAA,mBAAA;AAAA,MACE,GAAA;AAAA,MACA,OAAO;AAAA,QACL,SAAS,MAAM;AACb,UAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,UAAA,IAAI,iCAAQ,aAAA,EAAe;AACzB,YAAA,MAAA,CAAO,aAAA,CAAc,SAAS,MAAA,EAAO;AAAA,UACvC;AAAA,QACF;AAAA,OACF,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,GAAA,GAAM,OAAA;AAAA,MACV,MAAM,qBAAqB,KAAK,CAAA;AAAA,MAChC;AAAA,QACE,OAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG,MAAA,CAAO,IAAA,CAAK,4BAA4B,CAAA,CAAE,GAAA;AAAA,UAC3C,CAAC,CAAA,KAAM,IAAA,CAAK,CAAsB;AAAA;AACpC;AACF,KACF;AAEA,IAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,MAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,EAAE,MAAA,EAAQ,QAAA,EAAU,KAAA,EAAM,CAAA;AAAA,IACrC,CAAA,EAAG,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAElB,IAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,MAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,8BAAA,CAAA;AAAA,IACZ,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,cAAA,GAAsC;AAAA,MAC1C,OAAA,EAAS,OAAA;AAAA,MACT,KAAA;AAAA,MACA,eAAA,EAAiB,aAAA;AAAA,MACjB,GAAG;AAAA,KACL;AAEA,IAAA,MAAM,WAAA,GAAmC;AAAA,MACvC,MAAA,EAAQ,MAAA;AAAA,MACR,YAAA,EAAc,KAAA;AAAA,MACd,QAAA,EAAU,QAAA;AAAA,MACV,KAAA,EAAO,MAAA;AAAA,MACP;AAAA,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EAAO,cAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,GAAA;AAAA,QACA,KAAA,EAAM,eAAA;AAAA,QACN,KAAA,EAAM,MAAA;AAAA,QACN,OAAA,EAAQ,MAAA;AAAA,QACR,KAAA,EAAO,WAAA;AAAA,QACP,MAAA,EAAQ,UAAA;AAAA,QACR,OAAA,EAAS;AAAA;AAAA,KACX,EACF,CAAA;AAAA,EAEJ;AACF","file":"matrix.mjs","sourcesContent":["/**\n * Theming props for the Matrix Widget.\n * These map to CSS custom properties used internally.\n */\nexport interface MatrixThemingProps {\n /** Container background color */\n matrixBackgroundColor?: string;\n /** Primary text color */\n matrixTextColor?: string;\n /** Secondary text color */\n matrixSecondaryTextColor?: string;\n /** Border color */\n matrixBorderColor?: string;\n /** Container border radius */\n matrixBorderRadius?: string;\n /** Container padding */\n matrixPadding?: string;\n /** Container box shadow */\n matrixShadow?: string;\n /** Primary color */\n matrixPrimaryColor?: string;\n /** Accent color */\n matrixAccentColor?: string;\n /** Card background */\n matrixCardBg?: string;\n /** Card hover background */\n matrixCardHoverBg?: string;\n /** Card border */\n matrixCardBorder?: string;\n /** Card border radius */\n matrixCardRadius?: string;\n /** Card box shadow */\n matrixCardShadow?: string;\n /** Card padding */\n matrixCardPadding?: string;\n /** Card gap */\n matrixCardGap?: string;\n /** Icon background */\n matrixIconBg?: string;\n /** Icon color */\n matrixIconColor?: string;\n /** Icon size */\n matrixIconSize?: string;\n /** Icon border radius */\n matrixIconRadius?: string;\n /** Indicator color */\n matrixIndicatorColor?: string;\n /** Indicator size */\n matrixIndicatorSize?: string;\n /** Badge background */\n matrixBadgeBg?: string;\n /** Badge text color */\n matrixBadgeColor?: string;\n /** Font family */\n matrixFontFamily?: string;\n /** Title font size */\n matrixTitleSize?: string;\n /** Title font weight */\n matrixTitleWeight?: string;\n /** Body text font size */\n matrixBodySize?: string;\n /** Body text font weight */\n matrixBodyWeight?: string;\n /** Timestamp font size */\n matrixTimestampSize?: string;\n /** Timestamp text color */\n matrixTimestampColor?: string;\n /** Empty state icon color */\n matrixEmptyIconColor?: string;\n /** Empty state icon size */\n matrixEmptyIconSize?: string;\n /** Empty state title font size */\n matrixEmptyTitleSize?: string;\n /** Empty state text color */\n matrixEmptyTextColor?: string;\n /** Button background */\n matrixButtonBg?: string;\n /** Button text color */\n matrixButtonColor?: string;\n /** Button border radius */\n matrixButtonRadius?: string;\n /** Button padding */\n matrixButtonPadding?: string;\n /** Transition duration */\n matrixTransitionDuration?: string;\n /** Hover scale factor */\n matrixHoverScale?: string;\n /** Animation timing function */\n matrixAnimationTiming?: string;\n /** Container minimum height */\n matrixMinHeight?: string;\n /** Container maximum width */\n matrixMaxWidth?: string;\n /** Layout gap */\n matrixGap?: string;\n}\n\n/**\n * Core configuration props for the Matrix Widget.\n */\nexport interface MatrixWidgetProps extends MatrixThemingProps {\n /** Base URL of the Legion application (required) */\n baseUrl: string;\n /** Theme preset. Default: \"light\" */\n theme?: \"light\" | \"dark\";\n /** Title shown in empty state. Default: \"You're all caught up\" */\n emptyTitle?: string;\n /** Subtitle shown in empty state. Default: \"No updates right now\" */\n emptySubtitle?: string;\n /** Accent color name. Default: \"blue\" (light) / \"gray\" (dark) */\n accentColor?: string;\n /** Icon for empty state. Default: \"bell\" */\n emptyIcon?: \"bell\" | \"gift\" | \"activity\" | \"trophy\";\n /** Widget width CSS value. Default: \"100%\" */\n width?: string;\n /** Widget height CSS value. Default: \"400px\" */\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 matrix widget iframe URL.\n */\nexport const MATRIX_THEMING_PROP_TO_PARAM: Record<\n keyof MatrixThemingProps,\n string\n> = {\n matrixBackgroundColor: \"matrix-background-color\",\n matrixTextColor: \"matrix-text-color\",\n matrixSecondaryTextColor: \"matrix-secondary-text-color\",\n matrixBorderColor: \"matrix-border-color\",\n matrixBorderRadius: \"matrix-border-radius\",\n matrixPadding: \"matrix-padding\",\n matrixShadow: \"matrix-shadow\",\n matrixPrimaryColor: \"matrix-primary-color\",\n matrixAccentColor: \"matrix-accent-color\",\n matrixCardBg: \"matrix-card-bg\",\n matrixCardHoverBg: \"matrix-card-hover-bg\",\n matrixCardBorder: \"matrix-card-border\",\n matrixCardRadius: \"matrix-card-radius\",\n matrixCardShadow: \"matrix-card-shadow\",\n matrixCardPadding: \"matrix-card-padding\",\n matrixCardGap: \"matrix-card-gap\",\n matrixIconBg: \"matrix-icon-bg\",\n matrixIconColor: \"matrix-icon-color\",\n matrixIconSize: \"matrix-icon-size\",\n matrixIconRadius: \"matrix-icon-radius\",\n matrixIndicatorColor: \"matrix-indicator-color\",\n matrixIndicatorSize: \"matrix-indicator-size\",\n matrixBadgeBg: \"matrix-badge-bg\",\n matrixBadgeColor: \"matrix-badge-color\",\n matrixFontFamily: \"matrix-font-family\",\n matrixTitleSize: \"matrix-title-size\",\n matrixTitleWeight: \"matrix-title-weight\",\n matrixBodySize: \"matrix-body-size\",\n matrixBodyWeight: \"matrix-body-weight\",\n matrixTimestampSize: \"matrix-timestamp-size\",\n matrixTimestampColor: \"matrix-timestamp-color\",\n matrixEmptyIconColor: \"matrix-empty-icon-color\",\n matrixEmptyIconSize: \"matrix-empty-icon-size\",\n matrixEmptyTitleSize: \"matrix-empty-title-size\",\n matrixEmptyTextColor: \"matrix-empty-text-color\",\n matrixButtonBg: \"matrix-button-bg\",\n matrixButtonColor: \"matrix-button-color\",\n matrixButtonRadius: \"matrix-button-radius\",\n matrixButtonPadding: \"matrix-button-padding\",\n matrixTransitionDuration: \"matrix-transition-duration\",\n matrixHoverScale: \"matrix-hover-scale\",\n matrixAnimationTiming: \"matrix-animation-timing\",\n matrixMinHeight: \"matrix-min-height\",\n matrixMaxWidth: \"matrix-max-width\",\n matrixGap: \"matrix-gap\",\n};\n\n","import React, {\n useRef,\n useCallback,\n useMemo,\n forwardRef,\n useImperativeHandle,\n} from \"react\";\nimport {\n type MatrixWidgetProps,\n type MatrixThemingProps,\n MATRIX_THEMING_PROP_TO_PARAM,\n} from \"./types\";\n\n/**\n * Ref handle exposed by LegionMatrix for imperative control.\n */\nexport interface LegionMatrixHandle {\n /** Reload the widget iframe */\n refresh: () => void;\n}\n\n/**\n * Build the iframe src URL from widget props.\n */\nexport function buildMatrixWidgetUrl(props: MatrixWidgetProps): string {\n const {\n baseUrl,\n theme = \"light\",\n emptyTitle = \"You're all caught up\",\n emptySubtitle = \"No updates right now\",\n accentColor,\n emptyIcon = \"bell\",\n } = props;\n\n const url = new URL(\"/widget/matrix\", baseUrl);\n url.searchParams.set(\"theme\", theme);\n url.searchParams.set(\"emptyTitle\", emptyTitle);\n url.searchParams.set(\"emptySubtitle\", emptySubtitle);\n\n // Default accent color depends on theme\n const resolvedAccentColor =\n accentColor ?? (theme === \"dark\" ? \"gray\" : \"blue\");\n url.searchParams.set(\"accentColor\", resolvedAccentColor);\n\n // Validate emptyIcon\n const validIcons: Array = [\n \"bell\",\n \"gift\",\n \"activity\",\n \"trophy\",\n ];\n const resolvedIcon = validIcons.includes(emptyIcon) ? emptyIcon : \"bell\";\n url.searchParams.set(\"emptyIcon\", resolvedIcon!);\n\n // Append theming params\n const themingKeys = Object.keys(MATRIX_THEMING_PROP_TO_PARAM) as Array<\n keyof MatrixThemingProps\n >;\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(MATRIX_THEMING_PROP_TO_PARAM[key], String(value));\n }\n }\n\n return url.toString();\n}\n\n/**\n * LegionMatrix – a React component that embeds the Legion\n * Matrix (site-wide notification feed) widget via an iframe.\n *\n * @example\n * ```tsx\n * import { LegionMatrix } from '@legionhandtech/lht-react-widgets';\n *\n * function App() {\n * return (\n * \n * );\n * }\n * ```\n */\nexport const LegionMatrix = forwardRef(\n function LegionMatrix(props, ref) {\n const {\n theme = \"light\",\n emptyTitle,\n emptySubtitle,\n accentColor,\n emptyIcon,\n width = \"100%\",\n height = \"400px\",\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 () => buildMatrixWidgetUrl(props),\n [\n baseUrl,\n theme,\n emptyTitle,\n emptySubtitle,\n accentColor,\n emptyIcon,\n ...Object.keys(MATRIX_THEMING_PROP_TO_PARAM).map(\n (k) => rest[k as keyof typeof rest]\n ),\n ]\n );\n\n const handleLoad = useCallback(() => {\n onLoad?.({ widget: \"matrix\", theme });\n }, [theme, onLoad]);\n\n const handleError = useCallback(() => {\n onError?.(\"Failed to load matrix widget\");\n }, [onError]);\n\n const containerStyle: React.CSSProperties = {\n display: \"block\",\n width,\n backgroundColor: \"transparent\",\n ...style,\n };\n\n const iframeStyle: React.CSSProperties = {\n border: \"none\",\n borderRadius: \"8px\",\n overflow: \"hidden\",\n width: \"100%\",\n height,\n };\n\n return (\n
\n \n
\n );\n }\n);\n\n"]}