@botonic/plugin-flow-builder 0.57.0-rslib-esm.2 → 0.57.1-alpha.0

package/lib/webview/types.d.ts

@@ -1,47 +0,0 @@
-import type { FlowBuilderJSONVersion } from '../types.js';
-export declare enum WebviewContentType {
-    TEXT = "webview-text",
-    IMAGE = "webview-image"
-}
-export type WebviewContentsResponse = (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 type MapContentsType = Record<string, string>;
-export interface UseWebviewContentsProps<T extends MapContentsType> {
-    apiUrl?: string;
-    version?: FlowBuilderJSONVersion;
-    botId: string;
-    webviewId: string;
-    providerId: string;
-    locale: string;
-    mapContents: Record<keyof T, string>;
-}
-export interface UseWebviewContents<T extends MapContentsType> {
-    isLoading: boolean;
-    error: boolean;
-    webviewContentsContext: WebviewContentsContextType<T>;
-}
-export interface WebviewContentsContextType<T extends MapContentsType> {
-    getTextContent: (code: string) => string;
-    getImageSrc: (code: string) => string;
-    setCurrentLocale: (locale: string) => void;
-    contents: Record<keyof T, string>;
-}

package/lib/webview/types.js

@@ -1,9 +0,0 @@
-var types_WebviewContentType = /*#__PURE__*/ function(WebviewContentType) {
-    WebviewContentType["TEXT"] = "webview-text";
-    WebviewContentType["IMAGE"] = "webview-image";
-    return WebviewContentType;
-}({});
-
-export { types_WebviewContentType as WebviewContentType };
-
-//# sourceMappingURL=types.js.map

package/lib/webview/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webview/types.js","sources":["../../src/webview/types.ts"],"sourcesContent":["import type { FlowBuilderJSONVersion } from '../types'\n\nexport enum WebviewContentType {\n  TEXT = 'webview-text',\n  IMAGE = 'webview-image',\n}\n\nexport type WebviewContentsResponse = (\n  | WebviewTextContent\n  | WebviewImageContent\n)[]\n\nexport interface WebviewTextContent {\n  code: string\n  type: WebviewContentType.TEXT\n  content: {\n    text: { message: string; locale: string }[]\n  }\n}\n\nexport interface WebviewImageContent {\n  code: string\n  type: WebviewContentType.IMAGE\n  content: {\n    image: { file: string; locale: string }[]\n  }\n}\n\nexport type MapContentsType = Record<string, string>\n\nexport interface UseWebviewContentsProps<T extends MapContentsType> {\n  apiUrl?: string\n  version?: FlowBuilderJSONVersion\n  botId: string\n  webviewId: string\n  providerId: string\n  locale: string\n  mapContents: Record<keyof T, string>\n}\n\nexport interface UseWebviewContents<T extends MapContentsType> {\n  isLoading: boolean\n  error: boolean\n  webviewContentsContext: WebviewContentsContextType<T>\n}\n\nexport interface WebviewContentsContextType<T extends MapContentsType> {\n  getTextContent: (code: string) => string\n  getImageSrc: (code: string) => string\n  setCurrentLocale: (locale: string) => void\n  contents: Record<keyof T, string>\n}\n"],"names":["WebviewContentType"],"mappings":"AAEO,IAAKA,wBAAkBA,0BAAlBA;;;WAAAA;MAGX"}

package/lib/webview/use-webview-contents.d.ts

@@ -1,2 +0,0 @@
-import { type MapContentsType, type UseWebviewContents, type UseWebviewContentsProps } from './types.js';
-export declare function useWebviewContents<T extends MapContentsType>({ apiUrl, version, botId, webviewId, providerId, locale, mapContents, }: UseWebviewContentsProps<T>): UseWebviewContents<T>;

package/lib/webview/use-webview-contents.js

@@ -1,90 +0,0 @@
-import axios from "axios";
-import { useEffect, useState } from "react";
-import { FLOW_BUILDER_API_URL_PROD } from "../constants.js";
-import { FlowBuilderJSONVersion } from "../types.js";
-import { WebviewContentType } from "./types.js";
-
-
-
-
-
-
-
-
-
-
-
-function useWebviewContents({ apiUrl = FLOW_BUILDER_API_URL_PROD, version = FlowBuilderJSONVersion.LATEST, botId, webviewId, providerId, locale, mapContents }) {
-    const [textContents, setTextContents] = useState();
-    const [imageContents, setImageContents] = useState();
-    const [contents, setContents] = useState({});
-    const [currentLocale, setCurrentLocale] = useState(locale);
-    const [error, setError] = useState(false);
-    const updateCurrentLocale = (textContents)=>{
-        if (!textContents || textContents.length === 0) {
-            console.log('There is no text contents to check the locale');
-            return;
-        }
-        const locales = textContents[0].content.text.map((text)=>text.locale);
-        const language = currentLocale.split('-')[0];
-        if (locales.includes(currentLocale)) {
-            setCurrentLocale(currentLocale);
-            return;
-        }
-        if (locales.includes(language)) {
-            setCurrentLocale(language);
-            return;
-        }
-        console.error(`locale: ${currentLocale} cannot be resolved with: ${locales.join(', ')}`);
-    };
-    const getTextContent = (contentID)=>{
-        return textContents?.find((textContent)=>textContent.code === contentID)?.content.text.find((text)=>text.locale === currentLocale)?.message || '';
-    };
-    const getImageSrc = (contentID)=>{
-        return imageContents?.find((imageContent)=>imageContent.code === contentID)?.content.image.find((image)=>image.locale === currentLocale)?.file || '';
-    };
-    useEffect(()=>{
-        if (textContents || imageContents) {
-            const contentsObject = {};
-            for (const [key, value] of Object.entries(mapContents)){
-                contentsObject[key] = getTextContent(value) || getImageSrc(value);
-            }
-            setContents(contentsObject);
-        }
-    }, [
-        textContents,
-        imageContents,
-        currentLocale
-    ]);
-    useEffect(()=>{
-        const getResponseContents = async ()=>{
-            const url = `${apiUrl}/v1/bot_flows/${botId}/versions/${version}/webviews/${webviewId}/?provider_id=${providerId}`;
-            try {
-                const response = await axios.get(url);
-                const textResponseContents = response.data.filter((webviewContent)=>webviewContent.type === WebviewContentType.TEXT);
-                setTextContents(textResponseContents);
-                const imageResponseContents = response.data.filter((webviewContent)=>webviewContent.type === WebviewContentType.IMAGE);
-                setImageContents(imageResponseContents);
-                updateCurrentLocale(textResponseContents);
-            } catch (error) {
-                console.error('Error fetching webview contents:', error);
-                setError(true);
-            }
-        };
-        getResponseContents();
-    }, []);
-    return {
-        isLoading: Object.keys(contents).length === 0,
-        error,
-        webviewContentsContext: {
-            getTextContent,
-            getImageSrc,
-            setCurrentLocale,
-            contents
-        }
-    };
-}
-
-export { useWebviewContents };
-
-//# sourceMappingURL=use-webview-contents.js.map

package/lib/webview/use-webview-contents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webview/use-webview-contents.js","sources":["../../src/webview/use-webview-contents.ts"],"sourcesContent":["import axios from 'axios'\nimport { useEffect, useState } from 'react'\n\nimport { FLOW_BUILDER_API_URL_PROD } from '../constants'\nimport { FlowBuilderJSONVersion } from '../types'\nimport {\n  type MapContentsType,\n  type UseWebviewContents,\n  type UseWebviewContentsProps,\n  type WebviewContentsResponse,\n  WebviewContentType,\n  type WebviewImageContent,\n  type WebviewTextContent,\n} from './types'\n\nexport function useWebviewContents<T extends MapContentsType>({\n  apiUrl = FLOW_BUILDER_API_URL_PROD,\n  version = FlowBuilderJSONVersion.LATEST,\n  botId,\n  webviewId,\n  providerId,\n  locale,\n  mapContents,\n}: UseWebviewContentsProps<T>): UseWebviewContents<T> {\n  const [textContents, setTextContents] = useState<WebviewTextContent[]>()\n  const [imageContents, setImageContents] = useState<WebviewImageContent[]>()\n  const [contents, setContents] = useState<Record<keyof T, string>>(\n    {} as Record<keyof T, string>\n  )\n  const [currentLocale, setCurrentLocale] = useState(locale)\n  const [error, setError] = useState(false)\n\n  const updateCurrentLocale = (textContents?: WebviewTextContent[]) => {\n    if (!textContents || textContents.length === 0) {\n      console.log('There is no text contents to check the locale')\n      return\n    }\n\n    const locales = textContents[0].content.text.map(text => text.locale)\n    const language = currentLocale.split('-')[0]\n\n    if (locales.includes(currentLocale)) {\n      setCurrentLocale(currentLocale)\n      return\n    }\n\n    if (locales.includes(language)) {\n      setCurrentLocale(language)\n      return\n    }\n\n    console.error(\n      `locale: ${currentLocale} cannot be resolved with: ${locales.join(', ')}`\n    )\n  }\n\n  const getTextContent = (contentID: string): string => {\n    return (\n      textContents\n        ?.find(textContent => textContent.code === contentID)\n        ?.content.text.find(text => text.locale === currentLocale)?.message ||\n      ''\n    )\n  }\n\n  const getImageSrc = (contentID: string): string => {\n    return (\n      imageContents\n        ?.find(imageContent => imageContent.code === contentID)\n        ?.content.image.find(image => image.locale === currentLocale)?.file ||\n      ''\n    )\n  }\n\n  useEffect(() => {\n    if (textContents || imageContents) {\n      const contentsObject = {}\n      for (const [key, value] of Object.entries<string>(mapContents)) {\n        contentsObject[key] = getTextContent(value) || getImageSrc(value)\n      }\n      setContents(contentsObject as Record<keyof T, string>)\n    }\n  }, [textContents, imageContents, currentLocale])\n\n  useEffect(() => {\n    const getResponseContents = async () => {\n      const url = `${apiUrl}/v1/bot_flows/${botId}/versions/${version}/webviews/${webviewId}/?provider_id=${providerId}`\n      try {\n        const response = await axios.get<WebviewContentsResponse>(url)\n\n        const textResponseContents = response.data.filter(\n          webviewContent => webviewContent.type === WebviewContentType.TEXT\n        ) as WebviewTextContent[]\n        setTextContents(textResponseContents)\n\n        const imageResponseContents = response.data.filter(\n          webviewContent => webviewContent.type === WebviewContentType.IMAGE\n        ) as WebviewImageContent[]\n        setImageContents(imageResponseContents)\n\n        updateCurrentLocale(textResponseContents)\n      } catch (error) {\n        console.error('Error fetching webview contents:', error)\n        setError(true)\n      }\n    }\n    getResponseContents()\n  }, [])\n\n  return {\n    isLoading: Object.keys(contents).length === 0,\n    error,\n    webviewContentsContext: {\n      getTextContent,\n      getImageSrc,\n      setCurrentLocale,\n      contents,\n    },\n  }\n}\n"],"names":["axios","useEffect","useState","FLOW_BUILDER_API_URL_PROD","FlowBuilderJSONVersion","WebviewContentType","useWebviewContents","apiUrl","version","botId","webviewId","providerId","locale","mapContents","textContents","setTextContents","imageContents","setImageContents","contents","setContents","currentLocale","setCurrentLocale","error","setError","updateCurrentLocale","console","locales","text","language","getTextContent","contentID","textContent","getImageSrc","imageContent","image","contentsObject","key","value","Object","getResponseContents","url","response","textResponseContents","webviewContent","imageResponseContents"],"mappings":";;;;;;;;;;;AAAyB;AACkB;AAEa;AACP;AASjC;AAET,SAASM,kBAAkBA,CAA4B,EAC5DC,SAASJ,yBAAyB,EAClCK,UAAUJ,6BAA6B,EACvCK,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,WAAW,EACgB;IAC3B,MAAM,CAACC,cAAcC,gBAAgB,GAAGb,QAAQA;IAChD,MAAM,CAACc,eAAeC,iBAAiB,GAAGf,QAAQA;IAClD,MAAM,CAACgB,UAAUC,YAAY,GAAGjB,QAAQA,CACtC,CAAC;IAEH,MAAM,CAACkB,eAAeC,iBAAiB,GAAGnB,QAAQA,CAACU;IACnD,MAAM,CAACU,OAAOC,SAAS,GAAGrB,QAAQA,CAAC;IAEnC,MAAMsB,sBAAsB,CAACV;QAC3B,IAAI,CAACA,gBAAgBA,aAAa,MAAM,KAAK,GAAG;YAC9CW,QAAQ,GAAG,CAAC;YACZ;QACF;QAEA,MAAMC,UAAUZ,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAACa,CAAAA,OAAQA,KAAK,MAAM;QACpE,MAAMC,WAAWR,cAAc,KAAK,CAAC,IAAI,CAAC,EAAE;QAE5C,IAAIM,QAAQ,QAAQ,CAACN,gBAAgB;YACnCC,iBAAiBD;YACjB;QACF;QAEA,IAAIM,QAAQ,QAAQ,CAACE,WAAW;YAC9BP,iBAAiBO;YACjB;QACF;QAEAH,QAAQ,KAAK,CACX,CAAC,QAAQ,EAAEL,cAAc,0BAA0B,EAAEM,QAAQ,IAAI,CAAC,OAAO;IAE7E;IAEA,MAAMG,iBAAiB,CAACC;QACtB,OACEhB,cACI,KAAKiB,CAAAA,cAAeA,YAAY,IAAI,KAAKD,YACzC,QAAQ,KAAK,KAAKH,CAAAA,OAAQA,KAAK,MAAM,KAAKP,gBAAgB,WAC9D;IAEJ;IAEA,MAAMY,cAAc,CAACF;QACnB,OACEd,eACI,KAAKiB,CAAAA,eAAgBA,aAAa,IAAI,KAAKH,YAC3C,QAAQ,MAAM,KAAKI,CAAAA,QAASA,MAAM,MAAM,KAAKd,gBAAgB,QACjE;IAEJ;IAEAnB,SAASA,CAAC;QACR,IAAIa,gBAAgBE,eAAe;YACjC,MAAMmB,iBAAiB,CAAC;YACxB,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIC,OAAO,OAAO,CAASzB,aAAc;gBAC9DsB,cAAc,CAACC,IAAI,GAAGP,eAAeQ,UAAUL,YAAYK;YAC7D;YACAlB,YAAYgB;QACd;IACF,GAAG;QAACrB;QAAcE;QAAeI;KAAc;IAE/CnB,SAASA,CAAC;QACR,MAAMsC,sBAAsB;YAC1B,MAAMC,MAAM,GAAGjC,OAAO,cAAc,EAAEE,MAAM,UAAU,EAAED,QAAQ,UAAU,EAAEE,UAAU,cAAc,EAAEC,YAAY;YAClH,IAAI;gBACF,MAAM8B,WAAW,MAAMzC,SAAS,CAA0BwC;gBAE1D,MAAME,uBAAuBD,SAAS,IAAI,CAAC,MAAM,CAC/CE,CAAAA,iBAAkBA,eAAe,IAAI,KAAKtC,uBAAuB;gBAEnEU,gBAAgB2B;gBAEhB,MAAME,wBAAwBH,SAAS,IAAI,CAAC,MAAM,CAChDE,CAAAA,iBAAkBA,eAAe,IAAI,KAAKtC,wBAAwB;gBAEpEY,iBAAiB2B;gBAEjBpB,oBAAoBkB;YACtB,EAAE,OAAOpB,OAAO;gBACdG,QAAQ,KAAK,CAAC,oCAAoCH;gBAClDC,SAAS;YACX;QACF;QACAgB;IACF,GAAG,EAAE;IAEL,OAAO;QACL,WAAWD,OAAO,IAAI,CAACpB,UAAU,MAAM,KAAK;QAC5CI;QACA,wBAAwB;YACtBO;YACAG;YACAX;YACAH;QACF;IACF;AACF"}