@inditeai/react 0.0.1 → 0.0.3

package/dist/Bubble.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { BubbleProps } from '@indite.io/js';
+import type { BubbleProps } from '@inditeai/js/dist';
+import '@inditeai/js/dist/web';
 type Props = BubbleProps;
 declare global {
     namespace JSX {

package/dist/Bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../src/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAGhD,KAAK,KAAK,GAAG,WAAW,CAAA;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,YAAY,EAAE,KAAK,CAAC,iBAAiB,CACnC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAA;SACF;KACF;CACF;AAID,eAAO,MAAM,MAAM,UAAW,KAAK,SA6BlC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../src/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,uBAAuB,CAAA;AAE9B,KAAK,KAAK,GAAG,WAAW,CAAA;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,YAAY,EAAE,KAAK,CAAC,iBAAiB,CACnC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAA;SACF;KACF;CACF;AAID,eAAO,MAAM,MAAM,UAAW,KAAK,SA6BlC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Popup.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { PopupProps } from '@indite.io/js';
+import type { PopupProps } from '@inditeai/js/dist';
+import '@inditeai/js/dist/web';
 type Props = PopupProps;
 declare global {
     namespace JSX {

package/dist/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../src/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/C,KAAK,KAAK,GAAG,UAAU,CAAA;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SACvB;KACF;CACF;AAID,eAAO,MAAM,KAAK,UAAW,KAAK,4CAkCjC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../src/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,uBAAuB,CAAA;AAE9B,KAAK,KAAK,GAAG,UAAU,CAAA;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SACvB;KACF;CACF;AAID,eAAO,MAAM,KAAK,UAAW,KAAK,4CAkCjC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/Standard.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { BotProps } from '@indite.io/js';
+import type { BotProps } from '@inditeai/js/dist';
+import '@inditeai/js/dist/web';
 type Props = BotProps & {
     style?: React.CSSProperties;
     className?: string;

package/dist/Standard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Standard.d.ts","sourceRoot":"","sources":["../src/Standard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7C,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SACvB;KACF;CACF;AAID,eAAO,MAAM,QAAQ,6CAA8C,KAAK,4CASvE,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Standard.d.ts","sourceRoot":"","sources":["../src/Standard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,uBAAuB,CAAA;AAE9B,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SACvB;KACF;CACF;AAID,eAAO,MAAM,QAAQ,6CAA8C,KAAK,4CASvE,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { Standard } from './Standard';
 export { Bubble } from './Bubble';
 export { Popup } from './Popup';
-export * from '@indite.io/js';
+export * from '@inditeai/js/dist';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/dist/index.js

@@ -1,2 +1,2 @@
-// v0.0.1
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t,useCallback as o}from"react";"function"==typeof SuppressedError&&SuppressedError;const n=o=>{var{style:n,className:s}=o,a=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(o,["style","className"]);const c=r(null);return t((()=>{c.current&&Object.assign(c.current,a)}),[a]),e("bot-standard",{ref:c,style:n,class:s})},s=e=>{const n=r(null),s=o((e=>{const r=document.createElement("bot-bubble");n.current=r,a(n.current,e),document.body.prepend(n.current)}),[]);t((()=>{n.current||s(e),a(n.current,e)}),[s,e]),t((()=>()=>{var e;null===(e=n.current)||void 0===e||e.remove(),n.current=null}),[]);const a=(e,r)=>{Object.assign(e,r)};return null},a=n=>{const s=r(null),a=r(null),c=o((e=>{var r;const t=document.createElement("bot-popup");a.current=t,u(a.current,e),s.current?null===(r=s.current)||void 0===r||r.append(a.current):console.warn("Could not attach popup to container because containerRef.current is null")}),[]);t((()=>{a.current||c(n),u(a.current,n)}),[c,n]),t((()=>()=>{var e;null===(e=a.current)||void 0===e||e.remove(),a.current=null}),[]);const u=(e,r)=>{Object.assign(e,r)};return e("div",{ref:s})},c=()=>{window.postMessage({isFromBot:!0,command:"close"})},u=()=>{window.postMessage({isFromBot:!0,command:"hidePreviewMessage"})},l=()=>{window.postMessage({isFromBot:!0,command:"open"})},i=e=>{const r={isFromBot:!0,command:"setPrefilledVariables",variables:e};window.postMessage(r)},m=e=>{const r={isFromBot:!0,command:"showPreviewMessage",message:e};window.postMessage(r)},p=()=>{window.postMessage({isFromBot:!0,command:"toggle"})},d=e=>{const r={isFromBot:!0,command:"setInputValue",value:e};window.postMessage(r)},w=()=>{window.postMessage({isFromBot:!0,command:"unmount"})};export{s as Bubble,a as Popup,n as Standard,c as close,u as hidePreviewMessage,l as open,d as setInputValue,i as setPrefilledVariables,m as showPreviewMessage,p as toggle,w as unmount};
+// v0.0.3
+import{jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as t,useCallback as n}from"react";import"@inditeai/js/dist/web";export*from"@inditeai/js/dist";"function"==typeof SuppressedError&&SuppressedError;const o=n=>{var{style:o,className:c}=n,u=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t}(n,["style","className"]);const l=e(null);return t((()=>{l.current&&Object.assign(l.current,u)}),[u]),r("bot-standard",{ref:l,style:o,class:c})},c=r=>{const o=e(null),c=n((r=>{const e=document.createElement("bot-bubble");o.current=e,u(o.current,r),document.body.prepend(o.current)}),[]);t((()=>{o.current||c(r),u(o.current,r)}),[c,r]),t((()=>()=>{var r;null===(r=o.current)||void 0===r||r.remove(),o.current=null}),[]);const u=(r,e)=>{Object.assign(r,e)};return null},u=o=>{const c=e(null),u=e(null),l=n((r=>{var e;const t=document.createElement("bot-popup");u.current=t,s(u.current,r),c.current?null===(e=c.current)||void 0===e||e.append(u.current):console.warn("Could not attach popup to container because containerRef.current is null")}),[]);t((()=>{u.current||l(o),s(u.current,o)}),[l,o]),t((()=>()=>{var r;null===(r=u.current)||void 0===r||r.remove(),u.current=null}),[]);const s=(r,e)=>{Object.assign(r,e)};return r("div",{ref:c})};export{c as Bubble,u as Popup,o as Standard};

package/package.json

@@ -1,18 +1,20 @@
 {
   "name": "@inditeai/react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Convenient library to display bots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "scripts": {
-    "stories:dev": "ladle serve -p 3006",
-    "stories:build": "ladle build",
     "dev": "rollup --watch --config rollup.config.js",
     "build": "rollup --config rollup.config.js",
     "lint": "eslint --fix \"src/**/*.ts*\"",
     "format:check": "prettier --check ./src"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Bacancy-DataProphets/Indite-packages.git"
+  },
   "license": "MIT",
   "dependencies": {
     "@ladle/react": "2.5.1"
@@ -23,7 +25,7 @@
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-node-resolve": "15.1.0",
     "@rollup/plugin-terser": "0.4.3",
-    "@indite.io/js": "workspace:*",
+    "@inditeai/js": "1.2.0",
     "@indite.io/lib": "workspace:*",
     "@indite.io/prisma": "workspace:*",
     "@indite.io/schemas": "workspace:*",
@@ -41,6 +43,6 @@
     "@rollup/plugin-typescript": "11.1.2"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   }
 }

package/src/Bubble.tsx

@@ -0,0 +1,51 @@
+import React, { useCallback, useEffect, useRef } from 'react'
+import type { BubbleProps } from '@inditeai/js/dist'
+import '@inditeai/js/dist/web'
+
+type Props = BubbleProps
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bot-bubble': React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement>,
+        HTMLElement
+      >
+    }
+  }
+}
+
+type BubbleElement = HTMLElement & Props
+
+export const Bubble = (props: Props) => {
+  const bubbleElement = useRef<BubbleElement | null>(null)
+
+  const attachBubbleToDom = useCallback((props: Props) => {
+    const newBubbleElement = document.createElement(
+      'bot-bubble'
+    ) as BubbleElement
+    bubbleElement.current = newBubbleElement
+    injectPropsToElement(bubbleElement.current, props)
+    document.body.prepend(bubbleElement.current)
+  }, [])
+
+  useEffect(() => {
+    if (!bubbleElement.current) attachBubbleToDom(props)
+    injectPropsToElement(bubbleElement.current as BubbleElement, props)
+  }, [attachBubbleToDom, props])
+
+  useEffect(() => {
+    return () => {
+      bubbleElement.current?.remove()
+      bubbleElement.current = null
+    }
+  }, [])
+
+  const injectPropsToElement = (element: BubbleElement, props: Props) => {
+    Object.assign(element, props)
+  }
+
+  return null
+}
+
+export default Bubble

package/src/Popup.tsx

@@ -0,0 +1,56 @@
+import React, { useCallback, useEffect, useRef } from 'react'
+import type { PopupProps } from '@inditeai/js/dist'
+import '@inditeai/js/dist/web'
+
+type Props = PopupProps
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bot-popup': React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement>,
+        HTMLElement
+      > & { class?: string }
+    }
+  }
+}
+
+type PopupElement = HTMLElement & Props
+
+export const Popup = (props: Props) => {
+  const containerRef = useRef<HTMLDivElement | null>(null)
+  const popupRef = useRef<PopupElement | null>(null)
+
+  const attachPopupToContainer = useCallback((props: Props) => {
+    const popupElement = document.createElement('bot-popup') as PopupElement
+    popupRef.current = popupElement
+    injectPropsToElement(popupRef.current, props)
+    if (!containerRef.current) {
+      console.warn(
+        'Could not attach popup to container because containerRef.current is null'
+      )
+      return
+    }
+    containerRef.current?.append(popupRef.current)
+  }, [])
+
+  useEffect(() => {
+    if (!popupRef.current) attachPopupToContainer(props)
+    injectPropsToElement(popupRef.current as PopupElement, props)
+  }, [attachPopupToContainer, props])
+
+  useEffect(() => {
+    return () => {
+      popupRef.current?.remove()
+      popupRef.current = null
+    }
+  }, [])
+
+  const injectPropsToElement = (element: PopupElement, props: Props) => {
+    Object.assign(element, props)
+  }
+
+  return <div ref={containerRef} />
+}
+
+export default Popup

package/src/Standard.tsx

@@ -0,0 +1,34 @@
+import React, { useEffect, useRef } from 'react'
+import type { BotProps } from '@inditeai/js/dist'
+import '@inditeai/js/dist/web'
+
+type Props = BotProps & {
+  style?: React.CSSProperties
+  className?: string
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bot-standard': React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement>,
+        HTMLElement
+      > & { class?: string }
+    }
+  }
+}
+
+type StandardElement = HTMLElement & Props
+
+export const Standard = ({ style, className, ...assignableProps }: Props) => {
+  const ref = useRef<StandardElement | null>(null)
+
+  useEffect(() => {
+    if (!ref.current) return
+    Object.assign(ref.current, assignableProps)
+  }, [assignableProps])
+
+  return <bot-standard ref={ref} style={style} class={className} />
+}
+
+export default Standard

package/src/index.ts

@@ -0,0 +1,4 @@
+export { Standard } from './Standard'
+export { Bubble } from './Bubble'
+export { Popup } from './Popup'
+export * from '@inditeai/js/dist'

package/dist/stories/bubble.stories.d.ts

@@ -1,2 +0,0 @@
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=bubble.stories.d.ts.map

package/dist/stories/bubble.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bubble.stories.d.ts","sourceRoot":"","sources":["../../src/stories/bubble.stories.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CA6CnB,CAAA"}

package/dist/stories/popup.stories.d.ts

@@ -1,2 +0,0 @@
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=popup.stories.d.ts.map

package/dist/stories/popup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/popup.stories.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+CAiBnB,CAAA"}

package/dist/stories/standard.stories.d.ts

@@ -1,3 +0,0 @@
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const StartWhenIntoView: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=standard.stories.d.ts.map

package/dist/stories/standard.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/standard.stories.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,+CAWnB,CAAA;AAED,eAAO,MAAM,iBAAiB,+CAa7B,CAAA"}