@botonic/plugin-flow-builder 0.25.0-beta.0 → 0.26.0-alpha.0

package/src/{action/user-input.ts → user-input/index.ts}

@@ -1,19 +1,21 @@
 import { ActionRequest } from '@botonic/react'
 
 import { FlowBuilderApi } from '../api'
-import { HtIntentNode, HtKeywordNode } from '../content-fields/hubtype-fields'
+import {
+  HtIntentNode,
+  HtKeywordNode,
+  HtSmartIntentNode,
+} from '../content-fields/hubtype-fields'
 import { getIntentNodeByInput } from './intent'
 import { getKeywordNodeByInput } from './keyword'
+import { getSmartIntentNodeByInput } from './smart-intent'
 
 export async function getNodeByUserInput(
   cmsApi: FlowBuilderApi,
   locale: string,
   request: ActionRequest
-): Promise<HtIntentNode | HtKeywordNode | undefined> {
+): Promise<HtSmartIntentNode | HtIntentNode | HtKeywordNode | undefined> {
   if (request.input.data) {
-    const intentNode = await getIntentNodeByInput(cmsApi, locale, request)
-    if (intentNode) return intentNode
-
     const keywordNode = await getKeywordNodeByInput(
       cmsApi,
       locale,
@@ -21,6 +23,12 @@ export async function getNodeByUserInput(
       request.input.data
     )
     if (keywordNode) return keywordNode
+
+    const smartIntentNode = await getSmartIntentNodeByInput(cmsApi, request)
+    if (smartIntentNode) return smartIntentNode
+
+    const intentNode = await getIntentNodeByInput(cmsApi, locale, request)
+    if (intentNode) return intentNode
   }
   return undefined
 }

package/src/{action → user-input}/intent.ts

@@ -2,7 +2,7 @@ import { ActionRequest } from '@botonic/react'
 
 import { FlowBuilderApi } from '../api'
 import { HtIntentNode } from '../content-fields/hubtype-fields'
-import { EventName, trackEvent } from './tracking'
+import { EventName, trackEvent } from '../tracking'
 
 export async function getIntentNodeByInput(
   cmsApi: FlowBuilderApi,

package/src/{action → user-input}/keyword.ts

@@ -2,7 +2,7 @@ import { ActionRequest } from '@botonic/react'
 
 import { FlowBuilderApi } from '../api'
 import { HtKeywordNode } from '../content-fields/hubtype-fields'
-import { EventName, trackEvent } from './tracking'
+import { EventName, trackEvent } from '../tracking'
 
 export async function getKeywordNodeByInput(
   cmsApi: FlowBuilderApi,

package/src/user-input/smart-intent.ts

@@ -0,0 +1,42 @@
+import { ActionRequest } from '@botonic/react'
+import axios from 'axios'
+
+import { FlowBuilderApi } from '../api'
+import { HtSmartIntentNode } from '../content-fields/hubtype-fields/smart-intent'
+
+export async function getSmartIntentNodeByInput(
+  cmsApi: FlowBuilderApi,
+  request: ActionRequest
+): Promise<HtSmartIntentNode | undefined> {
+  const smartIntentNodes = cmsApi.getSmartIntentNodes()
+  const intentsInferenceParams = smartIntentNodes.map(smartIntentNode => {
+    return {
+      name: smartIntentNode.content.title,
+      definition: smartIntentNode.content.description,
+    }
+  })
+  intentsInferenceParams.push({
+    name: 'Other',
+    definition: 'The text does not belong to any other intent.',
+  })
+  try {
+    const response = await axios({
+      method: 'POST',
+      url: `${process.env.HUBTYPE_API_URL}/external/v1/ai/smart_intents/inference/`,
+      headers: {
+        Authorization: `Bearer ${request.session._access_token}`,
+        'Content-Type': 'application/json',
+      },
+      data: { text: request.input.data, intents: intentsInferenceParams },
+      timeout: 10000,
+    })
+    console.log({ response })
+    return smartIntentNodes.find(
+      smartIntentNode =>
+        smartIntentNode.content.title === response.data.intent_name
+    )
+  } catch (e) {
+    console.error(e)
+    return undefined
+  }
+}

package/src/webview/contents-context.ts

@@ -0,0 +1,11 @@
+import { createContext } from 'react'
+
+import { WebviewContentsContextType } from './types'
+
+export const WebviewContentsContext = createContext<WebviewContentsContextType>(
+  {
+    getTextContent: () => undefined,
+    getImageSrc: () => undefined,
+    setCurrentLocale: () => undefined,
+  }
+)

package/src/webview/index.ts

@@ -0,0 +1,3 @@
+export { WebviewContentsContext } from './contents-context'
+export * from './types'
+export { useWebviewContents } from './use-webview-contents'

package/src/webview/types.ts

@@ -0,0 +1,47 @@
+import { FlowBuilderJSONVersion } from '../types'
+
+export enum WebviewContentType {
+  TEXT = 'webview-text',
+  IMAGE = 'webview-image',
+}
+
+export interface WebviewContentsResponse {
+  webview_contents: (WebviewTextContent | WebviewImageContent)[]
+}
+
+export interface WebviewTextContent {
+  code: string
+  type: WebviewContentType.TEXT
+  content: {
+    text: { message: string; locale: string }[]
+  }
+}
+
+export interface WebviewImageContent {
+  code: string
+  type: WebviewContentType.IMAGE
+  content: {
+    image: { file: string; locale: string }[]
+  }
+}
+
+export interface UseWebviewContentsProps {
+  apiUrl?: string
+  version?: FlowBuilderJSONVersion
+  orgId: string
+  botId: string
+  webviewId: string
+  locale: string
+}
+
+export interface UseWebviewContents {
+  isLoading: boolean
+  error: boolean
+  webviewContentsContext: WebviewContentsContextType
+}
+
+export interface WebviewContentsContextType {
+  getTextContent: (code: string) => string | undefined
+  getImageSrc: (code: string) => string | undefined
+  setCurrentLocale: (locale: string) => void
+}

package/src/webview/use-webview-contents.ts

@@ -0,0 +1,78 @@
+import axios from 'axios'
+import { useEffect, useState } from 'react'
+
+import { FLOW_BUILDER_API_URL_PROD } from '../constants'
+import { FlowBuilderJSONVersion } from '../types'
+import {
+  UseWebviewContents,
+  UseWebviewContentsProps,
+  WebviewContentsResponse,
+  WebviewContentType,
+  WebviewImageContent,
+  WebviewTextContent,
+} from './types'
+
+export function useWebviewContents({
+  apiUrl = FLOW_BUILDER_API_URL_PROD,
+  version = FlowBuilderJSONVersion.LATEST,
+  orgId,
+  botId,
+  webviewId,
+  locale,
+}: UseWebviewContentsProps): UseWebviewContents {
+  const [textContents, setTextContents] = useState<WebviewTextContent[]>()
+  const [imageContents, setImageContents] = useState<WebviewImageContent[]>()
+  const [currentLocale, setCurrentLocale] = useState(locale)
+  const [isLoading, setLoading] = useState(false)
+  const [error, setError] = useState(false)
+
+  useEffect(() => {
+    const getResponseContents = async () => {
+      setLoading(true)
+      const url = `${apiUrl}/webview/${version}`
+      try {
+        const response = await axios.get<WebviewContentsResponse>(url, {
+          params: { org: orgId, bot: botId, webview: webviewId },
+        })
+
+        const textResponseContents = response.data.webview_contents.filter(
+          webviewContent => webviewContent.type === WebviewContentType.TEXT
+        ) as WebviewTextContent[]
+        setTextContents(textResponseContents)
+
+        const imageResponseContents = response.data.webview_contents.filter(
+          webviewContent => webviewContent.type === WebviewContentType.IMAGE
+        ) as WebviewImageContent[]
+        setImageContents(imageResponseContents)
+      } catch (error) {
+        console.error('Error fetching webview contents:', error)
+        setError(true)
+      } finally {
+        setLoading(false)
+      }
+    }
+    getResponseContents()
+  }, [])
+
+  const getTextContent = (contentID: string): string | undefined => {
+    return textContents
+      ?.find(textContent => textContent.code === contentID)
+      ?.content.text.find(text => text.locale === currentLocale)?.message
+  }
+
+  const getImageSrc = (contentID: string): string | undefined => {
+    return imageContents
+      ?.find(imageContent => imageContent.code === contentID)
+      ?.content.image.find(image => image.locale === currentLocale)?.file
+  }
+
+  return {
+    isLoading,
+    error,
+    webviewContentsContext: {
+      getTextContent,
+      getImageSrc,
+      setCurrentLocale,
+    },
+  }
+}

package/lib/cjs/action/intent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent.js","sourceRoot":"","sources":["../../../src/action/intent.ts"],"names":[],"mappings":";;;;AAIA,yCAAkD;AAElD,SAAsB,oBAAoB,CACxC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC9D,MAAM,SAAS,GAAG;YAChB,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAgB;YACtC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAoB;YAC9C,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE;YAClE,IAAI,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE;gBAC9C,MAAM,IAAA,qBAAU,EAAC,OAAO,EAAE,oBAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;gBAC1D,OAAO,UAAU,CAAA;aAClB;YAED,SAAS,CAAC,qBAAqB,GAAG,KAAK,CAAA;YACvC,MAAM,IAAA,qBAAU,EAAC,OAAO,EAAE,oBAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;SAC3D;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA;AAtBD,oDAsBC;AAED,SAAS,aAAa,CACpB,UAAwB,EACxB,OAAsB,EACtB,MAAsB;IAEtB,OAAO,CACL,OAAO,CAAC,KAAK,CAAC,UAAU;QACxB,MAAM,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CACvE,CAAA;AACH,CAAC"}

package/lib/cjs/action/keyword.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyword.js","sourceRoot":"","sources":["../../../src/action/keyword.ts"],"names":[],"mappings":";;;;AAIA,yCAAkD;AAElD,SAAsB,qBAAqB,CACzC,MAAsB,EACtB,MAAc,EACd,OAAsB,EACtB,SAAiB;;QAEjB,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAC9D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,SAAS,CAAA;SACjB;QACD,MAAM,SAAS,GAAG;YAChB,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,MAAM,IAAA,qBAAU,EAAC,OAAO,EAAE,oBAAS,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;QAChE,OAAO,WAAW,CAAA;IACpB,CAAC;CAAA;AAfD,sDAeC"}

package/lib/cjs/action/tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/action/tracking.ts"],"names":[],"mappings":";;;;AAEA,wCAAiD;AAEjD,SAAsB,UAAU,CAC9B,OAAsB,EACtB,SAAoB,EACpB,IAA0B;;QAE1B,MAAM,iBAAiB,GAAG,IAAA,8BAAoB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/D,IAAI,iBAAiB,CAAC,UAAU,EAAE;YAChC,MAAM,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;SAC7D;QACD,OAAM;IACR,CAAC;CAAA;AAVD,gCAUC;AAED,IAAY,SAeX;AAfD,WAAY,SAAS;IACnB,gDAAmC,CAAA;IACnC,oDAAuC,CAAA;IACvC,4CAA+B,CAAA;IAC/B,qCAAwB,CAAA;IACxB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,wCAA2B,CAAA;IAC3B,yDAA4C,CAAA;IAC5C,oDAAuC,CAAA;IACvC,kCAAqB,CAAA;IACrB,6CAAgC,CAAA;IAChC,+CAAkC,CAAA;IAClC,yCAA4B,CAAA;AAC9B,CAAC,EAfW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAepB"}

package/lib/cjs/action/user-input.d.ts

@@ -1,4 +0,0 @@
-import { ActionRequest } from '@botonic/react';
-import { FlowBuilderApi } from '../api';
-import { HtIntentNode, HtKeywordNode } from '../content-fields/hubtype-fields';
-export declare function getNodeByUserInput(cmsApi: FlowBuilderApi, locale: string, request: ActionRequest): Promise<HtIntentNode | HtKeywordNode | undefined>;

package/lib/cjs/action/user-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-input.js","sourceRoot":"","sources":["../../../src/action/user-input.ts"],"names":[],"mappings":";;;;AAIA,qCAA+C;AAC/C,uCAAiD;AAEjD,SAAsB,kBAAkB,CACtC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE;YACtB,MAAM,UAAU,GAAG,MAAM,IAAA,6BAAoB,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;YACtE,IAAI,UAAU;gBAAE,OAAO,UAAU,CAAA;YAEjC,MAAM,WAAW,GAAG,MAAM,IAAA,+BAAqB,EAC7C,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,CAAC,KAAK,CAAC,IAAI,CACnB,CAAA;YACD,IAAI,WAAW;gBAAE,OAAO,WAAW,CAAA;SACpC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA;AAlBD,gDAkBC"}

package/lib/esm/action/intent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent.js","sourceRoot":"","sources":["../../../src/action/intent.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,UAAgB,oBAAoB,CACxC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC9D,MAAM,SAAS,GAAG;YAChB,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAgB;YACtC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAoB;YAC9C,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE;YAClE,IAAI,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE;gBAC9C,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;gBAC1D,OAAO,UAAU,CAAA;aAClB;YAED,SAAS,CAAC,qBAAqB,GAAG,KAAK,CAAA;YACvC,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;SAC3D;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA;AAED,SAAS,aAAa,CACpB,UAAwB,EACxB,OAAsB,EACtB,MAAsB;IAEtB,OAAO,CACL,OAAO,CAAC,KAAK,CAAC,UAAU;QACxB,MAAM,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CACvE,CAAA;AACH,CAAC"}

package/lib/esm/action/keyword.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyword.js","sourceRoot":"","sources":["../../../src/action/keyword.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,UAAgB,qBAAqB,CACzC,MAAsB,EACtB,MAAc,EACd,OAAsB,EACtB,SAAiB;;QAEjB,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAC9D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,SAAS,CAAA;SACjB;QACD,MAAM,SAAS,GAAG;YAChB,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;QAChE,OAAO,WAAW,CAAA;IACpB,CAAC;CAAA"}

package/lib/esm/action/tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/action/tracking.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,UAAgB,UAAU,CAC9B,OAAsB,EACtB,SAAoB,EACpB,IAA0B;;QAE1B,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/D,IAAI,iBAAiB,CAAC,UAAU,EAAE;YAChC,MAAM,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;SAC7D;QACD,OAAM;IACR,CAAC;CAAA;AAED,MAAM,CAAN,IAAY,SAeX;AAfD,WAAY,SAAS;IACnB,gDAAmC,CAAA;IACnC,oDAAuC,CAAA;IACvC,4CAA+B,CAAA;IAC/B,qCAAwB,CAAA;IACxB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,wCAA2B,CAAA;IAC3B,yDAA4C,CAAA;IAC5C,oDAAuC,CAAA;IACvC,kCAAqB,CAAA;IACrB,6CAAgC,CAAA;IAChC,+CAAkC,CAAA;IAClC,yCAA4B,CAAA;AAC9B,CAAC,EAfW,SAAS,KAAT,SAAS,QAepB"}

package/lib/esm/action/user-input.d.ts

@@ -1,4 +0,0 @@
-import { ActionRequest } from '@botonic/react';
-import { FlowBuilderApi } from '../api';
-import { HtIntentNode, HtKeywordNode } from '../content-fields/hubtype-fields';
-export declare function getNodeByUserInput(cmsApi: FlowBuilderApi, locale: string, request: ActionRequest): Promise<HtIntentNode | HtKeywordNode | undefined>;

package/lib/esm/action/user-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-input.js","sourceRoot":"","sources":["../../../src/action/user-input.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,UAAgB,kBAAkB,CACtC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE;YACtB,MAAM,UAAU,GAAG,MAAM,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;YACtE,IAAI,UAAU;gBAAE,OAAO,UAAU,CAAA;YAEjC,MAAM,WAAW,GAAG,MAAM,qBAAqB,CAC7C,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,CAAC,KAAK,CAAC,IAAI,CACnB,CAAA;YACD,IAAI,WAAW;gBAAE,OAAO,WAAW,CAAA;SACpC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA"}