@dev-blinq/ui-systems 1.0.148 → 1.0.149

package/dist/components/common/TourGuide/constant.d.ts

@@ -37,16 +37,7 @@ export declare const guideTourSteps: ({
     title: string;
     disableBeacon: boolean;
     spotlightPadding: number;
-    placement?: undefined;
-    spotlightClicks?: undefined;
-    styles?: undefined;
-} | {
-    target: string;
-    content: import("react/jsx-runtime").JSX.Element;
-    title: string;
-    disableBeacon: boolean;
     placement: Placement;
-    spotlightPadding: number;
     spotlightClicks?: undefined;
     styles?: undefined;
 })[];

package/dist/index.js

@@ -856,4 +856,4 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           }
         }
       `)),t.appendChild(r)}componentDidMount(){const{shouldFocus:e}=this.props;process.env.NODE_ENV!=="production"&&(Q.domElement(this.beacon)||console.warn("beacon is not a valid DOM element")),setTimeout(()=>{Q.domElement(this.beacon)&&e&&this.beacon.focus()},0)}componentWillUnmount(){const e=document.getElementById("joyride-beacon-animation");e!=null&&e.parentNode&&e.parentNode.removeChild(e)}render(){const{beaconComponent:e,continuous:t,index:r,isLastStep:n,locale:a,onClickOrHover:o,size:i,step:s,styles:l}=this.props,c=wt(a.open),u={"aria-label":c,onClick:o,onMouseEnter:o,ref:this.setBeaconRef,title:c};let f;if(e){const d=e;f=oe.createElement(d,{continuous:t,index:r,isLastStep:n,size:i,step:s,...u})}else f=oe.createElement("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:l.beacon,type:"button",...u},oe.createElement("span",{style:l.beaconInner}),oe.createElement("span",{style:l.beaconOuter}));return f}};function C2({styles:e,...t}){const{color:r,height:n,width:a,...o}=e;return H.createElement("button",{style:o,type:"button",...t},H.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"},H.createElement("g",null,H.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 E2=C2;function S2(e){const{backProps:t,closeProps:r,index:n,isLastStep:a,primaryProps:o,skipProps:i,step:s,tooltipProps:l}=e,{content:c,hideBackButton:u,hideCloseButton:f,hideFooter:d,showSkipButton:x,styles:h,title:p}=s,v={};return v.primary=oe.createElement("button",{"data-test-id":"button-primary",style:h.buttonNext,type:"button",...o}),x&&!a&&(v.skip=oe.createElement("button",{"aria-live":"off","data-test-id":"button-skip",style:h.buttonSkip,type:"button",...i})),!u&&n>0&&(v.back=oe.createElement("button",{"data-test-id":"button-back",style:h.buttonBack,type:"button",...t})),v.close=!f&&oe.createElement(E2,{"data-test-id":"button-close",styles:h.buttonClose,...r}),oe.createElement("div",{key:"JoyrideTooltip","aria-label":wt(p??c),className:"react-joyride__tooltip",style:h.tooltip,...l},oe.createElement("div",{style:h.tooltipContainer},p&&oe.createElement("h1",{"aria-label":wt(p),style:h.tooltipTitle},p),oe.createElement("div",{style:h.tooltipContent},c)),!d&&oe.createElement("div",{style:h.tooltipFooter},oe.createElement("div",{style:h.tooltipFooterSpacer},v.skip),v.back,v.primary),v.close)}var A2=S2,w2=class extends oe.Component{constructor(){super(...arguments),ee(this,"handleClickBack",e=>{e.preventDefault();const{helpers:t}=this.props;t.prev()}),ee(this,"handleClickClose",e=>{e.preventDefault();const{helpers:t}=this.props;t.close("button_close")}),ee(this,"handleClickPrimary",e=>{e.preventDefault();const{continuous:t,helpers:r}=this.props;if(!t){r.close("button_primary");return}r.next()}),ee(this,"handleClickSkip",e=>{e.preventDefault();const{helpers:t}=this.props;t.skip()}),ee(this,"getElementsProps",()=>{const{continuous:e,index:t,isLastStep:r,setTooltipRef:n,size:a,step:o}=this.props,{back:i,close:s,last:l,next:c,nextLabelWithProgress:u,skip:f}=o.locale,d=wt(i),x=wt(s),h=wt(l),p=wt(c),v=wt(f);let b=s,m=x;if(e){if(b=c,m=p,o.showProgress&&!r){const y=wt(u,{step:t+1,steps:a});b=Ko(u,t+1,a),m=y}r&&(b=l,m=h)}return{backProps:{"aria-label":d,children:i,"data-action":"back",onClick:this.handleClickBack,role:"button",title:d},closeProps:{"aria-label":x,children:s,"data-action":"close",onClick:this.handleClickClose,role:"button",title:x},primaryProps:{"aria-label":m,children:b,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:m},skipProps:{"aria-label":v,children:f,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:v},tooltipProps:{"aria-modal":!0,ref:n,role:"alertdialog"}}})}render(){const{continuous:e,index:t,isLastStep:r,setTooltipRef:n,size:a,step:o}=this.props,{beaconComponent:i,tooltipComponent:s,...l}=o;let c;if(s){const u={...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:l,setTooltipRef:n},f=s;c=oe.createElement(f,{...u})}else c=oe.createElement(A2,{...this.getElementsProps(),continuous:e,index:t,isLastStep:r,size:a,step:o});return c}},B2=class extends oe.Component{constructor(){super(...arguments),ee(this,"scope",null),ee(this,"tooltip",null),ee(this,"handleClickHoverBeacon",e=>{const{step:t,store:r}=this.props;e.type==="mouseenter"&&t.event!=="hover"||r.update({lifecycle:fe.TOOLTIP})}),ee(this,"setTooltipRef",e=>{this.tooltip=e}),ee(this,"setPopper",(e,t)=>{var r;const{action:n,lifecycle:a,step:o,store:i}=this.props;t==="wrapper"?i.setPopper("beacon",e):i.setPopper("tooltip",e),i.getPopper("beacon")&&(i.getPopper("tooltip")||o.placement==="center")&&a===fe.INIT&&i.update({action:n,lifecycle:fe.READY}),(r=o.floaterProps)!=null&&r.getPopper&&o.floaterProps.getPopper(e,t)}),ee(this,"renderTooltip",e=>{const{continuous:t,helpers:r,index:n,size:a,step:o}=this.props;return oe.createElement(w2,{continuous:t,helpers:r,index:n,isLastStep:n+1===a,setTooltipRef:this.setTooltipRef,size:a,step:o,...e})})}componentDidMount(){const{debug:e,index:t}=this.props;Yt({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e})}componentDidUpdate(e){var t;const{action:r,callback:n,continuous:a,controlled:o,debug:i,helpers:s,index:l,lifecycle:c,shouldScroll:u,status:f,step:d,store:x}=this.props,{changed:h,changedFrom:p}=na(e,this.props),v=s.info(),b=a&&r!==we.CLOSE&&(l>0||r===we.PREV),m=h("action")||h("index")||h("lifecycle")||h("status"),y=p("lifecycle",[fe.TOOLTIP,fe.INIT],fe.INIT),E=h("action",[we.NEXT,we.PREV,we.SKIP,we.CLOSE]),S=o&&l===e.index;if(E&&(y||S)&&n({...v,index:e.index,lifecycle:fe.COMPLETE,step:e.step,type:ht.STEP_AFTER}),d.placement==="center"&&f===xe.RUNNING&&h("index")&&r!==we.START&&c===fe.INIT&&x.update({lifecycle:fe.READY}),m){const A=Mt(d.target),w=!!A;w&&Jm(A)?(p("status",xe.READY,xe.RUNNING)||p("lifecycle",fe.INIT,fe.READY))&&n({...v,step:d,type:ht.STEP_BEFORE}):(console.warn(w?"Target not visible":"Target not mounted",d),n({...v,type:ht.TARGET_NOT_FOUND,step:d}),o||x.update({index:l+(r===we.PREV?-1:1)}))}p("lifecycle",fe.INIT,fe.READY)&&x.update({lifecycle:D0(d)||b?fe.TOOLTIP:fe.BEACON}),h("index")&&Yt({title:`step:${c}`,data:[{key:"props",value:this.props}],debug:i}),h("lifecycle",fe.BEACON)&&n({...v,step:d,type:ht.BEACON}),h("lifecycle",fe.TOOLTIP)&&(n({...v,step:d,type:ht.TOOLTIP}),u&&this.tooltip&&(this.scope=new y2(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),p("lifecycle",[fe.TOOLTIP,fe.INIT],fe.INIT)&&((t=this.scope)==null||t.removeScope(),x.cleanupPoppers())}componentWillUnmount(){var e;(e=this.scope)==null||e.removeScope()}get open(){const{lifecycle:e,step:t}=this.props;return D0(t)||e===fe.TOOLTIP}render(){const{continuous:e,debug:t,index:r,nonce:n,shouldScroll:a,size:o,step:i}=this.props,s=Mt(i.target);return!Ol(i)||!Q.domElement(s)?null:oe.createElement("div",{key:`JoyrideStep-${r}`,className:"react-joyride__step"},oe.createElement(Ci,{...i.floaterProps,component:this.renderTooltip,debug:t,getPopper:this.setPopper,id:`react-joyride-step-${r}`,open:this.open,placement:i.placement,target:i.target},oe.createElement(b2,{beaconComponent:i.beaconComponent,continuous:e,index:r,isLastStep:r+1===o,locale:i.locale,nonce:n,onClickOrHover:this.handleClickHoverBeacon,shouldFocus:a,size:o,step:i,styles:i.styles})))}},Rl=class extends oe.Component{constructor(e){super(e),ee(this,"helpers"),ee(this,"store"),ee(this,"callback",i=>{const{callback:s}=this.props;Q.function(s)&&s(i)}),ee(this,"handleKeyboard",i=>{const{index:s,lifecycle:l}=this.state,{steps:c}=this.props,u=c[s];l===fe.TOOLTIP&&i.code==="Escape"&&u&&!u.disableCloseOnEsc&&this.store.close("keyboard")}),ee(this,"handleClickOverlay",()=>{const{index:i}=this.state,{steps:s}=this.props;yr(this.props,s[i]).disableOverlayClose||this.helpers.close("overlay")}),ee(this,"syncState",i=>{this.setState(i)});const{debug:t,getHelpers:r,run:n=!0,stepIndex:a}=e;this.store=h2({...e,controlled:n&&Q.number(a)}),this.helpers=this.store.getHelpers();const{addListener:o}=this.store;Yt({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(!Gt())return;const{debug:e,disableCloseOnEsc:t,run:r,steps:n}=this.props,{start:a}=this.store;R0(n,e)&&r&&a(),t||document.body.addEventListener("keydown",this.handleKeyboard,{passive:!0})}componentDidUpdate(e,t){if(!Gt())return;const{action:r,controlled:n,index:a,status:o}=this.state,{debug:i,run:s,stepIndex:l,steps:c}=this.props,{stepIndex:u,steps:f}=e,{reset:d,setSteps:x,start:h,stop:p,update:v}=this.store,{changed:b}=na(e,this.props),{changed:m,changedFrom:y}=na(t,this.state),E=yr(this.props,c[a]),S=!Xe(f,c),A=Q.number(l)&&b("stepIndex"),w=Mt(E.target);if(S&&(R0(c,i)?x(c):console.warn("Steps are not valid",c)),b("run")&&(s?h(l):p()),A){let g=Q.number(u)&&u<l?we.NEXT:we.PREV;r===we.STOP&&(g=we.START),[xe.FINISHED,xe.SKIPPED].includes(o)||v({action:r===we.CLOSE?we.CLOSE:g,index:l,lifecycle:fe.INIT})}!n&&o===xe.RUNNING&&a===0&&!w&&(this.store.update({index:a+1}),this.callback({...this.state,type:ht.TARGET_NOT_FOUND,step:E}));const D={...this.state,index:a,step:E};if(m("action",[we.NEXT,we.PREV,we.SKIP,we.CLOSE])&&m("status",xe.PAUSED)){const g=yr(this.props,c[t.index]);this.callback({...D,index:t.index,lifecycle:fe.COMPLETE,step:g,type:ht.STEP_AFTER})}if(m("status",[xe.FINISHED,xe.SKIPPED])){const g=yr(this.props,c[t.index]);n||this.callback({...D,index:t.index,lifecycle:fe.COMPLETE,step:g,type:ht.STEP_AFTER}),this.callback({...D,type:ht.TOUR_END,step:g,index:t.index}),d()}else y("status",[xe.IDLE,xe.READY],xe.RUNNING)?this.callback({...D,type:ht.TOUR_START}):(m("status")||m("action",we.RESET))&&this.callback({...D,type:ht.TOUR_STATUS});this.scrollToStep(t)}componentWillUnmount(){const{disableCloseOnEsc:e}=this.props;e||document.body.removeEventListener("keydown",this.handleKeyboard)}scrollToStep(e){const{index:t,lifecycle:r,status:n}=this.state,{debug:a,disableScrollParentFix:o=!1,scrollDuration:i,scrollOffset:s=20,scrollToFirstStep:l=!1,steps:c}=this.props,u=yr(this.props,c[t]),f=Mt(u.target),d=i2({isFirstStep:t===0,lifecycle:r,previousLifecycle:e.lifecycle,scrollToFirstStep:l,step:u,target:f});if(n===xe.RUNNING&&d){const x=Tn(f,o),h=pn(f,o);let p=Math.floor(e2(f,s,o))||0;Yt({title:"scrollToStep",data:[{key:"index",value:t},{key:"lifecycle",value:r},{key:"status",value:n}],debug:a});const v=this.store.getPopper("beacon"),b=this.store.getPopper("tooltip");if(r===fe.BEACON&&v){const{offsets:m,placement:y}=v;!["bottom"].includes(y)&&!x&&(p=Math.floor(m.popper.top-s))}else if(r===fe.TOOLTIP&&b){const{flipped:m,offsets:y,placement:E}=b;["top","right","left"].includes(E)&&!m&&!x?p=Math.floor(y.popper.top-s):p-=u.spotlightPadding}p=p>=0?p:0,n===xe.RUNNING&&t2(p,{element:h,duration:i}).then(()=>{setTimeout(()=>{var m;(m=this.store.getPopper("tooltip"))==null||m.instance.update()},10)})}}render(){if(!Gt())return null;const{index:e,lifecycle:t,status:r}=this.state,{continuous:n=!1,debug:a=!1,nonce:o,scrollToFirstStep:i=!1,steps:s}=this.props,l=r===xe.RUNNING,c={};if(l&&s[e]){const u=yr(this.props,s[e]);c.step=oe.createElement(B2,{...this.state,callback:this.callback,continuous:n,debug:a,helpers:this.helpers,nonce:o,shouldScroll:!u.disableScrolling&&(e!==0||i),step:u,store:this.store}),c.overlay=oe.createElement(v2,{id:"react-joyride-portal"},oe.createElement(m2,{...u,continuous:n,debug:a,lifecycle:t,onClickOverlay:this.handleClickOverlay}))}return oe.createElement("div",{className:"react-joyride"},c.step,c.overlay)}};ee(Rl,"defaultProps",l2);var F2=Rl;function T2(e){const t="var(--color-primary-100)",r="white";return C.jsx(F2,{...e,continuous:!0,hideCloseButton:!0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,styles:{options:{zIndex:1e4},buttonNext:{backgroundColor:t,color:r},buttonBack:{backgroundColor:t,color:r},buttonClose:{backgroundColor:t,color:r}}})}const br="sm",D2=[{target:".record-scenario-btn-tour",content:C.jsx(ye,{value:"Click the AI Recorder button to start recording your test scenario",size:br}),disableBeacon:!0,title:"Get Started"},{target:".recoder-browser-screen-tour",content:C.jsx(ye,{value:"Interact with the application, performing the flow you want to test.",size:br}),placement:"left",spotlightClicks:!1,disableBeacon:!0,title:"Click through the flow",styles:{spotlight:{opacity:0,backgroundColor:"transparent"}}},{target:".recoder-steps-list-tour",content:C.jsx(ye,{value:"All recorded steps will appear here.",size:br}),disableBeacon:!0,title:"Review steps",placement:"right",spotlightClicks:!1,styles:{spotlight:{opacity:0,backgroundColor:"transparent"}}},{target:".recoder-save-discard-buttons-tour",content:C.jsx(ye,{value:`Click the Save button to save your test scenario and the Playwright
-          code that was created in the background`,size:br}),title:"Save your scenario",disableBeacon:!0,placement:"bottom"},{target:".view-code-button-tour",content:C.jsx(ye,{value:"OPTIONAL: Click the AI code editor to view and edit Playwright code.",size:br}),title:"View code of your scenario",disableBeacon:!0,spotlightPadding:5},{target:".excecute-scenario-button-tour",content:C.jsx(ye,{value:"Click to execute the scenario. Once finished you can crew report in the Reports tab.",size:br}),title:"Execute your scenario",disableBeacon:!0,placement:"bottom",spotlightPadding:5}],O2=ne("div")({zIndex:1,width:12,height:15,backgroundColor:"var(--color-grey-50)",border:"1px solid var(--color-grey-70)",borderRadius:2,display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize"});function k2(){return C.jsx(O2,{children:C.jsx(wu,{size:L0})})}const R2=mc({typography:{fontFamily:"var(--font-family)"},colorSchemes:{light:{palette:{primary:{main:"#093db0",light:"#ebeefe",dark:"#4338ca",contrastText:"#FFFFFF"},secondary:{main:"#111927",light:"#f3f4f6",dark:"#030213",contrastText:"#FFFFFF"},warning:{main:"#f79009",light:"#fef0c7",dark:"#b54708",contrastText:"#FFFFFF"},error:{main:"#f04438",light:"#fee4e2",dark:"#b42318",contrastText:"#FFFFFF"},success:{main:"#15b79e",light:"#ccfbef",dark:"#107569",contrastText:"#FFFFFF"},info:{main:"#06aed4",light:"#cff9fe",dark:"#0e7090",contrastText:"#FFFFFF"}}}},components:{MuiOutlinedInput:{styleOverrides:{input:{"&.MuiInputBase-inputSizeSmall":{padding:"6px 8px",fontSize:"0.8125rem"}}}},MuiInputLabel:{styleOverrides:{root:{"&.MuiInputLabel-sizeSmall":{fontSize:"0.8125rem",transform:"translate(12px, 6px) scale(0.75)"}},shrink:{"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, -6px) scale(0.75)"}}}},MuiSelect:{styleOverrides:{outlined:{padding:"5px 14px"},select:{"&.MuiSelect-select.MuiInputBase-inputSizeSmall":{padding:"5px 10px",fontSize:"0.8125rem"}},icon:{right:10}}}}}),_2=({children:e})=>C.jsxs(w1,{theme:R2,children:[C.jsx(U.CssBaseline,{}),C.jsx(hn.StyledEngineProvider,{injectFirst:!0,children:e})]});function P2(e,t){return e.length>t?e.substring(0,t-3)+"...":e}function I2(e,t){return e.length>t}exports.AlertCircleIcon=Yo;exports.Button=$l;exports.CheckIcon=Xn;exports.ChevronDownIcon=xn;exports.ChevronRightIcon=Qo;exports.CircleIcon=W0;exports.CopyIcon=Jo;exports.CustomCheckbox=Ju;exports.CustomInput=Xu;exports.CustomMenu=nc;exports.CustomRadioButton=Qu;exports.CustomText=ye;exports.CustomTextArea=Zu;exports.CustomToggleSwitch=ef;exports.DataPanelSection=cx;exports.Dialog=q1;exports.DialogHeader=Y1;exports.EditIcon=z0;exports.EyeIcon=U0;exports.EyeOffIcon=H0;exports.GuidedTour=T2;exports.HelpCircleIcon=Yu;exports.ICON_SIZE_2XL=Wu;exports.ICON_SIZE_3XL=Gu;exports.ICON_SIZE_4XL=Ku;exports.ICON_SIZE_5XL=Vu;exports.ICON_SIZE_LG=Hu;exports.ICON_SIZE_MD=Uu;exports.ICON_SIZE_SM=$u;exports.ICON_SIZE_XL=zu;exports.ICON_SIZE_XS=L0;exports.IconButtonCustom=rt;exports.InformationIcon=$0;exports.LinearProgressBar=P1;exports.MUIAccordion=Ac;exports.MUIButton=N1;exports.MUICheckbox=G1;exports.MUIInput=wr;exports.MUISelect=Sc;exports.MUITabs=rc;exports.MailIcon=Lu;exports.PlusIcon=Xo;exports.ResizeSeparator=k2;exports.SaveIcon=qu;exports.Step=Ix;exports.StepIcon=Yc;exports.StepKeyoword=kx;exports.StepPanelHeader=Ox;exports.StepTitle=Rx;exports.StepTitleEditInput=_x;exports.StyledCommandIcon=Sx;exports.StyledCommandIconImage=Ax;exports.StyledCommandList=hx;exports.StyledCommandListItem=xx;exports.StyledCommandListParent=gx;exports.StyledCommandMenuIconSection=yx;exports.StyledCommandTextWrap=vx;exports.StyledDragDotsIcon=Ex;exports.StyledDragIconWrap=mx;exports.StyledDroppableContainer=lx;exports.StyledEditActionWrap=Bx;exports.StyledEditParamContainer=wx;exports.StyledIndicatorLine=Dx;exports.StyledInfo=Vc;exports.StyledKeyWorkdContent=zc;exports.StyledMainHeaderSummary=Wc;exports.StyledMainPage=fx;exports.StyledOverlayBox=bx;exports.StyledParamListDropdown=Fx;exports.StyledParamListItem=Tx;exports.StyledRecoderFooter=Cx;exports.StyledSingleEditInput=Kc;exports.StyledSingleLineHeading=Gc;exports.StyledStepContainer=ux;exports.StyledStepIcon=Uc;exports.StyledStepIconContainer=$c;exports.StyledStepPanelContainer=dx;exports.StyledStepPanelHeader=jc;exports.StyledStepPanelListWrap=px;exports.StyledStepTitle=Hc;exports.StyledStepTitleWrap=qc;exports.StyledStepWrap=Lc;exports.TextAreaNotchIcon=j0;exports.Tooltip=ni;exports.Transitioner=tf;exports.Trash2Icon=Zo;exports.TypographyCustom=gt;exports.UIThemeProvider=_2;exports.XIcon=an;exports.extractAndSplitQuotedParts=Nx;exports.fullStepKeywords=Lx;exports.guideTourSteps=D2;exports.isParam=qn;exports.isTextLarge=I2;exports.parseGherkin=$x;exports.preventedKeys=Mx;exports.stepKeywords=jx;exports.stringifyGherkin=Ux;exports.textShortner=P2;
+          code that was created in the background`,size:br}),title:"Save your scenario",disableBeacon:!0,placement:"bottom"},{target:".view-code-button-tour",content:C.jsx(ye,{value:"Optional (for developers only): Open the AI Code Editor to view or edit the generated Playwright code.",size:br}),title:"View code of your scenario",disableBeacon:!0,spotlightPadding:5,placement:"left"},{target:".excecute-scenario-button-tour",content:C.jsx(ye,{value:"Click to execute the scenario. Once finished you can crew report in the Reports tab.",size:br}),title:"Execute your scenario",disableBeacon:!0,placement:"bottom",spotlightPadding:5}],O2=ne("div")({zIndex:1,width:12,height:15,backgroundColor:"var(--color-grey-50)",border:"1px solid var(--color-grey-70)",borderRadius:2,display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize"});function k2(){return C.jsx(O2,{children:C.jsx(wu,{size:L0})})}const R2=mc({typography:{fontFamily:"var(--font-family)"},colorSchemes:{light:{palette:{primary:{main:"#093db0",light:"#ebeefe",dark:"#4338ca",contrastText:"#FFFFFF"},secondary:{main:"#111927",light:"#f3f4f6",dark:"#030213",contrastText:"#FFFFFF"},warning:{main:"#f79009",light:"#fef0c7",dark:"#b54708",contrastText:"#FFFFFF"},error:{main:"#f04438",light:"#fee4e2",dark:"#b42318",contrastText:"#FFFFFF"},success:{main:"#15b79e",light:"#ccfbef",dark:"#107569",contrastText:"#FFFFFF"},info:{main:"#06aed4",light:"#cff9fe",dark:"#0e7090",contrastText:"#FFFFFF"}}}},components:{MuiOutlinedInput:{styleOverrides:{input:{"&.MuiInputBase-inputSizeSmall":{padding:"6px 8px",fontSize:"0.8125rem"}}}},MuiInputLabel:{styleOverrides:{root:{"&.MuiInputLabel-sizeSmall":{fontSize:"0.8125rem",transform:"translate(12px, 6px) scale(0.75)"}},shrink:{"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, -6px) scale(0.75)"}}}},MuiSelect:{styleOverrides:{outlined:{padding:"5px 14px"},select:{"&.MuiSelect-select.MuiInputBase-inputSizeSmall":{padding:"5px 10px",fontSize:"0.8125rem"}},icon:{right:10}}}}}),_2=({children:e})=>C.jsxs(w1,{theme:R2,children:[C.jsx(U.CssBaseline,{}),C.jsx(hn.StyledEngineProvider,{injectFirst:!0,children:e})]});function P2(e,t){return e.length>t?e.substring(0,t-3)+"...":e}function I2(e,t){return e.length>t}exports.AlertCircleIcon=Yo;exports.Button=$l;exports.CheckIcon=Xn;exports.ChevronDownIcon=xn;exports.ChevronRightIcon=Qo;exports.CircleIcon=W0;exports.CopyIcon=Jo;exports.CustomCheckbox=Ju;exports.CustomInput=Xu;exports.CustomMenu=nc;exports.CustomRadioButton=Qu;exports.CustomText=ye;exports.CustomTextArea=Zu;exports.CustomToggleSwitch=ef;exports.DataPanelSection=cx;exports.Dialog=q1;exports.DialogHeader=Y1;exports.EditIcon=z0;exports.EyeIcon=U0;exports.EyeOffIcon=H0;exports.GuidedTour=T2;exports.HelpCircleIcon=Yu;exports.ICON_SIZE_2XL=Wu;exports.ICON_SIZE_3XL=Gu;exports.ICON_SIZE_4XL=Ku;exports.ICON_SIZE_5XL=Vu;exports.ICON_SIZE_LG=Hu;exports.ICON_SIZE_MD=Uu;exports.ICON_SIZE_SM=$u;exports.ICON_SIZE_XL=zu;exports.ICON_SIZE_XS=L0;exports.IconButtonCustom=rt;exports.InformationIcon=$0;exports.LinearProgressBar=P1;exports.MUIAccordion=Ac;exports.MUIButton=N1;exports.MUICheckbox=G1;exports.MUIInput=wr;exports.MUISelect=Sc;exports.MUITabs=rc;exports.MailIcon=Lu;exports.PlusIcon=Xo;exports.ResizeSeparator=k2;exports.SaveIcon=qu;exports.Step=Ix;exports.StepIcon=Yc;exports.StepKeyoword=kx;exports.StepPanelHeader=Ox;exports.StepTitle=Rx;exports.StepTitleEditInput=_x;exports.StyledCommandIcon=Sx;exports.StyledCommandIconImage=Ax;exports.StyledCommandList=hx;exports.StyledCommandListItem=xx;exports.StyledCommandListParent=gx;exports.StyledCommandMenuIconSection=yx;exports.StyledCommandTextWrap=vx;exports.StyledDragDotsIcon=Ex;exports.StyledDragIconWrap=mx;exports.StyledDroppableContainer=lx;exports.StyledEditActionWrap=Bx;exports.StyledEditParamContainer=wx;exports.StyledIndicatorLine=Dx;exports.StyledInfo=Vc;exports.StyledKeyWorkdContent=zc;exports.StyledMainHeaderSummary=Wc;exports.StyledMainPage=fx;exports.StyledOverlayBox=bx;exports.StyledParamListDropdown=Fx;exports.StyledParamListItem=Tx;exports.StyledRecoderFooter=Cx;exports.StyledSingleEditInput=Kc;exports.StyledSingleLineHeading=Gc;exports.StyledStepContainer=ux;exports.StyledStepIcon=Uc;exports.StyledStepIconContainer=$c;exports.StyledStepPanelContainer=dx;exports.StyledStepPanelHeader=jc;exports.StyledStepPanelListWrap=px;exports.StyledStepTitle=Hc;exports.StyledStepTitleWrap=qc;exports.StyledStepWrap=Lc;exports.TextAreaNotchIcon=j0;exports.Tooltip=ni;exports.Transitioner=tf;exports.Trash2Icon=Zo;exports.TypographyCustom=gt;exports.UIThemeProvider=_2;exports.XIcon=an;exports.extractAndSplitQuotedParts=Nx;exports.fullStepKeywords=Lx;exports.guideTourSteps=D2;exports.isParam=qn;exports.isTextLarge=I2;exports.parseGherkin=$x;exports.preventedKeys=Mx;exports.stepKeywords=jx;exports.stringifyGherkin=Ux;exports.textShortner=P2;

package/dist/index.mjs

@@ -17613,13 +17613,25 @@ function Bv(e) {
 const Er = "sm", Fv = [
   {
     target: ".record-scenario-btn-tour",
-    content: /* @__PURE__ */ C.jsx(ye, { value: "Click the AI Recorder button to start recording your test scenario", size: Er }),
+    content: /* @__PURE__ */ C.jsx(
+      ye,
+      {
+        value: "Click the AI Recorder button to start recording your test scenario",
+        size: Er
+      }
+    ),
     disableBeacon: !0,
     title: "Get Started"
   },
   {
     target: ".recoder-browser-screen-tour",
-    content: /* @__PURE__ */ C.jsx(ye, { value: "Interact with the application, performing the flow you want to test.", size: Er }),
+    content: /* @__PURE__ */ C.jsx(
+      ye,
+      {
+        value: "Interact with the application, performing the flow you want to test.",
+        size: Er
+      }
+    ),
     placement: "left",
     spotlightClicks: !1,
     disableBeacon: !0,
@@ -17633,7 +17645,13 @@ const Er = "sm", Fv = [
   },
   {
     target: ".recoder-steps-list-tour",
-    content: /* @__PURE__ */ C.jsx(ye, { value: "All recorded steps will appear here.", size: Er }),
+    content: /* @__PURE__ */ C.jsx(
+      ye,
+      {
+        value: "All recorded steps will appear here.",
+        size: Er
+      }
+    ),
     disableBeacon: !0,
     title: "Review steps",
     placement: "right",
@@ -17661,10 +17679,17 @@ const Er = "sm", Fv = [
   },
   {
     target: ".view-code-button-tour",
-    content: /* @__PURE__ */ C.jsx(ye, { value: "OPTIONAL: Click the AI code editor to view and edit Playwright code.", size: Er }),
+    content: /* @__PURE__ */ C.jsx(
+      ye,
+      {
+        value: "Optional (for developers only): Open the AI Code Editor to view or edit the generated Playwright code.",
+        size: Er
+      }
+    ),
     title: "View code of your scenario",
     disableBeacon: !0,
-    spotlightPadding: 5
+    spotlightPadding: 5,
+    placement: "left"
   },
   {
     target: ".excecute-scenario-button-tour",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.148",
+  "version": "1.0.149",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",