@zohodesk/dot 1.7.8-temp-0 → 1.7.9-temp-0

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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.33% </span>
+                <span class="strong">76.47% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/30</span>
+                <span class='fraction'>26/34</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">83.92% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>47/56</span>
+                <span class='fraction'>65/75</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">57.14% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/8</span>
+                <span class='fraction'>4/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.33% </span>
+                <span class="strong">76.47% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/30</span>
+                <span class='fraction'>26/34</span>
             </div>
         
             
@@ -277,7 +277,11 @@
 <a name='L212'></a><a href='#L212'>212</a>
 <a name='L213'></a><a href='#L213'>213</a>
 <a name='L214'></a><a href='#L214'>214</a>
-<a name='L215'></a><a href='#L215'>215</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</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>
@@ -328,7 +332,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-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
@@ -358,8 +361,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-yes">5x</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>
@@ -442,6 +443,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -535,7 +543,6 @@ const Onboarding = ({
     hasBouncAnimationOnMount,
     customId,
     testId,
-    videoFormats,
     hasExpandedButton,
     onPrimaryButtonClick,
     onSecondaryButtonClick,
@@ -545,7 +552,7 @@ const Onboarding = ({
 &nbsp;
     const style = useMergeStyle(defaultStyle, customStyle);
     const { state, openVideoLookup, closeVideoLookup } = useOnboarding()
-    const { videoLookupLink, isVideoLookupOpen, isEmbeddedLink } = state
+    const { videoLookupLink, isVideoLookupOpen, isEmbeddedLink, videoLookupFormat } = state
     const { primaryButtonProps, secondaryButtonProps, secondaryButtonLinkProps, ribbonProps, footerProps ,headingProps, descriptionProps} = customProps
 &nbsp;
     
@@ -566,14 +573,12 @@ const Onboarding = ({
 &nbsp;
 &nbsp;
 &nbsp;
-    const renderMediaElement = (imageSource, videoSource) =&gt;
+    const renderMediaElement = (imageSource, videoSourceLink, videoSourceFormat) =&gt;
         imageSource ? (
             &lt;Image src={imageSource} className={`${style.mediaElement} ${style.image}`} /&gt;
-        ) : videoSource ? (
+        ) : videoSourceLink ? (
             &lt;video className={style.mediaElement} autoPlay loop muted&gt;
-                {videoFormats.map((ext) =&gt;
-                    &lt;source key={ext} src={videoSource} type={`video/${ext}`}/&gt;
-                )}
+                &lt;source src={videoSourceLink} type={`video/${videoSourceFormat}`}/&gt;
             &lt;/video&gt;
         ) : null;
 &nbsp;
@@ -654,12 +659,19 @@ const Onboarding = ({
                             $ui_className={style.carouselInner}
                         &gt;
                             {sliderData.map((item, index) =&gt; {
-                                const { imageSource, videoSource, heading, description, hasVideoPlayButton = false, videoLookupSource, hasEmbeddedVideoLookupSource = false, tabName } = item;
+                                const { imageSource, videoSource, heading, description, hasVideoPlayButton = false, videoLookupSource, tabName } = item;
+                                const videoLookupSourceLink = videoLookupSource &amp;&amp; videoLookupSource.link ? videoLookupSource.link : null;
+                                const videoLookupSourceFormat = videoLookupSource &amp;&amp; videoLookupSource.format ? videoLookupSource.format : null;
+                                const isEmbeddedvideoLookupSource = videoLookupSource &amp;&amp; videoLookupSource.isEmbeddedLink ? <span class="branch-0 cbranch-no" title="branch not covered" >videoLookupSource.isEmbeddedLink </span>: null;
+&nbsp;
+                                const videoSourceLink = videoSource &amp;&amp; videoSource.link ? videoSource.link : null;
+                                const videoSourceFormat = videoSource &amp;&amp; videoSource.format ? videoSource.format : null;
+&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;div className={`${style.innerHead} ${hasVideoPlayButton ? style.dvLayer : null}`}&gt;
-                                                {renderMediaElement(imageSource, videoSource)}
+                                                {renderMediaElement(imageSource, videoSourceLink, videoSourceFormat)}
                                                 {hasVideoPlayButton &amp;&amp; (
                                                     &lt;Flex $ui_displayMode='flex' $ui_justifyContent='center' $ui_alignItems='center' $ui_className={style.playIconWrapper}&gt;
                                                         &lt;Flex 
@@ -669,7 +681,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(videoLookupSource, hasEmbeddedVideoLookupSource)}</span>
+                                                            $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>
                                                         &gt;
                                                             &lt;Icon name='ZD-GN-arrowFill' iconClass={style.playIconInner} /&gt;
                                                         &lt;/Flex&gt;
@@ -695,7 +707,7 @@ const Onboarding = ({
                 {/* Ribbon */}
                 {hasRibbon ? &lt;Ribbon dataId={`${customId}_ribbon`} palette='primary' size='medium' customClass={style.newRibbon} type='flag' text={ribbonText} {...ribbonProps}/&gt; : null}
                 {/* video lookup */}
-                {isVideoLookupOpen ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;Modal &gt;&lt;VideoLookup videoFormats={videoFormats} onClose={closeVideoLookup} isEmbeddedLink={isEmbeddedLink} link={videoLookupLink} isOpened={isVideoLookupOpen} closeText={videoLookupCloseText} /&gt;&lt;/Modal&gt; </span>: null}
+                {isVideoLookupOpen ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;Modal &gt;&lt;VideoLookup videoFormat={videoLookupFormat} onClose={closeVideoLookup} isEmbeddedLink={isEmbeddedLink} link={videoLookupLink} isOpened={isVideoLookupOpen} closeText={videoLookupCloseText} /&gt;&lt;/Modal&gt; </span>: null}
             &lt;/div&gt;
         &lt;/div&gt;
     )
@@ -712,7 +724,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -389,7 +389,9 @@
 <a name='L324'></a><a href='#L324'>324</a>
 <a name='L325'></a><a href='#L325'>325</a>
 <a name='L326'></a><a href='#L326'>326</a>
-<a name='L327'></a><a href='#L327'>327</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</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>
@@ -896,7 +898,7 @@
   top: -14px;
   right: -14px;
   border-radius: 8px;
-&nbsp;
+  cursor: pointer;
 }
 &nbsp;
 .closeIconContainer::before {
@@ -947,7 +949,7 @@
   left: 0;
   width: 6px;
   border-style: solid;
-  border-color: var(--zdt_onboarding_ribbon_secondary_border) var(--dot_mirror) var(--dot_mirror);
+  border-color: var(--zdt_onboarding_ribbon_secondary_border) transparent transparent;
   border-width: 6px 0px 0px 6px;
 }
 .newRibbon::after{
@@ -955,7 +957,8 @@
   top: 0;
   bottom:0;
   right: -12px;
-  border-color: var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border);   
+  border-color: var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border)
+  /*rtl:var(--zdt_onboarding_ribbon_primary_border) transparent var(--zdt_onboarding_ribbon_primary_border) */;
 }
 &nbsp;
 /* for gradient border */
@@ -1048,7 +1051,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -87,7 +87,13 @@
 <a name='L22'></a><a href='#L22'>22</a>
 <a name='L23'></a><a href='#L23'>23</a>
 <a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</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-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -97,9 +103,15 @@
 <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">34x</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-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">34x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -118,11 +130,17 @@ const useOnboarding = (props) =&gt; {
     const [state, setState] = useMergeState({
         videoLookupLink: '',
         isVideoLookupOpen: false,
-        isEmbeddedLink: false
+        isEmbeddedLink: false,
+        videoLookupFormat: ''
     });
 &nbsp;
-    const openVideoLookup = <span class="fstat-no" title="function not covered" >(v</span>ideoLookupSource,hasEmbeddedVideoLookupSource) =&gt; {
-<span class="cstat-no" title="statement not covered" >        setState({ videoLookupLink: videoLookupSource,isVideoLookupOpen:true,isEmbeddedLink:hasEmbeddedVideoLookupSource })</span>
+    const openVideoLookup = <span class="fstat-no" title="function not covered" >(v</span>ideoLookupSourceLink,isEmbeddedvideoLookupSource,videoLookupSourceFormat) =&gt; {
+<span class="cstat-no" title="statement not covered" >        setState({ </span>
+            videoLookupLink: videoLookupSourceLink,
+            isVideoLookupOpen:true,
+            isEmbeddedLink:isEmbeddedvideoLookupSource,
+            videoLookupFormat:videoLookupSourceFormat
+        })
     }
     const closeVideoLookup = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >        setState({videoLookupLink:'',isVideoLookupOpen:false})</span>
@@ -142,7 +160,7 @@ export default useOnboarding;</pre></td></tr></table></pre>
             <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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -247,7 +247,7 @@ export default useOnboardingSlider;</pre></td></tr></table></pre>
             <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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.33% </span>
+                <span class="strong">76.47% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/30</span>
+                <span class='fraction'>26/34</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">83.92% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>47/56</span>
+                <span class='fraction'>65/75</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">57.14% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/8</span>
+                <span class='fraction'>4/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.33% </span>
+                <span class="strong">76.47% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/30</span>
+                <span class='fraction'>26/34</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="Onboarding.js"><a href="Onboarding.js.html">Onboarding.js</a></td>
-	<td data-value="73.33" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
+	<td data-value="76.47" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 76%"></div><div class="cover-empty" style="width: 24%"></div></div>
 	</td>
-	<td data-value="73.33" class="pct medium">73.33%</td>
-	<td data-value="30" class="abs medium">22/30</td>
-	<td data-value="83.92" class="pct high">83.92%</td>
-	<td data-value="56" class="abs high">47/56</td>
-	<td data-value="62.5" class="pct medium">62.5%</td>
-	<td data-value="8" class="abs medium">5/8</td>
-	<td data-value="73.33" class="pct medium">73.33%</td>
-	<td data-value="30" class="abs medium">22/30</td>
+	<td data-value="76.47" class="pct medium">76.47%</td>
+	<td data-value="34" class="abs medium">26/34</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
+	<td data-value="75" class="abs high">65/75</td>
+	<td data-value="57.14" class="pct medium">57.14%</td>
+	<td data-value="7" class="abs medium">4/7</td>
+	<td data-value="76.47" class="pct medium">76.47%</td>
+	<td data-value="34" class="abs medium">26/34</td>
 	</tr>
 
 </tbody>
@@ -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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -76,9 +76,7 @@
 <a name='L11'></a><a href='#L11'>11</a>
 <a name='L12'></a><a href='#L12'>12</a>
 <a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L14'></a><a href='#L14'>14</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>
@@ -97,7 +95,6 @@
     isAutoPlayAnimation:true,
     customId:"onboarding",
     testId: 'onboarding',
-    videoFormats: ['mp4'],
     sliderData:[],
     hasExpandedButton: false,
     customProps:{},
@@ -112,7 +109,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -114,7 +114,13 @@
 <a name='L49'></a><a href='#L49'>49</a>
 <a name='L50'></a><a href='#L50'>50</a>
 <a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</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>
@@ -165,6 +171,12 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">&nbsp;
 import PropTypes from 'prop-types';
 import FlexPropType  from '@zohodesk/layout/es/Flex/props/propTypes';
@@ -180,7 +192,6 @@ export const propTypes = {
   customId: PropTypes.string,
   ribbonText: PropTypes.string,
   hasCloseIcon: PropTypes.bool,
-  videoFormats:PropTypes.array,
   customStyle: PropTypes.object,
   hasExpandedButton: PropTypes.bool,
   isAutoPlayAnimation: PropTypes.bool,
@@ -192,13 +203,20 @@ export const propTypes = {
     PropTypes.shape({
       heading: PropTypes.string,
       imageSource: PropTypes.string,
-      videoSource: PropTypes.string,
+      videoSource: PropTypes.shape({
+        link: PropTypes.string,
+        videoFormat: PropTypes.string
+      }),
       description: PropTypes.string,
       hasPrimaryButton: PropTypes.bool,
       hasVideoPlayButton: PropTypes.bool,
       hasSecondaryButton: PropTypes.bool,
       primaryButtonText: PropTypes.string,
-      videoLookupSource: PropTypes.string,
+      videoLookupSource: PropTypes.shape({
+        link: PropTypes.string,
+        isEmbeddedLink: PropTypes.bool,
+        videoFormat: PropTypes.string
+      }),
       tabName: PropTypes.string.isRequired,
       hasSecondaryButtonLink:PropTypes.bool,
       secondaryButttonLink: PropTypes.string,
@@ -223,7 +241,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/PlusIcon.js.html

@@ -178,7 +178,7 @@ PlusIcon.propTypes = 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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -124,7 +124,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/props/defaultProps.js.html

@@ -97,7 +97,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/props/propTypes.js.html

@@ -112,7 +112,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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Provider/Config.js.html

@@ -121,7 +121,7 @@ export function <span class="fstat-no" title="function not covered" >setDotLibra
             <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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Provider/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-05-07T15:23:43.620Z
+                at 2025-05-12T13:45:30.374Z
             </div>
         <script src="../../prettify.js"></script>
         <script>