@chromatic-com/storybook 4.1.0-next.0 → 5.0.0-next.0
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.
- package/dist/manager.mjs +2 -2
- package/package.json +1 -1
package/dist/manager.mjs
CHANGED
|
@@ -133,7 +133,7 @@ var sp=Object.create;var os=Object.defineProperty;var lp=Object.getOwnPropertyDe
|
|
|
133
133
|
transform: scale(1);
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
`;r.appendChild(document.createTextNode(n)),t.appendChild(r);}componentDidMount(){let{shouldFocus:e}=this.props;setTimeout(()=>{T.domElement(this.beacon)&&e&&this.beacon.focus();},0);}componentWillUnmount(){let e=document.getElementById("joyride-beacon-animation");e?.parentNode&&e.parentNode.removeChild(e);}render(){let{beaconComponent:e,continuous:t,index:r,isLastStep:n,locale:a,onClickOrHover:o,size:i,step:l,styles:d}=this.props,u=T.string(a.open)?a.open:(0, oc.default)(a.open),c={"aria-label":u,onClick:o,onMouseEnter:o,ref:this.setBeaconRef,title:u},p;return e?p=s.createElement(e,{continuous:t,index:r,isLastStep:n,size:i,step:l,...c}):p=s.createElement("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:d.beacon,type:"button",...c},s.createElement("span",{style:d.beaconInner}),s.createElement("span",{style:d.beaconOuter})),p}};function A6({styles:e}){return s.createElement("div",{key:"JoyrideSpotlight",className:"react-joyride__spotlight","data-test-id":"spotlight",style:e})}var _6=A6,P6=class extends s.Component{constructor(){super(...arguments),F(this,"isActive",!1),F(this,"resizeTimeout"),F(this,"scrollTimeout"),F(this,"scrollParent"),F(this,"state",{isScrolling:!1,mouseOverSpotlight:!1,showSpotlight:!0}),F(this,"handleMouseMove",e=>{let{mouseOverSpotlight:t}=this.state,{height:r,left:n,position:a,top:o,width:i}=this.spotlightStyles,l=a==="fixed"?e.clientY:e.pageY,d=a==="fixed"?e.clientX:e.pageX,u=l>=o&&l<=o+r,p=d>=n&&d<=n+i&&u;p!==t&&this.updateState({mouseOverSpotlight:p});}),F(this,"handleScroll",()=>{let{target:e}=this.props,t=Dr(e);if(this.scrollParent!==document){let{isScrolling:r}=this.state;r||this.updateState({isScrolling:!0,showSpotlight:!1}),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(()=>{this.updateState({isScrolling:!1,showSpotlight:!0});},50);}else lo(t,"sticky")&&this.updateState({});}),F(this,"handleResize",()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.isActive&&this.forceUpdate();},100);});}componentDidMount(){let{debug:e,disableScrolling:t,disableScrollParentFix:r=!1,target:n}=this.props,a=Dr(n);this.scrollParent=Zi(a??document.body,r,!0),this.isActive=!0,window.addEventListener("resize",this.handleResize);}componentDidUpdate(e){var t;let{lifecycle:r,spotlightClicks:n}=this.props,{changed:a}=gn(e,this.props);a("lifecycle",X.TOOLTIP)&&((t=this.scrollParent)==null||t.addEventListener("scroll",this.handleScroll,{passive:!0}),setTimeout(()=>{let{isScrolling:o}=this.state;o||this.updateState({showSpotlight:!0});},100)),(a("spotlightClicks")||a("disableOverlay")||a("lifecycle"))&&(n&&r===X.TOOLTIP?window.addEventListener("mousemove",this.handleMouseMove,!1):r!==X.TOOLTIP&&window.removeEventListener("mousemove",this.handleMouseMove));}componentWillUnmount(){var e;this.isActive=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("resize",this.handleResize),clearTimeout(this.resizeTimeout),clearTimeout(this.scrollTimeout),(e=this.scrollParent)==null||e.removeEventListener("scroll",this.handleScroll);}get spotlightStyles(){var e,t,r;let{showSpotlight:n}=this.state,{disableScrollParentFix:a=!1,spotlightClicks:o,spotlightPadding:i=0,styles:l,target:d}=this.props,u=Dr(d),c=tc(u),p=lo(u),f=p6(u,i,a);return {...Qu()?l.spotlightLegacy:l.spotlight,height:Math.round(((e=c?.height)!=null?e:0)+i*2),left:Math.round(((t=c?.left)!=null?t:0)-i),opacity:n?1:0,pointerEvents:o?"none":"auto",position:p?"fixed":"absolute",top:f,transition:"opacity 0.2s",width:Math.round(((r=c?.width)!=null?r:0)+i*2)}}updateState(e){this.isActive&&this.setState(t=>({...t,...e}));}render(){let{mouseOverSpotlight:e,showSpotlight:t}=this.state,{disableOverlay:r,disableOverlayClose:n,lifecycle:a,onClickOverlay:o,placement:i,styles:l}=this.props;if(r||a!==X.TOOLTIP)return null;let d=l.overlay;Qu()&&(d=i==="center"?l.overlayLegacyCenter:l.overlayLegacy);let u={cursor:n?"default":"pointer",height:l6(),pointerEvents:e?"none":"auto",...d},c=i!=="center"&&t&&s.createElement(_6,{styles:this.spotlightStyles});if(rc()==="safari"){let{mixBlendMode:p,zIndex:f,...m}=u;c=s.createElement("div",{style:{...m}},c),delete u.backgroundColor;}return s.createElement("div",{className:"react-joyride__overlay","data-test-id":"overlay",onClick:o,role:"presentation",style:u},c)}},N6=class extends s.Component{constructor(){super(...arguments),F(this,"node",null);}componentDidMount(){let{id:e}=this.props;Rr()&&(this.node=document.createElement("div"),this.node.id=e,document.body.appendChild(this.node),no||this.renderReact15());}componentDidUpdate(){Rr()&&(no||this.renderReact15());}componentWillUnmount(){!Rr()||!this.node||(no||Oi.unmountComponentAtNode(this.node),this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=null));}renderReact15(){if(!Rr())return;let{children:e}=this.props;this.node&&Oi.unstable_renderSubtreeIntoContainer(this,e,this.node);}renderReact16(){if(!Rr()||!no)return null;let{children:e}=this.props;return this.node?Oi.createPortal(e,this.node):null}render(){return no?this.renderReact16():null}};function F6({styles:e,...t}){let{color:r,height:n,width:a,...o}=e;return s__default.createElement("button",{style:o,type:"button",...t},s__default.createElement("svg",{height:typeof n=="number"?`${n}px`:n,preserveAspectRatio:"xMidYMid",version:"1.1",viewBox:"0 0 18 18",width:typeof a=="number"?`${a}px`:a,xmlns:"http://www.w3.org/2000/svg"},s__default.createElement("g",null,s__default.createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:r}))))}var O6=F6;function R6(e){let{backProps:t,closeProps:r,continuous:n,index:a,isLastStep:o,primaryProps:i,size:l,skipProps:d,step:u,tooltipProps:c}=e,{content:p,hideBackButton:f,hideCloseButton:m,hideFooter:h,locale:g,showProgress:w,showSkipButton:y,styles:v,title:k}=u,{back:b,close:x,last:C,next:O,skip:ce}=g,le={primary:x};return n&&(le.primary=o?C:O,w&&(le.primary=s.createElement("span",null,le.primary," (",a+1,"/",l,")"))),y&&!o&&(le.skip=s.createElement("button",{"aria-live":"off","data-test-id":"button-skip",style:v.buttonSkip,type:"button",...d},ce)),!f&&a>0&&(le.back=s.createElement("button",{"data-test-id":"button-back",style:v.buttonBack,type:"button",...t},b)),le.close=!m&&s.createElement(O6,{"data-test-id":"button-close",styles:v.buttonClose,...r}),s.createElement("div",{key:"JoyrideTooltip","aria-label":Hr(k)||Hr(p),className:"react-joyride__tooltip",style:v.tooltip,...c},s.createElement("div",{style:v.tooltipContainer},k&&s.createElement("h1",{"aria-label":Hr(k),style:v.tooltipTitle},k),s.createElement("div",{style:v.tooltipContent},p)),!h&&s.createElement("div",{style:v.tooltipFooter},s.createElement("div",{style:v.tooltipFooterSpacer},le.skip),le.back,s.createElement("button",{"data-test-id":"button-primary",style:v.buttonNext,type:"button",...i},le.primary)),le.close)}var H6=R6,D6=class extends s.Component{constructor(){super(...arguments),F(this,"handleClickBack",e=>{e.preventDefault();let{helpers:t}=this.props;t.prev();}),F(this,"handleClickClose",e=>{e.preventDefault();let{helpers:t}=this.props;t.close();}),F(this,"handleClickPrimary",e=>{e.preventDefault();let{continuous:t,helpers:r}=this.props;if(!t){r.close();return}r.next();}),F(this,"handleClickSkip",e=>{e.preventDefault();let{helpers:t}=this.props;t.skip();}),F(this,"getElementsProps",()=>{let{continuous:e,isLastStep:t,setTooltipRef:r,step:n}=this.props,a=Hr(n.locale.back),o=Hr(n.locale.close),i=Hr(n.locale.last),l=Hr(n.locale.next),d=Hr(n.locale.skip),u=e?l:o;return t&&(u=i),{backProps:{"aria-label":a,"data-action":"back",onClick:this.handleClickBack,role:"button",title:a},closeProps:{"aria-label":o,"data-action":"close",onClick:this.handleClickClose,role:"button",title:o},primaryProps:{"aria-label":u,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:u},skipProps:{"aria-label":d,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:d},tooltipProps:{"aria-modal":!0,ref:r,role:"alertdialog"}}});}render(){let{continuous:e,index:t,isLastStep:r,setTooltipRef:n,size:a,step:o}=this.props,{beaconComponent:i,tooltipComponent:l,...d}=o,u;if(l){let c={...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:d,setTooltipRef:n};u=s.createElement(l,{...c});}else u=s.createElement(H6,{...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:o});return u}},V6=class extends s.Component{constructor(){super(...arguments),F(this,"scope",null),F(this,"tooltip",null),F(this,"handleClickHoverBeacon",e=>{let{step:t,store:r}=this.props;e.type==="mouseenter"&&t.event!=="hover"||r.update({lifecycle:X.TOOLTIP});}),F(this,"handleClickOverlay",()=>{let{helpers:e,step:t}=this.props;t.disableOverlayClose||e.close();}),F(this,"setTooltipRef",e=>{this.tooltip=e;}),F(this,"setPopper",(e,t)=>{var r;let{action:n,step:a,store:o}=this.props;t==="wrapper"?o.setPopper("beacon",e):o.setPopper("tooltip",e),o.getPopper("beacon")&&o.getPopper("tooltip")&&o.update({action:n,lifecycle:X.READY}),(r=a.floaterProps)!=null&&r.getPopper&&a.floaterProps.getPopper(e,t);}),F(this,"renderTooltip",e=>{let{continuous:t,helpers:r,index:n,size:a,step:o}=this.props;return s.createElement(D6,{continuous:t,helpers:r,index:n,isLastStep:n+1===a,setTooltipRef:this.setTooltipRef,size:a,step:o,...e})});}componentDidMount(){let{debug:e,index:t}=this.props;bn({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e});}componentDidUpdate(e){var t;let{action:r,callback:n,continuous:a,controlled:o,debug:i,index:l,lifecycle:d,size:u,status:c,step:p,store:f}=this.props,{changed:m,changedFrom:h}=gn(e,this.props),g={action:r,controlled:o,index:l,lifecycle:d,size:u,status:c},w=a&&r!==me.CLOSE&&(l>0||r===me.PREV),y=m("action")||m("index")||m("lifecycle")||m("status"),v=h("lifecycle",[X.TOOLTIP,X.INIT],X.INIT),k=m("action",[me.NEXT,me.PREV,me.SKIP,me.CLOSE]),b=o&&l===e.index;if(k&&(v||b)&&n({...g,index:e.index,lifecycle:X.COMPLETE,step:e.step,type:zt.STEP_AFTER}),p.placement==="center"&&c===ie.RUNNING&&m("index")&&r!==me.START&&d===X.INIT&&f.update({lifecycle:X.READY}),y){let x=Dr(p.target),C=!!x;C&&c6(x)?(h("status",ie.READY,ie.RUNNING)||h("lifecycle",X.INIT,X.READY))&&n({...g,step:p,type:zt.STEP_BEFORE}):(console.warn(C?"Target not visible":"Target not mounted",p),n({...g,type:zt.TARGET_NOT_FOUND,step:p}),o||f.update({index:l+(r===me.PREV?-1:1)}));}h("lifecycle",X.INIT,X.READY)&&f.update({lifecycle:Yu(p)||w?X.TOOLTIP:X.BEACON}),m("index")&&bn({title:`step:${d}`,data:[{key:"props",value:this.props}],debug:i}),m("lifecycle",X.BEACON)&&n({...g,step:p,type:zt.BEACON}),m("lifecycle",X.TOOLTIP)&&(n({...g,step:p,type:zt.TOOLTIP}),this.tooltip&&(this.scope=new B6(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),h("lifecycle",[X.TOOLTIP,X.INIT],X.INIT)&&((t=this.scope)==null||t.removeScope(),f.cleanupPoppers());}componentWillUnmount(){var e;(e=this.scope)==null||e.removeScope();}get open(){let{lifecycle:e,step:t}=this.props;return Yu(t)||e===X.TOOLTIP}render(){let{continuous:e,debug:t,index:r,lifecycle:n,nonce:a,shouldScroll:o,size:i,step:l}=this.props,d=Dr(l.target);return !ac(l)||!T.domElement(d)?null:s.createElement("div",{key:`JoyrideStep-${r}`,className:"react-joyride__step"},s.createElement(N6,{id:"react-joyride-portal"},s.createElement(P6,{...l,debug:t,lifecycle:n,onClickOverlay:this.handleClickOverlay})),s.createElement(Di,{...l.floaterProps,component:this.renderTooltip,debug:t,getPopper:this.setPopper,id:`react-joyride-step-${r}`,open:this.open,placement:l.placement,target:l.target},s.createElement(L6,{beaconComponent:l.beaconComponent,continuous:e,index:r,isLastStep:r+1===i,locale:l.locale,nonce:a,onClickOrHover:this.handleClickHoverBeacon,shouldFocus:o,size:i,step:l,styles:l.styles})))}},lc=class extends s.Component{constructor(e){super(e),F(this,"helpers"),F(this,"store"),F(this,"callback",i=>{let{callback:l}=this.props;T.function(l)&&l(i);}),F(this,"handleKeyboard",i=>{let{index:l,lifecycle:d}=this.state,{steps:u}=this.props,c=u[l];d===X.TOOLTIP&&i.code==="Escape"&&c&&!c.disableCloseOnEsc&&this.store.close();}),F(this,"syncState",i=>{this.setState(i);});let{debug:t,getHelpers:r,run:n,stepIndex:a}=e;this.store=M6({...e,controlled:n&&T.number(a)}),this.helpers=this.store.getHelpers();let{addListener:o}=this.store;bn({title:"init",data:[{key:"props",value:this.props},{key:"state",value:this.state}],debug:t}),o(this.syncState),r&&r(this.helpers),this.state=this.store.getState();}componentDidMount(){if(!Rr())return;let{debug:e,disableCloseOnEsc:t,run:r,steps:n}=this.props,{start:a}=this.store;Ku(n,e)&&r&&a(),t||document.body.addEventListener("keydown",this.handleKeyboard,{passive:!0});}componentDidUpdate(e,t){if(!Rr())return;let{action:r,controlled:n,index:a,lifecycle:o,status:i}=this.state,{debug:l,run:d,stepIndex:u,steps:c}=this.props,{stepIndex:p,steps:f}=e,{reset:m,setSteps:h,start:g,stop:w,update:y}=this.store,{changed:v}=gn(e,this.props),{changed:k,changedFrom:b}=gn(t,this.state),x=oo(c[a],this.props),C=!Ve(f,c),O=T.number(u)&&v("stepIndex"),ce=Dr(x.target);if(C&&(Ku(c,l)?h(c):console.warn("Steps are not valid",c)),v("run")&&(d?g(u):w()),O){let ye=T.number(p)&&p<u?me.NEXT:me.PREV;r===me.STOP&&(ye=me.START),[ie.FINISHED,ie.SKIPPED].includes(i)||y({action:r===me.CLOSE?me.CLOSE:ye,index:u,lifecycle:X.INIT});}!n&&i===ie.RUNNING&&a===0&&!ce&&(this.store.update({index:a+1}),this.callback({...this.state,type:zt.TARGET_NOT_FOUND,step:x}));let le={...this.state,index:a,step:x};if(k("action",[me.NEXT,me.PREV,me.SKIP,me.CLOSE])&&k("status",ie.PAUSED)){let ye=oo(c[t.index],this.props);this.callback({...le,index:t.index,lifecycle:X.COMPLETE,step:ye,type:zt.STEP_AFTER});}if(k("status",[ie.FINISHED,ie.SKIPPED])){let ye=oo(c[t.index],this.props);n||this.callback({...le,index:t.index,lifecycle:X.COMPLETE,step:ye,type:zt.STEP_AFTER}),this.callback({...le,type:zt.TOUR_END,step:ye,index:t.index}),m();}else b("status",[ie.IDLE,ie.READY],ie.RUNNING)?this.callback({...le,type:zt.TOUR_START}):(k("status")||k("action",me.RESET))&&this.callback({...le,type:zt.TOUR_STATUS});this.scrollToStep(t),x.placement==="center"&&i===ie.RUNNING&&o===X.INIT&&this.store.update({lifecycle:X.READY});}componentWillUnmount(){let{disableCloseOnEsc:e}=this.props;e||document.body.removeEventListener("keydown",this.handleKeyboard);}scrollToStep(e){let{index:t,lifecycle:r,status:n}=this.state,{debug:a,disableScrollParentFix:o=!1,scrollDuration:i,scrollOffset:l=20,scrollToFirstStep:d=!1,steps:u}=this.props,c=oo(u[t],this.props),p=Dr(c.target),f=w6({isFirstStep:t===0,lifecycle:r,previousLifecycle:e.lifecycle,scrollToFirstStep:d,step:c,target:p});if(n===ie.RUNNING&&f){let m=ji(p,o),h=Zi(p,o),g=Math.floor(f6(p,l,o))||0;bn({title:"scrollToStep",data:[{key:"index",value:t},{key:"lifecycle",value:r},{key:"status",value:n}],debug:a});let w=this.store.getPopper("beacon"),y=this.store.getPopper("tooltip");if(r===X.BEACON&&w){let{offsets:v,placement:k}=w;!["bottom"].includes(k)&&!m&&(g=Math.floor(v.popper.top-l));}else if(r===X.TOOLTIP&&y){let{flipped:v,offsets:k,placement:b}=y;["top","right","left"].includes(b)&&!v&&!m?g=Math.floor(k.popper.top-l):g-=c.spotlightPadding;}g=g>=0?g:0,n===ie.RUNNING&&m6(g,{element:h,duration:i}).then(()=>{setTimeout(()=>{var v;(v=this.store.getPopper("tooltip"))==null||v.instance.update();},10);});}}render(){if(!Rr())return null;let{index:e,status:t}=this.state,{continuous:r=!1,debug:n=!1,nonce:a,scrollToFirstStep:o=!1,steps:i}=this.props,l;if(t===ie.RUNNING&&i[e]){let d=oo(i[e],this.props);l=s.createElement(V6,{...this.state,callback:this.callback,continuous:r,debug:n,helpers:this.helpers,nonce:a,shouldScroll:!d.disableScrolling&&(e!==0||o),step:d,store:this.store});}return s.createElement("div",{className:"react-joyride"},l)}};F(lc,"defaultProps",x6);var dc=lc;var uc=[void 0,"EQUAL","FIXED","ADDED","CHANGED","REMOVED","CAPTURE_ERROR","SYSTEM_ERROR"],xn=([e,...t])=>t.reduce((r,n)=>uc.indexOf(n)>uc.indexOf(r)?n:r,e);function z6(e){return (e["FAILED"]??0)>0?"FAILED":(e["IN_PROGRESS"]??0)>0?"IN_PROGRESS":(e["BROKEN"]??0)>0?"BROKEN":(e["DENIED"]??0)>0?"DENIED":(e["PENDING"]??0)>0?"PENDING":(e["ACCEPTED"]??0)>0?"ACCEPTED":"PASSED"}function Sa(e){let{statusCounts:t,isInProgress:r,changeCount:n,brokenCount:a,resultsByBrowser:o,resultsByMode:i,modesByName:l}=e.reduce((p,f)=>(p.statusCounts[f.status]=(p.statusCounts[f.status]||0)+1,f.status==="IN_PROGRESS"&&(p.isInProgress=!0),f.result&&["CHANGED","ADDED"].includes(f.result)&&(p.changeCount+=1),f.result&&["CAPTURE_ERROR","SYSTEM_ERROR"].includes(f.result)&&(p.brokenCount+=1),f.comparisons?.forEach(({browser:m,result:h})=>{p.resultsByBrowser[m.id]=xn([h??void 0,p.resultsByBrowser[m.id]]);}),f.comparisons?.forEach(({result:m})=>{p.resultsByMode[f.mode.name]=xn([m??void 0,p.resultsByMode[f.mode.name]]);}),p.modesByName[f.mode.name]=f.mode,p),{statusCounts:{},isInProgress:!1,changeCount:0,brokenCount:0,resultsByBrowser:{},resultsByMode:{},modesByName:{}}),d=e.length?Object.fromEntries(e[0].comparisons.map(p=>[p.browser.id,p.browser])):{},u=Object.entries(o).map(([p,f])=>({browser:d[p],result:f})),c=Object.entries(i).map(([p,f])=>({mode:l[p],result:f}));return {status:z6(t),isInProgress:r,changeCount:n,brokenCount:a,browserResults:u,modeResults:c}}var $6=e=>{try{return [useGlobals()[0][e],useGlobalTypes()[e]]}catch{return [null,null]}},pc=({result:e})=>e!=="EQUAL"&&e!=="FIXED",W6=(e,t)=>{let r=e.filter(o=>o.comparisons.some(pc)),n=r.length?r:e;return n.find(o=>o.mode.name===t)||n[0]},q6=(e,t)=>{let r=e.filter(pc),n=r.length?r:e;return n.find(o=>o.browser.id===t)||n[0]};function fc(e){let[t,r]=useState(!0),n=$6("theme")[1],[a,o]=xe(cs),[i,l]=xe(ps),d,u;return e.length&&(d=t?W6(e,a):e.find(({mode:c})=>c.name===a)||e[0],u=t?q6(d.comparisons,i):d?.comparisons.find(({browser:c})=>c.id===i)||d?.comparisons[0],t&&(a!==d?.mode.name&&o(d?.mode.name),i!==u?.browser.id&&l(u?.browser.id),r(!1))),{modeOrder:n?.toolbar?.items?.map(c=>c.title),selectedTest:d,selectedComparison:u,onSelectBrowser:useCallback(c=>l(c.id),[l]),onSelectMode:useCallback(c=>o(c.name),[o])}}var mc=tt(`
|
|
136
|
+
`;r.appendChild(document.createTextNode(n)),t.appendChild(r);}componentDidMount(){let{shouldFocus:e}=this.props;setTimeout(()=>{T.domElement(this.beacon)&&e&&this.beacon.focus();},0);}componentWillUnmount(){let e=document.getElementById("joyride-beacon-animation");e?.parentNode&&e.parentNode.removeChild(e);}render(){let{beaconComponent:e,continuous:t,index:r,isLastStep:n,locale:a,onClickOrHover:o,size:i,step:l,styles:d}=this.props,u=T.string(a.open)?a.open:(0, oc.default)(a.open),c={"aria-label":u,onClick:o,onMouseEnter:o,ref:this.setBeaconRef,title:u},p;return e?p=s.createElement(e,{continuous:t,index:r,isLastStep:n,size:i,step:l,...c}):p=s.createElement("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:d.beacon,type:"button",...c},s.createElement("span",{style:d.beaconInner}),s.createElement("span",{style:d.beaconOuter})),p}};function A6({styles:e}){return s.createElement("div",{key:"JoyrideSpotlight",className:"react-joyride__spotlight","data-test-id":"spotlight",style:e})}var _6=A6,P6=class extends s.Component{constructor(){super(...arguments),F(this,"isActive",!1),F(this,"resizeTimeout"),F(this,"scrollTimeout"),F(this,"scrollParent"),F(this,"state",{isScrolling:!1,mouseOverSpotlight:!1,showSpotlight:!0}),F(this,"handleMouseMove",e=>{let{mouseOverSpotlight:t}=this.state,{height:r,left:n,position:a,top:o,width:i}=this.spotlightStyles,l=a==="fixed"?e.clientY:e.pageY,d=a==="fixed"?e.clientX:e.pageX,u=l>=o&&l<=o+r,p=d>=n&&d<=n+i&&u;p!==t&&this.updateState({mouseOverSpotlight:p});}),F(this,"handleScroll",()=>{let{target:e}=this.props,t=Dr(e);if(this.scrollParent!==document){let{isScrolling:r}=this.state;r||this.updateState({isScrolling:!0,showSpotlight:!1}),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(()=>{this.updateState({isScrolling:!1,showSpotlight:!0});},50);}else lo(t,"sticky")&&this.updateState({});}),F(this,"handleResize",()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.isActive&&this.forceUpdate();},100);});}componentDidMount(){let{debug:e,disableScrolling:t,disableScrollParentFix:r=!1,target:n}=this.props,a=Dr(n);this.scrollParent=Zi(a??document.body,r,!0),this.isActive=!0,window.addEventListener("resize",this.handleResize);}componentDidUpdate(e){var t;let{lifecycle:r,spotlightClicks:n}=this.props,{changed:a}=gn(e,this.props);a("lifecycle",X.TOOLTIP)&&((t=this.scrollParent)==null||t.addEventListener("scroll",this.handleScroll,{passive:!0}),setTimeout(()=>{let{isScrolling:o}=this.state;o||this.updateState({showSpotlight:!0});},100)),(a("spotlightClicks")||a("disableOverlay")||a("lifecycle"))&&(n&&r===X.TOOLTIP?window.addEventListener("mousemove",this.handleMouseMove,!1):r!==X.TOOLTIP&&window.removeEventListener("mousemove",this.handleMouseMove));}componentWillUnmount(){var e;this.isActive=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("resize",this.handleResize),clearTimeout(this.resizeTimeout),clearTimeout(this.scrollTimeout),(e=this.scrollParent)==null||e.removeEventListener("scroll",this.handleScroll);}get spotlightStyles(){var e,t,r;let{showSpotlight:n}=this.state,{disableScrollParentFix:a=!1,spotlightClicks:o,spotlightPadding:i=0,styles:l,target:d}=this.props,u=Dr(d),c=tc(u),p=lo(u),f=p6(u,i,a);return {...Qu()?l.spotlightLegacy:l.spotlight,height:Math.round(((e=c?.height)!=null?e:0)+i*2),left:Math.round(((t=c?.left)!=null?t:0)-i),opacity:n?1:0,pointerEvents:o?"none":"auto",position:p?"fixed":"absolute",top:f,transition:"opacity 0.2s",width:Math.round(((r=c?.width)!=null?r:0)+i*2)}}updateState(e){this.isActive&&this.setState(t=>({...t,...e}));}render(){let{mouseOverSpotlight:e,showSpotlight:t}=this.state,{disableOverlay:r,disableOverlayClose:n,lifecycle:a,onClickOverlay:o,placement:i,styles:l}=this.props;if(r||a!==X.TOOLTIP)return null;let d=l.overlay;Qu()&&(d=i==="center"?l.overlayLegacyCenter:l.overlayLegacy);let u={cursor:n?"default":"pointer",height:l6(),pointerEvents:e?"none":"auto",...d},c=i!=="center"&&t&&s.createElement(_6,{styles:this.spotlightStyles});if(rc()==="safari"){let{mixBlendMode:p,zIndex:f,...m}=u;c=s.createElement("div",{style:{...m}},c),delete u.backgroundColor;}return s.createElement("div",{className:"react-joyride__overlay","data-test-id":"overlay",onClick:o,role:"presentation",style:u},c)}},N6=class extends s.Component{constructor(){super(...arguments),F(this,"node",null);}componentDidMount(){let{id:e}=this.props;Rr()&&(this.node=document.createElement("div"),this.node.id=e,document.body.appendChild(this.node),no||this.renderReact15());}componentDidUpdate(){Rr()&&(no||this.renderReact15());}componentWillUnmount(){!Rr()||!this.node||(no||Oi.unmountComponentAtNode(this.node),this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=null));}renderReact15(){if(!Rr())return;let{children:e}=this.props;this.node&&Oi.unstable_renderSubtreeIntoContainer(this,e,this.node);}renderReact16(){if(!Rr()||!no)return null;let{children:e}=this.props;return this.node?Oi.createPortal(e,this.node):null}render(){return no?this.renderReact16():null}};function F6({styles:e,...t}){let{color:r,height:n,width:a,...o}=e;return s__default.createElement("button",{style:o,type:"button",...t},s__default.createElement("svg",{height:typeof n=="number"?`${n}px`:n,preserveAspectRatio:"xMidYMid",version:"1.1",viewBox:"0 0 18 18",width:typeof a=="number"?`${a}px`:a,xmlns:"http://www.w3.org/2000/svg"},s__default.createElement("g",null,s__default.createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:r}))))}var O6=F6;function R6(e){let{backProps:t,closeProps:r,continuous:n,index:a,isLastStep:o,primaryProps:i,size:l,skipProps:d,step:u,tooltipProps:c}=e,{content:p,hideBackButton:f,hideCloseButton:m,hideFooter:h,locale:g,showProgress:w,showSkipButton:y,styles:v,title:k}=u,{back:b,close:x,last:C,next:O,skip:ce}=g,le={primary:x};return n&&(le.primary=o?C:O,w&&(le.primary=s.createElement("span",null,le.primary," (",a+1,"/",l,")"))),y&&!o&&(le.skip=s.createElement("button",{"aria-live":"off","data-test-id":"button-skip",style:v.buttonSkip,type:"button",...d},ce)),!f&&a>0&&(le.back=s.createElement("button",{"data-test-id":"button-back",style:v.buttonBack,type:"button",...t},b)),le.close=!m&&s.createElement(O6,{"data-test-id":"button-close",styles:v.buttonClose,...r}),s.createElement("div",{key:"JoyrideTooltip","aria-label":Hr(k)||Hr(p),className:"react-joyride__tooltip",style:v.tooltip,...c},s.createElement("div",{style:v.tooltipContainer},k&&s.createElement("h1",{"aria-label":Hr(k),style:v.tooltipTitle},k),s.createElement("div",{style:v.tooltipContent},p)),!h&&s.createElement("div",{style:v.tooltipFooter},s.createElement("div",{style:v.tooltipFooterSpacer},le.skip),le.back,s.createElement("button",{"data-test-id":"button-primary",style:v.buttonNext,type:"button",...i},le.primary)),le.close)}var H6=R6,D6=class extends s.Component{constructor(){super(...arguments),F(this,"handleClickBack",e=>{e.preventDefault();let{helpers:t}=this.props;t.prev();}),F(this,"handleClickClose",e=>{e.preventDefault();let{helpers:t}=this.props;t.close();}),F(this,"handleClickPrimary",e=>{e.preventDefault();let{continuous:t,helpers:r}=this.props;if(!t){r.close();return}r.next();}),F(this,"handleClickSkip",e=>{e.preventDefault();let{helpers:t}=this.props;t.skip();}),F(this,"getElementsProps",()=>{let{continuous:e,isLastStep:t,setTooltipRef:r,step:n}=this.props,a=Hr(n.locale.back),o=Hr(n.locale.close),i=Hr(n.locale.last),l=Hr(n.locale.next),d=Hr(n.locale.skip),u=e?l:o;return t&&(u=i),{backProps:{"aria-label":a,"data-action":"back",onClick:this.handleClickBack,role:"button",title:a},closeProps:{"aria-label":o,"data-action":"close",onClick:this.handleClickClose,role:"button",title:o},primaryProps:{"aria-label":u,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:u},skipProps:{"aria-label":d,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:d},tooltipProps:{"aria-modal":!0,ref:r,role:"alertdialog"}}});}render(){let{continuous:e,index:t,isLastStep:r,setTooltipRef:n,size:a,step:o}=this.props,{beaconComponent:i,tooltipComponent:l,...d}=o,u;if(l){let c={...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:d,setTooltipRef:n};u=s.createElement(l,{...c});}else u=s.createElement(H6,{...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:o});return u}},V6=class extends s.Component{constructor(){super(...arguments),F(this,"scope",null),F(this,"tooltip",null),F(this,"handleClickHoverBeacon",e=>{let{step:t,store:r}=this.props;e.type==="mouseenter"&&t.event!=="hover"||r.update({lifecycle:X.TOOLTIP});}),F(this,"handleClickOverlay",()=>{let{helpers:e,step:t}=this.props;t.disableOverlayClose||e.close();}),F(this,"setTooltipRef",e=>{this.tooltip=e;}),F(this,"setPopper",(e,t)=>{var r;let{action:n,step:a,store:o}=this.props;t==="wrapper"?o.setPopper("beacon",e):o.setPopper("tooltip",e),o.getPopper("beacon")&&o.getPopper("tooltip")&&o.update({action:n,lifecycle:X.READY}),(r=a.floaterProps)!=null&&r.getPopper&&a.floaterProps.getPopper(e,t);}),F(this,"renderTooltip",e=>{let{continuous:t,helpers:r,index:n,size:a,step:o}=this.props;return s.createElement(D6,{continuous:t,helpers:r,index:n,isLastStep:n+1===a,setTooltipRef:this.setTooltipRef,size:a,step:o,...e})});}componentDidMount(){let{debug:e,index:t}=this.props;bn({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e});}componentDidUpdate(e){var t;let{action:r,callback:n,continuous:a,controlled:o,debug:i,index:l,lifecycle:d,size:u,status:c,step:p,store:f}=this.props,{changed:m,changedFrom:h}=gn(e,this.props),g={action:r,controlled:o,index:l,lifecycle:d,size:u,status:c},w=a&&r!==me.CLOSE&&(l>0||r===me.PREV),y=m("action")||m("index")||m("lifecycle")||m("status"),v=h("lifecycle",[X.TOOLTIP,X.INIT],X.INIT),k=m("action",[me.NEXT,me.PREV,me.SKIP,me.CLOSE]),b=o&&l===e.index;if(k&&(v||b)&&n({...g,index:e.index,lifecycle:X.COMPLETE,step:e.step,type:zt.STEP_AFTER}),p.placement==="center"&&c===ie.RUNNING&&m("index")&&r!==me.START&&d===X.INIT&&f.update({lifecycle:X.READY}),y){let x=Dr(p.target),C=!!x;C&&c6(x)?(h("status",ie.READY,ie.RUNNING)||h("lifecycle",X.INIT,X.READY))&&n({...g,step:p,type:zt.STEP_BEFORE}):(console.warn(C?"Target not visible":"Target not mounted",p),n({...g,type:zt.TARGET_NOT_FOUND,step:p}),o||f.update({index:l+(r===me.PREV?-1:1)}));}h("lifecycle",X.INIT,X.READY)&&f.update({lifecycle:Yu(p)||w?X.TOOLTIP:X.BEACON}),m("index")&&bn({title:`step:${d}`,data:[{key:"props",value:this.props}],debug:i}),m("lifecycle",X.BEACON)&&n({...g,step:p,type:zt.BEACON}),m("lifecycle",X.TOOLTIP)&&(n({...g,step:p,type:zt.TOOLTIP}),this.tooltip&&(this.scope=new B6(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),h("lifecycle",[X.TOOLTIP,X.INIT],X.INIT)&&((t=this.scope)==null||t.removeScope(),f.cleanupPoppers());}componentWillUnmount(){var e;(e=this.scope)==null||e.removeScope();}get open(){let{lifecycle:e,step:t}=this.props;return Yu(t)||e===X.TOOLTIP}render(){let{continuous:e,debug:t,index:r,lifecycle:n,nonce:a,shouldScroll:o,size:i,step:l}=this.props,d=Dr(l.target);return !ac(l)||!T.domElement(d)?null:s.createElement("div",{key:`JoyrideStep-${r}`,className:"react-joyride__step"},s.createElement(N6,{id:"react-joyride-portal"},s.createElement(P6,{...l,debug:t,lifecycle:n,onClickOverlay:this.handleClickOverlay})),s.createElement(Di,{...l.floaterProps,component:this.renderTooltip,debug:t,getPopper:this.setPopper,id:`react-joyride-step-${r}`,open:this.open,placement:l.placement,target:l.target},s.createElement(L6,{beaconComponent:l.beaconComponent,continuous:e,index:r,isLastStep:r+1===i,locale:l.locale,nonce:a,onClickOrHover:this.handleClickHoverBeacon,shouldFocus:o,size:i,step:l,styles:l.styles})))}},lc=class extends s.Component{constructor(e){super(e),F(this,"helpers"),F(this,"store"),F(this,"callback",i=>{let{callback:l}=this.props;T.function(l)&&l(i);}),F(this,"handleKeyboard",i=>{let{index:l,lifecycle:d}=this.state,{steps:u}=this.props,c=u[l];d===X.TOOLTIP&&i.code==="Escape"&&c&&!c.disableCloseOnEsc&&this.store.close();}),F(this,"syncState",i=>{this.setState(i);});let{debug:t,getHelpers:r,run:n,stepIndex:a}=e;this.store=M6({...e,controlled:n&&T.number(a)}),this.helpers=this.store.getHelpers();let{addListener:o}=this.store;bn({title:"init",data:[{key:"props",value:this.props},{key:"state",value:this.state}],debug:t}),o(this.syncState),r&&r(this.helpers),this.state=this.store.getState();}componentDidMount(){if(!Rr())return;let{debug:e,disableCloseOnEsc:t,run:r,steps:n}=this.props,{start:a}=this.store;Ku(n,e)&&r&&a(),t||document.body.addEventListener("keydown",this.handleKeyboard,{passive:!0});}componentDidUpdate(e,t){if(!Rr())return;let{action:r,controlled:n,index:a,lifecycle:o,status:i}=this.state,{debug:l,run:d,stepIndex:u,steps:c}=this.props,{stepIndex:p,steps:f}=e,{reset:m,setSteps:h,start:g,stop:w,update:y}=this.store,{changed:v}=gn(e,this.props),{changed:k,changedFrom:b}=gn(t,this.state),x=oo(c[a],this.props),C=!Ve(f,c),O=T.number(u)&&v("stepIndex"),ce=Dr(x.target);if(C&&(Ku(c,l)?h(c):console.warn("Steps are not valid",c)),v("run")&&(d?g(u):w()),O){let ye=T.number(p)&&p<u?me.NEXT:me.PREV;r===me.STOP&&(ye=me.START),[ie.FINISHED,ie.SKIPPED].includes(i)||y({action:r===me.CLOSE?me.CLOSE:ye,index:u,lifecycle:X.INIT});}!n&&i===ie.RUNNING&&a===0&&!ce&&(this.store.update({index:a+1}),this.callback({...this.state,type:zt.TARGET_NOT_FOUND,step:x}));let le={...this.state,index:a,step:x};if(k("action",[me.NEXT,me.PREV,me.SKIP,me.CLOSE])&&k("status",ie.PAUSED)){let ye=oo(c[t.index],this.props);this.callback({...le,index:t.index,lifecycle:X.COMPLETE,step:ye,type:zt.STEP_AFTER});}if(k("status",[ie.FINISHED,ie.SKIPPED])){let ye=oo(c[t.index],this.props);n||this.callback({...le,index:t.index,lifecycle:X.COMPLETE,step:ye,type:zt.STEP_AFTER}),this.callback({...le,type:zt.TOUR_END,step:ye,index:t.index}),m();}else b("status",[ie.IDLE,ie.READY],ie.RUNNING)?this.callback({...le,type:zt.TOUR_START}):(k("status")||k("action",me.RESET))&&this.callback({...le,type:zt.TOUR_STATUS});this.scrollToStep(t),x.placement==="center"&&i===ie.RUNNING&&o===X.INIT&&this.store.update({lifecycle:X.READY});}componentWillUnmount(){let{disableCloseOnEsc:e}=this.props;e||document.body.removeEventListener("keydown",this.handleKeyboard);}scrollToStep(e){let{index:t,lifecycle:r,status:n}=this.state,{debug:a,disableScrollParentFix:o=!1,scrollDuration:i,scrollOffset:l=20,scrollToFirstStep:d=!1,steps:u}=this.props,c=oo(u[t],this.props),p=Dr(c.target),f=w6({isFirstStep:t===0,lifecycle:r,previousLifecycle:e.lifecycle,scrollToFirstStep:d,step:c,target:p});if(n===ie.RUNNING&&f){let m=ji(p,o),h=Zi(p,o),g=Math.floor(f6(p,l,o))||0;bn({title:"scrollToStep",data:[{key:"index",value:t},{key:"lifecycle",value:r},{key:"status",value:n}],debug:a});let w=this.store.getPopper("beacon"),y=this.store.getPopper("tooltip");if(r===X.BEACON&&w){let{offsets:v,placement:k}=w;!["bottom"].includes(k)&&!m&&(g=Math.floor(v.popper.top-l));}else if(r===X.TOOLTIP&&y){let{flipped:v,offsets:k,placement:b}=y;["top","right","left"].includes(b)&&!v&&!m?g=Math.floor(k.popper.top-l):g-=c.spotlightPadding;}g=g>=0?g:0,n===ie.RUNNING&&m6(g,{element:h,duration:i}).then(()=>{setTimeout(()=>{var v;(v=this.store.getPopper("tooltip"))==null||v.instance.update();},10);});}}render(){if(!Rr())return null;let{index:e,status:t}=this.state,{continuous:r=!1,debug:n=!1,nonce:a,scrollToFirstStep:o=!1,steps:i}=this.props,l;if(t===ie.RUNNING&&i[e]){let d=oo(i[e],this.props);l=s.createElement(V6,{...this.state,callback:this.callback,continuous:r,debug:n,helpers:this.helpers,nonce:a,shouldScroll:!d.disableScrolling&&(e!==0||o),step:d,store:this.store});}return s.createElement("div",{className:"react-joyride"},l)}};F(lc,"defaultProps",x6);var dc=lc;var uc=[void 0,"SKIPPED","EQUAL","FIXED","ADDED","CHANGED","REMOVED","CAPTURE_ERROR","SYSTEM_ERROR"],xn=([e,...t])=>t.reduce((r,n)=>uc.indexOf(n)>uc.indexOf(r)?n:r,e);function z6(e){return (e["FAILED"]??0)>0?"FAILED":(e["IN_PROGRESS"]??0)>0?"IN_PROGRESS":(e["BROKEN"]??0)>0?"BROKEN":(e["DENIED"]??0)>0?"DENIED":(e["PENDING"]??0)>0?"PENDING":(e["ACCEPTED"]??0)>0?"ACCEPTED":"PASSED"}function Sa(e){let{statusCounts:t,isInProgress:r,changeCount:n,brokenCount:a,resultsByBrowser:o,resultsByMode:i,modesByName:l}=e.reduce((p,f)=>(p.statusCounts[f.status]=(p.statusCounts[f.status]||0)+1,f.status==="IN_PROGRESS"&&(p.isInProgress=!0),f.result&&["CHANGED","ADDED"].includes(f.result)&&(p.changeCount+=1),f.result&&["CAPTURE_ERROR","SYSTEM_ERROR"].includes(f.result)&&(p.brokenCount+=1),f.comparisons?.forEach(({browser:m,result:h})=>{p.resultsByBrowser[m.id]=xn([h??void 0,p.resultsByBrowser[m.id]]);}),f.comparisons?.forEach(({result:m})=>{p.resultsByMode[f.mode.name]=xn([m??void 0,p.resultsByMode[f.mode.name]]);}),p.modesByName[f.mode.name]=f.mode,p),{statusCounts:{},isInProgress:!1,changeCount:0,brokenCount:0,resultsByBrowser:{},resultsByMode:{},modesByName:{}}),d=e.length?Object.fromEntries(e[0].comparisons.map(p=>[p.browser.id,p.browser])):{},u=Object.entries(o).map(([p,f])=>({browser:d[p],result:f})),c=Object.entries(i).map(([p,f])=>({mode:l[p],result:f}));return {status:z6(t),isInProgress:r,changeCount:n,brokenCount:a,browserResults:u,modeResults:c}}var $6=e=>{try{return [useGlobals()[0][e],useGlobalTypes()[e]]}catch{return [null,null]}},pc=({result:e})=>e&&!["EQUAL","FIXED","SKIPPED"].includes(e),W6=(e,t)=>{let r=e.filter(o=>o.comparisons.some(pc)),n=r.length?r:e;return n.find(o=>o.mode.name===t)||n[0]},q6=(e,t)=>{let r=e.filter(pc),n=r.length?r:e;return n.find(o=>o.browser.id===t)||n[0]};function fc(e){let[t,r]=useState(!0),n=$6("theme")[1],[a,o]=xe(cs),[i,l]=xe(ps),d,u;return e.length&&(d=t?W6(e,a):e.find(({mode:c})=>c.name===a)||e[0],u=t?q6(d.comparisons,i):d?.comparisons.find(({browser:c})=>c.id===i)||d?.comparisons[0],t&&(a!==d?.mode.name&&o(d?.mode.name),i!==u?.browser.id&&l(u?.browser.id),r(!1))),{modeOrder:n?.toolbar?.items?.map(c=>c.title),selectedTest:d,selectedComparison:u,onSelectBrowser:useCallback(c=>l(c.id),[l]),onSelectMode:useCallback(c=>o(c.name),[o])}}var mc=tt(`
|
|
137
137
|
query AddonVisualTestsBuild(
|
|
138
138
|
$projectId: ID!
|
|
139
139
|
$branch: String!
|
|
@@ -344,7 +344,7 @@ var sp=Object.create;var os=Object.defineProperty;var lp=Object.getOwnPropertyDe
|
|
|
344
344
|
}
|
|
345
345
|
}
|
|
346
346
|
}
|
|
347
|
-
`);var Cc=({projectId:e,storyId:t,gitInfo:r,selectedBuildInfo:n})=>{let[{data:a,error:o,operation:i},l]=ta({query:mc,variables:{projectId:e,storyId:t,testStatuses:Object.keys(Ei),branch:r.branch||"",...r.slug?{repositoryOwnerName:r.slug.split("/",1)[0]}:{},gitUserEmailHash:r.userEmailHash,selectedBuildId:n?.buildId||"",hasSelectedBuildId:!!n}});useEffect(()=>{let g=setInterval(l,5e3);return ()=>clearInterval(g)},[l]);let d=i&&t&&i.variables.storyId!==t,u=Mr(hc,a?.project?.lastBuildOnBranch),c=[...Mr(vc,u&&"testsForStory"in u&&u.testsForStory?u.testsForStory.nodes:[])],p=u?.committedAt>r.committedAt,f=!!u&&!p,m=!!u&&c.every(g=>g.status!=="IN_PROGRESS"),h=Mr(gc,a?.selectedBuild??(m?a?.project?.lastBuildOnBranch:void 0));return {account:a?.project?.account,features:a?.project?.features,manageUrl:a?.project?.manageUrl,hasData:!!a&&!d,hasProject:!!a?.project,hasSelectedBuild:h?.branch.split(":").at(-1)===r.branch,lastBuildOnBranch:u,lastBuildOnBranchIsNewer:p,lastBuildOnBranchIsReady:m,lastBuildOnBranchIsSelectable:f,selectedBuild:h,selectedBuildMatchesGit:h?.branch.split(":").at(-1)===r.branch&&h?.commit===r.commit&&h?.uncommittedHash===r.uncommittedHash,rerunQuery:l,queryError:o,userCanReview:!!a?.viewer?.projectMembership?.userCanReview,vtaOnboarding:a?.viewer?.preferences?.vtaOnboarding}},R1=createContext(null),kc=createContext(null),Ic=()=>je(R1,"Build"),Ui=()=>{let{selectedBuild:e}=je(R1,"Build");if(!e)throw new Error("No selectedBuild on Build context");return e},dt=()=>je(kc,"Story"),$i=({children:e,watchState:t})=>{let r=!!t?.selectedBuild&&"testsForStory"in t.selectedBuild,n=t?.selectedBuild&&"testsForStory"in t.selectedBuild&&t.selectedBuild.testsForStory?.nodes,a=[...Mr(yc,n||[])],o=Sa(a),{toggleDiff:i}=St();return useEffect(()=>i(o.changeCount>0),[i,o.changeCount]),s__default.createElement(R1.Provider,{value:useMemo(()=>t,[JSON.stringify(t?.selectedBuild)])},s__default.createElement(kc.Provider,{value:{hasTests:r,tests:a,summary:o,...fc(a)}},e))};var J6=styled.div({zIndex:9999,position:"fixed",top:0,left:"50%",width:"50%",height:"100%"}),Ec=s__default.memo(function({timeToFade:t=5e3,colors:r=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...n}){return s__default.createElement(J6,null,s__default.createElement(Confetti,{colors:r,particleCount:200,duration:t,stageHeight:window.innerHeight,stageWidth:window.innerWidth,destroyAfterDone:!0,...n}))});var K6=styled.div(({theme:e})=>({background:e.base==="light"?e.color.lightest:"#292A2C",width:260,padding:15,borderRadius:5,boxShadow:"0px 0px 32px 0px #00000029"})),X6=styled.div({display:"flex",flexDirection:"column",alignItems:"flex-start"}),e8=styled.div(({theme:e})=>({fontSize:13,lineHeight:"18px",fontWeight:700,color:e.color.defaultText})),t8=styled.div(({theme:e})=>({fontSize:13,lineHeight:"18px",textAlign:"start",color:e.color.defaultText,margin:0,marginTop:5})),r8=styled.div({display:"flex",justifyContent:"flex-end",marginTop:15}),Tc=({isLastStep:e,step:t,primaryProps:r,tooltipProps:n})=>s__default.createElement(K6,{...n},s__default.createElement(X6,null,t.title&&s__default.createElement(e8,null,t.title),s__default.createElement(t8,null,t.content)),(t.hideNextButton||t.hideBackButton)&&s__default.createElement(r8,{id:"buttonSkip"},!t.hideSkipButton&&!e&&s__default.createElement(W,{size:"medium",onClick:t.onSkipWalkthroughButtonClick,link:!0,style:{paddingRight:12,paddingLeft:12,marginRight:8}},"Skip"),!t.hideNextButton&&s__default.createElement(W,{...r,onClick:r.onClick,variant:"solid",...t.onNextButtonClick?{onClick:t.onNextButtonClick}:{}},t.nextButtonText||"Next")));var Mc="setFilter",Bc=({managerApi:e,skipWalkthrough:t,startWalkthrough:r,completeWalkthrough:n})=>{let a=useTheme(),o=dt(),i=o?.selectedTest?.result==="CHANGED",l=o?.selectedTest?.status!=="ACCEPTED",d=JSON.stringify(useStorybookState().layout),u=useRef(d);u.current!==d&&(window.dispatchEvent(new Event("resize")),u.current=d),useEffect(()=>{r();}),useEffect(()=>{e.getCurrentStoryData()?.type!=="story"&&e.jumpToStory(1),e.togglePanel(!0),e.togglePanelPosition("right"),e.setSelectedPanel(Mt);},[e]);let[c,p]=Fe("showConfetti",!1),[f,m]=Fe("stepIndex",0),h=()=>m((w=0)=>w+1);return useEffect(()=>{let w=document.getElementById("storybook-explorer-tree"),y=Array.from(w instanceof HTMLElement?w.children:[]).filter(v=>v instanceof HTMLElement).slice(1);return y.forEach(v=>v.style.display="none"),()=>y.forEach(v=>v.style.display="")},[]),useEffect(()=>{let w=()=>{m(1),setTimeout(()=>{window.dispatchEvent(new Event("resize"));},100);};return e.on(m0,w),e.on(Mc,w),()=>{e.off(m0,w),e.off(Mc,w);}},[e,m]),useEffect(()=>{o?.selectedTest?.status==="ACCEPTED"&&f===5&&(p(!0),m(6));},[o?.selectedTest?.status,c,p,f,m]),s__default.createElement(s__default.Fragment,null,c&&s__default.createElement(Ec,null),s__default.createElement(dc,{steps:[{target:"#sidebar-bottom-wrapper",title:"Changes found",content:s__default.createElement(s__default.Fragment,null,"The visual tests addon will detect changes in all of your stories and allow you to review them before opening a pull request.",s__default.createElement("br",null),s__default.createElement("br",null),"Click the number at the bottom-right to only show stories with visual changes."),floaterProps:{target:"#warnings-found-filter",options:{preventOverflow:{boundariesElement:"window"}}},placement:"top",disableBeacon:!0,hideNextButton:!0,spotlightClicks:!0,onSkipWalkthroughButtonClick:t},i&&l?{target:"#storybook-explorer-tree > div",title:"Stories with changes",content:s__default.createElement(s__default.Fragment,null,"Here you have a filtered list of only stories with changes."),placement:"right",disableBeacon:!0,spotlightClicks:!0,onNextButtonClick:h,onSkipWalkthroughButtonClick:t}:{target:"#storybook-explorer-tree > div",title:"Stories with changes",content:s__default.createElement(s__default.Fragment,null,"Here you have a list of all stories in your Storybook.",s__default.createElement("br",null),s__default.createElement("br",null),"Select a story with changes to see the exact pixels that changed."),placement:"right",disableBeacon:!0,spotlightClicks:!0,hideNextButton:!0,onSkipWalkthroughButtonClick:t},{target:"#panel-tab-content",title:"Inspect changes",content:s__default.createElement(s__default.Fragment,null,"The results of the changes are shown here. The pixels that changed are highlighted in green."),disableBeacon:!0,placement:"left",onNextButtonClick:h,onSkipWalkthroughButtonClick:t},{target:"#button-diff-visible",title:"Toggle the diff",content:s__default.createElement(s__default.Fragment,null,"This button shows or hides the visual diff. Use it to make the visual changes in your stories obvious. Try it out."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t,spotlightClicks:!0,disableBeacon:!0,placement:"bottom",disableOverlay:!0},{target:"#button-toggle-snapshot",title:"This is the Switch button",content:s__default.createElement(s__default.Fragment,null,"Switch between the baseline snapshot (old) and the latest snapshot. The info bar will let you know which version you're looking at."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t,spotlightClicks:!0,disableBeacon:!0,placement:"bottom",disableOverlay:!0},{target:"#button-toggle-accept-story",title:"Accept changes",content:s__default.createElement(s__default.Fragment,null,"If the visual changes are intentional, accept them to update the test baselines. The next time you run visual tests, future changes will be compared to these new baselines. This can be undone."),disableBeacon:!0,spotlightClicks:!0,onNextButtonClick:h,hideNextButton:!0,placement:"bottom",disableOverlay:!0,onSkipWalkthroughButtonClick:t},{target:"#button-toggle-accept-story",title:"Perfection!",placement:"bottom",disableOverlay:!0,content:s__default.createElement(s__default.Fragment,null,"You've got the basics down! You can always unaccept if you're not happy with the changes."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t},{target:"#button-run-tests",title:"You are ready to test",placement:"bottom",disableOverlay:!0,content:s__default.createElement(s__default.Fragment,null,"Any time you want to run tests, tap this button in the sidebar to see exactly what changed across your Storybook."),disableBeacon:!0,nextButtonText:"Done",onNextButtonClick:n}],continuous:!0,stepIndex:f,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,showSkipButton:!0,floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:a.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:Tc,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${a.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:a.color.secondary,arrowColor:a.base==="light"?a.color.lightest:"#292A2C"}}}))};var Lc=styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",borderRadius:e.appBorderRadius,background:e.base==="light"?e.color.lightest:e.color.darkest,border:`1px solid ${e.appBorderColor}`,padding:15,flex:1,gap:14,maxWidth:"500px",width:"100%"}),({theme:e,warning:t})=>t&&{background:e.base==="dark"?"#342e1a":e.background.warning});var l8=({content:e})=>{let t=e.split(/\r?\n/);return s__default.createElement(s__default.Fragment,null,t.reduce((r,n,a)=>r.concat([a&&s__default.createElement("br",null),n].filter(Boolean)),[]))},D1=({localBuildProgress:e,title:t})=>s__default.createElement(Lc,{warning:!0},s__default.createElement(M,null,s__default.createElement("span",null,t&&s__default.createElement("b",null,t,": "),s__default.createElement(l8,{content:s8(Array.isArray(e.originalError)?e.originalError[0]?.message:e.originalError?.message||"Unknown error")}))," ",s__default.createElement(ve,{target:"_blank",href:e.errorDetailsUrl||`${To}#troubleshooting`,withArrow:!0},e.errorDetailsUrl?"Details":"Troubleshoot"))),Ac=({children:e,localBuildProgress:t})=>(we("Errors","BuildError"),s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Build failed"),s__default.createElement(M,{center:!0,muted:!0},"Check the Storybook process on the command line for more details.")),s__default.createElement(D1,{localBuildProgress:t}),e))));var Wi=["initialize","build","upload","verify","snapshot"],xa={initialize:{key:"initialize",emoji:"\u{1F680}",renderName:()=>"Initialize build",renderProgress:()=>"Initializing build...",renderComplete:()=>"Initialized",estimateDuration:2e3},build:{key:"build",emoji:"\u{1F3D7}",renderName:()=>"Build Storybook",renderProgress:()=>"Building your Storybook...",renderComplete:()=>"Storybook built",estimateDuration:2e4},upload:{key:"upload",emoji:"\u{1F4E1}",renderName:()=>"Publish your Storybook",renderProgress:({stepProgress:e})=>{let{numerator:t,denominator:r}=e.upload;if(!r||!t)return "Uploading files...";let{value:n,exponent:a}=filesize(r,{output:"object",round:1}),{value:o,symbol:i}=filesize(t,{exponent:a,output:"object",round:1});return `Uploading files... ${o}/${n} ${i}`},renderComplete:()=>"Publish complete",estimateDuration:2e4},verify:{key:"verify",emoji:"\u{1F50D}",renderName:()=>"Verify your Storybook",renderProgress:()=>"Verifying contents...",renderComplete:()=>"Storybook verified",estimateDuration:2e4},snapshot:{key:"snapshot",emoji:"\u{1F4F8}",renderName:()=>"Run visual tests",renderProgress:({stepProgress:e})=>{let{numerator:t,denominator:r}=e.snapshot;return r?`Running visual tests... ${t}/${r}`:"Running visual tests..."},renderComplete:()=>"Tested your stories",estimateDuration:9e4},aborted:{key:"aborted",emoji:"\u270B",renderName:()=>"Build canceled",renderProgress:()=>"Build canceled",renderComplete:()=>"Build canceled",estimateDuration:0},complete:{key:"complete",emoji:"\u{1F389}",renderName:()=>"Visual tests completed!",renderProgress:()=>"Visual tests completed!",renderComplete:()=>"Visual tests completed!",estimateDuration:0},error:{key:"error",emoji:"\u{1F6A8}",renderName:()=>"Build failed",renderProgress:()=>"Build failed",renderComplete:()=>"Build failed",estimateDuration:0},limited:{key:"error",emoji:"\u{1F6A8}",renderName:()=>"Build limited",renderProgress:()=>"Build limited",renderComplete:()=>"Build limited",estimateDuration:0}},d8={buildProgressPercentage:0,currentStep:Wi[0],stepProgress:Object.fromEntries(Wi.map(e=>[e,{}]))};JSON.stringify(d8);var qi=({localBuildProgress:e,withEmoji:t=!1,...r})=>{let{emoji:n,renderProgress:a}=xa[e.currentStep],o=a(e);return s__default.createElement(M,{...r},t&&n," ",o)};var c8=styled(M)({display:"flex",flexDirection:"column",gap:10,width:200,marginTop:15}),Pc=styled.div(({theme:e})=>({height:5,background:e.background.hoverable,borderRadius:5,overflow:"hidden"})),p8=styled(Pc)(({theme:e})=>({background:e.color.secondary,transition:"width 3s ease-out"}));function Vr({localBuildProgress:e}){return s__default.createElement(c8,{center:!0,small:!0},s__default.createElement(Pc,null,typeof e.buildProgressPercentage=="number"&&s__default.createElement(p8,{style:{width:`${e.buildProgressPercentage}%`}})),s__default.createElement(qi,{center:!0,muted:!0,small:!0,localBuildProgress:e}))}var Nc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgB7ZfPTupAFMa/mbb0XkAk6r2516jRnXHlxr0+ib4J+iTqm7Bx5YaVcWPQECUoGiJCpX/mOKcxRo2DILa44Jc0Taad+b45mZkzR+CZaq2+CcsqAWIdoCKSowyFw5WFvwcvLRf1m1Kt0SSv51OkFCVJx+sRa1W1JmuLav16x5Zyf/7PDKQQSAM9RVzd3CH0aUsKEtsz0/nUxBnWmisWAItKkkCbWddF2mQcm1/rEmPiOeJF2/TD+f0pKo0jBKqHUcg5U1ib28ByYfXD78YInDSPRxZnOkE7nogJ2a/jd9FvImNbAz/GgHERZp08pjJ8OA3uMVIh2kELXvAwcB/j6HmnOJQ4Y0kbBW16GGS/wb7CsKYni9AYZ9f6haydhzCEVFGEbtiFH3kYBWMEfts5o3jcUVjIaYOjIvsJfIb4hhQ+WYQTAz/XgDXALuCz4D2ckN7Dt6KhDfzLLcGxMsaORApe2MFbQyrOhq9xpIu12Q3jOMaTcNqdjZ+k0REQLS4UxoXUZ1nFD0KkTffR51dZUhTuNVttpBkF1rq717cmFR3GDdXLxm6tcUudxx4lCRe+XACz1pnWZO2XbMJFKteJXKohMYTeIlRBFO2tLP4vc8sThEpu8pkDBW8AAAAASUVORK5CYII=";var Fc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN0SURBVHgBvVdLTxNRFP7uUDpSC7Q8rFSLqWJEExOfC1/xHWPiQuPShS50Y/wP6F9wq1HZuTAxMXFlNGzUhWIQDWICLYhSC4XWlj5m2pnjvS20NNDhltB+i870zpnzffece8/cw7CI4FToDBoa+gB2ACAXaocBmOj3b9/yrDgyGZrtmwpHKK3pZJgm1RLJtEaCK8g5BTcLhmZu2RTlqbezDQpjqAf4FDE9O4+cTmcVRuxmW6uzbuQCgqvD1QI0UJ9CoDMOVUW9YW+0icsBG9YDLQNMjIAS0fxf1u4FvH5A3STtYjHiruoEcGL6/Bb07X3ZMImfZjfYnkNgR86jGsgL4LM1Xz3OXys9F+KQiIGdvQ5ZKLKGBefRte1+DoKG30MWcgKmg9zxF8iCBt8W1slGCaDgCKqCIA8FpEzlIjAXQrWgiNw70mugVpDaBczF9/nXvzy03NxmAo4sqEUrN2rls3YUPLIUkOnoQpOEb0sBWVPDp5l3SOqjuDjeVi5KzYG2x0E9KZi7eCVYVoNEXXgY2YpdvOaf38bgtlfmqJiCZDaO15P9CMS/I9xtILzDKDfg0WD7LwHnzpWRC3w0TiBGbgxGgEejhKiO6gW8+f0cC9l/JadXNCRdVDI42QtcPQrFcwHMubM4HCIv3hmlahjlmXoRIFQlQMx6ObnAQivhzY10SQQnLzrxFAh/GHvxJHsbGSoPSSABjFSoYauugV8LY6saCxEv76bgne5Ec5MCj65DIxMxeDBE9xDIeVEJIh373JICotoMrDDevQlz8fIIpRu5d4tch9IicivPHOuqA8Ts2CisKsBpa7F8yWbMrxgzcw2W77jtTF6Ax+GDFexmFIyyZeQ5zToqhzsgL6DXfQR2xfp006oPF++zKYelrShE/mbIC7ArKo51XYYVnLw6qkaYz1xFJu60tL3SzauhWoUAAd/mHpzedg3Oxsrr4ZQaxUGbu+JzMfM7vWzV7bcEy2+BEOHz9+QL01RiDLqZyadms70FPudueJoKa+V4J/AhzM8t6RJxF8/K4XZepdf43LHg9Gy0e2u7q559wRImQrP8dAwM6dkc6o1UJl+1BhQycg8isUS+XaoXBNd8fIHfGP35geCf8P2p8BwlMxrVEqLxFQ2w4BrnnIK7mHjRpIo+UbRqqBlYjBfyIRjGA7+va0CM/AdEDxpHNfo8owAAAABJRU5ErkJggg==";var Oc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMJSURBVHgB7VfNblJBFD5z+5e0poXGNqnFRFxoUly0K+vCpG7aFyhrTRofwBcQ6974AIZo1/QFyorEBezsQkhqYqkBSoBaAcWW3+N8dxh+hFJI+Nn0S264d+65c77znXNmGEFVhCPxDRobcxGJVSK20ODgowrt2W2Ln2ojP+IpVyRxxhf5ApcrFR4kchd5hq+w9AnfIhxPvhg3jI93FubJEIKGARkinabOqVTgZ4Zg8Xx+7tbQnAPwddsySzTGLoOJN6anpmjYmJwYx8+qQSNCVXHLyAho3BAY78bo5WemFau6D/0i+vC0fx1zLYFQmmjTJshpV8+BpLrWF6kvuDYFB1GuOQfg+CDG1C90lQIgKKWH8EiFbZooWySanWi18yeRJjbfA7DZkgraZqh3Aoh+a1nl21uNesUqzAk9YaadB/VagMP3X5W9876okYvmVMoyxWZ7jY4pCKSoVnyNQDTZQvOY51g5QIq8kjjIvP2iSG8jhawKuGsCYL5iUYyhxJNFYV6IBkCEWmYAxYpv3EfwJejVI0Gv15RSAFQLprl7AoEknNYnR2S4/Ek1CWTWk5vPdkXWYVV23phKydxk55a9sgYiMprtGRWlzi8Qy9UVaJQUaYENfh0WVXTrUrHoH+qdACK2zYiaI9da+ygQtV4T3N+Y3j0WJlnUQzCtbPDssoreCCDnyCGwL2WO5JrfO+SEm8vKMaJGznW3uI/YJKbbTivXEwENFFVGRqDJaMBJtlhvNbzVXYGxjLyfnVRKOKyda6ClCHXFAyhEHVkjMKnOP2whc6ha4TsPhVknnmNl126xakSLAvsnaD82VzQosG1v/QjSY4PyV1sSZKAS5DadyujniqpjMIe2w73zv/lE+DTJ95YWqF8AGSiCGrhq+dU4iae63wu6RbuVsxNu/hFJAiKNg8LICMgmOywUSzRs/L00Fw6fweXS7ln6Nw1TBfg6z8pNolLeMwfCscSbSOIn5y7zPEjg4IsDMHx9lz7hu7bM4ZCKcyKOajQwCLlF8SGVy7v2u0s+jPwDEeUTfjDhTd4AAAAASUVORK5CYII=";var Rc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgBxZfLbtNAFIb/8TgJCbm2adNUIOiuYpUN+7JiySPAm5Q+CfQBeIcuWYDaVYWEUIQqCLmQpEmaJq7Hw5y4dpOOadwEh0+yZnx8OWfm/HNjuKZ6VtsD5/sAqwAyj+g4goPDnUeb733L91pz/6zekpdjSwrHkVFycTmW5KuqfJJvVq013piG8W57Yw0GY1gFqon42WzDtuQLg0n2ei2XXplzgnwV81mAy31DQu6lEgmsmnjMpKJi4D9x3eN58/YDabdUkmrAuboMDqTXgV4DSOWgkuZei9iEElzyCRDbmvGnBYDmZ6C4rWIr39i8ejy1uI0aN/gKVpgNQE9BtoDIeJDUTHoP2GPVAvfFL708jrtlCMmxCClu4Vm2gd1s1zUM2kBybgCWXz3tbSJtmlicxKQBfgCkiVvoKUiv+dWhiGNZZnpv1Nee683rNWcFeM2lfQzH/oi++IUcL6LvdJAziuiIunsvOsjwAobSQT7+Ui0ruwiD3gOp4HVI2J9UtBIFXlIf8Ylzwr9XQVCZZjE0Rx8C/4EH6RABkAgDGDkNhKXA/zKSSITzA7ACv02yhwgLpSWQ+4pwmgvZQ1i89GgEiFAPgEQYQIaFn6D6Tjv0u6FF2JdDhCXJy8EPlhHheuKVGmISV9LCQA1BKs+dltpdiUlJUO6lGium+TzwH0EivHMmnIbGdSHpjm2vHV7pza5bmMN9RWgygWVJ8aubm/vOhJV8Ta0HJTUlx7AIJnPUP+p3v6NZpkRIi4i/kPwLaGNyCz0FSmiR0dFnU60HWPwpZPdUaSHjqpaE4+WOhtEiNkdpKbMJtl6ZHwDiJbCNklv35D29iVjGFoBKAes6UXb7HAy1OT6xrmysmuFoMt8cGVLYB61uH6vsBfLV7g1IG4cTQ/VH/e1Z/be8GI1llNDBlw7A5Oub8km+/QMhHVLpnEhHNUQGU5OKPIEQBzuPy0dk+QPy8+sGXJtnqwAAAABJRU5ErkJggg==";var v8=styled.div(({theme:e})=>({border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,padding:"6px 10px",fontSize:13,lineHeight:"18px"})),y8=styled.div(({theme:e})=>({lineHeight:"18px",position:"relative",borderRadius:5,display:"block",minWidth:"80%",color:e.color.warningText,background:e.background.warning,border:`1px solid ${An(.5,e.color.warningText)}`,padding:15,margin:0})),w8=styled(M)(({theme:e})=>({color:e.color.darkest})),b8=({onSkip:e,runningSecondBuild:t})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Make a change to this story"),s__default.createElement(M,{center:!0,muted:!0,block:!0},"In your code, adjust the markup, styling, or assets to see how visual testing works. Don't worry, you can undo it later. Here are a few ideas to get you started.")),s__default.createElement(D,{style:{display:"flex",alignItems:"flex-start",gap:"8px",margin:"10px 0"}},s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Fc,alt:"Color Palette",style:{width:32,height:32}}),"Shift the color palette"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Oc,alt:"Embiggen",style:{width:32,height:32}})," ","Embiggen the type"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Rc,alt:"Layout",style:{width:32,height:32}}),"Change the layout"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Nc,alt:"Adjust",style:{width:32,height:32}}),"Adjust the size or scale")),s__default.createElement(qe,null,t?s__default.createElement(y8,null,s__default.createElement(w8,null,"No changes found in the Storybook you published. Make a UI tweak and try again to continue.")):s__default.createElement(v8,null,"Awaiting changes..."),s__default.createElement(W,{link:!0,onClick:e},"Skip walkthrough"))))),S8=({isRunning:e,setRunningSecondBuild:t,startBuild:r,setInitialGitHash:n,uncommittedHash:a})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Changes detected"),s__default.createElement(M,{center:!0,muted:!0},"Time to run your first visual tests to pinpoint the exact changes made to this story.")),s__default.createElement(W,{variant:"solid",size:"medium",disabled:e,onClick:()=>{t(!0),r(),setTimeout(()=>{n(a);},1e4);}},s__default.createElement(Cr,null),"Run visual tests")))),x8=({localBuildProgress:e})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Running your first test"),s__default.createElement(M,{center:!0,muted:!0},"A new snapshot is being created in a standardized cloud browser. Once complete, you'll be able to pinpoint exactly what changed.")),s__default.createElement(Vr,{localBuildProgress:e})))),Hc=({isUnchanged:e,localBuildProgress:t,...r})=>(we("Onboarding","CatchAChange"),r.isRunning&&t?s__default.createElement(x8,{localBuildProgress:t}):e?s__default.createElement(b8,{...r}):s__default.createElement(S8,{...r}));var C8=styled.div(({status:e,theme:t})=>({position:"relative",display:"inline-flex",border:`1px solid ${e==="positive"?t.color.green:t.appBorderColor}`,borderRadius:5,margin:"15px 15px 0",minHeight:200,minWidth:200,maxWidth:500,img:{display:"block",maxWidth:"100%"},svg:{position:"absolute",top:-12,left:-12,width:24,height:24,padding:5,color:t.color.lightest,borderRadius:"50%",backgroundColor:t.color.green}})),k8=styled.div({width:"100%",margin:2,background:"white",borderRadius:3,overflow:"hidden",div:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"}}),mo=({backgroundColor:e,status:t,thumbnailUrl:r})=>s__default.createElement(C8,{status:t},s__default.createElement(k8,null,s__default.createElement("div",{style:e?{backgroundColor:e}:{}},s__default.createElement("img",{alt:"Snapshot thumbnail",src:r}))),t==="positive"&&s__default.createElement(Nn,null));var Vc=styled(M)({marginBottom:5}),Z1=({onComplete:e,onSkip:t,ranSecondBuild:r=!1})=>{we("Onboarding","CatchAChangeComplete");let n=dt();return s__default.createElement(G,{footer:null},s__default.createElement($,{style:{overflowY:"auto"}},r?s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. Your stories were saved as test baselines."),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser."),n.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...n.selectedComparison?.headCapture?.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(Vc,null,"You're ready to start testing!"),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Done"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough"))):s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. You ran your first tests!"),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser and changes were found."),n.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...n.selectedComparison?.headCapture?.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(Vc,null,"It's time to review changes!"),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Take a tour"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough")))))};var zc=()=>s__default.createElement("div",null,s__default.createElement(j,null,"Get started with visual testing"),s__default.createElement(M,{center:!0,muted:!0},'Take an image snapshot of your stories to save their "last known good state" as test baselines.')),Zc=({isRunning:e,localBuildProgress:t,startBuild:r,onSkip:n})=>(we("Onboarding","InitialBuild"),s__default.createElement(G,{footer:null},s__default.createElement($,null,t?s__default.createElement(D,null,s__default.createElement(zc,null),s__default.createElement(Vr,{localBuildProgress:t})):s__default.createElement(D,null,s__default.createElement(zc,null),s__default.createElement(qe,null,s__default.createElement(W,{disabled:e,size:"medium",variant:"solid",onClick:r},"Take snapshots"),s__default.createElement(W,{onClick:n,link:!0},"Skip walkthrough"))))));var T8=styled(M)({marginBottom:5}),jc=({onCatchAChange:e,onSkip:t})=>{we("Onboarding","InitialBuildComplete");let r=dt();return s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. Your stories were saved as test baselines."),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser."),r?.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...r?.selectedComparison?.headCapture.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(T8,{muted:!0},"Let's see the superpower of catching visual changes."),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Catch a UI change"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough")))))};var Uc=({dismissBuildError:e,localBuildProgress:t,showInitialBuildScreen:r,gitInfo:n,lastBuildHasChangesForStory:a,onComplete:o,onSkip:i})=>{let{isRunning:l,startBuild:d}=tr(),[u,c]=Fe("showInitialBuild",r);useEffect(()=>{r&&c(!0);},[r,c]);let[p,f]=Fe("showCatchAChange",!u),[m,h]=Fe("initialGitHash",n.uncommittedHash),g=()=>{h(n.uncommittedHash),f(!0);},[w,y]=Fe("runningSecondBuild",!1);return t?.currentStep==="error"?s__default.createElement(Ac,{localBuildProgress:t},s__default.createElement(qe,null,s__default.createElement(W,{variant:"solid",size:"medium",onClick:d},"Try again"),s__default.createElement(W,{link:!0,onClick:i},"Skip walkthrough"))):t?.currentStep==="limited"?s__default.createElement(Ti,{billingUrl:t.errorDetailsUrl,suspensionReason:"EXCEEDED_THRESHOLD"},s__default.createElement(W,{link:!0,onClick:e},"Continue")):u&&(!t||t&&l)?s__default.createElement(Zc,{isRunning:l,localBuildProgress:t,startBuild:d,onSkip:i}):t?.currentStep==="complete"&&!p&&!w?a?s__default.createElement(Z1,{onComplete:o,onSkip:i}):s__default.createElement(jc,{onCatchAChange:g,onSkip:i}):p&&!a?s__default.createElement(Hc,{isRunning:l,isUnchanged:m===n.uncommittedHash,localBuildProgress:t,onSkip:i,runningSecondBuild:w,setInitialGitHash:h,setRunningSecondBuild:y,startBuild:d,uncommittedHash:n.uncommittedHash}):a?s__default.createElement(Z1,{onComplete:o,onSkip:i,ranSecondBuild:p&&w}):null};var $c=styled.div(({theme:e})=>({background:e.background.app,padding:"9px 15px",lineHeight:"21px",color:e.color.defaultText,borderBottom:`1px solid ${e.appBorderColor}`}));var N8=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(359deg)"}}),F8=styled(Zo)({animation:`${N8} 1s linear infinite`}),Yi={width:10,marginRight:8},Wc=styled.button(({isWarning:e,onClick:t,theme:r})=>{let n=r.base==="light"?r.background.warning:"#2e271a";return {position:"relative",display:"flex",width:"100%",lineHeight:"20px",padding:"5px 7px 5px 15px",justifyContent:"space-between",alignItems:"center",background:e?n:r.background.app,border:"none",borderBottom:`1px solid ${r.appBorderColor}`,color:r.color.defaultText,cursor:t?"pointer":"default",textAlign:"left","& > *":{zIndex:1},code:{fontFamily:r.typography.fonts.mono,fontSize:"12px"}}}),qc=styled.div(({isWarning:e,percentage:t,theme:r})=>{let n=r.base==="light"?"#FFE6B1":"#43361f";return {display:"block",position:"absolute",top:"0",height:"100%",left:"0",width:`${t}%`,transition:"width 3s ease-out",backgroundColor:e?n:r.background.hoverable,pointerEvents:"none",zIndex:0}}),Qi=styled.div({lineHeight:"21px",padding:"4px 0"}),O8=styled(hl)({transition:"transform 0.1s ease-in-out"}),R8=styled.div(({expanded:e,theme:t})=>({display:"grid",gridTemplateRows:e?"1fr":"0fr",background:t.background.app,borderBottom:e?`1px solid ${t.appBorderColor}`:"none",transition:"grid-template-rows 150ms ease-out"})),H8=styled.div(({theme:e})=>({whiteSpace:"nowrap",overflow:"hidden",color:e.base==="light"?e.color.dark:e.color.lightest})),D8=styled.div(({isCurrent:e,isFailed:t,isPending:r,theme:n})=>({display:"flex",flexDirection:"row",gap:8,opacity:r?.7:1,color:t?n.color.negativeText:"inherit",fontWeight:e||t?"bold":"normal",fontFamily:"Menlo, monospace",fontSize:12,lineHeight:"24px",margin:"0 15px","&:first-of-type":{marginTop:10},"&:last-of-type":{marginBottom:10},"& > div":{display:"flex",alignItems:"center"}})),V8=({localBuildProgress:e,expanded:t=!1})=>{let r=useRef({});useEffect(()=>{r.current[e.currentStep]={...e};},[e]);let n=["aborted","error"].includes(e.currentStep),a=Wi.map(o=>{let{startedAt:i,completedAt:l}=e.stepProgress[o],d=!!i&&!l,u=d&&n,c=!i,p={...xa[o],isCurrent:d,isFailed:u,isPending:c};return u?{...p,icon:s__default.createElement(Lt,{style:Yi}),renderLabel:p.renderProgress}:d?{...p,icon:s__default.createElement(F8,{style:Yi}),renderLabel:p.renderProgress}:c?{...p,icon:s__default.createElement(ml,{style:Yi}),renderLabel:p.renderName}:{...p,icon:s__default.createElement(Nn,{style:Yi}),renderLabel:p.renderComplete}});return s__default.createElement(R8,{expanded:t},s__default.createElement(H8,null,a.map(({icon:o,isCurrent:i,isFailed:l,isPending:d,key:u,renderLabel:c})=>s__default.createElement(D8,{isCurrent:i,isFailed:l,isPending:d,key:u},s__default.createElement("div",null,o,c(r.current[u]||e))))))},Gc=({branch:e,dismissBuildError:t,localBuildProgress:r,lastBuildOnBranchInProgress:n,switchToLastBuildOnBranch:a})=>{let[o,i]=s__default.useState(!1),l=()=>{i(!o);};if(r){let u=r.currentStep==="aborted",c=r.currentStep==="error",p=u||c;return s__default.createElement(s__default.Fragment,null,s__default.createElement(Wc,{as:c?"div":"button",onClick:c?void 0:l,isWarning:p},s__default.createElement(qc,{percentage:r.buildProgressPercentage,isWarning:p}),s__default.createElement(Qi,null,s__default.createElement(qi,{localBuildProgress:r,withEmoji:!0})),c?s__default.createElement(Ue,{onClick:t},s__default.createElement(Fn,{"aria-label":"Dismiss"})):s__default.createElement(Ue,{as:"div"},s__default.createElement(O8,{style:{transform:`rotate(${o?-180:0}deg)`}}))),s__default.createElement(V8,{localBuildProgress:r,expanded:o||c}))}function d(){return a?n?s__default.createElement(Qi,null,"Reviewing is disabled because there's a newer build in progress on"," ",s__default.createElement(Ae,null,e),". This can happen when a build runs in CI."):s__default.createElement(Qi,null,"There's a newer snapshot with changes."," ",s__default.createElement(Link,{withArrow:!0,onClick:a},"Switch to newer snapshot")):s__default.createElement(Qi,null,"Reviewing is disabled because there's a newer build on ",s__default.createElement(Ae,null,e),".")}return s__default.createElement(Wc,{onClick:a},s__default.createElement(qc,{percentage:100}),d())};var Yc=({onClose:e})=>s__default.createElement(Go,null,s__default.createElement(Fa,null,s__default.createElement(Wr,null,"Render settings",s__default.createElement(L0,null),s__default.createElement(Hn,{onClick:e},s__default.createElement(Rn,{"aria-label":"Close"}))),s__default.createElement("p",null,s__default.createElement(El,null),"Delay: 300ms"),s__default.createElement("p",null,s__default.createElement(Tl,null),"Animation pause: Ends"),s__default.createElement("p",null,s__default.createElement(Ml,null),"Threshold: 0.2"),s__default.createElement("p",null,s__default.createElement(Bl,null),"Anti-alias: Included")),s__default.createElement(Fa,null,s__default.createElement(Wr,null,"Bounding box",s__default.createElement(L0,null)),s__default.createElement("dl",null,s__default.createElement("dt",null,"Width:"),s__default.createElement("dd",null,"Fill viewport"),s__default.createElement("dt",null,"Height:"),s__default.createElement("dd",null,"Hug contents"))));var Jc={isReviewing:!1,userCanReview:!1,buildIsReviewable:!1,acceptTest:(e,t="SPEC")=>Promise.resolve(),unacceptTest:(e,t="SPEC")=>Promise.resolve()},Kc=createContext(Jc),Ji=()=>je(Kc,"ReviewTest"),Xc=({children:e,watchState:t=Jc})=>s__default.createElement(Kc.Provider,{value:t},e);var U8=styled.div(({theme:e})=>({position:"relative",display:"flex",background:"transparent",overflow:"hidden",margin:2,maxWidth:"calc(100% - 4px)","& > div":{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",p:{maxWidth:380,textAlign:"center"},svg:{width:24,height:24}},"& > svg":{position:"absolute",left:"calc(50% - 14px)",top:"calc(50% - 14px)",width:20,height:20,color:e.color.lightest,opacity:0,transition:"opacity 0.1s ease-in-out",pointerEvents:"none"}}),({href:e})=>e&&{display:"inline-flex",cursor:"pointer","&:hover":{"& > svg":{opacity:1},img:{filter:"brightness(85%)"}}}),e2=styled.div(({isVisible:e})=>({position:e?"static":"absolute",visibility:e?"visible":"hidden",maxWidth:"100%",minHeight:100})),Ki=styled.img({display:"block",width:"100%",height:"auto",transition:"filter 0.1s ease-in-out, opacity 0.1s ease-in-out","&[data-overlay]":{position:"absolute",opacity:.7,pointerEvents:"none",transition:"opacity 0.1s ease-in-out"}}),$8=styled(D)({margin:"30px 15px"}),W8=({comparisonImageLoaded:e,focusImageLoaded:t,showDiff:r,showFocus:n})=>r&&n?e&&t:r?e:n?t:!0,t2=({componentName:e,storyName:t,testUrl:r,comparisonResult:n,latestImage:a,baselineImage:o,baselineImageVisible:i,diffImage:l,focusImage:d,diffVisible:u,focusVisible:c,...p})=>{let f=useTheme(),m=!!a&&!!l&&n==="CHANGED",h=n==="CAPTURE_ERROR",g=m&&!!d,w=m?{as:"a",href:r,target:"_blank",title:"View on Chromatic.com"}:{},y=m&&u,v=g&&c,[k,b]=s__default.useState(!1),[x,C]=s__default.useState(!1),[O,ce]=s__default.useState(!1),[le,ze]=s__default.useState(!1),ye=i?x:k,Ze=W8({comparisonImageLoaded:O,focusImageLoaded:le,showDiff:y,showFocus:v});return s__default.createElement(U8,{...p,...w},a&&s__default.createElement(e2,{isVisible:!o||!i,style:{aspectRatio:`${a.imageWidth} / ${a.imageHeight}`,width:a.imageWidth}},(!k||!Ze)&&s__default.createElement(_a,null),s__default.createElement(Ki,{alt:`Latest snapshot for the '${t}' story of the '${e}' component`,src:a.imageUrl,style:{opacity:k?1:0},onLoad:()=>b(!0)})),o&&s__default.createElement(e2,{isVisible:i,style:{aspectRatio:`${o.imageWidth} / ${o.imageHeight}`,width:o.imageWidth}},(!x||!Ze)&&s__default.createElement(_a,null),s__default.createElement(Ki,{alt:`Baseline snapshot for the '${t}' story of the '${e}' component`,src:o.imageUrl,style:{opacity:x?1:0},onLoad:()=>C(!0)})),m&&ye&&s__default.createElement(Ki,{alt:"","data-overlay":"diff",src:l.imageUrl,style:{width:l.imageWidth,maxWidth:`${l.imageWidth/a.imageWidth*100}%`,opacity:y&&O?.7:0},onLoad:()=>ce(!0)}),g&&ye&&s__default.createElement(Ki,{alt:"","data-overlay":"focus",src:d.imageUrl,style:{width:d.imageWidth,maxWidth:`${d.imageWidth/a.imageWidth*100}%`,opacity:v&&le?.7:0,filter:v?"blur(2px)":"none"},onLoad:()=>ze(!0)}),m&&s__default.createElement(zo,null),h&&!a&&s__default.createElement($8,null,s__default.createElement(Js,{color:f.base==="light"?"currentColor":f.color.medium}),s__default.createElement(M,{center:!0,muted:!0},"A snapshot couldn't be captured. This often occurs when a story has a code error. Confirm that this story successfully renders in your local Storybook and run the build again.")))};var r2=e=>s__default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s__default.createElement("circle",{cx:"8.00009",cy:"7.99997",r:"7.7037",fill:"url(#paint0_linear_466_21186)"}),s__default.createElement("ellipse",{cx:"8.00094",cy:"8.00094",rx:"7.06173",ry:"7.06173",fill:"url(#paint1_radial_466_21186)"}),s__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z",fill:"#DDDDDD"}),s__default.createElement("path",{d:"M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z",fill:"#DDDDDD"}),s__default.createElement("path",{d:"M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z",fill:"#EE4444"}),s__default.createElement("path",{d:"M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z",fill:"#CC0000"}),s__default.createElement("path",{d:"M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z",fill:"#AAAAAA"}),s__default.createElement("defs",null,s__default.createElement("linearGradient",{id:"paint0_linear_466_21186",x1:"0.300303",y1:"0.300951",x2:"0.300303",y2:"15.7084",gradientUnits:"userSpaceOnUse"},s__default.createElement("stop",{stopColor:"#F8F8F8"}),s__default.createElement("stop",{offset:"1",stopColor:"#CCCCCC"})),s__default.createElement("radialGradient",{id:"paint1_radial_466_21186",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(8.00216 8.0046) scale(7.06173)"},s__default.createElement("stop",{stopColor:"#00F0FF"}),s__default.createElement("stop",{offset:"1",stopColor:"#0070E0"}))));var a2=styled.div(({status:e,theme:t})=>({display:"inline-block",width:6,height:6,borderRadius:"50%",background:e&&{["IN_PROGRESS"]:"transparent",["PASSED"]:t.color.positive,["PENDING"]:t.color.gold,["ACCEPTED"]:t.color.positive,["DENIED"]:t.color.positive,["BROKEN"]:t.color.negative,["FAILED"]:t.color.negative,["EQUAL"]:t.color.positive,["FIXED"]:t.color.positive,["ADDED"]:t.color.gold,["CHANGED"]:t.color.gold,["REMOVED"]:t.color.gold,["CAPTURE_ERROR"]:t.color.negative,["SYSTEM_ERROR"]:t.color.negative,positive:t.color.positive,negative:t.color.negative,warning:t.color.gold,notification:t.color.secondary}[e]}),({overlay:e,theme:t})=>e&&css({position:"absolute",top:-1,right:-2,width:7,height:7,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px var(--bg-color, ${t.background.bar})`,boxSizing:"border-box"})),e0=({status:e})=>s__default.createElement(a2,{status:e}),G8=styled.div({position:"relative",display:"inline-flex",justifyContent:"center","img, svg":{verticalAlign:"top"}}),t0=({status:e,children:t})=>s__default.createElement(G8,null,t,s__default.createElement(a2,{overlay:!0,status:e}));var o2={["CHROME"]:s__default.createElement(wi,{alt:"Chrome"}),["FIREFOX"]:s__default.createElement(bi,{alt:"Firefox"}),["SAFARI"]:s__default.createElement(Si,{alt:"Safari"}),["EDGE"]:s__default.createElement(r2,{alt:"Edge"})},Q8=styled.div(({theme:e})=>({alignItems:"center",color:e.base==="light"?e.color.dark:e.color.light,display:"inline-flex",gap:6,height:16,margin:"6px 7px",svg:{verticalAlign:"top"}})),i2=styled.span(({theme:e})=>({color:e.base==="light"?e.color.dark:e.color.light,display:"none",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,"@container (min-width: 300px)":{display:"inline-block"},"+ svg":{color:e.base==="light"?e.color.dark:e.color.light},"button:hover > &, button:hover > & + svg":{color:e.color.secondary}})),l2=({isAccepted:e,selectedBrowser:t,browserResults:r,onSelectBrowser:n})=>{let a=xn(r.map(({result:l})=>l));if(!a)return null;let o=o2[t.key];!e&&a!=="EQUAL"&&r.length>=2&&(o=s__default.createElement(t0,{status:a},o));let i=r.length>1&&r.map(({browser:l,result:d})=>({active:t===l,id:l.id,onClick:()=>n(l),right:!e&&d!=="EQUAL"&&s__default.createElement(e0,{status:d}),icon:o2[l.key],title:l.name}));return s__default.createElement(WithTooltip,{key:t.key,hasChrome:!1,placement:"top",trigger:"hover",tooltip:s__default.createElement(Re,{note:i?"Switch browser":`Tested in ${r[0].browser.name}`})},i?s__default.createElement(sr,{placement:"bottom",links:i},o,s__default.createElement(i2,null,t.name),s__default.createElement(On,{size:10})):s__default.createElement(Q8,null,o,s__default.createElement(i2,null,t.name)))};var K8=styled.div(({theme:e})=>({alignItems:"center",color:e.base==="light"?e.color.darkest:e.color.light,display:"inline-flex",gap:6,height:14,margin:"7px 7px",svg:{verticalAlign:"top",path:{fill:e.base==="light"?e.color.dark:e.color.light}}})),X8=styled(sr)(({theme:e})=>({button:{svg:{verticalAlign:"top",path:{fill:e.base==="light"?e.color.dark:e.color.light}},"&:hover":{svg:{path:{fill:e.color.secondary}}}}})),d2=styled.span(({theme:e})=>({color:e.base==="light"?e.color.dark:e.color.light,display:"none",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,"@container (min-width: 300px)":{display:"inline-block"},"button:hover > &":{color:e.color.secondary}})),u2=({isAccepted:e,modeOrder:t,modeResults:r,onSelectMode:n,selectedMode:a})=>{let o=xn(r.map(({result:d})=>d));if(!o)return null;let i=s__default.createElement(pl,null);!e&&o!=="EQUAL"&&r.length>=2&&(i=s__default.createElement(t0,{status:o},i));let l=r.length>1&&r.map(({mode:d,result:u})=>({id:d.name,title:d.name,right:!e&&u!=="EQUAL"&&s__default.createElement(e0,{status:u}),onClick:()=>n(d),active:a.name===d.name})).sort((d,u)=>{if(!t)return 0;let c=t.indexOf(d.title),p=t.indexOf(u.title);return c!==-1&&p!==-1?c-p:0});return s__default.createElement(WithTooltip,{key:a.name,hasChrome:!1,placement:"top",trigger:"hover",tooltip:s__default.createElement(Re,{note:l?"Switch mode":`View mode: ${r[0].mode.name}`})},l?s__default.createElement(X8,{placement:"bottom",links:l},i,s__default.createElement(d2,null,a.name),s__default.createElement(On,{size:10})):s__default.createElement(K8,null,i,s__default.createElement(d2,null,a.name)))};var $1=()=>{let e=dt(),{browserResults:t,modeResults:r}=e.summary;return s__default.createElement(Yr,null,r.length>0&&e.selectedTest&&s__default.createElement(u2,{isAccepted:e.summary.status==="ACCEPTED",modeOrder:e.modeOrder,selectedMode:e.selectedTest.mode,modeResults:r,onSelectMode:e.onSelectMode}),t.length>0&&e.selectedComparison&&s__default.createElement(l2,{isAccepted:e.summary.status==="ACCEPTED",selectedBrowser:e.selectedComparison.browser,browserResults:t,onSelectBrowser:e.onSelectBrowser}),s__default.createElement(We,{push:!0},s__default.createElement(Ir,null)))};var eg=({theme:e,status:t,variant:r})=>r==="outline"?{color:e.base==="light"?e.color.dark:e.color.medium,backgroundColor:e.background.app,borderColor:e.base==="light"?e.color.medium:e.color.darker,"&:hover":{color:e.base==="light"?e.color.darkest:e.color.lighter,backgroundColor:or(.03,e.background.app)}}:t==="positive"?{color:e.color.positiveText,backgroundColor:e.background.positive,borderColor:An(.5,e.color.positiveText),"&:hover":{color:e.color.positiveText,backgroundColor:or(.05,e.background.positive)}}:t==="warning"?{color:e.color.warningText,backgroundColor:e.background.warning,borderColor:An(.5,e.color.warningText),"&:hover":{color:e.color.warningText,backgroundColor:or(.05,e.background.warning)}}:{color:e.color.lightest,backgroundColor:e.color.secondary,borderWidth:0,borderColor:e.base==="light"?An(.2,e.color.secondary):or(.1,e.color.secondary),"&:hover":{color:e.color.lightest,backgroundColor:or(.05,e.color.secondary)}},Zr=styled(Ue)(({square:e})=>({border:"1px solid transparent",boxShadow:"none",fontSize:12,fontWeight:700,height:28,padding:e?"8px 6px":8,transition:"background-color 150ms ease-out","@container (min-width: 300px)":{height:32,width:e?32:"auto",padding:e?"9px 8px":9},"@container (min-width: 800px)":{height:28,fontSize:12,width:e?28:"auto",padding:e?"8px 6px":8}}),eg,({side:e})=>({...e==="left"&&{borderRightWidth:1,borderTopRightRadius:0,borderBottomRightRadius:0},...e==="right"&&{borderLeftWidth:0,borderTopLeftRadius:0,borderBottomLeftRadius:0}})),W1=styled.div({display:"flex",flexDirection:"row"});var Ca=styled.div(({theme:e})=>({width:12,height:12,margin:"3px 6px",verticalAlign:"top",display:"inline-block",animation:`${Fo} 0.7s linear infinite`,border:"2px solid transparent",borderLeftColor:e.base==="light"?"#00aaff":"#58faf9",borderBottomColor:"#25ccfd",borderRightColor:e.base==="light"?"#58faf9":"#00aaff",borderRadius:"100%",transform:"translate3d(0, 0, 0)"}),({parentComponent:e})=>e&&css({margin:e==="IconButton"?1:0,borderWidth:1,borderLeftColor:"currentcolor",borderBottomColor:"currentcolor",borderRightColor:"currentcolor"}));var r0=styled.div(({theme:e,width:t=14,height:r=14,marginLeft:n=7,marginRight:a=8})=>({display:"inline-block",backgroundColor:e.appBorderColor,borderRadius:3,animation:`${e.animation.glow} 1.5s ease-in-out infinite`,height:r,width:t,margin:7,marginLeft:n,marginRight:a}));var ag=styled.div(({theme:e})=>({gridArea:"label",margin:"8px 15px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:6,span:{display:"none","@container (min-width: 300px)":{display:"initial"}},"@container (min-width: 800px)":{borderLeft:`1px solid ${e.appBorderColor}`,paddingLeft:10,marginLeft:0}})),p2=styled.div({gridArea:"controls",margin:"6px 10px 6px 15px",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:6,"@container (min-width: 800px)":{margin:8}}),og=styled.div(({theme:e})=>({padding:9,"> svg":{display:"block"},path:{fill:e.color.mediumdark}})),ig=styled.div(({theme:e,showDivider:t})=>({gridArea:"actions",display:"flex",alignItems:"center",justifyContent:"flex-end",margin:"0px 10px 0px 15px",gap:6,"@container (min-width: 300px)":{alignItems:"flex-start",margin:"15px 10px 15px 0px"},"@container (min-width: 800px)":{alignItems:"center",borderLeft:t?`1px solid ${e.appBorderColor}`:"none",margin:"8px 10px 8px 0px",paddingLeft:8}})),f2=({isOutdated:e})=>{let{baselineImageVisible:t,diffVisible:r,focusVisible:n}=kr(),{toggleBaselineImage:a,toggleDiff:o,toggleFocus:i}=St(),{isRunning:l,startBuild:d}=tr(),{selectedTest:u,selectedComparison:c,summary:p}=dt(),{changeCount:f,isInProgress:m}=p,{isReviewing:h,buildIsReviewable:g,userCanReview:w,acceptTest:y,unacceptTest:v}=Ji();if(m)return s__default.createElement(p2,null,s__default.createElement(r0,null),s__default.createElement(r0,null),s__default.createElement(r0,null));let k=f>0&&u?.status!=="ACCEPTED",b=f>0&&u?.status==="ACCEPTED",x=c?.result==="CHANGED";return s__default.createElement(s__default.Fragment,null,x&&s__default.createElement(ag,null,s__default.createElement(M,null,s__default.createElement("b",null,t?"Baseline":"Latest",s__default.createElement("span",null," snapshot")))),x&&s__default.createElement(p2,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:t?"Show latest snapshot":"Show baseline snapshot"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-toggle-snapshot","aria-label":t?"Show latest snapshot":"Show baseline snapshot",onClick:()=>a()},s__default.createElement(gl,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:n?"Hide spotlight":"Show spotlight"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-toggle-spotlight",active:n,"aria-label":n?"Hide spotlight":"Show spotlight",onClick:()=>i(!n)},s__default.createElement(yl,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:r?"Hide diff":"Show diff"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-diff-visible",active:r,"aria-label":r?"Hide diff":"Show diff",onClick:()=>o(!r)},s__default.createElement(Ho,null)))),(k||b)&&s__default.createElement(ig,{showDivider:x},w&&g&&k&&u&&s__default.createElement(W1,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Accept this story"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{id:"button-toggle-accept-story",disabled:h,"aria-label":"Accept this story",onClick:()=>y(u.id,"SPEC"),side:"left"},"Accept")),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Batch accept options"}),trigger:"hover",hasChrome:!1},s__default.createElement(sr,{placement:"bottom",links:[{id:"acceptComponent",title:"Accept component",center:"Accept all unreviewed changes for this component",onClick:()=>y(u.id,"COMPONENT"),disabled:h,loading:h},{id:"acceptBuild",title:"Accept entire build",center:"Accept all unreviewed changes for every story in the Storybook",onClick:()=>y(u.id,"BUILD"),disabled:h,loading:h}]},C=>s__default.createElement(Zr,{square:!0,active:C,disabled:h,"aria-label":"Batch accept options",side:"right"},h?s__default.createElement(Ca,{parentComponent:"IconButton"}):s__default.createElement(E0,null))))),w&&g&&b&&s__default.createElement(W1,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Unaccept this story"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{id:"button-toggle-accept-story",disabled:h,"aria-label":"Unaccept this story",onClick:()=>v(u.id,"SPEC"),side:"left",status:"positive"},s__default.createElement(vl,null),"Unaccept")),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Batch unaccept options"}),trigger:"hover",hasChrome:!1},s__default.createElement(sr,{placement:"bottom",links:[{id:"unacceptComponent",title:"Unaccept component",center:"Unaccept all unreviewed changes for this component",onClick:()=>v(u.id,"COMPONENT"),disabled:h,loading:h},{id:"unacceptBuild",title:"Unaccept entire build",center:"Unaccept all unreviewed changes for every story in the Storybook",onClick:()=>v(u.id,"BUILD"),disabled:h,loading:h}]},C=>s__default.createElement(Zr,{square:!0,active:C,disabled:h,"aria-label":"Batch unaccept options",side:"right",status:"positive"},h?s__default.createElement(Ca,{parentComponent:"IconButton"}):s__default.createElement(E0,null))))),!(w&&g)&&s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Reviewing disabled"}),trigger:"hover",hasChrome:!1},s__default.createElement(og,null,s__default.createElement(ll,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:e?"Run new tests":"Rerun tests"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{square:!0,"aria-label":e?"Run new tests":"Rerun tests",onClick:d,disabled:l,variant:"outline"},e?s__default.createElement(Cr,null):s__default.createElement(Zo,null)))))};var wo=$t(qo());var h2=e=>s__default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"3px 6px",verticalAlign:"top"},...e},s__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.57143 6.85714C5.57143 7.09384 5.76331 7.28571 6 7.28571C6.23669 7.28571 6.42857 7.09384 6.42857 6.85714L6.42857 3.42857C6.42857 3.19188 6.23669 3 6 3C5.76331 3 5.57143 3.19188 5.57143 3.42857V6.85714ZM5.35714 8.78572C5.35714 8.43067 5.64496 8.14286 6 8.14286C6.35504 8.14286 6.64286 8.43067 6.64286 8.78571C6.64286 9.14075 6.35504 9.42857 6 9.42857C5.64496 9.42857 5.35714 9.14075 5.35714 8.78572Z",fill:"#73828C"}));var G1={width:12,height:12,margin:"3px 3px 3px 6px",verticalAlign:"top"},g2=({icon:e})=>{let{color:t}=useTheme();return {passed:s__default.createElement(il,{style:{...G1,color:t.positive}}),changed:s__default.createElement(sl,{style:{...G1,color:t.warning}}),failed:s__default.createElement(Lt,{style:{...G1,color:t.negative}})}[e]};function a0(e){"@babel/helpers - typeof";return a0=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a0(e)}function gr(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function vr(e){gr(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||a0(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}var lg={};function v2(){return lg}function o0(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function Y1(e,t){gr(2,arguments);var r=vr(e),n=vr(t),a=r.getTime()-n.getTime();return a<0?-1:a>0?1:a}var dg={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},ug=function(t,r,n){var a,o=dg[t];return typeof o=="string"?a=o:r===1?a=o.one:a=o.other.replace("{{count}}",r.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},y2=ug;function go(e){return function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=t.width?String(t.width):e.defaultWidth,n=e.formats[r]||e.formats[e.defaultWidth];return n}}var cg={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},pg={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},fg={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},mg={date:go({formats:cg,defaultWidth:"full"}),time:go({formats:pg,defaultWidth:"full"}),dateTime:go({formats:fg,defaultWidth:"full"})},w2=mg;var hg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},gg=function(t,r,n,a){return hg[t]},b2=gg;function kn(e){return function(t,r){var n=r!=null&&r.context?String(r.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var o=e.defaultFormattingWidth||e.defaultWidth,i=r!=null&&r.width?String(r.width):o;a=e.formattingValues[i]||e.formattingValues[o];}else {var l=e.defaultWidth,d=r!=null&&r.width?String(r.width):e.defaultWidth;a=e.values[d]||e.values[l];}var u=e.argumentCallback?e.argumentCallback(t):t;return a[u]}}var vg={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},yg={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},wg={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},bg={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Sg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},xg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Cg=function(t,r){var n=Number(t),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},kg={ordinalNumber:Cg,era:kn({values:vg,defaultWidth:"wide"}),quarter:kn({values:yg,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:kn({values:wg,defaultWidth:"wide"}),day:kn({values:bg,defaultWidth:"wide"}),dayPeriod:kn({values:Sg,defaultWidth:"wide",formattingValues:xg,defaultFormattingWidth:"wide"})},S2=kg;function In(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=r.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],o=t.match(a);if(!o)return null;var i=o[0],l=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],d=Array.isArray(l)?Eg(l,function(p){return p.test(i)}):Ig(l,function(p){return p.test(i)}),u;u=e.valueCallback?e.valueCallback(d):d,u=r.valueCallback?r.valueCallback(u):u;var c=t.slice(i.length);return {value:u,rest:c}}}function Ig(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function Eg(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function Q1(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.match(e.matchPattern);if(!n)return null;var a=n[0],o=t.match(e.parsePattern);if(!o)return null;var i=e.valueCallback?e.valueCallback(o[0]):o[0];i=r.valueCallback?r.valueCallback(i):i;var l=t.slice(a.length);return {value:i,rest:l}}}var Tg=/^(\d+)(th|st|nd|rd)?/i,Mg=/\d+/i,Bg={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Lg={any:[/^b/i,/^(a|c)/i]},Ag={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},_g={any:[/1/i,/2/i,/3/i,/4/i]},Pg={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ng={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Fg={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Og={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Rg={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Hg={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Dg={ordinalNumber:Q1({matchPattern:Tg,parsePattern:Mg,valueCallback:function(t){return parseInt(t,10)}}),era:In({matchPatterns:Bg,defaultMatchWidth:"wide",parsePatterns:Lg,defaultParseWidth:"any"}),quarter:In({matchPatterns:Ag,defaultMatchWidth:"wide",parsePatterns:_g,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:In({matchPatterns:Pg,defaultMatchWidth:"wide",parsePatterns:Ng,defaultParseWidth:"any"}),day:In({matchPatterns:Fg,defaultMatchWidth:"wide",parsePatterns:Og,defaultParseWidth:"any"}),dayPeriod:In({matchPatterns:Rg,defaultMatchWidth:"any",parsePatterns:Hg,defaultParseWidth:"any"})},x2=Dg;var Vg={code:"en-US",formatDistance:y2,formatLong:w2,formatRelative:b2,localize:S2,match:x2,options:{weekStartsOn:0,firstWeekContainsDate:1}},i0=Vg;var C2=i0;function vo(e,t){if(e==null)throw new TypeError("assign requires that input parameter not be null or undefined");for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}function J1(e){return vo({},e)}var k2=1e3*60,s0=60*24,I2=s0*30,E2=s0*365;function K1(e,t,r){var n,a,o;gr(2,arguments);var i=v2(),l=(n=(a=r?.locale)!==null&&a!==void 0?a:i.locale)!==null&&n!==void 0?n:C2;if(!l.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var d=Y1(e,t);if(isNaN(d))throw new RangeError("Invalid time value");var u=vo(J1(r),{addSuffix:!!r?.addSuffix,comparison:d}),c,p;d>0?(c=vr(t),p=vr(e)):(c=vr(e),p=vr(t));var f=String((o=r?.roundingMethod)!==null&&o!==void 0?o:"round"),m;if(f==="floor")m=Math.floor;else if(f==="ceil")m=Math.ceil;else if(f==="round")m=Math.round;else throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");var h=p.getTime()-c.getTime(),g=h/k2,w=o0(p)-o0(c),y=(h-w)/k2,v=r?.unit,k;if(v?k=String(v):g<1?k="second":g<60?k="minute":g<s0?k="hour":y<I2?k="day":y<E2?k="month":k="year",k==="second"){var b=m(h/1e3);return l.formatDistance("xSeconds",b,u)}else if(k==="minute"){var x=m(g);return l.formatDistance("xMinutes",x,u)}else if(k==="hour"){var C=m(g/60);return l.formatDistance("xHours",C,u)}else if(k==="day"){var O=m(y/s0);return l.formatDistance("xDays",O,u)}else if(k==="month"){var ce=m(y/I2);return ce===12&&v!=="month"?l.formatDistance("xYears",1,u):l.formatDistance("xMonths",ce,u)}else if(k==="year"){var le=m(y/E2);return l.formatDistance("xYears",le,u)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function l0(e,t){return gr(1,arguments),K1(e,Date.now(),t)}var zg={lessThanXSeconds:"just now",xSeconds:"just now",halfAMinute:"just now",lessThanXMinutes:"{{count}}m",xMinutes:"{{count}}m",aboutXHours:"{{count}}h",xHours:"{{count}}h",xDays:"{{count}}d",aboutXWeeks:"{{count}}w",xWeeks:"{{count}}w",aboutXMonths:"{{count}}mo",xMonths:"{{count}}mo",aboutXYears:"{{count}}y",xYears:"{{count}}y",overXYears:"{{count}}y",almostXYears:"{{count}}y"};function Zg(e,t,r={addSuffix:!1,comparison:0}){let n=zg[e].replace("{{count}}",t);return ["lessThanXSeconds","xSeconds","halfAMinute"].includes(e)?`${n}`:r.addSuffix?r.comparison>0?`in ${n}`:`${n} ago`:n}var T2=e=>l0(e,{addSuffix:!0,locale:{...i0,formatDistance:Zg}});var yo=styled.div(({theme:e})=>({gridArea:"info",display:"flex",justifySelf:"start",justifyContent:"center",flexDirection:"column",margin:15,lineHeight:"18px",color:e.base==="light"?`${e.color.defaultText}99`:`${e.color.light}99`,fontSize:e.typography.size.s2,b:{color:e.base==="light"?`${e.color.defaultText}`:`${e.color.light}`},small:{fontSize:e.typography.size.s2-1},"@container (min-width: 800px)":{margin:"6px 10px 6px 15px",alignItems:"center",flexDirection:"row",small:{fontSize:"inherit"},"[data-hidden-large]":{display:"none"},"& > span:first-of-type":{display:"inline-flex",alignItems:"center",height:24,marginRight:6}}})),Ug=styled.div({gridArea:"actions",display:"flex",justifySelf:"end",justifyContent:"center",alignItems:"start",margin:15,marginRight:10,"@container (min-width: 800px)":{margin:"6px 10px 0 0"}}),B2=({isStarting:e,tests:t,startedAt:r,isBuildFailed:n,isOutdated:a,shouldSwitchToLastBuildOnBranch:o,switchToLastBuildOnBranch:i})=>{let{isRunning:l,startBuild:d}=tr(),{status:u,isInProgress:c,changeCount:p,brokenCount:f,modeResults:m,browserResults:h}=Sa(t??[]),g=!e&&r&&T2(new Date(r).getTime()),w=e||c,y=n||u==="FAILED",v=y||u==="BROKEN",k=(v||a)&&!w&&!p,b;return a?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Code edits detected")),s__default.createElement("small",null,s__default.createElement("span",null,"Run tests to see what changed"))):y?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Build failed"),s__default.createElement(h2,null)),s__default.createElement("small",null,s__default.createElement("span",null,"An infrastructure error occured"))):w?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Running tests..."),s__default.createElement(Ca,null)),s__default.createElement("small",null,s__default.createElement("span",null,"Test in progress..."))):o?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,s__default.createElement(Link,{isButton:!0,onClick:i},"View latest snapshot"))),s__default.createElement("span",null,"Newer test results are available for this story")):b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,f?null:p?`${(0, wo.default)("change",p,!0)}${u==="ACCEPTED"?" accepted":""}`:"No changes",f?(0, wo.default)("error",f,!0):null),s__default.createElement(g2,{icon:f?"failed":u==="PENDING"?"changed":"passed"})),s__default.createElement("small",null,m.length>0&&s__default.createElement("span",{"data-hidden-large":!0},(0, wo.default)("mode",m.length,!0),", ",(0, wo.default)("browser",h.length,!0)),m.length>0&&s__default.createElement("span",{"data-hidden-large":!0}," \u2022 "),c&&s__default.createElement("span",null,"Test in progress..."),!c&&r&&s__default.createElement("span",{title:new Date(r).toUTCString()},"Ran ",g))),s__default.createElement(s__default.Fragment,null,b,k&&s__default.createElement(Ug,null,s__default.createElement(Zr,{onClick:d,disabled:l},l?s__default.createElement(Ca,{parentComponent:"Button"}):s__default.createElement(Cr,null),v?"Rerun tests":"Run tests")))};var L2=styled.div(({theme:e})=>({display:"grid",gridTemplateAreas:`
|
|
347
|
+
`);var Cc=({projectId:e,storyId:t,gitInfo:r,selectedBuildInfo:n})=>{let[{data:a,error:o,operation:i},l]=ta({query:mc,variables:{projectId:e,storyId:t,testStatuses:Object.keys(Ei),branch:r.branch||"",...r.slug?{repositoryOwnerName:r.slug.split("/",1)[0]}:{},gitUserEmailHash:r.userEmailHash,selectedBuildId:n?.buildId||"",hasSelectedBuildId:!!n}});useEffect(()=>{let g=setInterval(l,5e3);return ()=>clearInterval(g)},[l]);let d=i&&t&&i.variables.storyId!==t,u=Mr(hc,a?.project?.lastBuildOnBranch),c=[...Mr(vc,u&&"testsForStory"in u&&u.testsForStory?u.testsForStory.nodes:[])],p=u?.committedAt>r.committedAt,f=!!u&&!p,m=!!u&&c.every(g=>g.status!=="IN_PROGRESS"),h=Mr(gc,a?.selectedBuild??(m?a?.project?.lastBuildOnBranch:void 0));return {account:a?.project?.account,features:a?.project?.features,manageUrl:a?.project?.manageUrl,hasData:!!a&&!d,hasProject:!!a?.project,hasSelectedBuild:h?.branch.split(":").at(-1)===r.branch,lastBuildOnBranch:u,lastBuildOnBranchIsNewer:p,lastBuildOnBranchIsReady:m,lastBuildOnBranchIsSelectable:f,selectedBuild:h,selectedBuildMatchesGit:h?.branch.split(":").at(-1)===r.branch&&h?.commit===r.commit&&h?.uncommittedHash===r.uncommittedHash,rerunQuery:l,queryError:o,userCanReview:!!a?.viewer?.projectMembership?.userCanReview,vtaOnboarding:a?.viewer?.preferences?.vtaOnboarding}},R1=createContext(null),kc=createContext(null),Ic=()=>je(R1,"Build"),Ui=()=>{let{selectedBuild:e}=je(R1,"Build");if(!e)throw new Error("No selectedBuild on Build context");return e},dt=()=>je(kc,"Story"),$i=({children:e,watchState:t})=>{let r=!!t?.selectedBuild&&"testsForStory"in t.selectedBuild,n=t?.selectedBuild&&"testsForStory"in t.selectedBuild&&t.selectedBuild.testsForStory?.nodes,a=[...Mr(yc,n||[])],o=Sa(a),{toggleDiff:i}=St();return useEffect(()=>i(o.changeCount>0),[i,o.changeCount]),s__default.createElement(R1.Provider,{value:useMemo(()=>t,[JSON.stringify(t?.selectedBuild)])},s__default.createElement(kc.Provider,{value:{hasTests:r,tests:a,summary:o,...fc(a)}},e))};var J6=styled.div({zIndex:9999,position:"fixed",top:0,left:"50%",width:"50%",height:"100%"}),Ec=s__default.memo(function({timeToFade:t=5e3,colors:r=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...n}){return s__default.createElement(J6,null,s__default.createElement(Confetti,{colors:r,particleCount:200,duration:t,stageHeight:window.innerHeight,stageWidth:window.innerWidth,destroyAfterDone:!0,...n}))});var K6=styled.div(({theme:e})=>({background:e.base==="light"?e.color.lightest:"#292A2C",width:260,padding:15,borderRadius:5,boxShadow:"0px 0px 32px 0px #00000029"})),X6=styled.div({display:"flex",flexDirection:"column",alignItems:"flex-start"}),e8=styled.div(({theme:e})=>({fontSize:13,lineHeight:"18px",fontWeight:700,color:e.color.defaultText})),t8=styled.div(({theme:e})=>({fontSize:13,lineHeight:"18px",textAlign:"start",color:e.color.defaultText,margin:0,marginTop:5})),r8=styled.div({display:"flex",justifyContent:"flex-end",marginTop:15}),Tc=({isLastStep:e,step:t,primaryProps:r,tooltipProps:n})=>s__default.createElement(K6,{...n},s__default.createElement(X6,null,t.title&&s__default.createElement(e8,null,t.title),s__default.createElement(t8,null,t.content)),(t.hideNextButton||t.hideBackButton)&&s__default.createElement(r8,{id:"buttonSkip"},!t.hideSkipButton&&!e&&s__default.createElement(W,{size:"medium",onClick:t.onSkipWalkthroughButtonClick,link:!0,style:{paddingRight:12,paddingLeft:12,marginRight:8}},"Skip"),!t.hideNextButton&&s__default.createElement(W,{...r,onClick:r.onClick,variant:"solid",...t.onNextButtonClick?{onClick:t.onNextButtonClick}:{}},t.nextButtonText||"Next")));var Mc="setFilter",Bc=({managerApi:e,skipWalkthrough:t,startWalkthrough:r,completeWalkthrough:n})=>{let a=useTheme(),o=dt(),i=o?.selectedTest?.result==="CHANGED",l=o?.selectedTest?.status!=="ACCEPTED",d=JSON.stringify(useStorybookState().layout),u=useRef(d);u.current!==d&&(window.dispatchEvent(new Event("resize")),u.current=d),useEffect(()=>{r();}),useEffect(()=>{e.getCurrentStoryData()?.type!=="story"&&e.jumpToStory(1),e.togglePanel(!0),e.togglePanelPosition("right"),e.setSelectedPanel(Mt);},[e]);let[c,p]=Fe("showConfetti",!1),[f,m]=Fe("stepIndex",0),h=()=>m((w=0)=>w+1);return useEffect(()=>{let w=document.getElementById("storybook-explorer-tree"),y=Array.from(w instanceof HTMLElement?w.children:[]).filter(v=>v instanceof HTMLElement).slice(1);return y.forEach(v=>v.style.display="none"),()=>y.forEach(v=>v.style.display="")},[]),useEffect(()=>{let w=()=>{m(1),setTimeout(()=>{window.dispatchEvent(new Event("resize"));},100);};return e.on(m0,w),e.on(Mc,w),()=>{e.off(m0,w),e.off(Mc,w);}},[e,m]),useEffect(()=>{o?.selectedTest?.status==="ACCEPTED"&&f===5&&(p(!0),m(6));},[o?.selectedTest?.status,c,p,f,m]),s__default.createElement(s__default.Fragment,null,c&&s__default.createElement(Ec,null),s__default.createElement(dc,{steps:[{target:"#sidebar-bottom-wrapper",title:"Changes found",content:s__default.createElement(s__default.Fragment,null,"The visual tests addon will detect changes in all of your stories and allow you to review them before opening a pull request.",s__default.createElement("br",null),s__default.createElement("br",null),"Click the number at the bottom-right to only show stories with visual changes."),floaterProps:{target:"#warnings-found-filter",options:{preventOverflow:{boundariesElement:"window"}}},placement:"top",disableBeacon:!0,hideNextButton:!0,spotlightClicks:!0,onSkipWalkthroughButtonClick:t},i&&l?{target:"#storybook-explorer-tree > div",title:"Stories with changes",content:s__default.createElement(s__default.Fragment,null,"Here you have a filtered list of only stories with changes."),placement:"right",disableBeacon:!0,spotlightClicks:!0,onNextButtonClick:h,onSkipWalkthroughButtonClick:t}:{target:"#storybook-explorer-tree > div",title:"Stories with changes",content:s__default.createElement(s__default.Fragment,null,"Here you have a list of all stories in your Storybook.",s__default.createElement("br",null),s__default.createElement("br",null),"Select a story with changes to see the exact pixels that changed."),placement:"right",disableBeacon:!0,spotlightClicks:!0,hideNextButton:!0,onSkipWalkthroughButtonClick:t},{target:"#panel-tab-content",title:"Inspect changes",content:s__default.createElement(s__default.Fragment,null,"The results of the changes are shown here. The pixels that changed are highlighted in green."),disableBeacon:!0,placement:"left",onNextButtonClick:h,onSkipWalkthroughButtonClick:t},{target:"#button-diff-visible",title:"Toggle the diff",content:s__default.createElement(s__default.Fragment,null,"This button shows or hides the visual diff. Use it to make the visual changes in your stories obvious. Try it out."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t,spotlightClicks:!0,disableBeacon:!0,placement:"bottom",disableOverlay:!0},{target:"#button-toggle-snapshot",title:"This is the Switch button",content:s__default.createElement(s__default.Fragment,null,"Switch between the baseline snapshot (old) and the latest snapshot. The info bar will let you know which version you're looking at."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t,spotlightClicks:!0,disableBeacon:!0,placement:"bottom",disableOverlay:!0},{target:"#button-toggle-accept-story",title:"Accept changes",content:s__default.createElement(s__default.Fragment,null,"If the visual changes are intentional, accept them to update the test baselines. The next time you run visual tests, future changes will be compared to these new baselines. This can be undone."),disableBeacon:!0,spotlightClicks:!0,onNextButtonClick:h,hideNextButton:!0,placement:"bottom",disableOverlay:!0,onSkipWalkthroughButtonClick:t},{target:"#button-toggle-accept-story",title:"Perfection!",placement:"bottom",disableOverlay:!0,content:s__default.createElement(s__default.Fragment,null,"You've got the basics down! You can always unaccept if you're not happy with the changes."),onNextButtonClick:h,onSkipWalkthroughButtonClick:t},{target:"#button-run-tests",title:"You are ready to test",placement:"bottom",disableOverlay:!0,content:s__default.createElement(s__default.Fragment,null,"Any time you want to run tests, tap this button in the sidebar to see exactly what changed across your Storybook."),disableBeacon:!0,nextButtonText:"Done",onNextButtonClick:n}],continuous:!0,stepIndex:f,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,showSkipButton:!0,floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:a.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:Tc,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${a.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:a.color.secondary,arrowColor:a.base==="light"?a.color.lightest:"#292A2C"}}}))};var Lc=styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",borderRadius:e.appBorderRadius,background:e.base==="light"?e.color.lightest:e.color.darkest,border:`1px solid ${e.appBorderColor}`,padding:15,flex:1,gap:14,maxWidth:"500px",width:"100%"}),({theme:e,warning:t})=>t&&{background:e.base==="dark"?"#342e1a":e.background.warning});var l8=({content:e})=>{let t=e.split(/\r?\n/);return s__default.createElement(s__default.Fragment,null,t.reduce((r,n,a)=>r.concat([a&&s__default.createElement("br",null),n].filter(Boolean)),[]))},D1=({localBuildProgress:e,title:t})=>s__default.createElement(Lc,{warning:!0},s__default.createElement(M,null,s__default.createElement("span",null,t&&s__default.createElement("b",null,t,": "),s__default.createElement(l8,{content:s8(Array.isArray(e.originalError)?e.originalError[0]?.message:e.originalError?.message||"Unknown error")}))," ",s__default.createElement(ve,{target:"_blank",href:e.errorDetailsUrl||`${To}#troubleshooting`,withArrow:!0},e.errorDetailsUrl?"Details":"Troubleshoot"))),Ac=({children:e,localBuildProgress:t})=>(we("Errors","BuildError"),s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Build failed"),s__default.createElement(M,{center:!0,muted:!0},"Check the Storybook process on the command line for more details.")),s__default.createElement(D1,{localBuildProgress:t}),e))));var Wi=["initialize","build","upload","verify","snapshot"],xa={initialize:{key:"initialize",emoji:"\u{1F680}",renderName:()=>"Initialize build",renderProgress:()=>"Initializing build...",renderComplete:()=>"Initialized",estimateDuration:2e3},build:{key:"build",emoji:"\u{1F3D7}",renderName:()=>"Build Storybook",renderProgress:()=>"Building your Storybook...",renderComplete:()=>"Storybook built",estimateDuration:2e4},upload:{key:"upload",emoji:"\u{1F4E1}",renderName:()=>"Publish your Storybook",renderProgress:({stepProgress:e})=>{let{numerator:t,denominator:r}=e.upload;if(!r||!t)return "Uploading files...";let{value:n,exponent:a}=filesize(r,{output:"object",round:1}),{value:o,symbol:i}=filesize(t,{exponent:a,output:"object",round:1});return `Uploading files... ${o}/${n} ${i}`},renderComplete:()=>"Publish complete",estimateDuration:2e4},verify:{key:"verify",emoji:"\u{1F50D}",renderName:()=>"Verify your Storybook",renderProgress:()=>"Verifying contents...",renderComplete:()=>"Storybook verified",estimateDuration:2e4},snapshot:{key:"snapshot",emoji:"\u{1F4F8}",renderName:()=>"Run visual tests",renderProgress:({stepProgress:e})=>{let{numerator:t,denominator:r}=e.snapshot;return r?`Running visual tests... ${t}/${r}`:"Running visual tests..."},renderComplete:()=>"Tested your stories",estimateDuration:9e4},aborted:{key:"aborted",emoji:"\u270B",renderName:()=>"Build canceled",renderProgress:()=>"Build canceled",renderComplete:()=>"Build canceled",estimateDuration:0},complete:{key:"complete",emoji:"\u{1F389}",renderName:()=>"Visual tests completed!",renderProgress:()=>"Visual tests completed!",renderComplete:()=>"Visual tests completed!",estimateDuration:0},error:{key:"error",emoji:"\u{1F6A8}",renderName:()=>"Build failed",renderProgress:()=>"Build failed",renderComplete:()=>"Build failed",estimateDuration:0},limited:{key:"error",emoji:"\u{1F6A8}",renderName:()=>"Build limited",renderProgress:()=>"Build limited",renderComplete:()=>"Build limited",estimateDuration:0}},d8={buildProgressPercentage:0,currentStep:Wi[0],stepProgress:Object.fromEntries(Wi.map(e=>[e,{}]))};JSON.stringify(d8);var qi=({localBuildProgress:e,withEmoji:t=!1,...r})=>{let{emoji:n,renderProgress:a}=xa[e.currentStep],o=a(e);return s__default.createElement(M,{...r},t&&n," ",o)};var c8=styled(M)({display:"flex",flexDirection:"column",gap:10,width:200,marginTop:15}),Pc=styled.div(({theme:e})=>({height:5,background:e.background.hoverable,borderRadius:5,overflow:"hidden"})),p8=styled(Pc)(({theme:e})=>({background:e.color.secondary,transition:"width 3s ease-out"}));function Vr({localBuildProgress:e}){return s__default.createElement(c8,{center:!0,small:!0},s__default.createElement(Pc,null,typeof e.buildProgressPercentage=="number"&&s__default.createElement(p8,{style:{width:`${e.buildProgressPercentage}%`}})),s__default.createElement(qi,{center:!0,muted:!0,small:!0,localBuildProgress:e}))}var Nc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgB7ZfPTupAFMa/mbb0XkAk6r2516jRnXHlxr0+ib4J+iTqm7Bx5YaVcWPQECUoGiJCpX/mOKcxRo2DILa44Jc0Taad+b45mZkzR+CZaq2+CcsqAWIdoCKSowyFw5WFvwcvLRf1m1Kt0SSv51OkFCVJx+sRa1W1JmuLav16x5Zyf/7PDKQQSAM9RVzd3CH0aUsKEtsz0/nUxBnWmisWAItKkkCbWddF2mQcm1/rEmPiOeJF2/TD+f0pKo0jBKqHUcg5U1ib28ByYfXD78YInDSPRxZnOkE7nogJ2a/jd9FvImNbAz/GgHERZp08pjJ8OA3uMVIh2kELXvAwcB/j6HmnOJQ4Y0kbBW16GGS/wb7CsKYni9AYZ9f6haydhzCEVFGEbtiFH3kYBWMEfts5o3jcUVjIaYOjIvsJfIb4hhQ+WYQTAz/XgDXALuCz4D2ckN7Dt6KhDfzLLcGxMsaORApe2MFbQyrOhq9xpIu12Q3jOMaTcNqdjZ+k0REQLS4UxoXUZ1nFD0KkTffR51dZUhTuNVttpBkF1rq717cmFR3GDdXLxm6tcUudxx4lCRe+XACz1pnWZO2XbMJFKteJXKohMYTeIlRBFO2tLP4vc8sThEpu8pkDBW8AAAAASUVORK5CYII=";var Fc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN0SURBVHgBvVdLTxNRFP7uUDpSC7Q8rFSLqWJEExOfC1/xHWPiQuPShS50Y/wP6F9wq1HZuTAxMXFlNGzUhWIQDWICLYhSC4XWlj5m2pnjvS20NNDhltB+i870zpnzffece8/cw7CI4FToDBoa+gB2ACAXaocBmOj3b9/yrDgyGZrtmwpHKK3pZJgm1RLJtEaCK8g5BTcLhmZu2RTlqbezDQpjqAf4FDE9O4+cTmcVRuxmW6uzbuQCgqvD1QI0UJ9CoDMOVUW9YW+0icsBG9YDLQNMjIAS0fxf1u4FvH5A3STtYjHiruoEcGL6/Bb07X3ZMImfZjfYnkNgR86jGsgL4LM1Xz3OXys9F+KQiIGdvQ5ZKLKGBefRte1+DoKG30MWcgKmg9zxF8iCBt8W1slGCaDgCKqCIA8FpEzlIjAXQrWgiNw70mugVpDaBczF9/nXvzy03NxmAo4sqEUrN2rls3YUPLIUkOnoQpOEb0sBWVPDp5l3SOqjuDjeVi5KzYG2x0E9KZi7eCVYVoNEXXgY2YpdvOaf38bgtlfmqJiCZDaO15P9CMS/I9xtILzDKDfg0WD7LwHnzpWRC3w0TiBGbgxGgEejhKiO6gW8+f0cC9l/JadXNCRdVDI42QtcPQrFcwHMubM4HCIv3hmlahjlmXoRIFQlQMx6ObnAQivhzY10SQQnLzrxFAh/GHvxJHsbGSoPSSABjFSoYauugV8LY6saCxEv76bgne5Ec5MCj65DIxMxeDBE9xDIeVEJIh373JICotoMrDDevQlz8fIIpRu5d4tch9IicivPHOuqA8Ts2CisKsBpa7F8yWbMrxgzcw2W77jtTF6Ax+GDFexmFIyyZeQ5zToqhzsgL6DXfQR2xfp006oPF++zKYelrShE/mbIC7ArKo51XYYVnLw6qkaYz1xFJu60tL3SzauhWoUAAd/mHpzedg3Oxsrr4ZQaxUGbu+JzMfM7vWzV7bcEy2+BEOHz9+QL01RiDLqZyadms70FPudueJoKa+V4J/AhzM8t6RJxF8/K4XZepdf43LHg9Gy0e2u7q559wRImQrP8dAwM6dkc6o1UJl+1BhQycg8isUS+XaoXBNd8fIHfGP35geCf8P2p8BwlMxrVEqLxFQ2w4BrnnIK7mHjRpIo+UbRqqBlYjBfyIRjGA7+va0CM/AdEDxpHNfo8owAAAABJRU5ErkJggg==";var Oc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMJSURBVHgB7VfNblJBFD5z+5e0poXGNqnFRFxoUly0K+vCpG7aFyhrTRofwBcQ6974AIZo1/QFyorEBezsQkhqYqkBSoBaAcWW3+N8dxh+hFJI+Nn0S264d+65c77znXNmGEFVhCPxDRobcxGJVSK20ODgowrt2W2Ln2ojP+IpVyRxxhf5ApcrFR4kchd5hq+w9AnfIhxPvhg3jI93FubJEIKGARkinabOqVTgZ4Zg8Xx+7tbQnAPwddsySzTGLoOJN6anpmjYmJwYx8+qQSNCVXHLyAho3BAY78bo5WemFau6D/0i+vC0fx1zLYFQmmjTJshpV8+BpLrWF6kvuDYFB1GuOQfg+CDG1C90lQIgKKWH8EiFbZooWySanWi18yeRJjbfA7DZkgraZqh3Aoh+a1nl21uNesUqzAk9YaadB/VagMP3X5W9876okYvmVMoyxWZ7jY4pCKSoVnyNQDTZQvOY51g5QIq8kjjIvP2iSG8jhawKuGsCYL5iUYyhxJNFYV6IBkCEWmYAxYpv3EfwJejVI0Gv15RSAFQLprl7AoEknNYnR2S4/Ek1CWTWk5vPdkXWYVV23phKydxk55a9sgYiMprtGRWlzi8Qy9UVaJQUaYENfh0WVXTrUrHoH+qdACK2zYiaI9da+ygQtV4T3N+Y3j0WJlnUQzCtbPDssoreCCDnyCGwL2WO5JrfO+SEm8vKMaJGznW3uI/YJKbbTivXEwENFFVGRqDJaMBJtlhvNbzVXYGxjLyfnVRKOKyda6ClCHXFAyhEHVkjMKnOP2whc6ha4TsPhVknnmNl126xakSLAvsnaD82VzQosG1v/QjSY4PyV1sSZKAS5DadyujniqpjMIe2w73zv/lE+DTJ95YWqF8AGSiCGrhq+dU4iae63wu6RbuVsxNu/hFJAiKNg8LICMgmOywUSzRs/L00Fw6fweXS7ln6Nw1TBfg6z8pNolLeMwfCscSbSOIn5y7zPEjg4IsDMHx9lz7hu7bM4ZCKcyKOajQwCLlF8SGVy7v2u0s+jPwDEeUTfjDhTd4AAAAASUVORK5CYII=";var Rc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgBxZfLbtNAFIb/8TgJCbm2adNUIOiuYpUN+7JiySPAm5Q+CfQBeIcuWYDaVYWEUIQqCLmQpEmaJq7Hw5y4dpOOadwEh0+yZnx8OWfm/HNjuKZ6VtsD5/sAqwAyj+g4goPDnUeb733L91pz/6zekpdjSwrHkVFycTmW5KuqfJJvVq013piG8W57Yw0GY1gFqon42WzDtuQLg0n2ei2XXplzgnwV81mAy31DQu6lEgmsmnjMpKJi4D9x3eN58/YDabdUkmrAuboMDqTXgV4DSOWgkuZei9iEElzyCRDbmvGnBYDmZ6C4rWIr39i8ejy1uI0aN/gKVpgNQE9BtoDIeJDUTHoP2GPVAvfFL708jrtlCMmxCClu4Vm2gd1s1zUM2kBybgCWXz3tbSJtmlicxKQBfgCkiVvoKUiv+dWhiGNZZnpv1Nee683rNWcFeM2lfQzH/oi++IUcL6LvdJAziuiIunsvOsjwAobSQT7+Ui0ruwiD3gOp4HVI2J9UtBIFXlIf8Ylzwr9XQVCZZjE0Rx8C/4EH6RABkAgDGDkNhKXA/zKSSITzA7ACv02yhwgLpSWQ+4pwmgvZQ1i89GgEiFAPgEQYQIaFn6D6Tjv0u6FF2JdDhCXJy8EPlhHheuKVGmISV9LCQA1BKs+dltpdiUlJUO6lGium+TzwH0EivHMmnIbGdSHpjm2vHV7pza5bmMN9RWgygWVJ8aubm/vOhJV8Ta0HJTUlx7AIJnPUP+p3v6NZpkRIi4i/kPwLaGNyCz0FSmiR0dFnU60HWPwpZPdUaSHjqpaE4+WOhtEiNkdpKbMJtl6ZHwDiJbCNklv35D29iVjGFoBKAes6UXb7HAy1OT6xrmysmuFoMt8cGVLYB61uH6vsBfLV7g1IG4cTQ/VH/e1Z/be8GI1llNDBlw7A5Oub8km+/QMhHVLpnEhHNUQGU5OKPIEQBzuPy0dk+QPy8+sGXJtnqwAAAABJRU5ErkJggg==";var v8=styled.div(({theme:e})=>({border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,padding:"6px 10px",fontSize:13,lineHeight:"18px"})),y8=styled.div(({theme:e})=>({lineHeight:"18px",position:"relative",borderRadius:5,display:"block",minWidth:"80%",color:e.color.warningText,background:e.background.warning,border:`1px solid ${An(.5,e.color.warningText)}`,padding:15,margin:0})),w8=styled(M)(({theme:e})=>({color:e.color.darkest})),b8=({onSkip:e,runningSecondBuild:t})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Make a change to this story"),s__default.createElement(M,{center:!0,muted:!0,block:!0},"In your code, adjust the markup, styling, or assets to see how visual testing works. Don't worry, you can undo it later. Here are a few ideas to get you started.")),s__default.createElement(D,{style:{display:"flex",alignItems:"flex-start",gap:"8px",margin:"10px 0"}},s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Fc,alt:"Color Palette",style:{width:32,height:32}}),"Shift the color palette"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Oc,alt:"Embiggen",style:{width:32,height:32}})," ","Embiggen the type"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Rc,alt:"Layout",style:{width:32,height:32}}),"Change the layout"),s__default.createElement(jn,{style:{margin:0,alignItems:"center",gap:"10px"}},s__default.createElement("img",{src:Nc,alt:"Adjust",style:{width:32,height:32}}),"Adjust the size or scale")),s__default.createElement(qe,null,t?s__default.createElement(y8,null,s__default.createElement(w8,null,"No changes found in the Storybook you published. Make a UI tweak and try again to continue.")):s__default.createElement(v8,null,"Awaiting changes..."),s__default.createElement(W,{link:!0,onClick:e},"Skip walkthrough"))))),S8=({isRunning:e,setRunningSecondBuild:t,startBuild:r,setInitialGitHash:n,uncommittedHash:a})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Changes detected"),s__default.createElement(M,{center:!0,muted:!0},"Time to run your first visual tests to pinpoint the exact changes made to this story.")),s__default.createElement(W,{variant:"solid",size:"medium",disabled:e,onClick:()=>{t(!0),r(),setTimeout(()=>{n(a);},1e4);}},s__default.createElement(Cr,null),"Run visual tests")))),x8=({localBuildProgress:e})=>s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Running your first test"),s__default.createElement(M,{center:!0,muted:!0},"A new snapshot is being created in a standardized cloud browser. Once complete, you'll be able to pinpoint exactly what changed.")),s__default.createElement(Vr,{localBuildProgress:e})))),Hc=({isUnchanged:e,localBuildProgress:t,...r})=>(we("Onboarding","CatchAChange"),r.isRunning&&t?s__default.createElement(x8,{localBuildProgress:t}):e?s__default.createElement(b8,{...r}):s__default.createElement(S8,{...r}));var C8=styled.div(({status:e,theme:t})=>({position:"relative",display:"inline-flex",border:`1px solid ${e==="positive"?t.color.green:t.appBorderColor}`,borderRadius:5,margin:"15px 15px 0",minHeight:200,minWidth:200,maxWidth:500,img:{display:"block",maxWidth:"100%"},svg:{position:"absolute",top:-12,left:-12,width:24,height:24,padding:5,color:t.color.lightest,borderRadius:"50%",backgroundColor:t.color.green}})),k8=styled.div({width:"100%",margin:2,background:"white",borderRadius:3,overflow:"hidden",div:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"}}),mo=({backgroundColor:e,status:t,thumbnailUrl:r})=>s__default.createElement(C8,{status:t},s__default.createElement(k8,null,s__default.createElement("div",{style:e?{backgroundColor:e}:{}},s__default.createElement("img",{alt:"Snapshot thumbnail",src:r}))),t==="positive"&&s__default.createElement(Nn,null));var Vc=styled(M)({marginBottom:5}),Z1=({onComplete:e,onSkip:t,ranSecondBuild:r=!1})=>{we("Onboarding","CatchAChangeComplete");let n=dt();return s__default.createElement(G,{footer:null},s__default.createElement($,{style:{overflowY:"auto"}},r?s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. Your stories were saved as test baselines."),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser."),n.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...n.selectedComparison?.headCapture?.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(Vc,null,"You're ready to start testing!"),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Done"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough"))):s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. You ran your first tests!"),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser and changes were found."),n.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...n.selectedComparison?.headCapture?.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(Vc,null,"It's time to review changes!"),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Take a tour"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough")))))};var zc=()=>s__default.createElement("div",null,s__default.createElement(j,null,"Get started with visual testing"),s__default.createElement(M,{center:!0,muted:!0},'Take an image snapshot of your stories to save their "last known good state" as test baselines.')),Zc=({isRunning:e,localBuildProgress:t,startBuild:r,onSkip:n})=>(we("Onboarding","InitialBuild"),s__default.createElement(G,{footer:null},s__default.createElement($,null,t?s__default.createElement(D,null,s__default.createElement(zc,null),s__default.createElement(Vr,{localBuildProgress:t})):s__default.createElement(D,null,s__default.createElement(zc,null),s__default.createElement(qe,null,s__default.createElement(W,{disabled:e,size:"medium",variant:"solid",onClick:r},"Take snapshots"),s__default.createElement(W,{onClick:n,link:!0},"Skip walkthrough"))))));var T8=styled(M)({marginBottom:5}),jc=({onCatchAChange:e,onSkip:t})=>{we("Onboarding","InitialBuildComplete");let r=dt();return s__default.createElement(G,{footer:null},s__default.createElement($,null,s__default.createElement(D,null,s__default.createElement("div",null,s__default.createElement(j,null,"Nice. Your stories were saved as test baselines."),s__default.createElement(M,{center:!0,muted:!0,block:!0},"This story was indexed and snapshotted in a standardized cloud browser."),r?.selectedComparison?.headCapture?.captureImage&&s__default.createElement(mo,{...r?.selectedComparison?.headCapture.captureImage,status:"positive"})),s__default.createElement(qe,null,s__default.createElement(T8,{muted:!0},"Let's see the superpower of catching visual changes."),s__default.createElement(W,{variant:"solid",size:"medium",onClick:e},"Catch a UI change"),s__default.createElement(W,{link:!0,onClick:t},"Skip walkthrough")))))};var Uc=({dismissBuildError:e,localBuildProgress:t,showInitialBuildScreen:r,gitInfo:n,lastBuildHasChangesForStory:a,onComplete:o,onSkip:i})=>{let{isRunning:l,startBuild:d}=tr(),[u,c]=Fe("showInitialBuild",r);useEffect(()=>{r&&c(!0);},[r,c]);let[p,f]=Fe("showCatchAChange",!u),[m,h]=Fe("initialGitHash",n.uncommittedHash),g=()=>{h(n.uncommittedHash),f(!0);},[w,y]=Fe("runningSecondBuild",!1);return t?.currentStep==="error"?s__default.createElement(Ac,{localBuildProgress:t},s__default.createElement(qe,null,s__default.createElement(W,{variant:"solid",size:"medium",onClick:d},"Try again"),s__default.createElement(W,{link:!0,onClick:i},"Skip walkthrough"))):t?.currentStep==="limited"?s__default.createElement(Ti,{billingUrl:t.errorDetailsUrl,suspensionReason:"EXCEEDED_THRESHOLD"},s__default.createElement(W,{link:!0,onClick:e},"Continue")):u&&(!t||t&&l)?s__default.createElement(Zc,{isRunning:l,localBuildProgress:t,startBuild:d,onSkip:i}):t?.currentStep==="complete"&&!p&&!w?a?s__default.createElement(Z1,{onComplete:o,onSkip:i}):s__default.createElement(jc,{onCatchAChange:g,onSkip:i}):p&&!a?s__default.createElement(Hc,{isRunning:l,isUnchanged:m===n.uncommittedHash,localBuildProgress:t,onSkip:i,runningSecondBuild:w,setInitialGitHash:h,setRunningSecondBuild:y,startBuild:d,uncommittedHash:n.uncommittedHash}):a?s__default.createElement(Z1,{onComplete:o,onSkip:i,ranSecondBuild:p&&w}):null};var $c=styled.div(({theme:e})=>({background:e.background.app,padding:"9px 15px",lineHeight:"21px",color:e.color.defaultText,borderBottom:`1px solid ${e.appBorderColor}`}));var N8=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(359deg)"}}),F8=styled(Zo)({animation:`${N8} 1s linear infinite`}),Yi={width:10,marginRight:8},Wc=styled.button(({isWarning:e,onClick:t,theme:r})=>{let n=r.base==="light"?r.background.warning:"#2e271a";return {position:"relative",display:"flex",width:"100%",lineHeight:"20px",padding:"5px 7px 5px 15px",justifyContent:"space-between",alignItems:"center",background:e?n:r.background.app,border:"none",borderBottom:`1px solid ${r.appBorderColor}`,color:r.color.defaultText,cursor:t?"pointer":"default",textAlign:"left","& > *":{zIndex:1},code:{fontFamily:r.typography.fonts.mono,fontSize:"12px"}}}),qc=styled.div(({isWarning:e,percentage:t,theme:r})=>{let n=r.base==="light"?"#FFE6B1":"#43361f";return {display:"block",position:"absolute",top:"0",height:"100%",left:"0",width:`${t}%`,transition:"width 3s ease-out",backgroundColor:e?n:r.background.hoverable,pointerEvents:"none",zIndex:0}}),Qi=styled.div({lineHeight:"21px",padding:"4px 0"}),O8=styled(hl)({transition:"transform 0.1s ease-in-out"}),R8=styled.div(({expanded:e,theme:t})=>({display:"grid",gridTemplateRows:e?"1fr":"0fr",background:t.background.app,borderBottom:e?`1px solid ${t.appBorderColor}`:"none",transition:"grid-template-rows 150ms ease-out"})),H8=styled.div(({theme:e})=>({whiteSpace:"nowrap",overflow:"hidden",color:e.base==="light"?e.color.dark:e.color.lightest})),D8=styled.div(({isCurrent:e,isFailed:t,isPending:r,theme:n})=>({display:"flex",flexDirection:"row",gap:8,opacity:r?.7:1,color:t?n.color.negativeText:"inherit",fontWeight:e||t?"bold":"normal",fontFamily:"Menlo, monospace",fontSize:12,lineHeight:"24px",margin:"0 15px","&:first-of-type":{marginTop:10},"&:last-of-type":{marginBottom:10},"& > div":{display:"flex",alignItems:"center"}})),V8=({localBuildProgress:e,expanded:t=!1})=>{let r=useRef({});useEffect(()=>{r.current[e.currentStep]={...e};},[e]);let n=["aborted","error"].includes(e.currentStep),a=Wi.map(o=>{let{startedAt:i,completedAt:l}=e.stepProgress[o],d=!!i&&!l,u=d&&n,c=!i,p={...xa[o],isCurrent:d,isFailed:u,isPending:c};return u?{...p,icon:s__default.createElement(Lt,{style:Yi}),renderLabel:p.renderProgress}:d?{...p,icon:s__default.createElement(F8,{style:Yi}),renderLabel:p.renderProgress}:c?{...p,icon:s__default.createElement(ml,{style:Yi}),renderLabel:p.renderName}:{...p,icon:s__default.createElement(Nn,{style:Yi}),renderLabel:p.renderComplete}});return s__default.createElement(R8,{expanded:t},s__default.createElement(H8,null,a.map(({icon:o,isCurrent:i,isFailed:l,isPending:d,key:u,renderLabel:c})=>s__default.createElement(D8,{isCurrent:i,isFailed:l,isPending:d,key:u},s__default.createElement("div",null,o,c(r.current[u]||e))))))},Gc=({branch:e,dismissBuildError:t,localBuildProgress:r,lastBuildOnBranchInProgress:n,switchToLastBuildOnBranch:a})=>{let[o,i]=s__default.useState(!1),l=()=>{i(!o);};if(r){let u=r.currentStep==="aborted",c=r.currentStep==="error",p=u||c;return s__default.createElement(s__default.Fragment,null,s__default.createElement(Wc,{as:c?"div":"button",onClick:c?void 0:l,isWarning:p},s__default.createElement(qc,{percentage:r.buildProgressPercentage,isWarning:p}),s__default.createElement(Qi,null,s__default.createElement(qi,{localBuildProgress:r,withEmoji:!0})),c?s__default.createElement(Ue,{onClick:t},s__default.createElement(Fn,{"aria-label":"Dismiss"})):s__default.createElement(Ue,{as:"div"},s__default.createElement(O8,{style:{transform:`rotate(${o?-180:0}deg)`}}))),s__default.createElement(V8,{localBuildProgress:r,expanded:o||c}))}function d(){return a?n?s__default.createElement(Qi,null,"Reviewing is disabled because there's a newer build in progress on"," ",s__default.createElement(Ae,null,e),". This can happen when a build runs in CI."):s__default.createElement(Qi,null,"There's a newer snapshot with changes."," ",s__default.createElement(Link,{withArrow:!0,onClick:a},"Switch to newer snapshot")):s__default.createElement(Qi,null,"Reviewing is disabled because there's a newer build on ",s__default.createElement(Ae,null,e),".")}return s__default.createElement(Wc,{onClick:a},s__default.createElement(qc,{percentage:100}),d())};var Yc=({onClose:e})=>s__default.createElement(Go,null,s__default.createElement(Fa,null,s__default.createElement(Wr,null,"Render settings",s__default.createElement(L0,null),s__default.createElement(Hn,{onClick:e},s__default.createElement(Rn,{"aria-label":"Close"}))),s__default.createElement("p",null,s__default.createElement(El,null),"Delay: 300ms"),s__default.createElement("p",null,s__default.createElement(Tl,null),"Animation pause: Ends"),s__default.createElement("p",null,s__default.createElement(Ml,null),"Threshold: 0.2"),s__default.createElement("p",null,s__default.createElement(Bl,null),"Anti-alias: Included")),s__default.createElement(Fa,null,s__default.createElement(Wr,null,"Bounding box",s__default.createElement(L0,null)),s__default.createElement("dl",null,s__default.createElement("dt",null,"Width:"),s__default.createElement("dd",null,"Fill viewport"),s__default.createElement("dt",null,"Height:"),s__default.createElement("dd",null,"Hug contents"))));var Jc={isReviewing:!1,userCanReview:!1,buildIsReviewable:!1,acceptTest:(e,t="SPEC")=>Promise.resolve(),unacceptTest:(e,t="SPEC")=>Promise.resolve()},Kc=createContext(Jc),Ji=()=>je(Kc,"ReviewTest"),Xc=({children:e,watchState:t=Jc})=>s__default.createElement(Kc.Provider,{value:t},e);var U8=styled.div(({theme:e})=>({position:"relative",display:"flex",background:"transparent",overflow:"hidden",margin:2,maxWidth:"calc(100% - 4px)","& > div":{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",p:{maxWidth:380,textAlign:"center"},svg:{width:24,height:24}},"& > svg":{position:"absolute",left:"calc(50% - 14px)",top:"calc(50% - 14px)",width:20,height:20,color:e.color.lightest,opacity:0,transition:"opacity 0.1s ease-in-out",pointerEvents:"none"}}),({href:e})=>e&&{display:"inline-flex",cursor:"pointer","&:hover":{"& > svg":{opacity:1},img:{filter:"brightness(85%)"}}}),e2=styled.div(({isVisible:e})=>({position:e?"static":"absolute",visibility:e?"visible":"hidden",maxWidth:"100%",minHeight:100})),Ki=styled.img({display:"block",width:"100%",height:"auto",transition:"filter 0.1s ease-in-out, opacity 0.1s ease-in-out","&[data-overlay]":{position:"absolute",opacity:.7,pointerEvents:"none",transition:"opacity 0.1s ease-in-out"}}),$8=styled(D)({margin:"30px 15px"}),W8=({comparisonImageLoaded:e,focusImageLoaded:t,showDiff:r,showFocus:n})=>r&&n?e&&t:r?e:n?t:!0,t2=({componentName:e,storyName:t,testUrl:r,comparisonResult:n,latestImage:a,baselineImage:o,baselineImageVisible:i,diffImage:l,focusImage:d,diffVisible:u,focusVisible:c,...p})=>{let f=useTheme(),m=!!a&&!!l&&n==="CHANGED",h=n==="CAPTURE_ERROR",g=m&&!!d,w=m?{as:"a",href:r,target:"_blank",title:"View on Chromatic.com"}:{},y=m&&u,v=g&&c,[k,b]=s__default.useState(!1),[x,C]=s__default.useState(!1),[O,ce]=s__default.useState(!1),[le,ze]=s__default.useState(!1),ye=i?x:k,Ze=W8({comparisonImageLoaded:O,focusImageLoaded:le,showDiff:y,showFocus:v});return s__default.createElement(U8,{...p,...w},a&&s__default.createElement(e2,{isVisible:!o||!i,style:{aspectRatio:`${a.imageWidth} / ${a.imageHeight}`,width:a.imageWidth}},(!k||!Ze)&&s__default.createElement(_a,null),s__default.createElement(Ki,{alt:`Latest snapshot for the '${t}' story of the '${e}' component`,src:a.imageUrl,style:{opacity:k?1:0},onLoad:()=>b(!0)})),o&&s__default.createElement(e2,{isVisible:i,style:{aspectRatio:`${o.imageWidth} / ${o.imageHeight}`,width:o.imageWidth}},(!x||!Ze)&&s__default.createElement(_a,null),s__default.createElement(Ki,{alt:`Baseline snapshot for the '${t}' story of the '${e}' component`,src:o.imageUrl,style:{opacity:x?1:0},onLoad:()=>C(!0)})),m&&ye&&s__default.createElement(Ki,{alt:"","data-overlay":"diff",src:l.imageUrl,style:{width:l.imageWidth,maxWidth:`${l.imageWidth/a.imageWidth*100}%`,opacity:y&&O?.7:0},onLoad:()=>ce(!0)}),g&&ye&&s__default.createElement(Ki,{alt:"","data-overlay":"focus",src:d.imageUrl,style:{width:d.imageWidth,maxWidth:`${d.imageWidth/a.imageWidth*100}%`,opacity:v&&le?.7:0,filter:v?"blur(2px)":"none"},onLoad:()=>ze(!0)}),m&&s__default.createElement(zo,null),h&&!a&&s__default.createElement($8,null,s__default.createElement(Js,{color:f.base==="light"?"currentColor":f.color.medium}),s__default.createElement(M,{center:!0,muted:!0},"A snapshot couldn't be captured. This often occurs when a story has a code error. Confirm that this story successfully renders in your local Storybook and run the build again.")))};var r2=e=>s__default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s__default.createElement("circle",{cx:"8.00009",cy:"7.99997",r:"7.7037",fill:"url(#paint0_linear_466_21186)"}),s__default.createElement("ellipse",{cx:"8.00094",cy:"8.00094",rx:"7.06173",ry:"7.06173",fill:"url(#paint1_radial_466_21186)"}),s__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z",fill:"#DDDDDD"}),s__default.createElement("path",{d:"M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z",fill:"#DDDDDD"}),s__default.createElement("path",{d:"M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z",fill:"#EE4444"}),s__default.createElement("path",{d:"M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z",fill:"#CC0000"}),s__default.createElement("path",{d:"M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z",fill:"#AAAAAA"}),s__default.createElement("defs",null,s__default.createElement("linearGradient",{id:"paint0_linear_466_21186",x1:"0.300303",y1:"0.300951",x2:"0.300303",y2:"15.7084",gradientUnits:"userSpaceOnUse"},s__default.createElement("stop",{stopColor:"#F8F8F8"}),s__default.createElement("stop",{offset:"1",stopColor:"#CCCCCC"})),s__default.createElement("radialGradient",{id:"paint1_radial_466_21186",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(8.00216 8.0046) scale(7.06173)"},s__default.createElement("stop",{stopColor:"#00F0FF"}),s__default.createElement("stop",{offset:"1",stopColor:"#0070E0"}))));var a2=styled.div(({status:e,theme:t})=>({display:"inline-block",width:6,height:6,borderRadius:"50%",background:e&&{["IN_PROGRESS"]:"transparent",["PASSED"]:t.color.positive,["PENDING"]:t.color.gold,["ACCEPTED"]:t.color.positive,["DENIED"]:t.color.positive,["BROKEN"]:t.color.negative,["FAILED"]:t.color.negative,["SKIPPED"]:"transparent",["EQUAL"]:t.color.positive,["FIXED"]:t.color.positive,["ADDED"]:t.color.gold,["CHANGED"]:t.color.gold,["REMOVED"]:t.color.gold,["CAPTURE_ERROR"]:t.color.negative,["SYSTEM_ERROR"]:t.color.negative,positive:t.color.positive,negative:t.color.negative,warning:t.color.gold,notification:t.color.secondary}[e]}),({overlay:e,theme:t})=>e&&css({position:"absolute",top:-1,right:-2,width:7,height:7,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px var(--bg-color, ${t.background.bar})`,boxSizing:"border-box"})),e0=({status:e})=>s__default.createElement(a2,{status:e}),G8=styled.div({position:"relative",display:"inline-flex",justifyContent:"center","img, svg":{verticalAlign:"top"}}),t0=({status:e,children:t})=>s__default.createElement(G8,null,t,s__default.createElement(a2,{overlay:!0,status:e}));var o2={["CHROME"]:s__default.createElement(wi,{alt:"Chrome"}),["FIREFOX"]:s__default.createElement(bi,{alt:"Firefox"}),["SAFARI"]:s__default.createElement(Si,{alt:"Safari"}),["EDGE"]:s__default.createElement(r2,{alt:"Edge"})},Q8=styled.div(({theme:e})=>({alignItems:"center",color:e.base==="light"?e.color.dark:e.color.light,display:"inline-flex",gap:6,height:16,margin:"6px 7px",svg:{verticalAlign:"top"}})),i2=styled.span(({theme:e})=>({color:e.base==="light"?e.color.dark:e.color.light,display:"none",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,"@container (min-width: 300px)":{display:"inline-block"},"+ svg":{color:e.base==="light"?e.color.dark:e.color.light},"button:hover > &, button:hover > & + svg":{color:e.color.secondary}})),l2=({isAccepted:e,selectedBrowser:t,browserResults:r,onSelectBrowser:n})=>{let a=xn(r.map(({result:l})=>l));if(!a)return null;let o=o2[t.key];!e&&!["EQUAL","SKIPPED"].includes(a)&&r.length>=2&&(o=s__default.createElement(t0,{status:a},o));let i=r.length>1&&r.map(({browser:l,result:d})=>({active:t===l,id:l.id,onClick:()=>n(l),right:!e&&!["EQUAL","SKIPPED"].includes(a)&&s__default.createElement(e0,{status:d}),icon:o2[l.key],title:l.name}));return s__default.createElement(WithTooltip,{key:t.key,hasChrome:!1,placement:"top",trigger:"hover",tooltip:s__default.createElement(Re,{note:i?"Switch browser":`Tested in ${r[0].browser.name}`})},i?s__default.createElement(sr,{placement:"bottom",links:i},o,s__default.createElement(i2,null,t.name),s__default.createElement(On,{size:10})):s__default.createElement(Q8,null,o,s__default.createElement(i2,null,t.name)))};var K8=styled.div(({theme:e})=>({alignItems:"center",color:e.base==="light"?e.color.darkest:e.color.light,display:"inline-flex",gap:6,height:14,margin:"7px 7px",svg:{verticalAlign:"top",path:{fill:e.base==="light"?e.color.dark:e.color.light}}})),X8=styled(sr)(({theme:e})=>({button:{svg:{verticalAlign:"top",path:{fill:e.base==="light"?e.color.dark:e.color.light}},"&:hover":{svg:{path:{fill:e.color.secondary}}}}})),d2=styled.span(({theme:e})=>({color:e.base==="light"?e.color.dark:e.color.light,display:"none",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,"@container (min-width: 300px)":{display:"inline-block"},"button:hover > &":{color:e.color.secondary}})),u2=({isAccepted:e,modeOrder:t,modeResults:r,onSelectMode:n,selectedMode:a})=>{let o=xn(r.map(({result:d})=>d));if(!o)return null;let i=s__default.createElement(pl,null);!e&&!["EQUAL","SKIPPED"].includes(o)&&r.length>=2&&(i=s__default.createElement(t0,{status:o},i));let l=r.length>1&&r.map(({mode:d,result:u})=>({id:d.name,title:d.name,right:!e&&!["EQUAL","SKIPPED"].includes(o)&&s__default.createElement(e0,{status:u}),onClick:()=>n(d),active:a.name===d.name})).sort((d,u)=>{if(!t)return 0;let c=t.indexOf(d.title),p=t.indexOf(u.title);return c!==-1&&p!==-1?c-p:0});return s__default.createElement(WithTooltip,{key:a.name,hasChrome:!1,placement:"top",trigger:"hover",tooltip:s__default.createElement(Re,{note:l?"Switch mode":`View mode: ${r[0].mode.name}`})},l?s__default.createElement(X8,{placement:"bottom",links:l},i,s__default.createElement(d2,null,a.name),s__default.createElement(On,{size:10})):s__default.createElement(K8,null,i,s__default.createElement(d2,null,a.name)))};var $1=()=>{let e=dt(),{browserResults:t,modeResults:r}=e.summary;return s__default.createElement(Yr,null,r.length>0&&e.selectedTest&&s__default.createElement(u2,{isAccepted:e.summary.status==="ACCEPTED",modeOrder:e.modeOrder,selectedMode:e.selectedTest.mode,modeResults:r,onSelectMode:e.onSelectMode}),t.length>0&&e.selectedComparison&&s__default.createElement(l2,{isAccepted:e.summary.status==="ACCEPTED",selectedBrowser:e.selectedComparison.browser,browserResults:t,onSelectBrowser:e.onSelectBrowser}),s__default.createElement(We,{push:!0},s__default.createElement(Ir,null)))};var eg=({theme:e,status:t,variant:r})=>r==="outline"?{color:e.base==="light"?e.color.dark:e.color.medium,backgroundColor:e.background.app,borderColor:e.base==="light"?e.color.medium:e.color.darker,"&:hover":{color:e.base==="light"?e.color.darkest:e.color.lighter,backgroundColor:or(.03,e.background.app)}}:t==="positive"?{color:e.color.positiveText,backgroundColor:e.background.positive,borderColor:An(.5,e.color.positiveText),"&:hover":{color:e.color.positiveText,backgroundColor:or(.05,e.background.positive)}}:t==="warning"?{color:e.color.warningText,backgroundColor:e.background.warning,borderColor:An(.5,e.color.warningText),"&:hover":{color:e.color.warningText,backgroundColor:or(.05,e.background.warning)}}:{color:e.color.lightest,backgroundColor:e.color.secondary,borderWidth:0,borderColor:e.base==="light"?An(.2,e.color.secondary):or(.1,e.color.secondary),"&:hover":{color:e.color.lightest,backgroundColor:or(.05,e.color.secondary)}},Zr=styled(Ue)(({square:e})=>({border:"1px solid transparent",boxShadow:"none",fontSize:12,fontWeight:700,height:28,padding:e?"8px 6px":8,transition:"background-color 150ms ease-out","@container (min-width: 300px)":{height:32,width:e?32:"auto",padding:e?"9px 8px":9},"@container (min-width: 800px)":{height:28,fontSize:12,width:e?28:"auto",padding:e?"8px 6px":8}}),eg,({side:e})=>({...e==="left"&&{borderRightWidth:1,borderTopRightRadius:0,borderBottomRightRadius:0},...e==="right"&&{borderLeftWidth:0,borderTopLeftRadius:0,borderBottomLeftRadius:0}})),W1=styled.div({display:"flex",flexDirection:"row"});var Ca=styled.div(({theme:e})=>({width:12,height:12,margin:"3px 6px",verticalAlign:"top",display:"inline-block",animation:`${Fo} 0.7s linear infinite`,border:"2px solid transparent",borderLeftColor:e.base==="light"?"#00aaff":"#58faf9",borderBottomColor:"#25ccfd",borderRightColor:e.base==="light"?"#58faf9":"#00aaff",borderRadius:"100%",transform:"translate3d(0, 0, 0)"}),({parentComponent:e})=>e&&css({margin:e==="IconButton"?1:0,borderWidth:1,borderLeftColor:"currentcolor",borderBottomColor:"currentcolor",borderRightColor:"currentcolor"}));var r0=styled.div(({theme:e,width:t=14,height:r=14,marginLeft:n=7,marginRight:a=8})=>({display:"inline-block",backgroundColor:e.appBorderColor,borderRadius:3,animation:`${e.animation.glow} 1.5s ease-in-out infinite`,height:r,width:t,margin:7,marginLeft:n,marginRight:a}));var ag=styled.div(({theme:e})=>({gridArea:"label",margin:"8px 15px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:6,span:{display:"none","@container (min-width: 300px)":{display:"initial"}},"@container (min-width: 800px)":{borderLeft:`1px solid ${e.appBorderColor}`,paddingLeft:10,marginLeft:0}})),p2=styled.div({gridArea:"controls",margin:"6px 10px 6px 15px",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:6,"@container (min-width: 800px)":{margin:8}}),og=styled.div(({theme:e})=>({padding:9,"> svg":{display:"block"},path:{fill:e.color.mediumdark}})),ig=styled.div(({theme:e,showDivider:t})=>({gridArea:"actions",display:"flex",alignItems:"center",justifyContent:"flex-end",margin:"0px 10px 0px 15px",gap:6,"@container (min-width: 300px)":{alignItems:"flex-start",margin:"15px 10px 15px 0px"},"@container (min-width: 800px)":{alignItems:"center",borderLeft:t?`1px solid ${e.appBorderColor}`:"none",margin:"8px 10px 8px 0px",paddingLeft:8}})),f2=({isOutdated:e})=>{let{baselineImageVisible:t,diffVisible:r,focusVisible:n}=kr(),{toggleBaselineImage:a,toggleDiff:o,toggleFocus:i}=St(),{isRunning:l,startBuild:d}=tr(),{selectedTest:u,selectedComparison:c,summary:p}=dt(),{changeCount:f,isInProgress:m}=p,{isReviewing:h,buildIsReviewable:g,userCanReview:w,acceptTest:y,unacceptTest:v}=Ji();if(m)return s__default.createElement(p2,null,s__default.createElement(r0,null),s__default.createElement(r0,null),s__default.createElement(r0,null));let k=f>0&&u?.status!=="ACCEPTED",b=f>0&&u?.status==="ACCEPTED",x=c?.result==="CHANGED";return s__default.createElement(s__default.Fragment,null,x&&s__default.createElement(ag,null,s__default.createElement(M,null,s__default.createElement("b",null,t?"Baseline":"Latest",s__default.createElement("span",null," snapshot")))),x&&s__default.createElement(p2,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:t?"Show latest snapshot":"Show baseline snapshot"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-toggle-snapshot","aria-label":t?"Show latest snapshot":"Show baseline snapshot",onClick:()=>a()},s__default.createElement(gl,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:n?"Hide spotlight":"Show spotlight"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-toggle-spotlight",active:n,"aria-label":n?"Hide spotlight":"Show spotlight",onClick:()=>i(!n)},s__default.createElement(yl,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:r?"Hide diff":"Show diff"}),trigger:"hover",hasChrome:!1},s__default.createElement(Ue,{id:"button-diff-visible",active:r,"aria-label":r?"Hide diff":"Show diff",onClick:()=>o(!r)},s__default.createElement(Ho,null)))),(k||b)&&s__default.createElement(ig,{showDivider:x},w&&g&&k&&u&&s__default.createElement(W1,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Accept this story"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{id:"button-toggle-accept-story",disabled:h,"aria-label":"Accept this story",onClick:()=>y(u.id,"SPEC"),side:"left"},"Accept")),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Batch accept options"}),trigger:"hover",hasChrome:!1},s__default.createElement(sr,{placement:"bottom",links:[{id:"acceptComponent",title:"Accept component",center:"Accept all unreviewed changes for this component",onClick:()=>y(u.id,"COMPONENT"),disabled:h,loading:h},{id:"acceptBuild",title:"Accept entire build",center:"Accept all unreviewed changes for every story in the Storybook",onClick:()=>y(u.id,"BUILD"),disabled:h,loading:h}]},C=>s__default.createElement(Zr,{square:!0,active:C,disabled:h,"aria-label":"Batch accept options",side:"right"},h?s__default.createElement(Ca,{parentComponent:"IconButton"}):s__default.createElement(E0,null))))),w&&g&&b&&s__default.createElement(W1,null,s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Unaccept this story"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{id:"button-toggle-accept-story",disabled:h,"aria-label":"Unaccept this story",onClick:()=>v(u.id,"SPEC"),side:"left",status:"positive"},s__default.createElement(vl,null),"Unaccept")),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Batch unaccept options"}),trigger:"hover",hasChrome:!1},s__default.createElement(sr,{placement:"bottom",links:[{id:"unacceptComponent",title:"Unaccept component",center:"Unaccept all unreviewed changes for this component",onClick:()=>v(u.id,"COMPONENT"),disabled:h,loading:h},{id:"unacceptBuild",title:"Unaccept entire build",center:"Unaccept all unreviewed changes for every story in the Storybook",onClick:()=>v(u.id,"BUILD"),disabled:h,loading:h}]},C=>s__default.createElement(Zr,{square:!0,active:C,disabled:h,"aria-label":"Batch unaccept options",side:"right",status:"positive"},h?s__default.createElement(Ca,{parentComponent:"IconButton"}):s__default.createElement(E0,null))))),!(w&&g)&&s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:"Reviewing disabled"}),trigger:"hover",hasChrome:!1},s__default.createElement(og,null,s__default.createElement(ll,null))),s__default.createElement(WithTooltip,{tooltip:s__default.createElement(Re,{note:e?"Run new tests":"Rerun tests"}),trigger:"hover",hasChrome:!1},s__default.createElement(Zr,{square:!0,"aria-label":e?"Run new tests":"Rerun tests",onClick:d,disabled:l,variant:"outline"},e?s__default.createElement(Cr,null):s__default.createElement(Zo,null)))))};var wo=$t(qo());var h2=e=>s__default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"3px 6px",verticalAlign:"top"},...e},s__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.57143 6.85714C5.57143 7.09384 5.76331 7.28571 6 7.28571C6.23669 7.28571 6.42857 7.09384 6.42857 6.85714L6.42857 3.42857C6.42857 3.19188 6.23669 3 6 3C5.76331 3 5.57143 3.19188 5.57143 3.42857V6.85714ZM5.35714 8.78572C5.35714 8.43067 5.64496 8.14286 6 8.14286C6.35504 8.14286 6.64286 8.43067 6.64286 8.78571C6.64286 9.14075 6.35504 9.42857 6 9.42857C5.64496 9.42857 5.35714 9.14075 5.35714 8.78572Z",fill:"#73828C"}));var G1={width:12,height:12,margin:"3px 3px 3px 6px",verticalAlign:"top"},g2=({icon:e})=>{let{color:t}=useTheme();return {passed:s__default.createElement(il,{style:{...G1,color:t.positive}}),changed:s__default.createElement(sl,{style:{...G1,color:t.warning}}),failed:s__default.createElement(Lt,{style:{...G1,color:t.negative}})}[e]};function a0(e){"@babel/helpers - typeof";return a0=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a0(e)}function gr(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function vr(e){gr(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||a0(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}var lg={};function v2(){return lg}function o0(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function Y1(e,t){gr(2,arguments);var r=vr(e),n=vr(t),a=r.getTime()-n.getTime();return a<0?-1:a>0?1:a}var dg={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},ug=function(t,r,n){var a,o=dg[t];return typeof o=="string"?a=o:r===1?a=o.one:a=o.other.replace("{{count}}",r.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},y2=ug;function go(e){return function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=t.width?String(t.width):e.defaultWidth,n=e.formats[r]||e.formats[e.defaultWidth];return n}}var cg={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},pg={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},fg={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},mg={date:go({formats:cg,defaultWidth:"full"}),time:go({formats:pg,defaultWidth:"full"}),dateTime:go({formats:fg,defaultWidth:"full"})},w2=mg;var hg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},gg=function(t,r,n,a){return hg[t]},b2=gg;function kn(e){return function(t,r){var n=r!=null&&r.context?String(r.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var o=e.defaultFormattingWidth||e.defaultWidth,i=r!=null&&r.width?String(r.width):o;a=e.formattingValues[i]||e.formattingValues[o];}else {var l=e.defaultWidth,d=r!=null&&r.width?String(r.width):e.defaultWidth;a=e.values[d]||e.values[l];}var u=e.argumentCallback?e.argumentCallback(t):t;return a[u]}}var vg={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},yg={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},wg={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},bg={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Sg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},xg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Cg=function(t,r){var n=Number(t),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},kg={ordinalNumber:Cg,era:kn({values:vg,defaultWidth:"wide"}),quarter:kn({values:yg,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:kn({values:wg,defaultWidth:"wide"}),day:kn({values:bg,defaultWidth:"wide"}),dayPeriod:kn({values:Sg,defaultWidth:"wide",formattingValues:xg,defaultFormattingWidth:"wide"})},S2=kg;function In(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=r.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],o=t.match(a);if(!o)return null;var i=o[0],l=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],d=Array.isArray(l)?Eg(l,function(p){return p.test(i)}):Ig(l,function(p){return p.test(i)}),u;u=e.valueCallback?e.valueCallback(d):d,u=r.valueCallback?r.valueCallback(u):u;var c=t.slice(i.length);return {value:u,rest:c}}}function Ig(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function Eg(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function Q1(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.match(e.matchPattern);if(!n)return null;var a=n[0],o=t.match(e.parsePattern);if(!o)return null;var i=e.valueCallback?e.valueCallback(o[0]):o[0];i=r.valueCallback?r.valueCallback(i):i;var l=t.slice(a.length);return {value:i,rest:l}}}var Tg=/^(\d+)(th|st|nd|rd)?/i,Mg=/\d+/i,Bg={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Lg={any:[/^b/i,/^(a|c)/i]},Ag={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},_g={any:[/1/i,/2/i,/3/i,/4/i]},Pg={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ng={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Fg={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Og={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Rg={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Hg={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Dg={ordinalNumber:Q1({matchPattern:Tg,parsePattern:Mg,valueCallback:function(t){return parseInt(t,10)}}),era:In({matchPatterns:Bg,defaultMatchWidth:"wide",parsePatterns:Lg,defaultParseWidth:"any"}),quarter:In({matchPatterns:Ag,defaultMatchWidth:"wide",parsePatterns:_g,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:In({matchPatterns:Pg,defaultMatchWidth:"wide",parsePatterns:Ng,defaultParseWidth:"any"}),day:In({matchPatterns:Fg,defaultMatchWidth:"wide",parsePatterns:Og,defaultParseWidth:"any"}),dayPeriod:In({matchPatterns:Rg,defaultMatchWidth:"any",parsePatterns:Hg,defaultParseWidth:"any"})},x2=Dg;var Vg={code:"en-US",formatDistance:y2,formatLong:w2,formatRelative:b2,localize:S2,match:x2,options:{weekStartsOn:0,firstWeekContainsDate:1}},i0=Vg;var C2=i0;function vo(e,t){if(e==null)throw new TypeError("assign requires that input parameter not be null or undefined");for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}function J1(e){return vo({},e)}var k2=1e3*60,s0=60*24,I2=s0*30,E2=s0*365;function K1(e,t,r){var n,a,o;gr(2,arguments);var i=v2(),l=(n=(a=r?.locale)!==null&&a!==void 0?a:i.locale)!==null&&n!==void 0?n:C2;if(!l.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var d=Y1(e,t);if(isNaN(d))throw new RangeError("Invalid time value");var u=vo(J1(r),{addSuffix:!!r?.addSuffix,comparison:d}),c,p;d>0?(c=vr(t),p=vr(e)):(c=vr(e),p=vr(t));var f=String((o=r?.roundingMethod)!==null&&o!==void 0?o:"round"),m;if(f==="floor")m=Math.floor;else if(f==="ceil")m=Math.ceil;else if(f==="round")m=Math.round;else throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");var h=p.getTime()-c.getTime(),g=h/k2,w=o0(p)-o0(c),y=(h-w)/k2,v=r?.unit,k;if(v?k=String(v):g<1?k="second":g<60?k="minute":g<s0?k="hour":y<I2?k="day":y<E2?k="month":k="year",k==="second"){var b=m(h/1e3);return l.formatDistance("xSeconds",b,u)}else if(k==="minute"){var x=m(g);return l.formatDistance("xMinutes",x,u)}else if(k==="hour"){var C=m(g/60);return l.formatDistance("xHours",C,u)}else if(k==="day"){var O=m(y/s0);return l.formatDistance("xDays",O,u)}else if(k==="month"){var ce=m(y/I2);return ce===12&&v!=="month"?l.formatDistance("xYears",1,u):l.formatDistance("xMonths",ce,u)}else if(k==="year"){var le=m(y/E2);return l.formatDistance("xYears",le,u)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function l0(e,t){return gr(1,arguments),K1(e,Date.now(),t)}var zg={lessThanXSeconds:"just now",xSeconds:"just now",halfAMinute:"just now",lessThanXMinutes:"{{count}}m",xMinutes:"{{count}}m",aboutXHours:"{{count}}h",xHours:"{{count}}h",xDays:"{{count}}d",aboutXWeeks:"{{count}}w",xWeeks:"{{count}}w",aboutXMonths:"{{count}}mo",xMonths:"{{count}}mo",aboutXYears:"{{count}}y",xYears:"{{count}}y",overXYears:"{{count}}y",almostXYears:"{{count}}y"};function Zg(e,t,r={addSuffix:!1,comparison:0}){let n=zg[e].replace("{{count}}",t);return ["lessThanXSeconds","xSeconds","halfAMinute"].includes(e)?`${n}`:r.addSuffix?r.comparison>0?`in ${n}`:`${n} ago`:n}var T2=e=>l0(e,{addSuffix:!0,locale:{...i0,formatDistance:Zg}});var yo=styled.div(({theme:e})=>({gridArea:"info",display:"flex",justifySelf:"start",justifyContent:"center",flexDirection:"column",margin:15,lineHeight:"18px",color:e.base==="light"?`${e.color.defaultText}99`:`${e.color.light}99`,fontSize:e.typography.size.s2,b:{color:e.base==="light"?`${e.color.defaultText}`:`${e.color.light}`},small:{fontSize:e.typography.size.s2-1},"@container (min-width: 800px)":{margin:"6px 10px 6px 15px",alignItems:"center",flexDirection:"row",small:{fontSize:"inherit"},"[data-hidden-large]":{display:"none"},"& > span:first-of-type":{display:"inline-flex",alignItems:"center",height:24,marginRight:6}}})),Ug=styled.div({gridArea:"actions",display:"flex",justifySelf:"end",justifyContent:"center",alignItems:"start",margin:15,marginRight:10,"@container (min-width: 800px)":{margin:"6px 10px 0 0"}}),B2=({isStarting:e,tests:t,startedAt:r,isBuildFailed:n,isOutdated:a,shouldSwitchToLastBuildOnBranch:o,switchToLastBuildOnBranch:i})=>{let{isRunning:l,startBuild:d}=tr(),{status:u,isInProgress:c,changeCount:p,brokenCount:f,modeResults:m,browserResults:h}=Sa(t??[]),g=!e&&r&&T2(new Date(r).getTime()),w=e||c,y=n||u==="FAILED",v=y||u==="BROKEN",k=(v||a)&&!w&&!p,b;return a?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Code edits detected")),s__default.createElement("small",null,s__default.createElement("span",null,"Run tests to see what changed"))):y?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Build failed"),s__default.createElement(h2,null)),s__default.createElement("small",null,s__default.createElement("span",null,"An infrastructure error occured"))):w?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,"Running tests..."),s__default.createElement(Ca,null)),s__default.createElement("small",null,s__default.createElement("span",null,"Test in progress..."))):o?b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,s__default.createElement(Link,{isButton:!0,onClick:i},"View latest snapshot"))),s__default.createElement("span",null,"Newer test results are available for this story")):b=s__default.createElement(yo,null,s__default.createElement("span",null,s__default.createElement("b",null,f?null:p?`${(0, wo.default)("change",p,!0)}${u==="ACCEPTED"?" accepted":""}`:"No changes",f?(0, wo.default)("error",f,!0):null),s__default.createElement(g2,{icon:f?"failed":u==="PENDING"?"changed":"passed"})),s__default.createElement("small",null,m.length>0&&s__default.createElement("span",{"data-hidden-large":!0},(0, wo.default)("mode",m.length,!0),", ",(0, wo.default)("browser",h.length,!0)),m.length>0&&s__default.createElement("span",{"data-hidden-large":!0}," \u2022 "),c&&s__default.createElement("span",null,"Test in progress..."),!c&&r&&s__default.createElement("span",{title:new Date(r).toUTCString()},"Ran ",g))),s__default.createElement(s__default.Fragment,null,b,k&&s__default.createElement(Ug,null,s__default.createElement(Zr,{onClick:d,disabled:l},l?s__default.createElement(Ca,{parentComponent:"Button"}):s__default.createElement(Cr,null),v?"Rerun tests":"Run tests")))};var L2=styled.div(({theme:e})=>({display:"grid",gridTemplateAreas:`
|
|
348
348
|
"info info"
|
|
349
349
|
"actions actions"
|
|
350
350
|
"label controls"
|