@ttoss/components 2.17.0 → 2.18.0

package/README.md

@@ -23,6 +23,7 @@ import { OAuthConsent } from '@ttoss/components';
 
 <OAuthConsent
   clientName="My App"
+  logoUri={searchParams.get('logo_uri') ?? undefined}
   scopes={[
     {
       key: 'openid',

package/dist/index.d.mts

@@ -900,7 +900,13 @@ type OAuthConsentProps = {
    * the consent heading. Falls back to the first letter of `clientName` if the
    * image fails to load. When omitted, no logo is shown (backward-compatible).
    */
-  clientLogoUrl?: string; /** Scope tree to render. */
+  clientLogoUrl?: string;
+  /**
+   * Logo URL sourced directly from the OAuth `logo_uri` parameter appended by
+   * the consent-redirect flow. Takes precedence over `clientLogoUrl` when both
+   * are provided; otherwise the two are interchangeable.
+   */
+  logoUri?: string; /** Scope tree to render. */
   scopes: ConsentScope[];
   /**
    * Called when the user approves. Receives the minimal granted scope set
@@ -965,6 +971,7 @@ declare const collectGrantedScopes: (scopes: ConsentScope[], selected: Set<strin
 declare const OAuthConsent: ({
   clientName,
   clientLogoUrl,
+  logoUri,
   scopes,
   onAuthorize,
   onAuthorized,

package/dist/index.mjs

@@ -3222,6 +3222,7 @@ var ConsentCard = ({
 var OAuthConsent = ({
   clientName,
   clientLogoUrl,
+  logoUri,
   scopes,
   onAuthorize,
   onAuthorized,
@@ -3230,6 +3231,7 @@ var OAuthConsent = ({
   isValidRequest = true,
   labels
 }) => {
+  const resolvedLogoUrl = logoUri ?? clientLogoUrl;
   const [selected, setSelected] = React.useState(() => {
     return initSelected(scopes);
   });
@@ -3271,12 +3273,12 @@ var OAuthConsent = ({
     })]
   });
   return /* @__PURE__ */jsxs(ConsentCard, {
-    children: [clientLogoUrl && /* @__PURE__ */jsx(Box, {
+    children: [resolvedLogoUrl && /* @__PURE__ */jsx(Box, {
       sx: {
         marginBottom: 4
       },
       children: /* @__PURE__ */jsx(ClientLogo, {
-        src: clientLogoUrl,
+        src: resolvedLogoUrl,
         clientName
       })
     }), /* @__PURE__ */jsx(Heading, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "React components for ttoss ecosystem.",
   "keywords": [
     "React",
@@ -53,20 +53,20 @@
     "react": "^19.2.6",
     "tsdown": "^0.22.2",
     "tsx": "^4.21.0",
-    "@ttoss/config": "^1.37.17",
-    "@ttoss/i18n-cli": "^0.8.17",
     "@ttoss/react-hooks": "^2.3.20",
-    "@ttoss/react-icons": "^0.7.21",
+    "@ttoss/i18n-cli": "^0.8.17",
+    "@ttoss/config": "^1.37.17",
     "@ttoss/react-i18n": "^2.3.0",
+    "@ttoss/react-icons": "^0.7.21",
     "@ttoss/test-utils": "^4.2.18",
     "@ttoss/ui": "^6.9.28"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "@ttoss/react-hooks": "^2.3.20",
+    "@ttoss/react-i18n": "^2.3.0",
     "@ttoss/react-icons": "^0.7.21",
-    "@ttoss/ui": "^6.9.28",
-    "@ttoss/react-i18n": "^2.3.0"
+    "@ttoss/ui": "^6.9.28"
   },
   "publishConfig": {
     "access": "public",