@ciromaciel/auth-react 1.4.0 → 1.4.1

package/README.md

@@ -162,7 +162,9 @@ organization and on which plan, then one list of actions with "Sair" last.
   own group after billing. The component takes no JSX, so every app's card keeps the same shape.
 - `plan` and `organization` draw the context strip; leave them out and it is not drawn.
   `limit: null` hides the usage bar.
-- `branded={false}` removes the "Protegido por Auth" line.
+- The footer reads "Protegido por Auth" with a "Termos" link to the same terms the sign-in
+  cites. `termsUrl` points it elsewhere, `termsUrl={null}` drops the link, and `branded={false}`
+  removes the footer.
 
 ## API
 

package/dist/index.esm.js

@@ -2533,17 +2533,13 @@ function Wordmark({
   });
 }
 
+// Where the terms live. Hardcoded on purpose, like `API_BASE` in authSdk.js:
+// this ships inside the published bundle, and every screen of the seven panels
+// that links to the terms — the sign-in notice and the account card's footer —
+// must point at the same document. `termsUrl` overrides it for whoever hosts
+// their own.
 const TERMS_URL = 'https://myinfrastructure.click/legal/terms';
 
-/**
- * The terms notice under the first step.
- *
- * It sits on step ONE and nowhere else: the account is born on the first
- * `verify` and there is no separate sign-up screen to put it on — this form IS
- * the sign-up for whoever has never entered. On step two the person already
- * agreed by asking for the code; repeating it there would only push the code
- * field down.
- */
 function TermsNotice({
   url,
   text,
@@ -4017,7 +4013,9 @@ const ROLE_LABELS = {
  * @param {UserInformationItem[]} [props.items] - The panel's own rows, shown in their own group
  * @param {UserInformationPlan} [props.plan] - The plan strip; omitted, the strip is not drawn
  * @param {UserInformationOrganization} [props.organization] - Where the person is acting
- * @param {boolean} [props.branded=true] - The "Protegido por Auth" line
+ * @param {boolean} [props.branded=true] - The footer: "Protegido por Auth" and the terms link
+ * @param {string|null} [props.termsUrl] - Where "Termos" points; `null` removes the link
+ * @param {string} [props.termsLabel='Termos']
  * @param {string} [props.accountLabel='Conta']
  * @param {string} [props.billingLabel='Assinatura']
  * @param {string} [props.signOutLabel='Sair']
@@ -4031,6 +4029,8 @@ function UserInformation({
   plan,
   organization,
   branded = true,
+  termsUrl = TERMS_URL,
+  termsLabel = 'Termos',
   accountLabel = 'Conta',
   billingLabel = 'Assinatura',
   signOutLabel = 'Sair',
@@ -4138,23 +4138,39 @@ function UserInformation({
         hasDivider: true
       })]
     }), branded && /*#__PURE__*/jsxs(Group, {
-      justify: "center",
-      gap: 4,
-      py: 8,
+      justify: termsUrl ? 'space-between' : 'center',
+      gap: 8,
+      px: 16,
+      py: 10,
       bg: "gray.1",
       style: {
         borderTop: '1px solid var(--mantine-color-gray-2)'
       },
-      children: [/*#__PURE__*/jsx(Text, {
+      children: [/*#__PURE__*/jsxs(Text, {
         fz: 11,
         fw: 500,
         c: "gray.5",
-        children: "Protegido por"
-      }), /*#__PURE__*/jsx(Text, {
+        children: ["Protegido por", ' ', /*#__PURE__*/jsx(Text, {
+          span: true,
+          inherit: true,
+          fw: 800,
+          c: "gray.7",
+          children: "Auth"
+        })]
+      }), termsUrl && /*#__PURE__*/jsx(Anchor, {
+        href: termsUrl
+        /*
+         * A new tab, like the sign-in's notice: the card sits
+         * over a working panel, and reading the terms must
+         * not navigate away from it.
+         */,
+        target: "_blank",
+        rel: "noopener noreferrer",
         fz: 11,
-        fw: 800,
-        c: "gray.7",
-        children: "Auth"
+        fw: 500,
+        c: "gray.5",
+        underline: "always",
+        children: termsLabel
       })]
     })]
   });