@jpmorganchase/mosaic-content-editor-plugin 0.1.0-beta.49 → 0.1.0-beta.52

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-@jpmorganchase/mosaic-content-editor-plugin:build: cache hit, replaying output 3000f9b9dd1dfb1e
+@jpmorganchase/mosaic-content-editor-plugin:build: cache hit, replaying output 40b46b924418f067
 @jpmorganchase/mosaic-content-editor-plugin:build: $ npm-run-all --parallel build:*
 @jpmorganchase/mosaic-content-editor-plugin:build: $ node ../../scripts/bundle.js
 @jpmorganchase/mosaic-content-editor-plugin:build: $ tsc

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @jpmorganchase/mosaic-content-editor-plugin
 
+## 0.1.0-beta.52
+
+### Patch Changes
+
+- 9ad7418c: Use a websocket for workflows
+  - @jpmorganchase/mosaic-components@0.1.0-beta.52
+  - @jpmorganchase/mosaic-theme@0.1.0-beta.52
+
+## 0.1.0-beta.51
+
+### Patch Changes
+
+- Updated dependencies [56bbad4b]
+  - @jpmorganchase/mosaic-components@0.1.0-beta.51
+  - @jpmorganchase/mosaic-theme@0.1.0-beta.51
+
+## 0.1.0-beta.50
+
+### Patch Changes
+
+- @jpmorganchase/mosaic-components@0.1.0-beta.50
+- @jpmorganchase/mosaic-theme@0.1.0-beta.50
+
 ## 0.1.0-beta.49
 
 ### Patch Changes

package/dist/{chunk-L2OH7BJU.js → chunk-7O2SLISS.js}

@@ -1 +1 @@
-import{a as f}from"./chunk-5KRV6UWE.js";import{c as b}from"./chunk-YFKHACPP.js";import{a as u}from"./chunk-YIFLQ5MW.js";import{a as y}from"./chunk-7JRJTNUG.js";import{a as c}from"./chunk-GYUEXLD6.js";import{a as d}from"./chunk-TSWYSURQ.js";import o,{useCallback as U,useEffect as h,useState as T}from"react";import{useLexicalComposerContext as L}from"@lexical/react/LexicalComposerContext";import{mergeRegister as A}from"@lexical/utils";import{$getSelection as B,$isRangeSelection as M,COMMAND_PRIORITY_LOW as R,SELECTION_CHANGE_COMMAND as _}from"lexical";import{flip as k,inline as w,useInteractions as D,useDismiss as $}from"@floating-ui/react";import{useFloatingUI as v}from"@salt-ds/core";function tt(){let[e]=L(),[t,i]=T(null),[m,r]=T(!1),C=t?{middleware:[w(t),k({fallbackPlacements:["bottom-start","top-start"]})]}:{placement:"bottom-start",strategy:"absolute"},{context:P,floating:x,reference:p,strategy:F}=v({placement:"bottom-start",open:m,onOpenChange:r,strategy:"absolute",...C}),{getFloatingProps:I}=D([$(P,{ancestorScroll:!0})]),n=U(()=>{let l=B(),s=window.getSelection(),g=s?.anchorNode?.parentElement;if(M(l)&&g&&!s?.isCollapsed){p(g);let S=s.getRangeAt(0),{x:E,y:O,height:N}=S.getBoundingClientRect();i({x:E,y:O+N}),r(!0)}else i(null),r(!1)},[p]);h(()=>A(e.registerUpdateListener(({editorState:l})=>{l.read(()=>{n()})}),e.registerCommand(_,()=>(n(),!1),R)),[e,n]);let a={position:F};return t&&(a={...a,top:t.y,left:t.x}),o.createElement(u,{ref:x,open:m,style:a,...I({})},o.createElement(y,{"aria-label":"page editing toolbar",className:d.toolbar},o.createElement(f,{floating:!0}),o.createElement(c,{"aria-label":"text format tooltray"},o.createElement(b,null))))}export{tt as a};
+import{a as f}from"./chunk-5KRV6UWE.js";import{c as b}from"./chunk-EPOQVSZ5.js";import{a as u}from"./chunk-YIFLQ5MW.js";import{a as d}from"./chunk-TSWYSURQ.js";import{a as y}from"./chunk-7JRJTNUG.js";import{a as c}from"./chunk-GYUEXLD6.js";import o,{useCallback as U,useEffect as h,useState as T}from"react";import{useLexicalComposerContext as L}from"@lexical/react/LexicalComposerContext";import{mergeRegister as A}from"@lexical/utils";import{$getSelection as B,$isRangeSelection as M,COMMAND_PRIORITY_LOW as R,SELECTION_CHANGE_COMMAND as _}from"lexical";import{flip as k,inline as w,useInteractions as D,useDismiss as $}from"@floating-ui/react";import{useFloatingUI as v}from"@salt-ds/core";function tt(){let[e]=L(),[t,i]=T(null),[m,r]=T(!1),C=t?{middleware:[w(t),k({fallbackPlacements:["bottom-start","top-start"]})]}:{placement:"bottom-start",strategy:"absolute"},{context:P,floating:x,reference:p,strategy:F}=v({placement:"bottom-start",open:m,onOpenChange:r,strategy:"absolute",...C}),{getFloatingProps:I}=D([$(P,{ancestorScroll:!0})]),n=U(()=>{let l=B(),s=window.getSelection(),g=s?.anchorNode?.parentElement;if(M(l)&&g&&!s?.isCollapsed){p(g);let S=s.getRangeAt(0),{x:E,y:O,height:N}=S.getBoundingClientRect();i({x:E,y:O+N}),r(!0)}else i(null),r(!1)},[p]);h(()=>A(e.registerUpdateListener(({editorState:l})=>{l.read(()=>{n()})}),e.registerCommand(_,()=>(n(),!1),R)),[e,n]);let a={position:F};return t&&(a={...a,top:t.y,left:t.x}),o.createElement(u,{ref:x,open:m,style:a,...I({})},o.createElement(y,{"aria-label":"page editing toolbar",className:d.toolbar},o.createElement(f,{floating:!0}),o.createElement(c,{"aria-label":"text format tooltray"},o.createElement(b,null))))}export{tt as a};

package/dist/{chunk-G5KHGFL7.js → chunk-CBQZGN4Y.js}

@@ -1 +1 @@
-import{a as l}from"./chunk-4B2NDAA2.js";import{a as s}from"./chunk-DLRFTDUZ.js";import{a as d}from"./chunk-NRVOINKM.js";import{a as b}from"./chunk-DXTVYP7D.js";import{a as n}from"./chunk-PC66Q33O.js";import{a as m}from"./chunk-FW7CHFWO.js";import{a as e}from"./chunk-5KRV6UWE.js";import{c as p}from"./chunk-YFKHACPP.js";import{a as T}from"./chunk-7JRJTNUG.js";import{a as r}from"./chunk-GYUEXLD6.js";import{a as t}from"./chunk-3QIETKQW.js";import{c as i}from"./chunk-G57W376H.js";import o from"react";import{Icon as a}from"@jpmorganchase/mosaic-components";var I=()=>{let{canRedo:f,canUndo:y,redoEdit:u,undoEdit:g}=m(),{setPageState:B}=i();return o.createElement(T,{"aria-label":"page editing toolbar"},o.createElement(r,{"aria-label":"history tooltray"},o.createElement(t,{label:"Undo",disabled:!y,onClick:g},o.createElement(a,{name:"undo"})),o.createElement(t,{label:"Redo",disabled:!f,onClick:u},o.createElement(a,{name:"redo"})),o.createElement(l,null)),o.createElement(e,null),o.createElement(r,{"aria-label":"text format tooltray"},o.createElement(p,null),o.createElement(b,null),o.createElement(d,null),o.createElement(s,null),o.createElement(l,null)),o.createElement(r,{"aria-label":"stop editing tooltray",align:"right"},o.createElement(t,{label:"Cancel Editing",onClick:()=>B("VIEW")},o.createElement(a,{name:"delete"})),o.createElement(l,null)),o.createElement(r,{"aria-label":"copy tooltray"},o.createElement(n,null)))},W=I;export{W as a};
+import{a as l}from"./chunk-4B2NDAA2.js";import{a as s}from"./chunk-DLRFTDUZ.js";import{a as d}from"./chunk-CXTIKD2Y.js";import{a as b}from"./chunk-DXTVYP7D.js";import{a as n}from"./chunk-PC66Q33O.js";import{a as m}from"./chunk-FW7CHFWO.js";import{a as e}from"./chunk-5KRV6UWE.js";import{c as p}from"./chunk-EPOQVSZ5.js";import{a as T}from"./chunk-7JRJTNUG.js";import{a as r}from"./chunk-GYUEXLD6.js";import{a as t}from"./chunk-3QIETKQW.js";import{c as i}from"./chunk-G57W376H.js";import o from"react";import{Icon as a}from"@jpmorganchase/mosaic-components";var I=()=>{let{canRedo:f,canUndo:y,redoEdit:u,undoEdit:g}=m(),{setPageState:B}=i();return o.createElement(T,{"aria-label":"page editing toolbar"},o.createElement(r,{"aria-label":"history tooltray"},o.createElement(t,{label:"Undo",disabled:!y,onClick:g},o.createElement(a,{name:"undo"})),o.createElement(t,{label:"Redo",disabled:!f,onClick:u},o.createElement(a,{name:"redo"})),o.createElement(l,null)),o.createElement(e,null),o.createElement(r,{"aria-label":"text format tooltray"},o.createElement(p,null),o.createElement(b,null),o.createElement(d,null),o.createElement(s,null),o.createElement(l,null)),o.createElement(r,{"aria-label":"stop editing tooltray",align:"right"},o.createElement(t,{label:"Cancel Editing",onClick:()=>B("VIEW")},o.createElement(a,{name:"delete"})),o.createElement(l,null)),o.createElement(r,{"aria-label":"copy tooltray"},o.createElement(n,null)))},W=I;export{W as a};

package/dist/{chunk-NRVOINKM.js → chunk-CXTIKD2Y.js}

@@ -1 +1 @@
-import{a as b}from"./chunk-KZXCNQER.js";import{a as I}from"./chunk-YBFKG74H.js";import{a as v}from"./chunk-3QIETKQW.js";import{a as h}from"./chunk-XSZUCLBY.js";import e,{useState as i}from"react";import{useLexicalComposerContext as M}from"@lexical/react/LexicalComposerContext";import{Button as c,Icon as P}from"@jpmorganchase/mosaic-components";import{string as C,object as V}from"yup";import{Input as S,FormField as D,FormFieldLabel as y,FormFieldHelperText as A}from"@salt-ds/core";import{ButtonBar as q,DialogTitle as w,DialogContent as L,DialogActions as N}from"@salt-ds/lab";var B=V({alt:C().required("Alternative Information is a required field").max(100,"Alternative Information must be fewer than 100 characters"),url:C().required("Url is required").url("Must be a valid Url")}),E={url:"https://"},Y=()=>{let[T]=M(),[s,m]=i(!1),[r,u]=i(E),[n,d]=i(),f=t=>{m(t),t||u(E)},x=()=>m(!0),p=()=>{f(!1)},g=t=>{let o=t.inner.reduce((l,{path:a,message:O})=>({...l,[a]:O}),{});d(o)},F=t=>{let{name:o,value:l}=t.target,a={...r,[o]:l};B.validateAt(o,a,{abortEarly:!1}).then(()=>{d({...n,[o]:void 0})},g),u(a)};return e.createElement(e.Fragment,null,e.createElement(v,{active:s,onClick:x,label:"Insert Image"},e.createElement(P,{name:"addDocument"})),e.createElement(h,{onOpenChange:f,open:s},e.createElement("form",{onSubmit:async t=>{t.preventDefault(),B.validate(r,{abortEarly:!1}).then(()=>{let o={alt:r&&r.alt!==void 0?r.alt:null,url:r&&r.url!==void 0?r.url:null};T.dispatchCommand(I,o),p()},g)},noValidate:!0},e.createElement(w,null,"Insert Image"),e.createElement(L,null,e.createElement("div",{className:b.fullWidth},e.createElement(D,{validationStatus:n?.url?"error":void 0},e.createElement(y,null,"Url for image"),e.createElement(S,{value:r?.url,inputProps:{name:"url"},onChange:F}),e.createElement(A,null,n?.url)),e.createElement(D,{validationStatus:n?.alt?"error":void 0},e.createElement(y,null,"Alternative Information (alt)"),e.createElement(S,{value:r?.alt,inputProps:{name:"alt"},onChange:F}),e.createElement(A,null,n?.alt||"Provides alternative information for the image if for some reason it cannot be viewed")))),e.createElement(N,null,e.createElement(q,null,e.createElement(c,{onClick:p},"Cancel"),e.createElement(c,{variant:"cta",type:"submit"},"Insert"))))))};export{Y as a};
+import{a as b}from"./chunk-KZXCNQER.js";import{a as I}from"./chunk-YBFKG74H.js";import{a as h}from"./chunk-XSZUCLBY.js";import{a as v}from"./chunk-3QIETKQW.js";import e,{useState as i}from"react";import{useLexicalComposerContext as M}from"@lexical/react/LexicalComposerContext";import{Button as c,Icon as P}from"@jpmorganchase/mosaic-components";import{string as C,object as V}from"yup";import{Input as S,FormField as D,FormFieldLabel as y,FormFieldHelperText as A}from"@salt-ds/core";import{ButtonBar as q,DialogTitle as w,DialogContent as L,DialogActions as N}from"@salt-ds/lab";var B=V({alt:C().required("Alternative Information is a required field").max(100,"Alternative Information must be fewer than 100 characters"),url:C().required("Url is required").url("Must be a valid Url")}),E={url:"https://"},Y=()=>{let[T]=M(),[s,m]=i(!1),[r,u]=i(E),[n,d]=i(),f=t=>{m(t),t||u(E)},x=()=>m(!0),p=()=>{f(!1)},g=t=>{let o=t.inner.reduce((l,{path:a,message:O})=>({...l,[a]:O}),{});d(o)},F=t=>{let{name:o,value:l}=t.target,a={...r,[o]:l};B.validateAt(o,a,{abortEarly:!1}).then(()=>{d({...n,[o]:void 0})},g),u(a)};return e.createElement(e.Fragment,null,e.createElement(v,{active:s,onClick:x,label:"Insert Image"},e.createElement(P,{name:"addDocument"})),e.createElement(h,{onOpenChange:f,open:s},e.createElement("form",{onSubmit:async t=>{t.preventDefault(),B.validate(r,{abortEarly:!1}).then(()=>{let o={alt:r&&r.alt!==void 0?r.alt:null,url:r&&r.url!==void 0?r.url:null};T.dispatchCommand(I,o),p()},g)},noValidate:!0},e.createElement(w,null,"Insert Image"),e.createElement(L,null,e.createElement("div",{className:b.fullWidth},e.createElement(D,{validationStatus:n?.url?"error":void 0},e.createElement(y,null,"Url for image"),e.createElement(S,{value:r?.url,inputProps:{name:"url"},onChange:F}),e.createElement(A,null,n?.url)),e.createElement(D,{validationStatus:n?.alt?"error":void 0},e.createElement(y,null,"Alternative Information (alt)"),e.createElement(S,{value:r?.alt,inputProps:{name:"alt"},onChange:F}),e.createElement(A,null,n?.alt||"Provides alternative information for the image if for some reason it cannot be viewed")))),e.createElement(N,null,e.createElement(q,null,e.createElement(c,{onClick:p},"Cancel"),e.createElement(c,{variant:"cta",type:"submit"},"Insert"))))))};export{Y as a};

package/dist/{chunk-YFKHACPP.js → chunk-EPOQVSZ5.js}

@@ -1 +1 @@
-import{a as C}from"./chunk-WZYDYWT3.js";import{a as I}from"./chunk-3QIETKQW.js";import{e as p}from"./chunk-G57W376H.js";import{a as k}from"./chunk-XSZUCLBY.js";import{$createLinkNode as W,TOGGLE_LINK_COMMAND as G}from"@lexical/link";import{useLexicalComposerContext as U}from"@lexical/react/LexicalComposerContext";import{$wrapNodes as j}from"@lexical/selection";import{$createParagraphNode as Y,$createTextNode as z,$getSelection as J,$isRangeSelection as Q,$isTextNode as X,COMMAND_PRIORITY_EDITOR as Z,createCommand as R}from"lexical";import ee,{useCallback as te,useEffect as ne}from"react";import e,{useEffect as O,useState as F}from"react";import{useLexicalComposerContext as B}from"@lexical/react/LexicalComposerContext";import{Button as N,Icon as _}from"@jpmorganchase/mosaic-components";import{string as h,object as A}from"yup";import{Input as T,FormField as D,FormFieldLabel as S,FormFieldHelperText as E}from"@salt-ds/core";import{ButtonBar as $,DialogTitle as w,DialogContent as K,DialogActions as q}from"@salt-ds/lab";import{$getSelection as V,$isRangeSelection as H}from"lexical";var b=A({url:h().required("Url is required"),text:h().required("Text is required").max(100,"Text must be fewer than 100 characters")}),Le=()=>{let{isInsertingLink:t,setIsInsertingLink:r}=p();return e.createElement(I,{active:t,onClick:()=>r(!0),label:"Insert Link"},e.createElement(_,{name:"linked"}))},v={url:"https://",text:""},y=()=>{let[t]=B(),{isInsertingLink:r,setIsInsertingLink:s}=p(),[o,i]=F(v),[a,d]=F(),m=n=>{s(n),n||(d(void 0),i(v))},g=()=>{m(!1)};O(()=>{t.getEditorState().read(()=>{if(r){let n=V();if(H(n)){let l=n.getTextContent();i(u=>({...u,text:l}))}}})},[t,r]);let x=n=>{let l=n.inner.reduce((u,{path:c,message:P})=>({...u,[c]:P}),{});d(l)},L=n=>{let{name:l,value:u}=n.target,c={...o,[l]:u};b.validateAt(l,c,{abortEarly:!1}).then(()=>{d({...a,[l]:void 0})},x),i(c)},M=async()=>{b.validate(o,{abortEarly:!1}).then(()=>{let n={url:o?.url,text:o?.text};t.dispatchCommand(f,n),g()},x)};return e.createElement(k,{onOpenChange:m,open:r},e.createElement(w,null,"Insert Link"),e.createElement(K,null,e.createElement("div",{className:C.fullWidth},e.createElement(D,{validationStatus:a?.url?"error":void 0},e.createElement(S,null,"Image URL text"),e.createElement(T,{value:o?.url,inputProps:{name:"url"},onChange:L}),e.createElement(E,null,a?.url)),e.createElement(D,{validationStatus:a?.text?"error":void 0},e.createElement(S,null,"Link Text"),e.createElement(T,{value:o?.text,inputProps:{name:"text"},onChange:L}),e.createElement(E,null,a?.text)))),e.createElement(q,null,e.createElement($,null,e.createElement(N,{onClick:g},"Cancel"),e.createElement(N,{variant:"cta",onClick:M},"Insert"))))};var f=R();function oe(){let[t]=U(),r=te(({url:s,text:o})=>{t.update(()=>{let i=J();if(Q(i)&&s!==void 0&&o!==void 0){let a=i.focus.getNode();if(X(a))t.dispatchCommand(G,s);else{let d=W(s),m=z(o);m.setFormat(i.focus.getNode().getFormat()),d.append(m),j(i,()=>d,Y())}}})},[t]);ne(()=>t.registerCommand(f,s=>(r(s),!0),Z),[t,r])}function Se(){return oe(),ee.createElement(y,null)}export{f as a,Se as b,Le as c,y as d};
+import{a as C}from"./chunk-WZYDYWT3.js";import{a as k}from"./chunk-XSZUCLBY.js";import{a as I}from"./chunk-3QIETKQW.js";import{e as p}from"./chunk-G57W376H.js";import{$createLinkNode as W,TOGGLE_LINK_COMMAND as G}from"@lexical/link";import{useLexicalComposerContext as U}from"@lexical/react/LexicalComposerContext";import{$wrapNodes as j}from"@lexical/selection";import{$createParagraphNode as Y,$createTextNode as z,$getSelection as J,$isRangeSelection as Q,$isTextNode as X,COMMAND_PRIORITY_EDITOR as Z,createCommand as R}from"lexical";import ee,{useCallback as te,useEffect as ne}from"react";import e,{useEffect as O,useState as F}from"react";import{useLexicalComposerContext as B}from"@lexical/react/LexicalComposerContext";import{Button as N,Icon as _}from"@jpmorganchase/mosaic-components";import{string as h,object as A}from"yup";import{Input as T,FormField as D,FormFieldLabel as S,FormFieldHelperText as E}from"@salt-ds/core";import{ButtonBar as $,DialogTitle as w,DialogContent as K,DialogActions as q}from"@salt-ds/lab";import{$getSelection as V,$isRangeSelection as H}from"lexical";var b=A({url:h().required("Url is required"),text:h().required("Text is required").max(100,"Text must be fewer than 100 characters")}),Le=()=>{let{isInsertingLink:t,setIsInsertingLink:r}=p();return e.createElement(I,{active:t,onClick:()=>r(!0),label:"Insert Link"},e.createElement(_,{name:"linked"}))},v={url:"https://",text:""},y=()=>{let[t]=B(),{isInsertingLink:r,setIsInsertingLink:s}=p(),[o,i]=F(v),[a,d]=F(),m=n=>{s(n),n||(d(void 0),i(v))},g=()=>{m(!1)};O(()=>{t.getEditorState().read(()=>{if(r){let n=V();if(H(n)){let l=n.getTextContent();i(u=>({...u,text:l}))}}})},[t,r]);let x=n=>{let l=n.inner.reduce((u,{path:c,message:P})=>({...u,[c]:P}),{});d(l)},L=n=>{let{name:l,value:u}=n.target,c={...o,[l]:u};b.validateAt(l,c,{abortEarly:!1}).then(()=>{d({...a,[l]:void 0})},x),i(c)},M=async()=>{b.validate(o,{abortEarly:!1}).then(()=>{let n={url:o?.url,text:o?.text};t.dispatchCommand(f,n),g()},x)};return e.createElement(k,{onOpenChange:m,open:r},e.createElement(w,null,"Insert Link"),e.createElement(K,null,e.createElement("div",{className:C.fullWidth},e.createElement(D,{validationStatus:a?.url?"error":void 0},e.createElement(S,null,"Image URL text"),e.createElement(T,{value:o?.url,inputProps:{name:"url"},onChange:L}),e.createElement(E,null,a?.url)),e.createElement(D,{validationStatus:a?.text?"error":void 0},e.createElement(S,null,"Link Text"),e.createElement(T,{value:o?.text,inputProps:{name:"text"},onChange:L}),e.createElement(E,null,a?.text)))),e.createElement(q,null,e.createElement($,null,e.createElement(N,{onClick:g},"Cancel"),e.createElement(N,{variant:"cta",onClick:M},"Insert"))))};var f=R();function oe(){let[t]=U(),r=te(({url:s,text:o})=>{t.update(()=>{let i=J();if(Q(i)&&s!==void 0&&o!==void 0){let a=i.focus.getNode();if(X(a))t.dispatchCommand(G,s);else{let d=W(s),m=z(o);m.setFormat(i.focus.getNode().getFormat()),d.append(m),j(i,()=>d,Y())}}})},[t]);ne(()=>t.registerCommand(f,s=>(r(s),!0),Z),[t,r])}function Se(){return oe(),ee.createElement(y,null)}export{f as a,Se as b,Le as c,y as d};

package/dist/chunk-GNXBZEEO.js

@@ -0,0 +1 @@
+import{useEffect as l,useRef as c}from"react";var u=process.env.NEXT_PUBLIC_MOSAIC_WORKFLOWS_URL||"";function g(o,a,f){let e=c(),t=c();return l(function(){try{e.current=new WebSocket(u),e.current.onopen=()=>console.log(`Workflows websocket open: ${u}`),e.current.onclose=()=>console.log("Workflows websocket closed"),e.current.onmessage=r=>{let s=JSON.parse(r.data);s.channel===t.current&&(s.status==="ERROR"&&o(s),s.status==="COMPLETE"&&f(s),(s.status==="IN_PROGRESS"||s.status==="SUCCESS")&&a(s))}}catch(r){o(r)}return()=>{e.current&&e.current?.OPEN&&(t.current=null,e.current.close())}},[]),{sendWorkflowProgressMessage:(n,r)=>{e.current?.OPEN&&(t.current=r,e.current?.send(n))}}}export{g as a};

package/dist/{chunk-U4LYPE2K.js → chunk-ICJP373O.js}

@@ -1 +1 @@
-import{a as E}from"./chunk-G5KHGFL7.js";import{a as y}from"./chunk-TVGVMAJS.js";import{a as f}from"./chunk-UWF3FV3R.js";import{a as x}from"./chunk-QHE4U3WR.js";import{a}from"./chunk-M4ISRNFD.js";import{b as w}from"./chunk-YBFKG74H.js";import{a as M}from"./chunk-ROQUYURQ.js";import{a as h}from"./chunk-3FJGHVH5.js";import{a as k}from"./chunk-QKOQTH4L.js";import{a as P}from"./chunk-RO6ARCLZ.js";import{a as b}from"./chunk-L2OH7BJU.js";import{b as S}from"./chunk-YFKHACPP.js";import{a as C,d as v,f as l}from"./chunk-G57W376H.js";import{a as T}from"./chunk-FKL4ZGDB.js";import{a as g}from"./chunk-PXUVNH4P.js";import{a as n}from"./chunk-NXV7KCC5.js";import R from"react";import{$convertToMarkdownString as oo}from"@lexical/markdown";import{OnChangePlugin as ro}from"@lexical/react/LexicalOnChangePlugin";import to from"lodash/debounce";import o,{useRef as B,useState as D}from"react";import H from"clsx";import j from"gray-matter";import{LexicalComposer as A}from"@lexical/react/LexicalComposer";import{ListPlugin as I}from"@lexical/react/LexicalListPlugin";import{TablePlugin as J}from"@lexical/react/LexicalTablePlugin";import{LinkPlugin as W}from"@lexical/react/LexicalLinkPlugin";import{HistoryPlugin as X}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as q}from"@lexical/react/LexicalMarkdownShortcutPlugin";import G from"react-split";import{$convertFromMarkdownString as K}from"@lexical/markdown";function Q(r){console.error(r)}var V={namespace:"mosaic-content-editor",onError:Q,nodes:P,theme:h},Y=()=>{let r=document.createElement("div");return r.className=n.gutter,r},Z=({components:r,content:e,persistUrl:m,PreviewComponent:i,previewUrl:s,source:p,user:t})=>{let L=C()||p,{setUser:N}=v(),[c,u]=D(!1),U=B(null),{data:d,content:z}=j(e),$=()=>{u(!0),N(t)},O=()=>{u(!1)};return o.createElement(A,{initialConfig:{...V,editorState:()=>K(z,a)}},o.createElement("div",{className:n.root,onFocus:$,onBlur:O},o.createElement("div",{className:n.toolbarContainer},o.createElement(E,null),o.createElement(y,{meta:d,persistUrl:m}),o.createElement(k,null)),o.createElement("div",{className:n.editorRoot},o.createElement(G,{className:n.splitter,cursor:"col-resize",direction:"horizontal",dragInterval:1,expandToMin:!1,gutter:Y,gutterAlign:"center",minSize:100,sizes:[50,50],snapOffset:30},o.createElement(f,{className:H({[n.focused]:c,[n.unfocused]:!c}),ref:U},o.createElement(g,null)),o.createElement(f,null,i&&o.createElement(i,{source:L,meta:d,components:r}))),o.createElement(X,null),o.createElement(I,null),o.createElement(J,null),o.createElement(W,null),o.createElement(q,{transformers:a}),s?o.createElement(F,{previewUrl:s}):null,o.createElement(w,null),o.createElement(S,null),o.createElement(x,null),o.createElement(T,null),o.createElement(b,null),o.createElement(M,null))))},_=Z;async function eo(r,e){return await(await fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"markdown",text:e})})).json()}function no(r){let e=to(r,250,{maxWait:500});return{onChange:i=>{i.read(()=>{let s=oo(a);s&&e(s)})}}}var F=({previewUrl:r})=>{let{setErrorMessage:e,setPreviewContent:m}=l(),i=async p=>{try{if(p){let t=await eo(r,p);!t.error&&t?.source?m(t.source):e(`${t.error?.toUpperCase()}: ${t?.exception}`)}}catch(t){t instanceof Error&&e(`MDX Error: ${t.message}`)}},{onChange:s}=no(i);return R.createElement(ro,{onChange:s,ignoreSelectionChange:!0})};export{F as a,_ as b};
+import{a as E}from"./chunk-CBQZGN4Y.js";import{a as y}from"./chunk-PIYHEBW7.js";import{a as f}from"./chunk-UWF3FV3R.js";import{a as x}from"./chunk-QHE4U3WR.js";import{a}from"./chunk-M4ISRNFD.js";import{b as w}from"./chunk-YBFKG74H.js";import{a as M}from"./chunk-ROQUYURQ.js";import{a as h}from"./chunk-3FJGHVH5.js";import{a as k}from"./chunk-QKOQTH4L.js";import{a as P}from"./chunk-RO6ARCLZ.js";import{a as b}from"./chunk-7O2SLISS.js";import{b as S}from"./chunk-EPOQVSZ5.js";import{a as T}from"./chunk-FKL4ZGDB.js";import{a as g}from"./chunk-PXUVNH4P.js";import{a as n}from"./chunk-NXV7KCC5.js";import{a as C,d as v,f as l}from"./chunk-G57W376H.js";import R from"react";import{$convertToMarkdownString as oo}from"@lexical/markdown";import{OnChangePlugin as ro}from"@lexical/react/LexicalOnChangePlugin";import to from"lodash/debounce";import o,{useRef as B,useState as D}from"react";import H from"clsx";import j from"gray-matter";import{LexicalComposer as A}from"@lexical/react/LexicalComposer";import{ListPlugin as I}from"@lexical/react/LexicalListPlugin";import{TablePlugin as J}from"@lexical/react/LexicalTablePlugin";import{LinkPlugin as W}from"@lexical/react/LexicalLinkPlugin";import{HistoryPlugin as X}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as q}from"@lexical/react/LexicalMarkdownShortcutPlugin";import G from"react-split";import{$convertFromMarkdownString as K}from"@lexical/markdown";function Q(r){console.error(r)}var V={namespace:"mosaic-content-editor",onError:Q,nodes:P,theme:h},Y=()=>{let r=document.createElement("div");return r.className=n.gutter,r},Z=({components:r,content:e,persistUrl:m,PreviewComponent:i,previewUrl:s,source:p,user:t})=>{let L=C()||p,{setUser:N}=v(),[c,u]=D(!1),U=B(null),{data:d,content:z}=j(e),$=()=>{u(!0),N(t)},O=()=>{u(!1)};return o.createElement(A,{initialConfig:{...V,editorState:()=>K(z,a)}},o.createElement("div",{className:n.root,onFocus:$,onBlur:O},o.createElement("div",{className:n.toolbarContainer},o.createElement(E,null),o.createElement(y,{meta:d,persistUrl:m}),o.createElement(k,null)),o.createElement("div",{className:n.editorRoot},o.createElement(G,{className:n.splitter,cursor:"col-resize",direction:"horizontal",dragInterval:1,expandToMin:!1,gutter:Y,gutterAlign:"center",minSize:100,sizes:[50,50],snapOffset:30},o.createElement(f,{className:H({[n.focused]:c,[n.unfocused]:!c}),ref:U},o.createElement(g,null)),o.createElement(f,null,i&&o.createElement(i,{source:L,meta:d,components:r}))),o.createElement(X,null),o.createElement(I,null),o.createElement(J,null),o.createElement(W,null),o.createElement(q,{transformers:a}),s?o.createElement(F,{previewUrl:s}):null,o.createElement(w,null),o.createElement(S,null),o.createElement(x,null),o.createElement(T,null),o.createElement(b,null),o.createElement(M,null))))},_=Z;async function eo(r,e){return await(await fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"markdown",text:e})})).json()}function no(r){let e=to(r,250,{maxWait:500});return{onChange:i=>{i.read(()=>{let s=oo(a);s&&e(s)})}}}var F=({previewUrl:r})=>{let{setErrorMessage:e,setPreviewContent:m}=l(),i=async p=>{try{if(p){let t=await eo(r,p);!t.error&&t?.source?m(t.source):e(`${t.error?.toUpperCase()}: ${t?.exception}`)}}catch(t){t instanceof Error&&e(`MDX Error: ${t.message}`)}},{onChange:s}=no(i);return R.createElement(ro,{onChange:s,ignoreSelectionChange:!0})};export{F as a,_ as b};

package/dist/chunk-PIYHEBW7.js

@@ -0,0 +1 @@
+import{a as D}from"./chunk-VDGHHU3F.js";import{a as k}from"./chunk-R2MEEU32.js";import{a as h}from"./chunk-M4ISRNFD.js";import{a as y}from"./chunk-GNXBZEEO.js";import{a as S}from"./chunk-XSZUCLBY.js";import{c as P,d as C}from"./chunk-G57W376H.js";import e,{useState as g}from"react";import F from"md5";import{useLexicalComposerContext as G}from"@lexical/react/LexicalComposerContext";import{$convertToMarkdownString as O}from"@lexical/markdown";import{Link as $,P2 as b,Button as w}from"@jpmorganchase/mosaic-components";import{ButtonBar as J,DialogTitle as U,DialogContent as V,DialogActions as _}from"@salt-ds/lab";var j=({isRaising:f,prHref:l,error:c})=>!f&&!l&&!c?e.createElement(e.Fragment,null,e.createElement(b,null,"The content of this page resides in a Git repository and to update it requires a Pull Request which will be reviewed by the content owners."),e.createElement("br",null),e.createElement(b,null,"Should you decide to stop editing before creating the Pull Request then all changes will be lost.")):null,le=({meta:f,persistUrl:l})=>{let{pageState:c,setPageState:v}=P(),{user:p}=C(),[B]=G(),[s,t]=g(!1),[r,n]=g(null),[i,m]=g(null),[q,a]=g([]),E=c==="SAVING",I=r!==null?"success":"info",d=o=>{t(o),o||(v("EDIT"),n(null),a([]))},M=()=>{d(!1)},x=o=>{m(o||"Sorry - an unexpected error has occurred"),n(null),a([]),t(!1)},T=o=>{n(o.message?.links?.self[0]?.href),t(!1)},A=o=>{a(u=>[...u,o])},{sendWorkflowProgressMessage:H}=y(x,A,T),L=()=>{t(!0),n(null),m(null);try{B.update(()=>{let o=O(h);if(o&&p&&l){let{sid:u,displayName:N,email:W}=p;H(JSON.stringify({user:{sid:u,name:N,email:W},route:f.route,markdown:o,name:"save"}),F(`${u.toLowerCase()} - save`))}})}catch{m("Sorry - an unexpected error has occurred"),n(null),t(!1),a([])}};return e.createElement(S,{onOpenChange:d,open:E,status:i?"error":I},e.createElement(U,{className:k.title},r?"Pull Request Created Successfully":"Save Changes"),e.createElement(V,null,(s||i)&&!r&&e.createElement(D,{error:i,progress:q}),e.createElement(j,{isRaising:s,prHref:r,error:i}),!s&&r&&e.createElement($,{href:r,target:"_blank"},"A Pull Request for your changes has been created")),e.createElement(_,null,e.createElement(J,null,e.createElement(w,{disabled:s,onClick:M},r?"Done":"Cancel"),e.createElement(w,{disabled:l===void 0||s||r!==null,onClick:L,variant:"cta"},"Raise Pull Request"))))};export{le as a};

package/dist/chunk-VDGHHU3F.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk-6TM3EYFS.js";import e from"react";import p from"clsx";import{P2 as n,P6 as i}from"@jpmorganchase/mosaic-components";var l=({children:t,isComplete:r,isCurrent:o})=>e.createElement("div",{className:p(s.step,{[s.stepComplete]:r,[s.stepActive]:o})},e.createElement("span",{role:"img","aria-label":r?"emoji with party hat":"hourglass"},r?"\u{1F973}":"\u231B"),e.createElement("span",{className:s.stepText},t)),h=({error:t,progress:r})=>t?e.createElement(e.Fragment,null,e.createElement(n,null,"\u{1F622} Sorry something has went wrong. Please try again later."),e.createElement(i,null,"Error - ",t)):e.createElement(e.Fragment,null,r.map((o,a)=>e.createElement(l,{key:`step -${a}`,isComplete:a<r.length-1,isCurrent:r.length-1===a},o.message)));export{h as a};

package/dist/components/Editor.js

@@ -1 +1 @@
-import{b as a}from"../chunk-U4LYPE2K.js";import"../chunk-G5KHGFL7.js";import"../chunk-4B2NDAA2.js";import"../chunk-4LQ77YZW.js";import"../chunk-DLRFTDUZ.js";import"../chunk-NRVOINKM.js";import"../chunk-KZXCNQER.js";import"../chunk-DXTVYP7D.js";import"../chunk-NFA3MZOC.js";import"../chunk-TVGVMAJS.js";import"../chunk-6EO5B7QP.js";import"../chunk-R2MEEU32.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-QHE4U3WR.js";import"../chunk-BFF3MNBV.js";import"../chunk-5YCBSSDA.js";import"../chunk-NFSXCTUU.js";import"../chunk-6TM3EYFS.js";import"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";import"../chunk-G4LBXKDE.js";import"../chunk-YBFKG74H.js";import"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-ZHZ4E2MI.js";import"../chunk-PC66Q33O.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-L2OH7BJU.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-YFKHACPP.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-TSWYSURQ.js";import"../chunk-FKL4ZGDB.js";import"../chunk-Z6W7GDHE.js";import"../chunk-PXUVNH4P.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-NXV7KCC5.js";import"../chunk-6X665P47.js";export{a as default};
+import{b as a}from"../chunk-ICJP373O.js";import"../chunk-CBQZGN4Y.js";import"../chunk-4B2NDAA2.js";import"../chunk-4LQ77YZW.js";import"../chunk-DLRFTDUZ.js";import"../chunk-CXTIKD2Y.js";import"../chunk-KZXCNQER.js";import"../chunk-DXTVYP7D.js";import"../chunk-NFA3MZOC.js";import"../chunk-PIYHEBW7.js";import"../chunk-VDGHHU3F.js";import"../chunk-R2MEEU32.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-QHE4U3WR.js";import"../chunk-BFF3MNBV.js";import"../chunk-5YCBSSDA.js";import"../chunk-NFSXCTUU.js";import"../chunk-6TM3EYFS.js";import"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";import"../chunk-G4LBXKDE.js";import"../chunk-YBFKG74H.js";import"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-PC66Q33O.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-GNXBZEEO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-7O2SLISS.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-EPOQVSZ5.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-TSWYSURQ.js";import"../chunk-FKL4ZGDB.js";import"../chunk-PXUVNH4P.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-NXV7KCC5.js";import"../chunk-ZHZ4E2MI.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-6X665P47.js";export{a as default};

package/dist/components/PersistEditDialog/PersistStatus.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { SourceWorkflowMessageEvent } from '@jpmorganchase/mosaic-types';
 interface StatusProps {
-    isRaising: boolean;
     error: string | null;
+    progress: SourceWorkflowMessageEvent[];
 }
-export declare const PersistStatus: ({ isRaising, error }: StatusProps) => JSX.Element;
+export declare const PersistStatus: ({ error, progress }: StatusProps) => JSX.Element;
 export {};

package/dist/components/PersistEditDialog/PersistStatus.js

@@ -1 +1 @@
-import{a}from"../../chunk-6EO5B7QP.js";import"../../chunk-6TM3EYFS.js";export{a as PersistStatus};
+import{a}from"../../chunk-VDGHHU3F.js";import"../../chunk-6TM3EYFS.js";export{a as PersistStatus};

package/dist/components/PersistEditDialog/index.js

@@ -1 +1 @@
-import{a}from"../../chunk-TVGVMAJS.js";import"../../chunk-6EO5B7QP.js";import"../../chunk-R2MEEU32.js";import"../../chunk-6TM3EYFS.js";import"../../chunk-M4ISRNFD.js";import"../../chunk-ESJNOEFD.js";import"../../chunk-WNTJMWYJ.js";import"../../chunk-RT5CJ7T5.js";import"../../chunk-G57W376H.js";import"../../chunk-Z6W7GDHE.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";export{a as PersistDialog};
+import{a}from"../../chunk-PIYHEBW7.js";import"../../chunk-VDGHHU3F.js";import"../../chunk-R2MEEU32.js";import"../../chunk-6TM3EYFS.js";import"../../chunk-M4ISRNFD.js";import"../../chunk-ESJNOEFD.js";import"../../chunk-WNTJMWYJ.js";import"../../chunk-RT5CJ7T5.js";import"../../chunk-GNXBZEEO.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";import"../../chunk-G57W376H.js";export{a as PersistDialog};

package/dist/components/Toolbar/InsertImage.js

@@ -1 +1 @@
-import{a}from"../../chunk-NRVOINKM.js";import"../../chunk-KZXCNQER.js";import"../../chunk-YBFKG74H.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";export{a as InsertImage};
+import{a}from"../../chunk-CXTIKD2Y.js";import"../../chunk-KZXCNQER.js";import"../../chunk-YBFKG74H.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";export{a as InsertImage};

package/dist/components/Toolbar/InsertLink.js

@@ -1 +1 @@
-import{c as a,d as b}from"../../chunk-YFKHACPP.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-G57W376H.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";export{a as InsertLinkButton,b as InsertLinkDialog};
+import{c as a,d as b}from"../../chunk-EPOQVSZ5.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-G57W376H.js";export{a as InsertLinkButton,b as InsertLinkDialog};

package/dist/components/Toolbar/Toolbar.js

@@ -1 +1 @@
-import{a}from"../../chunk-G5KHGFL7.js";import"../../chunk-4B2NDAA2.js";import"../../chunk-4LQ77YZW.js";import"../../chunk-DLRFTDUZ.js";import"../../chunk-NRVOINKM.js";import"../../chunk-KZXCNQER.js";import"../../chunk-DXTVYP7D.js";import"../../chunk-NFA3MZOC.js";import"../../chunk-YBFKG74H.js";import"../../chunk-PC66Q33O.js";import"../../chunk-FW7CHFWO.js";import"../../chunk-5KRV6UWE.js";import"../../chunk-SOMQOHNT.js";import"../../chunk-U7COOUR6.js";import"../../chunk-YFKHACPP.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-YIFLQ5MW.js";import"../../chunk-XP37MJCS.js";import"../../chunk-P5OBPOC4.js";import"../../chunk-7JRJTNUG.js";import"../../chunk-GYUEXLD6.js";import"../../chunk-FH2LMMJT.js";import"../../chunk-7LK4O57W.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-G57W376H.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";export{a as default};
+import{a}from"../../chunk-CBQZGN4Y.js";import"../../chunk-4B2NDAA2.js";import"../../chunk-4LQ77YZW.js";import"../../chunk-DLRFTDUZ.js";import"../../chunk-CXTIKD2Y.js";import"../../chunk-KZXCNQER.js";import"../../chunk-DXTVYP7D.js";import"../../chunk-NFA3MZOC.js";import"../../chunk-YBFKG74H.js";import"../../chunk-PC66Q33O.js";import"../../chunk-FW7CHFWO.js";import"../../chunk-5KRV6UWE.js";import"../../chunk-SOMQOHNT.js";import"../../chunk-U7COOUR6.js";import"../../chunk-EPOQVSZ5.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-YIFLQ5MW.js";import"../../chunk-XP37MJCS.js";import"../../chunk-P5OBPOC4.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";import"../../chunk-7JRJTNUG.js";import"../../chunk-GYUEXLD6.js";import"../../chunk-FH2LMMJT.js";import"../../chunk-7LK4O57W.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-G57W376H.js";export{a as default};

package/dist/hooks/useWorkflowFeed.d.ts

@@ -0,0 +1,3 @@
+export default function useDataFeed(onError: any, onSuccess: any, onComplete: any): {
+    sendWorkflowProgressMessage: (message: any, channel: any) => void;
+};

package/dist/hooks/useWorkflowFeed.js

@@ -0,0 +1 @@
+import{a}from"../chunk-GNXBZEEO.js";export{a as default};

package/dist/index.js

@@ -1 +1 @@
-import{b as c}from"./chunk-U4LYPE2K.js";import"./chunk-G5KHGFL7.js";import"./chunk-4B2NDAA2.js";import"./chunk-4LQ77YZW.js";import"./chunk-DLRFTDUZ.js";import"./chunk-NRVOINKM.js";import"./chunk-KZXCNQER.js";import"./chunk-DXTVYP7D.js";import"./chunk-NFA3MZOC.js";import"./chunk-TVGVMAJS.js";import"./chunk-6EO5B7QP.js";import"./chunk-R2MEEU32.js";import"./chunk-UWF3FV3R.js";import"./chunk-KQ2ZCDYD.js";import"./chunk-QHE4U3WR.js";import"./chunk-BFF3MNBV.js";import"./chunk-5YCBSSDA.js";import"./chunk-NFSXCTUU.js";import"./chunk-6TM3EYFS.js";import"./chunk-M4ISRNFD.js";import"./chunk-ESJNOEFD.js";import"./chunk-WNTJMWYJ.js";import"./chunk-RT5CJ7T5.js";import"./chunk-G4LBXKDE.js";import"./chunk-YBFKG74H.js";import"./chunk-ROQUYURQ.js";import"./chunk-ESKW4XF6.js";import"./chunk-6YPAVQF4.js";import"./chunk-3FJGHVH5.js";import"./chunk-JQUDHJIQ.js";import{a as d}from"./chunk-ZHZ4E2MI.js";import"./chunk-PC66Q33O.js";import"./chunk-QKOQTH4L.js";import"./chunk-FW7CHFWO.js";import"./chunk-RO6ARCLZ.js";import"./chunk-L2OH7BJU.js";import"./chunk-5KRV6UWE.js";import"./chunk-SOMQOHNT.js";import"./chunk-U7COOUR6.js";import"./chunk-YFKHACPP.js";import"./chunk-WZYDYWT3.js";import"./chunk-YIFLQ5MW.js";import"./chunk-XP37MJCS.js";import"./chunk-P5OBPOC4.js";import"./chunk-7JRJTNUG.js";import"./chunk-GYUEXLD6.js";import"./chunk-FH2LMMJT.js";import"./chunk-7LK4O57W.js";import"./chunk-3QIETKQW.js";import"./chunk-Y2A2ULLZ.js";import{c as a,f as b}from"./chunk-G57W376H.js";import"./chunk-TSWYSURQ.js";import"./chunk-FKL4ZGDB.js";import"./chunk-Z6W7GDHE.js";import"./chunk-PXUVNH4P.js";import"./chunk-XSZUCLBY.js";import"./chunk-OW5SK4AJ.js";import"./chunk-NXV7KCC5.js";import"./chunk-6X665P47.js";export{c as Editor,d as EditorControls,b as useContentEditor,a as usePageState};
+import{b as c}from"./chunk-ICJP373O.js";import"./chunk-CBQZGN4Y.js";import"./chunk-4B2NDAA2.js";import"./chunk-4LQ77YZW.js";import"./chunk-DLRFTDUZ.js";import"./chunk-CXTIKD2Y.js";import"./chunk-KZXCNQER.js";import"./chunk-DXTVYP7D.js";import"./chunk-NFA3MZOC.js";import"./chunk-PIYHEBW7.js";import"./chunk-VDGHHU3F.js";import"./chunk-R2MEEU32.js";import"./chunk-UWF3FV3R.js";import"./chunk-KQ2ZCDYD.js";import"./chunk-QHE4U3WR.js";import"./chunk-BFF3MNBV.js";import"./chunk-5YCBSSDA.js";import"./chunk-NFSXCTUU.js";import"./chunk-6TM3EYFS.js";import"./chunk-M4ISRNFD.js";import"./chunk-ESJNOEFD.js";import"./chunk-WNTJMWYJ.js";import"./chunk-RT5CJ7T5.js";import"./chunk-G4LBXKDE.js";import"./chunk-YBFKG74H.js";import"./chunk-ROQUYURQ.js";import"./chunk-ESKW4XF6.js";import"./chunk-6YPAVQF4.js";import"./chunk-3FJGHVH5.js";import"./chunk-JQUDHJIQ.js";import"./chunk-PC66Q33O.js";import"./chunk-QKOQTH4L.js";import"./chunk-FW7CHFWO.js";import"./chunk-GNXBZEEO.js";import"./chunk-RO6ARCLZ.js";import"./chunk-7O2SLISS.js";import"./chunk-5KRV6UWE.js";import"./chunk-SOMQOHNT.js";import"./chunk-U7COOUR6.js";import"./chunk-EPOQVSZ5.js";import"./chunk-WZYDYWT3.js";import"./chunk-YIFLQ5MW.js";import"./chunk-XP37MJCS.js";import"./chunk-P5OBPOC4.js";import"./chunk-TSWYSURQ.js";import"./chunk-FKL4ZGDB.js";import"./chunk-PXUVNH4P.js";import"./chunk-XSZUCLBY.js";import"./chunk-OW5SK4AJ.js";import"./chunk-NXV7KCC5.js";import{a as d}from"./chunk-ZHZ4E2MI.js";import"./chunk-7JRJTNUG.js";import"./chunk-GYUEXLD6.js";import"./chunk-FH2LMMJT.js";import"./chunk-7LK4O57W.js";import"./chunk-3QIETKQW.js";import"./chunk-Y2A2ULLZ.js";import{c as a,f as b}from"./chunk-G57W376H.js";import"./chunk-6X665P47.js";export{c as Editor,d as EditorControls,b as useContentEditor,a as usePageState};

package/dist/plugins/FloatingToolbarPlugin.js

@@ -1 +1 @@
-import{a}from"../chunk-L2OH7BJU.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-YFKHACPP.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-TSWYSURQ.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";export{a as FloatingToolbarPlugin};
+import{a}from"../chunk-7O2SLISS.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-EPOQVSZ5.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-TSWYSURQ.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";export{a as FloatingToolbarPlugin};

package/dist/plugins/MarkdownLinkPlugin.js

@@ -1 +1 @@
-import{a,b}from"../chunk-YFKHACPP.js";import"../chunk-WZYDYWT3.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";export{a as INSERT_MARKDOWN_LINK_COMMAND,b as MarkdownLinkPlugin};
+import{a,b}from"../chunk-EPOQVSZ5.js";import"../chunk-WZYDYWT3.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";export{a as INSERT_MARKDOWN_LINK_COMMAND,b as MarkdownLinkPlugin};

package/dist/plugins/PreviewPlugin.js

@@ -1 +1 @@
-import{a}from"../chunk-U4LYPE2K.js";import"../chunk-G5KHGFL7.js";import"../chunk-4B2NDAA2.js";import"../chunk-4LQ77YZW.js";import"../chunk-DLRFTDUZ.js";import"../chunk-NRVOINKM.js";import"../chunk-KZXCNQER.js";import"../chunk-DXTVYP7D.js";import"../chunk-NFA3MZOC.js";import"../chunk-TVGVMAJS.js";import"../chunk-6EO5B7QP.js";import"../chunk-R2MEEU32.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-QHE4U3WR.js";import"../chunk-BFF3MNBV.js";import"../chunk-5YCBSSDA.js";import"../chunk-NFSXCTUU.js";import"../chunk-6TM3EYFS.js";import"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";import"../chunk-G4LBXKDE.js";import"../chunk-YBFKG74H.js";import"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-ZHZ4E2MI.js";import"../chunk-PC66Q33O.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-L2OH7BJU.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-YFKHACPP.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-TSWYSURQ.js";import"../chunk-FKL4ZGDB.js";import"../chunk-Z6W7GDHE.js";import"../chunk-PXUVNH4P.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-NXV7KCC5.js";import"../chunk-6X665P47.js";export{a as PreviewPlugin};
+import{a}from"../chunk-ICJP373O.js";import"../chunk-CBQZGN4Y.js";import"../chunk-4B2NDAA2.js";import"../chunk-4LQ77YZW.js";import"../chunk-DLRFTDUZ.js";import"../chunk-CXTIKD2Y.js";import"../chunk-KZXCNQER.js";import"../chunk-DXTVYP7D.js";import"../chunk-NFA3MZOC.js";import"../chunk-PIYHEBW7.js";import"../chunk-VDGHHU3F.js";import"../chunk-R2MEEU32.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-QHE4U3WR.js";import"../chunk-BFF3MNBV.js";import"../chunk-5YCBSSDA.js";import"../chunk-NFSXCTUU.js";import"../chunk-6TM3EYFS.js";import"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";import"../chunk-G4LBXKDE.js";import"../chunk-YBFKG74H.js";import"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-PC66Q33O.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-GNXBZEEO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-7O2SLISS.js";import"../chunk-5KRV6UWE.js";import"../chunk-SOMQOHNT.js";import"../chunk-U7COOUR6.js";import"../chunk-EPOQVSZ5.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-TSWYSURQ.js";import"../chunk-FKL4ZGDB.js";import"../chunk-PXUVNH4P.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-NXV7KCC5.js";import"../chunk-ZHZ4E2MI.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-6X665P47.js";export{a as PreviewPlugin};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jpmorganchase/mosaic-content-editor-plugin",
   "description": "Mosaic - In Browser content editing plugin",
-  "version": "0.1.0-beta.49",
+  "version": "0.1.0-beta.52",
   "license": "Apache-2.0",
   "author": "",
   "repository": {
@@ -34,12 +34,11 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.0.0",
-    "msw": "^0.49.1",
     "typescript": "^4.8.3"
   },
   "dependencies": {
-    "@jpmorganchase/mosaic-components": "^0.1.0-beta.49",
-    "@jpmorganchase/mosaic-theme": "^0.1.0-beta.49",
+    "@jpmorganchase/mosaic-components": "^0.1.0-beta.52",
+    "@jpmorganchase/mosaic-theme": "^0.1.0-beta.52",
     "@salt-ds/core": "^1.8.1",
     "@salt-ds/icons": "^1.6.0",
     "@salt-ds/lab": "1.0.0-alpha.16",
@@ -60,6 +59,7 @@
     "lexical": "^0.11.1",
     "react-split": "^2.0.14",
     "lodash": "^4.17.21",
+    "md5": "*",
     "yup": "^0.32.9",
     "zustand": "^4.1.1"
   },

package/src/components/PersistEditDialog/PersistStatus.tsx

@@ -1,11 +1,9 @@
-import React, { FC, ReactNode, useEffect, useState } from 'react';
+import React, { FC, ReactNode } from 'react';
 import classnames from 'clsx';
 import { P2, P6 } from '@jpmorganchase/mosaic-components';
 
 import styles from './PersistStatus.css';
-
-const steps = ['Making a copy...', 'Applying changes...', 'Creating a Pull Request...'];
-const lastStep = steps.length - 1;
+import { SourceWorkflowMessageEvent } from '@jpmorganchase/mosaic-types';
 
 interface StepProps {
   children?: ReactNode;
@@ -20,43 +18,20 @@ const Step: FC<StepProps> = ({ children, isComplete, isCurrent }) => (
       [styles.stepActive]: isCurrent
     })}
   >
-    <span role="img" aria-label="emoji with party hat">
-      {isComplete ? '🥳' : null}
-    </span>
-    <span role="img" aria-label="person grimacing emoji ">
-      {isCurrent ? '😃' : null}
-    </span>
-    <span role="img" aria-label="sleepy emoji">
-      {!isCurrent && !isComplete ? '💤' : null}
+    <span role="img" aria-label={isComplete ? 'emoji with party hat' : 'hourglass'}>
+      {isComplete ? '🥳' : '⌛'}
     </span>
+
     <span className={styles.stepText}>{children}</span>
-    <span role="img" aria-label="hourglass">
-      {isCurrent ? '⌛' : null}
-    </span>
   </div>
 );
 
 interface StatusProps {
-  isRaising: boolean;
   error: string | null;
+  progress: SourceWorkflowMessageEvent[];
 }
 
-export const PersistStatus = ({ isRaising, error }: StatusProps) => {
-  const [currentStep, setCurrentStep] = useState(0);
-
-  useEffect(() => {
-    const stepInterval = setInterval(() => {
-      if (currentStep === steps.length - 1) {
-        clearInterval(stepInterval);
-      } else {
-        setCurrentStep(prevState => prevState + 1);
-      }
-    }, 2000);
-    return function cleanUpStepInterval() {
-      clearInterval(stepInterval);
-    };
-  }, [currentStep]);
-
+export const PersistStatus = ({ error, progress }: StatusProps) => {
   if (error) {
     return (
       <>
@@ -68,15 +43,13 @@ export const PersistStatus = ({ isRaising, error }: StatusProps) => {
 
   return (
     <>
-      {steps.map((step, index) => (
+      {progress.map((message, index) => (
         <Step
           key={`step -${index}`}
-          isComplete={
-            currentStep === lastStep && index === lastStep ? !isRaising : currentStep > index
-          }
-          isCurrent={currentStep === index}
+          isComplete={index < progress.length - 1}
+          isCurrent={progress.length - 1 === index}
         >
-          {step}
+          {message.message}
         </Step>
       ))}
     </>

package/src/components/PersistEditDialog/__tests__/index.test.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { setupServer } from 'msw/node';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 
 import { PersistDialog } from '../index';
 import { usePageState } from '../../../store';
 import { nodes } from '../../../nodes';
-import { postSaveContentSuccessHandler } from './handlers';
+import useWorkflowFeed from '../../../hooks/useWorkflowFeed';
 
 jest.mock('../../../store', () => ({
   ...jest.requireActual('../../../store'),
@@ -15,6 +14,12 @@ jest.mock('../../../store', () => ({
   usePageState: jest.fn()
 }));
 
+const mockSendWorkflowProgressMessage = jest.fn();
+jest.mock('../../../hooks/useWorkflowFeed');
+jest
+  .mocked(useWorkflowFeed)
+  .mockReturnValue({ sendWorkflowProgressMessage: mockSendWorkflowProgressMessage });
+
 const setPageStateSpy = jest.fn();
 const setErrorMessageSpy = jest.fn();
 const mockMeta = { sourceId: 'source-1', route: 'route' };
@@ -24,8 +29,6 @@ jest.mock('@lexical/markdown', () => ({
   $convertToMarkdownString: jest.fn().mockReturnValue('## Test Markdown')
 }));
 
-const server = setupServer();
-
 const renderPersistDialog = (props = { meta: mockMeta }) => {
   render(
     <LexicalComposer
@@ -38,8 +41,6 @@ const renderPersistDialog = (props = { meta: mockMeta }) => {
 
 describe('GIVEN a PersistEditDialog', () => {
   beforeAll(() => {
-    server.listen({ onUnhandledRequest: 'error' });
-
     jest.mocked(usePageState).mockReturnValue({
       pageState: 'SAVING',
       setErrorMessage: setErrorMessageSpy,
@@ -48,10 +49,6 @@ describe('GIVEN a PersistEditDialog', () => {
     });
   });
 
-  afterAll(() => {
-    server.close();
-  });
-
   test('THEN the dialog is open when SAVING', () => {
     // arrange
     renderPersistDialog();

package/src/components/PersistEditDialog/index.tsx

@@ -1,15 +1,17 @@
 import React, { FC, useState } from 'react';
+import md5 from 'md5';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $convertToMarkdownString } from '@lexical/markdown';
 import { Link, P2, Button } from '@jpmorganchase/mosaic-components';
 import { ButtonBar, DialogTitle, DialogContent, DialogActions } from '@salt-ds/lab';
+import { SourceWorkflowMessageEvent } from '@jpmorganchase/mosaic-types';
 
 import { useEditorUser, usePageState } from '../../store';
-import { save } from '../../api/save';
 import transformers from '../../transformers';
 import { PersistStatus } from './PersistStatus';
 import { Dialog } from '../Dialog';
 import style from './index.css';
+import useWorkflowFeed from '../../hooks/useWorkflowFeed';
 
 interface InfoProps {
   isRaising: boolean;
@@ -44,6 +46,7 @@ export const PersistDialog = ({ meta, persistUrl }: PersistDialogProps) => {
   const [isRaising, setIsRaising] = useState(false);
   const [prHref, setPrHref] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
+  const [progress, setProgress] = useState<SourceWorkflowMessageEvent[]>([]);
 
   const open = pageState === 'SAVING';
   const state = prHref !== null ? 'success' : 'info';
@@ -53,6 +56,7 @@ export const PersistDialog = ({ meta, persistUrl }: PersistDialogProps) => {
     if (!newOpen) {
       setPageState('EDIT');
       setPrHref(null);
+      setProgress([]);
     }
   };
 
@@ -60,46 +64,55 @@ export const PersistDialog = ({ meta, persistUrl }: PersistDialogProps) => {
     handleOpenChange(false);
   };
 
+  const handleErrorMessage = (errorMessage: string) => {
+    setError(errorMessage ? errorMessage : 'Sorry - an unexpected error has occurred');
+    setPrHref(null);
+    setProgress([]);
+    setIsRaising(false);
+  };
+
+  const handleCompleteMessage = message => {
+    setPrHref(message.message?.links?.self[0]?.href);
+    setIsRaising(false);
+  };
+
+  const handleSuccessMessage = message => {
+    setProgress(prevState => [...prevState, message]);
+  };
+
+  const { sendWorkflowProgressMessage } = useWorkflowFeed(
+    handleErrorMessage,
+    handleSuccessMessage,
+    handleCompleteMessage
+  );
+
   const handleRaisePr = () => {
     setIsRaising(true);
     setPrHref(null);
     setError(null);
+
     try {
-      editor.update(async () => {
+      editor.update(() => {
         const markdown = $convertToMarkdownString(transformers);
         if (markdown && user && persistUrl) {
           const { sid, displayName, email } = user;
-          const response = await save(
-            { sid, name: displayName, email },
-            meta.route,
-            markdown,
-            persistUrl
-          );
 
-          if (response.ok) {
-            const data = await response.json();
-            if (data.error) {
-              setError(data.error);
-              setPrHref(null);
-              setIsRaising(false);
-            } else {
-              setPrHref(data?.links?.self[0]?.href);
-              setIsRaising(false);
-            }
-          }
-
-          if (response.status === 500 || response.status === 404) {
-            const errorText = await response.text();
-            setError(errorText);
-            setPrHref(null);
-            setIsRaising(false);
-          }
+          sendWorkflowProgressMessage(
+            JSON.stringify({
+              user: { sid, name: displayName, email },
+              route: meta.route,
+              markdown,
+              name: 'save'
+            }),
+            md5(`${sid.toLowerCase()} - save`)
+          );
         }
       });
     } catch (e) {
       setError('Sorry - an unexpected error has occurred');
       setPrHref(null);
       setIsRaising(false);
+      setProgress([]);
     }
   };
 
@@ -109,7 +122,7 @@ export const PersistDialog = ({ meta, persistUrl }: PersistDialogProps) => {
         {!prHref ? 'Save Changes' : 'Pull Request Created Successfully'}
       </DialogTitle>
       <DialogContent>
-        {(isRaising || error) && !prHref && <PersistStatus isRaising={isRaising} error={error} />}
+        {(isRaising || error) && !prHref && <PersistStatus error={error} progress={progress} />}
         <Info isRaising={isRaising} prHref={prHref} error={error} />
         {!isRaising && prHref && (
           <Link href={prHref} target="_blank">

package/src/hooks/useWorkflowFeed.ts

@@ -0,0 +1,56 @@
+import { useEffect, useRef } from 'react';
+import type { SourceWorkflowMessageEvent } from '@jpmorganchase/mosaic-types';
+
+const ENDPOINT = process.env.NEXT_PUBLIC_MOSAIC_WORKFLOWS_URL || '';
+
+export default function useDataFeed(onError, onSuccess, onComplete) {
+  const webSocketRef = useRef<WebSocket>();
+  const channelRef = useRef<string | null>();
+
+  useEffect(function subscribe() {
+    try {
+      webSocketRef.current = new WebSocket(ENDPOINT);
+      webSocketRef.current.onopen = () => console.log(`Workflows websocket open: ${ENDPOINT}`);
+      webSocketRef.current.onclose = () => console.log('Workflows websocket closed');
+
+      webSocketRef.current.onmessage = (msg: MessageEvent) => {
+        const message: SourceWorkflowMessageEvent = JSON.parse(msg.data);
+
+        if (message.channel !== channelRef.current) {
+          // message is not for us;
+          return;
+        }
+
+        if (message.status === 'ERROR') {
+          onError(message);
+        }
+        if (message.status === 'COMPLETE') {
+          onComplete(message);
+        }
+        if (message.status === 'IN_PROGRESS' || message.status === 'SUCCESS') {
+          onSuccess(message);
+        }
+      };
+    } catch (ex) {
+      onError(ex);
+    }
+
+    return () => {
+      if (webSocketRef.current && webSocketRef.current?.OPEN) {
+        channelRef.current = null;
+        webSocketRef.current.close();
+      }
+    };
+  }, []);
+
+  const sendWorkflowProgressMessage = (message, channel) => {
+    if (webSocketRef.current?.OPEN) {
+      channelRef.current = channel;
+      webSocketRef.current?.send(message);
+    }
+  };
+
+  return {
+    sendWorkflowProgressMessage
+  };
+}

package/dist/api/save.d.ts

@@ -1,5 +0,0 @@
-export declare function save(user: {
-    sid: string;
-    name: string;
-    email: string;
-}, route: string, markdown: string, persistUrl: string): Promise<Response>;

package/dist/api/save.js

@@ -1 +0,0 @@
-import{a}from"../chunk-Z6W7GDHE.js";export{a as save};

package/dist/chunk-6EO5B7QP.js

@@ -1 +0,0 @@
-import{a}from"./chunk-6TM3EYFS.js";import e,{useEffect as m,useState as g}from"react";import u from"clsx";import{P2 as S,P6 as c}from"@jpmorganchase/mosaic-components";var o=["Making a copy...","Applying changes...","Creating a Pull Request..."],p=o.length-1,f=({children:l,isComplete:r,isCurrent:s})=>e.createElement("div",{className:u(a.step,{[a.stepComplete]:r,[a.stepActive]:s})},e.createElement("span",{role:"img","aria-label":"emoji with party hat"},r?"\u{1F973}":null),e.createElement("span",{role:"img","aria-label":"person grimacing emoji "},s?"\u{1F603}":null),e.createElement("span",{role:"img","aria-label":"sleepy emoji"},!s&&!r?"\u{1F4A4}":null),e.createElement("span",{className:a.stepText},l),e.createElement("span",{role:"img","aria-label":"hourglass"},s?"\u231B":null)),C=({isRaising:l,error:r})=>{let[s,i]=g(0);return m(()=>{let n=setInterval(()=>{s===o.length-1?clearInterval(n):i(t=>t+1)},2e3);return function(){clearInterval(n)}},[s]),r?e.createElement(e.Fragment,null,e.createElement(S,null,"\u{1F622} Sorry something has went wrong. Please try again later."),e.createElement(c,null,"Error - ",r)):e.createElement(e.Fragment,null,o.map((n,t)=>e.createElement(f,{key:`step -${t}`,isComplete:s===p&&t===p?!l:s>t,isCurrent:s===t},n)))};export{C as a};

package/dist/chunk-TVGVMAJS.js

@@ -1 +0,0 @@
-import{a as y}from"./chunk-6EO5B7QP.js";import{a as S}from"./chunk-R2MEEU32.js";import{a as h}from"./chunk-M4ISRNFD.js";import{c as P,d as C}from"./chunk-G57W376H.js";import{a as b}from"./chunk-Z6W7GDHE.js";import{a as D}from"./chunk-XSZUCLBY.js";import e,{useState as p}from"react";import{useLexicalComposerContext as L}from"@lexical/react/LexicalComposerContext";import{$convertToMarkdownString as N}from"@lexical/markdown";import{Link as F,P2 as k,Button as w}from"@jpmorganchase/mosaic-components";import{ButtonBar as G,DialogTitle as j,DialogContent as M,DialogActions as O}from"@salt-ds/lab";var V=({isRaising:g,prHref:i,error:c})=>!g&&!i&&!c?e.createElement(e.Fragment,null,e.createElement(k,null,"The content of this page resides in a Git repository and to update it requires a Pull Request which will be reviewed by the content owners."),e.createElement("br",null),e.createElement(k,null,"Should you decide to stop editing before creating the Pull Request then all changes will be lost.")):null,ee=({meta:g,persistUrl:i})=>{let{pageState:c,setPageState:B}=P(),{user:m}=C(),[q]=L(),[t,r]=p(!1),[o,s]=p(null),[u,f]=p(null),x=c==="SAVING",I=o!==null?"success":"info",d=n=>{r(n),n||(B("EDIT"),s(null))},T=()=>{d(!1)},v=()=>{r(!0),s(null),f(null);try{q.update(async()=>{let n=N(h);if(n&&m&&i){let{sid:A,displayName:H,email:E}=m,l=await b({sid:A,name:H,email:E},g.route,n,i);if(l.ok){let a=await l.json();a.error?(f(a.error),s(null),r(!1)):(s(a?.links?.self[0]?.href),r(!1))}if(l.status===500||l.status===404){let a=await l.text();f(a),s(null),r(!1)}}})}catch{f("Sorry - an unexpected error has occurred"),s(null),r(!1)}};return e.createElement(D,{onOpenChange:d,open:x,status:u?"error":I},e.createElement(j,{className:S.title},o?"Pull Request Created Successfully":"Save Changes"),e.createElement(M,null,(t||u)&&!o&&e.createElement(y,{isRaising:t,error:u}),e.createElement(V,{isRaising:t,prHref:o,error:u}),!t&&o&&e.createElement(F,{href:o,target:"_blank"},"A Pull Request for your changes has been created")),e.createElement(O,null,e.createElement(G,null,e.createElement(w,{disabled:t,onClick:T},o?"Done":"Cancel"),e.createElement(w,{disabled:i===void 0||t||o!==null,onClick:v,variant:"cta"},"Raise Pull Request"))))};export{ee as a};

package/dist/chunk-Z6W7GDHE.js

@@ -1 +0,0 @@
-function s(n,t,i,e){return fetch(e,{method:"POST",body:JSON.stringify({user:n,route:t,markdown:i,name:"save"}),headers:{Accept:"application/json","Content-Type":"application/json"}})}export{s as a};

package/src/api/save.ts

@@ -1,12 +0,0 @@
-export function save(
-  user: { sid: string; name: string; email: string },
-  route: string,
-  markdown: string,
-  persistUrl: string
-) {
-  return fetch(persistUrl, {
-    method: 'POST',
-    body: JSON.stringify({ user, route, markdown, name: 'save' }),
-    headers: { Accept: 'application/json', 'Content-Type': 'application/json' }
-  });
-}

package/src/components/PersistEditDialog/__tests__/handlers.ts

@@ -1,9 +0,0 @@
-import { rest } from 'msw';
-
-export const postSaveContentSuccessHandler = rest.post('/api/content/save', (req, res, ctx) =>
-  res(ctx.status(500), ctx.json({ links: { self: [{ href: 'http://pull-request-url' }] } }))
-);
-
-export const postSaveContentFailureHandler = rest.post('/api/content/save', (req, res, ctx) =>
-  res(ctx.status(500))
-);