@vicket/create-support 1.1.1 → 1.1.2

package/templates/nuxt/app/composables/useVicket.ts

@@ -1,274 +0,0 @@
-/* ---------------------------------------------- */
-/*  Types                                          */
-/* ---------------------------------------------- */
-export type TemplateOption = {
-  id: string;
-  label: string;
-  value: string;
-};
-
-export type TemplateQuestion = {
-  id: string;
-  label: string;
-  type: "TEXT" | "TEXTAREA" | "SELECT" | "CHECKBOX" | "DATE" | "FILE";
-  required: boolean;
-  order: number;
-  options?: TemplateOption[];
-};
-
-export type Template = {
-  id: string;
-  name: string;
-  description: string;
-  questions: TemplateQuestion[];
-};
-
-export type Article = {
-  id: string;
-  title: string;
-  slug: string;
-  content: string;
-};
-
-export type Faq = {
-  id: string;
-  question: string;
-  answer: string;
-};
-
-export type SupportInitResponse = {
-  success: boolean;
-  data?: {
-    website?: { name?: string };
-    templates: Template[];
-    articles?: Article[];
-    faqs?: Faq[];
-  };
-  error?: string;
-};
-
-export type FormValues = {
-  email: string;
-  title: string;
-  answers: Record<string, unknown>;
-};
-
-export type Attachment = {
-  id: string;
-  original_filename: string;
-  url: string;
-};
-
-export type Message = {
-  id: string;
-  content: string;
-  author_type: "reporter" | "user" | "system";
-  created_at: string;
-  attachments?: Attachment[];
-};
-
-export type TicketAnswer = {
-  id: string;
-  question_label: string;
-  answer: string;
-  attachments?: Attachment[];
-};
-
-export type TicketThread = {
-  id: string;
-  title: string;
-  status?: { label: string };
-  priority?: { label: string };
-  messages: Message[];
-  answers?: TicketAnswer[];
-};
-
-/* ---------------------------------------------- */
-/*  Constants                                      */
-/* ---------------------------------------------- */
-export const PROXY_BASE = "/api/vicket";
-
-export const AUTHOR_LABELS: Record<string, string> = {
-  reporter: "You",
-  user: "Support",
-  system: "System",
-};
-
-export const initialFormValues: FormValues = { email: "", title: "", answers: {} };
-
-/* ---------------------------------------------- */
-/*  Utilities                                      */
-/* ---------------------------------------------- */
-export function cn(...classes: (string | false | null | undefined)[]): string {
-  return classes.filter(Boolean).join(" ");
-}
-
-export function stripHtml(html: string): string {
-  return html.replace(/<[^>]*>/g, "");
-}
-
-export function sanitizeHtml(html: string): string {
-  return html
-    .replace(/<script[\s\S]*?<\/script>/gi, "")
-    .replace(/\son\w+="[^"]*"/gi, "")
-    .replace(/\son\w+='[^']*'/gi, "")
-    .replace(/href\s*=\s*"javascript:[^"]*"/gi, 'href="#"')
-    .replace(/href\s*=\s*'javascript:[^']*'/gi, "href='#'");
-}
-
-export function formatDate(iso: string): string {
-  try {
-    return new Intl.DateTimeFormat("en", {
-      month: "short",
-      day: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-    }).format(new Date(iso));
-  } catch {
-    return iso;
-  }
-}
-
-export function isFileAnswer(answer: string): boolean {
-  return answer?.includes("__isFile:true") || answer?.includes("map[__isFile");
-}
-
-export function formatAnswerText(value: string): string {
-  if (!value) return "";
-
-  const trimmed = value.trim();
-  if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
-    const rawItems = trimmed.slice(1, -1).trim();
-    return rawItems.length > 0 ? rawItems.split(/\s+/).join(", ") : "";
-  }
-
-  return value;
-}
-
-/* ---------------------------------------------- */
-/*  API functions                                  */
-/* ---------------------------------------------- */
-export async function fetchSupportInit(): Promise<NonNullable<SupportInitResponse["data"]>> {
-  const payload = await $fetch<SupportInitResponse>(`${PROXY_BASE}/init`, {
-    method: "GET",
-  });
-
-  if (!payload?.success || !payload?.data) {
-    throw new Error(payload?.error || "Failed to load support data.");
-  }
-
-  return payload.data;
-}
-
-export async function createTicket(body: {
-  email: string;
-  title: string;
-  templateId: string;
-  answers: Record<string, unknown>;
-  hasFiles: boolean;
-  fileQuestionIds: string[];
-}): Promise<{ emailLimitReached?: boolean; warning?: string }> {
-  const payload = {
-    email: body.email,
-    title: body.title,
-    templateId: body.templateId,
-    answers: { ...body.answers },
-  };
-
-  let response: Response;
-  if (body.hasFiles) {
-    const formData = new FormData();
-    const normalizedAnswers: Record<string, unknown> = {};
-    for (const [questionId, answer] of Object.entries(payload.answers)) {
-      if (Array.isArray(answer) && answer.length > 0 && answer[0] instanceof File) {
-        (answer as File[]).forEach((f) => formData.append(`files[${questionId}]`, f));
-        normalizedAnswers[questionId] = "__isFile:true";
-      } else if (answer instanceof File) {
-        formData.append(`files[${questionId}]`, answer);
-        normalizedAnswers[questionId] = "__isFile:true";
-      } else {
-        normalizedAnswers[questionId] = answer;
-      }
-    }
-    formData.append("data", JSON.stringify({ ...payload, answers: normalizedAnswers }));
-    response = await fetch(`${PROXY_BASE}/tickets`, {
-      method: "POST",
-      body: formData,
-    });
-  } else {
-    response = await fetch(`${PROXY_BASE}/tickets`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(payload),
-    });
-  }
-
-  const responsePayload = (await response.json()) as {
-    error?: string;
-    success?: boolean;
-    data?: { email_limit_reached?: boolean; warning?: string };
-  };
-  if (!response.ok || !responsePayload?.success) {
-    throw new Error(responsePayload?.error || "Failed to create ticket.");
-  }
-
-  return {
-    emailLimitReached: responsePayload.data?.email_limit_reached ?? false,
-    warning: responsePayload.data?.warning,
-  };
-}
-
-export async function fetchTicketThread(token: string): Promise<TicketThread> {
-  const payload = await $fetch<{
-    success?: boolean;
-    error?: string;
-    error_code?: string;
-    data?: TicketThread;
-  }>(`${PROXY_BASE}/ticket?token=${encodeURIComponent(token)}`, {
-    method: "GET",
-  });
-
-  if (!payload?.success || !payload?.data) {
-    if (payload?.error_code === "ticket-link-expired") {
-      throw new Error("This link has expired. A new secure link has been sent to your email.");
-    }
-    throw new Error(payload?.error || "Failed to load ticket.");
-  }
-
-  return payload.data;
-}
-
-export async function sendReply(token: string, content: string, files: File[]): Promise<void> {
-  const url = `${PROXY_BASE}/ticket/messages?token=${encodeURIComponent(token)}`;
-
-  let response: Response;
-  if (files.length > 0) {
-    const formData = new FormData();
-    formData.append("data", JSON.stringify({ content }));
-    for (const file of files) {
-      formData.append("files", file);
-    }
-    response = await fetch(url, {
-      method: "POST",
-      body: formData,
-    });
-  } else {
-    response = await fetch(url, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ content }),
-    });
-  }
-
-  const responsePayload = (await response.json()) as {
-    success?: boolean;
-    error?: string;
-    error_code?: string;
-  };
-  if (!response.ok || !responsePayload?.success) {
-    if (responsePayload?.error_code === "ticket-link-expired") {
-      throw new Error("This link has expired. A new secure link has been sent to your email.");
-    }
-    throw new Error(responsePayload?.error || "Failed to send reply.");
-  }
-}

package/templates/sveltekit/src/lib/vicket/api.ts

@@ -1,162 +0,0 @@
-/* ---------------------------------------------- */
-/*  API functions and constants                    */
-/* ---------------------------------------------- */
-
-import type {
-  FormValues,
-  SupportInitResponse,
-  TicketThread,
-} from "./types";
-
-// -- Constants -----------------------------------
-
-/** Base path for the SvelteKit server-side proxy. */
-export const PROXY_BASE = "/api/vicket";
-
-/** Default empty form values. */
-export const initialFormValues: FormValues = { email: "", title: "", answers: {} };
-
-/** Human-readable labels for message author types. */
-export const AUTHOR_LABELS: Record<string, string> = {
-  reporter: "You",
-  user: "Support",
-  system: "System",
-};
-
-// -- Support page API ----------------------------
-
-/** Fetch initial support data (templates, articles, FAQs). */
-export async function fetchSupportInit(): Promise<NonNullable<SupportInitResponse["data"]>> {
-  const response = await fetch(`${PROXY_BASE}/init`, {
-    method: "GET",
-    headers: { "Content-Type": "application/json" },
-  });
-  const payload = (await response.json()) as SupportInitResponse;
-  if (!response.ok || !payload?.success || !payload?.data) {
-    throw new Error(payload?.error || "Failed to load support data.");
-  }
-  return payload.data;
-}
-
-/** Create a new ticket, optionally with file uploads. */
-export async function createTicket(body: {
-  email: string;
-  title: string;
-  templateId: string;
-  answers: Record<string, unknown>;
-  hasFiles: boolean;
-  fileQuestionIds: string[];
-}): Promise<{ emailLimitReached?: boolean; warning?: string }> {
-  const payload = {
-    email: body.email,
-    title: body.title,
-    templateId: body.templateId,
-    answers: { ...body.answers },
-  };
-
-  let response: Response;
-  if (body.hasFiles) {
-    const formData = new FormData();
-    const normalizedAnswers: Record<string, unknown> = {};
-    for (const [questionId, answer] of Object.entries(payload.answers)) {
-      if (Array.isArray(answer) && answer.length > 0 && answer[0] instanceof File) {
-        (answer as File[]).forEach((f) => formData.append(`files[${questionId}]`, f));
-        normalizedAnswers[questionId] = "__isFile:true";
-      } else if (answer instanceof File) {
-        formData.append(`files[${questionId}]`, answer);
-        normalizedAnswers[questionId] = "__isFile:true";
-      } else {
-        normalizedAnswers[questionId] = answer;
-      }
-    }
-    formData.append("data", JSON.stringify({ ...payload, answers: normalizedAnswers }));
-    response = await fetch(`${PROXY_BASE}/tickets`, {
-      method: "POST",
-      body: formData,
-    });
-  } else {
-    response = await fetch(`${PROXY_BASE}/tickets`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(payload),
-    });
-  }
-
-  const responsePayload = (await response.json()) as {
-    error?: string;
-    success?: boolean;
-    data?: { email_limit_reached?: boolean; warning?: string };
-  };
-  if (!response.ok || !responsePayload?.success) {
-    throw new Error(responsePayload?.error || "Failed to create ticket.");
-  }
-
-  return {
-    emailLimitReached: responsePayload.data?.email_limit_reached ?? false,
-    warning: responsePayload.data?.warning,
-  };
-}
-
-// -- Ticket page API -----------------------------
-
-/** Fetch a ticket thread by its secure token. */
-export async function fetchTicketThread(token: string): Promise<TicketThread> {
-  const response = await fetch(
-    `${PROXY_BASE}/ticket?token=${encodeURIComponent(token)}`,
-    {
-      method: "GET",
-      headers: { "Content-Type": "application/json" },
-    },
-  );
-  const payload = (await response.json()) as {
-    success?: boolean;
-    error?: string;
-    error_code?: string;
-    data?: TicketThread;
-  };
-
-  if (!response.ok || !payload?.success || !payload?.data) {
-    if (payload?.error_code === "ticket-link-expired") {
-      throw new Error("This link has expired. A new secure link has been sent to your email.");
-    }
-    throw new Error(payload?.error || "Failed to load ticket.");
-  }
-
-  return payload.data;
-}
-
-/** Send a reply message to a ticket thread. */
-export async function sendReply(token: string, content: string, files: File[]): Promise<void> {
-  const url = `${PROXY_BASE}/ticket/messages?token=${encodeURIComponent(token)}`;
-
-  let response: Response;
-  if (files.length > 0) {
-    const formData = new FormData();
-    formData.append("data", JSON.stringify({ content }));
-    for (const file of files) {
-      formData.append("files", file);
-    }
-    response = await fetch(url, {
-      method: "POST",
-      body: formData,
-    });
-  } else {
-    response = await fetch(url, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ content }),
-    });
-  }
-
-  const payload = (await response.json()) as {
-    success?: boolean;
-    error?: string;
-    error_code?: string;
-  };
-  if (!response.ok || !payload?.success) {
-    if (payload?.error_code === "ticket-link-expired") {
-      throw new Error("This link has expired. A new secure link has been sent to your email.");
-    }
-    throw new Error(payload?.error || "Failed to send reply.");
-  }
-}

package/templates/sveltekit/src/lib/vicket/types.ts

@@ -1,87 +0,0 @@
-/* ---------------------------------------------- */
-/*  Shared types for the Vicket support widget    */
-/* ---------------------------------------------- */
-
-// -- Support page types --------------------------
-export type TemplateOption = {
-  id: string;
-  label: string;
-  value: string;
-};
-
-export type TemplateQuestion = {
-  id: string;
-  label: string;
-  type: "TEXT" | "TEXTAREA" | "SELECT" | "CHECKBOX" | "DATE" | "FILE";
-  required: boolean;
-  order: number;
-  options?: TemplateOption[];
-};
-
-export type Template = {
-  id: string;
-  name: string;
-  description: string;
-  questions: TemplateQuestion[];
-};
-
-export type Article = {
-  id: string;
-  title: string;
-  slug: string;
-  content: string;
-};
-
-export type Faq = {
-  id: string;
-  question: string;
-  answer: string;
-};
-
-export type SupportInitResponse = {
-  success: boolean;
-  data?: {
-    website?: { name?: string };
-    templates: Template[];
-    articles?: Article[];
-    faqs?: Faq[];
-  };
-  error?: string;
-};
-
-export type FormValues = {
-  email: string;
-  title: string;
-  answers: Record<string, unknown>;
-};
-
-// -- Ticket page types ---------------------------
-export type Attachment = {
-  id: string;
-  original_filename: string;
-  url: string;
-};
-
-export type Message = {
-  id: string;
-  content: string;
-  author_type: "reporter" | "user" | "system";
-  created_at: string;
-  attachments?: Attachment[];
-};
-
-export type TicketAnswer = {
-  id: string;
-  question_label: string;
-  answer: string;
-  attachments?: Attachment[];
-};
-
-export type TicketThread = {
-  id: string;
-  title: string;
-  status?: { label: string };
-  priority?: { label: string };
-  messages: Message[];
-  answers?: TicketAnswer[];
-};

package/templates/sveltekit/src/lib/vicket/utils.ts

@@ -1,55 +0,0 @@
-/* ---------------------------------------------- */
-/*  Shared utility functions                       */
-/* ---------------------------------------------- */
-
-/** Join class names, filtering out falsy values. */
-export function cn(...classes: (string | boolean | undefined | null)[]): string {
-  return classes.filter(Boolean).join(" ");
-}
-
-/** Strip all HTML tags from a string. */
-export function stripHtml(html: string): string {
-  return html.replace(/<[^>]*>/g, "");
-}
-
-/** Sanitize HTML by removing script tags, inline event handlers, and javascript: hrefs. */
-export function sanitizeHtml(html: string): string {
-  return html
-    .replace(/<script[\s\S]*?<\/script>/gi, "")
-    .replace(/\son\w+="[^"]*"/gi, "")
-    .replace(/\son\w+='[^']*'/gi, "")
-    .replace(/href\s*=\s*"javascript:[^"]*"/gi, 'href="#"')
-    .replace(/href\s*=\s*'javascript:[^']*'/gi, "href='#'");
-}
-
-/** Format an ISO date string for display. */
-export function formatDate(iso: string): string {
-  try {
-    return new Intl.DateTimeFormat("en", {
-      month: "short",
-      day: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-    }).format(new Date(iso));
-  } catch {
-    return iso;
-  }
-}
-
-/** Check whether an answer value represents a file upload placeholder. */
-export function isFileAnswer(answer: string): boolean {
-  return answer?.includes("__isFile:true") || answer?.includes("map[__isFile");
-}
-
-/** Format a raw answer value for display (e.g. unwrap bracket-delimited arrays). */
-export function formatAnswerText(value: string): string {
-  if (!value) return "";
-
-  const trimmed = value.trim();
-  if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
-    const rawItems = trimmed.slice(1, -1).trim();
-    return rawItems.length > 0 ? rawItems.split(/\s+/).join(", ") : "";
-  }
-
-  return value;
-}

package/templates-tailwind/next/src/app/api/vicket/init/route.ts

@@ -1,24 +0,0 @@
-import { NextResponse } from "next/server";
-
-const VICKET_API_URL = (process.env.VICKET_API_URL || "").replace(/\/+$/, "");
-const VICKET_API_KEY = process.env.VICKET_API_KEY || "";
-
-export async function GET() {
-  if (!VICKET_API_URL || !VICKET_API_KEY) {
-    return NextResponse.json(
-      { error: "Missing VICKET_API_URL or VICKET_API_KEY server environment variables." },
-      { status: 500 },
-    );
-  }
-
-  const upstream = await fetch(`${VICKET_API_URL}/public/support/init`, {
-    method: "GET",
-    headers: { "X-Api-Key": VICKET_API_KEY, "Content-Type": "application/json" },
-  });
-
-  const body = await upstream.arrayBuffer();
-  return new NextResponse(body, {
-    status: upstream.status,
-    headers: { "Content-Type": upstream.headers.get("Content-Type") || "application/json" },
-  });
-}

package/templates-tailwind/next/src/app/api/vicket/messages/route.ts

@@ -1,36 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-const VICKET_API_URL = (process.env.VICKET_API_URL || "").replace(/\/+$/, "");
-const VICKET_API_KEY = process.env.VICKET_API_KEY || "";
-
-export async function POST(req: NextRequest) {
-  if (!VICKET_API_URL || !VICKET_API_KEY) {
-    return NextResponse.json(
-      { error: "Missing VICKET_API_URL or VICKET_API_KEY server environment variables." },
-      { status: 500 },
-    );
-  }
-
-  const token = req.nextUrl.searchParams.get("token") || "";
-  const url = `${VICKET_API_URL}/public/support/ticket/messages?token=${encodeURIComponent(token)}`;
-
-  const contentType = req.headers.get("content-type") || "";
-  const headers: HeadersInit = { "X-Api-Key": VICKET_API_KEY };
-  let body: BodyInit;
-
-  if (contentType.includes("multipart/form-data")) {
-    body = await req.blob();
-    headers["Content-Type"] = contentType;
-  } else {
-    body = await req.text();
-    headers["Content-Type"] = "application/json";
-  }
-
-  const upstream = await fetch(url, { method: "POST", headers, body });
-
-  const responseBody = await upstream.arrayBuffer();
-  return new NextResponse(responseBody, {
-    status: upstream.status,
-    headers: { "Content-Type": upstream.headers.get("Content-Type") || "application/json" },
-  });
-}

package/templates-tailwind/next/src/app/api/vicket/thread/route.ts

@@ -1,27 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-const VICKET_API_URL = (process.env.VICKET_API_URL || "").replace(/\/+$/, "");
-const VICKET_API_KEY = process.env.VICKET_API_KEY || "";
-
-export async function GET(req: NextRequest) {
-  if (!VICKET_API_URL || !VICKET_API_KEY) {
-    return NextResponse.json(
-      { error: "Missing VICKET_API_URL or VICKET_API_KEY server environment variables." },
-      { status: 500 },
-    );
-  }
-
-  const token = req.nextUrl.searchParams.get("token") || "";
-  const url = `${VICKET_API_URL}/public/support/ticket?token=${encodeURIComponent(token)}`;
-
-  const upstream = await fetch(url, {
-    method: "GET",
-    headers: { "X-Api-Key": VICKET_API_KEY, "Content-Type": "application/json" },
-  });
-
-  const body = await upstream.arrayBuffer();
-  return new NextResponse(body, {
-    status: upstream.status,
-    headers: { "Content-Type": upstream.headers.get("Content-Type") || "application/json" },
-  });
-}