@frigade/react 1.38.44 → 1.38.45

package/dist/index.js

@@ -1512,7 +1512,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
 `,Mc=ye__default.default(Fl)`
   width: ${xo+12}px;
   height: ${xo+12}px;
-`,Dc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:S,showStepCount:k=!0,completedStepsCount:C=0,showFrigadeBranding:h=!1,cssPosition:v="absolute",onViewTooltip:y,className:N})=>{var bt,ke,at,pt,jt,Ze,wt,tt,Gt,x,b,P,O,ue,Ye,_e,Tt,K,yo;let{logErrorIfDebugMode:U}=Sl(),[F,u]=J.useState(),[T,g]=J.useState(new Date),A=J.useRef(null),[B,E]=J.useState(document.querySelector(e[s].selector)),$=yl(B,T),[_,ee]=J.useState(),[z,Q]=J.useState(!S),X=v!="static"?(ke=(bt=e[s])==null?void 0:bt.props)!=null&&ke.position?e[s].props.position:v:"static",L=(jt=(pt=(at=e[s])==null?void 0:at.props)==null?void 0:pt.zIndex)!=null?jt:90,q=(Ze=F==null?void 0:F.width)!=null?Ze:wl,Y=(wt=F==null?void 0:F.height)!=null?wt:Tl,[re,Se]=J.useState(new Date().getTime());l=v!="static"?(x=(Gt=(tt=e[s])==null?void 0:tt.props)==null?void 0:Gt.offset)!=null?x:l:{x:0,y:0};let Be=window.location.pathname.split("/").pop();J.useLayoutEffect(()=>{A.current&&u({width:A.current.clientWidth,height:A.current.clientHeight});},[s,T,X]),J.useEffect(()=>{S||Q(!0);},[s]),J.useEffect(()=>{p&&z&&y(s);},[z]);let ie=()=>{if(X==="static")return;let V=document.querySelector(e[s].selector);if(!V){ee(void 0),E(null),U(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}_&&_===JSON.stringify(V==null?void 0:V.getBoundingClientRect())||(E(V),g(new Date),V&&ee(JSON.stringify(V.getBoundingClientRect())));};if(J.useEffect(()=>{let V=new MutationObserver(ie);return V.observe(document.body,{subtree:!0,childList:!0}),()=>V.disconnect()},[ie]),J.useEffect(()=>{let V=new MutationObserver(ie);return V.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>V.disconnect()},[ie]),J.useEffect(()=>{let V=setInterval(()=>{ie();},10);return ()=>clearInterval(V)},[ie]),J.useLayoutEffect(()=>{setTimeout(()=>{ie();},Nc),ie();},[s,Be]),J.useEffect(()=>{if(!p)return;let V=Ee=>{Ee.key==="Escape"&&t();};return document.addEventListener("keydown",V),()=>{document.removeEventListener("keydown",V);}},[]),B===null||!p)return null;let j=i==="auto"?"right":i,Z=li($,j,q,l,X),xe=$.right+q>(window.innerWidth||document.documentElement.clientWidth);$.bottom+Tl>(window.innerHeight||document.documentElement.clientHeight);xe&&i==="auto"&&(Z=li($,"left",q,l,X),j="left"),(P=(b=e[s])==null?void 0:b.props)!=null&&P.tooltipPosition&&((ue=(O=e[s])==null?void 0:O.props)==null?void 0:ue.tooltipPosition)!=="auto"&&(((_e=(Ye=e[s])==null?void 0:Ye.props)==null?void 0:_e.tooltipPosition)==="left"||((K=(Tt=e[s])==null?void 0:Tt.props)==null?void 0:K.tooltipPosition)==="right")&&(j=e[s].props.tooltipPosition);let Me=()=>{let V=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),Q(!1),setTimeout(()=>{ie();},30)),C===e.length-1)return o()},Ee=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),S&&!e[s].secondaryButtonUri&&Q(!1));};return J__namespace.default.createElement(J__namespace.default.Fragment,null,k&&e.length>1&&J__namespace.default.createElement(Ii,null,J__namespace.default.createElement(Oi,{role:"status",className:a("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&J__namespace.default.createElement(Ni,{showStepCount:k,className:a("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&J__namespace.default.createElement(pe,{title:e[s].secondaryButtonTitle,appearance:c,onClick:Ee,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&J__namespace.default.createElement(pe,{title:e[s].primaryButtonTitle,appearance:c,onClick:V,withMargin:!1,size:"small"})))},Fe=()=>{var V,Ee,Wo;return J__namespace.default.createElement(J__namespace.default.Fragment,null,f&&J__namespace.default.createElement(Pi,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t();},className:a("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},J__namespace.default.createElement(Oe,null)),e[s].imageUri&&J__namespace.default.createElement(vi,{dismissible:f,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:a("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&J__namespace.default.createElement(Bi,{dismissible:f,appearance:c,role:"video","aria-label":e[s].title,className:a("tooltipVideoContainer",c)},J__namespace.default.createElement(nt,{appearance:c,videoUri:e[s].videoUri,autoplay:(V=e[s].props)==null?void 0:V.autoplayVideo,loop:(Ee=e[s].props)==null?void 0:Ee.loopVideo,hideControls:(Wo=e[s].props)==null?void 0:Wo.hideVideoControls})),J__namespace.default.createElement(Ai,{className:a("tooltipContentContainer",c)},J__namespace.default.createElement(Le,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),J__namespace.default.createElement(Ei,{className:a("tooltipFooter",c)},J__namespace.default.createElement(Me,null))))},oe=w(w({},{default:V=>{var Ee;if((Ee=e[s])!=null&&Ee.StepContent){let Wo=e[s].StepContent;return J__namespace.default.createElement("div",null,Wo)}return J__namespace.default.createElement(Fe,null)}}),m),ne=()=>{var V;return e?!((V=e[s])!=null&&V.type)||!oe[e[s].type]?oe.default(e[s]):oe[e[s].type]({stepData:e[s],primaryColor:r}):J__namespace.default.createElement(J__namespace.default.Fragment,null)};if(e[s].complete===!0||Z.x==0&&Z.y==0&&new Date().getTime()-re<100)return null;let D={top:(Z==null?void 0:Z.y)-xo,left:(yo=j=="left"?$.x+l.x:(Z==null?void 0:Z.x)-xo)!=null?yo:0,cursor:S?"pointer":"default",position:X},te=()=>{let Ee=D.left+(j=="left"?-q:24);return Math.min(Math.max(Ee,20),window.innerWidth-q-20)},fe=()=>{let V=D.top+Y,Ee=20;return V>window.innerHeight-Ee?D.top+-Y:D.top},Qe=()=>{S&&(g(new Date),Q(!z));};return J__namespace.default.createElement($c,{className:N},J__namespace.default.createElement(Mc,{style:D,zIndex:L,className:a("tourHighlightContainer",c)},n&&e[s].showHighlight!==!1&&v!=="static"&&J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(Lc,{style:{position:X},onClick:Qe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),J__namespace.default.createElement(Oc,{style:{position:"absolute"},onClick:Qe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),J__namespace.default.createElement(Fl,{style:H(w({},D),{left:te(),top:fe()}),zIndex:L+1,className:a("tooltipContainerWrapper",c)},z&&J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(Go,{ref:A,role:"dialog","aria-labelledby":`frigadeTooltip${e[s].id}Title`,"aria-describedby":`frigadeTooltip${e[s].id}Subtitle`,layoutId:"tooltip-container",tabIndex:0,"aria-label":"Tooltip",style:w({position:"relative",width:"max-content",right:0,top:v!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:wl,zIndex:L+10},J__namespace.default.createElement(ne,null)),h&&J__namespace.default.createElement($i,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:L+10},J__namespace.default.createElement(Ko,{appearance:c})))))},zo=Dc;var Wc=h=>{var v=h,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:l,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:m="skip-flow",onComplete:c,skipIfNotFound:f=!1,cssPosition:S="absolute",className:k}=v,C=De(v,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition","className"]);let{getFlow:y,getFlowSteps:N,isLoading:U,targetingLogicShouldHideFlow:F,markStepCompleted:u,markStepStarted:T,markFlowCompleted:g,markFlowSkipped:A,updateCustomVariables:B,getCurrentStepIndex:E,getStepStatus:$,isStepBlocked:_,getFlowStatus:ee,getNumberOfStepsCompleted:z}=ae(),{isLoadingUserFlowStateData:Q}=He(),{primaryCTAClickSideEffects:X,secondaryCTAClickSideEffects:L}=he(),{hasOpenModals:q}=Ne(),Y=E(e),{openFlowStates:re}=J.useContext(le),{mergeAppearanceWithDefault:Se}=ce();if(o=Se(o),J.useEffect(()=>{B(t);},[t,U]),Q)return null;let Be=y(e);if(!Be||F(Be)||ee(e)==se||q())return null;let ie=N(e);if(Object.keys(re).length>0){let D=Object.keys(re).find(te=>re[te]===!0);if(D!==void 0&&D!==e)return J__namespace.default.createElement(J__namespace.default.Fragment,null)}function j(D){return M(this,null,function*(){if(yield u(e,D.id),ie.map(te=>$(e,te.id)).every(te=>te===We)){yield g(e);return}!s&&Y+1<ie.length&&!r&&_(e,ie[Y+1].id);})}function Z(D,te,fe){let Qe=Y+1<ie.length?ie[Y+1]:null;n&&n(D,Y,te,Qe),i&&i(D,fe,Qe);}function xe(){return ie.map(D=>H(w({},D),{handleSecondaryButtonClick:()=>M(this,null,function*(){L(D),D.skippable===!0&&(yield u(e,D.id,{skipped:!0})),Z(D,"secondary",Y);}),handlePrimaryButtonClick:()=>M(this,null,function*(){(!D.completionCriteria&&(D.autoMarkCompleted||D.autoMarkCompleted===void 0)||D.completionCriteria&&D.autoMarkCompleted===!0)&&(yield j(D)),Z(D,"primary",Y),X(D);})}))}function qe(D){return M(this,null,function*(){l&&l(),m==="skip-flow"?yield A(e):yield u(e,D.id);})}function Me(){c&&c();}function Fe(D){return M(this,null,function*(){yield T(e,ie[D].id);})}let W=!document.querySelector(ie[Y].selector);function oe(){let D=ie.findIndex((te,fe)=>!!document.querySelector(te.selector)&&fe>=Y);return ie.map((te,fe)=>r?J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)):f&&W&&fe===D?J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)):fe!=Y?null:J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)))}function ne(){return J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(de,{appearance:o}),oe())}return S==="static"?ne():J__namespace.default.createElement(reactPortal.Portal,null,ne())};var kl=ye__default.default.button`
+`,Dc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:S,showStepCount:k=!0,completedStepsCount:C=0,showFrigadeBranding:h=!1,cssPosition:v="absolute",onViewTooltip:y,className:N})=>{var bt,ke,at,pt,jt,Ze,wt,tt,Gt,x,b,P,O,ue,Ye,_e,Tt,K,yo;let{logErrorIfDebugMode:U}=Sl(),[F,u]=J.useState(),[T,g]=J.useState(new Date),A=J.useRef(null),[B,E]=J.useState(document.querySelector(e[s].selector)),$=yl(B,T),[_,ee]=J.useState(),[z,Q]=J.useState(!S),X=v!="static"?(ke=(bt=e[s])==null?void 0:bt.props)!=null&&ke.position?e[s].props.position:v:"static",L=(jt=(pt=(at=e[s])==null?void 0:at.props)==null?void 0:pt.zIndex)!=null?jt:90,q=(Ze=F==null?void 0:F.width)!=null?Ze:wl,Y=(wt=F==null?void 0:F.height)!=null?wt:Tl,[re,Se]=J.useState(new Date().getTime());l=v!="static"?(x=(Gt=(tt=e[s])==null?void 0:tt.props)==null?void 0:Gt.offset)!=null?x:l:{x:0,y:0};let Be=window.location.pathname.split("/").pop();J.useLayoutEffect(()=>{A.current&&u({width:A.current.clientWidth,height:A.current.clientHeight});},[s,T,X]),J.useEffect(()=>{S||Q(!0);},[s]),J.useEffect(()=>{p&&z&&y(s);},[z]);let ie=()=>{if(X==="static")return;let V=document.querySelector(e[s].selector);if(!V){ee(void 0),E(null),U(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}_&&_===JSON.stringify(V==null?void 0:V.getBoundingClientRect())||(E(V),g(new Date),V&&ee(JSON.stringify(V.getBoundingClientRect())));};if(J.useEffect(()=>{let V=new MutationObserver(ie);return V.observe(document.body,{subtree:!0,childList:!0}),()=>V.disconnect()},[ie]),J.useEffect(()=>{let V=new MutationObserver(ie);return V.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>V.disconnect()},[ie]),J.useEffect(()=>{let V=setInterval(()=>{ie();},10);return ()=>clearInterval(V)},[ie]),J.useLayoutEffect(()=>{setTimeout(()=>{ie();},Nc),ie();},[s,Be]),J.useEffect(()=>{if(!p)return;let V=Ee=>{Ee.key==="Escape"&&t();};return document.addEventListener("keydown",V),()=>{document.removeEventListener("keydown",V);}},[]),B===null||!p)return null;let j=i==="auto"?"right":i,Z=li($,j,q,l,X),xe=$.right+q>(window.innerWidth||document.documentElement.clientWidth);$.bottom+Tl>(window.innerHeight||document.documentElement.clientHeight);xe&&i==="auto"&&(Z=li($,"left",q,l,X),j="left"),(P=(b=e[s])==null?void 0:b.props)!=null&&P.tooltipPosition&&((ue=(O=e[s])==null?void 0:O.props)==null?void 0:ue.tooltipPosition)!=="auto"&&(((_e=(Ye=e[s])==null?void 0:Ye.props)==null?void 0:_e.tooltipPosition)==="left"||((K=(Tt=e[s])==null?void 0:Tt.props)==null?void 0:K.tooltipPosition)==="right")&&(j=e[s].props.tooltipPosition);let Me=()=>{let V=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),Q(!1),setTimeout(()=>{ie();},30)),C===e.length-1)return o()},Ee=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),S&&!e[s].secondaryButtonUri&&Q(!1));};return J__namespace.default.createElement(J__namespace.default.Fragment,null,k&&e.length>1&&J__namespace.default.createElement(Ii,null,J__namespace.default.createElement(Oi,{role:"status",className:a("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&J__namespace.default.createElement(Ni,{showStepCount:k,className:a("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&J__namespace.default.createElement(pe,{title:e[s].secondaryButtonTitle,appearance:c,onClick:Ee,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&J__namespace.default.createElement(pe,{title:e[s].primaryButtonTitle,appearance:c,onClick:V,withMargin:!1,size:"small"})))},Fe=()=>{var V,Ee,Wo;return J__namespace.default.createElement(J__namespace.default.Fragment,null,f&&J__namespace.default.createElement(Pi,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t();},className:a("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},J__namespace.default.createElement(Oe,null)),e[s].imageUri&&J__namespace.default.createElement(vi,{dismissible:f,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:a("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&J__namespace.default.createElement(Bi,{dismissible:f,appearance:c,role:"video","aria-label":e[s].title,className:a("tooltipVideoContainer",c)},J__namespace.default.createElement(nt,{appearance:c,videoUri:e[s].videoUri,autoplay:(V=e[s].props)==null?void 0:V.autoplayVideo,loop:(Ee=e[s].props)==null?void 0:Ee.loopVideo,hideControls:(Wo=e[s].props)==null?void 0:Wo.hideVideoControls})),J__namespace.default.createElement(Ai,{className:a("tooltipContentContainer",c)},J__namespace.default.createElement(Le,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),J__namespace.default.createElement(Ei,{className:a("tooltipFooter",c)},J__namespace.default.createElement(Me,null))))},oe=w(w({},{default:V=>{var Ee;if((Ee=e[s])!=null&&Ee.StepContent){let Wo=e[s].StepContent;return J__namespace.default.createElement("div",null,Wo)}return J__namespace.default.createElement(Fe,null)}}),m),ne=()=>{var V;return e?!((V=e[s])!=null&&V.type)||!oe[e[s].type]?oe.default(e[s]):oe[e[s].type]({stepData:e[s],primaryColor:r}):J__namespace.default.createElement(J__namespace.default.Fragment,null)};if(e[s].complete===!0||Z.x==0&&Z.y==0&&new Date().getTime()-re<100)return null;let D={top:(Z==null?void 0:Z.y)-xo,left:(yo=j=="left"?$.x+l.x:(Z==null?void 0:Z.x)-xo)!=null?yo:0,cursor:S?"pointer":"default",position:X},te=()=>{let Ee=D.left+(j=="left"?-q:24);return Math.min(Math.max(Ee,20),window.innerWidth-q-20)},fe=()=>{let V=D.top+Y,Ee=20;return V>window.innerHeight-Ee?D.top+-Y:D.top},Qe=()=>{S&&(g(new Date),Q(!z));};return J__namespace.default.createElement($c,{className:N},J__namespace.default.createElement(Mc,{style:D,zIndex:L,className:a("tourHighlightContainer",c)},n&&e[s].showHighlight!==!1&&v!=="static"&&J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(Lc,{style:{position:X},onClick:Qe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),J__namespace.default.createElement(Oc,{style:{position:"absolute"},onClick:Qe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),J__namespace.default.createElement(Fl,{style:H(w({},D),{left:te(),top:fe()}),zIndex:L+1,className:a("tooltipContainerWrapper",c)},z&&J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(Go,{ref:A,role:"dialog","aria-labelledby":`frigadeTooltip${e[s].id}Title`,"aria-describedby":`frigadeTooltip${e[s].id}Subtitle`,layoutId:"tooltip-container",tabIndex:0,"aria-label":"Tooltip",style:w({position:"relative",width:"max-content",right:0,top:v!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:wl,zIndex:L+10},J__namespace.default.createElement(ne,null)),h&&J__namespace.default.createElement($i,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:L+10},J__namespace.default.createElement(Ko,{appearance:c})))))},zo=Dc;var Wc=h=>{var v=h,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:l,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:m="skip-flow",onComplete:c,skipIfNotFound:f=!1,cssPosition:S="absolute",className:k}=v,C=De(v,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition","className"]);let{getFlow:y,getFlowSteps:N,isLoading:U,targetingLogicShouldHideFlow:F,markStepCompleted:u,markStepStarted:T,markFlowCompleted:g,markFlowSkipped:A,updateCustomVariables:B,getCurrentStepIndex:E,getStepStatus:$,isStepBlocked:_,getFlowStatus:ee,getNumberOfStepsCompleted:z}=ae(),{isLoadingUserFlowStateData:Q}=He(),{primaryCTAClickSideEffects:X,secondaryCTAClickSideEffects:L}=he(),{hasOpenModals:q}=Ne(),Y=E(e),{openFlowStates:re}=J.useContext(le),{mergeAppearanceWithDefault:Se}=ce();if(o=Se(o),J.useEffect(()=>{B(t);},[t,U]),Q)return null;let Be=y(e);if(!Be||F(Be)||ee(e)==se||q())return null;let ie=N(e);if(Object.keys(re).length>0){let D=Object.keys(re).find(te=>re[te]===!0);if(D!==void 0&&D!==e)return J__namespace.default.createElement(J__namespace.default.Fragment,null)}function j(D){return M(this,null,function*(){if(yield u(e,D.id),ie.map(te=>$(e,te.id)).every(te=>te===We)){yield g(e);return}!s&&Y+1<ie.length&&!r&&_(e,ie[Y+1].id);})}function Z(D,te,fe){let Qe=Y+1<ie.length?ie[Y+1]:null;n&&n(D,Y,te,Qe),i&&i(D,fe,Qe);}function xe(){return ie.map(D=>H(w({},D),{handleSecondaryButtonClick:()=>M(this,null,function*(){L(D),D.skippable===!0&&(yield u(e,D.id,{skipped:!0})),Z(D,"secondary",Y);}),handlePrimaryButtonClick:()=>M(this,null,function*(){(!D.completionCriteria&&(D.autoMarkCompleted||D.autoMarkCompleted===void 0)||D.completionCriteria&&D.autoMarkCompleted===!0)&&(yield j(D)),Z(D,"primary",Y),X(D);})}))}function qe(D){return M(this,null,function*(){l&&l(),m==="skip-flow"?yield A(e):yield u(e,D.id);})}function Me(){c&&c();}function Fe(D){return M(this,null,function*(){r&&(yield T(e,ie[D].id));})}let W=!document.querySelector(ie[Y].selector);function oe(){let D=ie.findIndex((te,fe)=>!!document.querySelector(te.selector)&&fe>=Y);return ie.map((te,fe)=>r?J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)):f&&W&&fe===D?J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)):fe!=Y?null:J__namespace.default.createElement(zo,w({key:te.id,appearance:o,steps:xe(),selectedStep:fe,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>qe(te),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Me,cssPosition:S,onViewTooltip:Fe,className:k},C)))}function ne(){return J__namespace.default.createElement(J__namespace.default.Fragment,null,J__namespace.default.createElement(de,{appearance:o}),oe())}return S==="static"?ne():J__namespace.default.createElement(reactPortal.Portal,null,ne())};var kl=ye__default.default.button`
   ${e=>I(e)} {
     // Anything inside this block will be ignored if the user provides a custom class