Merge branch 'mariano/comp-229-dub-affiliates' of github.com:trycompai/comp into mariano/comp-229-dub-affiliates

Author: Marfuen

.github/workflows/release.yml

@@ -43,4 +43,5 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN || secrets.GITHUB_TOKEN }}
           # NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Uncomment if publishing to npm
           DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+          HUSKY: 0 # Skip husky hooks in CI
         run: npx semantic-release

apps/app/src/app/(app)/setup/components/AnimatedGradientBackgroundWrapper.tsx

@@ -7,21 +7,6 @@ export function AnimatedGradientBackgroundWrapper() {
   const [scale, setScale] = useState(0.7);
 
   useEffect(() => {
-    // Function to calculate scale from localStorage
-    const updateScale = () => {
-      if (typeof window !== 'undefined') {
-        const stepIndex = parseInt(localStorage.getItem('onboarding-step-index') || '0');
-        const totalSteps = parseInt(localStorage.getItem('onboarding-total-steps') || '9');
-
-        // Calculate scale based on step progress (0.7 to 1.5)
-        const progressScale = 0.7 + (stepIndex / (totalSteps - 1)) * 0.8;
-        setScale(progressScale);
-      }
-    };
-
-    // Initial load
-    updateScale();
-
     // Listen for step changes
     const handleStepChange = (event: Event) => {
       const customEvent = event as CustomEvent;

apps/app/src/app/(app)/setup/components/OrganizationSetupForm.tsx

@@ -62,23 +62,18 @@ export function OrganizationSetupForm({
 
   const hasExistingOrgs = existingOrganizations.length > 0;
 
-  // Save step progress to localStorage
+  // Dispatch custom event for background animation when step changes
   useEffect(() => {
     if (typeof window !== 'undefined') {
       if (isFinalizing) {
         // Set to max scale when finalizing
-        localStorage.setItem('onboarding-progress', '1');
         window.dispatchEvent(
           new CustomEvent('onboarding-step-change', {
             detail: { stepIndex: steps.length - 1, totalSteps: steps.length, progress: 1 },
           }),
         );
       } else {
         const progress = stepIndex / (steps.length - 1);
-        localStorage.setItem('onboarding-step-index', stepIndex.toString());
-        localStorage.setItem('onboarding-total-steps', steps.length.toString());
-        localStorage.setItem('onboarding-progress', progress.toString());
-
         // Dispatch custom event to notify the background wrapper
         window.dispatchEvent(
           new CustomEvent('onboarding-step-change', {

apps/app/src/app/(app)/setup/hooks/useOnboardingForm.ts

@@ -11,10 +11,9 @@ import { z } from 'zod';
 import { createOrganization } from '../actions/create-organization';
 import { createOrganizationMinimal } from '../actions/create-organization-minimal';
 import type { OnboardingFormFields } from '../components/OnboardingStepInput';
-import { STORAGE_KEY, companyDetailsSchema, steps } from '../lib/constants';
+import { companyDetailsSchema, steps } from '../lib/constants';
 import { updateSetupSession } from '../lib/setup-session';
 import type { CompanyDetails } from '../lib/types';
-import { useLocalStorage } from './useLocalStorage';
 
 interface UseOnboardingFormProps {
   setupId?: string;
@@ -29,9 +28,8 @@ export function useOnboardingForm({
 }: UseOnboardingFormProps = {}) {
   const router = useRouter();
 
-  // If we have a setupId, use the initialData from KV, otherwise use localStorage
-  const [savedAnswers, setSavedAnswers] = useLocalStorage<Partial<CompanyDetails>>(
-    STORAGE_KEY,
+  // Use state instead of localStorage - initialized from KV data if setupId exists
+  const [savedAnswers, setSavedAnswers] = useState<Partial<CompanyDetails>>(
     setupId && initialData ? initialData : {},
   );
 
@@ -108,6 +106,7 @@ export function useOnboardingForm({
         // Organization created, now redirect to plans page
         router.push(`/upgrade/${data.organizationId}`);
 
+        // Clear answers after successful creation
         setSavedAnswers({});
       } else {
         toast.error('Failed to create organization');

apps/app/src/app/(app)/upgrade/[orgId]/components/BookingDialog.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+import CalendarEmbed from '@/components/calendar-embed';
+import { Button } from '@comp/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@comp/ui/dialog';
+import { Phone } from 'lucide-react';
+
+export function BookingDialog() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline" size="sm" className="w-full">
+          <Phone className="h-4 w-4" />
+          Book a Call with Our Team
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-4xl md:max-w-5xl lg:max-w-6xl w-[95vw] h-[70vh] p-0 overflow-y-auto">
+        <div className="flex flex-col h-full">
+          <DialogHeader className="px-8 py-6 border-b">
+            <DialogTitle className="text-xl font-semibold">
+              Schedule a Call with Our Compliance Experts
+            </DialogTitle>
+            <DialogDescription className="mt-2">
+              Have questions about our plans? Want to learn how we can help you achieve compliance
+              in 14 days? Book a call with our team.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="flex-1 mx-auto w-full">
+            <CalendarEmbed />
+          </div>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/app/src/app/(app)/upgrade/[orgId]/pricing-cards.tsx

@@ -19,6 +19,7 @@ import { useAction } from 'next-safe-action/hooks';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { toast } from 'sonner';
+import { BookingDialog } from './components/BookingDialog';
 
 interface PricingCardsProps {
   organizationId: string;
@@ -196,6 +197,7 @@ const paidFeatures = [
   'Dedicated Success Team',
   '24x7x365 Support & SLA',
   'Slack Channel with Comp AI',
+  '12-month minimum term',
 ];
 
 export function PricingCards({ organizationId, priceDetails }: PricingCardsProps) {
@@ -446,6 +448,16 @@ export function PricingCards({ organizationId, priceDetails }: PricingCardsProps
               <ReviewSection rating={4.7} reviewCount={100} />
             </div>
           </Card>
+
+          {/* Help Section */}
+          <Card className="bg-muted/30 border-dashed">
+            <CardContent className="p-4">
+              <p className="text-xs text-muted-foreground text-center mb-3">
+                Have questions? We're here to help
+              </p>
+              <BookingDialog />
+            </CardContent>
+          </Card>
         </div>
       </div>
     </div>

apps/app/src/components/calendar-embed.tsx

@@ -12,11 +12,6 @@ export default function CalendarEmbed() {
   }, []);
 
   return (
-    <Cal
-      namespace="meet-us"
-      calLink="team/compai/meet-us"
-      style={{ width: '100%', height: '100%', overflow: 'scroll' }}
-      config={{ layout: 'month_view' }}
-    />
+    <Cal namespace="meet-us" calLink="team/compai/meet-us" config={{ layout: 'month_view' }} />
   );
 }