@flamingo-stack/openframe-frontend-core 0.0.381-snapshot.20260708122906 → 0.0.381

package/dist/{chunk-GZIHB6TH.js → chunk-OLXGKYNO.js}

@@ -24401,14 +24401,50 @@ function SsoProviderButtons({
   }) });
 }
 
-// src/components/features/auth/accept-invitation-form.tsx
+// src/components/features/auth/terms-agreement-label.tsx
 import { jsx as jsx183, jsxs as jsxs142 } from "react/jsx-runtime";
+function TermsAgreementLabel({ termsUrl = "#", privacyPolicyUrl = "#" }) {
+  return /* @__PURE__ */ jsxs142("span", { className: "text-h4 text-ods-text-primary", children: [
+    "Agree to ",
+    /* @__PURE__ */ jsx183(
+      "a",
+      {
+        href: termsUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-ods-text-secondary underline",
+        onClick: (event) => event.stopPropagation(),
+        children: "Terms"
+      }
+    ),
+    " & ",
+    /* @__PURE__ */ jsx183(
+      "a",
+      {
+        href: privacyPolicyUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-ods-text-secondary underline",
+        onClick: (event) => event.stopPropagation(),
+        children: "Privacy Policy"
+      }
+    ),
+    " by signing up."
+  ] });
+}
+
+// src/components/features/auth/accept-invitation-form.tsx
+import { jsx as jsx184, jsxs as jsxs143 } from "react/jsx-runtime";
 function AcceptInvitationForm({
   email,
+  agreedToTerms,
+  onAgreedToTermsChange,
   ssoProviders,
   onSsoClick,
   onBackToLogin,
   ssoActionLabel = "Sign Up with",
+  termsUrl = "#",
+  privacyPolicyUrl = "#",
   emailLabel = "Email",
   title = "Accept Invitation",
   subtitle = "Complete your registration to join the organization",
@@ -24416,7 +24452,7 @@ function AcceptInvitationForm({
   disabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxs142(
+  return /* @__PURE__ */ jsxs143(
     "div",
     {
       className: cn(
@@ -24424,21 +24460,32 @@ function AcceptInvitationForm({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs142("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx183("h1", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
-          /* @__PURE__ */ jsx183("p", { className: "text-h4 text-ods-text-secondary", children: subtitle })
+        /* @__PURE__ */ jsxs143("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx184("h1", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
+          /* @__PURE__ */ jsx184("p", { className: "text-h4 text-ods-text-secondary", children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx183(Input, { type: "email", label: emailLabel, value: email, disabled: true, readOnly: true }),
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx184(Input, { type: "email", label: emailLabel, value: email, disabled: true, readOnly: true }),
+        /* @__PURE__ */ jsx184(
+          CheckboxBlock,
+          {
+            id: "accept-invite-terms",
+            label: /* @__PURE__ */ jsx184(TermsAgreementLabel, { termsUrl, privacyPolicyUrl }),
+            truncateLabel: true,
+            checked: agreedToTerms,
+            disabled: disabled || loading,
+            onCheckedChange: onAgreedToTermsChange
+          }
+        ),
+        /* @__PURE__ */ jsx184(
           SsoProviderButtons,
           {
             providers: ssoProviders,
             onSsoClick,
             actionLabel: ssoActionLabel,
-            disabled: disabled || loading
+            disabled: disabled || loading || !agreedToTerms
           }
         ),
-        /* @__PURE__ */ jsx183(BackToLoginLink, { onClick: onBackToLogin, className: "self-start lg:hidden" })
+        /* @__PURE__ */ jsx184(BackToLoginLink, { onClick: onBackToLogin, className: "self-start lg:hidden" })
       ]
     }
   );
@@ -24447,14 +24494,14 @@ function AcceptInvitationForm({
 // src/components/features/auth/auth-benefits-panel.tsx
 init_cn();
 init_button2();
-import { jsx as jsx184, jsxs as jsxs143 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs144 } from "react/jsx-runtime";
 var DEFAULT_TITLE2 = "The All-in-One Open Platform for MSPs";
 var DEFAULT_DESCRIPTION = "All your core ops in one place - built for MSPs who are done duct-taping tools together. Open-source, AI-ready, no vendor tax. Just solid software that lets you run lean and fast.";
 var DEFAULT_BENEFITS = [
-  { icon: /* @__PURE__ */ jsx184(CreditCardXmarkIcon, {}), label: "No card required" },
-  { icon: /* @__PURE__ */ jsx184(XmarkAltIcon, {}), label: "Cancel Anytime" },
-  { icon: /* @__PURE__ */ jsx184(FlaskVialIcon, {}), label: "14 day free trial" },
-  { icon: /* @__PURE__ */ jsx184(FileOffIcon, {}), label: "No Contract" }
+  { icon: /* @__PURE__ */ jsx185(CreditCardXmarkIcon, {}), label: "No card required" },
+  { icon: /* @__PURE__ */ jsx185(XmarkAltIcon, {}), label: "Cancel Anytime" },
+  { icon: /* @__PURE__ */ jsx185(FlaskVialIcon, {}), label: "14 day free trial" },
+  { icon: /* @__PURE__ */ jsx185(FileOffIcon, {}), label: "No Contract" }
 ];
 function AuthBenefitsPanel({
   title = DEFAULT_TITLE2,
@@ -24464,7 +24511,7 @@ function AuthBenefitsPanel({
   learnMoreUrl = "https://openframe.ai",
   className
 }) {
-  return /* @__PURE__ */ jsxs143(
+  return /* @__PURE__ */ jsxs144(
     "div",
     {
       className: cn(
@@ -24472,19 +24519,19 @@ function AuthBenefitsPanel({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx184("h2", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
-        /* @__PURE__ */ jsx184("p", { className: "text-h4 text-ods-text-primary", children: description }),
-        /* @__PURE__ */ jsx184("div", { className: "flex flex-wrap content-center items-center gap-[var(--spacing-system-m)]", children: benefits.map((benefit) => /* @__PURE__ */ jsxs143("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-          /* @__PURE__ */ jsx184("span", { className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary [&_svg]:size-4", children: benefit.icon }),
-          /* @__PURE__ */ jsx184("span", { className: "whitespace-nowrap text-h4 text-ods-text-primary", children: benefit.label })
+        /* @__PURE__ */ jsx185("h2", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
+        /* @__PURE__ */ jsx185("p", { className: "text-h4 text-ods-text-primary", children: description }),
+        /* @__PURE__ */ jsx185("div", { className: "flex flex-wrap content-center items-center gap-[var(--spacing-system-m)]", children: benefits.map((benefit) => /* @__PURE__ */ jsxs144("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+          /* @__PURE__ */ jsx185("span", { className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary [&_svg]:size-4", children: benefit.icon }),
+          /* @__PURE__ */ jsx185("span", { className: "whitespace-nowrap text-h4 text-ods-text-primary", children: benefit.label })
         ] }, benefit.label)) }),
-        /* @__PURE__ */ jsx184(
+        /* @__PURE__ */ jsx185(
           Button,
           {
             variant: "outline",
             href: learnMoreUrl,
             openInNewTab: true,
-            leftIcon: /* @__PURE__ */ jsx184(
+            leftIcon: /* @__PURE__ */ jsx185(
               OpenFrameLogo,
               {
                 className: "h-6 w-6",
@@ -24502,10 +24549,10 @@ function AuthBenefitsPanel({
 }
 
 // src/components/features/auth/auth-branding.tsx
-import { jsx as jsx185, jsxs as jsxs144 } from "react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs145 } from "react/jsx-runtime";
 function OpenFrameWordmark() {
-  return /* @__PURE__ */ jsxs144("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-    /* @__PURE__ */ jsx185(
+  return /* @__PURE__ */ jsxs145("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+    /* @__PURE__ */ jsx186(
       OpenFrameLogo,
       {
         className: "h-10 w-10",
@@ -24513,23 +24560,23 @@ function OpenFrameWordmark() {
         upperPathColor: "var(--color-text-primary)"
       }
     ),
-    /* @__PURE__ */ jsx185("span", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: "OpenFrame" })
+    /* @__PURE__ */ jsx186("span", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: "OpenFrame" })
   ] });
 }
 function PoweredByFlamingo({ compact = false }) {
-  return /* @__PURE__ */ jsxs144("div", { className: "flex items-center gap-[var(--spacing-system-xs)] text-ods-text-secondary", children: [
-    /* @__PURE__ */ jsx185("span", { className: "text-h6", children: "Powered by" }),
-    /* @__PURE__ */ jsx185(FlamingoLogoIcon, { className: compact ? "h-4 w-14" : "h-4 w-14 md:h-6 md:w-[83px]" })
+  return /* @__PURE__ */ jsxs145("div", { className: "flex items-center gap-[var(--spacing-system-xs)] text-ods-text-secondary", children: [
+    /* @__PURE__ */ jsx186("span", { className: "text-h6", children: "Powered by" }),
+    /* @__PURE__ */ jsx186(FlamingoLogoIcon, { className: compact ? "h-4 w-14" : "h-4 w-14 md:h-6 md:w-[83px]" })
   ] });
 }
 
 // src/components/features/auth/auth-shell.tsx
 init_cn();
-import { jsx as jsx186, jsxs as jsxs145 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs146 } from "react/jsx-runtime";
 function AuthShell({ tabs, children, benefits, mobileTagline, footer, className }) {
-  const benefitsNode = benefits ?? /* @__PURE__ */ jsx186(AuthBenefitsPanel, {});
-  return /* @__PURE__ */ jsxs145("div", { className: cn("min-h-screen w-full bg-ods-bg lg:flex lg:h-screen lg:overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx186("div", { className: "flex min-h-screen w-full flex-col items-center p-[var(--spacing-system-l)] lg:h-full lg:min-h-0 lg:w-1/2 lg:justify-start lg:overflow-y-auto lg:px-[var(--spacing-system-xl)] lg:py-[var(--spacing-system-xxl)]", children: /* @__PURE__ */ jsxs145(
+  const benefitsNode = benefits ?? /* @__PURE__ */ jsx187(AuthBenefitsPanel, {});
+  return /* @__PURE__ */ jsxs146("div", { className: cn("min-h-screen w-full bg-ods-bg lg:flex lg:h-screen lg:overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx187("div", { className: "flex min-h-screen w-full flex-col items-center p-[var(--spacing-system-l)] lg:h-full lg:min-h-0 lg:w-1/2 lg:justify-start lg:overflow-y-auto lg:px-[var(--spacing-system-xl)] lg:py-[var(--spacing-system-xxl)]", children: /* @__PURE__ */ jsxs146(
       "div",
       {
         className: cn(
@@ -24537,24 +24584,24 @@ function AuthShell({ tabs, children, benefits, mobileTagline, footer, className
           footer && "lg:min-h-full"
         ),
         children: [
-          /* @__PURE__ */ jsxs145("div", { className: "flex w-full flex-col items-center gap-[var(--spacing-system-l)] lg:hidden", children: [
-            /* @__PURE__ */ jsx186(OpenFrameWordmark, {}),
-            mobileTagline && /* @__PURE__ */ jsx186("div", { className: "w-full text-center text-h4 text-ods-text-primary [&>p]:truncate md:hidden", children: mobileTagline })
+          /* @__PURE__ */ jsxs146("div", { className: "flex w-full flex-col items-center gap-[var(--spacing-system-l)] lg:hidden", children: [
+            /* @__PURE__ */ jsx187(OpenFrameWordmark, {}),
+            mobileTagline && /* @__PURE__ */ jsx187("div", { className: "w-full text-center text-h4 text-ods-text-primary [&>p]:truncate md:hidden", children: mobileTagline })
           ] }),
-          tabs && /* @__PURE__ */ jsx186("div", { className: "w-full md:max-w-[320px]", children: tabs }),
-          /* @__PURE__ */ jsx186("div", { className: "w-full", children }),
-          /* @__PURE__ */ jsxs145("div", { className: "flex w-full flex-col items-center gap-[var(--spacing-system-l)] lg:hidden", children: [
+          tabs && /* @__PURE__ */ jsx187("div", { className: "w-full md:max-w-[320px]", children: tabs }),
+          /* @__PURE__ */ jsx187("div", { className: "w-full", children }),
+          /* @__PURE__ */ jsxs146("div", { className: "flex w-full flex-col items-center gap-[var(--spacing-system-l)] lg:hidden", children: [
             benefitsNode,
-            /* @__PURE__ */ jsx186(PoweredByFlamingo, {})
+            /* @__PURE__ */ jsx187(PoweredByFlamingo, {})
           ] }),
-          footer && /* @__PURE__ */ jsx186("div", { className: "hidden w-full self-start lg:mt-auto lg:block", children: footer })
+          footer && /* @__PURE__ */ jsx187("div", { className: "hidden w-full self-start lg:mt-auto lg:block", children: footer })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs145("div", { className: "hidden border-l border-ods-border bg-ods-card lg:flex lg:h-full lg:w-1/2 lg:flex-col lg:items-center lg:justify-start lg:gap-[var(--spacing-system-xxl)] lg:overflow-y-auto lg:px-[var(--spacing-system-xl)] lg:py-[var(--spacing-system-xxl)]", children: [
-      /* @__PURE__ */ jsx186(OpenFrameWordmark, {}),
-      /* @__PURE__ */ jsx186("div", { className: "w-full max-w-lg", children: benefitsNode }),
-      /* @__PURE__ */ jsx186(PoweredByFlamingo, {})
+    /* @__PURE__ */ jsxs146("div", { className: "hidden border-l border-ods-border bg-ods-card lg:flex lg:h-full lg:w-1/2 lg:flex-col lg:items-center lg:justify-start lg:gap-[var(--spacing-system-xxl)] lg:overflow-y-auto lg:px-[var(--spacing-system-xl)] lg:py-[var(--spacing-system-xxl)]", children: [
+      /* @__PURE__ */ jsx187(OpenFrameWordmark, {}),
+      /* @__PURE__ */ jsx187("div", { className: "w-full max-w-lg", children: benefitsNode }),
+      /* @__PURE__ */ jsx187(PoweredByFlamingo, {})
     ] })
   ] });
 }
@@ -24562,40 +24609,6 @@ function AuthShell({ tabs, children, benefits, mobileTagline, footer, className
 // src/components/features/auth/create-organization-form.tsx
 init_cn();
 init_button2();
-
-// src/components/features/auth/terms-agreement-label.tsx
-import { jsx as jsx187, jsxs as jsxs146 } from "react/jsx-runtime";
-function TermsAgreementLabel({ termsUrl = "#", privacyPolicyUrl = "#" }) {
-  return /* @__PURE__ */ jsxs146("span", { className: "text-h4 text-ods-text-primary", children: [
-    "Agree to ",
-    /* @__PURE__ */ jsx187(
-      "a",
-      {
-        href: termsUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "text-ods-text-secondary underline",
-        onClick: (event) => event.stopPropagation(),
-        children: "Terms"
-      }
-    ),
-    " & ",
-    /* @__PURE__ */ jsx187(
-      "a",
-      {
-        href: privacyPolicyUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "text-ods-text-secondary underline",
-        onClick: (event) => event.stopPropagation(),
-        children: "Privacy Policy"
-      }
-    ),
-    " by signing up."
-  ] });
-}
-
-// src/components/features/auth/create-organization-form.tsx
 import { jsx as jsx188, jsxs as jsxs147 } from "react/jsx-runtime";
 function CreateOrganizationForm({
   email,
@@ -24735,10 +24748,10 @@ function InviteLinkInvalidModal({
   backLabel = "Back to Login",
   className
 }) {
-  return /* @__PURE__ */ jsx189("div", { className: cn("flex min-h-screen w-full items-end justify-center bg-ods-bg p-[var(--spacing-system-l)] md:items-center", className), children: /* @__PURE__ */ jsxs148("div", { className: "flex w-full max-w-[600px] flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xl)]", children: [
+  return /* @__PURE__ */ jsx189("div", { className: cn("flex min-h-screen w-full items-center justify-center bg-ods-bg p-[var(--spacing-system-l)]", className), children: /* @__PURE__ */ jsxs148("div", { className: "flex w-full max-w-[600px] flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xl)]", children: [
     /* @__PURE__ */ jsxs148("div", { className: "flex items-center gap-[var(--spacing-system-mf)]", children: [
       /* @__PURE__ */ jsx189("h1", { className: "flex-1 text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
-      /* @__PURE__ */ jsx189("button", { type: "button", "aria-label": "Close", onClick: onClose ?? onBackToLogin, className: "hidden shrink-0 text-ods-text-primary md:block", children: /* @__PURE__ */ jsx189(XmarkIcon, { className: "h-6 w-6" }) })
+      /* @__PURE__ */ jsx189("button", { type: "button", "aria-label": "Close", onClick: onClose ?? onBackToLogin, className: "shrink-0 text-ods-text-primary", children: /* @__PURE__ */ jsx189(XmarkIcon, { className: "h-6 w-6" }) })
     ] }),
     /* @__PURE__ */ jsx189("p", { className: "text-h4 text-ods-text-primary", children: description }),
     /* @__PURE__ */ jsxs148("div", { className: "flex items-center gap-[var(--spacing-system-l)]", children: [
@@ -25126,7 +25139,6 @@ function PasswordResetForm({
   onConfirmPasswordChange,
   onSubmit,
   onCancel,
-  onBackToLogin,
   submitDisabled = false,
   loading = false,
   disabled = false,
@@ -25211,8 +25223,7 @@ function PasswordResetForm({
               children: submitLabel
             }
           )
-        ] }),
-        onBackToLogin && /* @__PURE__ */ jsx194(BackToLoginLink, { onClick: onBackToLogin, className: "self-start lg:hidden" })
+        ] })
       ]
     }
   );
@@ -51552,12 +51563,12 @@ export {
   BackToLoginLink,
   PROVIDER_META,
   SsoProviderButtons,
+  TermsAgreementLabel,
   AcceptInvitationForm,
   AuthBenefitsPanel,
   OpenFrameWordmark,
   PoweredByFlamingo,
   AuthShell,
-  TermsAgreementLabel,
   CreateOrganizationForm,
   InviteLinkInvalidModal,
   LoginForm,
@@ -51758,4 +51769,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-GZIHB6TH.js.map
+//# sourceMappingURL=chunk-OLXGKYNO.js.map