@opencx/widget 3.0.99 → 3.0.100

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget",
   "private": false,
-  "version": "3.0.99",
+  "version": "3.0.100",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/dist/useModes-CtIywY2i.cjs

@@ -1,2 +0,0 @@
-"use strict";const U=require("swr"),c=require("react"),F=require("uuid"),y=require("react/jsx-runtime"),P=require("./widget.ctx-XvIjOOOZ.cjs"),R="3.0.99";class b{constructor(t){this.components=[];const{components:n}=t;if(n&&n.forEach(o=>this.register(o)),this.components.length===0)throw new Error("No components registered");if(!this.get("fallback"))throw new Error("No fallback component registered")}register(t){const n=this.components.findIndex(o=>o.key===t.key);return n!==-1?this.components[n]=t:this.components.push(t),this}get(t){const n=this.components.find(o=>o.key.toUpperCase()===t.toUpperCase());return n||null}getComponent(t){var n;return(n=this.get(t))==null?void 0:n.component}}const W=c.createContext(null);function A({options:e,children:t,components:n,storage:o,loadingComponent:i}){const u=c.useRef(null),d=c.useRef(!1),[l,C]=c.useState(null),p=c.useMemo(()=>new b({components:n}),[n]);return c.useEffect(()=>{d.current||(d.current=!0,P.WidgetCtx.initialize({config:e,storage:o}).then(C))},[]),l?y.jsx(W.Provider,{value:{widgetCtx:l,config:e,components:n,componentStore:p,version:R,contentIframeRef:u},children:t}):i||null}function g(){const e=c.useContext(W);if(!e)throw new Error("useWidget must be used within a WidgetProvider");return e}function x(){const{config:e}=g();return e}function m(e){return c.useSyncExternalStore(e.subscribe,e.get,e.get)}function M(){const{widgetCtx:e}=g();return{contactState:m(e.contactCtx.state),createUnverifiedContact:e.contactCtx.createUnverifiedContact}}function v(){const{widgetCtx:e}=g();return{messagesState:m(e.messageCtx.state),sendMessage:e.messageCtx.sendMessage}}function w(){const{widgetCtx:e}=g(),{oneOpenSessionAllowed:t}=x(),n=m(e.sessionCtx.sessionState),o=m(e.sessionCtx.sessionsState),{openSessions:i,closedSessions:u}=c.useMemo(()=>({openSessions:o.data.filter(l=>l.isOpened===!0),closedSessions:o.data.filter(l=>l.isOpened===!1)}),[o.data]),d=c.useMemo(()=>t?i.length===0:!0,[t,i.length]);return{sessionState:n,sessionsState:o,loadMoreSessions:e.sessionCtx.loadMoreSessions,resolveSession:e.sessionCtx.resolveSession,createStateCheckpoint:e.sessionCtx.createStateCheckpoint,openSessions:i,closedSessions:u,canCreateNewSession:d}}function k(){var d;const{sessionState:e}=w(),{messagesState:t}=v(),n=((d=e.session)==null?void 0:d.assignee.kind)==="ai",o=t.messages.length>0?t.messages[t.messages.length-1]:null,i=(o==null?void 0:o.type)==="FROM_USER";return{isAwaitingBotReply:(n||e.isCreatingSession)&&(t.isSendingMessage||i)}}function O(){const{widgetCtx:e}=g();return U([e.config.token],e.api.widgetPrelude,{revalidateOnFocus:!1})}function T(){const{widgetCtx:e}=g();return{routerState:m(e.routerCtx.state),toSessionsScreen:e.routerCtx.toSessionsScreen,toChatScreen:e.routerCtx.toChatScreen}}const f=new Map;function N(){const[e,t]=c.useState([]),{widgetCtx:{api:n}}=g();function o(s){const r=s.map(a=>({file:a,id:F.v4(),status:"pending",progress:0}));t(a=>[...a,...r]),r.forEach(d)}function i(s,r){t(a=>a.map(S=>S.id===s?{...S,...r}:S))}function u(s){t(r=>r.filter(a=>a.id!==s))}const d=async s=>{const r=new AbortController;f.set(s.id,r);try{t(S=>S.map(h=>h.id===s.id?{...h,status:"uploading",progress:0}:h));const a=await n.uploadFile({file:s.file,abortSignal:r.signal,onProgress:S=>{i(s.id,{progress:S})}});i(s.id,{status:"success",fileUrl:a.fileUrl,progress:100})}catch(a){r.signal.aborted||i(s.id,{status:"error",error:a instanceof Error?a.message:"Upload failed",progress:0})}finally{f.delete(s.id)}},l=s=>{const r=f.get(s);r&&(r.abort(),f.delete(s)),u(s)},C=c.useMemo(()=>e.filter(s=>s.status==="success"&&s.fileUrl),[e]);function p(){f.forEach(s=>s.abort()),f.clear(),t([])}return c.useEffect(()=>()=>{f.forEach(s=>s.abort()),f.clear()},[]),{allFiles:e,appendFiles:o,handleCancelUpload:l,successFiles:C,emptyTheFiles:p,getFileById:s=>e.find(r=>r.id===s),getUploadProgress:s=>{var r;return((r=e.find(a=>a.id===s))==null?void 0:r.progress)??0},getUploadStatus:s=>{var r;return(r=e.find(a=>a.id===s))==null?void 0:r.status},hasErrors:e.some(s=>s.status==="error"),isUploading:e.some(s=>s.status==="uploading")}}const E=c.createContext(null);function B({children:e}){const t=x(),[n,o]=c.useState(()=>t.inline?!0:t.isOpen??!1);return c.useEffect(()=>{o(i=>t.isOpen??i)},[t.isOpen]),c.useEffect(()=>{const i=t.openAfterNSeconds;if(typeof i!="number"||isNaN(i))return;const u=setTimeout(()=>o(!0),i*1e3);return()=>clearTimeout(u)},[t.openAfterNSeconds]),y.jsx(E.Provider,{value:{isOpen:n,setIsOpen:o},children:e})}function q(){const e=c.useContext(E);if(!e)throw new Error("useWidgetTrigger must be used within a WidgetTriggerProvider");return e}function I(){var l,C;const{widgetCtx:e}=g(),{modesComponents:t}=x(),{sessionState:n}=w(),o=e.modes,i=(l=n.session)==null?void 0:l.modeId,u=o.find(p=>p.id===i),d=(C=t==null?void 0:t.find(p=>{var s,r;return[(u==null?void 0:u.id)||"",((s=u==null?void 0:u.name)==null?void 0:s.toLowerCase())||"",((r=u==null?void 0:u.slug)==null?void 0:r.toLowerCase())||""].includes(p.key.toLowerCase())}))==null?void 0:C.component;return{modes:o,modesComponents:t,activeModeId:i,activeMode:u,Component:d}}exports.WidgetProvider=A;exports.WidgetTriggerProvider=B;exports.useConfig=x;exports.useContact=M;exports.useIsAwaitingBotReply=k;exports.useMessages=v;exports.useModes=I;exports.usePreludeData=O;exports.usePrimitiveState=m;exports.useSessions=w;exports.useUploadFiles=N;exports.useWidget=g;exports.useWidgetRouter=T;exports.useWidgetTrigger=q;
-//# sourceMappingURL=useModes-CtIywY2i.cjs.map