@adatechnology/conversations-ui 0.4.2 → 0.5.0

package/dist/chunk-MRVFFJEH.js

@@ -0,0 +1,64 @@
+// src/useDarkMode.ts
+import { useState, useEffect, useCallback } from "react";
+var STORAGE_KEY = "conversations-ui-dark-mode";
+function getInitialDark() {
+  if (typeof window === "undefined") return false;
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored !== null) {
+    return stored === "true";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function useIsDarkTheme() {
+  const [isDark, setIsDark] = useState(
+    () => typeof document !== "undefined" && document.documentElement.classList.contains("dark")
+  );
+  useEffect(() => {
+    const root = document.documentElement;
+    const observer = new MutationObserver(() => setIsDark(root.classList.contains("dark")));
+    observer.observe(root, { attributes: true, attributeFilter: ["class"] });
+    setIsDark(root.classList.contains("dark"));
+    return () => observer.disconnect();
+  }, []);
+  return isDark;
+}
+function useDarkMode() {
+  const [isDark, setIsDark] = useState(getInitialDark);
+  useEffect(() => {
+    const root = document.documentElement;
+    if (isDark) {
+      root.classList.add("dark");
+    } else {
+      root.classList.remove("dark");
+    }
+    localStorage.setItem(STORAGE_KEY, String(isDark));
+  }, [isDark]);
+  useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (event) => {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (stored === null) {
+        setIsDark(event.matches);
+      }
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  const toggle = useCallback(() => {
+    setIsDark((prev) => !prev);
+  }, []);
+  return { isDark, toggle };
+}
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn,
+  useIsDarkTheme,
+  useDarkMode
+};

package/dist/chunk-RJMSM3YA.js

@@ -0,0 +1,249 @@
+// src/lib/phone.ts
+function formatPhone(number) {
+  const digits = number.replace(/\D/g, "");
+  if (digits.length === 13) {
+    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 9)}-${digits.slice(9, 13)}`;
+  }
+  if (digits.length === 12) {
+    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 8)}-${digits.slice(8, 12)}`;
+  }
+  if (digits.length === 11) {
+    return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7, 11)}`;
+  }
+  if (digits.length === 10) {
+    return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
+  }
+  return number;
+}
+var COUNTRY_FLAG_BY_DIAL_CODE = {
+  "55": "\u{1F1E7}\u{1F1F7}",
+  "351": "\u{1F1F5}\u{1F1F9}",
+  "34": "\u{1F1EA}\u{1F1F8}",
+  "54": "\u{1F1E6}\u{1F1F7}",
+  "56": "\u{1F1E8}\u{1F1F1}",
+  "57": "\u{1F1E8}\u{1F1F4}",
+  "52": "\u{1F1F2}\u{1F1FD}",
+  "598": "\u{1F1FA}\u{1F1FE}",
+  "595": "\u{1F1F5}\u{1F1FE}",
+  "44": "\u{1F1EC}\u{1F1E7}",
+  "49": "\u{1F1E9}\u{1F1EA}",
+  "39": "\u{1F1EE}\u{1F1F9}",
+  "33": "\u{1F1EB}\u{1F1F7}"
+};
+function phoneCountryFlag(number) {
+  const digits = number.replace(/\D/g, "");
+  for (const length of [3, 2, 1]) {
+    const flag = COUNTRY_FLAG_BY_DIAL_CODE[digits.slice(0, length)];
+    if (flag) return flag;
+  }
+  return "";
+}
+function phoneInitials(number) {
+  const digits = number.replace(/\D/g, "");
+  return digits.slice(-2);
+}
+
+// src/conversationChannel.ts
+var CONVERSATION_CHANNEL = {
+  WHATSAPP: "whatsapp",
+  MESSENGER: "messenger",
+  INSTAGRAM: "instagram",
+  APP: "app",
+  PORTAL: "portal",
+  WEBCHAT: "webchat",
+  EMAIL: "email"
+};
+var DEFAULT_CONVERSATION_CHANNEL = CONVERSATION_CHANNEL.WHATSAPP;
+var REOPEN_MECHANISM = {
+  TEMPLATE: "template",
+  TAG: "tag",
+  NONE: "none"
+};
+var HANDLE_KIND = {
+  PHONE: "phone",
+  USERNAME: "username",
+  SESSION: "session",
+  EMAIL: "email"
+};
+var CHANNEL_CAPABILITIES = {
+  [CONVERSATION_CHANNEL.WHATSAPP]: {
+    label: "WhatsApp",
+    icon: "\u{1F4AC}",
+    reopenMechanism: REOPEN_MECHANISM.TEMPLATE,
+    handleKind: HANDLE_KIND.PHONE
+  },
+  [CONVERSATION_CHANNEL.MESSENGER]: {
+    // Messenger também tem 24h, mas reabre com message tag — não com template aprovado.
+    label: "Messenger",
+    icon: "\u{1F4E8}",
+    reopenMechanism: REOPEN_MECHANISM.TAG,
+    handleKind: HANDLE_KIND.USERNAME
+  },
+  [CONVERSATION_CHANNEL.INSTAGRAM]: {
+    label: "Instagram",
+    icon: "\u{1F4F7}",
+    reopenMechanism: REOPEN_MECHANISM.TAG,
+    handleKind: HANDLE_KIND.USERNAME
+  },
+  [CONVERSATION_CHANNEL.APP]: {
+    label: "App",
+    icon: "\u{1F4F1}",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.SESSION
+  },
+  [CONVERSATION_CHANNEL.PORTAL]: {
+    label: "Portal",
+    icon: "\u{1F517}",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.SESSION
+  },
+  [CONVERSATION_CHANNEL.WEBCHAT]: {
+    // Chat próprio: sem intermediário, sem janela. Bloquear o composer aqui seria inventar limite.
+    label: "Chat do site",
+    icon: "\u{1F310}",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.SESSION
+  },
+  [CONVERSATION_CHANNEL.EMAIL]: {
+    // RF10: e-mail entra no vocabulário; ele não reabre por template nem por tag — é só resposta.
+    label: "E-mail",
+    icon: "\u2709\uFE0F",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.EMAIL
+  }
+};
+function capabilitiesOf(channel) {
+  return CHANNEL_CAPABILITIES[channel ?? DEFAULT_CONVERSATION_CHANNEL];
+}
+var CHANNEL_FILTER_ALL = "all";
+function channelFiltersFor(conversations) {
+  const present = new Set(
+    conversations.map((conversation) => conversation.channel ?? DEFAULT_CONVERSATION_CHANNEL)
+  );
+  if (present.size < 2) return [];
+  const ordered = Object.keys(CHANNEL_CAPABILITIES).filter((channel) => present.has(channel));
+  return [
+    { value: CHANNEL_FILTER_ALL, label: "Todos" },
+    ...ordered.map((channel) => ({ value: channel, label: CHANNEL_CAPABILITIES[channel].label }))
+  ];
+}
+function formatContactHandle(params) {
+  const { handleKind } = capabilitiesOf(params.channel);
+  if (handleKind === HANDLE_KIND.PHONE) return formatPhone(params.handle);
+  if (handleKind === HANDLE_KIND.USERNAME) return params.handle.startsWith("@") ? params.handle : `@${params.handle}`;
+  if (handleKind === HANDLE_KIND.EMAIL) return params.handle;
+  return `Visitante ${params.handle.slice(-6)}`;
+}
+function contactFlag(params) {
+  return capabilitiesOf(params.channel).handleKind === HANDLE_KIND.PHONE ? phoneCountryFlag(params.handle) : "";
+}
+
+// src/channelCapability.ts
+import {
+  CHANNEL_CAPABILITIES as CORE_CHANNEL_CAPABILITIES,
+  CONVERSATION_CHANNEL as CORE_CONVERSATION_CHANNEL
+} from "@adatechnology/conversation-contracts";
+var CORE_CHANNELS = CORE_CONVERSATION_CHANNEL;
+function isCoreChannel(channel) {
+  return CORE_CHANNELS.includes(channel);
+}
+var META_ONLY_CHANNEL_CAPABILITY = CORE_CHANNEL_CAPABILITIES.whatsapp;
+function channelCapabilityFor(channel) {
+  const resolved = channel ?? DEFAULT_CONVERSATION_CHANNEL;
+  return isCoreChannel(resolved) ? CORE_CHANNEL_CAPABILITIES[resolved] : META_ONLY_CHANNEL_CAPABILITY;
+}
+
+// src/StatusTicks.tsx
+import { AlertTriangle, Clock } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_MODIFIER = {
+  queued: "queued",
+  sent: "sent",
+  delivered: "delivered",
+  read: "read",
+  failed: "failed",
+  bounced: "failed"
+};
+var QUEUED_LABEL = "Queued";
+function Ticks({ double }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 12", width: "15", height: "9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    double && /* @__PURE__ */ jsx("path", { d: "M1 6.5L4.5 10L11 2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: double ? "M6 6.5L9.5 10L19 1" : "M1 6.5L5 10.5L14.5 1",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function StatusIcon({ modifier }) {
+  if (modifier === "failed") return /* @__PURE__ */ jsx(AlertTriangle, { size: 11 });
+  if (modifier === "queued") return /* @__PURE__ */ jsx(Clock, { size: 11 });
+  return /* @__PURE__ */ jsx(Ticks, { double: modifier !== "sent" });
+}
+function StatusTicks({ status, title }) {
+  const modifier = STATUS_MODIFIER[status] ?? "sent";
+  const ariaLabel = modifier === "queued" ? QUEUED_LABEL : void 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `cv-status-ticks cv-status-ticks--${modifier}`,
+      "data-cv-tooltip": title ?? ariaLabel,
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ jsx(StatusIcon, { modifier })
+    }
+  );
+}
+
+// src/lib/format.ts
+function formatTimestamp(timestamp) {
+  try {
+    const date = new Date(timestamp);
+    const hours = date.getHours().toString().padStart(2, "0");
+    const minutes = date.getMinutes().toString().padStart(2, "0");
+    return `${hours}:${minutes}`;
+  } catch {
+    return timestamp;
+  }
+}
+function formatDateTime(iso) {
+  const d = new Date(iso);
+  return d.toLocaleString("pt-BR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+var FILE_SIZE_UNITS = ["B", "KB", "MB", "GB"];
+function formatFileSize(bytes) {
+  if (!isFinite(bytes) || bytes < 0) return "";
+  if (bytes < 1) return "0 B";
+  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), FILE_SIZE_UNITS.length - 1);
+  const value = bytes / 1024 ** exponent;
+  const formatted = exponent === 0 ? value.toString() : value.toFixed(value < 10 ? 1 : 0);
+  return `${formatted} ${FILE_SIZE_UNITS[exponent]}`;
+}
+
+export {
+  formatPhone,
+  phoneInitials,
+  CONVERSATION_CHANNEL,
+  DEFAULT_CONVERSATION_CHANNEL,
+  REOPEN_MECHANISM,
+  HANDLE_KIND,
+  CHANNEL_CAPABILITIES,
+  capabilitiesOf,
+  CHANNEL_FILTER_ALL,
+  channelFiltersFor,
+  formatContactHandle,
+  contactFlag,
+  channelCapabilityFor,
+  StatusTicks,
+  formatTimestamp,
+  formatDateTime,
+  isSameDay,
+  formatFileSize
+};

package/dist/chunk-WSFGNR5R.js

@@ -0,0 +1,55 @@
+import {
+  parseWhatsAppFormatting
+} from "./chunk-CBYEHPX6.js";
+
+// src/MessageText.tsx
+import { useCallback, useState } from "react";
+
+// src/theme.ts
+var CHAT_TEXT_PRIMARY_CLASS = "text-[#111b21] dark:text-[#e9edef]";
+var CHAT_TEXT_SECONDARY_CLASS = "text-[#667781] dark:text-[#8696a0]";
+
+// src/MessageTextCopiedBadge.tsx
+import { jsx } from "react/jsx-runtime";
+function MessageTextCopiedBadge({ label = "Copied" }) {
+  return /* @__PURE__ */ jsx("span", { className: "cv-message-text__copied", children: label });
+}
+
+// src/MessageText.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function MessageText({ message, copyOnClick = true, copiedLabel }) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    if (!copyOnClick || !message.content) return;
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }, [copyOnClick, message.content]);
+  const handleKeyDown = (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    void handleCopy();
+  };
+  if (message.type === "template")
+    return /* @__PURE__ */ jsx2("p", { className: `text-sm italic ${CHAT_TEXT_SECONDARY_CLASS}`, children: message.content ?? "Template message" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: copyOnClick ? "cv-message-text cv-message-text--copyable" : "cv-message-text",
+      ...copyOnClick ? { role: "button", tabIndex: 0, onClick: handleCopy, onKeyDown: handleKeyDown } : {},
+      children: [
+        /* @__PURE__ */ jsx2("div", { children: parseWhatsAppFormatting(message.content ?? "") }),
+        copied && /* @__PURE__ */ jsx2(MessageTextCopiedBadge, { label: copiedLabel })
+      ]
+    }
+  );
+}
+
+export {
+  CHAT_TEXT_PRIMARY_CLASS,
+  CHAT_TEXT_SECONDARY_CLASS,
+  MessageText
+};

package/dist/flows/index.js

@@ -1,11 +1,13 @@
 import {
   TooltipLayer,
   WhatsAppMessagePreview
-} from "../chunk-HMCOTZAX.js";
+} from "../chunk-HOKNKXIT.js";
 import {
-  parseWhatsAppFormatting,
   useIsDarkTheme
-} from "../chunk-PJNR6UMN.js";
+} from "../chunk-MRVFFJEH.js";
+import {
+  parseWhatsAppFormatting
+} from "../chunk-CBYEHPX6.js";
 
 // src/flows/FlowNodeCard.tsx
 import { useState } from "react";

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import * as react from 'react';
 import react__default, { ReactNode, CSSProperties, UIEvent, FormEvent, RefObject, KeyboardEvent } from 'react';
-import { M as MessagePayload, R as ResolveMediaUrl, U as InteractiveSelection, V as MessageTranscription, W as ConversationChannel, X as InteractivePayload, Y as ConversationsFeatures, Z as QuickReply$1, C as ConversationSummary, L as ListConversationsParams, b as ConversationsApi, S as SSEProvider, _ as TranscriptionMode, $ as ListDocumentsParams, d as ConversationDocument, a0 as ConversationTemplate, a1 as QueuedAttachment, a2 as QuickReplyInput, a3 as QuickReplyAttachment, a4 as ConversationVariable, a5 as ChannelFilter, a6 as ChannelFilterOption, k as ConversationSimulatorClient, m as ConversationSimulatorPanelLabels, P as PreviewUploadedMedia } from './ConversationSimulatorPanel-DnXElfY8.js';
-export { A as AudioRecorderButton, g as AudioRecorderButtonLabels, h as AudioRecorderButtonProps, a7 as CHANNEL_CAPABILITIES, a8 as CHANNEL_FILTER_ALL, a9 as CONVERSATION_CHANNEL, aa as ChannelCapabilities, ab as CompanyDocument, ac as CompanyDocumentPage, ad as ConversationDocumentPage, a as ConversationEventSource, c as ConversationPage, ae as ConversationsTheme, af as ConversationsUIConfig, D as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, ag as DEFAULT_CONVERSATION_CHANNEL, ah as DEFAULT_MAX_RECORDING_MILLISECONDS, ai as FormatContactHandleParams, aj as HANDLE_KIND, ak as HandleKind, al as InteractiveOption, am as InteractiveSection, an as MediaRenderer, ao as MediaRendererProps, ap as QUICK_REPLY_ATTACHMENT_LIMIT, aq as REOPEN_MECHANISM, ar as ReopenMechanism, y as SendSimulatorMediaParams, z as SimulatorMediaKind, as as StoredAttachmentSendResult, at as TranscriptionStatus, au as capabilitiesOf, av as channelFiltersFor, aw as contactFlag, ax as formatContactHandle } from './ConversationSimulatorPanel-DnXElfY8.js';
+import { M as MessagePayload, I as InteractiveSelection, b as MessageTranscription, C as ConversationChannel, e as InteractivePayload, f as ConversationsFeatures, Q as QuickReply$1, T as TranscriptionMode, g as QueuedAttachment, c as QuickReplyInput, d as QuickReplyAttachment, h as ConversationVariable, i as ChannelFilter, j as ChannelFilterOption } from './quickReply.types-B4gmZsSr.js';
+export { k as CHANNEL_CAPABILITIES, l as CHANNEL_FILTER_ALL, m as CONVERSATION_CHANNEL, n as ChannelCapabilities, a as ConversationsTheme, o as ConversationsUIConfig, D as DEFAULT_CONVERSATION_CHANNEL, F as FormatContactHandleParams, H as HANDLE_KIND, p as HandleKind, q as InteractiveOption, r as InteractiveSection, s as QUICK_REPLY_ATTACHMENT_LIMIT, R as REOPEN_MECHANISM, t as ReopenMechanism, S as StoredAttachmentSendResult, u as TranscriptionStatus, v as capabilitiesOf, w as channelFiltersFor, x as contactFlag, y as formatContactHandle } from './quickReply.types-B4gmZsSr.js';
+import { R as ResolveMediaUrl, C as ConversationSummary, L as ListConversationsParams, b as ConversationsApi, S as SSEProvider, Q as ListDocumentsParams, d as ConversationDocument, U as ConversationTemplate, k as ConversationSimulatorClient, m as ConversationSimulatorPanelLabels, P as PreviewUploadedMedia } from './ConversationSimulatorPanel-CrfFjiWh.js';
+export { A as AudioRecorderButton, g as AudioRecorderButtonLabels, h as AudioRecorderButtonProps, V as CompanyDocument, W as CompanyDocumentPage, X as ConversationDocumentPage, a as ConversationEventSource, c as ConversationPage, D as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, Y as DEFAULT_MAX_RECORDING_MILLISECONDS, Z as MediaRenderer, _ as MediaRendererProps, y as SendSimulatorMediaParams, z as SimulatorMediaKind } from './ConversationSimulatorPanel-CrfFjiWh.js';
 import { ChannelCapability } from '@adatechnology/conversation-contracts';
 export { ChannelCapability } from '@adatechnology/conversation-contracts';
 import '@adatechnology/meta-whatsapp-contracts/testing';
@@ -627,8 +629,12 @@ declare function FileIcon({ filename, mimeType, size, className }: FileIconProps
 
 interface MessageTextProps {
     message: MessagePayload;
+    /** Defaults to true (tap copies the text, as in 0.3.1); false disables copying and its button semantics. */
+    copyOnClick?: boolean;
+    /** Text of the badge shown after copying; absent means the package default ("Copied"). */
+    copiedLabel?: string;
 }
-declare function MessageText({ message }: MessageTextProps): react.JSX.Element;
+declare function MessageText({ message, copyOnClick, copiedLabel }: MessageTextProps): react.JSX.Element;
 
 interface MessageTimestampProps {
     timestamp: string;