@flamingo-stack/openframe-frontend-core 0.0.390 → 0.0.391-snapshot.20260709131023

package/dist/components/features/auth/accept-invitation-form.d.ts

@@ -1,23 +0,0 @@
-import type { AuthSsoProvider } from './sso-providers';
-export interface AcceptInvitationFormProps {
-    /** Invited email — shown read-only. The field is hidden when empty/absent. */
-    email?: string;
-    /** SSO providers offered to accept the invitation. */
-    ssoProviders: AuthSsoProvider[];
-    onSsoClick: (provider: AuthSsoProvider) => void;
-    onBackToLogin: () => void;
-    /** Verb prefix for provider buttons, e.g. "Sign Up with". Ignored for "openframe". */
-    ssoActionLabel?: string;
-    emailLabel?: string;
-    title?: string;
-    subtitle?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    className?: string;
-}
-/**
- * Accept Invitation form. Presentational + controlled — the invited email is
- * read-only; the user picks an SSO provider to join the organization.
- */
-export declare function AcceptInvitationForm({ email, ssoProviders, onSsoClick, onBackToLogin, ssoActionLabel, emailLabel, title, subtitle, loading, disabled, className, }: AcceptInvitationFormProps): import("react").JSX.Element;
-//# sourceMappingURL=accept-invitation-form.d.ts.map

package/dist/components/features/auth/accept-invitation-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accept-invitation-form.d.ts","sourceRoot":"","sources":["../../../../src/components/features/auth/accept-invitation-form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtD,MAAM,WAAW,yBAAyB;IACxC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sDAAsD;IACtD,YAAY,EAAE,eAAe,EAAE,CAAA;IAC/B,UAAU,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAA;IAC/C,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAA+B,EAC/B,UAAoB,EACpB,KAA2B,EAC3B,QAAgE,EAChE,OAAe,EACf,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,+BA6B3B"}

package/src/components/features/auth/accept-invitation-form.tsx

@@ -1,71 +0,0 @@
-'use client'
-
-import { cn } from '../../../utils/cn'
-import { Input } from '../../ui/input'
-import { BackToLoginLink } from './back-to-login-link'
-import type { AuthSsoProvider } from './sso-providers'
-import { SsoProviderButtons } from './sso-providers'
-
-export interface AcceptInvitationFormProps {
-  /** Invited email — shown read-only. The field is hidden when empty/absent. */
-  email?: string
-  /** SSO providers offered to accept the invitation. */
-  ssoProviders: AuthSsoProvider[]
-  onSsoClick: (provider: AuthSsoProvider) => void
-  onBackToLogin: () => void
-  /** Verb prefix for provider buttons, e.g. "Sign Up with". Ignored for "openframe". */
-  ssoActionLabel?: string
-  emailLabel?: string
-  title?: string
-  subtitle?: string
-  loading?: boolean
-  disabled?: boolean
-  className?: string
-}
-
-/**
- * Accept Invitation form. Presentational + controlled — the invited email is
- * read-only; the user picks an SSO provider to join the organization.
- */
-export function AcceptInvitationForm({
-  email,
-  ssoProviders,
-  onSsoClick,
-  onBackToLogin,
-  ssoActionLabel = 'Sign Up with',
-  emailLabel = 'Email',
-  title = 'Accept Invitation',
-  subtitle = 'Complete your registration to join the organization',
-  loading = false,
-  disabled = false,
-  className,
-}: AcceptInvitationFormProps) {
-  return (
-    <div
-      className={cn(
-        'flex w-full flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xl)]',
-        className,
-      )}
-    >
-      {/* Header */}
-      <div className="flex flex-col">
-        <h1 className="text-h2 text-ods-text-primary tracking-[-0.64px]">{title}</h1>
-        <p className="text-h4 text-ods-text-secondary">{subtitle}</p>
-      </div>
-
-      {/* Invited email — read-only; hidden when the backend didn't provide it */}
-      {email && <Input type="email" label={emailLabel} value={email} disabled />}
-
-      {/* SSO providers */}
-      <SsoProviderButtons
-        providers={ssoProviders}
-        onSsoClick={onSsoClick}
-        actionLabel={ssoActionLabel}
-        disabled={disabled || loading}
-      />
-
-      {/* Back to Login — in-card on tablet/mobile; desktop shows it in the shell footer */}
-      <BackToLoginLink onClick={onBackToLogin} className="self-start lg:hidden" />
-    </div>
-  )
-}

package/src/stories/auth/AcceptInvitation.stories.tsx

@@ -1,54 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import {
-  AcceptInvitationForm,
-  type AuthSsoProvider,
-  AuthShell,
-  BackToLoginLink,
-} from '../../components/features/auth'
-
-const meta = {
-  title: 'Auth/Accept Invitation',
-  component: AcceptInvitationForm,
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      description: {
-        component:
-          'Accept Invitation from the auth redesign. Presentational + controlled: read-only invited email (prefilled from the invitation link) and SSO providers to join the org. Shown inside AuthShell without tabs.',
-      },
-    },
-  },
-  tags: ['autodocs'],
-} satisfies Meta<typeof AcceptInvitationForm>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const SSO_PROVIDERS: AuthSsoProvider[] = ['openframe', 'google', 'microsoft']
-
-/** Full page: invitation form + marketing panel (no tabs). */
-function AcceptInvitationPage() {
-  return (
-    <AuthShell
-      mobileTagline={
-        <>
-          <p>All your MSP ops in one place.</p>
-          <p>Open-source, AI-ready, no vendor tax.</p>
-        </>
-      }
-      footer={<BackToLoginLink onClick={() => {}} />}
-    >
-      <AcceptInvitationForm
-        email="roman@mail.com"
-        ssoProviders={SSO_PROVIDERS}
-        onSsoClick={() => {}}
-        onBackToLogin={() => {}}
-      />
-    </AuthShell>
-  )
-}
-
-/** Prefilled invited email, SSO providers ready to pick. */
-export const Default: Story = {
-  render: () => <AcceptInvitationPage />,
-}