videomail-client 5.3.0 → 5.5.0

package/src/js/wrappers/container.js

@@ -569,12 +569,10 @@ const Container = function (options) {
               invalidInput.value +
               '"'
           } else {
-            whyInvalid = 'Form input(s() are invalid'
+            whyInvalid = 'Form input(s) are invalid'
           }
         }
 
-        // TODO CONTINUE FROM HERE, MAKE VALIDATION CLEVER WHEN AUTOMATIC SO THAT IT REQUIRES AT
-        // LEAST ONE RECIPIENT AMONG TO/CC/BCC
         if (valid) {
           // If CC and/or BCC exist, validate one more time to ensure at least
           // one recipient is given
@@ -619,8 +617,6 @@ const Container = function (options) {
           if (!valid) {
             whyInvalid = 'Please enter at least one recipient.'
           }
-
-          console.log({ recipients })
         }
       } else {
         valid = visualsValid

package/src/js/wrappers/visuals/replay.js

@@ -240,7 +240,9 @@ const Replay = function (parentElement, options) {
     if (!source) {
       if (src) {
         source = h('source', {
-          src: src,
+          // Ensures HTML video thumbnail turns up on iOS, see
+          // https://muffinman.io/blog/hack-for-ios-safari-to-display-html-video-thumbnail/
+          src: src + '#t=0.001',
           type: 'video/' + type
         })
 

package/src/styles/css/main.min.css.js

@@ -1 +1 @@
-module.exports='@-webkit-keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button{opacity:0;pointer-events:none;width:5px}.videomail .visuals{position:relative}.videomail .visuals video.replay{height:100%;width:100%}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint,.videomail .recordNote,.videomail .recordTimer{height:auto;margin:0}.videomail .countdown,.videomail .facingMode,.videomail .paused,.videomail .recordNote,.videomail .recordTimer,.videomail noscript{position:absolute;z-index:100}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint,.videomail .recordNote,.videomail .recordTimer,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint{letter-spacing:4px;text-align:center;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .countdown,.videomail .pausedHeader{font-size:460%;opacity:.9}.videomail .pausedHint{font-size:150%}.videomail .facingMode{background:rgba(30,30,30,.5);border:none;bottom:.6em;color:hsla(0,0%,96%,.9);font-family:monospace;font-size:1.2em;outline:none;padding:.1em .3em;right:.7em;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10}.videomail .facingMode:hover{background:rgba(50,50,50,.7);cursor:pointer}.videomail .recordNote,.videomail .recordTimer{background:hsla(0,0%,4%,.8);color:#00d814;font-family:monospace;opacity:.9;padding:.3em .4em;right:.7em;-webkit-transition:all 1s ease;transition:all 1s ease}.videomail .recordNote.near,.videomail .recordTimer.near{color:#eb9369}.videomail .recordNote.nigh,.videomail .recordTimer.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;content:"REC"}.videomail .notifier{box-sizing:border-box;height:100%;overflow:hidden}.videomail .radioGroup{display:block}.videomail video{margin-bottom:0}'
+module.exports='@-webkit-keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button{opacity:0;pointer-events:none;width:5px}.videomail .visuals{position:relative}.videomail .visuals video.replay{height:100%;width:100%}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint,.videomail .recordNote,.videomail .recordTimer{height:auto;margin:0}.videomail .countdown,.videomail .facingMode,.videomail .paused,.videomail .recordNote,.videomail .recordTimer,.videomail noscript{position:absolute;z-index:100}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint,.videomail .recordNote,.videomail .recordTimer,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.videomail .countdown,.videomail .pausedHeader,.videomail .pausedHint{letter-spacing:4px;text-align:center;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .countdown,.videomail .pausedHeader{font-size:460%;opacity:.9}.videomail .pausedHint{font-size:150%}.videomail .facingMode{background:rgba(30,30,30,.5);border:none;bottom:.6em;color:hsla(0,0%,96%,.9);font-family:monospace;font-size:1.2em;outline:none;padding:.1em .3em;right:.7em;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:10}.videomail .facingMode:hover{background:rgba(50,50,50,.7);cursor:pointer}.videomail .recordNote,.videomail .recordTimer{background:hsla(0,0%,4%,.8);color:#00d814;font-family:monospace;opacity:.9;padding:.3em .4em;right:.7em;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.videomail .recordNote.near,.videomail .recordTimer.near{color:#eb9369}.videomail .recordNote.nigh,.videomail .recordTimer.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;content:"REC"}.videomail .notifier{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden}.videomail .radioGroup{display:block}.videomail video{margin-bottom:0}'

package/test/util/browser.test.js

@@ -4,18 +4,15 @@ import Browser from '../../src/js/util/browser'
 
 test('Browser:', { timeout: 2000 }, function (t) {
   t.test('without arguments', function (tt) {
-    tt.plan(8)
+    tt.plan(7)
 
     const browser = new Browser({ debug: function () {} })
 
-    let err = browser.checkPlaybackCapabilities()
-    tt.equal(err.message, 'No HTML5 support for video tag!')
-
-    err = browser.checkBufferTypes()
+    let err = browser.checkBufferTypes()
     tt.equal(err, undefined)
 
     const videoType = browser.getVideoType()
-    tt.equal(videoType, undefined)
+    tt.equal(videoType, 'webm')
 
     err = browser.getNoAccessIssue()
     tt.equal(err.message, 'Unable to access webcam')
@@ -27,7 +24,7 @@ test('Browser:', { timeout: 2000 }, function (t) {
   })
 
   t.test('fake old Firefox', function (tt) {
-    tt.plan(9)
+    tt.plan(7)
 
     const options = {
       fakeUaString:
@@ -36,16 +33,10 @@ test('Browser:', { timeout: 2000 }, function (t) {
     }
 
     const browser = new Browser(options)
-    let err
-
-    err = browser.checkPlaybackCapabilities()
-    tt.equal(err.message, 'No HTML5 support for video tag!')
-    tt.ok(err.explanation.indexOf('upgrade Firefox') >= 0)
-
-    err = browser.checkBufferTypes()
+    let err = browser.checkBufferTypes()
     tt.equal(err, undefined)
 
-    tt.equal(browser.getVideoType(), undefined)
+    tt.equal(browser.getVideoType(), 'webm')
 
     err = browser.getNoAccessIssue()
     tt.equal(err.message, 'Unable to access webcam')
@@ -57,7 +48,7 @@ test('Browser:', { timeout: 2000 }, function (t) {
   })
 
   t.test('fake old Chrome', function (tt) {
-    tt.plan(9)
+    tt.plan(7)
 
     const options = {
       fakeUaString:
@@ -66,16 +57,10 @@ test('Browser:', { timeout: 2000 }, function (t) {
     }
 
     const browser = new Browser(options)
-    let err
-
-    err = browser.checkPlaybackCapabilities()
-    tt.equal(err.message, 'No HTML5 support for video tag!')
-    tt.ok(err.explanation.indexOf('upgrade Chrome') >= 0)
-
-    err = browser.checkBufferTypes()
+    let err = browser.checkBufferTypes()
     tt.equal(err, undefined)
 
-    tt.equal(browser.getVideoType(), undefined)
+    tt.equal(browser.getVideoType(), 'webm')
 
     err = browser.getNoAccessIssue()
     tt.equal(err.message, 'Unable to access webcam')
@@ -87,7 +72,7 @@ test('Browser:', { timeout: 2000 }, function (t) {
   })
 
   t.test('fake old IE', function (tt) {
-    tt.plan(11)
+    tt.plan(9)
 
     const options = {
       fakeUaString:
@@ -105,16 +90,10 @@ test('Browser:', { timeout: 2000 }, function (t) {
       err.explanation.indexOf('Instead of Internet Explorer you need to upgrade') >= 0
     )
 
-    err = browser.checkPlaybackCapabilities()
-    tt.equal(err.message, 'No HTML5 support for video tag!')
-    tt.ok(
-      err.explanation.indexOf('Instead of Internet Explorer you need to upgrade') >= 0
-    )
-
     err = browser.checkBufferTypes()
     tt.equal(err, undefined)
 
-    tt.equal(browser.getVideoType(), undefined)
+    tt.equal(browser.getVideoType(), 'webm')
 
     err = browser.getNoAccessIssue()
     tt.equal(err.message, 'Unable to access webcam')
@@ -126,7 +105,7 @@ test('Browser:', { timeout: 2000 }, function (t) {
   })
 
   t.test('fake old Safari', function (tt) {
-    tt.plan(11)
+    tt.plan(7)
 
     const options = {
       fakeUaString:
@@ -136,20 +115,10 @@ test('Browser:', { timeout: 2000 }, function (t) {
     }
 
     const browser = new Browser(options)
-    let err
-
-    err = browser.checkRecordingCapabilities()
-    tt.equal(err.message, 'Sorry, your browser is unable to use webcams')
-    tt.ok(err.explanation.indexOf('Safari below version 11 has no webcam support.') >= 0)
-
-    err = browser.checkPlaybackCapabilities()
-    tt.equal(err.message, 'No HTML5 support for video tag!')
-    tt.ok(err.explanation.indexOf('Safari below version 11 has no webcam support.') >= 0)
-
-    err = browser.checkBufferTypes()
+    let err = browser.checkBufferTypes()
     tt.equal(err, undefined)
 
-    tt.equal(browser.getVideoType(), undefined)
+    tt.equal(browser.getVideoType(), 'webm')
 
     err = browser.getNoAccessIssue()
     tt.equal(err.message, 'Unable to access webcam')