@replicated/portal-components 0.0.24 → 0.0.26

package/dist/saml-callback-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/constants.ts","../src/saml-callback-client.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx","Link"],"mappings":"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","file":"saml-callback-client.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","'use client';\n\nimport { useEffect, useState, useRef } from \"react\";\nimport Link from \"next/link\";\nimport { SetSamlSessionResult } from \"./saml-handlers\";\nimport { DEFAULT_SECONDARY_COLOR } from \"./utils/constants\";\n\ntype CallbackState = \n  | { status: \"processing\" }\n  | { status: \"success\" }\n  | { status: \"error\"; message: string };\n\nexport interface SamlCallbackClientProps {\n  /**\n   * Server action to set the SAML session cookie.\n   * Should be passed from the template's actions.ts file.\n   */\n  setSamlSessionAction: (token: string) => Promise<SetSamlSessionResult>;\n}\n\n/**\n * Shared SAML callback client component.\n * \n * This component handles the SAML callback flow:\n * 1. Extracts JWT token from URL hash (#token=...)\n * 2. Calls server action to set session cookie\n * 3. Redirects to dashboard on success\n * 4. Shows error state on failure\n * \n * Usage in template page.tsx:\n * ```typescript\n * import { SamlCallbackClient } from \"@replicated/portal-components/saml-callback-client\";\n * import { setSamlSessionAction } from \"./actions\";\n * \n * export default function SamlCallbackPage() {\n *   return (\n *     <main className=\"flex min-h-screen items-center justify-center bg-gray-50\">\n *       <SamlCallbackClient setSamlSessionAction={setSamlSessionAction} />\n *     </main>\n *   );\n * }\n * ```\n */\nexport function SamlCallbackClient({ setSamlSessionAction }: SamlCallbackClientProps) {\n  const [state, setState] = useState<CallbackState>({ status: \"processing\" });\n  const processedRef = useRef(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    \n    // Prevent duplicate processing\n    if (processedRef.current) return;\n    processedRef.current = true;\n\n    // Extract token from URL hash (format: #token=...)\n    const hash = window.location.hash;\n    if (!hash || hash.length <= 1) {\n      setState({ \n        status: \"error\", \n        message: \"No authentication token received. Please try logging in again.\" \n      });\n      return;\n    }\n\n    const hashParams = new URLSearchParams(hash.substring(1));\n    const token = hashParams.get(\"token\");\n\n    if (!token) {\n      setState({ \n        status: \"error\", \n        message: \"Invalid authentication response. Please try logging in again.\" \n      });\n      return;\n    }\n\n    // Clear the hash from URL (security best practice)\n    window.history.replaceState(null, \"\", window.location.pathname);\n\n    // Send token to server action to set cookie\n    setSamlSessionAction(token)\n      .then((result) => {\n        if (result.success) {\n          setState({ status: \"success\" });\n          // Redirect to dashboard\n          window.location.href = \"/\";\n        } else {\n          setState({ \n            status: \"error\", \n            message: result.message || \"Failed to complete authentication.\" \n          });\n        }\n      })\n      .catch((err) => {\n        console.error(\"[saml-callback] Error:\", err);\n        setState({ \n          status: \"error\", \n          message: \"An unexpected error occurred. Please try logging in again.\" \n        });\n      });\n  }, [setSamlSessionAction]);\n\n  return (\n    <div className=\"w-full max-w-md rounded-2xl bg-white p-8 shadow-lg text-center\">\n      {state.status === \"processing\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-t-transparent\" style={{ borderColor: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`, borderTopColor: 'transparent' }} />\n          <p className=\"text-gray-600\">Completing SAML authentication...</p>\n        </div>\n      )}\n\n      {state.status === \"success\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-green-100\">\n            <svg className=\"h-6 w-6 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n            </svg>\n          </div>\n          <p className=\"text-lg font-semibold text-green-600\">Authentication successful!</p>\n          <p className=\"text-sm text-gray-600\">Redirecting to portal...</p>\n        </div>\n      )}\n\n      {state.status === \"error\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-red-100\">\n            <svg className=\"h-6 w-6 text-red-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </div>\n          <p className=\"text-lg font-semibold text-red-600\">Authentication Failed</p>\n          <p className=\"text-sm text-gray-600\">{state.message}</p>\n          <Link\n            href=\"/\"\n            className=\"mt-4 text-sm font-medium hover:underline\"\n            style={{ color: `var(--portal-branding-secondary, ${DEFAULT_SECONDARY_COLOR})` }}\n          >\n            Return to login\n          </Link>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/utils/constants.ts","../src/saml-callback-client.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx","Link"],"mappings":";;;;;;;;;;;;;;;;AAcO,IAAM,uBAAA,GAA0B,SAAA;AC6BhC,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAqB,EAA4B;AACpF,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAIA,eAAwB,EAAE,MAAA,EAAQ,cAAc,CAAA;AAC1E,EAAA,MAAM,YAAA,GAAeC,aAAO,KAAK,CAAA;AAEjC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAGnC,IAAA,IAAI,aAAa,OAAA,EAAS;AAC1B,IAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AAGvB,IAAA,MAAM,IAAA,GAAO,OAAO,QAAA,CAAS,IAAA;AAC7B,IAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,MAAA,IAAU,CAAA,EAAG;AAC7B,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAa,IAAI,eAAA,CAAgB,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAA;AACxD,IAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,GAAA,CAAI,OAAO,CAAA;AAEpC,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAGA,IAAA,MAAA,CAAO,QAAQ,YAAA,CAAa,IAAA,EAAM,EAAA,EAAI,MAAA,CAAO,SAAS,QAAQ,CAAA;AAG9D,IAAA,oBAAA,CAAqB,KAAK,CAAA,CACvB,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,MAAA,IAAI,OAAO,OAAA,EAAS;AAClB,QAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,SAAA,EAAW,CAAA;AAE9B,QAAA,MAAA,CAAO,SAAS,IAAA,GAAO,GAAA;AAAA,MACzB,CAAA,MAAO;AACL,QAAA,QAAA,CAAS;AAAA,UACP,MAAA,EAAQ,OAAA;AAAA,UACR,OAAA,EAAS,OAAO,OAAA,IAAW;AAAA,SAC5B,CAAA;AAAA,MACH;AAAA,IACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,0BAA0B,GAAG,CAAA;AAC3C,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,CAAC,oBAAoB,CAAC,CAAA;AAEzB,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gEAAA,EACZ,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,MAAA,KAAW,YAAA,oBAChBA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EAAkE,KAAA,EAAO,EAAE,WAAA,EAAa,CAAA,+BAAA,EAAkC,uBAAuB,CAAA,CAAA,CAAA,EAAK,cAAA,EAAgB,aAAA,EAAc,EAAG,CAAA;AAAA,sBACtMA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,eAAA,EAAgB,QAAA,EAAA,mCAAA,EAAiC;AAAA,KAAA,EAChE,CAAA;AAAA,IAGD,MAAM,MAAA,KAAW,SAAA,oBAChBD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EAAyB,IAAA,EAAK,MAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,MAAA,EAAO,gBAC7E,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,aAAa,CAAA,EAAG,CAAA,EAAE,gBAAA,EAAiB,CAAA,EACxF,CAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAA,EAAuC,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,sBAC9EA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,0BAAA,EAAwB;AAAA,KAAA,EAC/D,CAAA;AAAA,IAGD,MAAM,MAAA,KAAW,OAAA,oBAChBD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sBAAA,EAAuB,IAAA,EAAK,MAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,MAAA,EAAO,gBAC3E,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,aAAa,CAAA,EAAG,CAAA,EAAE,sBAAA,EAAuB,CAAA,EAC9F,CAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAqC,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,sBACvEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAyB,gBAAM,OAAA,EAAQ,CAAA;AAAA,sBACpDA,cAAA;AAAA,QAACC,qBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,GAAA;AAAA,UACL,SAAA,EAAU,0CAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,iCAAA,EAAoC,uBAAuB,CAAA,CAAA,CAAA,EAAI;AAAA,UAChF,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"saml-callback-client.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","'use client';\n\nimport { useEffect, useState, useRef } from \"react\";\nimport Link from \"next/link\";\nimport { SetSamlSessionResult } from \"./api/saml\";\nimport { DEFAULT_SECONDARY_COLOR } from \"./utils/constants\";\n\ntype CallbackState = \n  | { status: \"processing\" }\n  | { status: \"success\" }\n  | { status: \"error\"; message: string };\n\nexport interface SamlCallbackClientProps {\n  /**\n   * Server action to set the SAML session cookie.\n   * Should be passed from the template's actions.ts file.\n   */\n  setSamlSessionAction: (token: string) => Promise<SetSamlSessionResult>;\n}\n\n/**\n * Shared SAML callback client component.\n * \n * This component handles the SAML callback flow:\n * 1. Extracts JWT token from URL hash (#token=...)\n * 2. Calls server action to set session cookie\n * 3. Redirects to dashboard on success\n * 4. Shows error state on failure\n * \n * Usage in template page.tsx:\n * ```typescript\n * import { SamlCallbackClient } from \"@replicated/portal-components/saml-callback-client\";\n * import { setSamlSessionAction } from \"./actions\";\n * \n * export default function SamlCallbackPage() {\n *   return (\n *     <main className=\"flex min-h-screen items-center justify-center bg-gray-50\">\n *       <SamlCallbackClient setSamlSessionAction={setSamlSessionAction} />\n *     </main>\n *   );\n * }\n * ```\n */\nexport function SamlCallbackClient({ setSamlSessionAction }: SamlCallbackClientProps) {\n  const [state, setState] = useState<CallbackState>({ status: \"processing\" });\n  const processedRef = useRef(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    \n    // Prevent duplicate processing\n    if (processedRef.current) return;\n    processedRef.current = true;\n\n    // Extract token from URL hash (format: #token=...)\n    const hash = window.location.hash;\n    if (!hash || hash.length <= 1) {\n      setState({ \n        status: \"error\", \n        message: \"No authentication token received. Please try logging in again.\" \n      });\n      return;\n    }\n\n    const hashParams = new URLSearchParams(hash.substring(1));\n    const token = hashParams.get(\"token\");\n\n    if (!token) {\n      setState({ \n        status: \"error\", \n        message: \"Invalid authentication response. Please try logging in again.\" \n      });\n      return;\n    }\n\n    // Clear the hash from URL (security best practice)\n    window.history.replaceState(null, \"\", window.location.pathname);\n\n    // Send token to server action to set cookie\n    setSamlSessionAction(token)\n      .then((result) => {\n        if (result.success) {\n          setState({ status: \"success\" });\n          // Redirect to dashboard\n          window.location.href = \"/\";\n        } else {\n          setState({ \n            status: \"error\", \n            message: result.message || \"Failed to complete authentication.\" \n          });\n        }\n      })\n      .catch((err) => {\n        console.error(\"[saml-callback] Error:\", err);\n        setState({ \n          status: \"error\", \n          message: \"An unexpected error occurred. Please try logging in again.\" \n        });\n      });\n  }, [setSamlSessionAction]);\n\n  return (\n    <div className=\"w-full max-w-md rounded-2xl bg-white p-8 shadow-lg text-center\">\n      {state.status === \"processing\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-t-transparent\" style={{ borderColor: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`, borderTopColor: 'transparent' }} />\n          <p className=\"text-gray-600\">Completing SAML authentication...</p>\n        </div>\n      )}\n\n      {state.status === \"success\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-green-100\">\n            <svg className=\"h-6 w-6 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n            </svg>\n          </div>\n          <p className=\"text-lg font-semibold text-green-600\">Authentication successful!</p>\n          <p className=\"text-sm text-gray-600\">Redirecting to portal...</p>\n        </div>\n      )}\n\n      {state.status === \"error\" && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-red-100\">\n            <svg className=\"h-6 w-6 text-red-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </div>\n          <p className=\"text-lg font-semibold text-red-600\">Authentication Failed</p>\n          <p className=\"text-sm text-gray-600\">{state.message}</p>\n          <Link\n            href=\"/\"\n            className=\"mt-4 text-sm font-medium hover:underline\"\n            style={{ color: `var(--portal-branding-secondary, ${DEFAULT_SECONDARY_COLOR})` }}\n          >\n            Return to login\n          </Link>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/security-card.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SecurityReleaseImage, am as SecurityInfoDiff, ao as SBOMMetadata, ah as SecurityInstallType, C as ChannelRelease } from './index-JX9-CIMA.mjs';
+import { S as SecurityReleaseImage, am as SecurityInfoDiff, ao as SBOMMetadata, ah as SecurityInstallType, C as ChannelRelease } from './index-DaH1bSuO.mjs';
 import './fetch-license-iTyF7_GY.mjs';
 import './actions/change-team.mjs';
 import './actions/trial-signup.mjs';

package/dist/security-card.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SecurityReleaseImage, am as SecurityInfoDiff, ao as SBOMMetadata, ah as SecurityInstallType, C as ChannelRelease } from './index-DXy7RxOX.js';
+import { S as SecurityReleaseImage, am as SecurityInfoDiff, ao as SBOMMetadata, ah as SecurityInstallType, C as ChannelRelease } from './index-Bcp17Mf3.js';
 import './fetch-license-iTyF7_GY.js';
 import './actions/change-team.js';
 import './actions/trial-signup.js';

package/dist/styles.css

@@ -2346,6 +2346,10 @@ video {
   transition-duration: 200ms;
 }
 
+.duration-300 {
+  transition-duration: 300ms;
+}
+
 :root {
   color-scheme: dark;
   --portal-font-sans: Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif;

package/dist/support-bundles-card.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { q as SupportBundleSummary } from './index-JX9-CIMA.mjs';
+import { q as SupportBundleSummary } from './index-DaH1bSuO.mjs';
 import './fetch-license-iTyF7_GY.mjs';
 import './actions/change-team.mjs';
 import './actions/trial-signup.mjs';

package/dist/support-bundles-card.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { q as SupportBundleSummary } from './index-DXy7RxOX.js';
+import { q as SupportBundleSummary } from './index-Bcp17Mf3.js';
 import './fetch-license-iTyF7_GY.js';
 import './actions/change-team.js';
 import './actions/trial-signup.js';

package/dist/support-card.js

@@ -129,6 +129,7 @@ var fetchCustomBrandingImpl = async () => {
     title: payload.title,
     primaryColor: payload.primaryColor,
     secondaryColor: payload.secondaryColor,
+    contact: payload.contact,
     favicon: payload.faviconUrl,
     supportPortalLink: payload.supportPortalLink || "",
     background: payload.background,