@zohodesk/dot 1.7.12 → 1.7.13

package/coverage/src/Onboarding/CarouselDots/CarouselDots.js.html

@@ -223,7 +223,7 @@ export default memo(CarouselDots);
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/css/CarouselDots.module.css.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/css/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/props/defaultProps.js.html

@@ -91,7 +91,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/CarouselDots/props/propTypes.js.html

@@ -118,7 +118,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/Onboarding.js.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/36</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.01% </span>
+                <span class="strong">87.36% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>67/77</span>
+                <span class='fraction'>83/95</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">80% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/35</span>
             </div>
         
             
@@ -283,7 +283,19 @@
 <a name='L218'></a><a href='#L218'>218</a>
 <a name='L219'></a><a href='#L219'>219</a>
 <a name='L220'></a><a href='#L220'>220</a>
-<a name='L221'></a><a href='#L221'>221</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -334,10 +346,19 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -347,8 +368,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -357,7 +378,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -366,8 +387,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -376,11 +397,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -394,13 +415,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -429,8 +450,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -455,6 +475,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">25x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -467,7 +490,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -517,6 +539,7 @@ import Modal from '@zohodesk/components/lib/Modal/Modal';
 import Ribbon from '@zohodesk/components/es/Ribbon/Ribbon';
 import Typography from '@zohodesk/components/es/Typography/Typography';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 &nbsp;
 /** local **/
 import VideoLookup from '../VideoLookup/VideoLookup';
@@ -550,27 +573,36 @@ const Onboarding = ({
     hasExpandedButton,
     onPrimaryButtonClick,
     onSecondaryButtonClick,
-    customProps
+    customProps,
+    tagAttributes,
+    a11yAttributes,
+    closeIconTooltip,
+    dragBoundaryLimit,
+    isDraggable,
+    position
 }) =&gt; {
 &nbsp;
-&nbsp;
+    const getNextIndex = useZIndex();
     const style = useMergeStyle(defaultStyle, customStyle);
-    const { state, openVideoLookup, closeVideoLookup } = useOnboarding()
+    const { state, dragRef, openVideoLookup, closeVideoLookup } = useOnboarding({ dragBoundaryLimit, isDraggable: isDraggable &amp;&amp; sliderData.length &gt; 0 })
     const { videoLookupLink, isVideoLookupOpen, isEmbeddedLink, videoLookupFormat } = state
     const { primaryButtonProps, secondaryButtonProps, secondaryButtonLinkProps, ribbonProps, footerProps ,headingProps, descriptionProps,videoLookupProps} = customProps;
 &nbsp;
     
     const {
         sliderIndex,
+        mainContainerEleRef,
         isAnimationPaused,
         translateMovementVal,
         handleMouseEnter,
         handleMouseLeave,
         handleSliderIndexChange,
-        handleSliderNext
+        handleSliderNext,
+        handleAnimationEnd
     } = useOnboardingSlider({
         isAutoPlayAnimation: isAutoPlayAnimation,
-        sliderData: sliderData
+        sliderData: sliderData,
+        animationClass: style.mainContainerAnimation
     });
 &nbsp;
 &nbsp;
@@ -650,19 +682,18 @@ const Onboarding = ({
     };
 &nbsp;
     return (
-&nbsp;
-        &lt;div data-id={`${customId}_container`} data-test-id={`${testId}_container`}  className={`${style.mainContainer} ${hasBouncAnimationOnMount?style.mainContainerAnimation:""}`}&gt;
+        &lt;div data-drag-container={isDraggable?'true':'false'} style={(position !== 'static' || isDraggable ) ? {zIndex:getNextIndex()} : null } ref={mainContainerEleRef} data-id={`${customId}_container`} data-test-id={`${testId}_container`} className={`${style.mainContainer} ${position !== 'static' ? style[`positon_${position}`] : ''} ${hasBouncAnimationOnMount?style.mainContainerAnimation:""}`} onAnimationEnd={hasBouncAnimationOnMount ? handleAnimationEnd : null} {...tagAttributes} {...a11yAttributes}&gt;
             &lt;div className={style.mainWrapper} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}&gt;
                 &lt;div className={style.gradientLayer}&gt;
                     &lt;div className={`${style.circleBlur} ${style.circleBlurOne}`}&gt;&lt;/div&gt;
                     &lt;div className={`${style.circleBlur} ${style.circleBlurTwo}`}&gt;&lt;/div&gt;
                 &lt;/div&gt;
                 {Array.isArray(sliderData) &amp;&amp; sliderData.length &gt; 0 ? (
-                    &lt;div className={style.carousel}&gt;
+                    &lt;div className={style.carousel} ref={isDraggable?dragRef:<span class="branch-1 cbranch-no" title="branch not covered" >null}</span> data-drag-hook={isDraggable?"true":<span class="branch-1 cbranch-no" title="branch not covered" >"false"}</span>&gt;
                         &lt;Flex
                             $ui_displayMode='flex'
                             $tagAttributes_container={{ style: { '--local_translate_movement': `${translateMovementVal}%` } }}
-                            $ui_className={style.carouselInner}
+                            $ui_className={style.carouselInner}    
                         &gt;
                             {sliderData.map((item, index) =&gt; {
                                 const { imageSource, videoSource, mediaElement, heading, description, hasVideoPlayButton = false, videoLookupSource, tabName } = item;
@@ -672,10 +703,12 @@ const Onboarding = ({
 &nbsp;
                                 const videoSourceLink = videoSource &amp;&amp; videoSource.link ? videoSource.link : null;
                                 const videoSourceFormat = videoSource &amp;&amp; videoSource.format ? videoSource.format : null;
+&nbsp;
+                                const handleOpenVideoLookup = <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >openVideoLookup(videoLookupSourceLink, isEmbeddedvideoLookupSource,videoLookupSourceFormat)</span>
 &nbsp;
                                 return (
                                     &lt;Flex $ui_displayMode='flex' $ui_direction='column' $flag_shrink={false} $ui_className={style.carouselItem} key={tabName}&gt;
-                                        &lt;Flex $ui_className={style.header} $ui_displayMode='flex' $ui_justifyContent='center' $ui_alignItems='center' $flag_fullsize &gt;
+                                        &lt;Flex $ui_className={`${style.header}`} $ui_displayMode='flex' $ui_justifyContent='center' $ui_alignItems='center' $flag_fullsize &gt;
                                             &lt;div className={`${style.innerHead} ${hasVideoPlayButton ? style.dvLayer : ''}`}&gt;
                                                 {mediaElement ? mediaElement : renderMediaElement(imageSource, videoSourceLink, videoSourceFormat)}
                                                 {hasVideoPlayButton &amp;&amp; (
@@ -687,7 +720,7 @@ const Onboarding = ({
                                                             $ui_tagName='button'
                                                             customId={`${customId}_play_icon`} testId={`${testId}_play_icon`}
                                                             $ui_className={`${style.playIcon} ${style.animate} ${btnStyle.buttonReset}`}
-                                                            $event_onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >openVideoLookup(videoLookupSourceLink, isEmbeddedvideoLookupSource,videoLookupSourceFormat)}</span>
+                                                            $event_onClick={videoLookupSourceLink ? handleOpenVideoLookup :null}
                                                         &gt;
                                                             &lt;Icon name='ZD-GN-arrowFill' iconClass={style.playIconInner} /&gt;
                                                         &lt;/Flex&gt;
@@ -707,8 +740,8 @@ const Onboarding = ({
                     &lt;/div&gt;) : null}
                 {renderFooter(sliderData, sliderIndex)}
                 {/* Close icon */}
-                {hasCloseIcon ? &lt;Flex $flag_fullsize $ui_tagName='button' $ui_displayMode='flex' customId={`${customId}_close_icon`} testId={`${testId}_close_icon`} $ui_justifyContent='center' $ui_alignItems='center' $ui_className={`${style.closeIconContainer} ${btnStyle.buttonReset}`} $event_onClick={onClose}&gt;
-                    &lt;Icon name='ZD-inappClose'  iconClass={style.closeIcon} /&gt;
+                {hasCloseIcon ? &lt;Flex $ui_tagName='button' $tagAttributes_container={{'data-title':closeIconTooltip}} $ui_displayMode='flex' customId={`${customId}_close_icon`} testId={`${testId}_close_icon`} $ui_justifyContent='center' $ui_alignItems='center' $ui_className={`${style.closeIconContainer} ${btnStyle.buttonReset}`} $event_onClick={onClose}&gt;
+                    &lt;Icon name='ZD-inappClose' iconClass={style.closeIcon} /&gt;
                 &lt;/Flex&gt; : null}
                 {/* Ribbon */}
                 {hasRibbon ? &lt;Ribbon dataId={`${customId}_ribbon`} palette='primary' size='medium' customClass={style.newRibbon} type='flag' text={ribbonText} {...ribbonProps}/&gt; : null}
@@ -730,7 +763,7 @@ Onboarding.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/css/Onboarding.module.css.html

@@ -391,7 +391,33 @@
 <a name='L326'></a><a href='#L326'>326</a>
 <a name='L327'></a><a href='#L327'>327</a>
 <a name='L328'></a><a href='#L328'>328</a>
-<a name='L329'></a><a href='#L329'>329</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -723,6 +749,15 @@
   width: 360px;
 }
 &nbsp;
+&nbsp;
+.positon_absolute{
+  position: absolute;
+}
+&nbsp;
+.positon_fixed{
+  position: fixed;
+}
+&nbsp;
 .mainContainerAnimation{
   transform-origin: 100% 100%;
   animation: scaleBounce var(--zd_transition4) cubic-bezier(0.5, 0.11, 0.15, 1.5) forwards;
@@ -750,6 +785,7 @@
   height: 200px;
 }
 &nbsp;
+&nbsp;
 .mediaElement {
   width: 100%;
   height: 100%;
@@ -762,6 +798,8 @@
 .image {
   background-repeat: no-repeat;
   background-size: cover;
+  user-drag: none;
+  -webkit-user-drag: none; 
 }
 &nbsp;
 /* image filter layer */
@@ -1039,7 +1077,8 @@
 .carouselInner {
   transition: transform var(--zd_transition3) cubic-bezier(0.5, 0.11, 0.15, 1);
   width: 100%;
-  transform: translate3d(var(--local_translate_movement), 0, 0)
+  transform: translateX(var(--local_translate_movement))
+  /*rtl:translateX(calc(var(--local_translate_movement) * -1))*/;
 }
 .carouselItem {
   width: 100%
@@ -1054,7 +1093,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/css/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">64.7% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/34</span>
+                <span class='fraction'>26/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">55.55% </span>
+                <span class="strong">45.45% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/9</span>
+                <span class='fraction'>5/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.36% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/11</span>
+                <span class='fraction'>4/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.78% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/33</span>
+                <span class='fraction'>25/38</span>
             </div>
         
             
@@ -80,32 +80,32 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="useOnboarding.js"><a href="useOnboarding.js.html">useOnboarding.js</a></td>
-	<td data-value="71.42" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
+	<td data-value="77.77" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
 	</td>
-	<td data-value="71.42" class="pct medium">71.42%</td>
-	<td data-value="7" class="abs medium">5/7</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="9" class="abs medium">7/9</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="33.33" class="pct low">33.33%</td>
 	<td data-value="3" class="abs low">1/3</td>
-	<td data-value="71.42" class="pct medium">71.42%</td>
-	<td data-value="7" class="abs medium">5/7</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="9" class="abs medium">7/9</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="useOnboardingSlider.js"><a href="useOnboardingSlider.js.html">useOnboardingSlider.js</a></td>
-	<td data-value="62.96" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 62%"></div><div class="cover-empty" style="width: 38%"></div></div>
+	<td data-value="63.33" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 63%"></div><div class="cover-empty" style="width: 37%"></div></div>
 	</td>
-	<td data-value="62.96" class="pct medium">62.96%</td>
-	<td data-value="27" class="abs medium">17/27</td>
-	<td data-value="55.55" class="pct medium">55.55%</td>
-	<td data-value="9" class="abs medium">5/9</td>
-	<td data-value="37.5" class="pct low">37.5%</td>
-	<td data-value="8" class="abs low">3/8</td>
-	<td data-value="61.53" class="pct medium">61.53%</td>
-	<td data-value="26" class="abs medium">16/26</td>
+	<td data-value="63.33" class="pct medium">63.33%</td>
+	<td data-value="30" class="abs medium">19/30</td>
+	<td data-value="45.45" class="pct low">45.45%</td>
+	<td data-value="11" class="abs low">5/11</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="9" class="abs low">3/9</td>
+	<td data-value="62.06" class="pct medium">62.06%</td>
+	<td data-value="29" class="abs medium">18/29</td>
 	</tr>
 
 </tbody>
@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>