@volorio/chat-uikit 0.2.0

package/README.md

@@ -0,0 +1,3 @@
+# @volorio/chat-uikit
+
+React UI helper models for Volorio chat applications.

package/dist/src/index.d.ts

@@ -0,0 +1,36 @@
+import type { VolorioChatAttachment, VolorioChatClient, VolorioChatMessage, VolorioChatModerationAction, VolorioChatServiceClient, VolorioConversationRole } from "@volorio/chat";
+export interface VolorioChatUIKitModel {
+    messages: VolorioChatMessage[];
+    send: (text: string) => Promise<void>;
+    sendRichMessage: (input: {
+        text?: string;
+        attachments?: VolorioChatAttachment[];
+        replyToMessageId?: string;
+    }) => Promise<void>;
+}
+export declare function createVolorioChatUIKitModel(input: {
+    chat: VolorioChatClient;
+    conversationId: string;
+    senderId: string;
+    messages?: VolorioChatMessage[];
+}): VolorioChatUIKitModel;
+export interface VolorioChatProductConsoleModel {
+    reactions: string[];
+    attachmentActions: Array<{
+        type: VolorioChatAttachment["type"];
+        label: string;
+        accepts?: string;
+    }>;
+    roleActions: VolorioConversationRole[];
+    moderationActions: VolorioChatModerationAction[];
+    quickDurationsSeconds: Array<{
+        label: string;
+        value?: number;
+    }>;
+    react: (conversationId: string, messageId: string, actorId: string, emoji: string) => Promise<unknown>;
+    setRole: (conversationId: string, actorId: string, identity: string, role: VolorioConversationRole) => Promise<unknown>;
+    moderate: (conversationId: string, actorId: string, targetIdentity: string, action: VolorioChatModerationAction, reason: string, durationSeconds?: number) => Promise<unknown>;
+}
+export declare function createVolorioChatProductConsoleModel(input: {
+    service: VolorioChatServiceClient;
+}): VolorioChatProductConsoleModel;

package/dist/src/index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVolorioChatUIKitModel = createVolorioChatUIKitModel;
+exports.createVolorioChatProductConsoleModel = createVolorioChatProductConsoleModel;
+function createVolorioChatUIKitModel(input) {
+    return {
+        messages: input.messages ?? [],
+        send: (text) => input.chat.sendMessage({ conversationId: input.conversationId, senderId: input.senderId, text }),
+        sendRichMessage: (message) => input.chat.sendMessage({ conversationId: input.conversationId, senderId: input.senderId, ...message }),
+    };
+}
+function createVolorioChatProductConsoleModel(input) {
+    return {
+        reactions: ["👍", "❤️", "😂", "😮", "😢", "🙏"],
+        attachmentActions: [
+            { type: "image", label: "Photo", accepts: "image/*" },
+            { type: "video", label: "Video", accepts: "video/*" },
+            { type: "gif", label: "GIF", accepts: "image/gif" },
+            { type: "file", label: "File" },
+            { type: "location", label: "Location" },
+            { type: "contact", label: "Contact" },
+        ],
+        roleActions: ["owner", "admin", "moderator", "member"],
+        moderationActions: ["mute", "kick", "ban"],
+        quickDurationsSeconds: [
+            { label: "15m", value: 900 },
+            { label: "1h", value: 3600 },
+            { label: "24h", value: 86_400 },
+            { label: "Forever" },
+        ],
+        react: (conversationId, messageId, actorId, emoji) => input.service.reactToMessage(conversationId, messageId, { actorId, emoji }),
+        setRole: (conversationId, actorId, identity, role) => input.service.setMemberRole(conversationId, { actorId, identity, role }),
+        moderate: (conversationId, actorId, targetIdentity, action, reason, durationSeconds) => input.service.applyModerationAction(conversationId, { actorId, targetIdentity, action, reason, durationSeconds }),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;AAQA,kEAWC;AAaD,oFAuBC;AA/CD,SAAgB,2BAA2B,CAAC,KAK3C;IACC,OAAO;QACL,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE;QAC9B,IAAI,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;QACxH,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;KACrI,CAAC;AACJ,CAAC;AAaD,SAAgB,oCAAoC,CAAC,KAA4C;IAC/F,OAAO;QACL,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QAC/C,iBAAiB,EAAE;YACjB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YACrD,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YACrD,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE;YACnD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACvC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACtC;QACD,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC;QACtD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;QAC1C,qBAAqB,EAAE;YACrB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;YAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;YAC5B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE;SACrB;QACD,KAAK,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACjI,OAAO,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC9H,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;KAC1M,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@volorio/chat-uikit",
+  "version": "0.2.0",
+  "private": false,
+  "description": "React UI helpers for Volorio chat.",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    }
+  },
+  "files": ["dist/src", "README.md"],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "test": "pnpm build",
+    "pack:local": "pnpm build && npm pack --pack-destination dist"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "dependencies": {
+    "@volorio/chat": "^0.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.79",
+    "react": "^18.2.0"
+  }
+}