userflow.js-self-hosted 0.1.1004223 → 0.1.1004226

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/FlowApp.js +1 -1
  2. package/ResourceCenterApp.js +1 -1
  3. package/hash.txt +1 -1
  4. package/package.json +1 -1
  5. package/userflow.js +1 -1
package/FlowApp.js CHANGED
@@ -1 +1 @@
1
- import{r as e}from"./vendor.react.js";import{E as t,V as o,I as n,b as s,J as r,G as l,K as a,w as i,z as c,M as u,U as d}from"./userflow.js";import{B as p}from"./BubbleToolbar.js";import{m,d as f,R as b,i as h,g as w,u as g,c as E,h as v,S as k}from"./bubble-frame.styl.js";import{b as y,z as j,a as T,t as R,r as S}from"./flow-condition-types.js";import{u as L,i as M}from"./client-context.js";import{F as x}from"./FlowChrome.js";import{u as F,r as C}from"./use-selector-element-monitoring.js";import{a as I,S as N}from"./flow-host.styl.js";import{m as D}from"./vendor.fortawesome.pro-solid-svg-icons.js";import{D as B,u as P}from"./stylesheets.js";import{T as q}from"./Trigger.js";import{u as _}from"./vendor.react-i18next.js";import"./vendor.object-assign.js";import"./vendor.phoenix.js";import"./vendor.uuid.js";import"./vendor.fortawesome.pro-regular-svg-icons.js";import"./vendor.obj-str.js";import"./vendor.date-fns.js";import"./vendor.i18next.js";import"./use-window-resize.js";import"./vendor.react-dom.js";import"./vendor.scheduler.js";import"./logomark.js";import"./vendor.babel.runtime.js";const A=()=>{const{t:o}=_(),n=L(),{dispatch:s,restart:r}=le(),{session:l,step:a}=ae(),i="userflowjs-bubble-button userflowjs-bubble-button--default userflowjs-bubble-menu__item";return e.createElement("div",{role:"dialog","aria-modal":ne(a)?"true":void 0,"aria-label":"Guide menu"},e.createElement("div",{className:"userflowjs-bubble-menu__title"},o("menu.title")),e.createElement("button",{className:i,onClick:()=>n.endFlow(l,{endReason:t.USER_CLOSED})},o("menu.close")),l.version.restartEnabled&&e.createElement("button",{className:i,onClick:r},o("menu.restart")),e.createElement("button",{className:i,onClick:()=>s({kind:"showFlow"})},o("menu.back")))},O=({progress:t})=>{const o={width:100*parseFloat(t||"0")+"%"};return e.createElement("div",{className:"userflowjs-bubble-progress"},e.createElement("div",{className:"userflowjs-bubble-progress__fill",style:o}))},U=({theme:s})=>{const r=L(),{session:l,step:a,muted:i,shouldLabelDialog:c}=ae(),{version:u}=l,{dispatch:d}=le(),h=u.steps[0],w=h&&h.id===a.id,g=w&&"1"===a.progress,E=e.useMemo((()=>a.content&&m(f(a.content),{buttons:a.buttons,questions:a.questions})),[a.content,a.buttons,a.questions]);return e.createElement("div",{key:a.id,role:"alertdialog","aria-modal":ne(a)?"true":void 0,"aria-label":c?"Guide":void 0},!g&&e.createElement(O,{progress:a.progress}),e.createElement("div",{id:"userflowjs-bubble-content",className:"userflowjs-bubble-content"},e.createElement(b,{doc:E,lookupAttribute:y(l.data),buttons:a.buttons,questions:a.questions})),e.createElement(p,{draftMode:l.draftMode,muted:i,toggleMuted:s.voiceType!==o.NONE?()=>d({kind:"toggleMuted"}):void 0,close:u.closeDisabled?void 0:()=>s.flowXButtonBehavior===n.DISMISS||w?r.endFlow(l,{endReason:t.USER_CLOSED}):d({kind:"showMenu"})}))};function V(e,t){if(!e)return"";"string"==typeof e&&(e=f(e));const o=[],n=/[.!?;,]$/;function s(){const e=(o[o.length-1]||"").trim();e&&!e.match(n)&&o.push(".")}function r(e){e.forEach((e=>function(e){if(h(e)){if(e.text&&!e.silent){const t=e.text.split("\n");t.forEach(((e,n)=>{o.push(e),n<t.length-1&&(s(),o.push("\n"))}))}}else switch(e.type){case"attribute":{const n=w(e,t);n&&o.push(n);break}default:r(e.children),["link"].includes(e.type)||(s(),o.push("\n\n"))}}(e)))}return r(e.children),o.join("").trim().replace(new RegExp(String.fromCharCode(160),"g")," ").replace(new RegExp(String.fromCharCode(8),"g"),"")}const z=({bubbleFrame:t,theme:n})=>{const s=L(),{dispatch:r}=le(),{muted:l,session:a,step:i}=ae(),c=s.getAudio();e.useEffect((()=>{const e=()=>{r({kind:"speechPlaying"})},t=()=>{r({kind:"speechStopped"})};return c.addEventListener("playing",e),c.addEventListener("ended",t),c.addEventListener("pause",t),()=>{c.removeEventListener("playing",e),c.removeEventListener("ended",t),c.removeEventListener("pause",t),c.pause(),c.src="",r({kind:"speechStopped"})}}),[r,c]),e.useEffect((()=>{if(s.audioReady)return;const e=t&&"IFRAME"===t.tagName?t.contentWindow:null;const o=()=>{window.removeEventListener("mousedown",n),e&&e.removeEventListener("mousedown",n)},n=()=>{o(),s.playAudio(null)};return window.addEventListener("mousedown",n),e&&e.addEventListener("mousedown",n),o}),[t,s]);const u=e.useRef(a),d=e.useRef(n),p=e.useRef(i);return e.useEffect((()=>{u.current=a,d.current=n,p.current=i}),[a,n,i]),e.useEffect((()=>{if(!s.audioReady||l)return void s.pauseAudio();let e=!1;return async function(e,t,n,s){if(n.voiceType===o.SYNTHETIC&&"string"==typeof n.syntheticVoice&&s.content){e.ensureIdentified();const o=y(t.data),r=V(s.content,o);return e.getStepSpeech(n.syntheticVoice,r)}if(n.voiceType===o.MANUAL&&s.speechAsset)return s.speechAsset.assetUrl;return null}(s,u.current,d.current,p.current).then((t=>{t&&!e&&s.playAudio(t)})),()=>{e=!0}}),[l,s,i.id]),null};const Y=e.forwardRef(((t,o)=>{const n=I();return e.createElement("div",{ref:o,className:"userflowjs-out-of-viewport-pointer",style:{zIndex:n+2}},e.createElement(B,{icon:D}))}));function G(e,t){const o=e.current;o&&(o.classList.toggle("userflowjs-out-of-viewport-pointer--visible",null!=t),t&&(o.style.left=t.left+"px",o.style.top=t.top+"px",o.classList.toggle("userflowjs-out-of-viewport-pointer--visible-up","up"===t.direction),o.classList.toggle("userflowjs-out-of-viewport-pointer--visible-down","down"===t.direction)))}const X=()=>{const{step:t}=ae();return e.createElement(e.Fragment,null,t.beacons.map((t=>e.createElement(H,{key:t.id,beacon:t}))))},H=({beacon:t})=>{const{session:o}=ae(),n=I(),s=e.useRef(null),r=e.useRef(null),l=g(t.hiddenCondition),a=e.useMemo((()=>R(t.selector,o.data)),[t.selector,o.data]),i=e.useCallback((({targetRect:e,clipEl:o,viewportClipRect:n})=>{const l=function({beacon:e,beaconRef:t,clipEl:o,viewportClipRect:n,targetRect:s}){if(!t.current)return null;if(0===s.width||0===s.height)return null;const r=16,l=16,a=S(o);let i=0,c=0;switch(e.placement){case"top-left":case"left":case"bottom-left":i=s.left;break;case"top":case"center":case"bottom":i=s.left+s.width/2;break;default:i=s.left+s.width}switch(e.placement){case"left":case"center":case"right":c=s.top+s.height/2;break;case"bottom-left":case"bottom":case"bottom-right":c=s.top+s.height;break;default:c=s.top}i-=r/2,c-=l/2,i+=e.offsetX,c+=e.offsetY,i=Math.max(i,a.left-(o===document.documentElement?0:o.scrollLeft)),c=Math.max(c,a.top-(o===document.documentElement?0:o.scrollTop));const u=i+r,d=c+l,p=Math.min(32,.5*l);let m;m=d<n.top+p?"up":c>n.bottom-p?"down":null;return{top:c,right:u,bottom:d,left:i,width:r,height:l,pointerSubjectPosition:{direction:m,left:i,width:r},visible:null==m}}({beacon:t,beaconRef:s,clipEl:o,viewportClipRect:n,targetRect:e}),a=l&&function({subjectPosition:e,pointerRef:t,viewportClipRect:o}){const n=t.current;if(!n)return null;const s=n.getBoundingClientRect(),r=j(T());let l,a,i=e.direction;return null==i?null:("down"===i&&o.bottom<s.height/2?i="up":"up"===i&&o.top>r&&(i="down"),l=e.left+e.width/2-s.width/2,a="down"===i?o.bottom-s.height:o.top,{direction:i,left:l,top:a})}({subjectPosition:l.pointerSubjectPosition,pointerRef:r,viewportClipRect:n});C((()=>{K(s,l),G(r,a)}))}),[t]),c=e.useCallback((()=>{K(s,null),G(r,null)}),[]);return F({selector:l?null:a,targetMoved:i,targetLost:c}),e.createElement(e.Fragment,null,e.createElement("div",{ref:s,className:"userflowjs-beacon userflowjs-beacon--pulse userflowjs-beacon--for-flow userflowjs-fixed-widget",style:{zIndex:n+2}},e.createElement("div",{className:"userflowjs-beacon__ring"}),e.createElement("div",{className:"userflowjs-beacon__ring"})),e.createElement(Y,{ref:r}))};function K(e,t){const o=e.current;o&&(o.classList.toggle("userflowjs-fixed-widget--visible",null!=t),t&&(o.style.transform=`translate3d(${t.left}px, ${t.top}px, 0)`,o.style.visibility=t.visible?"visible":"hidden"))}const W=()=>{const{t:o}=_(),n=L(),{restart:l}=le(),{session:a,step:i}=ae(),c=i.theme||a.version.theme,u=i.selector,d=!u||u.type===s.AUTO&&!u.autoData,m=()=>n.endFlow(a,{endReason:t.USER_CLOSED});return e.createElement(e.Fragment,null,e.createElement(p,{draftMode:a.draftMode,close:m}),a.draftMode&&d?e.createElement("div",{className:"userflowjs-bubble-content"},e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"No tooltip target selected yet. Please go back to the Builder and select a tooltip target in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name),".")):a.draftMode&&c.tooltipMissingBehavior===r.END?e.createElement("div",{className:"userflowjs-bubble-content"},e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("p",null,e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"The tooltip target element in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name)," was not found within"," ",c.tooltipMissingToleranceSeconds," ",1===parseFloat(c.tooltipMissingToleranceSeconds)?"second":"seconds","."),e.createElement("p",null,"For regular users, the flow will auto-dismiss when this happens."),e.createElement("p",null,"If you are on the right page, then try reselecting the element in the Builder."),e.createElement("p",null,"Read more in our"," ",e.createElement("a",{href:"https://userflow.com/docs/trouble/element-not-found",target:"_blank",rel:"noopener noreferrer"},"Element not found guide"),"."))):e.createElement(e.Fragment,null,e.createElement("div",{className:"userflowjs-bubble-content"},a.draftMode&&e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"The tooltip target element in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name)," was not found on the page. If you are on the right page, then try reselecting the element in the Builder."),e.createElement("p",null,e.createElement("b",null,o("tooltipTargetMissing.line1"))),e.createElement("p",null,o("tooltipTargetMissing.line2"))),e.createElement("div",{className:"userflowjs-bubble-buttons"},e.createElement(E,{appearance:"primary",onClick:l,text:o("menu.restart")}),e.createElement(E,{appearance:"default",onClick:m,text:o("menu.close")}))))},$=({session:o,checklistSession:n,resourceCenterEmbedsChecklist:s})=>{const d=L(),[p,m]=e.useState(!1),[f,b]=e.useState(null),[h,w]=e.useReducer(Z,void 0,(()=>{const e=o,t=ee(e);return{...Q,session:e,step:t,muted:!!l.getItem("flowsMuted"),autoFocusRequested:oe(t)}})),{session:g,step:E,speechPlaying:y,contentType:j}=h,{version:T}=g,S=ne(E);let F=0;E.questions.some((e=>e.type===i.NPS))&&(F=420);const C=P(E.theme||T.theme),I=e.useMemo((()=>{let e=C.bubbleY;const t=n?.version.theme;return!s&&n&&t&&n.version.checklist?.launcherEnabled&&E.appearance===a.BUBBLE&&t.checklistLauncherPlacement===C.bubblePlacement&&(C.avatarType===c.NONE||t.checklistLauncherX<C.bubbleX+C.avatarSize)&&(e=Math.max(C.bubbleY,t.checklistLauncherY+t.checklistLauncherHeight+C.bubbleY)),{...C,bubbleWidth:Math.max(C.bubbleWidth,F),bubbleY:e}}),[s,n,E.appearance,C,F]);e.useEffect((()=>{g!==o&&w({kind:"updateSession",session:o});const e=e=>{e.session.id===g.id&&w({kind:"goToStep",stepId:e.step.id})};return d.on("gotostep",e),()=>{d.off("gotostep",e)}}),[d,g,o]);const D=e.useMemo((()=>({dispatch:w,restart:()=>{d.goToStep(g,te(g)),w({kind:"showFlow"})}})),[d,w,g]),B=e.useMemo((()=>E.selector&&R(E.selector,g.data)),[E.selector,g.data]),q=e.useCallback((()=>{v(d,g,E.actions)}),[d,g,E.actions]);e.useEffect((()=>{h.muted?l.setItem("flowsMuted","true"):l.removeItem("flowsMuted")}),[h.muted]);const _=g.locale?g.locale.standardLocaleId:I.languageId;e.useEffect((()=>{M.changeLanguage(_)}),[_]);const[O,V]=e.useState(!1),z=e.useCallback((e=>{V(e),e&&d.send({kind:"ReportTooltipTargetMissing",sessionId:g.id,stepId:E.id}),e&&I.tooltipMissingBehavior===r.END&&!g.draftMode&&d.endFlow(g,{endReason:t.TOOLTIP_TARGET_MISSING})}),[d,g,E.id,I.tooltipMissingBehavior]);return e.useEffect((()=>{if(!p||!h.autoFocusRequested)return;d.originalActiveElement||d.originalActiveElement===f?.ownerDocument.defaultView?.frameElement||(d.originalActiveElement=document.activeElement);let e=f?.querySelector('button:not([tabindex="-1"]):not(.userflowjs-bubble-toolbar-button), [tabindex]:not([tabindex="-1"]):not(.userflowjs-bubble-toolbar-button), input, textarea');if(e&&e.matches(".userflowjs-bubble-buttons button:not(.userflowjs-bubble-button--primary)")){const t=f?.querySelector(".userflowjs-bubble-buttons .userflowjs-bubble-button--primary");t&&(e=t)}e&&"function"==typeof e.focus&&e.focus({preventScroll:!0}),w({kind:"autoFocused"})}),[d,f,p,h.autoFocusRequested]),e.useEffect((()=>{const e=f?.ownerDocument.defaultView;if(!e)return;const t=()=>{w({kind:"focusOut"}),delete d.originalActiveElement},o=()=>{w({kind:"focusIn"})};return window.addEventListener("focusin",t),e.addEventListener("focusin",o),()=>{window.removeEventListener("focusin",t),e.removeEventListener("focusin",o)}}),[f,d]),e.useEffect((()=>{if(!S||!f)return;const e=f.ownerDocument.defaultView,o=e?e.document:document,n=e=>{if("Escape"!==e.key||T.closeDisabled){if("Tab"===e.key){const t=f.querySelectorAll('button:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), input, textarea'),n=t[0],s=t[t.length-1],r=o.activeElement;e.shiftKey?r===n&&(e.preventDefault(),s.focus()):r===s&&(e.preventDefault(),n.focus())}}else d.endFlow(g,{endReason:t.USER_CLOSED})};return window.addEventListener("keydown",n),e?.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n),e?.removeEventListener("keydown",n)}}),[S,d,g,f,T.closeDisabled]),e.useEffect((()=>{if(h.scrollToTopRequested){if(f?.ownerDocument.defaultView?.frameElement){const e=f?.ownerDocument.body;e&&(e.scrollTop=0)}w({kind:"scrolledToTop"})}}),[h.scrollToTopRequested,f]),e.createElement(se.Provider,{value:D},e.createElement(re.Provider,{value:h},e.createElement(k.Provider,{value:g},e.createElement(N,null,e.createElement(x,{company:g.flow.company,theme:I,position:"fixed",stepKey:E.crossVersionId,stepAppearance:E.appearance,width:E.width,backgroundImageUrl:"flow"===j&&!O&&E.backgroundAsset?E.backgroundAsset.assetUrl:null,tooltipSelector:B,tooltipPlacement:E.tooltipPlacement,backdrop:E.backdrop,tooltipTargetBlocked:E.tooltipTargetBlocked,backdropPadding:E.backdropPadding,onTooltipTargetClick:q,onTooltipTargetMissingChange:z,onModalBackdropClick:E.appearance!==a.MODAL||I.modalBackdropOnclick!==u.DISMISS||T.closeDisabled?void 0:()=>d.endFlow(g,{endReason:t.USER_CLOSED}),speaking:y,minimizeOnAvatarClick:!0,autoHide3pEnabled:!0,onVisibleChange:m,bubbleFrameRootRef:b,rootChildren:t=>e.createElement(J,{...t,theme:I})},"menu"===j?e.createElement(A,null):O&&I.tooltipMissingBehavior!==r.BUBBLE?e.createElement(W,null):e.createElement(U,{theme:I}))))))},J=({visible:t,bubbleFrame:o,theme:n})=>{const s=ae(),{step:r}=s,l=s.session.currentStep&&s.session.currentStep.id,[a,i]=e.useState(!1),c=e.useRef(l);return e.useEffect((()=>{t?i(!0):c.current!==l&&i(!1),c.current=l}),[l,t]),e.createElement(e.Fragment,null,(t||a)&&"flow"===s.contentType&&e.createElement(e.Fragment,null,e.createElement(z,{bubbleFrame:o,theme:n}),e.createElement(X,null)),r.triggers.map((t=>e.createElement(q,{key:t.id,trigger:t}))))},Q={muted:!1,speechPlaying:!1,contentType:"flow",autoFocusRequested:!1,hasFocus:!1,scrollToTopRequested:!1,shouldLabelDialog:!0};function Z(e,t){switch(t.kind){case"updateSession":{let o;return o=t.session.id===e.session.id&&t.session.version.steps.find((({crossVersionId:t})=>t===e.step.crossVersionId))||ee(t.session),{...e,session:t.session,step:o}}case"goToStep":{const o=e.session.version.steps.find((e=>e.id===t.stepId));return o?{...e,step:o,contentType:"flow",autoFocusRequested:e.hasFocus||oe(o),scrollToTopRequested:!0,shouldLabelDialog:!e.hasFocus}:e}case"toggleMuted":return{...e,muted:!e.muted};case"speechPlaying":return{...e,speechPlaying:!0};case"speechStopped":return{...e,speechPlaying:!1};case"showFlow":return{...e,contentType:"flow",autoFocusRequested:!0,scrollToTopRequested:!0};case"showMenu":return{...e,contentType:"menu",autoFocusRequested:!0,scrollToTopRequested:!0};case"autoFocused":return{...e,autoFocusRequested:!1};case"focusIn":return{...e,hasFocus:!0};case"focusOut":return{...e,hasFocus:!1};case"scrolledToTop":return{...e,scrollToTopRequested:!1}}}function ee(e){const{currentStep:t}=e,{steps:o}=e.version;if(t){const e=o.find((({crossVersionId:e})=>e===t.crossVersionId));if(!e)throw new d("Session points to an unknown step: "+t.crossVersionId);return e}return te(e)}function te(e){const t=e.version.steps[0];if(!t)throw new d("Session has no current step and its version has no start step");return t}function oe(e){return ne(e)}function ne(e){return e.appearance===a.MODAL||e.appearance===a.BUBBLE&&e.backdrop||e.appearance===a.TOOLTIP&&e.tooltipTargetBlocked}const se=e.createContext(null),re=e.createContext(null);function le(){return e.useContext(se)}function ae(){return e.useContext(re)}export default $;export{$ as FlowApp,re as FlowStateContext,Q as initialFlowState,ne as isStepModal,le as useFlowDispatch,ae as useFlowState};
1
+ import{r as e}from"./vendor.react.js";import{E as t,V as o,I as n,b as s,J as r,G as l,K as a,w as i,z as c,M as u,U as d}from"./userflow.js";import{B as p}from"./BubbleToolbar.js";import{m,d as f,R as b,i as w,g as h,u as g,c as E,h as v,S as y}from"./bubble-frame.styl.js";import{b as k,z as j,a as T,t as R,r as S}from"./flow-condition-types.js";import{u as L,i as M}from"./client-context.js";import{F as x}from"./FlowChrome.js";import{u as F,r as C}from"./use-selector-element-monitoring.js";import{a as I,S as N}from"./flow-host.styl.js";import{m as D}from"./vendor.fortawesome.pro-solid-svg-icons.js";import{D as P,u as B}from"./stylesheets.js";import{T as q}from"./Trigger.js";import{u as _}from"./vendor.react-i18next.js";import"./vendor.object-assign.js";import"./vendor.phoenix.js";import"./vendor.uuid.js";import"./vendor.fortawesome.pro-regular-svg-icons.js";import"./vendor.obj-str.js";import"./vendor.date-fns.js";import"./vendor.i18next.js";import"./use-window-resize.js";import"./vendor.react-dom.js";import"./vendor.scheduler.js";import"./logomark.js";import"./vendor.babel.runtime.js";const A=()=>{const{t:o}=_(),n=L(),{dispatch:s,restart:r}=le(),{session:l,step:a}=ae(),i="userflowjs-bubble-button userflowjs-bubble-button--default userflowjs-bubble-menu__item";return e.createElement("div",{role:"dialog","aria-modal":ne(a)?"true":void 0,"aria-label":"Guide menu"},e.createElement("div",{className:"userflowjs-bubble-menu__title"},o("menu.title")),e.createElement("button",{className:i,onClick:()=>n.endFlow(l,{endReason:t.USER_CLOSED})},o("menu.close")),l.version.restartEnabled&&e.createElement("button",{className:i,onClick:r},o("menu.restart")),e.createElement("button",{className:i,onClick:()=>s({kind:"showFlow"})},o("menu.back")))},O=({progress:t})=>{const o={width:100*parseFloat(t||"0")+"%"};return e.createElement("div",{className:"userflowjs-bubble-progress"},e.createElement("div",{className:"userflowjs-bubble-progress__fill",style:o}))},V=({theme:s})=>{const r=L(),{session:l,step:a,muted:i,shouldLabelDialog:c}=ae(),{version:u}=l,{dispatch:d}=le(),w=u.steps[0],h=w&&w.id===a.id,g=h&&"1"===a.progress,E=e.useMemo((()=>a.content&&m(f(a.content),{buttons:a.buttons,questions:a.questions})),[a.content,a.buttons,a.questions]);return e.createElement("div",{key:a.id,role:"alertdialog","aria-modal":ne(a)?"true":void 0,"aria-label":c?"Guide":void 0},!g&&e.createElement(O,{progress:a.progress}),e.createElement("div",{id:"userflowjs-bubble-content",className:"userflowjs-bubble-content"},e.createElement(b,{doc:E,lookupAttribute:k(l.data),buttons:a.buttons,questions:a.questions})),e.createElement(p,{draftMode:l.draftMode,muted:i,toggleMuted:s.voiceType!==o.NONE?()=>d({kind:"toggleMuted"}):void 0,close:u.closeDisabled?void 0:()=>s.flowXButtonBehavior===n.DISMISS||h?r.endFlow(l,{endReason:t.USER_CLOSED}):d({kind:"showMenu"})}))};function U(e,t){if(!e)return"";"string"==typeof e&&(e=f(e));const o=[],n=/[.!?;,]$/;function s(){const e=(o[o.length-1]||"").trim();e&&!e.match(n)&&o.push(".")}function r(e){e.forEach((e=>function(e){if(w(e)){if(e.text&&!e.silent){const t=e.text.split("\n");t.forEach(((e,n)=>{o.push(e),n<t.length-1&&(s(),o.push("\n"))}))}}else switch(e.type){case"attribute":{const n=h(e,t);n&&o.push(n);break}default:r(e.children),["link"].includes(e.type)||(s(),o.push("\n\n"))}}(e)))}return r(e.children),o.join("").trim().replace(new RegExp(String.fromCharCode(160),"g")," ").replace(new RegExp(String.fromCharCode(8),"g"),"")}const z=({bubbleFrame:t,theme:n})=>{const s=L(),{dispatch:r}=le(),{muted:l,session:a,step:i}=ae(),c=s.getAudio();e.useEffect((()=>{const e=()=>{r({kind:"speechPlaying"})},t=()=>{r({kind:"speechStopped"})};return c.addEventListener("playing",e),c.addEventListener("ended",t),c.addEventListener("pause",t),()=>{c.removeEventListener("playing",e),c.removeEventListener("ended",t),c.removeEventListener("pause",t),c.pause(),c.src="",r({kind:"speechStopped"})}}),[r,c]),e.useEffect((()=>{if(s.audioReady)return;const e=t&&"IFRAME"===t.tagName?t.contentWindow:null;const o=()=>{window.removeEventListener("mousedown",n),e&&e.removeEventListener("mousedown",n)},n=()=>{o(),s.playAudio(null)};return window.addEventListener("mousedown",n),e&&e.addEventListener("mousedown",n),o}),[t,s]);const u=e.useRef(a),d=e.useRef(n),p=e.useRef(i);return e.useEffect((()=>{u.current=a,d.current=n,p.current=i}),[a,n,i]),e.useEffect((()=>{if(!s.audioReady||l)return void s.pauseAudio();let e=!1;return(async()=>{if(await new Promise((e=>setTimeout(e,1))),e)return;const t=await async function(e,t,n,s){if(n.voiceType===o.SYNTHETIC&&"string"==typeof n.syntheticVoice&&s.content){e.ensureIdentified();const o=k(t.data),r=U(s.content,o);return e.getStepSpeech(n.syntheticVoice,r)}if(n.voiceType===o.MANUAL&&s.speechAsset)return s.speechAsset.assetUrl;return null}(s,u.current,d.current,p.current);e||t&&s.playAudio(t)})(),()=>{e=!0}}),[l,s,i.id,n.voiceType,n.syntheticVoice]),null};const Y=e.forwardRef(((t,o)=>{const n=I();return e.createElement("div",{ref:o,className:"userflowjs-out-of-viewport-pointer",style:{zIndex:n+2}},e.createElement(P,{icon:D}))}));function G(e,t){const o=e.current;o&&(o.classList.toggle("userflowjs-out-of-viewport-pointer--visible",null!=t),t&&(o.style.left=t.left+"px",o.style.top=t.top+"px",o.classList.toggle("userflowjs-out-of-viewport-pointer--visible-up","up"===t.direction),o.classList.toggle("userflowjs-out-of-viewport-pointer--visible-down","down"===t.direction)))}const X=()=>{const{step:t}=ae();return e.createElement(e.Fragment,null,t.beacons.map((t=>e.createElement(H,{key:t.id,beacon:t}))))},H=({beacon:t})=>{const{session:o}=ae(),n=I(),s=e.useRef(null),r=e.useRef(null),l=g(t.hiddenCondition),a=e.useMemo((()=>R(t.selector,o.data)),[t.selector,o.data]),i=e.useCallback((({targetRect:e,clipEl:o,viewportClipRect:n})=>{const l=function({beacon:e,beaconRef:t,clipEl:o,viewportClipRect:n,targetRect:s}){if(!t.current)return null;if(0===s.width||0===s.height)return null;const r=16,l=16,a=S(o);let i=0,c=0;switch(e.placement){case"top-left":case"left":case"bottom-left":i=s.left;break;case"top":case"center":case"bottom":i=s.left+s.width/2;break;default:i=s.left+s.width}switch(e.placement){case"left":case"center":case"right":c=s.top+s.height/2;break;case"bottom-left":case"bottom":case"bottom-right":c=s.top+s.height;break;default:c=s.top}i-=r/2,c-=l/2,i+=e.offsetX,c+=e.offsetY,i=Math.max(i,a.left-(o===document.documentElement?0:o.scrollLeft)),c=Math.max(c,a.top-(o===document.documentElement?0:o.scrollTop));const u=i+r,d=c+l,p=Math.min(32,.5*l);let m;m=d<n.top+p?"up":c>n.bottom-p?"down":null;return{top:c,right:u,bottom:d,left:i,width:r,height:l,pointerSubjectPosition:{direction:m,left:i,width:r},visible:null==m}}({beacon:t,beaconRef:s,clipEl:o,viewportClipRect:n,targetRect:e}),a=l&&function({subjectPosition:e,pointerRef:t,viewportClipRect:o}){const n=t.current;if(!n)return null;const s=n.getBoundingClientRect(),r=j(T());let l,a,i=e.direction;return null==i?null:("down"===i&&o.bottom<s.height/2?i="up":"up"===i&&o.top>r&&(i="down"),l=e.left+e.width/2-s.width/2,a="down"===i?o.bottom-s.height:o.top,{direction:i,left:l,top:a})}({subjectPosition:l.pointerSubjectPosition,pointerRef:r,viewportClipRect:n});C((()=>{K(s,l),G(r,a)}))}),[t]),c=e.useCallback((()=>{K(s,null),G(r,null)}),[]);return F({selector:l?null:a,targetMoved:i,targetLost:c}),e.createElement(e.Fragment,null,e.createElement("div",{ref:s,className:"userflowjs-beacon userflowjs-beacon--pulse userflowjs-beacon--for-flow userflowjs-fixed-widget",style:{zIndex:n+2}},e.createElement("div",{className:"userflowjs-beacon__ring"}),e.createElement("div",{className:"userflowjs-beacon__ring"})),e.createElement(Y,{ref:r}))};function K(e,t){const o=e.current;o&&(o.classList.toggle("userflowjs-fixed-widget--visible",null!=t),t&&(o.style.transform=`translate3d(${t.left}px, ${t.top}px, 0)`,o.style.visibility=t.visible?"visible":"hidden"))}const W=()=>{const{t:o}=_(),n=L(),{restart:l}=le(),{session:a,step:i}=ae(),c=i.theme||a.version.theme,u=i.selector,d=!u||u.type===s.AUTO&&!u.autoData,m=()=>n.endFlow(a,{endReason:t.USER_CLOSED});return e.createElement(e.Fragment,null,e.createElement(p,{draftMode:a.draftMode,close:m}),a.draftMode&&d?e.createElement("div",{className:"userflowjs-bubble-content"},e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"No tooltip target selected yet. Please go back to the Builder and select a tooltip target in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name),".")):a.draftMode&&c.tooltipMissingBehavior===r.END?e.createElement("div",{className:"userflowjs-bubble-content"},e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("p",null,e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"The tooltip target element in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name)," was not found within"," ",c.tooltipMissingToleranceSeconds," ",1===parseFloat(c.tooltipMissingToleranceSeconds)?"second":"seconds","."),e.createElement("p",null,"For regular users, the flow will auto-dismiss when this happens."),e.createElement("p",null,"If you are on the right page, then try reselecting the element in the Builder."),e.createElement("p",null,"Read more in our"," ",e.createElement("a",{href:"https://userflow.com/docs/trouble/element-not-found",target:"_blank",rel:"noopener noreferrer"},"Element not found guide"),"."))):e.createElement(e.Fragment,null,e.createElement("div",{className:"userflowjs-bubble-content"},a.draftMode&&e.createElement("div",{className:"userflowjs-bubble-alert p-like"},e.createElement("span",{className:"userflowjs-bubble-alert__label"},"Preview-only tip"),"The tooltip target element in ",e.createElement("b",null,"Step ",i.idx+1)," of"," ",e.createElement("b",null,a.flow.name)," was not found on the page. If you are on the right page, then try reselecting the element in the Builder."),e.createElement("p",null,e.createElement("b",null,o("tooltipTargetMissing.line1"))),e.createElement("p",null,o("tooltipTargetMissing.line2"))),e.createElement("div",{className:"userflowjs-bubble-buttons"},e.createElement(E,{appearance:"primary",onClick:l,text:o("menu.restart")}),e.createElement(E,{appearance:"default",onClick:m,text:o("menu.close")}))))},$=({session:o,checklistSession:n,resourceCenterEmbedsChecklist:s})=>{const d=L(),[p,m]=e.useState(!1),[f,b]=e.useState(null),[w,h]=e.useReducer(Z,void 0,(()=>{const e=o,t=ee(e);return{...Q,session:e,step:t,muted:!!l.getItem("flowsMuted"),autoFocusRequested:oe(t)}})),{session:g,step:E,speechPlaying:k,contentType:j}=w,{version:T}=g,S=ne(E);let F=0;E.questions.some((e=>e.type===i.NPS))&&(F=420);const C=B(E.theme||T.theme),I=e.useMemo((()=>{let e=C.bubbleY;const t=n?.version.theme;return!s&&n&&t&&n.version.checklist?.launcherEnabled&&E.appearance===a.BUBBLE&&t.checklistLauncherPlacement===C.bubblePlacement&&(C.avatarType===c.NONE||t.checklistLauncherX<C.bubbleX+C.avatarSize)&&(e=Math.max(C.bubbleY,t.checklistLauncherY+t.checklistLauncherHeight+C.bubbleY)),{...C,bubbleWidth:Math.max(C.bubbleWidth,F),bubbleY:e}}),[s,n,E.appearance,C,F]);e.useEffect((()=>{g!==o&&h({kind:"updateSession",session:o});const e=e=>{e.session.id===g.id&&h({kind:"goToStep",stepId:e.step.id})};return d.on("gotostep",e),()=>{d.off("gotostep",e)}}),[d,g,o]);const D=e.useMemo((()=>({dispatch:h,restart:()=>{d.goToStep(g,te(g)),h({kind:"showFlow"})}})),[d,h,g]),P=e.useMemo((()=>E.selector&&R(E.selector,g.data)),[E.selector,g.data]),q=e.useCallback((()=>{v(d,g,E.actions)}),[d,g,E.actions]);e.useEffect((()=>{w.muted?l.setItem("flowsMuted","true"):l.removeItem("flowsMuted")}),[w.muted]);const _=g.locale?g.locale.standardLocaleId:I.languageId;e.useEffect((()=>{M.changeLanguage(_)}),[_]);const[O,U]=e.useState(!1),z=e.useCallback((e=>{U(e),e&&d.send({kind:"ReportTooltipTargetMissing",sessionId:g.id,stepId:E.id}),e&&I.tooltipMissingBehavior===r.END&&!g.draftMode&&d.endFlow(g,{endReason:t.TOOLTIP_TARGET_MISSING})}),[d,g,E.id,I.tooltipMissingBehavior]);return e.useEffect((()=>{if(!p||!w.autoFocusRequested)return;d.originalActiveElement||d.originalActiveElement===f?.ownerDocument.defaultView?.frameElement||(d.originalActiveElement=document.activeElement);let e=f?.querySelector('button:not([tabindex="-1"]):not(.userflowjs-bubble-toolbar-button), [tabindex]:not([tabindex="-1"]):not(.userflowjs-bubble-toolbar-button), input, textarea');if(e&&e.matches(".userflowjs-bubble-buttons button:not(.userflowjs-bubble-button--primary)")){const t=f?.querySelector(".userflowjs-bubble-buttons .userflowjs-bubble-button--primary");t&&(e=t)}e&&"function"==typeof e.focus&&e.focus({preventScroll:!0}),h({kind:"autoFocused"})}),[d,f,p,w.autoFocusRequested]),e.useEffect((()=>{const e=f?.ownerDocument.defaultView;if(!e)return;const t=()=>{h({kind:"focusOut"}),delete d.originalActiveElement},o=()=>{h({kind:"focusIn"})};return window.addEventListener("focusin",t),e.addEventListener("focusin",o),()=>{window.removeEventListener("focusin",t),e.removeEventListener("focusin",o)}}),[f,d]),e.useEffect((()=>{if(!S||!f)return;const e=f.ownerDocument.defaultView,o=e?e.document:document,n=e=>{if("Escape"!==e.key||T.closeDisabled){if("Tab"===e.key){const t=f.querySelectorAll('button:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), input, textarea'),n=t[0],s=t[t.length-1],r=o.activeElement;e.shiftKey?r===n&&(e.preventDefault(),s.focus()):r===s&&(e.preventDefault(),n.focus())}}else d.endFlow(g,{endReason:t.USER_CLOSED})};return window.addEventListener("keydown",n),e?.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n),e?.removeEventListener("keydown",n)}}),[S,d,g,f,T.closeDisabled]),e.useEffect((()=>{if(w.scrollToTopRequested){if(f?.ownerDocument.defaultView?.frameElement){const e=f?.ownerDocument.body;e&&(e.scrollTop=0)}h({kind:"scrolledToTop"})}}),[w.scrollToTopRequested,f]),e.createElement(se.Provider,{value:D},e.createElement(re.Provider,{value:w},e.createElement(y.Provider,{value:g},e.createElement(N,null,e.createElement(x,{company:g.flow.company,theme:I,position:"fixed",stepKey:E.crossVersionId,stepAppearance:E.appearance,width:E.width,backgroundImageUrl:"flow"===j&&!O&&E.backgroundAsset?E.backgroundAsset.assetUrl:null,tooltipSelector:P,tooltipPlacement:E.tooltipPlacement,backdrop:E.backdrop,tooltipTargetBlocked:E.tooltipTargetBlocked,backdropPadding:E.backdropPadding,onTooltipTargetClick:q,onTooltipTargetMissingChange:z,onModalBackdropClick:E.appearance!==a.MODAL||I.modalBackdropOnclick!==u.DISMISS||T.closeDisabled?void 0:()=>d.endFlow(g,{endReason:t.USER_CLOSED}),speaking:k,minimizeOnAvatarClick:!0,autoHide3pEnabled:!0,onVisibleChange:m,bubbleFrameRootRef:b,rootChildren:t=>e.createElement(J,{...t,theme:I})},"menu"===j?e.createElement(A,null):O&&I.tooltipMissingBehavior!==r.BUBBLE?e.createElement(W,null):e.createElement(V,{theme:I}))))))},J=({visible:t,bubbleFrame:o,theme:n})=>{const s=ae(),{step:r}=s,l=s.session.currentStep&&s.session.currentStep.id,[a,i]=e.useState(!1),c=e.useRef(l);return e.useEffect((()=>{t?i(!0):c.current!==l&&i(!1),c.current=l}),[l,t]),e.createElement(e.Fragment,null,(t||a)&&"flow"===s.contentType&&e.createElement(e.Fragment,null,e.createElement(z,{bubbleFrame:o,theme:n}),e.createElement(X,null)),r.triggers.map((t=>e.createElement(q,{key:t.id,trigger:t}))))},Q={muted:!1,speechPlaying:!1,contentType:"flow",autoFocusRequested:!1,hasFocus:!1,scrollToTopRequested:!1,shouldLabelDialog:!0};function Z(e,t){switch(t.kind){case"updateSession":{let o;return o=t.session.id===e.session.id&&t.session.version.steps.find((({crossVersionId:t})=>t===e.step.crossVersionId))||ee(t.session),{...e,session:t.session,step:o}}case"goToStep":{const o=e.session.version.steps.find((e=>e.id===t.stepId));return o?{...e,step:o,contentType:"flow",autoFocusRequested:e.hasFocus||oe(o),scrollToTopRequested:!0,shouldLabelDialog:!e.hasFocus}:e}case"toggleMuted":return{...e,muted:!e.muted};case"speechPlaying":return{...e,speechPlaying:!0};case"speechStopped":return{...e,speechPlaying:!1};case"showFlow":return{...e,contentType:"flow",autoFocusRequested:!0,scrollToTopRequested:!0};case"showMenu":return{...e,contentType:"menu",autoFocusRequested:!0,scrollToTopRequested:!0};case"autoFocused":return{...e,autoFocusRequested:!1};case"focusIn":return{...e,hasFocus:!0};case"focusOut":return{...e,hasFocus:!1};case"scrolledToTop":return{...e,scrollToTopRequested:!1}}}function ee(e){const{currentStep:t}=e,{steps:o}=e.version;if(t){const e=o.find((({crossVersionId:e})=>e===t.crossVersionId));if(!e)throw new d("Session points to an unknown step: "+t.crossVersionId);return e}return te(e)}function te(e){const t=e.version.steps[0];if(!t)throw new d("Session has no current step and its version has no start step");return t}function oe(e){return ne(e)}function ne(e){return e.appearance===a.MODAL||e.appearance===a.BUBBLE&&e.backdrop||e.appearance===a.TOOLTIP&&e.tooltipTargetBlocked}const se=e.createContext(null),re=e.createContext(null);function le(){return e.useContext(se)}function ae(){return e.useContext(re)}export default $;export{$ as FlowApp,re as FlowStateContext,Q as initialFlowState,ne as isStepModal,le as useFlowDispatch,ae as useFlowState};
package/ResourceCenterApp.js CHANGED
@@ -1 +1 @@
1
- import{h as e,C as t,c as n,i as r,j as s,k as o,l as c,E as a,m as l,n as i,p as u,S as d,A as m,_ as f}from"./userflow.js";import{r as w}from"./vendor.react.js";import{u as h,i as E}from"./client-context.js";import{u as b,w as k,f as p,C as v}from"./flow-host.styl.js";import{S as g,b as C,R as j,h as N,s as S,a as y,n as I}from"./bubble-frame.styl.js";import{M as _,g as x,a as T,b as R}from"./flow-condition-types.js";import{D as M,u as A,a as L,g as B}from"./stylesheets.js";import{u as H,F}from"./use-window-resize.js";import{o as O}from"./vendor.obj-str.js";import{S as D}from"./logomark.js";import{f as P,C as U}from"./ChecklistUI.js";import{f as W,a as $,b as z,c as q,d as V,e as K,g as G,h as Q,i as Z,j as Y,k as J}from"./vendor.fortawesome.pro-regular-svg-icons.js";import{B as X}from"./BubbleToolbar.js";import{u as ee}from"./use-element-rect.js";import{u as te}from"./vendor.react-i18next.js";function ne(t){return t!==e.ACTION&&t!==e.ANNOUNCEMENTS&&t!==e.ASSISTANT&&t!==e.CONTACT&&t!==e.FLOWS&&t!==e.KNOWLEDGE_BASE&&t!==e.SUBPAGE}const re=window,se={[t.CRISP]:{configure:({onShow:e,onHide:t})=>{!function(){if(oe)return;oe=!0,re.$crisp||(re.$crisp=[]);re.$crisp.push(["do","chat:hide"])}();let n=!1,r=!1;const s=()=>{n||r?(re.$crisp.push(["do","chat:show"]),e()):(re.$crisp.push(["do","chat:hide"]),t())},o=()=>{n=!0,s()};re.$crisp.push(["on","chat:opened",o]);const c=()=>{n=!1,s()};re.$crisp.push(["on","chat:closed",c]);const a=()=>{r=!0,s()};re.$crisp.push(["on","message:received",a]);const l=window.setInterval((()=>{const e=(()=>{const e=document.getElementById("crisp-chatbox");if(!e||"block"!==window.getComputedStyle(e).display)return!1;const t=e.querySelector('[data-id="new_messages"]');return!(!t||"block"!==window.getComputedStyle(t).display)})();e!==r&&(r=e,s())}),200);return()=>{re.$crisp.push(["off","chat:opened",o]),re.$crisp.push(["off","chat:closed",c]),re.$crisp.push(["off","message:received",a]),window.clearInterval(l)}},show:()=>{re.$crisp.push(["do","chat:show"]),re.$crisp.push(["do","chat:open"])},hide:()=>{re.$crisp.push(["do","chat:hide"]),re.$crisp.push(["do","chat:close"])}},[t.CUSTOM]:{configure:()=>()=>{},show:({block:e})=>{try{new Function('"use strict";\n'+e.chatCode)()}catch(t){console.error(`Userflow.js: Showing custom chat provider failed. Code: ${e.chatCode}`,t)}},hide:()=>{}},[t.FRESHCHAT]:{configure:({onShow:e,onHide:t})=>{if(!re.fcWidget)throw new Error("Freshchat is not installed");let n=!1,r=!1;const s=()=>{n||r?e():t()},o=()=>{n=!0,s()};re.fcWidget.on("widget:opened",o);const c=()=>{n=!1,s()};re.fcWidget.on("widget:closed",c);const a=()=>{const e=!!document.querySelector("#fc_frame.h-open-notify");e!==r&&(r=e,s())},l=window.setInterval(a,200);return re.fcWidget.on("unreadCount:notify",a),()=>{re.fcWidget.off("widget:opened",o),re.fcWidget.off("widget:closed",c),re.fcWidget.off("unreadCount:notify",a),window.clearInterval(l)}},show:()=>{re.fcWidget.open()},hide:()=>{re.fcWidget.close()}},[t.HELPSCOUT]:{configure:({onShow:e,onHide:t})=>{if(!re.Beacon)throw new Error("Help Scout is not installed");!function(){if(ce)return;ce=!0,le()}();let n=!1,r=!1;const s=()=>{n||r?(ae(),e()):(le(),t())},o=()=>{n=!0,s()};re.Beacon("on","open",o),re.Beacon("info")?.status.isOpened&&o();const c=()=>{n=!1,s()};re.Beacon("on","close",c);const a=window.setInterval((()=>{const e=!!document.querySelector(".BeaconNotificationsFrame");e!==r&&(r=e,s())}),200);return()=>{re.Beacon("off","open",o),re.Beacon("off","close",c),window.clearInterval(a)}},show:()=>{ae(),re.Beacon("open")},hide:()=>{le(),re.Beacon("close")}},[t.HUBSPOT]:{configure:({onShow:e,onHide:t})=>{const n=()=>{const n=document.getElementById("hubspot-messages-iframe-container");if(!re.HubSpotConversations||!n)return;window.clearInterval(s),function(){if(ie)return;ie=!0,ue?de():me()}();let o=!1,c=!1;const a=()=>{o||c?(de(),e()):(me(),t())},l=()=>{const e=!!document.querySelector("#hubspot-messages-iframe-container .hs-shadow-container.active");e!==o&&(o=e,a())},i=new _(l);i.observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]}),l();const u=({unreadCount:e})=>{const t=e>0;t!==c&&(c=t,a())};re.HubSpotConversations.on("unreadConversationCountChanged",u),r=()=>{i.disconnect(),re.HubSpotConversations.off("unreadConversationCountChanged",u)}};let r=()=>{window.clearInterval(s)};const s=window.setInterval(n,100);return n(),()=>{r()}},show:()=>{de(),re.HubSpotConversations.widget.open()},hide:()=>{me(),re.HubSpotConversations.widget.close()}},[t.INTERCOM]:{configure:({onShow:e,onHide:t})=>{if(!re.Intercom)throw new Error("Intercom is not installed");return function(){if(fe)return;fe=!0,be();let e=!1,t=!1;const n=()=>{Ee();for(const e of we)e()},r=()=>{be();for(const e of he)e()},s=()=>{e||t?n():r()};re.Intercom("onShow",(()=>{e=!0,s()})),re.Intercom("onHide",(()=>{e=!1,s()}));const o=()=>{const e=!!document.querySelector('iframe[name="intercom-borderless-frame"], iframe[name="intercom-notifications-frame"]');t!==e&&(t=e,s())};re.Intercom("onUnreadCountChange",(()=>{o()})),window.setInterval(o,200)}(),we.add(e),he.add(t),()=>{we.delete(e),he.delete(t)}},show:()=>{Ee(),re.Intercom("show")},hide:()=>{be(),re.Intercom("hide")}},[t.ZENDESK]:{configure:({onShow:e,onHide:t})=>{if(!re.zE)throw new Error("Zendesk is not installed");!function(){if(ke)return;ke=!0,re.zE("webWidget","hide"),re.zE("webWidget","close"),re.zE("webWidget:on","open",(()=>{for(const e of pe)e()})),re.zE("webWidget:on","close",(()=>{for(const e of ve)e()})),re.zE("webWidget:on","chat:unreadMessages",(e=>{for(const t of ge)t(e)}))}();let n=!1,r=!1;const s=()=>{n||r?(re.zE("webWidget","show"),e()):(re.zE("webWidget","hide"),t())},o=()=>{n=!0,r=!1,s()};pe.add(o);const c=()=>{n=!1,r=!1,s()};ve.add(c);const a=e=>{const t=e>0;t!==r&&(r=t,s())};return ge.add(a),()=>{pe.delete(o),ve.delete(c),ge.delete(a)}},show:()=>{re.zE("webWidget","show"),re.zE("webWidget","open")},hide:()=>{re.zE("webWidget","hide"),re.zE("webWidget","close")}},[t.ZENDESK_MESSENGER]:{configure:({onShow:e,onHide:t})=>{if(!re.zE)throw new Error("Zendesk is not installed");let n=!1;const r=window.setInterval((()=>{const r=(()=>{const e=document.querySelector('iframe[title="Messaging window"]');return!!e&&"0px"!==window.getComputedStyle(e).height})();r!==n&&(n=r,n?e():t())}),200);return()=>{window.clearInterval(r)}},show:()=>{re.zE("messenger","open")},hide:()=>{re.zE("messenger","close")}}};let oe=!1;let ce=!1;function ae(){re.Beacon("config",{display:{style:"icon"}})}function le(){re.Beacon("config",{display:{style:"manual"}})}let ie=!1,ue=!1;function de(){ue=!0;document.getElementById("hubspot-messages-iframe-container")?.style.setProperty("visibility","visible","important")}function me(){ue=!1;document.getElementById("hubspot-messages-iframe-container")?.style.setProperty("visibility","hidden","important")}let fe=!1,we=new Set,he=new Set;function Ee(){re.Intercom("update",{hide_default_launcher:!1,vertical_padding:20})}function be(){re.Intercom("update",{hide_default_launcher:!0,vertical_padding:100})}let ke=!1,pe=new Set,ve=new Set,ge=new Set;const Ce=e=>w.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100"},e),w.createElement("path",{fill:"currentColor",d:"M24.049 79.74h36.003c8.185 0 15.985-6.621 17.43-14.814l6.091-34.556h3.997c8.149 0 13.645 6.63 12.2 14.815l-7.051 40C91.274 93.363 83.474 100 75.288 100h-40c-8.185 0-13.645-6.667-12.2-14.815l.96-5.444Z"}),w.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.437 69.63h40c8.148 0 15.978-6.637 17.422-14.815l7.052-40C78.355 6.63 72.896 0 64.711 0h-40C16.533 0 8.726 6.63 7.281 14.815l-7.052 40C-1.215 62.963 4.252 69.63 12.437 69.63Zm33.628-33.798c3.756-2.064 8.725-4.795 9.907-11.844C57.385 15.458 50.065 8.983 42.168 9c-7.452 0-12.771 3.195-17.508 8.892-.858 1.034-.884 2.45-.053 3.212l3.472 3.196c.847.767 2.25.589 3.176-.406 2.842-3.068 4.869-4.83 8.51-4.83 2.864 0 6.077 1.934 5.59 4.847-.37 2.223-2.292 3.334-5.4 5.001l-.28.151c-3.582 1.92-8.134 4.362-9.124 10.247l-.16.956c-.055.28-.05.571.014.85.065.278.188.538.362.76.173.222.391.4.639.522.247.121.518.183.79.18h6.744a2.709 2.709 0 0 0 1.712-.688c.481-.426.81-1.01.934-1.657l.095-.556c.266-1.582 2.101-2.59 4.384-3.845ZM32.837 59c3.552 0 6.955-3.034 7.58-6.769.63-3.729-1.742-6.763-5.293-6.763-3.552 0-6.934 3.028-7.58 6.763C26.9 55.966 29.286 59 32.837 59Z"})),je=({center:e,fadeIn:t})=>{const n=12;return w.createElement("div",{className:O({"userflowjs-spinner":!0,"userflowjs-spinner--center":!!e,"userflowjs-spinner--fade-in":!!t})},w.createElement("svg",{viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},w.createElement("circle",{className:"userflowjs-spinner__bg",fill:"none",cx:n,cy:n,r:10,style:{strokeWidth:"4px"}}),w.createElement("circle",{className:"userflowjs-spinner__fill",fill:"none",cx:n,cy:n,r:10,transform:"translate(12, 12) rotate(-90) translate(-12, -12)",style:{strokeWidth:"4px",strokeDasharray:20*Math.PI*.25+"px, 1000"}})))};function Ne({message:e,skip:t}){const n=h(),[r,s]=w.useState(!0),[o,c]=w.useState(!1),[a,l]=w.useState(null),[i,u]=w.useState(null),[d,m]=w.useState(null),f=w.useRef(0),E=w.useRef(null),b=w.useRef((()=>{}));return w.useEffect((()=>{if(t)return;const r=JSON.stringify(e);if(r===E.current)return;E.current=r;const o=++f.current;let a,i;let d=!1;b.current=async(e,t)=>{if(!d){d=!0,c(!0);try{const r=e(a,i);i=r;const s=await n.send(r,{handlesRejection:!0});if(o!==f.current)return;a=t(a,s),l(a),m(null)}catch(r){if(o!==f.current)return;m(r)}finally{d=!1,c(!1)}}},(async()=>{s(!0);try{i=e;const t=await n.send(e,{handlesRejection:!0});if(o!==f.current)return;a=t,l(a),u(e),m(null)}catch(t){if(o!==f.current)return;m(t)}finally{s(!1)}})()}),[t,n,e]),{loading:r,loadingMore:o,data:a,messageForData:i,error:d,loadMore:b.current}}function Se(e,t){const[n,r]=w.useState(e),s=w.useRef(void 0),o=w.useCallback((e=>{window.clearTimeout(s.current),r(e),t(e)}),[t]),c=w.useCallback((e=>{window.clearTimeout(s.current),r(e),s.current=window.setTimeout((()=>{t(e)}),200)}),[t]);return w.useEffect((()=>()=>{window.clearTimeout(s.current)}),[]),[n,c,o]}const ye=({textareaRef:e,value:t,onChange:n,onBlur:r,onKeyDown:s,onMouseDown:o,placeholder:c,disabled:a,readOnly:l,className:i,mirrorClassName:u,textareaClassName:d,children:m})=>{let f=t||c||"";return(""===f||f.endsWith("\n"))&&(f+=" "),i=i||"growing-textarea",u=u||i+"__mirror",w.createElement("div",{className:i},w.createElement("div",{className:u+" "+(d||"")},f),w.createElement("textarea",{ref:e,value:t,onChange:e=>n&&n(e.target.value),onBlur:r,onKeyDown:s,onMouseDown:o,placeholder:c,disabled:a,readOnly:l,className:d}),m)},Ie=({textareaRef:e,value:t,onChange:n,onSubmit:r,placeholder:s,readOnly:o})=>{const c=()=>{r&&r()};return w.createElement("div",{className:"userflowjs-assistant-chat-input"},w.createElement(ye,{textareaRef:e,className:"userflowjs-growing-textarea",mirrorClassName:"userflowjs-growing-textarea__mirror",textareaClassName:"userflowjs-textarea userflowjs-assistant-chat-input__textarea",placeholder:s,readOnly:o,value:t||"",onChange:n,onKeyDown:e=>{e.shiftKey||"Enter"!==e.key||(e.preventDefault(),c())}}),w.createElement("button",{"data-testid":"assistant-chat-input-submit",className:"userflowjs-assistant-chat-input__submit",onClick:()=>c()},w.createElement(M,{icon:W})))};function _e(e){return n.linkUrlDecorator?n.linkUrlDecorator(e):e}const xe=async()=>(await f((()=>import("./ResourceCenterAssistantChat.js")),[new URL("ResourceCenterAssistantChat.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("userflow.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.dompurify.js",import.meta.url).toString(),new URL("vendor.marked.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("logomark.js",import.meta.url).toString(),new URL("ChecklistUI.js",import.meta.url).toString(),new URL("BubbleToolbar.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString()])).ResourceCenterAssistantChat,Te=({session:l,isOpen:i,flowSession:u,checklistSession:d})=>{const m=h(),{t:f}=te(),{company:j}=l.flow,{version:N}=l,S=N.resourceCenter,y=A(N.theme),I=l.locale?l.locale.standardLocaleId:l.version.theme.languageId;w.useEffect((()=>{E.changeLanguage(I)}),[I]);const{loaded:R}=L(window,p,y),[U,W]=w.useState(!1),K=R&&U,[G,Q]=w.useState(x()),[Z,Y]=w.useState(T()),J=w.useCallback((()=>{Q(x()),Y(T())}),[]);H(J);const{zIndex:X,bringToFront:ee}=b(),[re,oe]=w.useState(null),[ce,ae]=w.useState(null),[le,ie]=w.useState(null),ue=w.useRef(null),[de,me]=w.useState(null),[fe,we]=w.useState(null),[he,Ee]=w.useState(null),[be,ke]=w.useState(0),[pe,ve]=w.useState(0),ge=w.useCallback((()=>{ce&&ke(Math.round(ce.offsetWidth)),ve(Math.round((le?.offsetHeight||0)+(de?.offsetHeight||0)+(fe?.offsetHeight||0)+(he?.offsetHeight||0)))}),[ce,le,de,fe,he]);w.useLayoutEffect((()=>{if(!re||"function"!=typeof _)return;const e=new _((()=>{ge()}));return e.observe(re,{childList:!0,attributes:!0,subtree:!0}),()=>{e.disconnect()}}),[re,ge]),w.useLayoutEffect((()=>{ge()}));const[je,Ne]=w.useState(!1),Se=w.useRef(),ye=w.useCallback((()=>{Ne(!0),window.clearTimeout(Se.current),Se.current=window.setTimeout((()=>{Ne(!1)}),y.resourceCenterTransitionDuration)}),[y.resourceCenterTransitionDuration]);w.useEffect((()=>()=>{window.clearTimeout(Se.current)}),[]);const Ie=w.useCallback((()=>{ee(),ye(),m.openResourceCenter()}),[ee,m,ye]),_e=w.useCallback((()=>{ye(),m.closeResourceCenter()}),[m,ye]),[xe,Te]=w.useState(!1);w.useEffect((()=>{if(xe){if(!("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0))if(i){const e='button:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), input, textarea';let t=de?.querySelector(".userflowjs-assistant-chat-input textarea")||de?.querySelector(e)||le?.querySelector(e);if(t){const e=t.closest&&t.closest(".userflowjs-resource-center-checklist")||null;e?P(e):t.focus({preventScroll:!0})}}else ce?.focus({preventScroll:!0});Te(!1)}}),[xe,i,de,le,ce]),w.useEffect((()=>{const e=re?.ownerDocument.defaultView;if(!i||!e)return;const t=e=>{"Escape"===e.key&&(_e(),Te(!0))};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}),[i,re,Te,_e]);const[Me,He]=w.useState((()=>function(e,t){if(!t)return null;const n=JSON.parse(t);let r;n.blockCvid&&(r=e.version.resourceCenter?.blocks.find((e=>e.cvid===n.blockCvid)));if(!r&&"search"!==n.kind)return null;const s={kind:n.kind,block:r};switch(s.kind){case"announcementShow":s.announcementId=n.announcementId}return s}(l,r.getItem(`resourceCenterRoute:v1:${l.id}`)))),Fe=w.useCallback(((e,t)=>{He(e);const n=function(e){if(!e)return null;let t;"block"in e&&null!=e.block&&(t=e.block.cvid);const n={kind:e.kind,blockCvid:t};switch(e.kind){case"announcementShow":n.announcementId=e.announcementId}return JSON.stringify(n)}(e);n?r.setItem(`resourceCenterRoute:v1:${l.id}`,n):r.removeItem(`resourceCenterRoute:v1:${l.id}`),0===t?.detail&&Te(!0)}),[l.id]),We=w.useMemo((()=>S.blocks.filter((t=>!(t.type===e.CHECKLIST&&!d)&&((t.type!==e.DIVIDER||!y.resourceCenterAutoDividers)&&(!t.hiddenWhenFlowsActive||!t.hiddenWhenFlowsActive.some((e=>e===u?.flow.id||e===d?.flow.id))))))),[S,u,d,y.resourceCenterAutoDividers]),$e=w.useMemo((()=>Le(We)),[We]),qe=w.useMemo((()=>d&&S.blocks.some((t=>t.type===e.CHECKLIST))?s(d):0),[S,d]),Ge=w.useMemo((()=>S.blocks.find((t=>t.type===e.CONTACT&&t.chatEnabled&&t.chatProvider))),[S]),[Qe,Ze]=w.useState(!1),Ye=w.useCallback((()=>{m.closeResourceCenter(),Ge&&Ge.chatProvider!==t.CUSTOM&&Ze(!0)}),[m,Ge]),Je=w.useCallback((()=>{Ze(!1)}),[]),tt=w.useCallback((()=>{if(Ge)try{se[Ge.chatProvider].hide({block:Ge}),Je()}catch(e){console.error(`Userflow.js: Error when hiding ${Ge.chatProvider}:`,e)}}),[Ge,Je]);w.useEffect((()=>{if(!Ge)return;n.autoHide3pDisabled=!0;const e=se[Ge.chatProvider];try{const t=e.configure({block:Ge,onShow:Ye,onHide:Je});return()=>{t()}}catch(t){return void console.error(`Userflow.js: Error when configuring ${Ge.chatProvider}:`,t)}}),[Ge,Ye,Je]),w.useEffect((()=>{i&&tt()}),[tt,i]);const nt=w.useMemo((()=>S.blocks.find((t=>t.type===e.ANNOUNCEMENTS))),[S]),rt=!!Me&&("search"===Me.kind||"flows"===Me.kind||"knowledgeBase"===Me.kind),st="assistant"===Me?.kind||"announcementList"===Me?.kind||"announcementShow"===Me?.kind,ot=Math.min(st?y.resourceCenterFullWidth:y.resourceCenterWidth,G-2*y.resourceCenterPaddingX),ct={zIndex:null!=y.resourceCenterZIndex?y.resourceCenterZIndex:i?X:k(v),position:K?void 0:"absolute",visibility:K&&!Qe?void 0:"hidden"},at={width:(i?ot:be)+"px",height:i?Math.min(rt?540:st?720:pe,Z-2*y.resourceCenterPaddingY,null==y.resourceCenterMaxHeight?Number.MAX_VALUE:y.resourceCenterMaxHeight)+"px":void 0},[lt,it]=w.useState(!1),ut=()=>{Ie(),Te(!0)},dt=y.resourceCenterDisplayChecklistProgress&&d&&qe>0?w.createElement("div",{"data-testid":"resource-center-launcher-badge",className:"userflowjs-resource-center-launcher-badge"},qe,w.createElement("div",{className:"userflowjs-a11y-only"},"uncompleted tasks")):null;let mt="",ft="";return y.resourceCenterLauncherTextMode===o.CHECKLIST_OVERRIDE&&d&&qe>0?mt=d.version.checklist?.launcherText||"Get Started":y.resourceCenterLauncherTextMode!==o.NONE&&(ft=S.buttonText),w.createElement(g.Provider,{value:l},w.createElement("div",{"data-testid":"resource-center-app",className:"userflowjs-resource-center-app userflowjs-theme-root",style:B(y),dir:E.dir()},w.createElement("div",{className:O({"userflowjs-resource-center":!0,"userflowjs-resource-center--fixed":!0,[`userflowjs-resource-center--placement-${y.resourceCenterPlacement.toLowerCase().replace(/_/g,"-")}`]:!0}),style:ct},w.createElement("div",{className:"userflowjs-resource-center-frame-wrapper",onMouseEnter:()=>it(!0),onMouseLeave:()=>it(!1)},w.createElement(F,{className:O({"userflowjs-resource-center-frame":!0,"userflowjs-resource-center-frame--animating":je,"userflowjs-resource-center-frame--open":i,"userflowjs-resource-center-frame--closed":!i}),style:at,stylesheet:C,theme:y,onStylesheetsLoad:W},K&&w.createElement(w.Fragment,null,w.createElement("div",{ref:oe,className:O({"userflowjs-resource-center-frame-root":!0,[`userflowjs-resource-center-frame-root--placement-${y.resourceCenterPlacement.toLowerCase().replace(/_/g,"-")}`]:!0,"userflowjs-resource-center-frame-root--animating":je,"userflowjs-resource-center-frame-root--open":i,"userflowjs-resource-center-frame-root--closed":!i}),role:i?"dialog":void 0,"aria-label":i?S.headerText:void 0},w.createElement("div",{className:"userflowjs-resource-center-launcher-container"},w.createElement("button",{ref:ae,className:O({"userflowjs-resource-center-launcher-button":!0,"userflowjs-resource-center-launcher-button--hover":lt}),onClick:ut,"aria-label":`Open ${S.headerText}`},dt,mt&&w.createElement("div",{"data-testid":"resource-center-launcher-text",className:"userflowjs-resource-center-launcher-text"},mt),(dt||mt)&&w.createElement("div",{className:"userflowjs-resource-center-launcher-divider"}),ft&&w.createElement("div",{"data-testid":"resource-center-launcher-text",className:"userflowjs-resource-center-launcher-text"},ft),w.createElement("div",{className:"userflowjs-resource-center-launcher-icon"},y.resourceCenterLauncherIconType===c.PLAINTEXT?"?":w.createElement(Ce,null)))),w.createElement("div",{ref:ue,className:"userflowjs-resource-center-body",style:{width:ot+"px"}},w.createElement("div",{ref:me,className:O({"userflowjs-resource-center-body-content":!0,"userflowjs-resource-center-body-content--padding":"assistant"!==Me?.kind,"userflowjs-resource-center-body-content--same-background":y.sameBackground,"userflowjs-resource-center-body-content--with-made-with-userflow":j.resourceCenterBranding})},i&&w.createElement(w.Fragment,null,Me?"search"===Me.kind?w.createElement(Oe,{session:l,navigate:Fe}):"email"===Me.kind?w.createElement(De,{block:Me.block,session:l}):"phone"===Me.kind?w.createElement(Pe,{block:Me.block,session:l}):"flows"===Me.kind?w.createElement(Ue,{block:Me.block,initialQ:Me.initialQ,session:l,navigate:Fe}):"knowledgeBase"===Me.kind?w.createElement(ze,{block:Me.block,initialQ:Me.initialQ,session:l,bodyRef:ue}):"subpage"===Me.kind?w.createElement(Ve,{block:Me.block,session:l}):"announcementList"===Me.kind||"announcementShow"===Me.kind?w.createElement(Ke,{bodyRef:ue,session:l,route:Me,navigate:Fe}):"assistant"===Me.kind?w.createElement(Xe,{block:Me.block,initialUserContent:Me.initialUserContent,session:l,navigate:Fe}):null:w.createElement(w.Fragment,null,We.map(((e,t)=>{const n=Be[e.type],r=We[t+1];return n?w.createElement(w.Fragment,{key:e.id},w.createElement(n.View,{session:l,flowSession:u,checklistSession:d,block:e,navigate:Fe,onChatShow:Ye}),r&&function(e,t,n){return!!e.resourceCenterAutoDividers&&(ne(t)||ne(n))}(y,e.type,r.type)&&w.createElement("div",{className:"userflowjs-resource-center-divider"})):null})))))),j.resourceCenterBranding&&w.createElement("div",{className:"userflowjs-resource-center-made-with-userflow"},w.createElement("div",{className:"userflowjs-resource-center-made-with-userflow-content",ref:we},w.createElement("a",{href:"https://userflow.com/?utm_source=made-with-userflow&utm_medium=link&utm_campaign=made-with-userflow-"+j.slug+"&utm_content=resource-center",target:"_blank",rel:"noopener noreferrer"},w.createElement(D,null),w.createElement("div",null,"Made with Userflow")))),l.draftMode&&w.createElement("div",{className:"userflowjs-resource-center-preview"},w.createElement("div",{ref:Ee,className:"userflowjs-resource-center-preview-content"},w.createElement("div",{className:"userflowjs-resource-center-preview-text"},"Preview"),w.createElement("button",{className:"userflowjs-resource-center-preview-button",onClick:()=>{m.endFlow(l,{endReason:a.USER_CLOSED})}},w.createElement(M,{icon:$})))),w.createElement("div",{className:"userflowjs-resource-center-header",style:{width:ot+"px"}},w.createElement("div",{ref:ie,className:"userflowjs-resource-center-header-content"},null==Me?w.createElement("div",{className:"userflowjs-resource-center-header-text"},S.headerText):w.createElement("button",{className:"userflowjs-resource-center-icon-button",onClick:e=>Fe("announcementShow"===Me?.kind?{kind:"announcementList",block:Me.block}:null,e)},w.createElement("div",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:z})),w.createElement("div",{className:"userflowjs-resource-center-icon-button__text"},f("resource_center.back"))),w.createElement("div",{className:"flex-1"}),$e.length>0&&w.createElement("button",{className:"userflowjs-resource-center-icon-button",onClick:()=>{let e={kind:"search"};if(1===$e.length){const t=$e[0],n=Be[t.type];n.routeTo&&(e=n.routeTo({block:t}))}"search"===Me?.kind?Fe(null):(et(m,l,null,"Search icon"),Fe(e))},"aria-label":"Search"},w.createElement(M,{icon:q})),w.createElement("button",{className:"userflowjs-resource-center-icon-button userflowjs-resource-center-close-button",onClick:e=>{_e(),0===e.detail&&Te(!0)},"aria-label":`Close ${S.headerText}`},w.createElement(M,{icon:V}))))))),!i&&!u&&nt&&nt.unreadAnnouncementCount>0&&w.createElement(Re,{theme:y,count:nt.unreadAnnouncementCount,onClick:ut})),!i&&!u&&nt?.popoutAnnouncement&&w.createElement(Ae,{session:l,open:Ie,navigate:Fe,theme:y,block:nt}))))},Re=({theme:e,count:t,onClick:n})=>{const[r,s]=w.useState(!1);return w.createElement(F,{className:O({"userflowjs-resource-center-launcher-unread-badge":!0}),noScroll:!0,style:{position:r?void 0:"absolute",visibility:r?void 0:"hidden"},stylesheet:C,theme:e,onStylesheetsLoad:s},w.createElement(Me,{count:t,onClick:n}))},Me=({count:e,onClick:t})=>{let n=null;return e>9&&(e=9,n=w.createElement("span",{className:"userflowjs-unread-badge-plus"},"+")),w.createElement("div",{className:O({"userflowjs-unread-badge":!0,"userflowjs-unread-badge--clickable":!!t}),onClick:t},w.createElement("span",null,e),n)},Ae=({session:e,open:t,navigate:n,theme:r,block:s})=>{const o=s.popoutAnnouncement,c=h(),[a,l]=w.useState(!1),{height:i,setEl:u}=ee();return w.createElement("div",{className:"userflowjs-resource-center-popout"},w.createElement(F,{className:O({"userflowjs-resource-center-popout-frame":!0}),style:{height:`calc(min(${i}px, 100vh - 2 * var(--userflow-resource-center-padding-y) - var(--userflow-resource-center-collapsed-height) - 20px)`,position:a?void 0:"absolute",visibility:a?void 0:"hidden"},stylesheet:C,theme:r,onStylesheetsLoad:l},w.createElement("div",{ref:u,className:"userflowjs-resource-center-popout-frame-root"},w.createElement("h2",{className:"userflowjs-announcement-title"},w.createElement("span",{className:"userflowjs-unread-dot"}),w.createElement("span",null,o.title)),w.createElement("div",{className:"userflowjs-announcement-time"},w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(o.time))),w.createElement("div",{className:"userflowjs-announcement-content userflowjs-bubble-content"},w.createElement(j,{doc:o.content,buttons:o.buttons})),o.moreEnabled&&w.createElement("div",{className:"userflowjs-announcement-more"},w.createElement("button",{className:"userflowjs-announcement-more-button",onClick:()=>{Ze(c,o),et(c,e,s,o.title),n({kind:"announcementShow",block:s,announcementId:o.id}),t()}},w.createElement("div",null,(o.moreEnabled?o.moreButtonText:null)||"Read more"),w.createElement("span",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:K})))),w.createElement("div",{className:"userflowjs-bubble-toolbar"},w.createElement("button",{className:"userflowjs-bubble-toolbar-button",onClick:()=>{Ze(c,o)},"aria-label":"Dismiss announcement"},w.createElement(M,{icon:$}))))),w.createElement("div",{className:"userflowjs-resource-center-popout-notch"}))};function Le(e){return e.filter((e=>{const t=Be[e.type];return t.isSearchable?t.isSearchable(e):!!t.search}))}const Be={[e.ACTION]:{View:e=>{const{block:t,session:n,flowSession:r,checklistSession:s}=e,o=h(),[c,a]=w.useState(!1),i=r?.id,u=s?.id;return w.useEffect((()=>{a(!1)}),[i,u]),w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:c?void 0:()=>{et(o,n,t);const e=t.actions.find((e=>e.type===l.START_FLOW));if(e){e.otherFlow?.id!==s?.flow.id&&a(!0)}else o.closeResourceCenter();N(o,n,t.actions)},disabled:c},w.createElement(He,{...e}),w.createElement(Fe,{...e}),c&&w.createElement(je,null))}},[e.ANNOUNCEMENTS]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"announcementList",block:t},e)}},t.unreadAnnouncementCount>0?w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(Me,{count:t.unreadAnnouncementCount})):w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}},[e.ASSISTANT]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h(),[o,c]=w.useState("");return t.assistantAppearance===i.INPUT?w.createElement("div",{className:"userflowjs-resource-center-assistant-block"},w.createElement(Ie,{value:o,onChange:c,placeholder:S(t.name,{lookupAttribute:R(n.data)}),onSubmit:()=>{et(s,n,t),r({kind:"assistant",block:t,initialUserContent:o})}})):w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{et(s,n,t),r({kind:"assistant",block:t,initialUserContent:""})}},w.createElement(He,{...e}),w.createElement(Fe,{...e}))}},[e.CHECKLIST]:{View:({checklistSession:e})=>w.createElement("div",{"data-testid":"resource-center-checklist",className:"userflowjs-resource-center-checklist"},w.createElement(U,{session:e}),w.createElement(X,{draftMode:!!e.draftMode&&"CHECKLIST PREVIEW"}))},[e.CONTACT]:{View:e=>{const{block:t,session:n,navigate:r,onChatShow:s}=e,o=h(),c=[];return t.emailEnabled&&c.push({icon:Z,label:"Email",isRoute:!0,onClick:e=>{et(o,n,t,"Email"),r({kind:"email",block:t},e)}}),t.phoneEnabled&&c.push({icon:Y,label:"Phone",isRoute:!0,onClick:e=>{et(o,n,t,"Phone"),r({kind:"phone",block:t},e)}}),t.chatEnabled&&c.push({icon:J,label:"Live-chat",isRoute:!1,onClick:()=>{if(et(o,n,t,"Chat"),t.chatProvider){const n=se[t.chatProvider];try{n.show({block:t})}catch(e){console.error(`Userflow.js: Error when showing ${t.chatProvider}:`,e)}s()}else n.draftMode&&window.alert("You have not selected a chat provider. Go to the resource center builder in Userflow. Click the Contact block. Pick a chat provider in the side panel.")}}),w.createElement("div",{className:O({"userflowjs-resource-center-block":!0,"userflowjs-resource-center-block--clickable":1===c.length}),onClick:1===c.length?c[0].onClick:void 0},1===c.length&&w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:c[0].icon})),w.createElement(Fe,{...e}),c.length>1&&c.map((({icon:e,label:t,onClick:n},r)=>w.createElement("button",{key:r,className:"userflowjs-resource-center-icon-button",onClick:n,"aria-label":t},w.createElement(M,{icon:e})))),1===c.length&&c[0].isRoute&&w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}},[e.DIVIDER]:{View:()=>w.createElement("div",{className:"userflowjs-resource-center-divider"})},[e.FLOWS]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"flows",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))},routeTo:({block:e,initialQ:t})=>({kind:"flows",block:e,initialQ:t}),isSearchable:e=>!!e.searchEnabled,search:async({client:e,session:t,block:n,q:r})=>{const{flows:s}=await e.send({kind:"ListResourceCenterBlockFlows",sessionId:t.id,blockCvid:n.cvid},{handlesRejection:!0}),o=We(s,r),c=o.slice(0,5);return{block:n,truncated:c.length===o.length,results:c.map((e=>({kind:"flow",flow:e})))}}},[e.KNOWLEDGE_BASE]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"knowledgeBase",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))},routeTo:({block:e,initialQ:t})=>({kind:"knowledgeBase",block:e,initialQ:t}),search:async({client:e,session:t,block:n,q:r})=>{const{truncated:s,articles:o}=await e.send({kind:"SearchKnowledgeBase",sessionId:t.id,blockCvid:n.cvid,q:r,offset:0,limit:5},{handlesRejection:!0});return{block:n,truncated:s,results:o.map((e=>({kind:"article",article:e})))}}},[e.MESSAGE]:{View:({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-block"},w.createElement("div",{className:"userflowjs-resource-center-block-text userflowjs-bubble-content"},w.createElement(j,{doc:e.content,lookupAttribute:R(t.data)})))},[e.SUBPAGE]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"subpage",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}}},He=({block:e})=>e.icon?w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:e.icon,size:16})):null,Fe=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-block-text"},w.createElement(y,{doc:e.name,lookupAttribute:R(t.data)}));const Oe=({session:e,navigate:t})=>{const n=h(),r=e.version.resourceCenter.blocks,s=Le(r),{t:o}=te(),c=w.useRef(null),[a,l]=w.useState(""),[i,u]=Se(a,l),[d,m]=w.useState(null);return w.useEffect((()=>{if(""===a.trim())return void m(null);let t=!1;return(async()=>{m(null);const s=await Promise.all(r.map((async t=>{const{search:r}=Be[t.type];if(!r)return null;try{return await r({client:n,session:e,block:t,q:a})}catch(s){return console.error(`Userflow.js: Global search failed for ${t.type} block=`,t,"error=",s),null}})));t||m(s.filter((e=>null!=e&&e.results.length>0)))})(),()=>{t=!0}}),[n,e,r,a]),w.useEffect((()=>{c.current?.focus({preventScroll:!0})}),[]),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:c,className:"userflowjs-text-input",type:"text",value:i,onChange:e=>u(e.target.value),placeholder:o("resource_center.search_placeholder")})),""===a.trim()?w.createElement("div",{"data-testid":"resource-center-empty-query",className:"userflowjs-resource-center-list-route-error"},o("resource_center.search_in")," ",s.map(((t,n)=>w.createElement(w.Fragment,{key:t.cvid},n>0&&(n===s.length-1?` ${o("and")} `:", "),w.createElement("b",null,w.createElement(y,{doc:t.name,lookupAttribute:R(e.data)}))))),"."):d?0===d.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},o("resource_center.no_results_found")):d.map((({block:r,truncated:s,results:c},l)=>{const i=Be[r.type],u=i.routeTo&&i.routeTo({block:r,initialQ:a});return w.createElement(w.Fragment,{key:r.cvid},l>0&&w.createElement("div",{className:"userflowjs-resource-center-divider"}),w.createElement("div",{className:"userflowjs-resource-center-label"},w.createElement(y,{doc:r.name,lookupAttribute:R(e.data)})),c.map(((n,s)=>"flow"===n.kind?w.createElement($e,{key:n.flow.id,block:r,session:e,flow:n.flow,navigate:t}):"article"===n.kind?w.createElement(qe,{key:s,block:r,session:e,article:n.article}):null)),!s&&u&&w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:s=>{et(n,e,r),t(u,s)}},w.createElement("div",{className:"userflowjs-resource-center-block-text"},o("more"),":"," ",w.createElement(y,{doc:r.name,lookupAttribute:R(e.data)})),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G}))))})):w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)))},De=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.emailContent,lookupAttribute:R(t.data)})),Pe=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.phoneContent,lookupAttribute:R(t.data)})),Ue=({block:e,initialQ:t,session:n,navigate:r})=>{const{t:s}=te(),o=w.useRef(null),[c,a]=w.useState(t||""),[l,i]=Se(c,a),{data:u,error:d}=Ne({message:{kind:"ListResourceCenterBlockFlows",sessionId:n.id,blockCvid:e.cvid}}),m=u?.flows,f=w.useMemo((()=>m?We(m,c):null),[m,c]);return w.useEffect((()=>{o.current?.focus({preventScroll:!0})}),[]),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:e.name,lookupAttribute:R(n.data)}))),e.searchEnabled&&w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:o,className:"userflowjs-text-input",type:"text",value:l,onChange:e=>i(e.target.value),placeholder:s("resource_center.search_placeholder")})),d?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.generic_error")):f?0===f.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.no_results_found")):f.map((t=>w.createElement($e,{key:t.id,block:e,session:n,flow:t,navigate:r}))):w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,{fadeIn:!0})))};function We(e,t){const n=t.toLowerCase().trim();return""===n?e:e.filter((e=>e.name.toLowerCase().includes(n)))}const $e=({block:e,session:t,flow:n,navigate:r})=>{const s=h(),[o,c]=w.useState(!1);return w.useEffect((()=>{if(!o||n.type!==u.CHECKLIST)return;const e=()=>{s.checklistSession?.flow.id===n.id&&(t(),r(null))},t=()=>{s.off("checklistChanged",e)};return s.on("checklistChanged",e),t}),[s,o,n.type,n.id,r]),w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{if(et(s,t,e,n.name),s.checklistSession?.flow.id===n.id)return void r(null);s.startFlow({flowId:n.id,startReason:d.RESOURCE_CENTER,replaceCurrent:!0}),c(!0);const o=S(n.url,{lookupAttribute:R(t.data)});o&&I(o)},disabled:o},w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:n.type===u.CHECKLIST?"regular/tasks":"regular/shoe-prints",size:16})),w.createElement("div",{className:"userflowjs-resource-center-block-text"},n.name),o&&w.createElement(je,null))},ze=({block:e,initialQ:t,session:n,bodyRef:r})=>{const{t:s}=te(),o=w.useRef(null),[c,a]=w.useState(t||""),[l,i]=Se(c,a),{loading:u,loadingMore:d,data:m,messageForData:f,error:h,loadMore:E}=Ne({message:{kind:"SearchKnowledgeBase",sessionId:n.id,blockCvid:e.cvid,q:c,offset:0}});tt({bodyRef:r,loading:u,loadingMore:d,truncated:m?.truncated,loadMoreHelper:w.useCallback((()=>{E(((e,t)=>({...t,offset:e.articles.length})),((e,t)=>({...t,articles:[...e.articles,...t.articles]})))}),[E])}),w.useEffect((()=>{o.current?.focus({preventScroll:!0})}),[]);let b=e.knowledgeBaseUrl||"";return b.match(/^https?:\/\//)||(b=`http://${b}`),b=_e(b),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:e.name,lookupAttribute:R(n.data)})),w.createElement("a",{className:"userflowjs-resource-center-icon-button",href:b,target:"_blank",rel:"noopener noreferrer"},w.createElement(M,{icon:Q}))),w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:o,className:"userflowjs-text-input",type:"text",value:l,onChange:e=>i(e.target.value),placeholder:s("resource_center.search_placeholder")})),h?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},"quota_exceeded"===h.code?"Sorry, this company has reached its max number of searches. Consider asking Userflow to be moved to a dedicated search engine for a higher quota.":h.humanMessage||s("resource_center.generic_error")):u||!m?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):0===m.articles.length?""===f?.q?null:w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.no_results_found")):w.createElement(w.Fragment,null,""===f?.q&&w.createElement("div",{className:"userflowjs-resource-center-label"},s("resource_center.suggested_articles")),m.articles.map(((t,r)=>w.createElement(qe,{key:r,block:e,session:n,article:t}))),d&&w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null))))},qe=({block:e,article:t,session:n})=>{const r=h();return w.createElement("a",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{et(r,n,e,t.title)},href:_e(t.url),target:"_blank",rel:"noopener noreferrer"},w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:"regular/file-alt",size:16})),w.createElement("div",{className:"userflowjs-resource-center-block-text"},w.createElement("span",{dangerouslySetInnerHTML:{__html:t.htmlTitle}}),w.createElement("div",{className:"userflowjs-resource-center-block-subtext",dangerouslySetInnerHTML:{__html:t.htmlSnippet}})))},Ve=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.content,lookupAttribute:R(t.data)})),Ke=({bodyRef:e,session:t,route:n,navigate:r})=>{const s=h(),o=Ne({message:{kind:"ListAnnouncements",beforeAnnouncementId:null},skip:"announcementList"!==n?.kind}),{loading:c,loadingMore:a,data:l,loadMore:i}=o,u=l?.truncated,d=w.useCallback((()=>{i(((e,t)=>e.announcements.length>0?{...t,beforeAnnouncementId:e.announcements[e.announcements.length-1].id}:t),((e,t)=>({...t,announcements:[...e.announcements,...t.announcements]})))}),[i]);tt({bodyRef:e,loading:c,loadingMore:a,truncated:u,loadMoreHelper:d});const[m,f]=w.useState(void 0);return w.useLayoutEffect((()=>{e.current&&null!=m&&"announcementList"===n?.kind&&(e.current.scrollTop=m)}),[e,m,n?.kind]),"announcementList"===n?.kind?w.createElement(Ge,{bodyRef:e,session:t,block:n.block,onMoreClick:o=>{f(e.current?.scrollTop),et(s,t,n.block,o.title),r({kind:"announcementShow",block:n.block,announcementId:o.id})},...o}):"announcementShow"===n?.kind?w.createElement(Je,{block:n.block,announcementId:n.announcementId}):null},Ge=({bodyRef:e,block:t,session:n,onMoreClick:r,error:s,loading:o,loadingMore:c,data:a})=>{const{t:l}=te(),[i,u]=w.useMemo((()=>{const e=[],t=[];if(a){let n=-1;for(const r of a.announcements)n++,n<a.pageSize&&!r.seen&&r.level!==m.SILENT?e.push(r):t.push(r)}return[e,t]}),[a]),d=i.length;return w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:t.name,lookupAttribute:R(n.data)}))),s?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s.humanMessage||l("resource_center.generic_error")):o||!a?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):0===a.announcements.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},E.exists("resource_center.no_announcements",{fallbackLng:[]})?l("resource_center.no_announcements"):l("resource_center.no_results_found")):w.createElement(w.Fragment,null,d>0&&w.createElement("div",{className:"userflowjs-announcement-unread-header"},l("resource_center.unread",{count:d})),i.map(((t,n)=>w.createElement(Ye,{key:n,bodyRef:e,onMoreClick:()=>r(t),announcement:t}))),i.length>0&&u.length>0&&w.createElement("div",{className:"userflowjs-announcement-seen-divider"}),u.map(((t,n)=>w.createElement(Ye,{key:n,bodyRef:e,onMoreClick:()=>r(t),announcement:t}))),c&&w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null))))},Qe=new Set;function Ze(t,n){Qe.has(n.id)||(Qe.add(n.id),t.setResourceCenterSession((t=>t?{...t,version:{...t.version,resourceCenter:{...t.version.resourceCenter,blocks:t.version.resourceCenter.blocks.map((t=>t.type===e.ANNOUNCEMENTS?{...t,unreadAnnouncementCount:t.unreadAnnouncementCount-1,popoutAnnouncement:t.popoutAnnouncement?.id===n.id?null:t.popoutAnnouncement}:t))}}}:null)),t.toggleUI(),t.send({kind:"MarkAnnouncementSeen",announcementId:n.id,versionId:n.versionId}))}const Ye=({bodyRef:e,onMoreClick:t,announcement:n})=>{const r=h(),s=w.useRef(null),o=w.useRef(!1);return w.useEffect((()=>{if(o.current||n.seen)return;const t=new IntersectionObserver((e=>{const t=e[0];t&&t.isIntersecting&&(Ze(r,n),o.current=!0,c())}),{root:e.current,threshold:1}),c=()=>{t.disconnect()};return t.observe(s.current),c}),[e,r,n]),w.createElement("div",{className:"userflowjs-announcement-list-item"},w.createElement("div",{className:"userflowjs-announcement-time-divider"},w.createElement("div",{className:"userflowjs-announcement-time-divider-line"}),w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(n.time)),w.createElement("div",{className:"userflowjs-announcement-time-divider-line"})),w.createElement("h2",{ref:s,className:"userflowjs-announcement-title"},!n.seen&&n.level!==m.SILENT&&w.createElement("span",{className:"userflowjs-unread-dot"}),w.createElement("span",null,n.title)),w.createElement("div",{className:"userflowjs-announcement-content userflowjs-bubble-content"},w.createElement(j,{doc:n.content,buttons:n.buttons})),w.createElement("div",{className:"userflowjs-announcement-more"},n.moreEnabled&&w.createElement("button",{className:"userflowjs-announcement-more-button",onClick:t},w.createElement("div",null,n.moreButtonText||"Read more"),w.createElement("span",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:K})))))},Je=({announcementId:e})=>{const t=h(),{t:n}=te(),{loading:r,data:s,error:o}=Ne({message:{kind:"GetAnnouncement",announcementId:e}}),c=s?.announcement;return w.useEffect((()=>{c&&!c.seen&&Ze(t,c)}),[t,c]),w.createElement(w.Fragment,null,o?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},o.humanMessage||n("resource_center.generic_error")):r||!c?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-announcement-show"},w.createElement("h2",{className:"userflowjs-announcement-title"},c?.title),w.createElement("div",{className:"userflowjs-announcement-time"},w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(c.time))),w.createElement("div",{className:"userflowjs-bubble-content"},w.createElement(j,{doc:c.content,buttons:c.buttons}),c.moreEnabled&&w.createElement(j,{doc:c.moreContent,buttons:c.moreButtons})))))},Xe=({block:e,initialUserContent:t,session:n,navigate:s})=>{const o=e.assistantFlowId,c=h(),[a,l]=w.useState(null),[i,u]=w.useState(null),[d,m]=w.useState(null),[f]=w.useState(t);return w.useEffect((()=>{t&&s({kind:"assistant",block:e,initialUserContent:""})}),[t,e,s]),w.useEffect((()=>{let e=!1;return(async()=>{try{const t=r.getItem("assistantConversationId:"+o),[n,s]=await Promise.all([xe(),c.send({kind:"GetAssistant",assistantFlowId:o,conversationId:t},{handlesRejection:!0,endBatch:!0})]);if(e)return;l((()=>n)),u(s)}catch(t){console.error("Resource center assistant route failed to load:",t),m(t.humanMessage||"Sorry, something went wrong. Please try again or contact my human friends.")}})(),()=>{e=!0}}),[c,o]),d?w.createElement("div",{className:"userflowjs-assistant-chat"},w.createElement("div",{className:"userflowjs-assistant-chat__content"},w.createElement("div",{className:"userflowjs-assistant-chat__error"},d))):a&&i?w.createElement(a,{block:e,session:n,assistantReply:i,initialUserContent:f}):w.createElement(je,{center:!0,fadeIn:!0})};function et(e,t,n,r){e.send({kind:"ClickResourceCenter",sessionId:t.id,description:n?S(n.name,{lookupAttribute:R(t.data)})+(r?` - ${r}`:""):r},{batch:!0})}function tt({bodyRef:e,loading:t,loadingMore:n,truncated:r,loadMoreHelper:s}){w.useEffect((()=>{const o=e.current;if(!o||t||n||r)return;const c=()=>{o.scrollHeight-o.clientHeight-o.scrollTop>400||s()};return o.addEventListener("scroll",c),()=>{o.removeEventListener("scroll",c)}}),[e,t,n,r,s])}function nt(e){const t=e?new Date(e):new Date;let n=new Intl.DateTimeFormat(E.language,{weekday:"long",day:"numeric",month:"short",year:t.getFullYear()===(new Date).getFullYear()?void 0:"numeric"}).format(t);return n.substring(0,1).toUpperCase()+n.substring(1)}var rt=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",ResourceCenterApp:Te,default:Te});export{Ie as A,ye as G,rt as R,_e as d};
1
+ import{h as e,C as t,c as n,i as r,j as s,k as o,l as c,E as a,m as l,n as i,p as u,S as d,A as m,_ as f}from"./userflow.js";import{r as w}from"./vendor.react.js";import{u as h,i as E}from"./client-context.js";import{u as b,w as k,f as p,C as v}from"./flow-host.styl.js";import{S as g,b as C,R as j,h as N,s as S,a as y,n as I}from"./bubble-frame.styl.js";import{M as _,g as x,a as T,b as R}from"./flow-condition-types.js";import{D as M,u as A,a as L,g as B}from"./stylesheets.js";import{u as H,F}from"./use-window-resize.js";import{o as O}from"./vendor.obj-str.js";import{S as D}from"./logomark.js";import{f as P,C as U}from"./ChecklistUI.js";import{f as W,a as $,b as z,c as q,d as V,e as K,g as G,h as Q,i as Z,j as Y,k as J}from"./vendor.fortawesome.pro-regular-svg-icons.js";import{B as X}from"./BubbleToolbar.js";import{u as ee}from"./use-element-rect.js";import{u as te}from"./vendor.react-i18next.js";function ne(t){return t!==e.ACTION&&t!==e.ANNOUNCEMENTS&&t!==e.ASSISTANT&&t!==e.CONTACT&&t!==e.FLOWS&&t!==e.KNOWLEDGE_BASE&&t!==e.SUBPAGE}const re=window,se={[t.CRISP]:{configure:({onShow:e,onHide:t})=>{!function(){if(oe)return;oe=!0,re.$crisp||(re.$crisp=[]);re.$crisp.push(["do","chat:hide"])}();let n=!1,r=!1;const s=()=>{n||r?(re.$crisp.push(["do","chat:show"]),e()):(re.$crisp.push(["do","chat:hide"]),t())},o=()=>{n=!0,s()};re.$crisp.push(["on","chat:opened",o]);const c=()=>{n=!1,s()};re.$crisp.push(["on","chat:closed",c]);const a=()=>{r=!0,s()};re.$crisp.push(["on","message:received",a]);const l=window.setInterval((()=>{const e=(()=>{const e=document.getElementById("crisp-chatbox");if(!e||"block"!==window.getComputedStyle(e).display)return!1;const t=e.querySelector('[data-id="new_messages"]');return!(!t||"block"!==window.getComputedStyle(t).display)})();e!==r&&(r=e,s())}),200);return()=>{re.$crisp.push(["off","chat:opened",o]),re.$crisp.push(["off","chat:closed",c]),re.$crisp.push(["off","message:received",a]),window.clearInterval(l)}},show:()=>{re.$crisp.push(["do","chat:show"]),re.$crisp.push(["do","chat:open"])},hide:()=>{re.$crisp.push(["do","chat:hide"]),re.$crisp.push(["do","chat:close"])}},[t.CUSTOM]:{configure:()=>()=>{},show:({block:e})=>{try{new Function('"use strict";\n'+e.chatCode)()}catch(t){console.error(`Userflow.js: Showing custom chat provider failed. Code: ${e.chatCode}`,t)}},hide:()=>{}},[t.FRESHCHAT]:{configure:({onShow:e,onHide:t})=>{if(!re.fcWidget)throw new Error("Freshchat is not installed");let n=!1,r=!1;const s=()=>{n||r?e():t()},o=()=>{n=!0,s()};re.fcWidget.on("widget:opened",o);const c=()=>{n=!1,s()};re.fcWidget.on("widget:closed",c);const a=()=>{const e=!!document.querySelector("#fc_frame.h-open-notify");e!==r&&(r=e,s())},l=window.setInterval(a,200);return re.fcWidget.on("unreadCount:notify",a),()=>{re.fcWidget.off("widget:opened",o),re.fcWidget.off("widget:closed",c),re.fcWidget.off("unreadCount:notify",a),window.clearInterval(l)}},show:()=>{re.fcWidget.open()},hide:()=>{re.fcWidget.close()}},[t.HELPSCOUT]:{configure:({onShow:e,onHide:t})=>{if(!re.Beacon)throw new Error("Help Scout is not installed");!function(){if(ce)return;ce=!0,le()}();let n=!1,r=!1;const s=()=>{n||r?(ae(),e()):(le(),t())},o=()=>{n=!0,s()};re.Beacon("on","open",o),re.Beacon("info")?.status.isOpened&&o();const c=()=>{n=!1,s()};re.Beacon("on","close",c);const a=window.setInterval((()=>{const e=!!document.querySelector(".BeaconNotificationsFrame");e!==r&&(r=e,s())}),200);return()=>{re.Beacon("off","open",o),re.Beacon("off","close",c),window.clearInterval(a)}},show:()=>{ae(),re.Beacon("open")},hide:()=>{le(),re.Beacon("close")}},[t.HUBSPOT]:{configure:({onShow:e,onHide:t})=>{const n=()=>{const n=document.getElementById("hubspot-messages-iframe-container");if(!re.HubSpotConversations||!n)return;window.clearInterval(s),function(){if(ie)return;ie=!0,ue?de():me()}();let o=!1,c=!1;const a=()=>{o||c?(de(),e()):(me(),t())},l=()=>{const e=!!document.querySelector("#hubspot-messages-iframe-container .hs-shadow-container.active");e!==o&&(o=e,a())},i=new _(l);i.observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]}),l();const u=({unreadCount:e})=>{const t=e>0;t!==c&&(c=t,a())};re.HubSpotConversations.on("unreadConversationCountChanged",u),r=()=>{i.disconnect(),re.HubSpotConversations.off("unreadConversationCountChanged",u)}};let r=()=>{window.clearInterval(s)};const s=window.setInterval(n,100);return n(),()=>{r()}},show:()=>{de(),re.HubSpotConversations.widget.open()},hide:()=>{me(),re.HubSpotConversations.widget.close()}},[t.INTERCOM]:{configure:({onShow:e,onHide:t})=>{if(!re.Intercom)throw new Error("Intercom is not installed");return function(){if(fe)return;fe=!0,be();let e=!1,t=!1;const n=()=>{Ee();for(const e of we)e()},r=()=>{be();for(const e of he)e()},s=()=>{e||t?n():r()};re.Intercom("onShow",(()=>{e=!0,s()})),re.Intercom("onHide",(()=>{e=!1,s()}));const o=()=>{const e=!!document.querySelector('iframe[name="intercom-borderless-frame"], iframe[name="intercom-notifications-frame"]');t!==e&&(t=e,s())};re.Intercom("onUnreadCountChange",(()=>{o()})),window.setInterval(o,200)}(),we.add(e),he.add(t),()=>{we.delete(e),he.delete(t)}},show:()=>{Ee(),re.Intercom("show")},hide:()=>{be(),re.Intercom("hide")}},[t.ZENDESK]:{configure:({onShow:e,onHide:t})=>{if(!re.zE)throw new Error("Zendesk is not installed");!function(){if(ke)return;ke=!0,re.zE("webWidget","hide"),re.zE("webWidget","close"),re.zE("webWidget:on","open",(()=>{for(const e of pe)e()})),re.zE("webWidget:on","close",(()=>{for(const e of ve)e()})),re.zE("webWidget:on","chat:unreadMessages",(e=>{for(const t of ge)t(e)}))}();let n=!1,r=!1;const s=()=>{n||r?(re.zE("webWidget","show"),e()):(re.zE("webWidget","hide"),t())},o=()=>{n=!0,r=!1,s()};pe.add(o);const c=()=>{n=!1,r=!1,s()};ve.add(c);const a=e=>{const t=e>0;t!==r&&(r=t,s())};return ge.add(a),()=>{pe.delete(o),ve.delete(c),ge.delete(a)}},show:()=>{re.zE("webWidget","show"),re.zE("webWidget","open")},hide:()=>{re.zE("webWidget","hide"),re.zE("webWidget","close")}},[t.ZENDESK_MESSENGER]:{configure:({onShow:e,onHide:t})=>{if(!re.zE)throw new Error("Zendesk is not installed");let n=!1;const r=window.setInterval((()=>{const r=(()=>{const e=document.querySelector('iframe[title="Messaging window"]');return!!e&&"0px"!==window.getComputedStyle(e).height})();r!==n&&(n=r,n?e():t())}),200);return()=>{window.clearInterval(r)}},show:()=>{re.zE("messenger","open")},hide:()=>{re.zE("messenger","close")}}};let oe=!1;let ce=!1;function ae(){re.Beacon("config",{display:{style:"icon"}})}function le(){re.Beacon("config",{display:{style:"manual"}})}let ie=!1,ue=!1;function de(){ue=!0;document.getElementById("hubspot-messages-iframe-container")?.style.setProperty("visibility","visible","important")}function me(){ue=!1;document.getElementById("hubspot-messages-iframe-container")?.style.setProperty("visibility","hidden","important")}let fe=!1,we=new Set,he=new Set;function Ee(){re.Intercom("update",{hide_default_launcher:!1,vertical_padding:20})}function be(){re.Intercom("update",{hide_default_launcher:!0,vertical_padding:100})}let ke=!1,pe=new Set,ve=new Set,ge=new Set;const Ce=e=>w.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100"},e),w.createElement("path",{fill:"currentColor",d:"M24.049 79.74h36.003c8.185 0 15.985-6.621 17.43-14.814l6.091-34.556h3.997c8.149 0 13.645 6.63 12.2 14.815l-7.051 40C91.274 93.363 83.474 100 75.288 100h-40c-8.185 0-13.645-6.667-12.2-14.815l.96-5.444Z"}),w.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.437 69.63h40c8.148 0 15.978-6.637 17.422-14.815l7.052-40C78.355 6.63 72.896 0 64.711 0h-40C16.533 0 8.726 6.63 7.281 14.815l-7.052 40C-1.215 62.963 4.252 69.63 12.437 69.63Zm33.628-33.798c3.756-2.064 8.725-4.795 9.907-11.844C57.385 15.458 50.065 8.983 42.168 9c-7.452 0-12.771 3.195-17.508 8.892-.858 1.034-.884 2.45-.053 3.212l3.472 3.196c.847.767 2.25.589 3.176-.406 2.842-3.068 4.869-4.83 8.51-4.83 2.864 0 6.077 1.934 5.59 4.847-.37 2.223-2.292 3.334-5.4 5.001l-.28.151c-3.582 1.92-8.134 4.362-9.124 10.247l-.16.956c-.055.28-.05.571.014.85.065.278.188.538.362.76.173.222.391.4.639.522.247.121.518.183.79.18h6.744a2.709 2.709 0 0 0 1.712-.688c.481-.426.81-1.01.934-1.657l.095-.556c.266-1.582 2.101-2.59 4.384-3.845ZM32.837 59c3.552 0 6.955-3.034 7.58-6.769.63-3.729-1.742-6.763-5.293-6.763-3.552 0-6.934 3.028-7.58 6.763C26.9 55.966 29.286 59 32.837 59Z"})),je=({center:e,fadeIn:t})=>{const n=12;return w.createElement("div",{className:O({"userflowjs-spinner":!0,"userflowjs-spinner--center":!!e,"userflowjs-spinner--fade-in":!!t})},w.createElement("svg",{viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},w.createElement("circle",{className:"userflowjs-spinner__bg",fill:"none",cx:n,cy:n,r:10,style:{strokeWidth:"4px"}}),w.createElement("circle",{className:"userflowjs-spinner__fill",fill:"none",cx:n,cy:n,r:10,transform:"translate(12, 12) rotate(-90) translate(-12, -12)",style:{strokeWidth:"4px",strokeDasharray:20*Math.PI*.25+"px, 1000"}})))};function Ne({message:e,skip:t}){const n=h(),[r,s]=w.useState(!0),[o,c]=w.useState(!1),[a,l]=w.useState(null),[i,u]=w.useState(null),[d,m]=w.useState(null),f=w.useRef(0),E=w.useRef(null),b=w.useRef((()=>{}));return w.useEffect((()=>{if(t)return;const r=JSON.stringify(e);if(r===E.current)return;E.current=r;const o=++f.current;let a,i;let d=!1;b.current=async(e,t)=>{if(!d){d=!0,c(!0);try{const r=e(a,i);i=r;const s=await n.send(r,{handlesRejection:!0});if(o!==f.current)return;a=t(a,s),l(a),m(null)}catch(r){if(o!==f.current)return;m(r)}finally{d=!1,c(!1)}}},(async()=>{s(!0);try{i=e;const t=await n.send(e,{handlesRejection:!0});if(o!==f.current)return;a=t,l(a),u(e),m(null)}catch(t){if(o!==f.current)return;m(t)}finally{s(!1)}})()}),[t,n,e]),{loading:r,loadingMore:o,data:a,messageForData:i,error:d,loadMore:b.current}}function Se(e,t){const[n,r]=w.useState(e),s=w.useRef(void 0),o=w.useCallback((e=>{window.clearTimeout(s.current),r(e),t(e)}),[t]),c=w.useCallback((e=>{window.clearTimeout(s.current),r(e),s.current=window.setTimeout((()=>{t(e)}),200)}),[t]);return w.useEffect((()=>()=>{window.clearTimeout(s.current)}),[]),[n,c,o]}const ye=({textareaRef:e,value:t,onChange:n,onBlur:r,onKeyDown:s,onMouseDown:o,placeholder:c,disabled:a,readOnly:l,className:i,mirrorClassName:u,textareaClassName:d,children:m})=>{let f=t||c||"";return(""===f||f.endsWith("\n"))&&(f+=" "),i=i||"growing-textarea",u=u||i+"__mirror",w.createElement("div",{className:i},w.createElement("div",{className:u+" "+(d||"")},f),w.createElement("textarea",{ref:e,value:t,onChange:e=>n&&n(e.target.value),onBlur:r,onKeyDown:s,onMouseDown:o,placeholder:c,disabled:a,readOnly:l,className:d}),m)},Ie=({textareaRef:e,value:t,onChange:n,onSubmit:r,placeholder:s,readOnly:o})=>{const c=()=>{r&&r()};return w.createElement("div",{className:"userflowjs-assistant-chat-input"},w.createElement(ye,{textareaRef:e,className:"userflowjs-growing-textarea",mirrorClassName:"userflowjs-growing-textarea__mirror",textareaClassName:"userflowjs-textarea userflowjs-assistant-chat-input__textarea",placeholder:s,readOnly:o,value:t||"",onChange:n,onKeyDown:e=>{e.shiftKey||"Enter"!==e.key||(e.preventDefault(),c())}}),w.createElement("button",{"data-testid":"assistant-chat-input-submit",className:"userflowjs-assistant-chat-input__submit",onClick:()=>c()},w.createElement(M,{icon:W})))};function _e(e){return n.linkUrlDecorator?n.linkUrlDecorator(e):e}const xe=async()=>(await f((()=>import("./ResourceCenterAssistantChat.js")),[new URL("ResourceCenterAssistantChat.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("userflow.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.dompurify.js",import.meta.url).toString(),new URL("vendor.marked.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("logomark.js",import.meta.url).toString(),new URL("ChecklistUI.js",import.meta.url).toString(),new URL("BubbleToolbar.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString()])).ResourceCenterAssistantChat,Te=({session:l,isOpen:i,flowSession:u,checklistSession:d})=>{const m=h(),{t:f}=te(),{company:j}=l.flow,{version:N}=l,S=N.resourceCenter,y=A(N.theme),I=l.locale?l.locale.standardLocaleId:l.version.theme.languageId;w.useEffect((()=>{E.changeLanguage(I)}),[I]);const{loaded:R}=L(window,p,y),[U,W]=w.useState(!1),K=R&&U,[G,Q]=w.useState(x()),[Z,Y]=w.useState(T()),J=w.useCallback((()=>{Q(x()),Y(T())}),[]);H(J);const{zIndex:X,bringToFront:ee}=b(),[re,oe]=w.useState(null),[ce,ae]=w.useState(null),[le,ie]=w.useState(null),ue=w.useRef(null),[de,me]=w.useState(null),[fe,we]=w.useState(null),[he,Ee]=w.useState(null),[be,ke]=w.useState(0),[pe,ve]=w.useState(0),ge=w.useCallback((()=>{ce&&ke(Math.round(ce.offsetWidth)),ve(Math.round((le?.offsetHeight||0)+(de?.offsetHeight||0)+(fe?.offsetHeight||0)+(he?.offsetHeight||0)))}),[ce,le,de,fe,he]);w.useLayoutEffect((()=>{if(!re||"function"!=typeof _)return;const e=new _((()=>{ge()}));return e.observe(re,{childList:!0,attributes:!0,subtree:!0}),()=>{e.disconnect()}}),[re,ge]),w.useLayoutEffect((()=>{ge()}));const[je,Ne]=w.useState(!1),Se=w.useRef(),ye=w.useCallback((()=>{Ne(!0),window.clearTimeout(Se.current),Se.current=window.setTimeout((()=>{Ne(!1)}),y.resourceCenterTransitionDuration)}),[y.resourceCenterTransitionDuration]);w.useEffect((()=>()=>{window.clearTimeout(Se.current)}),[]);const Ie=w.useCallback((()=>{ee(),ye(),m.openResourceCenter()}),[ee,m,ye]),_e=w.useCallback((()=>{ye(),m.closeResourceCenter()}),[m,ye]),[xe,Te]=w.useState(!1);w.useEffect((()=>{if(xe){if(!("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0))if(i){const e='button:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), input, textarea';let t=de?.querySelector(".userflowjs-assistant-chat-input textarea")||de?.querySelector(e)||le?.querySelector(e);if(t){const e=t.closest&&t.closest(".userflowjs-resource-center-checklist")||null;e?P(e):t.focus({preventScroll:!0})}}else ce?.focus({preventScroll:!0});Te(!1)}}),[xe,i,de,le,ce]),w.useEffect((()=>{const e=re?.ownerDocument.defaultView;if(!i||!e)return;const t=e=>{"Escape"===e.key&&(_e(),Te(!0))};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}),[i,re,Te,_e]);const[Me,He]=w.useState((()=>function(e,t){if(!t)return null;const n=JSON.parse(t);let r;n.blockCvid&&(r=e.version.resourceCenter?.blocks.find((e=>e.cvid===n.blockCvid)));if(!r&&"search"!==n.kind)return null;const s={kind:n.kind,block:r};switch(s.kind){case"announcementShow":s.announcementId=n.announcementId}return s}(l,r.getItem(`resourceCenterRoute:v1:${l.id}`)))),Fe=w.useCallback(((e,t)=>{He(e);const n=function(e){if(!e)return null;let t;"block"in e&&null!=e.block&&(t=e.block.cvid);const n={kind:e.kind,blockCvid:t};switch(e.kind){case"announcementShow":n.announcementId=e.announcementId}return JSON.stringify(n)}(e);n?r.setItem(`resourceCenterRoute:v1:${l.id}`,n):r.removeItem(`resourceCenterRoute:v1:${l.id}`),0===t?.detail&&Te(!0)}),[l.id]),We=w.useMemo((()=>S.blocks.filter((t=>!(t.type===e.CHECKLIST&&!d)&&((t.type!==e.DIVIDER||!y.resourceCenterAutoDividers)&&(!t.hiddenWhenFlowsActive||!t.hiddenWhenFlowsActive.some((e=>e===u?.flow.id||e===d?.flow.id))))))),[S,u,d,y.resourceCenterAutoDividers]),$e=w.useMemo((()=>Le(We)),[We]),qe=w.useMemo((()=>d&&S.blocks.some((t=>t.type===e.CHECKLIST))?s(d):0),[S,d]),Ge=w.useMemo((()=>S.blocks.find((t=>t.type===e.CONTACT&&t.chatEnabled&&t.chatProvider))),[S]),[Qe,Ze]=w.useState(!1),Ye=w.useCallback((()=>{m.closeResourceCenter(),Ge&&Ge.chatProvider!==t.CUSTOM&&Ze(!0)}),[m,Ge]),Je=w.useCallback((()=>{Ze(!1)}),[]),tt=w.useCallback((()=>{if(Ge)try{se[Ge.chatProvider].hide({block:Ge}),Je()}catch(e){console.error(`Userflow.js: Error when hiding ${Ge.chatProvider}:`,e)}}),[Ge,Je]);w.useEffect((()=>{if(!Ge)return;n.autoHide3pDisabled=!0;const e=se[Ge.chatProvider];try{const t=e.configure({block:Ge,onShow:Ye,onHide:Je});return()=>{t()}}catch(t){return void console.error(`Userflow.js: Error when configuring ${Ge.chatProvider}:`,t)}}),[Ge,Ye,Je]),w.useEffect((()=>{i&&tt()}),[tt,i]);const nt=w.useMemo((()=>S.blocks.find((t=>t.type===e.ANNOUNCEMENTS))),[S]),rt=!!Me&&("search"===Me.kind||"flows"===Me.kind||"knowledgeBase"===Me.kind),st="assistant"===Me?.kind||"announcementList"===Me?.kind||"announcementShow"===Me?.kind,ot=Math.min(st?y.resourceCenterFullWidth:y.resourceCenterWidth,G-2*y.resourceCenterPaddingX),ct={zIndex:null!=y.resourceCenterZIndex?y.resourceCenterZIndex:i?X:k(v),position:K?void 0:"absolute",visibility:K&&!Qe?void 0:"hidden"},at={width:(i?ot:be)+"px",height:i?Math.min(rt?540:st?720:pe,Z-2*y.resourceCenterPaddingY,null==y.resourceCenterMaxHeight?Number.MAX_VALUE:y.resourceCenterMaxHeight)+"px":void 0},[lt,it]=w.useState(!1),ut=()=>{Ie(),Te(!0)},dt=y.resourceCenterDisplayChecklistProgress&&d&&qe>0?w.createElement("div",{"data-testid":"resource-center-launcher-badge",className:"userflowjs-resource-center-launcher-badge"},qe,w.createElement("div",{className:"userflowjs-a11y-only"},"uncompleted tasks")):null;let mt="",ft="";return y.resourceCenterLauncherTextMode===o.CHECKLIST_OVERRIDE&&d&&qe>0?mt=d.version.checklist?.launcherText||"Get Started":y.resourceCenterLauncherTextMode!==o.NONE&&(ft=S.buttonText),w.createElement(g.Provider,{value:l},w.createElement("div",{"data-testid":"resource-center-app",className:"userflowjs-resource-center-app userflowjs-theme-root",style:B(y),dir:E.dir()},w.createElement("div",{className:O({"userflowjs-resource-center":!0,"userflowjs-resource-center--fixed":!0,[`userflowjs-resource-center--placement-${y.resourceCenterPlacement.toLowerCase().replace(/_/g,"-")}`]:!0}),style:ct},w.createElement("div",{className:"userflowjs-resource-center-frame-wrapper",onMouseEnter:()=>it(!0),onMouseLeave:()=>it(!1)},w.createElement(F,{className:O({"userflowjs-resource-center-frame":!0,"userflowjs-resource-center-frame--animating":je,"userflowjs-resource-center-frame--open":i,"userflowjs-resource-center-frame--closed":!i}),style:at,stylesheet:C,theme:y,onStylesheetsLoad:W},K&&w.createElement(w.Fragment,null,w.createElement("div",{ref:oe,className:O({"userflowjs-resource-center-frame-root":!0,[`userflowjs-resource-center-frame-root--placement-${y.resourceCenterPlacement.toLowerCase().replace(/_/g,"-")}`]:!0,"userflowjs-resource-center-frame-root--animating":je,"userflowjs-resource-center-frame-root--open":i,"userflowjs-resource-center-frame-root--closed":!i}),role:i?"dialog":void 0,"aria-label":i?S.headerText:void 0},w.createElement("div",{className:"userflowjs-resource-center-launcher-container"},w.createElement("button",{ref:ae,className:O({"userflowjs-resource-center-launcher-button":!0,"userflowjs-resource-center-launcher-button--hover":lt}),onClick:ut,"aria-label":`Open ${S.headerText}`},dt,mt&&w.createElement("div",{"data-testid":"resource-center-launcher-text",className:"userflowjs-resource-center-launcher-text"},mt),(dt||mt)&&w.createElement("div",{className:"userflowjs-resource-center-launcher-divider"}),ft&&w.createElement("div",{"data-testid":"resource-center-launcher-text",className:"userflowjs-resource-center-launcher-text"},ft),w.createElement("div",{className:"userflowjs-resource-center-launcher-icon"},y.resourceCenterLauncherIconType===c.PLAINTEXT?"?":w.createElement(Ce,null)))),w.createElement("div",{ref:ue,className:"userflowjs-resource-center-body",style:{width:ot+"px"}},w.createElement("div",{ref:me,className:O({"userflowjs-resource-center-body-content":!0,"userflowjs-resource-center-body-content--padding":"assistant"!==Me?.kind,"userflowjs-resource-center-body-content--same-background":y.sameBackground,"userflowjs-resource-center-body-content--with-made-with-userflow":j.resourceCenterBranding})},i&&w.createElement(w.Fragment,null,Me?"search"===Me.kind?w.createElement(Oe,{session:l,navigate:Fe}):"email"===Me.kind?w.createElement(De,{block:Me.block,session:l}):"phone"===Me.kind?w.createElement(Pe,{block:Me.block,session:l}):"flows"===Me.kind?w.createElement(Ue,{block:Me.block,initialQ:Me.initialQ,session:l,navigate:Fe}):"knowledgeBase"===Me.kind?w.createElement(ze,{block:Me.block,initialQ:Me.initialQ,session:l,bodyRef:ue}):"subpage"===Me.kind?w.createElement(Ve,{block:Me.block,session:l}):"announcementList"===Me.kind||"announcementShow"===Me.kind?w.createElement(Ke,{bodyRef:ue,session:l,route:Me,navigate:Fe}):"assistant"===Me.kind?w.createElement(Xe,{block:Me.block,initialUserContent:Me.initialUserContent,session:l,navigate:Fe}):null:w.createElement(w.Fragment,null,We.map(((e,t)=>{const n=Be[e.type],r=We[t+1];return n?w.createElement(w.Fragment,{key:e.id},w.createElement(n.View,{session:l,flowSession:u,checklistSession:d,block:e,navigate:Fe,onChatShow:Ye}),r&&function(e,t,n){return!!e.resourceCenterAutoDividers&&(ne(t)||ne(n))}(y,e.type,r.type)&&w.createElement("div",{className:"userflowjs-resource-center-divider"})):null})))))),j.resourceCenterBranding&&w.createElement("div",{className:"userflowjs-resource-center-made-with-userflow"},w.createElement("div",{className:"userflowjs-resource-center-made-with-userflow-content",ref:we},w.createElement("a",{href:"https://userflow.com/?utm_source=made-with-userflow&utm_medium=link&utm_campaign=made-with-userflow-"+j.slug+"&utm_content=resource-center",target:"_blank",rel:"noopener noreferrer"},w.createElement(D,null),w.createElement("div",null,"Made with Userflow")))),l.draftMode&&w.createElement("div",{className:"userflowjs-resource-center-preview"},w.createElement("div",{ref:Ee,className:"userflowjs-resource-center-preview-content"},w.createElement("div",{className:"userflowjs-resource-center-preview-text"},"Preview"),w.createElement("button",{className:"userflowjs-resource-center-preview-button",onClick:()=>{m.endFlow(l,{endReason:a.USER_CLOSED})}},w.createElement(M,{icon:$})))),w.createElement("div",{className:"userflowjs-resource-center-header",style:{width:ot+"px"}},w.createElement("div",{ref:ie,className:"userflowjs-resource-center-header-content"},null==Me?w.createElement("div",{className:"userflowjs-resource-center-header-text"},S.headerText):w.createElement("button",{className:"userflowjs-resource-center-icon-button",onClick:e=>Fe("announcementShow"===Me?.kind?{kind:"announcementList",block:Me.block}:null,e)},w.createElement("div",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:z})),w.createElement("div",{className:"userflowjs-resource-center-icon-button__text"},f("resource_center.back"))),w.createElement("div",{className:"flex-1"}),$e.length>0&&w.createElement("button",{className:"userflowjs-resource-center-icon-button",onClick:()=>{let e={kind:"search"};if(1===$e.length){const t=$e[0],n=Be[t.type];n.routeTo&&(e=n.routeTo({block:t}))}"search"===Me?.kind?Fe(null):(et(m,l,null,"Search icon"),Fe(e))},"aria-label":"Search"},w.createElement(M,{icon:q})),w.createElement("button",{className:"userflowjs-resource-center-icon-button userflowjs-resource-center-close-button",onClick:e=>{_e(),0===e.detail&&Te(!0)},"aria-label":`Close ${S.headerText}`},w.createElement(M,{icon:V}))))))),!i&&!u&&nt&&nt.unreadAnnouncementCount>0&&w.createElement(Re,{theme:y,count:nt.unreadAnnouncementCount,onClick:ut})),!i&&!u&&nt?.popoutAnnouncement&&w.createElement(Ae,{session:l,open:Ie,navigate:Fe,theme:y,block:nt}))))},Re=({theme:e,count:t,onClick:n})=>{const[r,s]=w.useState(!1);return w.createElement(F,{className:O({"userflowjs-resource-center-launcher-unread-badge":!0}),noScroll:!0,style:{position:r?void 0:"absolute",visibility:r?void 0:"hidden"},stylesheet:C,theme:e,onStylesheetsLoad:s},w.createElement(Me,{count:t,onClick:n}))},Me=({count:e,onClick:t})=>{let n=null;return e>9&&(e=9,n=w.createElement("span",{className:"userflowjs-unread-badge-plus"},"+")),w.createElement("div",{className:O({"userflowjs-unread-badge":!0,"userflowjs-unread-badge--clickable":!!t}),onClick:t},w.createElement("span",null,e),n)},Ae=({session:e,open:t,navigate:n,theme:r,block:s})=>{const o=s.popoutAnnouncement,c=h(),[a,l]=w.useState(!1),{height:i,setEl:u}=ee(),d=w.useMemo((()=>CSS.supports("height: 100dvh")?"dvh":"vh"),[]);return w.createElement("div",{className:"userflowjs-resource-center-popout"},w.createElement(F,{className:O({"userflowjs-resource-center-popout-frame":!0}),style:{height:`calc(min(${i}px, 100${d} - 2 * var(--userflow-resource-center-padding-y) - var(--userflow-resource-center-collapsed-height) - 20px)`,position:a?void 0:"absolute",visibility:a?void 0:"hidden"},stylesheet:C,theme:r,onStylesheetsLoad:l},w.createElement("div",{ref:u,className:"userflowjs-resource-center-popout-frame-root"},w.createElement("h2",{className:"userflowjs-announcement-title"},w.createElement("span",{className:"userflowjs-unread-dot"}),w.createElement("span",null,o.title)),w.createElement("div",{className:"userflowjs-announcement-time"},w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(o.time))),w.createElement("div",{className:"userflowjs-announcement-content userflowjs-bubble-content"},w.createElement(j,{doc:o.content,buttons:o.buttons})),o.moreEnabled&&w.createElement("div",{className:"userflowjs-announcement-more"},w.createElement("button",{className:"userflowjs-announcement-more-button",onClick:()=>{Ze(c,o),et(c,e,s,o.title),n({kind:"announcementShow",block:s,announcementId:o.id}),t()}},w.createElement("div",null,(o.moreEnabled?o.moreButtonText:null)||"Read more"),w.createElement("span",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:K})))),w.createElement("div",{className:"userflowjs-bubble-toolbar"},w.createElement("button",{className:"userflowjs-bubble-toolbar-button",onClick:()=>{Ze(c,o)},"aria-label":"Dismiss announcement"},w.createElement(M,{icon:$}))))),w.createElement("div",{className:"userflowjs-resource-center-popout-notch"}))};function Le(e){return e.filter((e=>{const t=Be[e.type];return t.isSearchable?t.isSearchable(e):!!t.search}))}const Be={[e.ACTION]:{View:e=>{const{block:t,session:n,flowSession:r,checklistSession:s}=e,o=h(),[c,a]=w.useState(!1),i=r?.id,u=s?.id;return w.useEffect((()=>{a(!1)}),[i,u]),w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:c?void 0:()=>{et(o,n,t);const e=t.actions.find((e=>e.type===l.START_FLOW));if(e){e.otherFlow?.id!==s?.flow.id&&a(!0)}else o.closeResourceCenter();N(o,n,t.actions)},disabled:c},w.createElement(He,{...e}),w.createElement(Fe,{...e}),c&&w.createElement(je,null))}},[e.ANNOUNCEMENTS]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"announcementList",block:t},e)}},t.unreadAnnouncementCount>0?w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(Me,{count:t.unreadAnnouncementCount})):w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}},[e.ASSISTANT]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h(),[o,c]=w.useState("");return t.assistantAppearance===i.INPUT?w.createElement("div",{className:"userflowjs-resource-center-assistant-block"},w.createElement(Ie,{value:o,onChange:c,placeholder:S(t.name,{lookupAttribute:R(n.data)}),onSubmit:()=>{et(s,n,t),r({kind:"assistant",block:t,initialUserContent:o})}})):w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{et(s,n,t),r({kind:"assistant",block:t,initialUserContent:""})}},w.createElement(He,{...e}),w.createElement(Fe,{...e}))}},[e.CHECKLIST]:{View:({checklistSession:e})=>w.createElement("div",{"data-testid":"resource-center-checklist",className:"userflowjs-resource-center-checklist"},w.createElement(U,{session:e}),w.createElement(X,{draftMode:!!e.draftMode&&"CHECKLIST PREVIEW"}))},[e.CONTACT]:{View:e=>{const{block:t,session:n,navigate:r,onChatShow:s}=e,o=h(),c=[];return t.emailEnabled&&c.push({icon:Z,label:"Email",isRoute:!0,onClick:e=>{et(o,n,t,"Email"),r({kind:"email",block:t},e)}}),t.phoneEnabled&&c.push({icon:Y,label:"Phone",isRoute:!0,onClick:e=>{et(o,n,t,"Phone"),r({kind:"phone",block:t},e)}}),t.chatEnabled&&c.push({icon:J,label:"Live-chat",isRoute:!1,onClick:()=>{if(et(o,n,t,"Chat"),t.chatProvider){const n=se[t.chatProvider];try{n.show({block:t})}catch(e){console.error(`Userflow.js: Error when showing ${t.chatProvider}:`,e)}s()}else n.draftMode&&window.alert("You have not selected a chat provider. Go to the resource center builder in Userflow. Click the Contact block. Pick a chat provider in the side panel.")}}),w.createElement("div",{className:O({"userflowjs-resource-center-block":!0,"userflowjs-resource-center-block--clickable":1===c.length}),onClick:1===c.length?c[0].onClick:void 0},1===c.length&&w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:c[0].icon})),w.createElement(Fe,{...e}),c.length>1&&c.map((({icon:e,label:t,onClick:n},r)=>w.createElement("button",{key:r,className:"userflowjs-resource-center-icon-button",onClick:n,"aria-label":t},w.createElement(M,{icon:e})))),1===c.length&&c[0].isRoute&&w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}},[e.DIVIDER]:{View:()=>w.createElement("div",{className:"userflowjs-resource-center-divider"})},[e.FLOWS]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"flows",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))},routeTo:({block:e,initialQ:t})=>({kind:"flows",block:e,initialQ:t}),isSearchable:e=>!!e.searchEnabled,search:async({client:e,session:t,block:n,q:r})=>{const{flows:s}=await e.send({kind:"ListResourceCenterBlockFlows",sessionId:t.id,blockCvid:n.cvid},{handlesRejection:!0}),o=We(s,r),c=o.slice(0,5);return{block:n,truncated:c.length===o.length,results:c.map((e=>({kind:"flow",flow:e})))}}},[e.KNOWLEDGE_BASE]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"knowledgeBase",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))},routeTo:({block:e,initialQ:t})=>({kind:"knowledgeBase",block:e,initialQ:t}),search:async({client:e,session:t,block:n,q:r})=>{const{truncated:s,articles:o}=await e.send({kind:"SearchKnowledgeBase",sessionId:t.id,blockCvid:n.cvid,q:r,offset:0,limit:5},{handlesRejection:!0});return{block:n,truncated:s,results:o.map((e=>({kind:"article",article:e})))}}},[e.MESSAGE]:{View:({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-block"},w.createElement("div",{className:"userflowjs-resource-center-block-text userflowjs-bubble-content"},w.createElement(j,{doc:e.content,lookupAttribute:R(t.data)})))},[e.SUBPAGE]:{View:e=>{const{block:t,session:n,navigate:r}=e,s=h();return w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:e=>{et(s,n,t),r({kind:"subpage",block:t},e)}},w.createElement(He,{...e}),w.createElement(Fe,{...e}),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G})))}}},He=({block:e})=>e.icon?w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:e.icon,size:16})):null,Fe=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-block-text"},w.createElement(y,{doc:e.name,lookupAttribute:R(t.data)}));const Oe=({session:e,navigate:t})=>{const n=h(),r=e.version.resourceCenter.blocks,s=Le(r),{t:o}=te(),c=w.useRef(null),[a,l]=w.useState(""),[i,u]=Se(a,l),[d,m]=w.useState(null);return w.useEffect((()=>{if(""===a.trim())return void m(null);let t=!1;return(async()=>{m(null);const s=await Promise.all(r.map((async t=>{const{search:r}=Be[t.type];if(!r)return null;try{return await r({client:n,session:e,block:t,q:a})}catch(s){return console.error(`Userflow.js: Global search failed for ${t.type} block=`,t,"error=",s),null}})));t||m(s.filter((e=>null!=e&&e.results.length>0)))})(),()=>{t=!0}}),[n,e,r,a]),w.useEffect((()=>{c.current?.focus({preventScroll:!0})}),[]),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:c,className:"userflowjs-text-input",type:"text",value:i,onChange:e=>u(e.target.value),placeholder:o("resource_center.search_placeholder")})),""===a.trim()?w.createElement("div",{"data-testid":"resource-center-empty-query",className:"userflowjs-resource-center-list-route-error"},o("resource_center.search_in")," ",s.map(((t,n)=>w.createElement(w.Fragment,{key:t.cvid},n>0&&(n===s.length-1?` ${o("and")} `:", "),w.createElement("b",null,w.createElement(y,{doc:t.name,lookupAttribute:R(e.data)}))))),"."):d?0===d.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},o("resource_center.no_results_found")):d.map((({block:r,truncated:s,results:c},l)=>{const i=Be[r.type],u=i.routeTo&&i.routeTo({block:r,initialQ:a});return w.createElement(w.Fragment,{key:r.cvid},l>0&&w.createElement("div",{className:"userflowjs-resource-center-divider"}),w.createElement("div",{className:"userflowjs-resource-center-label"},w.createElement(y,{doc:r.name,lookupAttribute:R(e.data)})),c.map(((n,s)=>"flow"===n.kind?w.createElement($e,{key:n.flow.id,block:r,session:e,flow:n.flow,navigate:t}):"article"===n.kind?w.createElement(qe,{key:s,block:r,session:e,article:n.article}):null)),!s&&u&&w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:s=>{et(n,e,r),t(u,s)}},w.createElement("div",{className:"userflowjs-resource-center-block-text"},o("more"),":"," ",w.createElement(y,{doc:r.name,lookupAttribute:R(e.data)})),w.createElement("div",{className:"userflowjs-resource-center-block-nav-icon"},w.createElement(M,{icon:G}))))})):w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)))},De=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.emailContent,lookupAttribute:R(t.data)})),Pe=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.phoneContent,lookupAttribute:R(t.data)})),Ue=({block:e,initialQ:t,session:n,navigate:r})=>{const{t:s}=te(),o=w.useRef(null),[c,a]=w.useState(t||""),[l,i]=Se(c,a),{data:u,error:d}=Ne({message:{kind:"ListResourceCenterBlockFlows",sessionId:n.id,blockCvid:e.cvid}}),m=u?.flows,f=w.useMemo((()=>m?We(m,c):null),[m,c]);return w.useEffect((()=>{o.current?.focus({preventScroll:!0})}),[]),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:e.name,lookupAttribute:R(n.data)}))),e.searchEnabled&&w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:o,className:"userflowjs-text-input",type:"text",value:l,onChange:e=>i(e.target.value),placeholder:s("resource_center.search_placeholder")})),d?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.generic_error")):f?0===f.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.no_results_found")):f.map((t=>w.createElement($e,{key:t.id,block:e,session:n,flow:t,navigate:r}))):w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,{fadeIn:!0})))};function We(e,t){const n=t.toLowerCase().trim();return""===n?e:e.filter((e=>e.name.toLowerCase().includes(n)))}const $e=({block:e,session:t,flow:n,navigate:r})=>{const s=h(),[o,c]=w.useState(!1);return w.useEffect((()=>{if(!o||n.type!==u.CHECKLIST)return;const e=()=>{s.checklistSession?.flow.id===n.id&&(t(),r(null))},t=()=>{s.off("checklistChanged",e)};return s.on("checklistChanged",e),t}),[s,o,n.type,n.id,r]),w.createElement("button",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{if(et(s,t,e,n.name),s.checklistSession?.flow.id===n.id)return void r(null);s.startFlow({flowId:n.id,startReason:d.RESOURCE_CENTER,replaceCurrent:!0}),c(!0);const o=S(n.url,{lookupAttribute:R(t.data)});o&&I(o)},disabled:o},w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:n.type===u.CHECKLIST?"regular/tasks":"regular/shoe-prints",size:16})),w.createElement("div",{className:"userflowjs-resource-center-block-text"},n.name),o&&w.createElement(je,null))},ze=({block:e,initialQ:t,session:n,bodyRef:r})=>{const{t:s}=te(),o=w.useRef(null),[c,a]=w.useState(t||""),[l,i]=Se(c,a),{loading:u,loadingMore:d,data:m,messageForData:f,error:h,loadMore:E}=Ne({message:{kind:"SearchKnowledgeBase",sessionId:n.id,blockCvid:e.cvid,q:c,offset:0}});tt({bodyRef:r,loading:u,loadingMore:d,truncated:m?.truncated,loadMoreHelper:w.useCallback((()=>{E(((e,t)=>({...t,offset:e.articles.length})),((e,t)=>({...t,articles:[...e.articles,...t.articles]})))}),[E])}),w.useEffect((()=>{o.current?.focus({preventScroll:!0})}),[]);let b=e.knowledgeBaseUrl||"";return b.match(/^https?:\/\//)||(b=`http://${b}`),b=_e(b),w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:e.name,lookupAttribute:R(n.data)})),w.createElement("a",{className:"userflowjs-resource-center-icon-button",href:b,target:"_blank",rel:"noopener noreferrer"},w.createElement(M,{icon:Q}))),w.createElement("div",{className:"userflowjs-resource-center-list-route-search"},w.createElement("input",{ref:o,className:"userflowjs-text-input",type:"text",value:l,onChange:e=>i(e.target.value),placeholder:s("resource_center.search_placeholder")})),h?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},"quota_exceeded"===h.code?"Sorry, this company has reached its max number of searches. Consider asking Userflow to be moved to a dedicated search engine for a higher quota.":h.humanMessage||s("resource_center.generic_error")):u||!m?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):0===m.articles.length?""===f?.q?null:w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s("resource_center.no_results_found")):w.createElement(w.Fragment,null,""===f?.q&&w.createElement("div",{className:"userflowjs-resource-center-label"},s("resource_center.suggested_articles")),m.articles.map(((t,r)=>w.createElement(qe,{key:r,block:e,session:n,article:t}))),d&&w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null))))},qe=({block:e,article:t,session:n})=>{const r=h();return w.createElement("a",{className:"userflowjs-resource-center-block userflowjs-resource-center-block--clickable",onClick:()=>{et(r,n,e,t.title)},href:_e(t.url),target:"_blank",rel:"noopener noreferrer"},w.createElement("div",{className:"userflowjs-resource-center-block-icon"},w.createElement(M,{icon:"regular/file-alt",size:16})),w.createElement("div",{className:"userflowjs-resource-center-block-text"},w.createElement("span",{dangerouslySetInnerHTML:{__html:t.htmlTitle}}),w.createElement("div",{className:"userflowjs-resource-center-block-subtext",dangerouslySetInnerHTML:{__html:t.htmlSnippet}})))},Ve=({block:e,session:t})=>w.createElement("div",{className:"userflowjs-resource-center-content-route userflowjs-bubble-content"},w.createElement(j,{doc:e.content,lookupAttribute:R(t.data)})),Ke=({bodyRef:e,session:t,route:n,navigate:r})=>{const s=h(),o=Ne({message:{kind:"ListAnnouncements",beforeAnnouncementId:null},skip:"announcementList"!==n?.kind}),{loading:c,loadingMore:a,data:l,loadMore:i}=o,u=l?.truncated,d=w.useCallback((()=>{i(((e,t)=>e.announcements.length>0?{...t,beforeAnnouncementId:e.announcements[e.announcements.length-1].id}:t),((e,t)=>({...t,announcements:[...e.announcements,...t.announcements]})))}),[i]);tt({bodyRef:e,loading:c,loadingMore:a,truncated:u,loadMoreHelper:d});const[m,f]=w.useState(void 0);return w.useLayoutEffect((()=>{e.current&&null!=m&&"announcementList"===n?.kind&&(e.current.scrollTop=m)}),[e,m,n?.kind]),"announcementList"===n?.kind?w.createElement(Ge,{bodyRef:e,session:t,block:n.block,onMoreClick:o=>{f(e.current?.scrollTop),et(s,t,n.block,o.title),r({kind:"announcementShow",block:n.block,announcementId:o.id})},...o}):"announcementShow"===n?.kind?w.createElement(Je,{block:n.block,announcementId:n.announcementId}):null},Ge=({bodyRef:e,block:t,session:n,onMoreClick:r,error:s,loading:o,loadingMore:c,data:a})=>{const{t:l}=te(),[i,u]=w.useMemo((()=>{const e=[],t=[];if(a){let n=-1;for(const r of a.announcements)n++,n<a.pageSize&&!r.seen&&r.level!==m.SILENT?e.push(r):t.push(r)}return[e,t]}),[a]),d=i.length;return w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-resource-center-list-route-header"},w.createElement("div",{className:"userflowjs-resource-center-list-route-title"},w.createElement(y,{doc:t.name,lookupAttribute:R(n.data)}))),s?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},s.humanMessage||l("resource_center.generic_error")):o||!a?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):0===a.announcements.length?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},E.exists("resource_center.no_announcements",{fallbackLng:[]})?l("resource_center.no_announcements"):l("resource_center.no_results_found")):w.createElement(w.Fragment,null,d>0&&w.createElement("div",{className:"userflowjs-announcement-unread-header"},l("resource_center.unread",{count:d})),i.map(((t,n)=>w.createElement(Ye,{key:n,bodyRef:e,onMoreClick:()=>r(t),announcement:t}))),i.length>0&&u.length>0&&w.createElement("div",{className:"userflowjs-announcement-seen-divider"}),u.map(((t,n)=>w.createElement(Ye,{key:n,bodyRef:e,onMoreClick:()=>r(t),announcement:t}))),c&&w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null))))},Qe=new Set;function Ze(t,n){Qe.has(n.id)||(Qe.add(n.id),t.setResourceCenterSession((t=>t?{...t,version:{...t.version,resourceCenter:{...t.version.resourceCenter,blocks:t.version.resourceCenter.blocks.map((t=>t.type===e.ANNOUNCEMENTS?{...t,unreadAnnouncementCount:t.unreadAnnouncementCount-1,popoutAnnouncement:t.popoutAnnouncement?.id===n.id?null:t.popoutAnnouncement}:t))}}}:null)),t.toggleUI(),t.send({kind:"MarkAnnouncementSeen",announcementId:n.id,versionId:n.versionId}))}const Ye=({bodyRef:e,onMoreClick:t,announcement:n})=>{const r=h(),s=w.useRef(null),o=w.useRef(!1);return w.useEffect((()=>{if(o.current||n.seen)return;const t=new IntersectionObserver((e=>{const t=e[0];t&&t.isIntersecting&&(Ze(r,n),o.current=!0,c())}),{root:e.current,threshold:1}),c=()=>{t.disconnect()};return t.observe(s.current),c}),[e,r,n]),w.createElement("div",{className:"userflowjs-announcement-list-item"},w.createElement("div",{className:"userflowjs-announcement-time-divider"},w.createElement("div",{className:"userflowjs-announcement-time-divider-line"}),w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(n.time)),w.createElement("div",{className:"userflowjs-announcement-time-divider-line"})),w.createElement("h2",{ref:s,className:"userflowjs-announcement-title"},!n.seen&&n.level!==m.SILENT&&w.createElement("span",{className:"userflowjs-unread-dot"}),w.createElement("span",null,n.title)),w.createElement("div",{className:"userflowjs-announcement-content userflowjs-bubble-content"},w.createElement(j,{doc:n.content,buttons:n.buttons})),w.createElement("div",{className:"userflowjs-announcement-more"},n.moreEnabled&&w.createElement("button",{className:"userflowjs-announcement-more-button",onClick:t},w.createElement("div",null,n.moreButtonText||"Read more"),w.createElement("span",{className:"userflowjs-rtl-mirrored"},w.createElement(M,{icon:K})))))},Je=({announcementId:e})=>{const t=h(),{t:n}=te(),{loading:r,data:s,error:o}=Ne({message:{kind:"GetAnnouncement",announcementId:e}}),c=s?.announcement;return w.useEffect((()=>{c&&!c.seen&&Ze(t,c)}),[t,c]),w.createElement(w.Fragment,null,o?w.createElement("div",{className:"userflowjs-resource-center-list-route-error"},o.humanMessage||n("resource_center.generic_error")):r||!c?w.createElement("div",{className:"userflowjs-resource-center-list-route-spinner"},w.createElement(je,null)):w.createElement(w.Fragment,null,w.createElement("div",{className:"userflowjs-announcement-show"},w.createElement("h2",{className:"userflowjs-announcement-title"},c?.title),w.createElement("div",{className:"userflowjs-announcement-time"},w.createElement("div",{className:"userflowjs-announcement-time-text"},nt(c.time))),w.createElement("div",{className:"userflowjs-bubble-content"},w.createElement(j,{doc:c.content,buttons:c.buttons}),c.moreEnabled&&w.createElement(j,{doc:c.moreContent,buttons:c.moreButtons})))))},Xe=({block:e,initialUserContent:t,session:n,navigate:s})=>{const o=e.assistantFlowId,c=h(),[a,l]=w.useState(null),[i,u]=w.useState(null),[d,m]=w.useState(null),[f]=w.useState(t);return w.useEffect((()=>{t&&s({kind:"assistant",block:e,initialUserContent:""})}),[t,e,s]),w.useEffect((()=>{let e=!1;return(async()=>{try{const t=r.getItem("assistantConversationId:"+o),[n,s]=await Promise.all([xe(),c.send({kind:"GetAssistant",assistantFlowId:o,conversationId:t},{handlesRejection:!0,endBatch:!0})]);if(e)return;l((()=>n)),u(s)}catch(t){console.error("Resource center assistant route failed to load:",t),m(t.humanMessage||"Sorry, something went wrong. Please try again or contact my human friends.")}})(),()=>{e=!0}}),[c,o]),d?w.createElement("div",{className:"userflowjs-assistant-chat"},w.createElement("div",{className:"userflowjs-assistant-chat__content"},w.createElement("div",{className:"userflowjs-assistant-chat__error"},d))):a&&i?w.createElement(a,{block:e,session:n,assistantReply:i,initialUserContent:f}):w.createElement(je,{center:!0,fadeIn:!0})};function et(e,t,n,r){e.send({kind:"ClickResourceCenter",sessionId:t.id,description:n?S(n.name,{lookupAttribute:R(t.data)})+(r?` - ${r}`:""):r},{batch:!0})}function tt({bodyRef:e,loading:t,loadingMore:n,truncated:r,loadMoreHelper:s}){w.useEffect((()=>{const o=e.current;if(!o||t||n||r)return;const c=()=>{o.scrollHeight-o.clientHeight-o.scrollTop>400||s()};return o.addEventListener("scroll",c),()=>{o.removeEventListener("scroll",c)}}),[e,t,n,r,s])}function nt(e){const t=e?new Date(e):new Date;let n=new Intl.DateTimeFormat(E.language,{weekday:"long",day:"numeric",month:"short",year:t.getFullYear()===(new Date).getFullYear()?void 0:"numeric"}).format(t);return n.substring(0,1).toUpperCase()+n.substring(1)}var rt=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",ResourceCenterApp:Te,default:Te});export{Ie as A,ye as G,rt as R,_e as d};
package/hash.txt CHANGED
@@ -1 +1 @@
1
- 88ab61d23a9c080c5e0ee462867232143055b51e
1
+ 4aab39051625279b1c306a764ecf741bc2582e40
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "userflow.js-self-hosted",
3
- "version": "0.1.1004223",
3
+ "version": "0.1.1004226",
4
4
  "description": "Self-hosted version of Userflow.js",
5
5
  "main": "userflow.js"
6
6
  }
package/userflow.js CHANGED
@@ -1 +1 @@
1
- import{S as e}from"./vendor.phoenix.js";import{v as t}from"./vendor.uuid.js";let s;const i={},n=function(e,t){if(!t)return e();if(void 0===s){const e=document.createElement("link").relList;s=e&&e.supports&&e.supports("modulepreload")?"modulepreload":"preload"}return Promise.all(t.map((e=>{if(e in i)return;i[e]=!0;const t=e.endsWith(".css"),n=t?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${n}`))return;const o=document.createElement("link");return o.rel=t?"stylesheet":s,t||(o.as="script",o.crossOrigin=""),o.href=e,document.head.appendChild(o),t?new Promise(((e,t)=>{o.addEventListener("load",e),o.addEventListener("error",t)})):void 0}))).then((()=>e()))};class o extends Error{constructor(e,t,s){super(e),Object.setPrototypeOf(this,o.prototype),this.name="UserflowError",this.code=t,this.humanMessage=s}}class r{constructor(e){this.type=e,this.testState={}}formatKey(e){return`userflow:${e}`}isSupported(){if("undefined"==typeof window)return!1;try{return null!=window[this.type]}catch{return!1}}getItem(e){return e=this.formatKey(e),this.isSupported()?window[this.type].getItem(e):null}setItem(e,t){e=this.formatKey(e),this.isSupported()&&window[this.type].setItem(e,t)}removeItem(e){if(e=this.formatKey(e),this.isSupported())return window[this.type].removeItem(e)}clear(){if(this.isSupported())return window[this.type].clear()}}const a=new r("localStorage"),c=new r("sessionStorage");function l(e){window.location.href=e}function d(){return window.location.href}var h,u,E;function T(e){window.postMessage(e,window.origin)}function S(e){const t=t=>{if(t.source!==window||t.origin!==window.origin)return;const i=t.data;i&&"object"==typeof i&&"string"==typeof i.kind&&i.kind.startsWith("userflow:")&&!0===e(i)&&s()};window.addEventListener("message",t);const s=()=>window.removeEventListener("message",t);return s}(h||(h={})).INPUT="INPUT",(E=u||(u={})).AUTO="AUTO",E.MANUAL="MANUAL";const f=new Set;let w=!1;function p(e){return function(){if(w)return;w=!0;const{history:e}=window,t=t=>{const s=e[t];e[t]=(...t)=>{s.apply(e,t),I()}};t("pushState"),t("replaceState"),window.addEventListener("popstate",(()=>{I()}))}(),f.add(e),()=>{g(e)}}function g(e){f.delete(e)}function I(){f.forEach((e=>e()))}class C{destroy(){this.unregisterOnMessage&&this.unregisterOnMessage()}postBuilderMessage(e){T({kind:"userflow:crxSendProxyMessage",direction:"targetToBuilder",message:e})}onBuilderMessage(e){return this.unregisterOnMessage=S(e),!1}async captureScreenshot(e,t,s,i){T({kind:"userflow:crxScreenshot",x:e,y:t,width:s,height:i,devicePixelRatio:window.devicePixelRatio});var n;return(await(n=e=>"userflow:crxScreenshotResult"===e.kind?e:null,new Promise((e=>{S((t=>{const s=n(t);return!!s&&(e(s),!0)}))})))).imageDataUrl}}var m,k,A,U,L,R,N,v,O,y,_,b,D,M,F,B,P,x,H,G,W,$,V,K,j,z,Y,J,X,Z,Q,q,ee,te,se,ie,ne,oe,re,ae,ce,le,de,he,ue,Ee,Te,Se,fe,we,pe,ge,Ie,Ce,me,ke,Ae,Ue,Le,Re,Ne,ve,Oe,ye,_e,be,De,Me,Fe,Be,Pe,xe,He,Ge,We,$e,Ve,Ke,je,ze,Ye,Je,Xe,Ze;(k=m||(m={})).ACTION="ACTION",k.LAUNCHER_DEACTIVATED="LAUNCHER_DEACTIVATED",k.REPLACED="REPLACED",k.SNOOZED="SNOOZED",k.TOOLTIP_TARGET_MISSING="TOOLTIP_TARGET_MISSING",k.USERFLOWJS="USERFLOWJS",k.USER_CLOSED="USER_CLOSED",(U=A||(A={})).SECOND="SECOND",U.MINUTE="MINUTE",U.HOUR="HOUR",U.DAY="DAY",(R=L||(L={})).ACTION="ACTION",R.DRAFT="DRAFT",R.LINK="LINK",R.LAUNCHER_SEEN="LAUNCHER_SEEN",R.RESOURCE_CENTER="RESOURCE_CENTER",R.USERFLOWJS="USERFLOWJS",(v=N||(N={})).LIKE="LIKE",v.DISLIKE="DISLIKE",(y=O||(O={})).STRING="STRING",y.BOOLEAN="BOOLEAN",y.NUMBER="NUMBER",y.DATETIME="DATETIME",y.LIST="LIST",y.RANDOM_AB="RANDOM_AB",y.RANDOM_NUMBER="RANDOM_NUMBER",(b=_||(_={})).FLOW="FLOW",b.BANNER="BANNER",b.CHECKLIST="CHECKLIST",b.LAUNCHER="LAUNCHER",b.RESOURCE_CENTER="RESOURCE_CENTER",(M=D||(D={})).ALWAYS_TRUE="ALWAYS_TRUE",M.ATTRIBUTE="ATTRIBUTE",M.CLAUSE="CLAUSE",M.ELEMENT="ELEMENT",M.FILLED_IN_INPUT="FILLED_IN_INPUT",M.FLOW="FLOW",M.INPUT_VALUE="INPUT_VALUE",M.PAGE="PAGE",M.SEGMENT="SEGMENT",M.TIME="TIME",function(e){e.AUTO="AUTO",e.MANUAL="MANUAL"}(F||(F={})),(B||(B={})).INPUT="INPUT",(x=P||(P={})).ABSOLUTE_EQ="ABSOLUTE_EQ",x.ABSOLUTE_GT="ABSOLUTE_GT",x.ABSOLUTE_LT="ABSOLUTE_LT",x.AND="AND",x.BETWEEN="BETWEEN",x.CONTAINS="CONTAINS",x.EMPTY="EMPTY",x.ENDS_WITH="ENDS_WITH",x.EQ="EQ",x.EXCLUDES_ALL="EXCLUDES_ALL",x.EXCLUDES_ANY="EXCLUDES_ANY",x.FALSE="FALSE",x.GT="GT",x.GTE="GTE",x.INCLUDES_ALL="INCLUDES_ALL",x.INCLUDES_ANY="INCLUDES_ANY",x.LT="LT",x.LTE="LTE",x.NE="NE",x.NOT_CONTAINS="NOT_CONTAINS",x.NOT_EMPTY="NOT_EMPTY",x.NOT_REGEX="NOT_REGEX",x.OR="OR",x.REGEX="REGEX",x.RELATIVE_EQ="RELATIVE_EQ",x.RELATIVE_GT="RELATIVE_GT",x.RELATIVE_LT="RELATIVE_LT",x.STARTS_WITH="STARTS_WITH",x.TRUE="TRUE",x.URL="URL",(G=H||(H={})).CLICK="CLICK",G.DISABLED="DISABLED",G.MOUSEDOWN="MOUSEDOWN",G.NOT_CLICK="NOT_CLICK",G.NOT_DISABLED="NOT_DISABLED",G.NOT_PRESENT="NOT_PRESENT",G.PRESENT="PRESENT",($=W||(W={})).ASSET="ASSET",$.CARTOON="CARTOON",$.NONE="NONE",$.URL="URL",(K=V||(V={})).INSIDE="INSIDE",K.OUTSIDE="OUTSIDE",(z=j||(j={})).TOP_LEFT="TOP_LEFT",z.TOP_CENTER="TOP_CENTER",z.TOP_RIGHT="TOP_RIGHT",z.BOTTOM_RIGHT="BOTTOM_RIGHT",z.BOTTOM_CENTER="BOTTOM_CENTER",z.BOTTOM_LEFT="BOTTOM_LEFT",z.CENTER="CENTER",(J=Y||(Y={})).GOOGLE="GOOGLE",J.STANDARD="STANDARD",(Z=X||(X={})).DISMISS_FIRST_MENU_AFTER="DISMISS_FIRST_MENU_AFTER",Z.DISMISS="DISMISS",(q=Q||(Q={})).DISMISS="DISMISS",q.NONE="NONE",(te=ee||(ee={})).DEFAULT="DEFAULT",te.PLAINTEXT="PLAINTEXT",(ie=se||(se={})).CHECKLIST_OVERRIDE="CHECKLIST_OVERRIDE",ie.RESOURCE_CENTER_ONLY="RESOURCE_CENTER_ONLY",ie.NONE="NONE",(oe=ne||(ne={})).BUBBLE="BUBBLE",oe.END="END",oe.ERROR="ERROR",oe.FLAG="FLAG",(ae=re||(re={})).MANUAL="MANUAL",ae.NONE="NONE",ae.SYNTHETIC="SYNTHETIC",(le=ce||(ce={})).BUBBLE="BUBBLE",le.HIDDEN="HIDDEN",le.MODAL="MODAL",le.TOOLTIP="TOOLTIP",(he=de||(de={})).ABOVE="ABOVE",he.BELOW="BELOW",he.LEFT="LEFT",he.RIGHT="RIGHT",(Ee=ue||(ue={})).CLOSE_FLOW="CLOSE_FLOW",Ee.EVAL_JS="EVAL_JS",Ee.GO_TO_STEP="GO_TO_STEP",Ee.NAVIGATE="NAVIGATE",Ee.SET_ATTRIBUTE="SET_ATTRIBUTE",Ee.SNOOZE="SNOOZE",Ee.START_FLOW="START_FLOW",(Se=Te||(Te={})).NEW_TAB="NEW_TAB",Se.SAME_TAB="SAME_TAB",(we=fe||(fe={})).SET="SET",we.SET_DATETIME="SET_DATETIME",we.SET_DATETIME_ONCE="SET_DATETIME_ONCE",we.SET_ONCE="SET_ONCE",we.ADD="ADD",we.SUBTRACT="SUBTRACT",we.APPEND="APPEND",we.PREPEND="PREPEND",we.REMOVE="REMOVE",we.UNSET="UNSET",(ge=pe||(pe={})).MULTILINE_TEXT="MULTILINE_TEXT",ge.MULTIPLE_CHOICE="MULTIPLE_CHOICE",ge.NPS="NPS",ge.SCALE="SCALE",ge.STARS="STARS",ge.TEXT="TEXT",(Ce=Ie||(Ie={})).ACTION="ACTION",Ce.ANNOUNCEMENTS="ANNOUNCEMENTS",Ce.ASSISTANT="ASSISTANT",Ce.CHECKLIST="CHECKLIST",Ce.CONTACT="CONTACT",Ce.DIVIDER="DIVIDER",Ce.FLOWS="FLOWS",Ce.KNOWLEDGE_BASE="KNOWLEDGE_BASE",Ce.MESSAGE="MESSAGE",Ce.SUBPAGE="SUBPAGE",(ke=me||(me={})).CRISP="CRISP",ke.CUSTOM="CUSTOM",ke.FRESHCHAT="FRESHCHAT",ke.HELPSCOUT="HELPSCOUT",ke.HUBSPOT="HUBSPOT",ke.INTERCOM="INTERCOM",ke.ZENDESK="ZENDESK",ke.ZENDESK_MESSENGER="ZENDESK_MESSENGER",(Ue=Ae||(Ae={})).BUTTON="BUTTON",Ue.INPUT="INPUT",(Re=Le||(Le={})).SILENT="SILENT",Re.BADGE="BADGE",Re.POPOUT="POPOUT",(ve=Ne||(Ne={})).LAUNCHER_CLICK="LAUNCHER_CLICK",ve.LAUNCHER_HOVER="LAUNCHER_HOVER",ve.TARGET_CLICK="TARGET_CLICK",ve.TARGET_HOVER="TARGET_HOVER",ve.LAUNCHER_TARGET_CLICK="LAUNCHER_TARGET_CLICK",ve.LAUNCHER_TARGET_HOVER="LAUNCHER_TARGET_HOVER",(ye=Oe||(Oe={})).ACTIVATE="ACTIVATE",ye.DEACTIVATE="DEACTIVATE",ye.NEVER="NEVER",(be=_e||(_e={})).AUTO="AUTO",be.TOP="TOP",be.RIGHT="RIGHT",be.BOTTOM="BOTTOM",be.LEFT="LEFT",(Me=De||(De={})).START="START",Me.CENTER="CENTER",Me.END="END",(Be=Fe||(Fe={})).PERCENT="PERCENT",Be.PX="PX",(xe=Pe||(Pe={})).BEACON="BEACON",xe.BUTTON="BUTTON",xe.HIDDEN="HIDDEN",xe.ICON="ICON",(Ge=He||(He={})).LAUNCHER="LAUNCHER",Ge.TARGET="TARGET",($e=We||(We={})).BODY_FIRST="BODY_FIRST",$e.BODY_LAST="BODY_LAST",$e.ELEMENT_FIRST="ELEMENT_FIRST",$e.ELEMENT_LAST="ELEMENT_LAST",$e.ELEMENT_BEFORE="ELEMENT_BEFORE",$e.ELEMENT_AFTER="ELEMENT_AFTER",(Ke=Ve||(Ve={})).START="START",Ke.CENTER="CENTER",Ke.SPACE_BETWEEN="SPACE_BETWEEN",(ze=je||(je={})).NONE="NONE",ze.LIKE="LIKE",ze.SCALE="SCALE",(Je=Ye||(Ye={})).ACTIVE="ACTIVE",Je.COMPLETED="COMPLETED",Je.ENDED="ENDED",Je.NOT_SEEN="NOT_SEEN",(Ze=Xe||(Xe={})).HIGHLIGHT="HIGHLIGHT",Ze.MODAL="MODAL",Ze.HIGHLIGHT_MODAL="HIGHLIGHT_MODAL";const Qe={customInputs:[],customNavigate:null,urlFilter:null,linkUrlDecorator:null,customScrollIntoView:null,scrollPadding:null,inferenceAttributeNames:["data-for","data-id","data-testid","data-test-id","for","id","name","placeholder","role"],inferenceAttributeFilters:{id:[e=>!e.match(/\d$/)],"data-id":[e=>!e.match(/\d$/)]},inferenceClassNameFilters:[e=>!e.startsWith("css-")],baseZIndex:1234500,evalJsDisabled:!1};function qe(e){return Array.isArray(e)||(e=e?[e]:[]),e=e.map((e=>"string"==typeof e?new RegExp(e):e))}function et(e,t){return e.every((e=>"function"==typeof e?e(t):!(e instanceof RegExp)||e.test(t)))}function tt(){let e=d();if(Qe.urlFilter){if(e=Qe.urlFilter(e),"string"!=typeof e)throw new o("Userflow.js: URL filter returned non-string value. Please check your userflow.setUrlFilter() implementation.");try{new URL(e)}catch(t){throw new o("Userflow.js: URL filter returned an invalid URL. Please check your userflow.setUrlFilter() implementation.\nReturned URL: "+e+"\nError message: "+t.message)}}return e}let st="";try{st=localStorage.getItem("debug")||""}catch(Tt){}const it=st.split(",").some((e=>"*"===e||e.startsWith("userflow:*"))),nt=rt("log");let ot;function rt(e){return function(t,...s){if(it){const i=performance.now(),n=ot?Math.round(i-ot):0;ot=i,console[e](`%cuserflow %c${t} %c+${n}ms`,"color:#1a57e6;","","color:#1a57e6;",...s)}}}nt.group=rt("group"),nt.groupCollapsed=rt("groupCollapsed"),nt.groupEnd=function(){it&&console.groupEnd()};const at=()=>n((()=>import("./ResourceCenterApp.js").then((function(e){return e.R}))),[new URL("ResourceCenterApp.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("logomark.js",import.meta.url).toString(),new URL("ChecklistUI.js",import.meta.url).toString(),new URL("BubbleToolbar.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString()]);function ct(e){const t=e.version.checklist.tasks.length;return Math.max(0,t-e.taskCompletions.length)}class lt{constructor(e){this.observers=new Set,this._value=e}get value(){return this._value}update(e){if(e!==this._value){this._value=e;for(const e of this.observers)e()}}observe(e){return this.observers.add(e),()=>this.observers.delete(e)}}const dt=["page:before-change","page:change","turbo:before-cache","turbo:load","turbo:visit","turbolinks:before-cache","turbolinks:load","turbolinks:visit"],ht=()=>n((()=>import("./BannerApp.js")),[new URL("BannerApp.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("use-selector-element-monitoring.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString()]),ut=import.meta.url;class Et{constructor(){this.clientToken=null,this.externalId=null,this.signature=null,this.groupId=null,this.groupSignature=null,this._socketStatus="disconnected",this.socket=null,this.channel=null,this.featureFlags=new Set,this.logrocketAppId=null,this.debounceInactiveDisconnectTimeout=void 0,this.inBatch=!1,this.endBatchTimeout=void 0,this.pushRateLimitMinute=0,this.pushRateLimitMinuteExpires=0,this.clientClock=1,this.serverClock=1,this.flowSession=null,this.flowSessionClock=0,this.checklistSession=null,this.checklistExpanded=!1,this.checklistExpandPending=!1,this.checklistSessionClock=0,this.bannerSession=null,this.resourceCenterSession=null,this.resourceCenterOpen=!1,this.resourceCenterLauncherHidden=!1,this.launcherSessions=[],this.activeLauncherFlowId=null,this.notifications=[],this.notificationIdCounter=0,this.sessionStorageState=null,this.clientContext=null,this.flushUrlChangeTimeout=void 0,this.onFirstIdentifyRun=!1,this.onFirstIdentifyTimeout=void 0,this.firstIdentifyCallback=null,this.ui=null,this.unackedTasks=new Set,this.clientConditions=new Map,this.trackers=new Map,this.conditionWaitTimers=new Map,this.listeners=new Map,this.targetEnv=null,this.idempotencyKeysSeen=new Set,this.testUserIdentified=!1,this.cspIssueReported=!1,this.uiDisabled=!1,this.audio=null,this.audioReady=!1,this.pageTrackingDisabled=!1,this.refCounter=1,this.onBuilderMessage=e=>(this.handleBuilderMessage(e),!1),this.handleBuilderMessage=async e=>{nt(`builder ${e.kind} message received`,e);const t="idempotencyKey"in e&&"string"==typeof e.idempotencyKey?e.idempotencyKey:null;if(t&&this.idempotencyKeysSeen.has(t))return;const s=()=>{t&&this.idempotencyKeysSeen.add(t)};switch(e.kind){case"userflow:selectElement":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:selectElementAck",idempotencyKey:e.idempotencyKey}),void this.setSessionStorageState((t=>({...t,isTargetTab:!0,activeApp:"elementSelection",elementSelection:{mode:"select",elementType:e.elementType}})));case"userflow:selectElementCancel":return void this.setSessionStorageState((e=>({...e,activeApp:null,elementSelection:null})));case"userflow:startFlowWithToken":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:startFlowWithTokenAck",idempotencyKey:e.idempotencyKey}),this.setSessionStorageState((e=>({...e,isTargetTab:!0,activeApp:null,testStartConditionToken:void 0}))),c.setItem("previewFlowId",e.flowId),e.testUser?this.identifyTestUser(e.testUser):this.resetTestUser(),void(e.testStartCondition?this.setSessionStorageState((t=>({...t,activeApp:"startConditionTesting",testStartConditionToken:e.token}))):this.onceIdentified((()=>{if(this.startFlowWithToken(e.token),e.isResourceCenter){const t=()=>{const s=this.resourceCenterSession;s&&s.draftMode&&s.flow.id===e.flowId&&(this.openResourceCenter(),this.off("resourceCenterChanged",t))};this.on("resourceCenterChanged",t),t()}})));case"userflow:testTracker":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:testTrackerAck",idempotencyKey:e.idempotencyKey}),this.setSessionStorageState((e=>({...e,isTargetTab:!0}))),e.testUser?this.identifyTestUser(e.testUser):this.resetTestUser(),void this.setSessionStorageState((t=>({...t,activeApp:"trackerTesting",trackerTesting:{trackerName:e.trackerName,token:e.token,events:0}})));case"userflow:testTrackerCancel":return void this.setSessionStorageState((e=>({...e,activeApp:null,trackerTesting:null})))}},this.onUrlChange=()=>{this.externalId&&(window.clearTimeout(this.flushUrlChangeTimeout),this.flushUrlChangeTimeout=window.setTimeout((()=>this.flushUrlChange()),50))},this.onUserActivity=()=>this.ensureConnected(),this.remountIfNecessary=()=>{this.ui?.container&&!document.contains(this.ui.container)&&(nt("remounting UI because container was missing"),this.remount())},nt("constructor, build=1004223"),p(this.onUrlChange),this.setTargetEnv(new C),this.checkTestUserAtBoot(),this.toggleUI();for(const e of dt)document.addEventListener(e,this.remountIfNecessary)}get socketStatus(){return this._socketStatus}destroy(){nt("destroy"),this.reset(),g(this.onUrlChange),this.destroyTargetEnv();for(const e of dt)document.removeEventListener(e,this.remountIfNecessary)}setTargetEnv(e){this.destroyTargetEnv(),this.targetEnv=e,e.onBuilderMessage(this.onBuilderMessage)}destroyTargetEnv(){this.targetEnv&&(this.targetEnv.destroy(),this.targetEnv=null)}getTargetEnv(){if(!this.targetEnv)throw new o("Userflow.js: Cannot call getTargetEnv when protocol is not set");return this.targetEnv}setSessionStorageState(e){const t=e(this.getSessionStorageState());c.setItem("userflowClientState",JSON.stringify(t)),this.sessionStorageState=t,this.toggleUI()}getSessionStorageState(){let e=this.sessionStorageState;if(!e){const t=c.getItem("userflowClientState");if(t)try{e=JSON.parse(t)}catch(Tt){console.error("Userflow.js: Parse ElementSelectionState error:",Tt)}e||(e={testUser:null,activeApp:null,elementSelection:null,trackerTesting:null}),this.sessionStorageState=e}return e}checkTestUserAtBoot(){const e=this.getSessionStorageState().testUser;e&&(nt("checkTestUserAtBoot identifying test user"),this.identifyTestUser(e))}async identifyTestUser(e){this.setSessionStorageState((t=>({...t,testUser:e}))),this.reset(),this.init(e.clientToken),this.testUserIdentified=!0,this.externalId=e.id;const t=[this.identify(e.id,{name:e.name,email:e.email,signed_up_at:{set_once:(new Date).toISOString(),data_type:"datetime"}},{signature:e.signature})],{group:s}=e;s&&(this.groupId=s.id,t.push(this.group(s.id,{name:s.name},{signature:s.signature}))),await Promise.all(t)}resetTestUser(){this.setSessionStorageState((e=>({...e,testUser:null})))}init(e){if(nt("init",e),!e)throw new o("userflow.init() was called but missing Userflow.js Token");this.clientToken!==e&&(this.testUserIdentified?nt("init() ignoring new token since a test user has been identified"):(this.clientToken&&(nt("init() resetting due to new client token"),this.reset()),this.clientToken=e))}ensureInit(){if(!this.clientToken)throw new o("You must call userflow.init() first")}ensureIdentified(){if(this.ensureInit(),!this.externalId)throw new o("You must call userflow.identify() first");return this.externalId}ensureGroup(){if(this.ensureIdentified(),!this.groupId)throw new o("You must call userflow.group() first");return this.groupId}ensureConnected(){if(!this.clientToken||!this.externalId)return;if(this.debounceInactiveDisconnect(),this.socket)return;this._socketStatus="connecting",nt("connecting to socket");let t=Qe.serverEndpoint||"e.userflow.com";"js.getuserflow.com"===new URL(ut).hostname&&"e.userflow.com"===t&&(t="e.getuserflow.com");const s="wss://"+t+"/end-users/"+this.clientToken+"/socket";this.socket=new e(s,{reconnectAfterMs:e=>[100,500,1e3,5e3][e-1]||1e4,timeout:2e4}),this.socket.connect(),this.socket.onOpen((()=>{nt("socket opened")})),this.socket.onClose((()=>{this.emit("private:disconnect")})),this.socket.onError((e=>{console.log("Userflow.js socket error",e),this.reportCspIssue()})),this.channel=this.socket.channel(`end_users:${this.externalId}`,(()=>this.makeChannelJoinPayload())),this.channel.join().receive("ok",(e=>{this.logrocketAppId=e.logrocketAppId,this.featureFlags=new Set(e.featureFlags),nt("channel joined"),"connected"!==this._socketStatus&&(this._socketStatus="connected")})).receive("error",(e=>{["company_closed","invalid_client_token","invalid_user_external_id","incorrect_user_signature","rate_limit_exceeded","user_signature_required"].includes(e.code)?(console.error(`Userflow.js resetting due to: [${e.code}] ${e.message}`),this.reset(),this.clientToken=null):"invalid_protocol_version"===e.code?(console.error(`Userflow.js destroying due to: [${e.code}] ${e.message}`),this.destroy()):console.log("Userflow.js channel join error",e)})),this.channel.on("server_message",(e=>this.handleServerMessage(e))),this.channel.on("server_error",(e=>{console.log(`Userflow.js server error (${e.code}): ${e.message}`+(e.details&&e.details.length>0?"\nDetails:\n"+e.details.map((e=>(e.path?`${e.path}: `:"")+e.message)):""))}))}makeChannelJoinPayload(){const e=this.buildClientContext();this.clientContext=e;const t={protocolVersion:2,userflowClientBuild:"1004223",signature:this.signature,groupExternalId:this.groupId,groupSignature:this.groupSignature,flowSessionId:this.flowSession?.id||null,checklistSessionId:this.checklistSession?.id||null,bannerSessionId:this.bannerSession?.id||null,resourceCenterSessionId:this.resourceCenterSession?.id||null,launchers:this.launcherSessions.map((e=>({flowId:e.flow.id}))),trackers:Array.from(this.trackers.values()).map((e=>({flowId:e.tracker.flowId}))),hasDraftSession:this.hasDraftSession(),clientConditions:Array.from(this.clientConditions.values()).map((e=>({conditionId:e.condition.id,isTrue:e.isTrue}))),previewFlowId:c.getItem("previewFlowId"),clientContext:e};return nt("channel join payload",t),t}disconnect(){window.clearTimeout(this.debounceInactiveDisconnectTimeout),this.socket&&this.socket.disconnect(),this._socketStatus="disconnected",this.socket=null,this.channel=null}debounceInactiveDisconnect(){window.clearTimeout(this.debounceInactiveDisconnectTimeout),this.debounceInactiveDisconnectTimeout=window.setTimeout((()=>{this.hasDraftSession()||this.assistantMessageInProgress?this.debounceInactiveDisconnect():(nt("disconnecting from socket due to inactivity"),this.disconnect())}),3e5)}hasDraftSession(){return!!this.flowSession?.draftMode||!!this.checklistSession?.draftMode||!!this.bannerSession?.draftMode||!!this.resourceCenterSession?.draftMode||this.launcherSessions.some((e=>e.draftMode))}async send(e,{batch:t,endBatch:s,handlesRejection:i}={}){return this.inBatch&&["ToggleClientCondition","UpdateClientContext"].includes(e.kind)||this.checkPushRateLimit(),this.ensureConnected(),t&&!this.inBatch&&(this.inBatch=!0,this.sendRaw({kind:"BeginBatch"})),this.inBatch&&(window.clearTimeout(this.endBatchTimeout),s?this.endBatch():this.endBatchTimeout=window.setTimeout((()=>{this.endBatch()}),50)),this.sendRaw(e,{handlesRejection:i})}async sendRaw(e,{handlesRejection:t}={}){return new Promise(((s,i)=>{if(!this.channel){const s=`Userflow.js: send() should not be called if channel is not set. Message kind=${e.kind}`;if(t)throw Error(s);return void console.log(s,"\nClient message:",e)}nt(`push ${e.kind} message`,e);const n=this.clientClock,r=()=>{this.serverClock=n,this.channel?.off("phx_error",a)},a=this.channel.on("phx_error",(s=>{r();const n=`Userflow.js send ${e.kind} got phx_error`;"connected"===this._socketStatus&&console.log(n,"\nClient message:",e,"\nError:",s),t&&i(new o(n))}));this.channel.push("client_message",e).receive("ok",(e=>{r(),s(e)})).receive("error",(s=>{r();const n=`Userflow.js error reply (${s.code}): ${s.message}`;console.log(n,"\nClient message:",e,"\nError:",s),t&&i(new o(n,s.code,s.message))}))}))}endBatch(){this.inBatch=!1,this.sendRaw({kind:"EndBatch"})}checkPushRateLimit(){const e=Date.now();if(this.pushRateLimitMinuteExpires<e&&(this.pushRateLimitMinute=0,this.pushRateLimitMinuteExpires=e+6e4),this.pushRateLimitMinute>=100)throw new o("This Userflow.js client has reached a maximum of 100 operations in the last 1 minute. This is usually due to one of the following:\n\n - Excessive calls to Userflow.js. Check if any of userflow.track(), userflow.identify(), userflow.updateUser() or similar are called repeatedly.\n - The URL changing too frequently. Look into https://userflow.com/docs/userflow-js#seturlfilter and filter out the changing part of the URL.\n - The user legitimately being very active, in which case you can just ignore this error.\n \n If in doubt, reach out to us at support@userflow.com.");this.pushRateLimitMinute++}handleServerMessage(e){nt(`received ${e.kind} message`,e);const{serverClock:t,flowSession:s,flowSessionClock:i,checklistSession:n,checklistSessionClock:o,bannerSession:r,resourceCenterSession:a}=this;switch(e.kind){case"CheckSessionsAck":case"ServerDebug":return;case"AddLauncher":{const{session:t}=e,s=this.launcherSessions.findIndex((e=>e.flow.id===t.flow.id));return this.launcherSessions=-1===s?[...this.launcherSessions,t]:[...this.launcherSessions.slice(0,s),t,...this.launcherSessions.slice(s+1)],void this.toggleUI()}case"AddTracker":return void this.addTracker(e.tracker);case"AssistantMessageEventWrapper":return void this.emit("private:assistantMessageEvent",e);case"CancelConditionWaitTimer":return window.clearTimeout(this.conditionWaitTimers.get(e.conditionId)),void this.conditionWaitTimers.delete(e.conditionId);case"ChecklistTaskCompleted":return void this.unackedTasks.add(e.taskCvid);case"ForceGoToStep":return i>t?void nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`):void(s?.id===e.sessionId&&this.emit("gotostep",{session:s,step:{id:e.stepId}}));case"RemoveLauncher":return void(this.removeLauncher(e.flowId)&&this.toggleUI());case"RemoveTracker":return void this.removeTracker(e.flowId);case"SetBannerSession":return this.setBannerSession(e.session),void this.toggleUI();case"SetChecklistSession":return void(o<=t||n?.id===e.session.id?(this.setChecklistSession(e.session,t),this.toggleUI()):nt(`ignoring ${e.kind} message due to stale clock checklistSessionClock=${o} > serverClock=${t}`));case"SetFlowSession":return void(i<=t||s?.id===e.session.id?(this.setFlowSession(e.session,t),this.toggleUI()):nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`));case"SetResourceCenterSession":return this.setResourceCenterSession(e.session),void this.toggleUI();case"StartConditionWaitTimer":if(!this.conditionWaitTimers.has(e.conditionId)){const t=window.setTimeout((()=>{this.conditionWaitTimers.delete(e.conditionId),this.send({kind:"FireConditionWaitTimer",conditionId:e.conditionId},{batch:!0})}),1e3*parseFloat(e.waitTime));this.conditionWaitTimers.set(e.conditionId,t)}return;case"TestStartConditionSuccess":return void this.emit("private:testStartConditionSuccess");case"TrackClientCondition":return void this.trackClientCondition(e.condition);case"UnsetBannerSession":return void(r?.id===e.sessionId&&(this.setBannerSession(null),this.toggleUI()));case"UnsetChecklistSession":return o>t?void nt(`ignoring ${e.kind} message due to stale clock checklistSessionClock=${o} > serverClock=${t}`):void(n?.id===e.sessionId&&(this.setChecklistSession(null,t),this.toggleUI()));case"UnsetFlowSession":return i>t?void nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`):void(s?.id===e.sessionId&&(this.setFlowSession(null,t),this.toggleUI()));case"UnsetResourceCenterSession":return void(a?.id===e.sessionId&&(this.setResourceCenterSession(null),this.toggleUI()));case"UntrackClientCondition":return void this.untrackClientCondition(e.conditionId);default:return void console.warn("Userflow.js: Received unknown message",e)}}async identify(e,t={},{signature:s}={}){if(nt("identify",e),this.ensureInit(),this.testUserIdentified&&e!==this.externalId)nt("identify() ignored since a test user has been identified");else{if("number"==typeof e)e=String(e);else if(!e||"string"!=typeof e)throw new o(`userflow.identify: First argument must be a non-empty string representing the user's ID in your database. Value received: ${JSON.stringify(e)}`);this.externalId&&e!==this.externalId&&(nt("identify resetting due to new externalId"),this.reset()),this.externalId=e,this.signature=s||null,this.observeUserActivity(),await Promise.all([this.send({kind:"UpsertUser",attributes:this.normalizeAttributes(t)},{batch:!0}),this.onFirstIdentify()]),this.emit("private:identified")}}async identifyAnonymous(e={},s={}){if(!a.isSupported())throw new o("userflow.identifyAnonymous() is not supported when localStorage access is denied.");const i="anonymousId";let n=a.getItem(i);n||(n="anon-"+t(),a.setItem(i,n)),await this.identify(n,e,s)}async updateUser(e={},t={}){nt("updateUser"),this.ensureIdentified(),await this.send({kind:"UpsertUser",attributes:this.normalizeAttributes(e)},{batch:!0})}async group(e,t={},{signature:s,membership:i}={}){if(nt("group",e),this.ensureIdentified(),this.testUserIdentified&&e!==this.groupId)nt("group() ignored since a test user has been identified");else{if("number"==typeof e)e=String(e);else if(!e||"string"!=typeof e)throw new o(`userflow.group: First argument must be a non-empty string representing the group's ID in your database. Value received: ${JSON.stringify(e)}`);this.groupId=e,this.groupSignature=s||null,await this.send({kind:"UpsertGroup",groupExternalId:e,groupSignature:this.groupSignature,groupAttributes:this.normalizeAttributes(t),membershipAttributes:this.normalizeAttributes(i)},{batch:!0})}}async updateGroup(e={},t={}){nt("updateGroup");const s=this.ensureGroup();await this.send({kind:"UpsertGroup",groupExternalId:s,groupSignature:this.groupSignature,membershipAttributes:this.normalizeAttributes(t.membership),groupAttributes:this.normalizeAttributes(e)},{batch:!0})}normalizeAttributes(e){if(null==e)return{};if("object"!=typeof e)throw new o("Userflow: 'attributes' must be an object.");const t={};for(const s in e){if(!e.hasOwnProperty(s))continue;if("traits"===s){const i=e[s];Object.assign(t,this.extractLegacyTraits(i));continue}let i=e[s];if("string"==typeof i||"number"==typeof i||"boolean"==typeof i||null==i||Array.isArray(i))t[s]=this.normalizeAttributeLiteralOrList(s,i);else{if("object"!=typeof i||null==i)throw new o(`Userflow: Invalid value for '${s}' attribute.`);if("set"in i)t[s]={set:this.normalizeAttributeLiteralOrList(s,i.set),dataType:this.normalizeDataType(s,i.data_type||i.dataType)};else if("set_once"in i||"setOnce"in i)t[s]={setOnce:this.normalizeAttributeLiteralOrList(s,i.set_once??i.setOnce),dataType:this.normalizeDataType(s,i.data_type||i.dataType)};else if("add"in i){const e=i.add;if("string"!=typeof e&&"number"!=typeof e)throw new o(`Userflow: Invalid 'add' value for '${s}' attribute. Must be a number or string.`);t[s]={add:e}}else if("subtract"in i){const e=i.subtract;if("string"!=typeof e&&"number"!=typeof e)throw new o(`Userflow: Invalid 'subtract' value for '${s}' attribute. Must be a number or string.`);t[s]={subtract:e}}else if("append"in i)t[s]={append:this.normalizeAttributeLiteralOrList(s,i.append)};else if("prepend"in i)t[s]={prepend:this.normalizeAttributeLiteralOrList(s,i.prepend)};else{if(!("remove"in i))throw new o(`Userflow: Invalid value for '${s}' attribute.`);t[s]={remove:this.normalizeAttributeLiteralOrList(s,i.remove)}}}}return t}normalizeAttributeLiteralOrList(e,t){return Array.isArray(t)?t.map((t=>this.normalizeAttributeLiteral(e,t))):this.normalizeAttributeLiteral(e,t)}normalizeAttributeLiteral(e,t){if(null==t)return null;if("string"==typeof t||"number"==typeof t||"boolean"==typeof t)return t;throw new o(`Userflow: Invalid value for '${e}' attribute.`)}normalizeDataType(e,t){if(!t)return null;switch(t){case"string":return O.STRING;case"number":return O.NUMBER;case"boolean":return O.BOOLEAN;case"datetime":return O.DATETIME}throw new o(`Userflow: Invalid data_type for '${e}' attribute.`)}extractLegacyTraits(e){if(!e)return{};if(!Array.isArray(e)){const t=[];for(const s in e)e.hasOwnProperty(s)&&t.push({name:s,value:e[s]});e=t}return e.reduce(((e,{name:t,value:s,dataType:i})=>{if("string"!=typeof t||t.length>100||!t.match(/^[a-z0-9_]+$/))return this.warn("Userflow.identify: Invalid trait name (must be string, no more than 100 characters, and only consist of a-z, 0-9 and underscores). The trait will be ignored. Name was:",t),e;if("string"==typeof s);else if("boolean"==typeof s)i||(i="boolean"),s=s?"true":"false";else{if("number"!=typeof s)return this.warn(`userflow.identify: The value of trait '${t}' is invalid (must be a string, a boolean or a number). The trait will be ignored. Value was:`,s),e;i||(i=Number.isInteger(s)?"integer":"decimal"),s=String(s)}let n=null;if(i)switch(i){case"string":n=O.STRING;break;case"boolean":n=O.BOOLEAN;break;case"integer":case"decimal":n=O.NUMBER;break;case"datetime":n=O.DATETIME;break;default:return this.warn(`userflow.identify: The data type of trait '${t}' is invalid (must be a 'string', 'boolean', 'integer', 'decimal' or 'datetime'). The trait will be ignored. Data type was:`,i),e}return e[t]={set:s,dataType:n},e}),{})}async track(e,t={},{userOnly:s}={}){nt(`track '${e}'`,t),this.ensureIdentified(),await this.send({kind:"TrackEvent",userOnly:!!s,name:e,attributes:this.normalizeEventAttributes(t)},{batch:!0})}normalizeEventAttributes(e){const t=this.normalizeAttributes(e);for(const s in t){if(!t.hasOwnProperty(s))continue;const e=t[s];if(null!=e&&"string"!=typeof e&&"boolean"!=typeof e&&"number"!=typeof e&&!Array.isArray(e)&&!("set"in e))throw new o(`Userflow: Invalid value for '${s}' attribute. Event attributes only support literal values, list values and 'set' changes.`)}return t}onFirstIdentify(){this.onFirstIdentifyRun||(this.onFirstIdentifyRun=!0,this.onFirstIdentifyTimeout=window.setTimeout((()=>{this.trackPageViewed(),this.firstIdentifyCallback?(this.firstIdentifyCallback(),this.firstIdentifyCallback=null):this.checkUrlForStartFlow()}),0))}onceIdentified(e){this.isIdentified()?e():this.firstIdentifyCallback=e}checkUrlForStartFlow(){const e=new URL(d()),t=e.searchParams.get("userflow")||e.searchParams.get("studio1_flow")||e.searchParams.get("studio1_walkthrough");t&&(nt(`url contained flow ${t}`),this.startFlow({flowId:t,startReason:L.LINK,batch:!0}),e.searchParams.delete("userflow"),e.searchParams.delete("studio1_flow"),e.searchParams.delete("studio1_walkthrough"),window.history.replaceState({},"",e.toString()),this.clientContext=this.buildClientContext(),this.pushUpdateClientContext())}flushUrlChange(){const e=this.buildClientContext();this.clientContext&&e.pageUrl===this.clientContext.pageUrl||(this.clientContext=e,this.pushUpdateClientContext(),this.trackPageViewed(),this.checkUrlForStartFlow())}async trackPageViewed(){this.pageTrackingDisabled||this.track("page_viewed",{})}buildClientContext(){return{pageUrl:tt(),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}pushUpdateClientContext(){this.send({kind:"UpdateClientContext",clientContext:this.clientContext},{batch:!0})}ackCompletedTask(e){this.unackedTasks.delete(e)}taskIsUnacked(e){return this.unackedTasks.has(e)}isIdentified(){return null!=this.externalId}on(e,t){let s=this.listeners.get(e);s||(s=new Set,this.listeners.set(e,s)),s.add(t)}off(e,t){const s=this.listeners.get(e);s&&s.delete(t)}emit(e,...t){const s=this.listeners.get(e);if(s){Array.from(s).forEach((e=>e(...t)))}}observeUserActivity(){document.addEventListener("mouseover",this.onUserActivity),document.addEventListener("pointerdown",this.onUserActivity),document.addEventListener("keydown",this.onUserActivity)}unobserveUserActivity(){document.removeEventListener("mouseover",this.onUserActivity),document.removeEventListener("pointerdown",this.onUserActivity),document.removeEventListener("keydown",this.onUserActivity)}reset(){nt("reset"),this.externalId=null,this.groupId=null,this.sessionStorageState=null,this.setFlowSession(null,0),this.setChecklistSession(null,0),this.setBannerSession(null),this.setResourceCenterSession(null),this.launcherSessions=[],this.activeLauncherFlowId=null,this.notifications=[],this.unackedTasks=new Set,this.onFirstIdentifyRun=!1,window.clearTimeout(this.onFirstIdentifyTimeout),this.onFirstIdentifyTimeout=void 0,this.clientContext=null,this.unobserveUserActivity(),window.clearTimeout(this.flushUrlChangeTimeout),this.flushUrlChangeTimeout=void 0,this.clientConditions.forEach(((e,t)=>{this.untrackClientCondition(t)})),this.firstIdentifyCallback=null,this.testUserIdentified=!1,a.removeItem("anonymousId"),this.unmountUI(),this.disconnect(),this.inBatch=!1,window.clearTimeout(this.endBatchTimeout),this.endBatchTimeout=void 0,this.clientClock=1,this.serverClock=1,this.titleMonitored=void 0,this.titleObserver&&(this.titleObserver.disconnect(),this.titleObserver=void 0)}async startFlow({flowId:e,stepCvid:t,startReason:s,once:i,batch:n,replaceCurrent:o}){if(this.ensureIdentified(),o&&this.flowSession&&this.endFlow(this.flowSession,{endReason:m.REPLACED,batch:!0}),nt(`startFlow ${e}`,{startReason:s}),this.checklistSession?.flow.id===e)return nt("startFlow matches current checklist, so showing it instead"),void this.showChecklist();const r={kind:"StartFlow",flowId:e,stepCvid:t,startReason:s,once:!!i};await this.send(r,{batch:n})}async startFlowWithToken(e){this.ensureIdentified(),nt("startFlowWithToken",{token:e}),await this.send({kind:"StartFlowWithToken",token:e},{batch:!0})}optimisticClockUIUpdate(e){this.clientClock++,e(),this.toggleUI()}async showChecklist(){this.resourceCenterEmbedsChecklist()?this.openResourceCenter():(this.unmarkExpandPending(),this.checklistSession&&!this.checklistExpanded&&(this.ensureIdentified(),this.checklistExpanded=!0,this.toggleUI(),c.setItem(`checklistExpanded:${this.checklistSession.id}`,"1"),await this.send({kind:"ShowChecklist",sessionId:this.checklistSession.id},{batch:!0})))}async hideChecklist(){this.resourceCenterEmbedsChecklist()?this.closeResourceCenter():this.checklistSession&&this.checklistExpanded&&(this.ensureIdentified(),this.checklistExpanded=!1,this.toggleUI(),c.removeItem(`checklistExpanded:${this.checklistSession.id}`),await this.send({kind:"HideChecklist",sessionId:this.checklistSession.id},{batch:!0}))}async unmarkExpandPending(){this.checklistSession&&this.checklistExpandPending&&(this.checklistExpandPending=!1,await this.send({kind:"UnmarkExpandPending",sessionId:this.checklistSession.id},{batch:!0}))}async openResourceCenter(){this.resourceCenterEmbedsChecklist()&&this.unmarkExpandPending(),this.resourceCenterSession&&!this.resourceCenterOpen&&(this.ensureIdentified(),this.resourceCenterOpen=!0,this.toggleUI(),this.emit("resourceCenterChanged"),c.setItem(`resourceCenterOpen:${this.resourceCenterSession.id}`,"1"),await this.send({kind:"OpenResourceCenter",sessionId:this.resourceCenterSession.id},{batch:!0}))}async closeResourceCenter(){this.resourceCenterSession&&this.resourceCenterOpen&&(this.ensureIdentified(),this.resourceCenterOpen=!1,this.toggleUI(),this.emit("resourceCenterChanged"),c.removeItem(`resourceCenterOpen:${this.resourceCenterSession.id}`),await this.send({kind:"CloseResourceCenter",sessionId:this.resourceCenterSession.id},{batch:!0}))}toggleResourceCenter(){this.resourceCenterOpen?this.closeResourceCenter():this.openResourceCenter()}setResourceCenterLauncherHidden(e){this.resourceCenterLauncherHidden=e,this.toggleUI()}getResourceCenterState(){if(!this.resourceCenterSession)return null;const e=this.resourceCenterEmbedsChecklist(),{checklistSession:t}=this,s=this.resourceCenterSession.version.resourceCenter?.blocks.find((e=>e.type===Ie.ANNOUNCEMENTS));return{isOpen:this.resourceCenterOpen,hasChecklist:e,uncompletedChecklistTaskCount:e&&t?ct(t):0,unreadAnnouncementCount:s?.unreadAnnouncementCount||0}}resourceCenterEmbedsChecklist(){const e=this.resourceCenterSession;return!!e&&!!e.version.resourceCenter?.blocks.some((e=>e.type===Ie.CHECKLIST))}async endFlow(e,{endReason:t,batch:s}){this.ensureIdentified(),this.optimisticClockUIUpdate((()=>{const{clientClock:t}=this;this.flowSession?.id===e.id&&this.setFlowSession(null,t),this.checklistSession?.id===e.id&&this.setChecklistSession(null,t),this.bannerSession?.id===e.id&&this.setBannerSession(null),this.resourceCenterSession?.id===e.id&&this.setResourceCenterSession(null)}));const{flow:i}=e,n={id:i.id,type:i.type.toLowerCase()};i.type===_.CHECKLIST?this.emit("checklistEnded",{checklist:n,endReason:t}):i.type===_.FLOW&&this.emit("flowEnded",{flow:n,endReason:t});const o={kind:"EndFlow",sessionId:e.id,endReason:t};await this.send(o,{batch:s})}async goToStep(e,t){nt("goToStep",e.id,t.name||t.id),this.ensureIdentified();const s=this.send({kind:"GoToStep",sessionId:e.id,stepId:t.id});e.currentStep=t,this.emit("gotostep",{session:e,step:t}),await s}async endAllFlows(){nt("endAllFlows"),this.optimisticClockUIUpdate((()=>{const{clientClock:e}=this;this.setFlowSession(null,e),this.setChecklistSession(null,e)})),await this.send({kind:"EndAllFlows"})}async endChecklist(){nt("endChecklist");const e=this.checklistSession||this.flowSession;e?.flow.type===_.CHECKLIST&&this.endFlow(e,{endReason:m.USERFLOWJS})}setFlowSession(e,t=this.clientClock){const s=this.flowSession;this.flowSession=e,this.flowSessionClock=t,e&&!s&&(this.hideChecklist(),this.closeResourceCenter()),null==e&&this.originalActiveElement&&("function"==typeof this.originalActiveElement.focus&&this.originalActiveElement.focus(),this.originalActiveElement=void 0)}setChecklistSession(e,t=this.clientClock){const s=this.checklistSession;this.checklistSession=e,this.checklistSessionClock=t,null===e&&(this.checklistExpanded=!1,this.checklistExpandPending=!1),e&&e.id!==s?.id&&(this.checklistExpanded=!!c.getItem(`checklistExpanded:${e.id}`),e.expandPending&&(this.checklistExpandPending=!0)),this.emit("checklistChanged"),this.emit("resourceCenterChanged")}setBannerSession(e){this.bannerSession=e}setResourceCenterSession(e){const t=this.resourceCenterSession;e="function"==typeof e?e(this.resourceCenterSession):e,this.resourceCenterSession=e,null===e&&(this.resourceCenterOpen=!1),t&&t.id!==e?.id&&c.removeItem(`resourceCenterOpen:${t.id}`),e&&e.id!==t?.id&&(this.resourceCenterOpen=!!c.getItem(`resourceCenterOpen:${e.id}`)),this.emit("resourceCenterChanged")}launcherSeen(e){this.send({kind:"StartFlow",flowId:e,startReason:L.LAUNCHER_SEEN,once:!1})}activateLauncher(e){const t=this.activeLauncherFlowId&&this.launcherSessions.find((e=>e.flow.id===this.activeLauncherFlowId));t&&this.deactivateLauncher(t),this.activeLauncherFlowId=e.flow.id,this.toggleUI(),this.send({kind:"ActivateLauncher",flowId:e.flow.id})}deactivateLauncher(e){const{launcher:t}=e.version;e.flow.id===this.activeLauncherFlowId&&(t?.dismissOn===Oe.DEACTIVATE?this.dismissLauncher(e,{endReason:m.LAUNCHER_DEACTIVATED}):(this.activeLauncherFlowId=null,this.toggleUI()))}dismissLauncher(e,{endReason:t}){const s=e.flow.id;this.removeLauncher(s),this.toggleUI(),this.send({kind:"DismissLauncher",flowId:s,endReason:t})}removeLauncher(e){const t=this.launcherSessions.findIndex((t=>t.flow.id===e));return-1!==t&&(this.launcherSessions=[...this.launcherSessions.slice(0,t),...this.launcherSessions.slice(t+1)],e===this.activeLauncherFlowId&&(this.activeLauncherFlowId=null),!0)}async toggleUI(){const e=this.getSessionStorageState();this.flowSession||!this.checklistExpandPending&&!this.checklistSession?.version.checklist?.tasks.some((e=>this.taskIsUnacked(e.cvid)))||this.showChecklist(),e.isTargetTab&&this.monitorTitle(),this.emit("uistatechange"),this.shouldBeMounted()?await this.mountUI():this.unmountUI()}shouldBeMounted(){if(this.uiDisabled)return!1;return!!this.getSessionStorageState().activeApp||!!this.flowSession||!!this.checklistSession&&(this.checklistExpanded||!!this.checklistSession?.version.checklist?.launcherEnabled)||!!this.bannerSession||!!this.resourceCenterSession&&(this.resourceCenterOpen||!this.resourceCenterLauncherHidden)||this.launcherSessions.length>0||this.notifications.length>0}async mountUI(){if(!this.ui){const e=await this.createUI();this.shouldBeMounted()&&!this.ui&&(nt("mount UI"),this.ui=e,this.ui.mount())}}unmountUI(){this.ui&&(nt("unmount UI"),this.ui.unmount(),this.ui=null)}remount(){this.unmountUI(),this.toggleUI()}async createUI(){try{const e=n((()=>import("./ui.js")),[new URL("ui.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString()]);this.bannerSession&&ht(),this.resourceCenterSession&&at();const{RealUI:t}=await e;return new t(this)}catch(Tt){throw this.reportCspIssue(),Tt}}async trackClientCondition(e){if(this.clientConditions.has(e.id))return;nt("track client condition",e),this.clientConditions.set(e.id,{condition:e,isTrue:null});const{conditionTypes:t}=await n((()=>import("./flow-condition-types.js").then((function(e){return e.v}))),[new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString()]),s=t[e.type],i=this.clientConditions.get(e.id);i&&(i.untrack=s.track({sessionData:new lt([]),condition:e,callback:t=>{i.isTrue!==t&&(nt("client condition truthiness changed",t,i.condition),i.isTrue=t,this.send({kind:"ToggleClientCondition",conditionId:e.id,isTrue:t},{batch:!0}))}}))}untrackClientCondition(e){const t=this.clientConditions.get(e);t&&(nt("untrack client condition",t.condition),t.untrack&&t.untrack(),this.clientConditions.delete(e))}async addTracker(e){let t=this.trackers.get(e.flowId);t?t.tracker=e:this.trackers.set(e.flowId,{tracker:e,isTrue:!1});const{conditionTypes:s}=await n((()=>import("./flow-condition-types.js").then((function(e){return e.v}))),[new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString()]),i=this.trackers.get(e.flowId);if(!i)return;const{tracker:o}=i,{condition:r}=o,a=s[r.type];i.untrack&&i.untrack(),i.untrack=a.track({sessionData:new lt(o.data),condition:r,flipBackEvents:!0,callback:e=>{const t=i.isTrue;i.isTrue=e,!t&&e&&this.send({kind:"TrackTrackerEvent",token:o.token},{batch:!0})},description:`event tracker ${o.flowId}`}),this.emit("private:trackerStarted")}removeTracker(e){const t=this.trackers.get(e);t&&(t.untrack&&t.untrack(),this.trackers.delete(e),this.emit("private:trackerStopped"))}monitorTitle(){if(this.titleMonitored)return;this.titleMonitored=!0,this.fixTitle();const e=document.querySelector("title");if(e){const t=new MutationObserver((()=>{this.fixTitle()}));t.observe(e,{childList:!0}),this.titleObserver=t}}fixTitle(){const e=document.title,t="[Userflow Preview] "+e.replace(/\[Userflow Preview\] /,"");e!==t&&(document.title=t)}reportCspIssue(){const e=this.getSessionStorageState();!this.testUserIdentified&&!e.activeApp||this.cspIssueReported||(this.cspIssueReported=!0,nt("csp issue detected"),T({kind:"userflow:crxCspIssueDetected"}))}getAudio(){return this.audio||(this.audio=new Audio),this.audio}playAudio(e){if(document.hidden)return;const t=this.getAudio();e&&(t.src=e);const s=t.play();this.audioReady=!0,s&&s.catch((e=>{e.name}))}pauseAudio(){const e=this.audio;e&&!e.paused&&e.pause()}async getStepSpeech(e,t){return(await this.send({kind:"GetStepSpeechV2",syntheticVoice:e,text:t})).url}featureFlagEnabled(e){return this.featureFlags.has(e)}showNotification(e,t,s){const i={id:++this.notificationIdCounter,label:e,message:t,type:s};this.notifications=[...this.notifications,i],this.toggleUI()}dismissNotification(e){this.notifications=this.notifications.filter((t=>t.id!==e)),this.toggleUI()}warn(...e){console.warn(...e)}nextRef(){return this.refCounter++}}if(void 0===window.userflow||window.userflow._stubbed){const e=Object.assign(window.userflow||{},function(){const e=new Et;return{_stubbed:!1,init(t){e.init(t)},identify:(t,s={},i={})=>e.identify(t,s,i),identifyAnonymous:(t={},s={})=>e.identifyAnonymous(t,s),isIdentified:()=>e.isIdentified(),updateUser:(t,s={})=>e.updateUser(t,s),group:(t,s={},i={})=>e.group(t,s,i),updateGroup:(t,s={})=>e.updateGroup(t,s),track:(t,s={},i={})=>e.track(t,s,i),start:(t,{once:s}={})=>e.startFlow({flowId:t,startReason:L.USERFLOWJS,once:s}),startFlow:e=>(console.warn("Userflow.js: userflow.startFlow() has been deprecated. Use userflow.start() instead."),window.userflow.start(e)),startWalk:e=>(console.warn("Userflow.js: userflow.startWalk() has been deprecated. Use userflow.start() instead."),window.userflow.start(e)),endAll:()=>e.endAllFlows(),endChecklist:()=>e.endChecklist(),endAllFlows:()=>window.userflow.endAll(),async endFlow(){console.warn("Userflow.js: userflow.endFlow() has been deprecated and no longer has any effect.")},async endWalk(){console.warn("Userflow.js: userflow.endWalk() has been deprecated and no longer has any effect.")},openResourceCenter(){e.openResourceCenter()},closeResourceCenter(){e.closeResourceCenter()},toggleResourceCenter(){e.toggleResourceCenter()},setResourceCenterLauncherHidden(t){e.setResourceCenterLauncherHidden(t)},getResourceCenterState:()=>e.getResourceCenterState(),setWalkPosition(){console.warn("Userflow.js: userflow.setWalkPosition() has been deprecated and no longer has any effect.")},reset(){e.reset()},remount(){e.remount()},on(t,s){e.on(t,s)},off(t,s){e.off(t,s)},setCustomInputSelector(e){console.warn("Userflow.js: userflow.setCustomInputSelector() has been deprecated. Use userflow.registerCustomInput() instead. See docs: https://userflow.com/docs/userflow-js"),e&&Qe.customInputs.push({cssSelector:e})},registerCustomInput(e,t){Qe.customInputs.push({cssSelector:e,getValue:t})},setCustomNavigate(e){Qe.customNavigate=e},setUrlFilter(e){Qe.urlFilter=e},setLinkUrlDecorator(t){Qe.linkUrlDecorator=t,e.emit("uistatechange")},setInferenceAttributeNames(e){Qe.inferenceAttributeNames=e},setInferenceAttributeFilter(e,t){Qe.inferenceAttributeFilters[e]=qe(t)},setInferenceClassNameFilter(e){Qe.inferenceClassNameFilters=qe(e)},setScrollPadding(e){Qe.scrollPadding=e},setCustomScrollIntoView(e){Qe.customScrollIntoView=e},prepareAudio(){e.playAudio(null)},setShadowDomEnabled(e){console.warn("Userflow.js: userflow.setShadowDomEnabled() has been deprecated. Please remove this call from your Userflow.js snippet. Shadow DOM is supported by default now.")},setPageTrackingDisabled(t){e.pageTrackingDisabled=t},setBaseZIndex(e){Qe.baseZIndex=e},setServerEndpoint(e){Qe.serverEndpoint=e},disableEvalJs(){Qe.evalJsDisabled=!0},_setTargetEnv(t){e.setTargetEnv(t)}}}());window.userflow=e,window.studio1=e,function(){const e=window.userflow,t=window.USERFLOWJS_QUEUE;if(delete window.USERFLOWJS_QUEUE,!t||0===t.length)return;nt(`processing ${t.length} items in the queue`);for(const[s,i,n]of t){if("function"!=typeof e[s]){console.error(`Userflow.js: Invalid method '${s}' in queue`);continue}const t=e[s](...n);i&&t&&"function"==typeof t.then&&t.then(i.resolve,i.reject)}nt("queue processed")}()}export{N as $,Le as A,ht as B,me as C,Y as D,m as E,P as F,a as G,We as H,X as I,ne as J,ce as K,j as L,Q as M,de as N,Pe as O,Ne as P,_e as Q,at as R,L as S,dt as T,o as U,re as V,He as W,De as X,Fe as Y,je as Z,n as _,B as a,F as b,Qe as c,nt as d,D as e,H as f,tt as g,Ie as h,c as i,ct as j,se as k,ee as l,ue as m,Ae as n,p as o,_ as p,d as q,Te as r,l as s,et as t,g as u,fe as v,pe as w,lt as x,V as y,W as z};export default window.userflow;
1
+ import{S as e}from"./vendor.phoenix.js";import{v as t}from"./vendor.uuid.js";let s;const i={},n=function(e,t){if(!t)return e();if(void 0===s){const e=document.createElement("link").relList;s=e&&e.supports&&e.supports("modulepreload")?"modulepreload":"preload"}return Promise.all(t.map((e=>{if(e in i)return;i[e]=!0;const t=e.endsWith(".css"),n=t?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${n}`))return;const o=document.createElement("link");return o.rel=t?"stylesheet":s,t||(o.as="script",o.crossOrigin=""),o.href=e,document.head.appendChild(o),t?new Promise(((e,t)=>{o.addEventListener("load",e),o.addEventListener("error",t)})):void 0}))).then((()=>e()))};class o extends Error{constructor(e,t,s){super(e),Object.setPrototypeOf(this,o.prototype),this.name="UserflowError",this.code=t,this.humanMessage=s}}class r{constructor(e){this.type=e,this.testState={}}formatKey(e){return`userflow:${e}`}isSupported(){if("undefined"==typeof window)return!1;try{return null!=window[this.type]}catch{return!1}}getItem(e){return e=this.formatKey(e),this.isSupported()?window[this.type].getItem(e):null}setItem(e,t){e=this.formatKey(e),this.isSupported()&&window[this.type].setItem(e,t)}removeItem(e){if(e=this.formatKey(e),this.isSupported())return window[this.type].removeItem(e)}clear(){if(this.isSupported())return window[this.type].clear()}}const a=new r("localStorage"),c=new r("sessionStorage");function l(e){window.location.href=e}function d(){return window.location.href}var h,u,E;function T(e){window.postMessage(e,window.origin)}function S(e){const t=t=>{if(t.source!==window||t.origin!==window.origin)return;const i=t.data;i&&"object"==typeof i&&"string"==typeof i.kind&&i.kind.startsWith("userflow:")&&!0===e(i)&&s()};window.addEventListener("message",t);const s=()=>window.removeEventListener("message",t);return s}(h||(h={})).INPUT="INPUT",(E=u||(u={})).AUTO="AUTO",E.MANUAL="MANUAL";const f=new Set;let w=!1;function p(e){return function(){if(w)return;w=!0;const{history:e}=window,t=t=>{const s=e[t];e[t]=(...t)=>{s.apply(e,t),I()}};t("pushState"),t("replaceState"),window.addEventListener("popstate",(()=>{I()}))}(),f.add(e),()=>{g(e)}}function g(e){f.delete(e)}function I(){f.forEach((e=>e()))}class C{destroy(){this.unregisterOnMessage&&this.unregisterOnMessage()}postBuilderMessage(e){T({kind:"userflow:crxSendProxyMessage",direction:"targetToBuilder",message:e})}onBuilderMessage(e){return this.unregisterOnMessage=S(e),!1}async captureScreenshot(e,t,s,i){T({kind:"userflow:crxScreenshot",x:e,y:t,width:s,height:i,devicePixelRatio:window.devicePixelRatio});var n;return(await(n=e=>"userflow:crxScreenshotResult"===e.kind?e:null,new Promise((e=>{S((t=>{const s=n(t);return!!s&&(e(s),!0)}))})))).imageDataUrl}}var m,k,A,U,L,R,N,v,O,y,_,b,D,M,F,B,P,x,H,G,W,$,V,K,j,z,Y,J,X,Z,Q,q,ee,te,se,ie,ne,oe,re,ae,ce,le,de,he,ue,Ee,Te,Se,fe,we,pe,ge,Ie,Ce,me,ke,Ae,Ue,Le,Re,Ne,ve,Oe,ye,_e,be,De,Me,Fe,Be,Pe,xe,He,Ge,We,$e,Ve,Ke,je,ze,Ye,Je,Xe,Ze;(k=m||(m={})).ACTION="ACTION",k.LAUNCHER_DEACTIVATED="LAUNCHER_DEACTIVATED",k.REPLACED="REPLACED",k.SNOOZED="SNOOZED",k.TOOLTIP_TARGET_MISSING="TOOLTIP_TARGET_MISSING",k.USERFLOWJS="USERFLOWJS",k.USER_CLOSED="USER_CLOSED",(U=A||(A={})).SECOND="SECOND",U.MINUTE="MINUTE",U.HOUR="HOUR",U.DAY="DAY",(R=L||(L={})).ACTION="ACTION",R.DRAFT="DRAFT",R.LINK="LINK",R.LAUNCHER_SEEN="LAUNCHER_SEEN",R.RESOURCE_CENTER="RESOURCE_CENTER",R.USERFLOWJS="USERFLOWJS",(v=N||(N={})).LIKE="LIKE",v.DISLIKE="DISLIKE",(y=O||(O={})).STRING="STRING",y.BOOLEAN="BOOLEAN",y.NUMBER="NUMBER",y.DATETIME="DATETIME",y.LIST="LIST",y.RANDOM_AB="RANDOM_AB",y.RANDOM_NUMBER="RANDOM_NUMBER",(b=_||(_={})).FLOW="FLOW",b.BANNER="BANNER",b.CHECKLIST="CHECKLIST",b.LAUNCHER="LAUNCHER",b.RESOURCE_CENTER="RESOURCE_CENTER",(M=D||(D={})).ALWAYS_TRUE="ALWAYS_TRUE",M.ATTRIBUTE="ATTRIBUTE",M.CLAUSE="CLAUSE",M.ELEMENT="ELEMENT",M.FILLED_IN_INPUT="FILLED_IN_INPUT",M.FLOW="FLOW",M.INPUT_VALUE="INPUT_VALUE",M.PAGE="PAGE",M.SEGMENT="SEGMENT",M.TIME="TIME",function(e){e.AUTO="AUTO",e.MANUAL="MANUAL"}(F||(F={})),(B||(B={})).INPUT="INPUT",(x=P||(P={})).ABSOLUTE_EQ="ABSOLUTE_EQ",x.ABSOLUTE_GT="ABSOLUTE_GT",x.ABSOLUTE_LT="ABSOLUTE_LT",x.AND="AND",x.BETWEEN="BETWEEN",x.CONTAINS="CONTAINS",x.EMPTY="EMPTY",x.ENDS_WITH="ENDS_WITH",x.EQ="EQ",x.EXCLUDES_ALL="EXCLUDES_ALL",x.EXCLUDES_ANY="EXCLUDES_ANY",x.FALSE="FALSE",x.GT="GT",x.GTE="GTE",x.INCLUDES_ALL="INCLUDES_ALL",x.INCLUDES_ANY="INCLUDES_ANY",x.LT="LT",x.LTE="LTE",x.NE="NE",x.NOT_CONTAINS="NOT_CONTAINS",x.NOT_EMPTY="NOT_EMPTY",x.NOT_REGEX="NOT_REGEX",x.OR="OR",x.REGEX="REGEX",x.RELATIVE_EQ="RELATIVE_EQ",x.RELATIVE_GT="RELATIVE_GT",x.RELATIVE_LT="RELATIVE_LT",x.STARTS_WITH="STARTS_WITH",x.TRUE="TRUE",x.URL="URL",(G=H||(H={})).CLICK="CLICK",G.DISABLED="DISABLED",G.MOUSEDOWN="MOUSEDOWN",G.NOT_CLICK="NOT_CLICK",G.NOT_DISABLED="NOT_DISABLED",G.NOT_PRESENT="NOT_PRESENT",G.PRESENT="PRESENT",($=W||(W={})).ASSET="ASSET",$.CARTOON="CARTOON",$.NONE="NONE",$.URL="URL",(K=V||(V={})).INSIDE="INSIDE",K.OUTSIDE="OUTSIDE",(z=j||(j={})).TOP_LEFT="TOP_LEFT",z.TOP_CENTER="TOP_CENTER",z.TOP_RIGHT="TOP_RIGHT",z.BOTTOM_RIGHT="BOTTOM_RIGHT",z.BOTTOM_CENTER="BOTTOM_CENTER",z.BOTTOM_LEFT="BOTTOM_LEFT",z.CENTER="CENTER",(J=Y||(Y={})).GOOGLE="GOOGLE",J.STANDARD="STANDARD",(Z=X||(X={})).DISMISS_FIRST_MENU_AFTER="DISMISS_FIRST_MENU_AFTER",Z.DISMISS="DISMISS",(q=Q||(Q={})).DISMISS="DISMISS",q.NONE="NONE",(te=ee||(ee={})).DEFAULT="DEFAULT",te.PLAINTEXT="PLAINTEXT",(ie=se||(se={})).CHECKLIST_OVERRIDE="CHECKLIST_OVERRIDE",ie.RESOURCE_CENTER_ONLY="RESOURCE_CENTER_ONLY",ie.NONE="NONE",(oe=ne||(ne={})).BUBBLE="BUBBLE",oe.END="END",oe.ERROR="ERROR",oe.FLAG="FLAG",(ae=re||(re={})).MANUAL="MANUAL",ae.NONE="NONE",ae.SYNTHETIC="SYNTHETIC",(le=ce||(ce={})).BUBBLE="BUBBLE",le.HIDDEN="HIDDEN",le.MODAL="MODAL",le.TOOLTIP="TOOLTIP",(he=de||(de={})).ABOVE="ABOVE",he.BELOW="BELOW",he.LEFT="LEFT",he.RIGHT="RIGHT",(Ee=ue||(ue={})).CLOSE_FLOW="CLOSE_FLOW",Ee.EVAL_JS="EVAL_JS",Ee.GO_TO_STEP="GO_TO_STEP",Ee.NAVIGATE="NAVIGATE",Ee.SET_ATTRIBUTE="SET_ATTRIBUTE",Ee.SNOOZE="SNOOZE",Ee.START_FLOW="START_FLOW",(Se=Te||(Te={})).NEW_TAB="NEW_TAB",Se.SAME_TAB="SAME_TAB",(we=fe||(fe={})).SET="SET",we.SET_DATETIME="SET_DATETIME",we.SET_DATETIME_ONCE="SET_DATETIME_ONCE",we.SET_ONCE="SET_ONCE",we.ADD="ADD",we.SUBTRACT="SUBTRACT",we.APPEND="APPEND",we.PREPEND="PREPEND",we.REMOVE="REMOVE",we.UNSET="UNSET",(ge=pe||(pe={})).MULTILINE_TEXT="MULTILINE_TEXT",ge.MULTIPLE_CHOICE="MULTIPLE_CHOICE",ge.NPS="NPS",ge.SCALE="SCALE",ge.STARS="STARS",ge.TEXT="TEXT",(Ce=Ie||(Ie={})).ACTION="ACTION",Ce.ANNOUNCEMENTS="ANNOUNCEMENTS",Ce.ASSISTANT="ASSISTANT",Ce.CHECKLIST="CHECKLIST",Ce.CONTACT="CONTACT",Ce.DIVIDER="DIVIDER",Ce.FLOWS="FLOWS",Ce.KNOWLEDGE_BASE="KNOWLEDGE_BASE",Ce.MESSAGE="MESSAGE",Ce.SUBPAGE="SUBPAGE",(ke=me||(me={})).CRISP="CRISP",ke.CUSTOM="CUSTOM",ke.FRESHCHAT="FRESHCHAT",ke.HELPSCOUT="HELPSCOUT",ke.HUBSPOT="HUBSPOT",ke.INTERCOM="INTERCOM",ke.ZENDESK="ZENDESK",ke.ZENDESK_MESSENGER="ZENDESK_MESSENGER",(Ue=Ae||(Ae={})).BUTTON="BUTTON",Ue.INPUT="INPUT",(Re=Le||(Le={})).SILENT="SILENT",Re.BADGE="BADGE",Re.POPOUT="POPOUT",(ve=Ne||(Ne={})).LAUNCHER_CLICK="LAUNCHER_CLICK",ve.LAUNCHER_HOVER="LAUNCHER_HOVER",ve.TARGET_CLICK="TARGET_CLICK",ve.TARGET_HOVER="TARGET_HOVER",ve.LAUNCHER_TARGET_CLICK="LAUNCHER_TARGET_CLICK",ve.LAUNCHER_TARGET_HOVER="LAUNCHER_TARGET_HOVER",(ye=Oe||(Oe={})).ACTIVATE="ACTIVATE",ye.DEACTIVATE="DEACTIVATE",ye.NEVER="NEVER",(be=_e||(_e={})).AUTO="AUTO",be.TOP="TOP",be.RIGHT="RIGHT",be.BOTTOM="BOTTOM",be.LEFT="LEFT",(Me=De||(De={})).START="START",Me.CENTER="CENTER",Me.END="END",(Be=Fe||(Fe={})).PERCENT="PERCENT",Be.PX="PX",(xe=Pe||(Pe={})).BEACON="BEACON",xe.BUTTON="BUTTON",xe.HIDDEN="HIDDEN",xe.ICON="ICON",(Ge=He||(He={})).LAUNCHER="LAUNCHER",Ge.TARGET="TARGET",($e=We||(We={})).BODY_FIRST="BODY_FIRST",$e.BODY_LAST="BODY_LAST",$e.ELEMENT_FIRST="ELEMENT_FIRST",$e.ELEMENT_LAST="ELEMENT_LAST",$e.ELEMENT_BEFORE="ELEMENT_BEFORE",$e.ELEMENT_AFTER="ELEMENT_AFTER",(Ke=Ve||(Ve={})).START="START",Ke.CENTER="CENTER",Ke.SPACE_BETWEEN="SPACE_BETWEEN",(ze=je||(je={})).NONE="NONE",ze.LIKE="LIKE",ze.SCALE="SCALE",(Je=Ye||(Ye={})).ACTIVE="ACTIVE",Je.COMPLETED="COMPLETED",Je.ENDED="ENDED",Je.NOT_SEEN="NOT_SEEN",(Ze=Xe||(Xe={})).HIGHLIGHT="HIGHLIGHT",Ze.MODAL="MODAL",Ze.HIGHLIGHT_MODAL="HIGHLIGHT_MODAL";const Qe={customInputs:[],customNavigate:null,urlFilter:null,linkUrlDecorator:null,customScrollIntoView:null,scrollPadding:null,inferenceAttributeNames:["data-for","data-id","data-testid","data-test-id","for","id","name","placeholder","role"],inferenceAttributeFilters:{id:[e=>!e.match(/\d$/)],"data-id":[e=>!e.match(/\d$/)]},inferenceClassNameFilters:[e=>!e.startsWith("css-")],baseZIndex:1234500,evalJsDisabled:!1};function qe(e){return Array.isArray(e)||(e=e?[e]:[]),e=e.map((e=>"string"==typeof e?new RegExp(e):e))}function et(e,t){return e.every((e=>"function"==typeof e?e(t):!(e instanceof RegExp)||e.test(t)))}function tt(){let e=d();if(Qe.urlFilter){if(e=Qe.urlFilter(e),"string"!=typeof e)throw new o("Userflow.js: URL filter returned non-string value. Please check your userflow.setUrlFilter() implementation.");try{new URL(e)}catch(t){throw new o("Userflow.js: URL filter returned an invalid URL. Please check your userflow.setUrlFilter() implementation.\nReturned URL: "+e+"\nError message: "+t.message)}}return e}let st="";try{st=localStorage.getItem("debug")||""}catch(Tt){}const it=st.split(",").some((e=>"*"===e||e.startsWith("userflow:*"))),nt=rt("log");let ot;function rt(e){return function(t,...s){if(it){const i=performance.now(),n=ot?Math.round(i-ot):0;ot=i,console[e](`%cuserflow %c${t} %c+${n}ms`,"color:#1a57e6;","","color:#1a57e6;",...s)}}}nt.group=rt("group"),nt.groupCollapsed=rt("groupCollapsed"),nt.groupEnd=function(){it&&console.groupEnd()};const at=()=>n((()=>import("./ResourceCenterApp.js").then((function(e){return e.R}))),[new URL("ResourceCenterApp.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("logomark.js",import.meta.url).toString(),new URL("ChecklistUI.js",import.meta.url).toString(),new URL("BubbleToolbar.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString()]);function ct(e){const t=e.version.checklist.tasks.length;return Math.max(0,t-e.taskCompletions.length)}class lt{constructor(e){this.observers=new Set,this._value=e}get value(){return this._value}update(e){if(e!==this._value){this._value=e;for(const e of this.observers)e()}}observe(e){return this.observers.add(e),()=>this.observers.delete(e)}}const dt=["page:before-change","page:change","turbo:before-cache","turbo:load","turbo:visit","turbolinks:before-cache","turbolinks:load","turbolinks:visit"],ht=()=>n((()=>import("./BannerApp.js")),[new URL("BannerApp.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.obj-str.js",import.meta.url).toString(),new URL("stylesheets.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-regular-svg-icons.js",import.meta.url).toString(),new URL("vendor.fortawesome.pro-solid-svg-icons.js",import.meta.url).toString(),new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString(),new URL("bubble-frame.styl.js",import.meta.url).toString(),new URL("flow-host.styl.js",import.meta.url).toString(),new URL("use-selector-element-monitoring.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("use-window-resize.js",import.meta.url).toString(),new URL("use-element-rect.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString()]),ut=import.meta.url;class Et{constructor(){this.clientToken=null,this.externalId=null,this.signature=null,this.groupId=null,this.groupSignature=null,this._socketStatus="disconnected",this.socket=null,this.channel=null,this.featureFlags=new Set,this.logrocketAppId=null,this.debounceInactiveDisconnectTimeout=void 0,this.inBatch=!1,this.endBatchTimeout=void 0,this.pushRateLimitMinute=0,this.pushRateLimitMinuteExpires=0,this.clientClock=1,this.serverClock=1,this.flowSession=null,this.flowSessionClock=0,this.checklistSession=null,this.checklistExpanded=!1,this.checklistExpandPending=!1,this.checklistSessionClock=0,this.bannerSession=null,this.resourceCenterSession=null,this.resourceCenterOpen=!1,this.resourceCenterLauncherHidden=!1,this.launcherSessions=[],this.activeLauncherFlowId=null,this.notifications=[],this.notificationIdCounter=0,this.sessionStorageState=null,this.clientContext=null,this.flushUrlChangeTimeout=void 0,this.onFirstIdentifyRun=!1,this.onFirstIdentifyTimeout=void 0,this.firstIdentifyCallback=null,this.ui=null,this.unackedTasks=new Set,this.clientConditions=new Map,this.trackers=new Map,this.conditionWaitTimers=new Map,this.listeners=new Map,this.targetEnv=null,this.idempotencyKeysSeen=new Set,this.testUserIdentified=!1,this.cspIssueReported=!1,this.uiDisabled=!1,this.audio=null,this.audioReady=!1,this.pageTrackingDisabled=!1,this.refCounter=1,this.onBuilderMessage=e=>(this.handleBuilderMessage(e),!1),this.handleBuilderMessage=async e=>{nt(`builder ${e.kind} message received`,e);const t="idempotencyKey"in e&&"string"==typeof e.idempotencyKey?e.idempotencyKey:null;if(t&&this.idempotencyKeysSeen.has(t))return;const s=()=>{t&&this.idempotencyKeysSeen.add(t)};switch(e.kind){case"userflow:selectElement":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:selectElementAck",idempotencyKey:e.idempotencyKey}),void this.setSessionStorageState((t=>({...t,isTargetTab:!0,activeApp:"elementSelection",elementSelection:{mode:"select",elementType:e.elementType}})));case"userflow:selectElementCancel":return void this.setSessionStorageState((e=>({...e,activeApp:null,elementSelection:null})));case"userflow:startFlowWithToken":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:startFlowWithTokenAck",idempotencyKey:e.idempotencyKey}),this.setSessionStorageState((e=>({...e,isTargetTab:!0,activeApp:null,testStartConditionToken:void 0}))),c.setItem("previewFlowId",e.flowId),e.testUser?this.identifyTestUser(e.testUser):this.resetTestUser(),void(e.testStartCondition?this.setSessionStorageState((t=>({...t,activeApp:"startConditionTesting",testStartConditionToken:e.token}))):this.onceIdentified((()=>{if(this.startFlowWithToken(e.token),e.isResourceCenter){const t=()=>{const s=this.resourceCenterSession;s&&s.draftMode&&s.flow.id===e.flowId&&(this.openResourceCenter(),this.off("resourceCenterChanged",t))};this.on("resourceCenterChanged",t),t()}})));case"userflow:testTracker":return s(),this.getTargetEnv().postBuilderMessage({kind:"userflow:testTrackerAck",idempotencyKey:e.idempotencyKey}),this.setSessionStorageState((e=>({...e,isTargetTab:!0}))),e.testUser?this.identifyTestUser(e.testUser):this.resetTestUser(),void this.setSessionStorageState((t=>({...t,activeApp:"trackerTesting",trackerTesting:{trackerName:e.trackerName,token:e.token,events:0}})));case"userflow:testTrackerCancel":return void this.setSessionStorageState((e=>({...e,activeApp:null,trackerTesting:null})))}},this.onUrlChange=()=>{this.externalId&&(window.clearTimeout(this.flushUrlChangeTimeout),this.flushUrlChangeTimeout=window.setTimeout((()=>this.flushUrlChange()),50))},this.onUserActivity=()=>this.ensureConnected(),this.remountIfNecessary=()=>{this.ui?.container&&!document.contains(this.ui.container)&&(nt("remounting UI because container was missing"),this.remount())},nt("constructor, build=1004226"),p(this.onUrlChange),this.setTargetEnv(new C),this.checkTestUserAtBoot(),this.toggleUI();for(const e of dt)document.addEventListener(e,this.remountIfNecessary)}get socketStatus(){return this._socketStatus}destroy(){nt("destroy"),this.reset(),g(this.onUrlChange),this.destroyTargetEnv();for(const e of dt)document.removeEventListener(e,this.remountIfNecessary)}setTargetEnv(e){this.destroyTargetEnv(),this.targetEnv=e,e.onBuilderMessage(this.onBuilderMessage)}destroyTargetEnv(){this.targetEnv&&(this.targetEnv.destroy(),this.targetEnv=null)}getTargetEnv(){if(!this.targetEnv)throw new o("Userflow.js: Cannot call getTargetEnv when protocol is not set");return this.targetEnv}setSessionStorageState(e){const t=e(this.getSessionStorageState());c.setItem("userflowClientState",JSON.stringify(t)),this.sessionStorageState=t,this.toggleUI()}getSessionStorageState(){let e=this.sessionStorageState;if(!e){const t=c.getItem("userflowClientState");if(t)try{e=JSON.parse(t)}catch(Tt){console.error("Userflow.js: Parse ElementSelectionState error:",Tt)}e||(e={testUser:null,activeApp:null,elementSelection:null,trackerTesting:null}),this.sessionStorageState=e}return e}checkTestUserAtBoot(){const e=this.getSessionStorageState().testUser;e&&(nt("checkTestUserAtBoot identifying test user"),this.identifyTestUser(e))}async identifyTestUser(e){this.setSessionStorageState((t=>({...t,testUser:e}))),this.reset(),this.init(e.clientToken),this.testUserIdentified=!0,this.externalId=e.id;const t=[this.identify(e.id,{name:e.name,email:e.email,signed_up_at:{set_once:(new Date).toISOString(),data_type:"datetime"}},{signature:e.signature})],{group:s}=e;s&&(this.groupId=s.id,t.push(this.group(s.id,{name:s.name},{signature:s.signature}))),await Promise.all(t)}resetTestUser(){this.setSessionStorageState((e=>({...e,testUser:null})))}init(e){if(nt("init",e),!e)throw new o("userflow.init() was called but missing Userflow.js Token");this.clientToken!==e&&(this.testUserIdentified?nt("init() ignoring new token since a test user has been identified"):(this.clientToken&&(nt("init() resetting due to new client token"),this.reset()),this.clientToken=e))}ensureInit(){if(!this.clientToken)throw new o("You must call userflow.init() first")}ensureIdentified(){if(this.ensureInit(),!this.externalId)throw new o("You must call userflow.identify() first");return this.externalId}ensureGroup(){if(this.ensureIdentified(),!this.groupId)throw new o("You must call userflow.group() first");return this.groupId}ensureConnected(){if(!this.clientToken||!this.externalId)return;if(this.debounceInactiveDisconnect(),this.socket)return;this._socketStatus="connecting",nt("connecting to socket");let t=Qe.serverEndpoint||"e.userflow.com";"js.getuserflow.com"===new URL(ut).hostname&&"e.userflow.com"===t&&(t="e.getuserflow.com");const s="wss://"+t+"/end-users/"+this.clientToken+"/socket";this.socket=new e(s,{reconnectAfterMs:e=>[100,500,1e3,5e3][e-1]||1e4,timeout:2e4}),this.socket.connect(),this.socket.onOpen((()=>{nt("socket opened")})),this.socket.onClose((()=>{this.emit("private:disconnect")})),this.socket.onError((e=>{console.log("Userflow.js socket error",e),this.reportCspIssue()})),this.channel=this.socket.channel(`end_users:${this.externalId}`,(()=>this.makeChannelJoinPayload())),this.channel.join().receive("ok",(e=>{this.logrocketAppId=e.logrocketAppId,this.featureFlags=new Set(e.featureFlags),nt("channel joined"),"connected"!==this._socketStatus&&(this._socketStatus="connected")})).receive("error",(e=>{["company_closed","invalid_client_token","invalid_user_external_id","incorrect_user_signature","rate_limit_exceeded","user_signature_required"].includes(e.code)?(console.error(`Userflow.js resetting due to: [${e.code}] ${e.message}`),this.reset(),this.clientToken=null):"invalid_protocol_version"===e.code?(console.error(`Userflow.js destroying due to: [${e.code}] ${e.message}`),this.destroy()):console.log("Userflow.js channel join error",e)})),this.channel.on("server_message",(e=>this.handleServerMessage(e))),this.channel.on("server_error",(e=>{console.log(`Userflow.js server error (${e.code}): ${e.message}`+(e.details&&e.details.length>0?"\nDetails:\n"+e.details.map((e=>(e.path?`${e.path}: `:"")+e.message)):""))}))}makeChannelJoinPayload(){const e=this.buildClientContext();this.clientContext=e;const t={protocolVersion:2,userflowClientBuild:"1004226",signature:this.signature,groupExternalId:this.groupId,groupSignature:this.groupSignature,flowSessionId:this.flowSession?.id||null,checklistSessionId:this.checklistSession?.id||null,bannerSessionId:this.bannerSession?.id||null,resourceCenterSessionId:this.resourceCenterSession?.id||null,launchers:this.launcherSessions.map((e=>({flowId:e.flow.id}))),trackers:Array.from(this.trackers.values()).map((e=>({flowId:e.tracker.flowId}))),hasDraftSession:this.hasDraftSession(),clientConditions:Array.from(this.clientConditions.values()).map((e=>({conditionId:e.condition.id,isTrue:e.isTrue}))),previewFlowId:c.getItem("previewFlowId"),clientContext:e};return nt("channel join payload",t),t}disconnect(){window.clearTimeout(this.debounceInactiveDisconnectTimeout),this.socket&&this.socket.disconnect(),this._socketStatus="disconnected",this.socket=null,this.channel=null}debounceInactiveDisconnect(){window.clearTimeout(this.debounceInactiveDisconnectTimeout),this.debounceInactiveDisconnectTimeout=window.setTimeout((()=>{this.hasDraftSession()||this.assistantMessageInProgress?this.debounceInactiveDisconnect():(nt("disconnecting from socket due to inactivity"),this.disconnect())}),3e5)}hasDraftSession(){return!!this.flowSession?.draftMode||!!this.checklistSession?.draftMode||!!this.bannerSession?.draftMode||!!this.resourceCenterSession?.draftMode||this.launcherSessions.some((e=>e.draftMode))}async send(e,{batch:t,endBatch:s,handlesRejection:i}={}){return this.inBatch&&["ToggleClientCondition","UpdateClientContext"].includes(e.kind)||this.checkPushRateLimit(),this.ensureConnected(),t&&!this.inBatch&&(this.inBatch=!0,this.sendRaw({kind:"BeginBatch"})),this.inBatch&&(window.clearTimeout(this.endBatchTimeout),s?this.endBatch():this.endBatchTimeout=window.setTimeout((()=>{this.endBatch()}),50)),this.sendRaw(e,{handlesRejection:i})}async sendRaw(e,{handlesRejection:t}={}){return new Promise(((s,i)=>{if(!this.channel){const s=`Userflow.js: send() should not be called if channel is not set. Message kind=${e.kind}`;if(t)throw Error(s);return void console.log(s,"\nClient message:",e)}nt(`push ${e.kind} message`,e);const n=this.clientClock,r=()=>{this.serverClock=n,this.channel?.off("phx_error",a)},a=this.channel.on("phx_error",(s=>{r();const n=`Userflow.js send ${e.kind} got phx_error`;"connected"===this._socketStatus&&console.log(n,"\nClient message:",e,"\nError:",s),t&&i(new o(n))}));this.channel.push("client_message",e).receive("ok",(e=>{r(),s(e)})).receive("error",(s=>{r();const n=`Userflow.js error reply (${s.code}): ${s.message}`;console.log(n,"\nClient message:",e,"\nError:",s),t&&i(new o(n,s.code,s.message))}))}))}endBatch(){this.inBatch=!1,this.sendRaw({kind:"EndBatch"})}checkPushRateLimit(){const e=Date.now();if(this.pushRateLimitMinuteExpires<e&&(this.pushRateLimitMinute=0,this.pushRateLimitMinuteExpires=e+6e4),this.pushRateLimitMinute>=100)throw new o("This Userflow.js client has reached a maximum of 100 operations in the last 1 minute. This is usually due to one of the following:\n\n - Excessive calls to Userflow.js. Check if any of userflow.track(), userflow.identify(), userflow.updateUser() or similar are called repeatedly.\n - The URL changing too frequently. Look into https://userflow.com/docs/userflow-js#seturlfilter and filter out the changing part of the URL.\n - The user legitimately being very active, in which case you can just ignore this error.\n \n If in doubt, reach out to us at support@userflow.com.");this.pushRateLimitMinute++}handleServerMessage(e){nt(`received ${e.kind} message`,e);const{serverClock:t,flowSession:s,flowSessionClock:i,checklistSession:n,checklistSessionClock:o,bannerSession:r,resourceCenterSession:a}=this;switch(e.kind){case"CheckSessionsAck":case"ServerDebug":return;case"AddLauncher":{const{session:t}=e,s=this.launcherSessions.findIndex((e=>e.flow.id===t.flow.id));return this.launcherSessions=-1===s?[...this.launcherSessions,t]:[...this.launcherSessions.slice(0,s),t,...this.launcherSessions.slice(s+1)],void this.toggleUI()}case"AddTracker":return void this.addTracker(e.tracker);case"AssistantMessageEventWrapper":return void this.emit("private:assistantMessageEvent",e);case"CancelConditionWaitTimer":return window.clearTimeout(this.conditionWaitTimers.get(e.conditionId)),void this.conditionWaitTimers.delete(e.conditionId);case"ChecklistTaskCompleted":return void this.unackedTasks.add(e.taskCvid);case"ForceGoToStep":return i>t?void nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`):void(s?.id===e.sessionId&&this.emit("gotostep",{session:s,step:{id:e.stepId}}));case"RemoveLauncher":return void(this.removeLauncher(e.flowId)&&this.toggleUI());case"RemoveTracker":return void this.removeTracker(e.flowId);case"SetBannerSession":return this.setBannerSession(e.session),void this.toggleUI();case"SetChecklistSession":return void(o<=t||n?.id===e.session.id?(this.setChecklistSession(e.session,t),this.toggleUI()):nt(`ignoring ${e.kind} message due to stale clock checklistSessionClock=${o} > serverClock=${t}`));case"SetFlowSession":return void(i<=t||s?.id===e.session.id?(this.setFlowSession(e.session,t),this.toggleUI()):nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`));case"SetResourceCenterSession":return this.setResourceCenterSession(e.session),void this.toggleUI();case"StartConditionWaitTimer":if(!this.conditionWaitTimers.has(e.conditionId)){const t=window.setTimeout((()=>{this.conditionWaitTimers.delete(e.conditionId),this.send({kind:"FireConditionWaitTimer",conditionId:e.conditionId},{batch:!0})}),1e3*parseFloat(e.waitTime));this.conditionWaitTimers.set(e.conditionId,t)}return;case"TestStartConditionSuccess":return void this.emit("private:testStartConditionSuccess");case"TrackClientCondition":return void this.trackClientCondition(e.condition);case"UnsetBannerSession":return void(r?.id===e.sessionId&&(this.setBannerSession(null),this.toggleUI()));case"UnsetChecklistSession":return o>t?void nt(`ignoring ${e.kind} message due to stale clock checklistSessionClock=${o} > serverClock=${t}`):void(n?.id===e.sessionId&&(this.setChecklistSession(null,t),this.toggleUI()));case"UnsetFlowSession":return i>t?void nt(`ignoring ${e.kind} message due to stale clock flowSessionClock=${i} > serverClock=${t}`):void(s?.id===e.sessionId&&(this.setFlowSession(null,t),this.toggleUI()));case"UnsetResourceCenterSession":return void(a?.id===e.sessionId&&(this.setResourceCenterSession(null),this.toggleUI()));case"UntrackClientCondition":return void this.untrackClientCondition(e.conditionId);default:return void console.warn("Userflow.js: Received unknown message",e)}}async identify(e,t={},{signature:s}={}){if(nt("identify",e),this.ensureInit(),this.testUserIdentified&&e!==this.externalId)nt("identify() ignored since a test user has been identified");else{if("number"==typeof e)e=String(e);else if(!e||"string"!=typeof e)throw new o(`userflow.identify: First argument must be a non-empty string representing the user's ID in your database. Value received: ${JSON.stringify(e)}`);this.externalId&&e!==this.externalId&&(nt("identify resetting due to new externalId"),this.reset()),this.externalId=e,this.signature=s||null,this.observeUserActivity(),await Promise.all([this.send({kind:"UpsertUser",attributes:this.normalizeAttributes(t)},{batch:!0}),this.onFirstIdentify()]),this.emit("private:identified")}}async identifyAnonymous(e={},s={}){if(!a.isSupported())throw new o("userflow.identifyAnonymous() is not supported when localStorage access is denied.");const i="anonymousId";let n=a.getItem(i);n||(n="anon-"+t(),a.setItem(i,n)),await this.identify(n,e,s)}async updateUser(e={},t={}){nt("updateUser"),this.ensureIdentified(),await this.send({kind:"UpsertUser",attributes:this.normalizeAttributes(e)},{batch:!0})}async group(e,t={},{signature:s,membership:i}={}){if(nt("group",e),this.ensureIdentified(),this.testUserIdentified&&e!==this.groupId)nt("group() ignored since a test user has been identified");else{if("number"==typeof e)e=String(e);else if(!e||"string"!=typeof e)throw new o(`userflow.group: First argument must be a non-empty string representing the group's ID in your database. Value received: ${JSON.stringify(e)}`);this.groupId=e,this.groupSignature=s||null,await this.send({kind:"UpsertGroup",groupExternalId:e,groupSignature:this.groupSignature,groupAttributes:this.normalizeAttributes(t),membershipAttributes:this.normalizeAttributes(i)},{batch:!0})}}async updateGroup(e={},t={}){nt("updateGroup");const s=this.ensureGroup();await this.send({kind:"UpsertGroup",groupExternalId:s,groupSignature:this.groupSignature,membershipAttributes:this.normalizeAttributes(t.membership),groupAttributes:this.normalizeAttributes(e)},{batch:!0})}normalizeAttributes(e){if(null==e)return{};if("object"!=typeof e)throw new o("Userflow: 'attributes' must be an object.");const t={};for(const s in e){if(!e.hasOwnProperty(s))continue;if("traits"===s){const i=e[s];Object.assign(t,this.extractLegacyTraits(i));continue}let i=e[s];if("string"==typeof i||"number"==typeof i||"boolean"==typeof i||null==i||Array.isArray(i))t[s]=this.normalizeAttributeLiteralOrList(s,i);else{if("object"!=typeof i||null==i)throw new o(`Userflow: Invalid value for '${s}' attribute.`);if("set"in i)t[s]={set:this.normalizeAttributeLiteralOrList(s,i.set),dataType:this.normalizeDataType(s,i.data_type||i.dataType)};else if("set_once"in i||"setOnce"in i)t[s]={setOnce:this.normalizeAttributeLiteralOrList(s,i.set_once??i.setOnce),dataType:this.normalizeDataType(s,i.data_type||i.dataType)};else if("add"in i){const e=i.add;if("string"!=typeof e&&"number"!=typeof e)throw new o(`Userflow: Invalid 'add' value for '${s}' attribute. Must be a number or string.`);t[s]={add:e}}else if("subtract"in i){const e=i.subtract;if("string"!=typeof e&&"number"!=typeof e)throw new o(`Userflow: Invalid 'subtract' value for '${s}' attribute. Must be a number or string.`);t[s]={subtract:e}}else if("append"in i)t[s]={append:this.normalizeAttributeLiteralOrList(s,i.append)};else if("prepend"in i)t[s]={prepend:this.normalizeAttributeLiteralOrList(s,i.prepend)};else{if(!("remove"in i))throw new o(`Userflow: Invalid value for '${s}' attribute.`);t[s]={remove:this.normalizeAttributeLiteralOrList(s,i.remove)}}}}return t}normalizeAttributeLiteralOrList(e,t){return Array.isArray(t)?t.map((t=>this.normalizeAttributeLiteral(e,t))):this.normalizeAttributeLiteral(e,t)}normalizeAttributeLiteral(e,t){if(null==t)return null;if("string"==typeof t||"number"==typeof t||"boolean"==typeof t)return t;throw new o(`Userflow: Invalid value for '${e}' attribute.`)}normalizeDataType(e,t){if(!t)return null;switch(t){case"string":return O.STRING;case"number":return O.NUMBER;case"boolean":return O.BOOLEAN;case"datetime":return O.DATETIME}throw new o(`Userflow: Invalid data_type for '${e}' attribute.`)}extractLegacyTraits(e){if(!e)return{};if(!Array.isArray(e)){const t=[];for(const s in e)e.hasOwnProperty(s)&&t.push({name:s,value:e[s]});e=t}return e.reduce(((e,{name:t,value:s,dataType:i})=>{if("string"!=typeof t||t.length>100||!t.match(/^[a-z0-9_]+$/))return this.warn("Userflow.identify: Invalid trait name (must be string, no more than 100 characters, and only consist of a-z, 0-9 and underscores). The trait will be ignored. Name was:",t),e;if("string"==typeof s);else if("boolean"==typeof s)i||(i="boolean"),s=s?"true":"false";else{if("number"!=typeof s)return this.warn(`userflow.identify: The value of trait '${t}' is invalid (must be a string, a boolean or a number). The trait will be ignored. Value was:`,s),e;i||(i=Number.isInteger(s)?"integer":"decimal"),s=String(s)}let n=null;if(i)switch(i){case"string":n=O.STRING;break;case"boolean":n=O.BOOLEAN;break;case"integer":case"decimal":n=O.NUMBER;break;case"datetime":n=O.DATETIME;break;default:return this.warn(`userflow.identify: The data type of trait '${t}' is invalid (must be a 'string', 'boolean', 'integer', 'decimal' or 'datetime'). The trait will be ignored. Data type was:`,i),e}return e[t]={set:s,dataType:n},e}),{})}async track(e,t={},{userOnly:s}={}){nt(`track '${e}'`,t),this.ensureIdentified(),await this.send({kind:"TrackEvent",userOnly:!!s,name:e,attributes:this.normalizeEventAttributes(t)},{batch:!0})}normalizeEventAttributes(e){const t=this.normalizeAttributes(e);for(const s in t){if(!t.hasOwnProperty(s))continue;const e=t[s];if(null!=e&&"string"!=typeof e&&"boolean"!=typeof e&&"number"!=typeof e&&!Array.isArray(e)&&!("set"in e))throw new o(`Userflow: Invalid value for '${s}' attribute. Event attributes only support literal values, list values and 'set' changes.`)}return t}onFirstIdentify(){this.onFirstIdentifyRun||(this.onFirstIdentifyRun=!0,this.onFirstIdentifyTimeout=window.setTimeout((()=>{this.trackPageViewed(),this.firstIdentifyCallback?(this.firstIdentifyCallback(),this.firstIdentifyCallback=null):this.checkUrlForStartFlow()}),0))}onceIdentified(e){this.isIdentified()?e():this.firstIdentifyCallback=e}checkUrlForStartFlow(){const e=new URL(d()),t=e.searchParams.get("userflow")||e.searchParams.get("studio1_flow")||e.searchParams.get("studio1_walkthrough");t&&(nt(`url contained flow ${t}`),this.startFlow({flowId:t,startReason:L.LINK,batch:!0}),e.searchParams.delete("userflow"),e.searchParams.delete("studio1_flow"),e.searchParams.delete("studio1_walkthrough"),window.history.replaceState({},"",e.toString()),this.clientContext=this.buildClientContext(),this.pushUpdateClientContext())}flushUrlChange(){const e=this.buildClientContext();this.clientContext&&e.pageUrl===this.clientContext.pageUrl||(this.clientContext=e,this.pushUpdateClientContext(),this.trackPageViewed(),this.checkUrlForStartFlow())}async trackPageViewed(){this.pageTrackingDisabled||this.track("page_viewed",{})}buildClientContext(){return{pageUrl:tt(),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}pushUpdateClientContext(){this.send({kind:"UpdateClientContext",clientContext:this.clientContext},{batch:!0})}ackCompletedTask(e){this.unackedTasks.delete(e)}taskIsUnacked(e){return this.unackedTasks.has(e)}isIdentified(){return null!=this.externalId}on(e,t){let s=this.listeners.get(e);s||(s=new Set,this.listeners.set(e,s)),s.add(t)}off(e,t){const s=this.listeners.get(e);s&&s.delete(t)}emit(e,...t){const s=this.listeners.get(e);if(s){Array.from(s).forEach((e=>e(...t)))}}observeUserActivity(){document.addEventListener("mouseover",this.onUserActivity),document.addEventListener("pointerdown",this.onUserActivity),document.addEventListener("keydown",this.onUserActivity)}unobserveUserActivity(){document.removeEventListener("mouseover",this.onUserActivity),document.removeEventListener("pointerdown",this.onUserActivity),document.removeEventListener("keydown",this.onUserActivity)}reset(){nt("reset"),this.externalId=null,this.groupId=null,this.sessionStorageState=null,this.setFlowSession(null,0),this.setChecklistSession(null,0),this.setBannerSession(null),this.setResourceCenterSession(null),this.launcherSessions=[],this.activeLauncherFlowId=null,this.notifications=[],this.unackedTasks=new Set,this.onFirstIdentifyRun=!1,window.clearTimeout(this.onFirstIdentifyTimeout),this.onFirstIdentifyTimeout=void 0,this.clientContext=null,this.unobserveUserActivity(),window.clearTimeout(this.flushUrlChangeTimeout),this.flushUrlChangeTimeout=void 0,this.clientConditions.forEach(((e,t)=>{this.untrackClientCondition(t)})),this.firstIdentifyCallback=null,this.testUserIdentified=!1,a.removeItem("anonymousId"),this.unmountUI(),this.disconnect(),this.inBatch=!1,window.clearTimeout(this.endBatchTimeout),this.endBatchTimeout=void 0,this.clientClock=1,this.serverClock=1,this.titleMonitored=void 0,this.titleObserver&&(this.titleObserver.disconnect(),this.titleObserver=void 0)}async startFlow({flowId:e,stepCvid:t,startReason:s,once:i,batch:n,replaceCurrent:o}){if(this.ensureIdentified(),o&&this.flowSession&&this.endFlow(this.flowSession,{endReason:m.REPLACED,batch:!0}),nt(`startFlow ${e}`,{startReason:s}),this.checklistSession?.flow.id===e)return nt("startFlow matches current checklist, so showing it instead"),void this.showChecklist();const r={kind:"StartFlow",flowId:e,stepCvid:t,startReason:s,once:!!i};await this.send(r,{batch:n})}async startFlowWithToken(e){this.ensureIdentified(),nt("startFlowWithToken",{token:e}),await this.send({kind:"StartFlowWithToken",token:e},{batch:!0})}optimisticClockUIUpdate(e){this.clientClock++,e(),this.toggleUI()}async showChecklist(){this.resourceCenterEmbedsChecklist()?this.openResourceCenter():(this.unmarkExpandPending(),this.checklistSession&&!this.checklistExpanded&&(this.ensureIdentified(),this.checklistExpanded=!0,this.toggleUI(),c.setItem(`checklistExpanded:${this.checklistSession.id}`,"1"),await this.send({kind:"ShowChecklist",sessionId:this.checklistSession.id},{batch:!0})))}async hideChecklist(){this.resourceCenterEmbedsChecklist()?this.closeResourceCenter():this.checklistSession&&this.checklistExpanded&&(this.ensureIdentified(),this.checklistExpanded=!1,this.toggleUI(),c.removeItem(`checklistExpanded:${this.checklistSession.id}`),await this.send({kind:"HideChecklist",sessionId:this.checklistSession.id},{batch:!0}))}async unmarkExpandPending(){this.checklistSession&&this.checklistExpandPending&&(this.checklistExpandPending=!1,await this.send({kind:"UnmarkExpandPending",sessionId:this.checklistSession.id},{batch:!0}))}async openResourceCenter(){this.resourceCenterEmbedsChecklist()&&this.unmarkExpandPending(),this.resourceCenterSession&&!this.resourceCenterOpen&&(this.ensureIdentified(),this.resourceCenterOpen=!0,this.toggleUI(),this.emit("resourceCenterChanged"),c.setItem(`resourceCenterOpen:${this.resourceCenterSession.id}`,"1"),await this.send({kind:"OpenResourceCenter",sessionId:this.resourceCenterSession.id},{batch:!0}))}async closeResourceCenter(){this.resourceCenterSession&&this.resourceCenterOpen&&(this.ensureIdentified(),this.resourceCenterOpen=!1,this.toggleUI(),this.emit("resourceCenterChanged"),c.removeItem(`resourceCenterOpen:${this.resourceCenterSession.id}`),await this.send({kind:"CloseResourceCenter",sessionId:this.resourceCenterSession.id},{batch:!0}))}toggleResourceCenter(){this.resourceCenterOpen?this.closeResourceCenter():this.openResourceCenter()}setResourceCenterLauncherHidden(e){this.resourceCenterLauncherHidden=e,this.toggleUI()}getResourceCenterState(){if(!this.resourceCenterSession)return null;const e=this.resourceCenterEmbedsChecklist(),{checklistSession:t}=this,s=this.resourceCenterSession.version.resourceCenter?.blocks.find((e=>e.type===Ie.ANNOUNCEMENTS));return{isOpen:this.resourceCenterOpen,hasChecklist:e,uncompletedChecklistTaskCount:e&&t?ct(t):0,unreadAnnouncementCount:s?.unreadAnnouncementCount||0}}resourceCenterEmbedsChecklist(){const e=this.resourceCenterSession;return!!e&&!!e.version.resourceCenter?.blocks.some((e=>e.type===Ie.CHECKLIST))}async endFlow(e,{endReason:t,batch:s}){this.ensureIdentified(),this.optimisticClockUIUpdate((()=>{const{clientClock:t}=this;this.flowSession?.id===e.id&&this.setFlowSession(null,t),this.checklistSession?.id===e.id&&this.setChecklistSession(null,t),this.bannerSession?.id===e.id&&this.setBannerSession(null),this.resourceCenterSession?.id===e.id&&this.setResourceCenterSession(null)}));const{flow:i}=e,n={id:i.id,type:i.type.toLowerCase()};i.type===_.CHECKLIST?this.emit("checklistEnded",{checklist:n,endReason:t}):i.type===_.FLOW&&this.emit("flowEnded",{flow:n,endReason:t});const o={kind:"EndFlow",sessionId:e.id,endReason:t};await this.send(o,{batch:s})}async goToStep(e,t){nt("goToStep",e.id,t.name||t.id),this.ensureIdentified();const s=this.send({kind:"GoToStep",sessionId:e.id,stepId:t.id});e.currentStep=t,this.emit("gotostep",{session:e,step:t}),await s}async endAllFlows(){nt("endAllFlows"),this.optimisticClockUIUpdate((()=>{const{clientClock:e}=this;this.setFlowSession(null,e),this.setChecklistSession(null,e)})),await this.send({kind:"EndAllFlows"})}async endChecklist(){nt("endChecklist");const e=this.checklistSession||this.flowSession;e?.flow.type===_.CHECKLIST&&this.endFlow(e,{endReason:m.USERFLOWJS})}setFlowSession(e,t=this.clientClock){const s=this.flowSession;this.flowSession=e,this.flowSessionClock=t,e&&!s&&(this.hideChecklist(),this.closeResourceCenter()),null==e&&this.originalActiveElement&&("function"==typeof this.originalActiveElement.focus&&this.originalActiveElement.focus(),this.originalActiveElement=void 0)}setChecklistSession(e,t=this.clientClock){const s=this.checklistSession;this.checklistSession=e,this.checklistSessionClock=t,null===e&&(this.checklistExpanded=!1,this.checklistExpandPending=!1),e&&e.id!==s?.id&&(this.checklistExpanded=!!c.getItem(`checklistExpanded:${e.id}`),e.expandPending&&(this.checklistExpandPending=!0)),this.emit("checklistChanged"),this.emit("resourceCenterChanged")}setBannerSession(e){this.bannerSession=e}setResourceCenterSession(e){const t=this.resourceCenterSession;e="function"==typeof e?e(this.resourceCenterSession):e,this.resourceCenterSession=e,null===e&&(this.resourceCenterOpen=!1),t&&t.id!==e?.id&&c.removeItem(`resourceCenterOpen:${t.id}`),e&&e.id!==t?.id&&(this.resourceCenterOpen=!!c.getItem(`resourceCenterOpen:${e.id}`)),this.emit("resourceCenterChanged")}launcherSeen(e){this.send({kind:"StartFlow",flowId:e,startReason:L.LAUNCHER_SEEN,once:!1})}activateLauncher(e){const t=this.activeLauncherFlowId&&this.launcherSessions.find((e=>e.flow.id===this.activeLauncherFlowId));t&&this.deactivateLauncher(t),this.activeLauncherFlowId=e.flow.id,this.toggleUI(),this.send({kind:"ActivateLauncher",flowId:e.flow.id})}deactivateLauncher(e){const{launcher:t}=e.version;e.flow.id===this.activeLauncherFlowId&&(t?.dismissOn===Oe.DEACTIVATE?this.dismissLauncher(e,{endReason:m.LAUNCHER_DEACTIVATED}):(this.activeLauncherFlowId=null,this.toggleUI()))}dismissLauncher(e,{endReason:t}){const s=e.flow.id;this.removeLauncher(s),this.toggleUI(),this.send({kind:"DismissLauncher",flowId:s,endReason:t})}removeLauncher(e){const t=this.launcherSessions.findIndex((t=>t.flow.id===e));return-1!==t&&(this.launcherSessions=[...this.launcherSessions.slice(0,t),...this.launcherSessions.slice(t+1)],e===this.activeLauncherFlowId&&(this.activeLauncherFlowId=null),!0)}async toggleUI(){const e=this.getSessionStorageState();this.flowSession||!this.checklistExpandPending&&!this.checklistSession?.version.checklist?.tasks.some((e=>this.taskIsUnacked(e.cvid)))||this.showChecklist(),e.isTargetTab&&this.monitorTitle(),this.emit("uistatechange"),this.shouldBeMounted()?await this.mountUI():this.unmountUI()}shouldBeMounted(){if(this.uiDisabled)return!1;return!!this.getSessionStorageState().activeApp||!!this.flowSession||!!this.checklistSession&&(this.checklistExpanded||!!this.checklistSession?.version.checklist?.launcherEnabled)||!!this.bannerSession||!!this.resourceCenterSession&&(this.resourceCenterOpen||!this.resourceCenterLauncherHidden)||this.launcherSessions.length>0||this.notifications.length>0}async mountUI(){if(!this.ui){const e=await this.createUI();this.shouldBeMounted()&&!this.ui&&(nt("mount UI"),this.ui=e,this.ui.mount())}}unmountUI(){this.ui&&(nt("unmount UI"),this.ui.unmount(),this.ui=null)}remount(){this.unmountUI(),this.toggleUI()}async createUI(){try{const e=n((()=>import("./ui.js")),[new URL("ui.js",import.meta.url).toString(),new URL("vendor.react.js",import.meta.url).toString(),new URL("vendor.object-assign.js",import.meta.url).toString(),new URL("vendor.react-dom.js",import.meta.url).toString(),new URL("vendor.scheduler.js",import.meta.url).toString(),new URL("client-context.js",import.meta.url).toString(),new URL("vendor.i18next.js",import.meta.url).toString(),new URL("vendor.react-i18next.js",import.meta.url).toString(),new URL("vendor.babel.runtime.js",import.meta.url).toString(),new URL("vendor.phoenix.js",import.meta.url).toString(),new URL("vendor.uuid.js",import.meta.url).toString()]);this.bannerSession&&ht(),this.resourceCenterSession&&at();const{RealUI:t}=await e;return new t(this)}catch(Tt){throw this.reportCspIssue(),Tt}}async trackClientCondition(e){if(this.clientConditions.has(e.id))return;nt("track client condition",e),this.clientConditions.set(e.id,{condition:e,isTrue:null});const{conditionTypes:t}=await n((()=>import("./flow-condition-types.js").then((function(e){return e.v}))),[new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString()]),s=t[e.type],i=this.clientConditions.get(e.id);i&&(i.untrack=s.track({sessionData:new lt([]),condition:e,callback:t=>{i.isTrue!==t&&(nt("client condition truthiness changed",t,i.condition),i.isTrue=t,this.send({kind:"ToggleClientCondition",conditionId:e.id,isTrue:t},{batch:!0}))}}))}untrackClientCondition(e){const t=this.clientConditions.get(e);t&&(nt("untrack client condition",t.condition),t.untrack&&t.untrack(),this.clientConditions.delete(e))}async addTracker(e){let t=this.trackers.get(e.flowId);t?t.tracker=e:this.trackers.set(e.flowId,{tracker:e,isTrue:!1});const{conditionTypes:s}=await n((()=>import("./flow-condition-types.js").then((function(e){return e.v}))),[new URL("flow-condition-types.js",import.meta.url).toString(),new URL("vendor.date-fns.js",import.meta.url).toString()]),i=this.trackers.get(e.flowId);if(!i)return;const{tracker:o}=i,{condition:r}=o,a=s[r.type];i.untrack&&i.untrack(),i.untrack=a.track({sessionData:new lt(o.data),condition:r,flipBackEvents:!0,callback:e=>{const t=i.isTrue;i.isTrue=e,!t&&e&&this.send({kind:"TrackTrackerEvent",token:o.token},{batch:!0})},description:`event tracker ${o.flowId}`}),this.emit("private:trackerStarted")}removeTracker(e){const t=this.trackers.get(e);t&&(t.untrack&&t.untrack(),this.trackers.delete(e),this.emit("private:trackerStopped"))}monitorTitle(){if(this.titleMonitored)return;this.titleMonitored=!0,this.fixTitle();const e=document.querySelector("title");if(e){const t=new MutationObserver((()=>{this.fixTitle()}));t.observe(e,{childList:!0}),this.titleObserver=t}}fixTitle(){const e=document.title,t="[Userflow Preview] "+e.replace(/\[Userflow Preview\] /,"");e!==t&&(document.title=t)}reportCspIssue(){const e=this.getSessionStorageState();!this.testUserIdentified&&!e.activeApp||this.cspIssueReported||(this.cspIssueReported=!0,nt("csp issue detected"),T({kind:"userflow:crxCspIssueDetected"}))}getAudio(){return this.audio||(this.audio=new Audio),this.audio}playAudio(e){if(document.hidden)return;const t=this.getAudio();e&&(t.src=e);const s=t.play();this.audioReady=!0,s&&s.catch((e=>{e.name}))}pauseAudio(){const e=this.audio;e&&!e.paused&&e.pause()}async getStepSpeech(e,t){return(await this.send({kind:"GetStepSpeechV2",syntheticVoice:e,text:t})).url}featureFlagEnabled(e){return this.featureFlags.has(e)}showNotification(e,t,s){const i={id:++this.notificationIdCounter,label:e,message:t,type:s};this.notifications=[...this.notifications,i],this.toggleUI()}dismissNotification(e){this.notifications=this.notifications.filter((t=>t.id!==e)),this.toggleUI()}warn(...e){console.warn(...e)}nextRef(){return this.refCounter++}}if(void 0===window.userflow||window.userflow._stubbed){const e=Object.assign(window.userflow||{},function(){const e=new Et;return{_stubbed:!1,init(t){e.init(t)},identify:(t,s={},i={})=>e.identify(t,s,i),identifyAnonymous:(t={},s={})=>e.identifyAnonymous(t,s),isIdentified:()=>e.isIdentified(),updateUser:(t,s={})=>e.updateUser(t,s),group:(t,s={},i={})=>e.group(t,s,i),updateGroup:(t,s={})=>e.updateGroup(t,s),track:(t,s={},i={})=>e.track(t,s,i),start:(t,{once:s}={})=>e.startFlow({flowId:t,startReason:L.USERFLOWJS,once:s}),startFlow:e=>(console.warn("Userflow.js: userflow.startFlow() has been deprecated. Use userflow.start() instead."),window.userflow.start(e)),startWalk:e=>(console.warn("Userflow.js: userflow.startWalk() has been deprecated. Use userflow.start() instead."),window.userflow.start(e)),endAll:()=>e.endAllFlows(),endChecklist:()=>e.endChecklist(),endAllFlows:()=>window.userflow.endAll(),async endFlow(){console.warn("Userflow.js: userflow.endFlow() has been deprecated and no longer has any effect.")},async endWalk(){console.warn("Userflow.js: userflow.endWalk() has been deprecated and no longer has any effect.")},openResourceCenter(){e.openResourceCenter()},closeResourceCenter(){e.closeResourceCenter()},toggleResourceCenter(){e.toggleResourceCenter()},setResourceCenterLauncherHidden(t){e.setResourceCenterLauncherHidden(t)},getResourceCenterState:()=>e.getResourceCenterState(),setWalkPosition(){console.warn("Userflow.js: userflow.setWalkPosition() has been deprecated and no longer has any effect.")},reset(){e.reset()},remount(){e.remount()},on(t,s){e.on(t,s)},off(t,s){e.off(t,s)},setCustomInputSelector(e){console.warn("Userflow.js: userflow.setCustomInputSelector() has been deprecated. Use userflow.registerCustomInput() instead. See docs: https://userflow.com/docs/userflow-js"),e&&Qe.customInputs.push({cssSelector:e})},registerCustomInput(e,t){Qe.customInputs.push({cssSelector:e,getValue:t})},setCustomNavigate(e){Qe.customNavigate=e},setUrlFilter(e){Qe.urlFilter=e},setLinkUrlDecorator(t){Qe.linkUrlDecorator=t,e.emit("uistatechange")},setInferenceAttributeNames(e){Qe.inferenceAttributeNames=e},setInferenceAttributeFilter(e,t){Qe.inferenceAttributeFilters[e]=qe(t)},setInferenceClassNameFilter(e){Qe.inferenceClassNameFilters=qe(e)},setScrollPadding(e){Qe.scrollPadding=e},setCustomScrollIntoView(e){Qe.customScrollIntoView=e},prepareAudio(){e.playAudio(null)},setShadowDomEnabled(e){console.warn("Userflow.js: userflow.setShadowDomEnabled() has been deprecated. Please remove this call from your Userflow.js snippet. Shadow DOM is supported by default now.")},setPageTrackingDisabled(t){e.pageTrackingDisabled=t},setBaseZIndex(e){Qe.baseZIndex=e},setServerEndpoint(e){Qe.serverEndpoint=e},disableEvalJs(){Qe.evalJsDisabled=!0},_setTargetEnv(t){e.setTargetEnv(t)}}}());window.userflow=e,window.studio1=e,function(){const e=window.userflow,t=window.USERFLOWJS_QUEUE;if(delete window.USERFLOWJS_QUEUE,!t||0===t.length)return;nt(`processing ${t.length} items in the queue`);for(const[s,i,n]of t){if("function"!=typeof e[s]){console.error(`Userflow.js: Invalid method '${s}' in queue`);continue}const t=e[s](...n);i&&t&&"function"==typeof t.then&&t.then(i.resolve,i.reject)}nt("queue processed")}()}export{N as $,Le as A,ht as B,me as C,Y as D,m as E,P as F,a as G,We as H,X as I,ne as J,ce as K,j as L,Q as M,de as N,Pe as O,Ne as P,_e as Q,at as R,L as S,dt as T,o as U,re as V,He as W,De as X,Fe as Y,je as Z,n as _,B as a,F as b,Qe as c,nt as d,D as e,H as f,tt as g,Ie as h,c as i,ct as j,se as k,ee as l,ue as m,Ae as n,p as o,_ as p,d as q,Te as r,l as s,et as t,g as u,fe as v,pe as w,lt as x,V as y,W as z};export default window.userflow;