@opencx/widget-react-headless 4.0.19 → 4.0.20

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),v=require("@opencx/widget-core"),M=require("uuid"),F="4.0.19";class R{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 y=i.createContext(null);function U({options:e,children:t,components:n,storage:o,loadingComponent:u}){const a=i.useRef(null),l=i.useRef(!1),[g,f]=i.useState(null),c=i.useMemo(()=>new R({components:n}),[n]);return i.useEffect(()=>{l.current||(l.current=!0,v.WidgetCtx.initialize({config:e,storage:o}).then(f).catch(console.error))},[]),g?i.createElement(y.Provider,{value:{widgetCtx:g,config:e,components:n,componentStore:c,version:F,contentIframeRef:a}},t):u||null}function p(){const e=i.useContext(y);if(!e)throw new Error("useWidget must be used within a WidgetProvider");return e}function w(){const{config:e}=p();return e}function m(e){return i.useSyncExternalStore(e.subscribe,e.get,e.get)}function W(){const{widgetCtx:e}=p();return{contactState:m(e.contactCtx.state),createUnverifiedContact:e.contactCtx.createUnverifiedContact}}function A(){const[e,t]=i.useState("ltr");return i.useEffect(()=>{const n=()=>{typeof document>"u"||t(window.getComputedStyle((window.top||window).document.body).direction)};n();const o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),o.observe(document.body,{attributes:!0,attributeFilter:["dir"]}),window.addEventListener("languagechange",n),()=>{o.disconnect(),window.removeEventListener("languagechange",n)}},[]),{dir:e}}function h(){const{widgetCtx:e}=p();return{messagesState:m(e.messageCtx.state),sendMessage:e.messageCtx.sendMessage}}function x(){const{widgetCtx:e}=p(),{oneOpenSessionAllowed:t}=w(),n=m(e.sessionCtx.sessionState),o=m(e.sessionCtx.sessionsState),{openSessions:u,closedSessions:a}=i.useMemo(()=>({openSessions:o.data.filter(g=>g.isOpened===!0),closedSessions:o.data.filter(g=>g.isOpened===!1)}),[o.data]),l=i.useMemo(()=>t?u.length===0:!0,[t,u.length]);return{sessionState:n,sessionsState:o,loadMoreSessions:e.sessionCtx.loadMoreSessions,resolveSession:e.sessionCtx.resolveSession,createStateCheckpoint:e.sessionCtx.createStateCheckpoint,openSessions:u,closedSessions:a,canCreateNewSession:l}}function P(){var l;const{sessionState:e}=x(),{messagesState:t}=h(),n=((l=e.session)==null?void 0:l.assignee.kind)==="ai",o=t.messages.length>0?t.messages[t.messages.length-1]:null,u=(o==null?void 0:o.type)==="USER";return{isAwaitingBotReply:(n||e.isCreatingSession)&&(t.isSendingMessage||u)}}function T(){const{widgetCtx:e}=p();return{routerState:m(e.routerCtx.state),toSessionsScreen:e.routerCtx.toSessionsScreen,toChatScreen:e.routerCtx.toChatScreen}}const S=new Map;function k(){const[e,t]=i.useState([]),{widgetCtx:{api:n}}=p();function o(s){const r=s.map(d=>({file:d,id:M.v4(),status:"pending",progress:0}));t(d=>[...d,...r]),r.forEach(l)}function u(s,r){t(d=>d.map(C=>C.id===s?{...C,...r}:C))}function a(s){t(r=>r.filter(d=>d.id!==s))}const l=async s=>{const r=new AbortController;S.set(s.id,r);try{t(C=>C.map(b=>b.id===s.id?{...b,status:"uploading",progress:0}:b));const d=await n.uploadFile({file:s.file,abortSignal:r.signal,onProgress:C=>{u(s.id,{progress:C})}});u(s.id,{status:"success",fileUrl:d.fileUrl,progress:100})}catch(d){r.signal.aborted||u(s.id,{status:"error",error:d instanceof Error?d.message:"Upload failed",progress:0})}finally{S.delete(s.id)}},g=s=>{const r=S.get(s);r&&(r.abort(),S.delete(s)),a(s)},f=i.useMemo(()=>e.filter(s=>s.status==="success"&&s.fileUrl),[e]);function c(){S.forEach(s=>s.abort()),S.clear(),t([])}return i.useEffect(()=>()=>{S.forEach(s=>s.abort()),S.clear()},[]),{allFiles:e,appendFiles:o,handleCancelUpload:g,successFiles:f,emptyTheFiles:c,getFileById:s=>e.find(r=>r.id===s),getUploadProgress:s=>{var r;return((r=e.find(d=>d.id===s))==null?void 0:r.progress)??0},getUploadStatus:s=>{var r;return(r=e.find(d=>d.id===s))==null?void 0:r.status},hasErrors:e.some(s=>s.status==="error"),isUploading:e.some(s=>s.status==="uploading")}}const E=i.createContext(null);function O({children:e}){const t=w(),[n,o]=i.useState(()=>t.inline?!0:t.isOpen??!1);return i.useEffect(()=>{o(u=>t.isOpen??u)},[t.isOpen]),i.useEffect(()=>{const u=t.openAfterNSeconds;if(typeof u!="number"||isNaN(u))return;const a=setTimeout(()=>o(!0),u*1e3);return()=>clearTimeout(a)},[t.openAfterNSeconds]),i.createElement(E.Provider,{value:{isOpen:n,setIsOpen:o}},e)}function q(){const e=i.useContext(E);if(!e)throw new Error("useWidgetTrigger must be used within a WidgetTriggerProvider");return e}function N(){var g,f;const{widgetCtx:e}=p(),{modesComponents:t}=w(),{sessionState:n}=x(),o=e.modes,u=(g=n.session)==null?void 0:g.modeId,a=o.find(c=>c.id===u),l=(f=t==null?void 0:t.find(c=>{var s,r;return[(a==null?void 0:a.id)||"",((s=a==null?void 0:a.name)==null?void 0:s.toLowerCase())||"",((r=a==null?void 0:a.slug)==null?void 0:r.toLowerCase())||""].includes(c.key.toLowerCase())}))==null?void 0:f.component;return{modes:o,modesComponents:t,activeModeId:u,activeMode:a,Component:l}}function B(){const{widgetCtx:e}=p(),{messagesState:{messages:t}}=h(),{csatRequestedMessage:n,isCsatRequested:o,csatSubmittedMessage:u,isCsatSubmitted:a,submittedScore:l,submittedFeedback:g}=i.useMemo(()=>{const f=t.find(s=>s.type==="SYSTEM"&&s.subtype==="csat_requested"),c=t.findLast(s=>s.type==="SYSTEM"&&s.subtype==="csat_submitted");return{csatRequestedMessage:f,isCsatRequested:!!f&&!c,csatSubmittedMessage:c,isCsatSubmitted:!!c,submittedScore:c==null?void 0:c.data.payload.score,submittedFeedback:c==null?void 0:c.data.payload.feedback}},[t]);return{submitCsat:e.csatCtx.submitCsat,csatRequestedMessage:n,isCsatRequested:o,csatSubmittedMessage:u,isCsatSubmitted:a,submittedScore:l,submittedFeedback:g}}exports.WidgetProvider=U;exports.WidgetTriggerProvider=O;exports.useConfig=w;exports.useContact=W;exports.useCsat=B;exports.useDocumentDir=A;exports.useIsAwaitingBotReply=P;exports.useMessages=h;exports.useModes=N;exports.usePrimitiveState=m;exports.useSessions=x;exports.useUploadFiles=k;exports.useWidget=p;exports.useWidgetRouter=T;exports.useWidgetTrigger=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),v=require("@opencx/widget-core"),M=require("uuid"),F="4.0.20";class R{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 y=i.createContext(null);function U({options:e,children:t,components:n,storage:o,loadingComponent:u}){const a=i.useRef(null),l=i.useRef(!1),[g,f]=i.useState(null),c=i.useMemo(()=>new R({components:n}),[n]);return i.useEffect(()=>{l.current||(l.current=!0,v.WidgetCtx.initialize({config:e,storage:o}).then(f).catch(console.error))},[]),g?i.createElement(y.Provider,{value:{widgetCtx:g,config:e,components:n,componentStore:c,version:F,contentIframeRef:a}},t):u||null}function p(){const e=i.useContext(y);if(!e)throw new Error("useWidget must be used within a WidgetProvider");return e}function w(){const{config:e}=p();return e}function m(e){return i.useSyncExternalStore(e.subscribe,e.get,e.get)}function W(){const{widgetCtx:e}=p();return{contactState:m(e.contactCtx.state),createUnverifiedContact:e.contactCtx.createUnverifiedContact}}function A(){const[e,t]=i.useState("ltr");return i.useEffect(()=>{const n=()=>{typeof document>"u"||t(window.getComputedStyle((window.top||window).document.body).direction)};n();const o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),o.observe(document.body,{attributes:!0,attributeFilter:["dir"]}),window.addEventListener("languagechange",n),()=>{o.disconnect(),window.removeEventListener("languagechange",n)}},[]),{dir:e}}function h(){const{widgetCtx:e}=p();return{messagesState:m(e.messageCtx.state),sendMessage:e.messageCtx.sendMessage}}function x(){const{widgetCtx:e}=p(),{oneOpenSessionAllowed:t}=w(),n=m(e.sessionCtx.sessionState),o=m(e.sessionCtx.sessionsState),{openSessions:u,closedSessions:a}=i.useMemo(()=>({openSessions:o.data.filter(g=>g.isOpened===!0),closedSessions:o.data.filter(g=>g.isOpened===!1)}),[o.data]),l=i.useMemo(()=>t?u.length===0:!0,[t,u.length]);return{sessionState:n,sessionsState:o,loadMoreSessions:e.sessionCtx.loadMoreSessions,resolveSession:e.sessionCtx.resolveSession,createStateCheckpoint:e.sessionCtx.createStateCheckpoint,openSessions:u,closedSessions:a,canCreateNewSession:l}}function P(){var l;const{sessionState:e}=x(),{messagesState:t}=h(),n=((l=e.session)==null?void 0:l.assignee.kind)==="ai",o=t.messages.length>0?t.messages[t.messages.length-1]:null,u=(o==null?void 0:o.type)==="USER";return{isAwaitingBotReply:(n||e.isCreatingSession)&&(t.isSendingMessage||u)}}function T(){const{widgetCtx:e}=p();return{routerState:m(e.routerCtx.state),toSessionsScreen:e.routerCtx.toSessionsScreen,toChatScreen:e.routerCtx.toChatScreen}}const S=new Map;function k(){const[e,t]=i.useState([]),{widgetCtx:{api:n}}=p();function o(s){const r=s.map(d=>({file:d,id:M.v4(),status:"pending",progress:0}));t(d=>[...d,...r]),r.forEach(l)}function u(s,r){t(d=>d.map(C=>C.id===s?{...C,...r}:C))}function a(s){t(r=>r.filter(d=>d.id!==s))}const l=async s=>{const r=new AbortController;S.set(s.id,r);try{t(C=>C.map(b=>b.id===s.id?{...b,status:"uploading",progress:0}:b));const d=await n.uploadFile({file:s.file,abortSignal:r.signal,onProgress:C=>{u(s.id,{progress:C})}});u(s.id,{status:"success",fileUrl:d.fileUrl,progress:100})}catch(d){r.signal.aborted||u(s.id,{status:"error",error:d instanceof Error?d.message:"Upload failed",progress:0})}finally{S.delete(s.id)}},g=s=>{const r=S.get(s);r&&(r.abort(),S.delete(s)),a(s)},f=i.useMemo(()=>e.filter(s=>s.status==="success"&&s.fileUrl),[e]);function c(){S.forEach(s=>s.abort()),S.clear(),t([])}return i.useEffect(()=>()=>{S.forEach(s=>s.abort()),S.clear()},[]),{allFiles:e,appendFiles:o,handleCancelUpload:g,successFiles:f,emptyTheFiles:c,getFileById:s=>e.find(r=>r.id===s),getUploadProgress:s=>{var r;return((r=e.find(d=>d.id===s))==null?void 0:r.progress)??0},getUploadStatus:s=>{var r;return(r=e.find(d=>d.id===s))==null?void 0:r.status},hasErrors:e.some(s=>s.status==="error"),isUploading:e.some(s=>s.status==="uploading")}}const E=i.createContext(null);function O({children:e}){const t=w(),[n,o]=i.useState(()=>t.inline?!0:t.isOpen??!1);return i.useEffect(()=>{o(u=>t.isOpen??u)},[t.isOpen]),i.useEffect(()=>{const u=t.openAfterNSeconds;if(typeof u!="number"||isNaN(u))return;const a=setTimeout(()=>o(!0),u*1e3);return()=>clearTimeout(a)},[t.openAfterNSeconds]),i.createElement(E.Provider,{value:{isOpen:n,setIsOpen:o}},e)}function q(){const e=i.useContext(E);if(!e)throw new Error("useWidgetTrigger must be used within a WidgetTriggerProvider");return e}function N(){var g,f;const{widgetCtx:e}=p(),{modesComponents:t}=w(),{sessionState:n}=x(),o=e.modes,u=(g=n.session)==null?void 0:g.modeId,a=o.find(c=>c.id===u),l=(f=t==null?void 0:t.find(c=>{var s,r;return[(a==null?void 0:a.id)||"",((s=a==null?void 0:a.name)==null?void 0:s.toLowerCase())||"",((r=a==null?void 0:a.slug)==null?void 0:r.toLowerCase())||""].includes(c.key.toLowerCase())}))==null?void 0:f.component;return{modes:o,modesComponents:t,activeModeId:u,activeMode:a,Component:l}}function B(){const{widgetCtx:e}=p(),{messagesState:{messages:t}}=h(),{csatRequestedMessage:n,isCsatRequested:o,csatSubmittedMessage:u,isCsatSubmitted:a,submittedScore:l,submittedFeedback:g}=i.useMemo(()=>{const f=t.find(s=>s.type==="SYSTEM"&&s.subtype==="csat_requested"),c=t.findLast(s=>s.type==="SYSTEM"&&s.subtype==="csat_submitted");return{csatRequestedMessage:f,isCsatRequested:!!f&&!c,csatSubmittedMessage:c,isCsatSubmitted:!!c,submittedScore:c==null?void 0:c.data.payload.score,submittedFeedback:c==null?void 0:c.data.payload.feedback}},[t]);return{submitCsat:e.csatCtx.submitCsat,csatRequestedMessage:n,isCsatRequested:o,csatSubmittedMessage:u,isCsatSubmitted:a,submittedScore:l,submittedFeedback:g}}exports.WidgetProvider=U;exports.WidgetTriggerProvider=O;exports.useConfig=w;exports.useContact=W;exports.useCsat=B;exports.useDocumentDir=A;exports.useIsAwaitingBotReply=P;exports.useMessages=h;exports.useModes=N;exports.usePrimitiveState=m;exports.useSessions=x;exports.useUploadFiles=k;exports.useWidget=p;exports.useWidgetRouter=T;exports.useWidgetTrigger=q;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,7 +1,7 @@
 import E, { createContext as v, useRef as y, useState as h, useMemo as S, useEffect as C, useContext as F, useSyncExternalStore as M } from "react";
 import { WidgetCtx as W } from "@opencx/widget-core";
 import { v4 as T } from "uuid";
-const O = "4.0.19";
+const O = "4.0.20";
 class P {
   constructor(t) {
     this.components = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget-react-headless",
   "private": false,
-  "version": "4.0.19",
+  "version": "4.0.20",
   "type": "module",
   "repository": {
     "type": "git",
@@ -20,7 +20,7 @@
   "dependencies": {
     "swr": "^2.2.5",
     "uuid": "^11.0.4",
-    "@opencx/widget-core": "4.0.19"
+    "@opencx/widget-core": "4.0.20"
   },
   "peerDependencies": {
     "@types/react": ">=18 <20",
@@ -29,8 +29,8 @@
     "react-dom": ">=18 <20"
   },
   "devDependencies": {
-    "@opencx/eslint-config": "0.0.0",
-    "@opencx/tsconfig": "0.0.1"
+    "@opencx/tsconfig": "0.0.1",
+    "@opencx/eslint-config": "0.0.0"
   },
   "scripts": {
     "clean": "rm -rf node_modules dist .turbo",