@fayz-ai/saas 0.8.0 → 0.8.2

package/dist/shell/components/billing/BillingPage.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-interface BillingPageProps {
-    className?: string;
-}
-export declare function BillingPage({ className }: BillingPageProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=BillingPage.d.ts.map

package/dist/shell/components/billing/BillingPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BillingPage.d.ts","sourceRoot":"","sources":["../../../../src/shell/components/billing/BillingPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBA2C1D"}

package/dist/shell/components/billing/PaywallGate.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-interface PaywallGateProps {
-    requiredPlan?: string;
-    requiredFeature?: string;
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-    onUpgrade?: () => void;
-}
-export declare function PaywallGate({ requiredPlan, requiredFeature, children, fallback, onUpgrade, }: PaywallGateProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=PaywallGate.d.ts.map

package/dist/shell/components/billing/PaywallGate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaywallGate.d.ts","sourceRoot":"","sources":["../../../../src/shell/components/billing/PaywallGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,qBA0DlB"}

package/dist/shell/components/organization/PermissionGate.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { PermissionAction } from '../../types/permissions';
-interface PermissionGateProps {
-    feature: string;
-    action: PermissionAction;
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-}
-export declare function PermissionGate({ feature, action, children, fallback }: PermissionGateProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=PermissionGate.d.ts.map

package/dist/shell/components/organization/PermissionGate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PermissionGate.d.ts","sourceRoot":"","sources":["../../../../src/shell/components/organization/PermissionGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBAI1F"}

package/dist/shell/hooks/useBilling.d.ts

@@ -1,14 +0,0 @@
-import type { PlanInterval } from '../types';
-export declare function useBilling(): {
-    subscription: import("../..").Subscription | null;
-    invoices: import("../..").Invoice[];
-    plans: import("@fayz-ai/core").Plan[];
-    loading: boolean;
-    fetchPlans: () => Promise<void>;
-    fetchSubscription: () => Promise<void>;
-    fetchInvoices: () => Promise<void>;
-    subscribe: (planId: string, interval: PlanInterval) => Promise<void>;
-    cancelSubscription: () => Promise<void>;
-    resumeSubscription: () => Promise<void>;
-};
-//# sourceMappingURL=useBilling.d.ts.map

package/dist/shell/hooks/useBilling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBilling.d.ts","sourceRoot":"","sources":["../../../src/shell/hooks/useBilling.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,wBAAgB,UAAU;;;;;;;;wBA0DP,MAAM,YAAY,YAAY;;;EAuFhD"}

package/dist/shell/hooks/usePermission.d.ts

@@ -1,16 +0,0 @@
-import type { MemberRole } from '../types';
-import type { PermissionAction, SystemPermission } from '../types/permissions';
-declare const PERMISSIONS: readonly ["manage_billing", "manage_members", "manage_settings", "manage_content", "view_content", "view_analytics"];
-export type Permission = (typeof PERMISSIONS)[number];
-export declare function usePermission(): {
-    currentRole: MemberRole | null;
-    currentProfile: import("@fayz-ai/core").PermissionProfile | null;
-    permissions: ("manage_billing" | "manage_settings" | "manage_members" | "manage_content" | "view_content" | "view_analytics")[];
-    can: (featureId: string, action: PermissionAction) => boolean;
-    hasSystemPermission: (perm: SystemPermission) => boolean;
-    hasPermission: (permission: Permission | string) => boolean;
-    requireRole: (role: MemberRole) => boolean;
-    canAccess: (requiredPermissions: Permission[]) => boolean;
-};
-export {};
-//# sourceMappingURL=usePermission.d.ts.map

package/dist/shell/hooks/usePermission.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePermission.d.ts","sourceRoot":"","sources":["../../../src/shell/hooks/usePermission.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAG9E,QAAA,MAAM,WAAW,sHAOP,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAkBrD,wBAAgB,aAAa;;;;qBAMb,MAAM,UAAU,gBAAgB,KAAG,OAAO;gCAU/C,gBAAgB,KAAG,OAAO;gCAcpB,UAAU,GAAG,MAAM,KAAG,OAAO;wBAYnC,UAAU,KAAG,OAAO;qCAQL,UAAU,EAAE,KAAG,OAAO;EAgB/C"}

package/src/shell/components/billing/BillingPage.tsx

@@ -1,56 +0,0 @@
-import * as React from 'react'
-import { PlanSelector } from './PlanSelector'
-import { SubscriptionCard } from './SubscriptionCard'
-import { useBillingStore } from '../../stores/billing.store'
-import { useBilling } from '../../hooks/useBilling'
-import { useTranslation } from '../../hooks/useTranslation'
-import type { PlanInterval } from '../../types'
-
-interface BillingPageProps {
-  className?: string
-}
-
-export function BillingPage({ className }: BillingPageProps) {
-  const { plans, subscription, loading } = useBillingStore()
-  const billing = useBilling()
-  const { t } = useTranslation()
-  const [interval, setInterval] = React.useState<PlanInterval>('monthly')
-
-  // Fetch subscription on mount
-  React.useEffect(() => {
-    billing.fetchSubscription()
-  }, [])
-
-  const currentPlan = plans.find((p) => p.id === subscription?.planId)
-
-  return (
-    <div className={className ?? 'mx-auto max-w-5xl space-y-8'}>
-      <div>
-        <h1 className="text-2xl font-bold tracking-tight">{t('billing.title')}</h1>
-        <p className="text-sm text-muted-foreground">
-          {t('billing.subtitle')}
-        </p>
-      </div>
-
-      {subscription && (
-        <SubscriptionCard
-          subscription={subscription as any}
-          plan={currentPlan as any}
-          onCancel={billing.cancelSubscription}
-          loading={loading}
-        />
-      )}
-
-      {plans.length > 0 && (
-        <PlanSelector
-          plans={plans as any}
-          currentPlanId={subscription?.planId}
-          interval={interval}
-          onIntervalChange={setInterval}
-          onSelectPlan={(planId) => billing.subscribe(planId, interval)}
-          loading={loading}
-        />
-      )}
-    </div>
-  )
-}

package/src/shell/components/billing/PaywallGate.tsx

@@ -1,80 +0,0 @@
-import * as React from 'react'
-import { Lock } from 'lucide-react'
-import { Button } from '@fayz-ai/ui'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@fayz-ai/ui'
-import { useBillingStore } from '../../stores/billing.store'
-import { useTranslation } from '../../hooks/useTranslation'
-
-interface PaywallGateProps {
-  requiredPlan?: string
-  requiredFeature?: string
-  children: React.ReactNode
-  fallback?: React.ReactNode
-  onUpgrade?: () => void
-}
-
-export function PaywallGate({
-  requiredPlan,
-  requiredFeature,
-  children,
-  fallback,
-  onUpgrade,
-}: PaywallGateProps) {
-  const { subscription, plans } = useBillingStore()
-
-  const hasAccess = React.useMemo(() => {
-    if (!requiredPlan && !requiredFeature) return true
-    if (!subscription || subscription.status === 'canceled') return false
-
-    if (requiredPlan) {
-      const currentPlan = plans.find((p) => p.id === subscription.planId)
-      const requiredPlanData = plans.find((p) => p.id === requiredPlan)
-      if (!currentPlan || !requiredPlanData) return false
-
-      const currentIndex = plans.indexOf(currentPlan)
-      const requiredIndex = plans.indexOf(requiredPlanData)
-      return currentIndex >= requiredIndex
-    }
-
-    if (requiredFeature) {
-      const currentPlan = plans.find((p) => p.id === subscription.planId)
-      if (!currentPlan) return false
-      return currentPlan.features.some(
-        (f) => f.toLowerCase().includes(requiredFeature.toLowerCase())
-      )
-    }
-
-    return true
-  }, [subscription, plans, requiredPlan, requiredFeature])
-
-  if (hasAccess) {
-    return <>{children}</>
-  }
-
-  if (fallback) {
-    return <>{fallback}</>
-  }
-
-  const { t } = useTranslation()
-
-  return (
-    <Card className="border-dashed">
-      <CardHeader className="text-center">
-        <div className="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-muted">
-          <Lock className="h-6 w-6 text-muted-foreground" />
-        </div>
-        <CardTitle className="text-lg">{t('billing.paywall.upgradeRequired')}</CardTitle>
-        <CardDescription>
-          {requiredPlan
-            ? t('billing.paywall.requiresPlan', { plan: requiredPlan })
-            : t('billing.paywall.notAvailable')}
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="flex justify-center">
-        <Button onClick={onUpgrade}>
-          {t('billing.paywall.viewPlans')}
-        </Button>
-      </CardContent>
-    </Card>
-  )
-}

package/src/shell/components/organization/PermissionGate.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react'
-import { usePermission } from '../../hooks/usePermission'
-import type { PermissionAction } from '../../types/permissions'
-
-interface PermissionGateProps {
-  feature: string
-  action: PermissionAction
-  children: React.ReactNode
-  fallback?: React.ReactNode
-}
-
-export function PermissionGate({ feature, action, children, fallback }: PermissionGateProps) {
-  const { can } = usePermission()
-  if (!can(feature, action)) return <>{fallback ?? null}</>
-  return <>{children}</>
-}

package/src/shell/hooks/useBilling.ts

@@ -1,151 +0,0 @@
-import { useCallback, useMemo } from 'react'
-import { useBillingStore } from '../stores/billing.store'
-import { getSupabaseClient } from '../lib/supabase'
-import type { PlanInterval } from '../types'
-
-export function useBilling() {
-  const store = useBillingStore()
-
-  const fetchPlans = useCallback(async () => {
-    store.setLoading(true)
-    try {
-      const supabase = getSupabaseClient()
-      const { data, error } = await supabase
-        .from('plans')
-        .select('*')
-        .order('prices->monthly', { ascending: true })
-
-      if (error) throw error
-      store.setPlans(data ?? [])
-    } catch (err) {
-      console.error('Failed to fetch plans:', err)
-    } finally {
-      store.setLoading(false)
-    }
-  }, [store])
-
-  const fetchSubscription = useCallback(async () => {
-    store.setLoading(true)
-    try {
-      const supabase = getSupabaseClient()
-      const { data, error } = await supabase
-        .from('subscriptions')
-        .select('*')
-        .single()
-
-      if (error && error.code !== 'PGRST116') throw error
-      store.setSubscription(data ?? null)
-    } catch (err) {
-      console.error('Failed to fetch subscription:', err)
-    } finally {
-      store.setLoading(false)
-    }
-  }, [store])
-
-  const fetchInvoices = useCallback(async () => {
-    store.setLoading(true)
-    try {
-      const supabase = getSupabaseClient()
-      const { data, error } = await supabase
-        .from('invoices')
-        .select('*')
-        .order('created_at', { ascending: false })
-
-      if (error) throw error
-      store.setInvoices(data ?? [])
-    } catch (err) {
-      console.error('Failed to fetch invoices:', err)
-    } finally {
-      store.setLoading(false)
-    }
-  }, [store])
-
-  const subscribe = useCallback(
-    async (planId: string, interval: PlanInterval) => {
-      store.setLoading(true)
-      try {
-        const supabase = getSupabaseClient()
-        const { data, error } = await supabase.functions.invoke(
-          'create-checkout',
-          { body: { planId, interval } }
-        )
-
-        if (error) throw error
-        if (data?.url) {
-          window.location.href = data.url
-        }
-      } catch (err) {
-        console.error('Failed to create checkout session:', err)
-        throw err
-      } finally {
-        store.setLoading(false)
-      }
-    },
-    [store]
-  )
-
-  const cancelSubscription = useCallback(async () => {
-    store.setLoading(true)
-    try {
-      const supabase = getSupabaseClient()
-      const { error } = await supabase.functions.invoke(
-        'cancel-subscription',
-        { body: {} }
-      )
-
-      if (error) throw error
-      await fetchSubscription()
-    } catch (err) {
-      console.error('Failed to cancel subscription:', err)
-      throw err
-    } finally {
-      store.setLoading(false)
-    }
-  }, [store, fetchSubscription])
-
-  const resumeSubscription = useCallback(async () => {
-    store.setLoading(true)
-    try {
-      const supabase = getSupabaseClient()
-      const { error } = await supabase.functions.invoke(
-        'resume-subscription',
-        { body: {} }
-      )
-
-      if (error) throw error
-      await fetchSubscription()
-    } catch (err) {
-      console.error('Failed to resume subscription:', err)
-      throw err
-    } finally {
-      store.setLoading(false)
-    }
-  }, [store, fetchSubscription])
-
-  return useMemo(
-    () => ({
-      subscription: store.subscription,
-      invoices: store.invoices,
-      plans: store.plans,
-      loading: store.loading,
-      fetchPlans,
-      fetchSubscription,
-      fetchInvoices,
-      subscribe,
-      cancelSubscription,
-      resumeSubscription,
-    }),
-    [
-      store.subscription,
-      store.invoices,
-      store.plans,
-      store.loading,
-      fetchPlans,
-      fetchSubscription,
-      fetchInvoices,
-      subscribe,
-      cancelSubscription,
-      resumeSubscription,
-    ]
-  )
-}

package/src/shell/hooks/usePermission.ts

@@ -1,101 +0,0 @@
-import { useCallback, useMemo } from 'react'
-import { useTenantStore } from '../stores/tenant.store'
-import { usePermissionsStore } from '../stores/permissions.store'
-import type { MemberRole } from '../types'
-import type { PermissionAction, SystemPermission } from '../types/permissions'
-
-// Legacy role-based permissions (backward compat)
-const PERMISSIONS = [
-  'manage_billing',
-  'manage_members',
-  'manage_settings',
-  'manage_content',
-  'view_content',
-  'view_analytics',
-] as const
-
-export type Permission = (typeof PERMISSIONS)[number]
-
-const ROLE_PERMISSIONS: Record<MemberRole, Permission[]> = {
-  owner: [...PERMISSIONS],
-  admin: PERMISSIONS.filter((p) => p !== 'manage_billing'),
-  manager: ['manage_content', 'view_content', 'view_analytics'],
-  staff: ['view_content'],
-  viewer: ['view_content'],
-}
-
-const ROLE_HIERARCHY: Record<MemberRole, number> = {
-  owner: 5,
-  admin: 4,
-  manager: 3,
-  staff: 2,
-  viewer: 1,
-}
-
-export function usePermission() {
-  const currentRole = useTenantStore((s) => s.currentRole)
-  const currentProfile = usePermissionsStore((s) => s.currentProfile)
-
-  // Profile-based permission check (feature × action matrix)
-  const can = useCallback(
-    (featureId: string, action: PermissionAction): boolean => {
-      if (!currentProfile) return true // no permissions configured = allow all
-      // Owner bypasses all feature checks
-      if (currentProfile.id === 'owner') return true
-      return currentProfile.grants[featureId]?.includes(action) ?? false
-    },
-    [currentProfile],
-  )
-
-  const hasSystemPermission = useCallback(
-    (perm: SystemPermission): boolean => {
-      if (!currentProfile) return true
-      return (currentProfile.systemPermissions ?? []).includes(perm)
-    },
-    [currentProfile],
-  )
-
-  // Legacy role-based permissions
-  const permissions = useMemo<Permission[]>(() => {
-    if (!currentRole) return []
-    return ROLE_PERMISSIONS[currentRole]
-  }, [currentRole])
-
-  const hasPermission = useCallback(
-    (permission: Permission | string): boolean => {
-      // First try profile-based system permissions
-      if (currentProfile) {
-        return (currentProfile.systemPermissions ?? []).includes(permission as SystemPermission)
-      }
-      // Fall back to legacy role-based
-      return permissions.includes(permission as Permission)
-    },
-    [currentProfile, permissions],
-  )
-
-  const requireRole = useCallback(
-    (role: MemberRole): boolean => {
-      if (!currentRole) return false
-      return ROLE_HIERARCHY[currentRole] >= ROLE_HIERARCHY[role]
-    },
-    [currentRole],
-  )
-
-  const canAccess = useCallback(
-    (requiredPermissions: Permission[]): boolean => {
-      return requiredPermissions.every((p) => permissions.includes(p))
-    },
-    [permissions],
-  )
-
-  return {
-    currentRole,
-    currentProfile,
-    permissions,
-    can,
-    hasSystemPermission,
-    hasPermission,
-    requireRole,
-    canAccess,
-  }
-}