@octane-xplat/ui 0.7.3 → 0.10.0

package/dist/native/ChatMessageMetadata.tsrx.js

@@ -0,0 +1,144 @@
+import { cx } from "./cx.js";
+import { Icon } from "./Icon.tsrx.js";
+import { useChatMessageContext } from "./chat-context.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, withSlot } from "@nativescript-community/octane";
+//#region src/ChatMessageMetadata.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-chatmeta-part" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": {
+		"className": "vx-chatmeta-sep",
+		"text": "·"
+	}
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-chatmeta-part" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": {
+		"className": "vx-chatmeta-sep",
+		"text": "·"
+	}
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"alignItems": "center"
+	},
+	"bindings": [["className", 0], ["accessibilityLabel", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}, {
+		"kind": "host",
+		"type": "label",
+		"props": { "className": "vx-chatmeta-status-text" },
+		"bindings": [["text", 3]]
+	}]
+});
+var __octaneUniversalPlan5 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"alignItems": "center"
+	},
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["justifyContent", 3]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 4
+		},
+		{
+			"kind": "slot",
+			"slot": 5
+		},
+		{
+			"kind": "slot",
+			"slot": 6
+		},
+		{
+			"kind": "slot",
+			"slot": 7
+		},
+		{
+			"kind": "slot",
+			"slot": 8
+		}
+	]
+});
+var STATUS_ICON = {
+	sending: "xplat-clock",
+	sent: "xplat-check",
+	delivered: "xplat-check-double",
+	read: "xplat-check-double",
+	error: "xplat-error"
+};
+var STATUS_LABEL = {
+	sending: "Sending",
+	sent: "Sent",
+	delivered: "Delivered",
+	read: "Read",
+	error: "Failed"
+};
+var renderable = (v) => v != null && v !== false && v !== true;
+var ChatMessageMetadata = defineUniversalComponent("nativescript", function ChatMessageMetadata(props) {
+	const sender = withSlot(_h$0, useChatMessageContext)?.sender ?? "assistant";
+	const hasTimestamp = renderable(props.timestamp);
+	const hasFooter = renderable(props.footer);
+	const hasStatus = props.status != null;
+	if (!hasTimestamp && !hasFooter && !hasStatus) return null;
+	const status = props.status;
+	const isUser = sender === "user";
+	return universalValue(__octaneUniversalPlan5, [
+		props.id,
+		cx("vx-chatmeta", isUser && "vx-chatmeta--user", props.className),
+		props.style,
+		isUser ? "flex-end" : "flex-start",
+		hasTimestamp ? universalValue(__octaneUniversalPlan0, [props.timestamp]) : null,
+		hasTimestamp && (hasFooter || hasStatus) ? universalValue(__octaneUniversalPlan1, []) : null,
+		hasFooter ? universalValue(__octaneUniversalPlan2, [props.footer]) : null,
+		hasFooter && hasStatus ? universalValue(__octaneUniversalPlan3, []) : null,
+		hasStatus ? universalValue(__octaneUniversalPlan4, [
+			cx("vx-chatmeta-status", `vx-chatmeta-status--${status}`),
+			`Message ${STATUS_LABEL[status].toLowerCase()}`,
+			universalComponent("nativescript", Icon, universalProps([[
+				"set",
+				"name",
+				STATUS_ICON[status]
+			], [
+				"set",
+				"size",
+				12
+			]])),
+			STATUS_LABEL[status]
+		]) : null
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ChatMessageMetadata };

package/dist/native/ChatSendButton.tsrx.js

@@ -0,0 +1,87 @@
+import { cx } from "./cx.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { Icon } from "./Icon.tsrx.js";
+import { useChatComposerContext } from "./chat-context.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, withSlot } from "@nativescript-community/octane";
+//#region src/ChatSendButton.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var ChatSendButton = defineUniversalComponent("nativescript", function ChatSendButton(props) {
+	const ctx = withSlot(_h$0, useChatComposerContext);
+	const isStopShown = props.isStopShown ?? ctx?.isStopShown ?? false;
+	const isDisabled = props.isDisabled ?? !(ctx?.canSend ?? false);
+	const onStop = props.onStop ?? ctx?.onStop;
+	const size = props.size ?? "md";
+	const activate = () => {
+		if (isStopShown) onStop?.();
+		else if (props.onSend) props.onSend();
+		else ctx?.onSubmit(ctx.value);
+		props.onPress?.();
+	};
+	return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", Pressable, universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			cx("vx-chatsend", `vx-chatsend--${size}`, isStopShown ? "vx-chatsend--stop" : "vx-chatsend--send", props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"accessibilityRole",
+			"button"
+		],
+		[
+			"set",
+			"accessibilityLabel",
+			isStopShown ? "Stop" : "Send"
+		],
+		[
+			"set",
+			"disabled",
+			!isStopShown && isDisabled
+		],
+		[
+			"set",
+			"onPress",
+			activate
+		]
+	], isStopShown ? props.stopIcon ?? universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Icon, universalProps([[
+		"set",
+		"name",
+		"xplat-stop"
+	], [
+		"set",
+		"size",
+		size === "sm" ? 14 : 16
+	]]))]) : props.sendIcon ?? universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Icon, universalProps([[
+		"set",
+		"name",
+		"xplat-send"
+	], [
+		"set",
+		"size",
+		size === "sm" ? 14 : 16
+	]]))])))]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ChatSendButton };

package/dist/native/ChatSystemMessage.tsrx.js

@@ -0,0 +1,103 @@
+import { cx } from "./cx.js";
+import { Separator } from "./Separator.tsrx.js";
+import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/ChatSystemMessage.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"alignItems": "center",
+		"justifyContent": "center"
+	},
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 3
+		},
+		{
+			"kind": "host",
+			"type": "flexboxlayout",
+			"props": { "className": "vx-chatsys-content" },
+			"children": [{
+				"kind": "slot",
+				"slot": 4
+			}]
+		},
+		{
+			"kind": "slot",
+			"slot": 5
+		}
+	]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-chatsys-icon" },
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"alignItems": "center",
+		"justifyContent": "center"
+	},
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": {
+			"className": "vx-chatsys-content",
+			"flexDirection": "row",
+			"alignItems": "center"
+		},
+		"children": [{
+			"kind": "slot",
+			"slot": 3
+		}, {
+			"kind": "slot",
+			"slot": 4
+		}]
+	}]
+});
+var ChatSystemMessage = defineUniversalComponent("nativescript", function ChatSystemMessage(props) {
+	if (props.variant === "divider") return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx("vx-chatsys", "vx-chatsys--divider", props.className),
+		props.style,
+		universalComponent("nativescript", Separator, universalProps([[
+			"set",
+			"className",
+			"vx-chatsys-rule"
+		]])),
+		props.children,
+		universalComponent("nativescript", Separator, universalProps([[
+			"set",
+			"className",
+			"vx-chatsys-rule"
+		]]))
+	]);
+	return universalValue(__octaneUniversalPlan2, [
+		props.id,
+		cx("vx-chatsys", props.className),
+		props.style,
+		props.icon != null ? universalValue(__octaneUniversalPlan1, [props.icon]) : null,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ChatSystemMessage };

package/dist/native/ChatTokenizedText.tsrx.js

@@ -0,0 +1,72 @@
+import { cx } from "./cx.js";
+import { ChatTokenChip } from "./chat-tokens.tsrx.js";
+import { tokenizeChatText } from "./chat-tokenize.js";
+import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/ChatTokenizedText.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"flexWrap": "wrap"
+	},
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "label",
+		"bindings": [["text", 3]]
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "textWrap": true },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": {
+		"flexDirection": "row",
+		"flexWrap": "wrap",
+		"alignItems": "center"
+	},
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 3
+	}]
+});
+var ChatTokenizedText = defineUniversalComponent("nativescript", function ChatTokenizedText(props) {
+	const text = props.children ?? "";
+	if (!text || !props.tokens || props.tokens.length === 0) return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx("vx-chattext", props.className),
+		props.style,
+		text
+	]);
+	return universalValue(__octaneUniversalPlan3, [
+		props.id,
+		cx("vx-chattext", props.className),
+		props.style,
+		tokenizeChatText(text, props.tokens).map((part) => part.kind === "token" ? universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", ChatTokenChip, universalProps([[
+			"set",
+			"token",
+			part.token
+		]]))]) : universalValue(__octaneUniversalPlan2, [part.text]))
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ChatTokenizedText };