@mohasinac/appkit 2.1.3 → 2.3.0

package/src/features/contact/components/ContactForm.tsx

@@ -1,202 +0,0 @@
-"use client";
-
-import React, { useState, useCallback } from "react";
-import { Button, Div, Heading, Span, Text, Textarea } from "../../../ui";
-
-interface ContactFormData {
-  name: string;
-  email: string;
-  subject: string;
-  message: string;
-}
-
-export interface ContactFormProps {
-  onSubmit: (data: ContactFormData) => Promise<void>;
-  labels?: {
-    title?: string;
-    nameLabel?: string;
-    namePlaceholder?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    subjectLabel?: string;
-    subjectPlaceholder?: string;
-    messageLabel?: string;
-    messagePlaceholder?: string;
-    submitButton?: string;
-    submittingButton?: string;
-    successTitle?: string;
-    successDescription?: string;
-    sendAnotherButton?: string;
-    errorGeneric?: string;
-    validationRequired?: string;
-    validationEmail?: string;
-    validationMessageTooShort?: string;
-  };
-  className?: string;
-}
-
-const INITIAL_FORM: ContactFormData = {
-  name: "",
-  email: "",
-  subject: "",
-  message: "",
-};
-
-export function ContactForm({
-  onSubmit,
-  labels = {},
-  className = "",
-}: ContactFormProps) {
-  const [form, setForm] = useState<ContactFormData>(INITIAL_FORM);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [errors, setErrors] = useState<
-    Partial<Record<keyof ContactFormData, string>>
-  >({});
-  const [submitError, setSubmitError] = useState<string | null>(null);
-
-  const validate = (): boolean => {
-    const newErrors: Partial<Record<keyof ContactFormData, string>> = {};
-    if (!form.name.trim())
-      newErrors.name = labels.validationRequired ?? "Required";
-    if (!form.email.trim() || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email))
-      newErrors.email = labels.validationEmail ?? "Valid email required";
-    if (!form.subject.trim())
-      newErrors.subject = labels.validationRequired ?? "Required";
-    if (!form.message.trim() || form.message.length < 10)
-      newErrors.message =
-        labels.validationMessageTooShort ?? "Message too short";
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = useCallback(
-    async (e: React.FormEvent) => {
-      e.preventDefault();
-      if (!validate()) return;
-      setIsSubmitting(true);
-      setSubmitError(null);
-      try {
-        await onSubmit(form);
-        setSubmitted(true);
-        setForm(INITIAL_FORM);
-      } catch {
-        setSubmitError(
-          labels.errorGeneric ?? "Something went wrong. Please try again.",
-        );
-      } finally {
-        setIsSubmitting(false);
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [form, onSubmit, labels],
-  );
-
-  if (submitted) {
-    return (
-      <Div className={`text-center py-12 ${className}`}>
-        <Div className="text-5xl mb-4">✅</Div>
-        <Heading level={2} className="mb-2">
-          {labels.successTitle ?? "Message Sent!"}
-        </Heading>
-        <Text variant="secondary" className="mb-6">
-          {labels.successDescription ?? "We'll get back to you shortly."}
-        </Text>
-        <Button
-          type="button"
-          variant="outline"
-          onClick={() => setSubmitted(false)}
-        >
-          {labels.sendAnotherButton ?? "Send another message"}
-        </Button>
-      </Div>
-    );
-  }
-
-  const field = (
-    id: keyof ContactFormData,
-    label: string,
-    placeholder: string,
-    multiline?: boolean,
-  ) => (
-    <Div className="flex flex-col gap-1">
-      <label
-        htmlFor={id}
-        className="text-sm font-medium text-neutral-700 dark:text-neutral-300"
-      >
-        {label}
-      </label>
-      {multiline ? (
-        <Textarea
-          id={id}
-          value={form[id]}
-          onChange={(e) => setForm((f) => ({ ...f, [id]: e.target.value }))}
-          placeholder={placeholder}
-          rows={5}
-          className="w-full rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm outline-none focus:ring-2 ring-primary/20 transition"
-        />
-      ) : (
-        <input
-          id={id}
-          type={id === "email" ? "email" : "text"}
-          value={form[id]}
-          onChange={(e) => setForm((f) => ({ ...f, [id]: e.target.value }))}
-          placeholder={placeholder}
-          className="h-10 w-full rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition"
-        />
-      )}
-      {errors[id] && <Span className="text-xs text-red-500">{errors[id]}</Span>}
-    </Div>
-  );
-
-  return (
-    <form
-      onSubmit={handleSubmit}
-      noValidate
-      className={`space-y-4 ${className}`}
-    >
-      <Heading level={2} className="mb-6">
-        {labels.title ?? "Send us a message"}
-      </Heading>
-
-      {submitError && (
-        <Div className="rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700 px-4 py-3 text-sm text-red-700 dark:text-red-300">
-          {submitError}
-        </Div>
-      )}
-
-      {field(
-        "name",
-        labels.nameLabel ?? "Your Name",
-        labels.namePlaceholder ?? "Enter your name",
-      )}
-      {field(
-        "email",
-        labels.emailLabel ?? "Email",
-        labels.emailPlaceholder ?? "your@email.com",
-      )}
-      {field(
-        "subject",
-        labels.subjectLabel ?? "Subject",
-        labels.subjectPlaceholder ?? "How can we help?",
-      )}
-      {field(
-        "message",
-        labels.messageLabel ?? "Message",
-        labels.messagePlaceholder ?? "Tell us more…",
-        true,
-      )}
-
-      <Button
-        type="submit"
-        variant="primary"
-        disabled={isSubmitting}
-        className="w-full sm:w-auto"
-      >
-        {isSubmitting
-          ? (labels.submittingButton ?? "Sending…")
-          : (labels.submitButton ?? "Send Message")}
-      </Button>
-    </form>
-  );
-}

package/src/features/contact/components/ContactInfoSidebar.tsx

@@ -1,85 +0,0 @@
-"use client";
-
-import React from "react";
-import { Aside, Div, Heading, Span, Text } from "../../../ui";
-
-export interface ContactInfoItem {
-  icon: string;
-  label: string;
-  value: string;
-  href?: string;
-}
-
-export interface ContactInfoSidebarProps {
-  infoItems: ContactInfoItem[];
-  labels?: {
-    title?: string;
-    businessHoursLabel?: string;
-    businessHoursValue?: string;
-    responseTimeLabel?: string;
-    responseTimeValue?: string;
-  };
-  /** Render extra action links (e.g. WhatsApp, Chat) */
-  renderActions?: () => React.ReactNode;
-}
-
-export function ContactInfoSidebar({
-  infoItems,
-  labels = {},
-  renderActions,
-}: ContactInfoSidebarProps) {
-  return (
-    <Aside className="space-y-6">
-      <Div>
-        <Heading level={3} className="mb-4">
-          {labels.title ?? "Contact Information"}
-        </Heading>
-        <Div className="space-y-4">
-          {infoItems.map((item) => (
-            <Div key={item.label} className="flex items-start gap-3">
-              <Span className="text-xl flex-shrink-0 mt-0.5">{item.icon}</Span>
-              <Div>
-                <Text className="text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wide mb-0.5">
-                  {item.label}
-                </Text>
-                {item.href ? (
-                  <a
-                    href={item.href}
-                    className="text-sm text-primary hover:underline"
-                  >
-                    {item.value}
-                  </a>
-                ) : (
-                  <Text className="text-sm">{item.value}</Text>
-                )}
-              </Div>
-            </Div>
-          ))}
-        </Div>
-      </Div>
-
-      {(labels.businessHoursLabel || labels.responseTimeLabel) && (
-        <Div className="rounded-xl border border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800/60 p-4 space-y-2">
-          {labels.businessHoursLabel && labels.businessHoursValue && (
-            <Div>
-              <Text className="text-xs font-semibold text-neutral-500 uppercase tracking-wide">
-                {labels.businessHoursLabel}
-              </Text>
-              <Text className="text-sm mt-0.5">{labels.businessHoursValue}</Text>
-            </Div>
-          )}
-          {labels.responseTimeLabel && labels.responseTimeValue && (
-            <Div>
-              <Text className="text-xs font-semibold text-neutral-500 uppercase tracking-wide">
-                {labels.responseTimeLabel}
-              </Text>
-              <Text className="text-sm mt-0.5">{labels.responseTimeValue}</Text>
-            </Div>
-          )}
-        </Div>
-      )}
-
-      {renderActions?.()}
-    </Aside>
-  );
-}

package/src/features/contact/components/index.ts

@@ -1,7 +0,0 @@
-export { ContactForm } from "./ContactForm";
-export type { ContactFormProps } from "./ContactForm";
-export { ContactInfoSidebar } from "./ContactInfoSidebar";
-export type {
-  ContactInfoSidebarProps,
-  ContactInfoItem,
-} from "./ContactInfoSidebar";

package/src/features/contact/index.ts

@@ -1 +0,0 @@
-export * from "./components";

package/src/features/copilot/components/AdminCopilotView.tsx

@@ -1,157 +0,0 @@
-"use client";
-
-import React, { useState, useRef, useEffect } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui";
-import { useCopilotChat } from "../hooks/useCopilotChat";
-import type { CopilotMessage } from "../hooks/useCopilotChat";
-
-export interface AdminCopilotViewProps {
-  /** API endpoint for the copilot chat (default: /api/copilot/chat) */
-  endpoint?: string;
-  /** Render the page header (title + new conversation button) */
-  renderHeader?: (onNewConversation: () => void) => React.ReactNode;
-  labels?: {
-    title?: string;
-    newConversation?: string;
-    noMessages?: string;
-    noMessagesDesc?: string;
-    inputPlaceholder?: string;
-    sendButton?: string;
-    sendingButton?: string;
-    you?: string;
-    assistant?: string;
-    errorLabel?: string;
-  };
-  className?: string;
-}
-
-function MessageBubble({
-  msg,
-  labels,
-}: {
-  msg: CopilotMessage;
-  labels: AdminCopilotViewProps["labels"];
-}) {
-  const isUser = msg.role === "user";
-  return (
-    <Div className={`flex ${isUser ? "justify-end" : "justify-start"}`}>
-      <Div
-        className={`max-w-[80%] rounded-2xl px-4 py-2.5 text-sm ${
-          isUser
-            ? "bg-primary text-white rounded-tr-sm"
-            : "bg-neutral-100 dark:bg-slate-700 text-neutral-900 dark:text-neutral-100 rounded-tl-sm"
-        }`}
-      >
-        <Text className="whitespace-pre-wrap text-sm leading-relaxed">
-          {msg.content}
-        </Text>
-        {msg.durationMs && (
-          <Span className="mt-1 block text-xs opacity-60">
-            {(msg.durationMs / 1000).toFixed(1)}s
-          </Span>
-        )}
-      </Div>
-    </Div>
-  );
-}
-
-export function AdminCopilotView({
-  endpoint,
-  renderHeader,
-  labels = {},
-  className = "",
-}: AdminCopilotViewProps) {
-  const [input, setInput] = useState("");
-  const messagesEndRef = useRef<HTMLDivElement>(null);
-  const { messages, sendMessage, startNewConversation, isLoading, error } =
-    useCopilotChat({ endpoint });
-
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!input.trim() || isLoading) return;
-    sendMessage(input.trim());
-    setInput("");
-  };
-
-  return (
-    <Div className={`space-y-4 ${className}`}>
-      {renderHeader ? (
-        renderHeader(startNewConversation)
-      ) : (
-        <Div className="flex items-center justify-between">
-          <Heading level={2}>{labels.title ?? "AI Copilot"}</Heading>
-          <Button
-            type="button"
-            variant="outline"
-            size="sm"
-            onClick={startNewConversation}
-          >
-            {labels.newConversation ?? "New Conversation"}
-          </Button>
-        </Div>
-      )}
-
-      <Div className="flex flex-col rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 h-[calc(100vh-260px)]">
-        {/* Messages */}
-        <Div className="flex-1 overflow-y-auto p-4 space-y-4">
-          {messages.length === 0 && (
-            <Div className="flex flex-col items-center justify-center h-full text-center">
-              <Text className="font-medium">
-                {labels.noMessages ?? "No messages yet"}
-              </Text>
-              <Text variant="secondary" className="text-sm mt-1">
-                {labels.noMessagesDesc ?? "Ask anything to get started"}
-              </Text>
-            </Div>
-          )}
-          {messages.map((msg) => (
-            <MessageBubble key={msg.id} msg={msg} labels={labels} />
-          ))}
-          {isLoading && (
-            <Div className="flex justify-start">
-              <Div className="rounded-2xl rounded-tl-sm bg-neutral-100 dark:bg-slate-700 px-4 py-2.5">
-                <Span className="text-sm opacity-60 animate-pulse">
-                  Thinking…
-                </Span>
-              </Div>
-            </Div>
-          )}
-          {error && (
-            <Text className="text-center text-sm text-red-500">
-              {labels.errorLabel ?? "An error occurred. Please try again."}
-            </Text>
-          )}
-          <div ref={messagesEndRef} />
-        </Div>
-
-        {/* Input */}
-        <Div className="border-t border-neutral-200 dark:border-slate-700 p-3">
-          <form onSubmit={handleSubmit} className="flex gap-2">
-            <input
-              type="text"
-              value={input}
-              onChange={(e) => setInput(e.target.value)}
-              placeholder={labels.inputPlaceholder ?? "Ask anything…"}
-              disabled={isLoading}
-              className="flex-1 h-10 rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition disabled:opacity-60"
-            />
-            <Button
-              type="submit"
-              variant="primary"
-              disabled={isLoading || !input.trim()}
-              className="shrink-0"
-            >
-              {isLoading
-                ? (labels.sendingButton ?? "Sending…")
-                : (labels.sendButton ?? "Send")}
-            </Button>
-          </form>
-        </Div>
-      </Div>
-    </Div>
-  );
-}

package/src/features/copilot/components/index.ts

@@ -1,2 +0,0 @@
-export { AdminCopilotView } from "./AdminCopilotView";
-export type { AdminCopilotViewProps } from "./AdminCopilotView";

package/src/features/copilot/hooks/useCopilotChat.ts

@@ -1,86 +0,0 @@
-"use client";
-
-import { useState, useCallback } from "react";
-import { useMutation } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-
-export interface CopilotMessage {
-  id: string;
-  role: "user" | "assistant";
-  content: string;
-  createdAt: string;
-  durationMs?: number;
-}
-
-export interface CopilotChatResponse {
-  response: string;
-  durationMs?: number;
-}
-
-function generateId(): string {
-  return `msg_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-
-function generateConversationId(): string {
-  return `conv_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-
-interface UseCopilotChatOptions {
-  endpoint?: string;
-}
-
-export function useCopilotChat(options?: UseCopilotChatOptions) {
-  const endpoint = options?.endpoint ?? "/api/copilot/chat";
-  const [messages, setMessages] = useState<CopilotMessage[]>([]);
-  const [conversationId, setConversationId] = useState(generateConversationId);
-
-  const mutation = useMutation({
-    mutationFn: async (prompt: string) => {
-      const res = await apiClient.post<{
-        success: boolean;
-        data: CopilotChatResponse;
-      }>(endpoint, { prompt, conversationId });
-      return res.data;
-    },
-    onMutate: (prompt) => {
-      const userMsg: CopilotMessage = {
-        id: generateId(),
-        role: "user",
-        content: prompt,
-        createdAt: new Date().toISOString(),
-      };
-      setMessages((prev) => [...prev, userMsg]);
-    },
-    onSuccess: (data) => {
-      const aiMsg: CopilotMessage = {
-        id: generateId(),
-        role: "assistant",
-        content: data.response,
-        createdAt: new Date().toISOString(),
-        durationMs: data.durationMs,
-      };
-      setMessages((prev) => [...prev, aiMsg]);
-    },
-  });
-
-  const sendMessage = useCallback(
-    (prompt: string) => {
-      if (!prompt.trim()) return;
-      mutation.mutate(prompt);
-    },
-    [mutation],
-  );
-
-  const startNewConversation = useCallback(() => {
-    setMessages([]);
-    setConversationId(generateConversationId());
-  }, []);
-
-  return {
-    messages,
-    sendMessage,
-    startNewConversation,
-    isLoading: mutation.isPending,
-    error: mutation.error,
-  };
-}

package/src/features/copilot/index.ts

@@ -1,2 +0,0 @@
-export * from "./components";
-export * from "./hooks/useCopilotChat";

package/src/features/corporate/api/[id]/route.ts

@@ -1,149 +0,0 @@
-/**
- * feat-corporate — GET/PATCH/DELETE /api/corporate-inquiries/[id]
- *
- * Corporate inquiry retrieval, updates, and deletion.
- *
- * Consumer stub:
- * ```ts
- * export { corporateInquiryDetailGET as GET, corporateInquiryDetailPATCH as PATCH, corporateInquiryDetailDELETE as DELETE } from "@mohasinac/feat-corporate";
- * ```
- */
-
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-
-export async function GET(
-  request: Request,
-  { params }: { params: { id: string } },
-): Promise<NextResponse> {
-  try {
-    const { id } = await params;
-    if (!id) {
-      return NextResponse.json(
-        { success: false, error: "Inquiry ID required" },
-        { status: 400 },
-      );
-    }
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>(
-      "corporate_inquiries",
-    );
-    const inquiry = await repo.findById(id);
-
-    if (!inquiry) {
-      return NextResponse.json(
-        { success: false, error: "Inquiry not found" },
-        { status: 404 },
-      );
-    }
-
-    return NextResponse.json({
-      success: true,
-      data: inquiry,
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}
-
-export async function PATCH(
-  request: Request,
-  { params }: { params: { id: string } },
-): Promise<NextResponse> {
-  try {
-    const { id } = await params;
-    if (!id) {
-      return NextResponse.json(
-        { success: false, error: "Inquiry ID required" },
-        { status: 400 },
-      );
-    }
-
-    const body = await request.json();
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>(
-      "corporate_inquiries",
-    );
-    const updated = await repo.update(id, body);
-
-    if (!updated) {
-      return NextResponse.json(
-        { success: false, error: "Inquiry not found" },
-        { status: 404 },
-      );
-    }
-
-    return NextResponse.json({
-      success: true,
-      data: updated,
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}
-
-export async function DELETE(
-  request: Request,
-  { params }: { params: { id: string } },
-): Promise<NextResponse> {
-  try {
-    const { id } = await params;
-    if (!id) {
-      return NextResponse.json(
-        { success: false, error: "Inquiry ID required" },
-        { status: 400 },
-      );
-    }
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>(
-      "corporate_inquiries",
-    );
-    await repo.delete(id);
-
-    return NextResponse.json({
-      success: true,
-      data: { id },
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}