@accounter/client 0.0.7-alpha-20250821154938-954b3cb72dbd3ab35c2f363f90aa079483f72196 → 0.0.7-alpha-20250821161622-fcb54c5f6524707e4544fc94066cd6ec87cbba51

package/src/components/screens/operations/annual-audit/step-02-ledger-changes/index.tsx

@@ -1,121 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { AlertTriangle, Settings } from 'lucide-react';
-import { useQuery } from 'urql';
-import { ChargeSortByField, LedgerValidationStatusDocument } from '../../../../../gql/graphql.js';
-import type { TimelessDateString } from '../../../../../helpers/index.js';
-import { Badge } from '../../../../ui/badge.jsx';
-import { CardContent } from '../../../../ui/card.jsx';
-import { getAllChargesHref } from '../../../charges/all-charges.jsx';
-import {
-  BaseStepCard,
-  type BaseStepProps,
-  type StepAction,
-  type StepStatus,
-} from '../step-base.jsx';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  query LedgerValidationStatus($limit: Int, $filters: ChargeFilter) {
-    chargesWithLedgerChanges(limit: $limit, filters: $filters) {
-      charge {
-        id
-      }
-    }
-  }
-`;
-
-interface Step02Props extends BaseStepProps {
-  year: number;
-  adminBusinessId?: string;
-}
-
-export function Step02LedgerChanges(props: Step02Props) {
-  const [status, setStatus] = useState<StepStatus>('blocked');
-  const [pendingChanges, setPendingChanges] = useState<number>(Infinity);
-
-  const [{ data, fetching }, fetchStatus] = useQuery({
-    query: LedgerValidationStatusDocument,
-    variables: {
-      filters: {
-        byOwners: props.adminBusinessId ? [props.adminBusinessId] : [],
-        fromAnyDate: `${props.year}-01-01` as TimelessDateString,
-        toAnyDate: `${props.year}-12-31` as TimelessDateString,
-      },
-    },
-    pause: true,
-  });
-
-  useEffect(() => {
-    if (!data && !fetching && props.adminBusinessId) {
-      fetchStatus();
-    }
-  });
-
-  useEffect(() => {
-    if (fetching) setStatus('loading');
-  }, [fetching]);
-
-  // Report status changes to parent
-  useEffect(() => {
-    if (props.onStatusChange) {
-      props.onStatusChange(props.id, status);
-    }
-  }, [status, props.onStatusChange, props.id]);
-
-  useEffect(() => {
-    if (data?.chargesWithLedgerChanges) {
-      const pendingChanges = data.chargesWithLedgerChanges.filter(
-        charge => !!charge.charge?.id,
-      ).length;
-      setPendingChanges(pendingChanges);
-
-      if (pendingChanges === 0) {
-        setStatus('completed');
-      } else {
-        setStatus('in-progress');
-      }
-    }
-  }, [data]);
-
-  const href = useMemo(() => {
-    return getAllChargesHref({
-      byOwners: props.adminBusinessId ? [props.adminBusinessId] : undefined,
-      fromAnyDate: `${props.year}-01-01` as TimelessDateString,
-      toAnyDate: `${props.year}-12-31` as TimelessDateString,
-      sortBy: {
-        field: ChargeSortByField.Date,
-        asc: false,
-      },
-    });
-  }, [props.adminBusinessId, props.year]);
-
-  const actions: StepAction[] = [{ label: 'View Ledger Status', href }];
-
-  return (
-    <BaseStepCard
-      {...props}
-      status={status}
-      icon={<Settings className="h-4 w-4" />}
-      actions={actions}
-    >
-      {pendingChanges > 0 && (
-        <CardContent className="pt-0 border-t">
-          <div className="flex items-center gap-2 p-3 bg-red-50 rounded-lg border border-red-200">
-            <AlertTriangle className="h-4 w-4 text-red-600" />
-            <div className="flex-1">
-              <span className="text-sm text-red-800 font-medium">
-                {pendingChanges} pending ledger changes detected
-              </span>
-              {/* <div className="text-xs text-red-600 mt-1">
-                Last updated: {new Date(ledgerStatus.lastUpdate).toLocaleString()}
-              </div> */}
-            </div>
-            <Badge variant="destructive" className="text-xs">
-              Action Required
-            </Badge>
-          </div>
-        </CardContent>
-      )}
-    </BaseStepCard>
-  );
-}

package/src/components/screens/operations/annual-audit/step-03-opening-balance/index.tsx

@@ -1,171 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { Calculator } from 'lucide-react';
-import type { TimelessDateString } from '../../../../../helpers/dates.js';
-import { BalanceChargeModal } from '../../../../common/modals/balance-charge-modal.jsx';
-import { getContoReportHref } from '../../../../reports/conto/index.jsx';
-import { getTrialBalanceReportHref } from '../../../../reports/trial-balance-report/index.jsx';
-import { Collapsible, CollapsibleContent } from '../../../../ui/collapsible.js';
-import { BaseStepCard, type BaseStepProps, type StepStatus } from '../step-base.jsx';
-
-interface UserType {
-  type: 'new' | 'migrating' | 'continuing';
-  balanceStatus?: 'verified' | 'pending' | 'missing';
-}
-
-interface Step03Props extends BaseStepProps {
-  year: number;
-  adminBusinessId?: string;
-}
-
-// Sub-step components
-function SubStep3A({
-  level,
-  year,
-  adminBusinessId,
-  disabled,
-}: {
-  level: number;
-  year: number;
-  adminBusinessId: string;
-  disabled: boolean;
-}) {
-  const contoHref = getContoReportHref({
-    fromDate: `${year - 1}-01-01` as TimelessDateString,
-    toDate: `${year - 1}-12-31` as TimelessDateString,
-    ownerIds: [adminBusinessId],
-  });
-  const [balanceChargeModalOpen, setBalanceChargeModalOpen] = useState(false);
-
-  return (
-    <>
-      <BaseStepCard
-        id="3a"
-        title="Migrating Users"
-        description="Create balance charge and dynamic report"
-        status="pending"
-        level={level}
-        actions={[
-          { label: 'Create Balance Charge', onClick: () => setBalanceChargeModalOpen(true) },
-          { label: 'Generate Dynamic Report', href: contoHref },
-          // { label: 'Upload Conto 331 Report', href: '/upload/conto331' },
-        ]}
-        disabled={disabled}
-      />
-      <BalanceChargeModal
-        open={balanceChargeModalOpen}
-        onOpenChange={setBalanceChargeModalOpen}
-        onClose={() => setBalanceChargeModalOpen(false)}
-      />
-    </>
-  );
-}
-
-function SubStep3B({
-  level,
-  year,
-  adminBusinessId,
-  disabled,
-}: {
-  level: number;
-  year: number;
-  adminBusinessId: string;
-  disabled: boolean;
-}) {
-  const href = getTrialBalanceReportHref({
-    toDate: `${year - 1}-12-31` as TimelessDateString,
-    ownerIds: [adminBusinessId],
-  });
-  return (
-    <BaseStepCard
-      id="3b"
-      title="Continuing Users"
-      description="Compare with previous year final trial balance"
-      status="pending"
-      level={level}
-      actions={[{ label: 'View Previous Year Ending Balance', href }]}
-      disabled={disabled}
-    />
-  );
-}
-
-export default function Step03OpeningBalance(props: Step03Props) {
-  const [status, setStatus] = useState<StepStatus>('loading');
-  const [userType, setUserType] = useState<UserType | null>(null);
-  const [isExpanded, setIsExpanded] = useState(false);
-
-  useEffect(() => {
-    if (!props.adminBusinessId) {
-      setStatus('blocked');
-    }
-  }, [props.adminBusinessId]);
-
-  // Report status changes to parent
-  useEffect(() => {
-    if (props.onStatusChange) {
-      props.onStatusChange(props.id, status);
-    }
-  }, [status, props.onStatusChange, props.id]);
-
-  useEffect(() => {
-    const fetchUserType = async () => {
-      try {
-        // Simulate API call to determine user type
-        await new Promise(resolve => setTimeout(resolve, 600));
-
-        const data: UserType = {
-          type: 'continuing',
-          balanceStatus: 'pending',
-        };
-
-        setUserType(data);
-
-        if (data.type === 'new') {
-          setStatus('completed');
-        } else if (data.balanceStatus === 'verified') {
-          setStatus('completed');
-        } else {
-          setStatus('pending');
-        }
-      } catch (error) {
-        console.error('Error fetching user type:', error);
-        setStatus('blocked');
-      }
-    };
-
-    fetchUserType();
-  }, []);
-
-  return (
-    <>
-      <BaseStepCard
-        {...props}
-        status={status}
-        icon={<Calculator className="h-4 w-4" />}
-        hasSubsteps
-        isExpanded={isExpanded}
-        onToggleExpanded={() => setIsExpanded(!isExpanded)}
-      />
-
-      {props.adminBusinessId && (
-        <Collapsible open={isExpanded}>
-          <CollapsibleContent className="space-y-2">
-            <SubStep3A
-              level={1}
-              year={props.year}
-              adminBusinessId={props.adminBusinessId}
-              disabled={userType?.type !== 'migrating'}
-            />
-            <SubStep3B
-              level={1}
-              year={props.year}
-              adminBusinessId={props.adminBusinessId}
-              disabled={userType?.type !== 'continuing'}
-            />
-          </CollapsibleContent>
-        </Collapsible>
-      )}
-    </>
-  );
-}

package/src/components/screens/operations/annual-audit/step-base.tsx

@@ -1,149 +0,0 @@
-'use client';
-
-import type { ReactNode } from 'react';
-import { AlertCircle, CheckCircle2, ChevronDown, ChevronRight, Clock, Loader2 } from 'lucide-react';
-import { Badge } from '../../../ui/badge.jsx';
-import { Button } from '../../../ui/button.jsx';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../../ui/card.jsx';
-
-export type StepStatus = 'completed' | 'in-progress' | 'pending' | 'blocked' | 'loading';
-
-export interface BaseStepProps {
-  id: string;
-  title: string;
-  description?: string;
-  icon?: ReactNode;
-  level?: number;
-  onStatusChange?: (stepId: string, status: StepStatus) => void;
-}
-
-export interface StepAction {
-  label: string;
-  href?: string;
-  onClick?: () => void;
-}
-
-export const getStatusIcon = (status: StepStatus) => {
-  switch (status) {
-    case 'completed':
-      return <CheckCircle2 className="h-5 w-5 text-green-600" />;
-    case 'in-progress':
-      return <Clock className="h-5 w-5 text-blue-600" />;
-    case 'pending':
-      return <Clock className="h-5 w-5 text-gray-400" />;
-    case 'blocked':
-      return <AlertCircle className="h-5 w-5 text-red-600" />;
-    case 'loading':
-      return <Loader2 className="h-5 w-5 text-gray-400 animate-spin" />;
-  }
-};
-
-export const getStatusBadge = (status: StepStatus) => {
-  const variants = {
-    completed: 'default',
-    'in-progress': 'secondary',
-    pending: 'outline',
-    blocked: 'destructive',
-    loading: 'outline',
-  } as const;
-
-  const labels = {
-    completed: 'Completed',
-    'in-progress': 'In Progress',
-    pending: 'Pending',
-    blocked: 'Blocked',
-    loading: 'Loading...',
-  };
-
-  return <Badge variant={variants[status]}>{labels[status]}</Badge>;
-};
-
-interface BaseStepCardProps extends BaseStepProps {
-  status: StepStatus;
-  actions?: StepAction[];
-  children?: ReactNode;
-  hasSubsteps?: boolean;
-  isExpanded?: boolean;
-  onToggleExpanded?: () => void;
-  disabled?: boolean;
-}
-
-export function BaseStepCard({
-  id,
-  title,
-  description,
-  icon,
-  status,
-  actions,
-  children,
-  hasSubsteps = false,
-  isExpanded = false,
-  onToggleExpanded,
-  level = 0,
-  disabled = false,
-}: BaseStepCardProps) {
-  return (
-    <div className={`${level > 0 ? 'ml-6 border-l-2 border-gray-200 pl-4' : ''} relative`}>
-      <Card className="mb-4">
-        <CardHeader className="pb-3">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-3">
-              {hasSubsteps ? (
-                <Button
-                  disabled={disabled}
-                  variant="ghost"
-                  size="sm"
-                  onClick={onToggleExpanded}
-                  className="p-0 h-auto"
-                >
-                  {isExpanded ? (
-                    <ChevronDown className="h-4 w-4" />
-                  ) : (
-                    <ChevronRight className="h-4 w-4" />
-                  )}
-                </Button>
-              ) : (
-                <div className="w-4" />
-              )}
-              {getStatusIcon(status)}
-              {icon}
-              <div>
-                <CardTitle className="text-lg">
-                  {id}. {title}
-                </CardTitle>
-                {description && <CardDescription className="mt-1">{description}</CardDescription>}
-              </div>
-            </div>
-            {getStatusBadge(status)}
-          </div>
-        </CardHeader>
-        {actions && actions.length > 0 && (
-          <CardContent className="pt-0">
-            <div className="flex flex-wrap gap-2">
-              {actions.map((action, index) => (
-                <Button
-                  key={index}
-                  variant="outline"
-                  size="sm"
-                  disabled={disabled}
-                  onClick={action.onClick}
-                  asChild={!!action.href && !disabled}
-                >
-                  {action.href ? <a href={action.href}>{action.label}</a> : action.label}
-                </Button>
-              ))}
-            </div>
-          </CardContent>
-        )}
-        {children}
-      </Card>
-
-      {/* disabled overlay */}
-      {disabled && (
-        <Card
-          className={`absolute inset-0 bg-gray-500 opacity-50 pointer-events-auto z-10 ${level > 0 ? 'ml-4' : ''}`}
-        />
-      )}
-    </div>
-  );
-}

package/src/components/screens/operations/annual-audit/step-simple.tsx

@@ -1,43 +0,0 @@
-import { useEffect, useState } from 'react';
-import {
-  BaseStepCard,
-  type BaseStepProps,
-  type StepAction,
-  type StepStatus,
-} from './step-base.jsx';
-
-interface SimpleStepProps extends BaseStepProps {
-  defaultStatus?: StepStatus;
-  actions?: StepAction[];
-  fetchStatus?: () => Promise<StepStatus>;
-  onStatusChange?: (id: string, status: StepStatus) => void;
-}
-
-export default function SimpleStep({
-  defaultStatus = 'pending',
-  actions = [],
-  fetchStatus,
-  onStatusChange,
-  ...props
-}: SimpleStepProps) {
-  const [status, setStatus] = useState<StepStatus>(fetchStatus ? 'loading' : defaultStatus);
-
-  // Report status changes to parent
-  useEffect(() => {
-    if (onStatusChange) {
-      onStatusChange(props.id, status);
-    }
-  }, [status, onStatusChange, props.id]);
-
-  useEffect(() => {
-    if (fetchStatus) {
-      fetchStatus()
-        .then(setStatus)
-        .catch(() => setStatus('blocked'));
-    }
-  }, [fetchStatus]);
-
-  return (
-    <BaseStepCard {...props} status={status} actions={actions} onStatusChange={onStatusChange} />
-  );
-}

package/src/components/ui/progress.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { cn } from '@/lib/utils.js';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-
-function Progress({
-  className,
-  value,
-  ...props
-}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
-  return (
-    <ProgressPrimitive.Root
-      data-slot="progress"
-      className={cn(
-        'bg-gray-900/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-gray-50/20',
-        className,
-      )}
-      {...props}
-    >
-      <ProgressPrimitive.Indicator
-        data-slot="progress-indicator"
-        className="bg-gray-900 h-full w-full flex-1 transition-all dark:bg-gray-50"
-        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-      />
-    </ProgressPrimitive.Root>
-  );
-}
-
-export { Progress };

package/src/hooks/use-get-admin-businesses.ts

@@ -1,57 +0,0 @@
-import { useMemo } from 'react';
-import { toast } from 'sonner';
-import { useQuery } from 'urql';
-import { AdminBusinessesDocument, type AdminBusinessesQuery } from '../gql/graphql.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  query AdminBusinesses {
-    allAdminBusinesses {
-      id
-      name
-      governmentId
-    }
-  }
-`;
-
-export type AdminBusinesses = Array<
-  NonNullable<AdminBusinessesQuery['allAdminBusinesses']>[number]
->;
-
-type UseGetAdminBusinesses = {
-  fetching: boolean;
-  refresh: () => void;
-  adminBusinesses: AdminBusinesses;
-  selectableAdminBusinesses: Array<{ value: string; label: string }>;
-};
-
-export const useGetAdminBusinesses = (): UseGetAdminBusinesses => {
-  const [{ data, fetching, error }, fetch] = useQuery({
-    query: AdminBusinessesDocument,
-  });
-
-  if (error) {
-    console.error(`Error fetching admin businesses: ${error}`);
-    toast.error('Error', {
-      description: 'Unable to fetch admin businesses',
-    });
-  }
-
-  const adminBusinesses = useMemo(() => {
-    return data?.allAdminBusinesses?.slice().sort((a, b) => (a.name > b.name ? 1 : -1)) ?? [];
-  }, [data]);
-
-  const selectableAdminBusinesses = useMemo(() => {
-    return adminBusinesses.map(entity => ({
-      value: entity.id,
-      label: entity.name,
-    }));
-  }, [adminBusinesses]);
-
-  return {
-    fetching,
-    refresh: () => fetch(),
-    adminBusinesses,
-    selectableAdminBusinesses,
-  };
-};