@hoory/embed - npm Package Compare versions

Comparing version 1.0.20 to 1.0.21

index.cjs.js

@@ -1,1 +0,1 @@
-var v=Object.create,d=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var y=e=>d(e,"__esModule",{value:!0});var E=(e,o)=>{for(var i in o)d(e,i,{get:o[i],enumerable:!0})},N=(e,o,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!z.call(e,t)&&t!=="default"&&d(e,t,{get:()=>o[t],enumerable:!(i=O(o,t))||i.enumerable});return e},R=e=>N(y(d(e!=null?v(L(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e);y(exports);E(exports,{useHoory:()=>D});var n=R(require("react"));var C={DEV:"https://embed-dev.hoory.cloud/embed.js",PROD:"https://embed.hoory.com/embed.js"};function D(e,o={}){let i=(0,n.useRef)(""),t=(0,n.useRef)({}),[H,B]=(0,n.useState)(!1),a=o.env||"prod",m=(0,n.useCallback)(()=>{window.hoory.showButton()},[]),p=(0,n.useCallback)(()=>{window.hoory.hideButton()},[]),S=(0,n.useCallback)(()=>{window.hoory.openChat()},[]),g=(0,n.useCallback)(()=>{window.hoory.closeChat()},[]),I=(0,n.useCallback)(()=>{window.hoory.setUserInfo()},[]),l=(0,n.useCallback)(()=>{typeof o.onOpen=="function"&&o.onOpen(),console.log("Hoory:: onOpen called")},[o?.onOpen]),s=(0,n.useCallback)(()=>{typeof o.onClose=="function"&&o.onClose(),console.log("Hoory:: onClose called")},[o?.onClose]),h=(0,n.useCallback)(()=>{typeof o.onShowButton=="function"&&o.onShowButton(),console.log("Hoory:: onShowButton called")},[o?.onShowButton]),u=(0,n.useCallback)(()=>{typeof o.onHideButton=="function"&&o.onHideButton(),console.log("Hoory:: onHideButton called")},[o?.onHideButton]),f=(0,n.useCallback)(()=>{typeof o.onChatInit=="function"&&o.onChatInit(),console.log("Hoory:: onChatInit called")},[o?.onChatInit]),r=(0,n.useCallback)(()=>{typeof o.onScriptLoad=="function"&&o.onScriptLoad(),console.log("Hoory:: onScriptLoad called")},[o?.onScriptLoad]);return(0,n.useEffect)(()=>{t.current.workspace=e,t.current.initializeHidden=o.initializeHidden,t.current.initializeHidden=o.initializeHidden;let w=document.getElementsByTagName("script")[0],c=document.createElement("script");c.id="HooryScript",c.async=!1,c.src=`${C[a]}${i.current}`,w.parentNode.insertBefore(c,w),c.onload=()=>{r(),window.hoory.onOpen(()=>{l()}),window.hoory.onClose(()=>{s()}),window.hoory.onShow(()=>{h()}),window.hoory.onHide(()=>{u()}),window.hoory.onChatInit(()=>{f(),B(!0)}),r(),window.hoory.init()}},[a,r]),{isInitialized:H,showButton:m,hideButton:p,openChat:S,closeChat:g,setUserInfo:I,onOpen:l,onClose:s,onShowButton:h,onHideButton:u,onChatInit:f,onScriptLoad:r}}
+var b=Object.create,c=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var f=t=>c(t,"__esModule",{value:!0});var N=(t,o)=>{for(var e in o)c(t,e,{get:o[e],enumerable:!0})},R=(t,o,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!D.call(t,i)&&i!=="default"&&c(t,i,{get:()=>o[i],enumerable:!(e=L(o,i))||e.enumerable});return t},P=t=>R(f(c(t!=null?b(z(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);f(exports);N(exports,{ENV_URLS:()=>H,useHoory:()=>U});var n=P(require("react")),H={DEV:"https://embed-dev.hoory.cloud/embed.js",PROD:"https://embed.hoory.com/embed.js"};function U(t,o={}){let e=(0,n.useRef)(""),[i,S]=(0,n.useState)(!1),[p,B]=(0,n.useState)(!1),s=o.env||"PROD",a=(...d)=>console.log(...d),I=(0,n.useCallback)(()=>{window.hoory.show()},[]),m=(0,n.useCallback)(()=>{window.hoory.hide()},[]),O=(0,n.useCallback)(()=>{window.hoory.openChat()},[]),v=(0,n.useCallback)(()=>{window.hoory.closeChat()},[]),g=(0,n.useCallback)(()=>{window.hoory.setUserInfo()},[]),l=(0,n.useCallback)(()=>{typeof o.onChatOpen=="function"&&o.onChatOpen(),a("Hoory:: onChatOpen called")},[o?.onChatOpen]),w=(0,n.useCallback)(()=>{typeof o.onChatClose=="function"&&o.onChatClose(),a("Hoory:: onChatClose called")},[o?.onChatClose]),C=(0,n.useCallback)(()=>{typeof o.onShowButton=="function"&&o.onShowButton(),a("Hoory:: onShowButton called")},[o?.onShowButton]),y=(0,n.useCallback)(()=>{typeof o.onHideButton=="function"&&o.onHideButton(),a("Hoory:: onHideButton called")},[o?.onHideButton]),u=(0,n.useCallback)(()=>{typeof o.onChatInit=="function"&&o.onChatInit(),a("Hoory:: onChatInit called")},[o?.onChatInit]),h=(0,n.useCallback)(()=>{typeof o.onScriptLoad=="function"&&o.onScriptLoad(),a("Hoory:: onScriptLoad called")},[o?.onScriptLoad]);return(0,n.useEffect)(()=>{window.hoory=window.hoory||{...o.user||{}},window.hoory.workspace=t,window.hoory.initializeHidden=o.initializeHidden,window.hoory.forceChatInit=o.forceChatInit;let d=document.getElementsByTagName("script")[0],r=document.createElement("script");r.id="HooryScript",r.async=!0,r.src=`${H[s]}${e.current}`,d.parentNode.insertBefore(r,d),r.onload=()=>{window.hoory.onOpen(()=>{l()}),window.hoory.onClose(()=>{w()}),window.hoory.onShow(()=>{C()}),window.hoory.onHide(()=>{y()}),window.hoory.onChatInit(()=>{u(),B(!0)}),h(),S(!0),window.hoory.init()}},[s,h]),{isScriptLoaded:i,isChatInitialized:p,showButton:I,hideButton:m,openChat:O,closeChat:v,setUserInfo:g,onChatOpen:l,onChatClose:w,onShowButton:C,onHideButton:y,onChatInit:u,onScriptLoad:h}}

index.es.js

@@ -1,1 +0,1 @@
-import{useCallback as n,useEffect as I,useRef as f,useState as v}from"react";var u={DEV:"https://embed-dev.hoory.cloud/embed.js",PROD:"https://embed.hoory.com/embed.js"};function z(w,o={}){let y=f(""),i=f({}),[C,H]=v(!1),c=o.env||"prod",B=n(()=>{window.hoory.showButton()},[]),m=n(()=>{window.hoory.hideButton()},[]),p=n(()=>{window.hoory.openChat()},[]),S=n(()=>{window.hoory.closeChat()},[]),g=n(()=>{window.hoory.setUserInfo()},[]),r=n(()=>{typeof o.onOpen=="function"&&o.onOpen(),console.log("Hoory:: onOpen called")},[o?.onOpen]),d=n(()=>{typeof o.onClose=="function"&&o.onClose(),console.log("Hoory:: onClose called")},[o?.onClose]),a=n(()=>{typeof o.onShowButton=="function"&&o.onShowButton(),console.log("Hoory:: onShowButton called")},[o?.onShowButton]),l=n(()=>{typeof o.onHideButton=="function"&&o.onHideButton(),console.log("Hoory:: onHideButton called")},[o?.onHideButton]),s=n(()=>{typeof o.onChatInit=="function"&&o.onChatInit(),console.log("Hoory:: onChatInit called")},[o?.onChatInit]),t=n(()=>{typeof o.onScriptLoad=="function"&&o.onScriptLoad(),console.log("Hoory:: onScriptLoad called")},[o?.onScriptLoad]);return I(()=>{i.current.workspace=w,i.current.initializeHidden=o.initializeHidden,i.current.initializeHidden=o.initializeHidden;let h=document.getElementsByTagName("script")[0],e=document.createElement("script");e.id="HooryScript",e.async=!1,e.src=`${u[c]}${y.current}`,h.parentNode.insertBefore(e,h),e.onload=()=>{t(),window.hoory.onOpen(()=>{r()}),window.hoory.onClose(()=>{d()}),window.hoory.onShow(()=>{a()}),window.hoory.onHide(()=>{l()}),window.hoory.onChatInit(()=>{s(),H(!0)}),t(),window.hoory.init()}},[c,t]),{isInitialized:C,showButton:B,hideButton:m,openChat:p,closeChat:S,setUserInfo:g,onOpen:r,onClose:d,onShowButton:a,onHideButton:l,onChatInit:s,onScriptLoad:t}}export{z as useHoory};
+import{useCallback as n,useEffect as v,useRef as g,useState as w}from"react";var b={DEV:"https://embed-dev.hoory.cloud/embed.js",PROD:"https://embed.hoory.com/embed.js"};function E(C,o={}){let y=g(""),[u,f]=w(!1),[H,S]=w(!1),r=o.env||"PROD",t=(...i)=>console.log(...i),p=n(()=>{window.hoory.show()},[]),B=n(()=>{window.hoory.hide()},[]),I=n(()=>{window.hoory.openChat()},[]),m=n(()=>{window.hoory.closeChat()},[]),O=n(()=>{window.hoory.setUserInfo()},[]),d=n(()=>{typeof o.onChatOpen=="function"&&o.onChatOpen(),t("Hoory:: onChatOpen called")},[o?.onChatOpen]),c=n(()=>{typeof o.onChatClose=="function"&&o.onChatClose(),t("Hoory:: onChatClose called")},[o?.onChatClose]),h=n(()=>{typeof o.onShowButton=="function"&&o.onShowButton(),t("Hoory:: onShowButton called")},[o?.onShowButton]),s=n(()=>{typeof o.onHideButton=="function"&&o.onHideButton(),t("Hoory:: onHideButton called")},[o?.onHideButton]),l=n(()=>{typeof o.onChatInit=="function"&&o.onChatInit(),t("Hoory:: onChatInit called")},[o?.onChatInit]),a=n(()=>{typeof o.onScriptLoad=="function"&&o.onScriptLoad(),t("Hoory:: onScriptLoad called")},[o?.onScriptLoad]);return v(()=>{window.hoory=window.hoory||{...o.user||{}},window.hoory.workspace=C,window.hoory.initializeHidden=o.initializeHidden,window.hoory.forceChatInit=o.forceChatInit;let i=document.getElementsByTagName("script")[0],e=document.createElement("script");e.id="HooryScript",e.async=!0,e.src=`${b[r]}${y.current}`,i.parentNode.insertBefore(e,i),e.onload=()=>{window.hoory.onOpen(()=>{d()}),window.hoory.onClose(()=>{c()}),window.hoory.onShow(()=>{h()}),window.hoory.onHide(()=>{s()}),window.hoory.onChatInit(()=>{l(),S(!0)}),a(),f(!0),window.hoory.init()}},[r,a]),{isScriptLoaded:u,isChatInitialized:H,showButton:p,hideButton:B,openChat:I,closeChat:m,setUserInfo:O,onChatOpen:d,onChatClose:c,onShowButton:h,onHideButton:s,onChatInit:l,onScriptLoad:a}}export{b as ENV_URLS,E as useHoory};

index.ts

 import { useCallback, useEffect, useRef, useState } from "react";
-import { ENV_URLS } from "./constants";
 
+export const ENV_URLS = {
+  DEV: "https://embed-dev.hoory.cloud/embed.js",
+  PROD: "https://embed.hoory.com/embed.js",
+};
+
 type Options = {
@@ -15,4 +19,4 @@ env?: "DEV" | "PROD";
   };
-  onOpen?: () => void;
-  onClose?: () => void;
+  onChatOpen?: () => void;
+  onChatClose?: () => void;
   onShowButton?: () => void;
@@ -33,11 +37,12 @@ onHideButton?: () => void;
   const nonce = useRef("");
-  const config = useRef<Record<string, any>>({});
-  const [isInitialized, setIsInitialized] = useState(false);
-  const env = options.env || "prod";
+  const [isScriptLoaded, setIsScriptLoaded] = useState(false);
+  const [isChatInitialized, setIsChatInitialized] = useState(false);
+  const env = options.env || "PROD";
+  const log = (...params) => console.log(...params);
 
   const showButton = useCallback(() => {
-    window.hoory.showButton();
+    window.hoory.show();
   }, []);
   const hideButton = useCallback(() => {
-    window.hoory.hideButton();
+    window.hoory.hide();
   }, []);
@@ -54,35 +59,36 @@ const openChat = useCallback(() => {
 
-  const onOpen = useCallback(() => {
-    if (typeof options.onOpen === "function") options.onOpen();
-    console.log("Hoory:: onOpen called");
-  }, [options?.onOpen]);
-  const onClose = useCallback(() => {
-    if (typeof options.onClose === "function") options.onClose();
-    console.log("Hoory:: onClose called");
-  }, [options?.onClose]);
+  const onChatOpen = useCallback(() => {
+    if (typeof options.onChatOpen === "function") options.onChatOpen();
+    log("Hoory:: onChatOpen called");
+  }, [options?.onChatOpen]);
+  const onChatClose = useCallback(() => {
+    if (typeof options.onChatClose === "function") options.onChatClose();
+    log("Hoory:: onChatClose called");
+  }, [options?.onChatClose]);
   const onShowButton = useCallback(() => {
     if (typeof options.onShowButton === "function") options.onShowButton();
-    console.log("Hoory:: onShowButton called");
+    log("Hoory:: onShowButton called");
   }, [options?.onShowButton]);
   const onHideButton = useCallback(() => {
     if (typeof options.onHideButton === "function") options.onHideButton();
-    console.log("Hoory:: onHideButton called");
+    log("Hoory:: onHideButton called");
   }, [options?.onHideButton]);
   const onChatInit = useCallback(() => {
     if (typeof options.onChatInit === "function") options.onChatInit();
-    console.log("Hoory:: onChatInit called");
+    log("Hoory:: onChatInit called");
   }, [options?.onChatInit]);
   const onScriptLoad = useCallback(() => {
     if (typeof options.onScriptLoad === "function") options.onScriptLoad();
-    console.log("Hoory:: onScriptLoad called");
+    log("Hoory:: onScriptLoad called");
   }, [options?.onScriptLoad]);
 
   useEffect(() => {
-    config.current.workspace = workspace;
-    config.current.initializeHidden = options.initializeHidden;
-    config.current.initializeHidden = options.initializeHidden;
+    window.hoory = window.hoory || { ...(options.user || {}) };
+    window.hoory.workspace = workspace;
+    window.hoory.initializeHidden = options.initializeHidden;
+    window.hoory.forceChatInit = options.forceChatInit;
     const head = document.getElementsByTagName("script")[0];
     const script = document.createElement("script");
     script.id = "HooryScript";
-    script.async = false;
+    script.async = !0;
     script.src = `${ENV_URLS[env]}${nonce.current}`;
@@ -92,8 +98,7 @@
     script.onload = () => {
-      onScriptLoad();
       window.hoory.onOpen(() => {
-        onOpen();
+        onChatOpen();
       });
       window.hoory.onClose(() => {
-        onClose();
+        onChatClose();
       });
@@ -108,6 +113,7 @@ window.hoory.onShow(() => {
         onChatInit();
-        setIsInitialized(true);
+        setIsChatInitialized(true);
       });
 
       onScriptLoad();
+      setIsScriptLoaded(true);
       window.hoory.init();
@@ -118,3 +124,4 @@ };
   return {
-    isInitialized,
+    isScriptLoaded,
+    isChatInitialized,
     // Functions
@@ -127,4 +134,4 @@ showButton,
     // Listeners
-    onOpen,
-    onClose,
+    onChatOpen,
+    onChatClose,
     onShowButton,
@@ -131,0 +138,0 @@ onHideButton,

package.json

 {
   "name": "@hoory/embed",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "private": false,
@@ -5,0 +5,0 @@ "description": "Hoory script embedder",

README.md

@@ -45,4 +45,4 @@ <p align="center">
   };
-  onOpen?: () => void;
-  onClose?: () => void;
+  onChatOpen?: () => void;
+  onChatClose?: () => void;
   onShowButton?: () => void;
@@ -53,2 +53,4 @@ onHideButton?: () => void;
 };
+
+const api = useHoory('SLUG', options);  
 ```
@@ -61,3 +63,4 @@
 const {
-  isInitialized,
+  isScriptLoaded,
+  isChatInitialized,
   // Functions
@@ -70,8 +73,8 @@ showButton,
   // Listeners
-  onOpen,
-  onClose,
+  onChatOpen,
+  onChatClose,
   onShowButton,
   onHideButton,
   onChatInit,
-  onScriptLoad
+  onScriptLoad,
 } = useHoory("WORKSPACE");
@@ -78,0 +81,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10884

increased by3.53%

Lines of code

145

increased by2.11%

Number of lines in readme file

82

increased by3.8%

Worsened metrics

Number of package files

5

decreased by-16.67%

No dependency changes