react-use-zendesk/dist/index.js

React Zendesk Web Widget integration written in typescript

'use strict';

var o = require('react');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var o__default = /*#__PURE__*/_interopDefault(o);

var c=o.createContext(void 0);var C="ze-snippet";function w(n,r){if(n&&typeof window!="undefined"){let t=()=>{B(),N(n,r);};document.readyState==="complete"?t():window.attachEvent?window.attachEvent("onload",t):window.addEventListener("load",t,!1);}}function B(){if(typeof window!="undefined"){delete window.zE,delete window.zEmbed,delete window.zEACLoaded,delete window.zEWebpackACJsonp;var n=document.getElementById(C),r=document.querySelector("iframe#launcher");n&&n.remove(),r&&r.remove();}}function N(n,r){setTimeout(function(){let t=document.createElement("script");t.id=C,t.type="text/javascript",t.async=!0,t.onload=r,t.src="https://static.zdassets.com/ekr/snippet.js?key="+n;let i=document.getElementsByTagName("script")[0];i==null||i.parentNode.insertBefore(t,i);},0);}var v=typeof window=="undefined";var e=(n,r,...t)=>{if(!v&&window&&window.zE)return window.zE.apply(null,[n,r,...t])};var q=({apiKey:n,onOpen:r,onClose:t,onUnreadMessages:i,onResetWidget:p,children:x})=>{let a=o.useRef(!1),[Z,k]=o__default.default.useState(!1),[b,y]=o__default.default.useState(void 0),u=o.useRef(r),l=o.useRef(t),m=o.useRef(i),f=o.useRef(p);o.useLayoutEffect(()=>{u.current=r,l.current=t,m.current=i,f.current=p;});function h(){a.current||(e("messenger:on","open",function(){k(!0),u.current&&u.current();}),e("messenger:on","close",function(){k(!1),l.current&&l.current();}),e("messenger:on","unreadMessages",function(s){y(s),m.current&&m.current(s);}),a.current=!0);}o.useEffect(()=>(w(n,h),()=>{a.current=!1,g();}),[n]);let E=o__default.default.useCallback(()=>{e("messenger","show");},[]),P=o__default.default.useCallback(()=>{e("messenger","hide");},[]),S=o__default.default.useCallback(()=>{e("messenger","open");},[]),z=o__default.default.useCallback(()=>{e("messenger","close");},[]),R=o__default.default.useCallback(s=>{e("messenger:set","locale",s);},[]),A=o__default.default.useCallback(s=>{e("messenger:set","zIndex",s);},[]),V=o__default.default.useCallback(s=>{e("messenger:set","cookies",s);},[]),F=o__default.default.useCallback(s=>{e("messenger:set","conversationFields",s);},[]),I=o__default.default.useCallback(s=>{e("messenger:set","conversationTags",s);},[]),U=o__default.default.useCallback(s=>{e("messenger","loginUser",M=>{M(s);});},[]),W=o__default.default.useCallback(()=>{e("messenger","logoutUser");},[]),g=o__default.default.useCallback(()=>{e("messenger","resetWidget",s=>{f.current&&f.current();});},[]),L={show:E,hide:P,open:S,close:z,setLocale:R,setZIndex:A,setCookies:V,setConversationFields:F,setConversationTags:I,loginUser:U,logoutUser:W,resetWidget:g,isOpen:Z,unreadMessages:b};return o__default.default.createElement(c.Provider,{value:L},x)};function D(){let n=o__default.default.useContext(c);if(n===void 0)throw new Error('"useZendesk" must be used within "ZendeskProvider"');return n}

exports.ZendeskProvider = q;
exports.useZendesk = D;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map