@vicket/create-support 1.1.1

package/templates/next/src/app/utils/vicket/types.ts

@@ -0,0 +1,85 @@
+/* ---------------------------------------------- */
+/*  Shared types for Vicket support pages         */
+/* ---------------------------------------------- */
+
+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[];
+};

package/templates/next/src/app/utils/vicket/utils.ts

@@ -0,0 +1,49 @@
+/* ---------------------------------------------- */
+/*  Shared utility functions for Vicket pages     */
+/* ---------------------------------------------- */
+
+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;
+}