npm - @openreplay/tracker - Versions diffs - 10.0.2 → 10.0.4 - Mend

@openreplay/tracker 10.0.2 → 10.0.4

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.

Files changed (75) hide show

package/coverage/lcov-report/main/modules/userTesting/styles.ts.html CHANGED Viewed

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/24</span>
+                <span class='fraction'>0/25</span>
             </div>
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/24</span>
+                <span class='fraction'>0/25</span>
             </div>
@@ -323,7 +323,33 @@
 <a name='L258'></a><a href='#L258'>258</a>
 <a name='L259'></a><a href='#L259'>259</a>
 <a name='L260'></a><a href='#L260'>260</a>
-<a name='L261'></a><a href='#L261'>261</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<a name='L279'></a><a href='#L279'>279</a>
+<a name='L280'></a><a href='#L280'>280</a>
+<a name='L281'></a><a href='#L281'>281</a>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a></td><td class="line-coverage quiet"><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>
@@ -358,6 +384,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-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>
@@ -379,6 +406,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-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>
@@ -407,6 +435,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-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>
@@ -426,9 +455,10 @@
 <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-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>
@@ -460,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-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>
@@ -505,6 +534,9 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -523,6 +555,9 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -534,6 +569,9 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -554,6 +592,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-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>
@@ -583,6 +622,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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const <span class="cstat-no" title="statement not covered" >bgStyle = {</span>
   position: 'fixed',
   top: 0,
@@ -593,33 +641,36 @@
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  zIndex: 999999,
+  fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >containerStyle = {</span>
   display: 'flex',
   flexDirection: 'column',
-  gap: '8px',
+  gap: '2rem',
   alignItems: 'center',
   padding: '1.5rem',
-  borderRadius: '0.375rem',
+  borderRadius: '2px',
   border: '1px solid #D9D9D9',
   background: '#FFF',
-  width: '29rem',
+  width: '22rem',
 }
 export const <span class="cstat-no" title="statement not covered" >containerWidgetStyle = {</span>
   display: 'flex',
   'flex-direction': 'column',
-  gap: '8px',
+  gap: 'unset',
   'align-items': 'center',
-  padding: '1rem',
-  'border-radius': '0.375rem',
+  padding: 'unset',
+  fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
+  'border-radius': '2px',
   border: '1px solid #D9D9D9',
-  background: '#FFF',
-  width: '29rem',
+  background: 'rgba(255, 255, 255, 0.75)',
+  width: '22rem',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >titleStyle = {</span>
-  fontFamily: 'Roboto',
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '1.25rem',
   fontStyle: 'normal',
   fontWeight: '500',
@@ -632,16 +683,17 @@ export const <span class="cstat-no" title="statement not covered" >descriptionSt
   borderBottom: '1px solid rgba(0, 0, 0, 0.06)',
   padding: '1.25rem 0rem',
   color: 'rgba(0, 0, 0, 0.85)',
-  fontFamily: 'Roboto',
-  fontSize: '1rem',
+  fontFamily: 'Verdana, sans-serif',
+  fontSize: '13px',
   fontStyle: 'normal',
   fontWeight: '400',
-  lineHeight: '1.5rem',
+  lineHeight: 'auto',
+  whiteSpace: 'pre-wrap',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >noticeStyle = {</span>
   color: 'rgba(0, 0, 0, 0.85)',
-  fontFamily: 'Roboto',
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '0.875rem',
   fontStyle: 'normal',
   fontWeight: '400',
@@ -660,18 +712,19 @@ export const <span class="cstat-no" title="statement not covered" >buttonStyle =
   boxShadow: '0px 2px 0px 0px rgba(0, 0, 0, 0.04)',
   color: '#FFF',
   textAlign: 'center',
-  fontFamily: 'Roboto',
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '1rem',
   fontStyle: 'normal',
   fontWeight: '500',
   lineHeight: '1.5rem',
+  cursor: 'pointer',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >sectionTitleStyle = {</span>
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '0.875rem',
+  fontSize: '13px',
   fontWeight: '500',
-  lineHeight: '1.375rem',
+  lineHeight: 'auto',
   display: 'flex',
   justifyContent: 'space-between',
   width: '100%',
@@ -683,6 +736,8 @@ export const <span class="cstat-no" title="statement not covered" >contentStyle
   flexDirection: 'column',
   alignItems: 'flex-start',
   gap: '0.625rem',
+  fontSize: '13px',
+  lineHeight: 'auto',
 }
 &nbsp;
 // New widget styles
@@ -690,35 +745,33 @@ export const <span class="cstat-no" title="statement not covered" >titleWidgetSt
   padding: '0.5rem',
   gap: '0.5rem',
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '1.25rem',
+  fontSize: '16px',
   fontStyle: 'normal',
   fontWeight: '500',
-  lineHeight: '1.75rem',
+  lineHeight: 'auto',
   color: 'white',
   display: 'flex',
   alignItems: 'center',
   width: '100%',
-  borderRadius: '0.375rem',
-  background: 'rgba(0, 0, 0, 0.60)',
+  borderRadius: '2px',
+  background: 'rgba(0, 0, 0, 0.75)',
   boxSizing: 'border-box',
-  cursor: 'grab',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >descriptionWidgetStyle = {</span>
   boxSizing: 'border-box',
   display: 'block',
   width: '100%',
-  borderRadius: '0.375rem',
-  border: '1px solid #D9D9D9',
+  borderBottom: '1px solid #D9D9D9',
   background: '#FFF',
-  padding: '0.625rem 1rem',
+  padding: '0.65rem',
   alignSelf: 'stretch',
   color: '#000',
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '0.875rem',
+  // fontSize: '0.875rem',
   fontStyle: 'normal',
   fontWeight: '400',
-  lineHeight: '1.375rem',
+  // lineHeight: '1.375rem',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >endSectionStyle = {</span>
@@ -759,10 +812,13 @@ export const <span class="cstat-no" title="statement not covered" >buttonWidgetS
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >stopWidgetStyle = {</span>
-  marginTop: '2rem',
+  marginTop: '1rem',
+  marginBottom: '1rem',
   cursor: 'pointer',
   display: 'block',
   fontWeight: '500',
+  fontSize: '13px!important',
+  lineHeight: 'auto',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >paginationStyle = {</span>
@@ -777,21 +833,27 @@ export const <span class="cstat-no" title="statement not covered" >paginationSty
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >taskNumberActive = {</span>
   display: 'flex',
-  padding: '0.0625rem 0.5rem',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center',
   borderRadius: '6.25em',
   outline: '1px solid #394EFF',
+  fontSize: '13px',
+  height: '24px',
+  width: '24px',
 }
 export const <span class="cstat-no" title="statement not covered" >taskNumberDone = {</span>
   display: 'flex',
-  padding: '0.0625rem 0.5rem',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center',
   borderRadius: '6.25em',
   outline: '1px solid #D2DFFF',
   boxShadow: '0px 2px 0px 0px rgba(0, 0, 0, 0.04)',
   background: '#D2DFFF',
+  fontSize: '13px',
+  height: '24px',
+  width: '24px',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >taskDescriptionCard = {</span>
@@ -811,7 +873,8 @@ export const <span class="cstat-no" title="statement not covered" >taskTextStyle
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >taskDescriptionStyle = {</span>
-  color: '#8C8C8C',
+  fontSize: '13px',
+  lineHeight: 'auto',
 }
 &nbsp;
 export const <span class="cstat-no" title="statement not covered" >taskButtonStyle = {</span>
@@ -819,11 +882,11 @@ export const <span class="cstat-no" title="statement not covered" >taskButtonSty
   cursor: 'pointer',
   color: '#394EFF',
   textAlign: 'center',
-  fontFamily: 'Roboto',
-  fontSize: '0.875rem',
+  fontFamily: 'Verdana, sans-serif',
+  fontSize: '13px',
   fontStyle: 'normal',
   fontWeight: '500',
-  lineHeight: '1.375rem',
+  lineHeight: 'auto',
 }
 export const <span class="cstat-no" title="statement not covered" >taskButtonBorderedStyle = {</span>
   ...taskButtonStyle,
@@ -843,6 +906,15 @@ export const <span class="cstat-no" title="statement not covered" >taskButtonsRo
   width: '100%',
   boxSizing: 'border-box',
 }
+&nbsp;
+export const <span class="cstat-no" title="statement not covered" >spinnerStyles = {</span>
+  border: '4px solid rgba(255, 255, 255, 0.4)',
+  width: '16px',
+  height: '16px',
+  borderRadius: '50%',
+  borderLeftColor: '#fff',
+  animation: 'spin 0.5s linear infinite',
+}
 &nbsp;</pre></td></tr></table></pre>
                 <div class='push'></div><!-- for sticky footer -->
@@ -850,7 +922,7 @@ export const <span class="cstat-no" title="statement not covered" >taskButtonsRo
             <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 2023-10-17T13:37:58.420Z
+                at 2023-12-15T15:55:44.965Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>