@internetarchive/ia-book-actions 0.1.4-alpha3 → 0.1.4-alpha4

package/demo/index.html

@@ -131,7 +131,7 @@
     iaBookActions.returnUrl = 'https://openlibrary.org';
     iaBookActions.localCache = localCache;
 
-    let loanTotalTime2Min = { loanTotalTime: 20, loanRenewAtLast: 15, pageChangedInLast: 8 };
+    let loanTotalTime2Min = { loanTotalTime: 300, loanRenewAtLast: 120, pageChangedInLast: 60 };
     let loanTotalTime5Min = { loanTotalTime: 300, loanRenewAtLast: 180, pageChangedInLast: 15 };
     let loanTotalTime1Hour = { loanTotalTime: 3600, loanRenewAtLast: 600, pageChangedInLast: 900 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.1.4-alpha3",
+  "version": "0.1.4-alpha4",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",

package/src/components/timer-countdown.js

@@ -33,9 +33,9 @@ export default class TimerCountdown extends LitElement {
 
     /**
      * timer which is not reduced along with timer
-     * @type {date}
+     * @type {string}
      */
-    this.timeWhenTimerStart = '';
+    this.timeWhenTimerStart = undefined;
 
     /**
      * delay seconds in setInterval function
@@ -62,7 +62,7 @@ export default class TimerCountdown extends LitElement {
     this.disconnectedCallback();
 
     // - let just execute setInterval in every 1 minute
-    this.timerExecutionSeconds = 1;
+    this.timerExecutionSeconds = 60;
     let secondsLeft = this.secondsLeftOnLoan;
 
     // store current time
@@ -76,14 +76,6 @@ export default class TimerCountdown extends LitElement {
       secondsLeft -= this.timerExecutionSeconds;
       secondsLeft = Math.round(secondsLeft); // round number
 
-      console.log(
-        new Date().toLocaleTimeString(),
-        'timeLeftInSec',
-        secondsLeft,
-        ' ||| timeLeftInMin',
-        Math.ceil(secondsLeft / 60)
-      );
-
       // re-sync timer is gone off
       await this.reSyncTimerIfGoneOff(secondsLeft);
 
@@ -98,7 +90,7 @@ export default class TimerCountdown extends LitElement {
       }
 
       // clear interval
-      if (secondsLeft <= 1) {
+      if (secondsLeft <= 10) {
         this.disconnectedCallback();
         window?.Sentry?.captureMessage(sentryLogs.clearOneHourTimer);
       }
@@ -132,6 +124,15 @@ export default class TimerCountdown extends LitElement {
    * @memberof TimerCountdown
    */
   async reSyncTimerIfGoneOff(timerSecondsLeft) {
+    // debug info
+    console.log(
+      new Date().toLocaleTimeString(),
+      'timeLeftInSec',
+      timerSecondsLeft,
+      ' ||| timeLeftInMin',
+      Math.ceil(timerSecondsLeft / 60)
+    );
+
     const currentTime = new Date();
 
     // current time - loan time
@@ -141,13 +142,15 @@ export default class TimerCountdown extends LitElement {
     const secondsShouldLeft = this.secondsLeftOnLoan - diffInSeconds;
 
     // convert in minutes
-    const whatIsleft = Math.round(timerSecondsLeft / 60);
-    const whatShouldLeft = Math.round(secondsShouldLeft / 60);
+    const whatIsleft = Math.round(timerSecondsLeft);
+    const whatShouldLeft = Math.round(secondsShouldLeft);
 
     if (whatIsleft !== whatShouldLeft) {
-      console.log("timer is gone off, let's re-sync");
-      console.log('whatIsleft', whatIsleft, 'whatShouldLeft', whatShouldLeft);
-      this.secondsLeftOnLoan = secondsShouldLeft;
+      // debug info
+      console.log(
+        `timer is gone off, let's re-sync, whatIsleft -> ${whatIsleft}, whatShouldLeft -> ${whatShouldLeft}`
+      );
+      this.secondsLeftOnLoan = secondsShouldLeft; // the seconds should left in timer again
     }
   }
 

package/src/ia-book-actions.js

@@ -263,6 +263,8 @@ export default class IABookActions extends LitElement {
       if (this.borrowType === 'browsed') {
         this.suppressToast = false;
         this.autoLoanRenewChecker(true);
+      } else {
+        this.suppressToast = true;
       }
 
       return nothing;
@@ -271,11 +273,10 @@ export default class IABookActions extends LitElement {
     /**
      * detect click-event on document to close toast-template
      */
-    window.addEventListener('click', e => {
-      console.log('detech click event');
-      // if (this.loanRenewHelper && this.loanRenewResult.secondsLeft > 0) {
-      this.suppressToast = true;
-      // }
+    document.addEventListener('click', e => {
+      if (this.loanRenewHelper && this.loanRenewResult.secondsLeft > 0) {
+        this.suppressToast = true;
+      }
 
       // reload when user click on book-page and book is EXPIRED
       const hasExpired =