@vicket/create-support 1.1.1

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

@@ -0,0 +1,87 @@
+/* ---------------------------------------------- */
+/*  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

@@ -0,0 +1,55 @@
+/* ---------------------------------------------- */
+/*  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;
+}