@tugitark/vue-widget 1.2.0 → 1.3.0

package/index.d.ts

@@ -0,0 +1,59 @@
+import { type Props } from '@tugitark/declarative-widget';
+import type { PropType } from 'vue';
+type Sections = NonNullable<Props['sections']>;
+type Customise = NonNullable<Props['customize']>;
+declare const _default: {
+    data(): {
+        firstTime_: boolean;
+        props_: {};
+    };
+    props: {
+        user: StringConstructor;
+        jwtFn: FunctionConstructor;
+        tenantId: StringConstructor;
+        brandId: StringConstructor;
+        brandName: StringConstructor;
+        language: StringConstructor;
+        customize: PropType<Customise>;
+        httpUrl: StringConstructor;
+        wsUrl: StringConstructor;
+        chatDisabledReason: StringConstructor;
+        title: StringConstructor;
+        body: StringConstructor;
+        sections: PropType<Sections>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onNotification: PropType<(hasNotification: boolean) => void>;
+        onReady: PropType<() => void>;
+        onOpened: PropType<() => void>;
+        onClosed: PropType<() => void>;
+        onError: PropType<(e: any) => void>;
+        proactiveMessage: StringConstructor;
+        proactiveContext: StringConstructor;
+        ticketLanguageCode: StringConstructor;
+    };
+    methods: {
+        onNotification_(hasNotification: any): void;
+        onReady_(): void;
+        onOpened_(): void;
+        onClosed_(): void;
+        onError_(e: any): void;
+    };
+    watc(): void;
+    watch: {
+        $props: {
+            handler(props: any): void;
+            deep: boolean;
+            immediate: boolean;
+        };
+    };
+    render(): any;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,92 +1,88 @@
-// Copyright (c) 2026, TugiTark.  All rights reserved.
-
-import render from '@tugitark/declarative-widget';
-
-// Weirdly, this way of declaring a `vue` component has absolutly no dependencies on `vue`...
-export default {
-	data() {
-		return {
-			firstTime_: true,
-			props_: {},
-			props_: {},
-		};
-	},
-	props: {
-		// Full props.
-		user: [String, null],
-		jwtFn: Function,
-		tenantId: String,
-		brandId: String,
-		brandName: String,
-		language: String,
-		customize: Object,
-		httpUrl: String,
-		wsUrl: String,
-		// Free props.
-		chatDisabledReason: String,
-		title: String,
-		body: String,
-		sections: Array,
-		// Display props.
-		open: {
-			type: Boolean,
-			default: undefined,
-		},
-		visible: {
-			type: Boolean,
-			default: undefined,
-		},
-		onNotification: Function,
-		onReady: Function,
-		onOpened: Function,
-		onClosed: Function,
-		onError: Function,
-		// Two of these are required to open a message.
-		proactiveMessage: String,
-		proactiveContext: String,
-		ticketLanguageCode: String,
-	},
-	methods: {
-		onNotification_(hasNotification) {
-			if (this.jwtFn == null && this.user == null) {
-				if (!this.firstTime_) {
-					// Replicate FAQ internal behaviour at a per-component level.
-					return;
-				}
-			}
-			this.onNotification && this.onNotification(hasNotification);
-		},
-		onReady_() {
-			if (this.firstTime_) {
-				this.firstTime_ = false;
-				this.onReady && this.onReady();
-			}
-		},
-		onOpened_() { this.onOpened && this.onOpened(); },
-		onClosed_() { this.onClosed && this.onClosed(); },
-		onError_(e) { this.onError && this.onError(e); },
-	},
-	watc() {
-		return render(this.props_);
-	},
-	watch: {
-		$props: {
-			handler(props) {
-				render({
-					...props,
-					onNotification: this.onNotification_,
-					onReady: this.onReady_,
-					onOpened: this.onOpened_,
-					onClosed: this.onClosed_,
-					onError: this.onError_,
-				});
-			},
-			deep: true,
-			immediate: true,
-		},
-	},
-	render() {
-		return null;
-	},
-};
-
+// Copyright (c) 2026, TugiTark.  All rights reserved.
+import render from '@tugitark/declarative-widget';
+// Weirdly, this way of declaring a `vue` component has absolutly no dependencies on `vue`...
+export default {
+    data() {
+        return {
+            firstTime_: true,
+            props_: {},
+        };
+    },
+    props: {
+        // Full props.
+        user: String,
+        jwtFn: Function,
+        tenantId: String,
+        brandId: String,
+        brandName: String,
+        language: String,
+        customize: Object,
+        httpUrl: String,
+        wsUrl: String,
+        // Free props.
+        chatDisabledReason: String,
+        title: String,
+        body: String,
+        sections: Array,
+        // Display props.
+        open: {
+            type: Boolean,
+            default: undefined,
+        },
+        visible: {
+            type: Boolean,
+            default: undefined,
+        },
+        onNotification: Function,
+        onReady: Function,
+        onOpened: Function,
+        onClosed: Function,
+        onError: Function,
+        // Two of these are required to open a message.
+        proactiveMessage: String,
+        proactiveContext: String,
+        ticketLanguageCode: String,
+    },
+    methods: {
+        onNotification_(hasNotification) {
+            if (this.jwtFn == null && this.user == null) {
+                if (!this.firstTime_) {
+                    // Replicate FAQ internal behaviour at a per-component level.
+                    return;
+                }
+            }
+            this.onNotification && this.onNotification(hasNotification);
+        },
+        onReady_() {
+            if (this.firstTime_) {
+                this.firstTime_ = false;
+                this.onReady && this.onReady();
+            }
+        },
+        onOpened_() { this.onOpened && this.onOpened(); },
+        onClosed_() { this.onClosed && this.onClosed(); },
+        onError_(e) { this.onError && this.onError(e); },
+    },
+    watc() {
+        return render(this.props_);
+    },
+    watch: {
+        $props: {
+            handler(props) {
+                render({
+                    ...props,
+                    onNotification: this.onNotification_,
+                    onReady: this.onReady_,
+                    onOpened: this.onOpened_,
+                    onClosed: this.onClosed_,
+                    onError: this.onError_,
+                });
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
+    render() {
+        return null;
+    },
+};

package/package.json

@@ -1,11 +1,14 @@
 {
 	"name": "@tugitark/vue-widget",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "Wraps the tugitark widget in a Vue component.",
 	"scripts": {
-		"release": "npm publish --access public"
+		"build": "npx tsc --noErrorTruncation --esModuleInterop --resolveJsonModule --module esnext --moduleResolution bundler --rewriteRelativeImportExtensions --forceConsistentCasingInFileNames false --declaration --declarationMap --target es2022 --outDir . index.ts",
+		"release": "npm publish --access public",
+		"prerelease": "npm run build"
 	},
 	"files": [
+		"index.d.ts",
 		"index.js",
 		"index.md"
 	],
@@ -15,6 +18,10 @@
 	"peerDependencies": {
 		"vue": ">=0.0.0"
 	},
+	"devDependencies": {
+		"vue": "^3.0.0",
+		"vue-tsc": "^3.2.2"
+	},
 	"keywords": [
 		"Typescript",
 		"Vue",