@inploi/plugin-chatbot 1.0.0 → 1.0.1

package/.env

@@ -0,0 +1,3 @@
+VITE_BASE_URL='https://preview.api.inploi.com'
+VITE_PUBLISHABLE_KEY='pk_edce29b92c2773898c482851'
+VITE_MOCKS=true

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @inploi/plugin-chatbot
 
+## 1.0.1
+
+### Patch Changes
+
+- e9c1677: (Following 1.0) rewrite exports to new plugin format
+- Updated dependencies [d0f1d33]
+  - @inploi/sdk@1.0.1
+
 ## 1.0.0
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",
@@ -42,7 +42,7 @@
     "typescript": "^5.1.6",
     "vite": "^4.4.5",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/sdk": "1.0.0",
+    "@inploi/sdk": "1.0.1",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0"
   },

package/src/chatbot.dom.ts

@@ -1,9 +1,5 @@
 import { CHATBOT_ELEMENT_ID } from './chatbot.constants';
 
-function assertElementExists(chatbotElement: HTMLDivElement | null): asserts chatbotElement is HTMLDivElement {
-	if (!chatbotElement) throw new Error('Chatbot element not found');
-}
-
 export const overlayClassNames =
 	'data-[transition=entering]:opacity-0 data-[transition=exiting]:opacity-0 ease-expo-out duration-500 transition-opacity bg-neutral-12/60 fixed inset-0';
 

package/src/chatbot.ts

@@ -1,4 +1,4 @@
-import { ApiClient, Logger, createPlugin } from '@inploi/sdk';
+import { createPlugin } from '@inploi/sdk';
 import { h, render } from 'preact';
 
 import { getApplicationData } from './chatbot.api';
@@ -6,72 +6,65 @@ import './chatbot.css';
 import { ChatbotDomManager, createChatbotDomManager } from './chatbot.dom';
 import { useChatbotStore, useLocalState } from './chatbot.state';
 
-type CreateChatbotActionsParams = {
-	apiClient: ApiClient;
-	dom: ChatbotDomManager;
-	logger?: Logger;
-};
-const createChatbotActions = ({ apiClient, dom, logger }: CreateChatbotActionsParams) => {
-	const { resetLocalState } = useLocalState.getState();
-	const { startApplication, cancelCurrentApplication } = useChatbotStore.getState();
+export const chatbotPlugin = ({
+	_internal_domManager: dom = createChatbotDomManager(),
+	geolocationApiKey,
+}: {
+	geolocationApiKey?: string;
+	_internal_domManager?: ChatbotDomManager;
+}) =>
+	createPlugin(({ apiClient, logger }) => {
+		const { resetLocalState } = useLocalState.getState();
+		const { startApplication, cancelCurrentApplication } = useChatbotStore.getState();
 
-	return {
-		/** Optionally eagerly loads the code to handle applications. */
-		prepare: async () => {
-			try {
-				await import('~/ui/chatbot');
-				logger?.info('Chatbot plugin prepared');
-			} catch (error) {
-				console.error(error);
-				logger?.error('Error preparing chatbot plugin', error);
-			}
-		},
-		startApplication: async ({ jobId }: { jobId: string }) => {
-			try {
-				const chatbotElement = dom.getOrCreateChatbotElement();
-				cancelCurrentApplication();
+		return {
+			/** Optionally eagerly loads the code to handle applications. */
+			prepare: async () => {
+				try {
+					await import('~/ui/chatbot');
+					logger?.info('Chatbot plugin prepared');
+				} catch (error) {
+					console.error(error);
+					logger?.error('Error preparing chatbot plugin', error);
+				}
+			},
+			startApplication: async ({ jobId }: { jobId: string }) => {
+				try {
+					const chatbotElement = dom.getOrCreateChatbotElement();
+					cancelCurrentApplication();
 
-				dom.renderLoading(chatbotElement);
+					dom.renderLoading(chatbotElement);
 
-				/** We concurrently lazy load the module and data */
-				const [dataPromise, chatbotPromise] = await Promise.allSettled([
-					getApplicationData({ jobId, apiClient }),
-					import('~/ui/chatbot').then(m => m.Chatbot),
-				]);
+					/** We concurrently lazy load the module and data */
+					const [dataPromise, chatbotPromise] = await Promise.allSettled([
+						getApplicationData({ jobId, apiClient }),
+						import('~/ui/chatbot').then(m => m.Chatbot),
+					]);
 
-				if (dataPromise.status === 'rejected') throw dataPromise.reason;
-				if (chatbotPromise.status === 'rejected') throw chatbotPromise.reason;
-
-				const Chatbot = chatbotPromise.value;
-				const application = dataPromise.value;
-				startApplication(application);
-				logger?.info(`Starting application for job "${application.job.id}" using flow "${application.flow.id}"`);
-				chatbotElement.innerHTML = '';
+					if (dataPromise.status === 'rejected') throw dataPromise.reason;
+					if (chatbotPromise.status === 'rejected') throw chatbotPromise.reason;
 
-				render(h(Chatbot, { apiClient, logger }), chatbotElement);
-			} catch (error) {
-				console.error(error);
-				logger?.error('Error starting application', error);
-			}
-		},
-		closeApplication: async () => {
-			const chatbotElement = dom.getOrCreateChatbotElement();
-			chatbotElement.innerHTML = '';
-			cancelCurrentApplication();
-		},
-		/** Resets the user saved data for every application. */
-		resetLocalState: async () => {
-			resetLocalState();
-			cancelCurrentApplication();
-		},
-	};
-};
+					const Chatbot = chatbotPromise.value;
+					const application = dataPromise.value;
+					startApplication(application);
+					logger?.info(`Starting application for job "${application.job.id}" using flow "${application.flow.id}"`);
+					chatbotElement.innerHTML = '';
 
-export const chatbotPlugin = createPlugin('chatbot', {
-	pure_createActions: ({ apiClient, logger }) =>
-		createChatbotActions({
-			apiClient,
-			dom: createChatbotDomManager(),
-			logger,
-		}),
-});
+					render(h(Chatbot, { apiClient, logger }), chatbotElement);
+				} catch (error) {
+					console.error(error);
+					logger?.error('Error starting application', error);
+				}
+			},
+			closeApplication: async () => {
+				const chatbotElement = dom.getOrCreateChatbotElement();
+				chatbotElement.innerHTML = '';
+				cancelCurrentApplication();
+			},
+			/** Resets the user saved data for every application. */
+			resetLocalState: async () => {
+				resetLocalState();
+				cancelCurrentApplication();
+			},
+		};
+	});

package/src/index.dev.ts

@@ -7,7 +7,7 @@ export { chatbotPlugin } from './chatbot';
 
 declare global {
 	interface Window {
-		chatbot: ReturnType<typeof chatbotPlugin.pure_createActions>;
+		chatbot: ReturnType<ReturnType<typeof chatbotPlugin>>;
 	}
 }
 
@@ -21,7 +21,7 @@ async function enableMocking() {
 }
 
 enableMocking().then(() => {
-	window.chatbot = chatbotPlugin.pure_createActions({
+	window.chatbot = chatbotPlugin({})({
 		apiClient: createApiClient({
 			baseUrl: import.meta.env.VITE_BASE_URL,
 			publishableKey: import.meta.env.VITE_PUBLISHABLE_KEY,