@internetarchive/ia-book-actions 0.0.29-alpha26 → 0.0.29-alpha27

package/demo/index.html

@@ -128,8 +128,8 @@
     iaBookActions.localCache = localCache;
     iaBookActions.loanRenewConfig = {
       totalTime: 20, // 60 second = 1 min
-      autoCheckAt: 15, // totalTime - 10th minute
-      pageChangedInLast: 15, // within last 15 second/minute
+      autoCheckAt: 12, // totalTime - 10th minute
+      pageChangedInLast: 5, // within last 15 second/minute
       env: 'dev', // dev/prod
     };
 
@@ -285,7 +285,7 @@
       // dispatch event to say book page has flipped
       document.querySelector('ia-book-actions').dispatchEvent(
         new CustomEvent('BookReader:pageChanged', {
-          detail: { hasPageChanged: true },
+          detail: { props: { hasPageChanged: true }},
           bubbles: true,
           composed: true,
         })

package/package.json

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

package/src/ia-book-actions.js

@@ -84,7 +84,7 @@ export default class IABookActions extends LitElement {
     this.loanRenewResult = {
       texts: null,
       renewNow: false,
-      timeLeft: 0
+      timeLeft: 0,
     };
 
     this._shadowRoot = this.attachShadow({ mode: 'open' });
@@ -234,9 +234,10 @@ export default class IABookActions extends LitElement {
    * 2. IABookActions:loanRenew - dispatched from timer-countdown component
    */
   bindLoanRenewEvents() {
-    // dispatched this event from bookreader page changed
+    /**
+     * dispatched this event from bookreader page changed
+     */
     window.addEventListener('BookReader:pageChanged', event => {
-      console.log(event.detail.props);
       if (this.borrowType === 'browsed' && event.detail.props.hasPageChanged) {
         console.log('actual page changed executed!')
         this.autoLoanRenewChecker(true);
@@ -245,8 +246,12 @@ export default class IABookActions extends LitElement {
       return nothing;
     });
 
+    /**
+     * Detech click-event on document to close toast-template
+     */
     document.addEventListener('click', () => {
-      if (this.loanRenewHelper && this.loanRenewHelper.result.renewNow === false) {
+      if (this.loanRenewHelper && this.loanRenewResult.timeLeft > 0) {
+        console.log('1');
         this.suppressToast = true;
       }
     });
@@ -257,13 +262,11 @@ export default class IABookActions extends LitElement {
      * 2. show warning message having remaining time
      */
     this.addEventListener('IABookActions:loanRenew', async event => {
-      const eventDetails = event.detail;
-
       await this.autoLoanRenewChecker(false);
 
       // show warning message with remaining time to auto returned it.
-      if (this.loanRenewHelper.result.renewNow === false) {
-        this.loanRenewResult.timeLeft = eventDetails.timeLeft;
+      if (this.loanRenewResult.renewNow === false) {
+        this.loanRenewResult.timeLeft = event.detail.timeLeft;
         this.showToastMessage();
       }
     });
@@ -285,7 +288,6 @@ export default class IABookActions extends LitElement {
   async showToastMessage() {
     if (this.suppressToast) return false;
 
-    // this.result = this.loanRenewHelper.result;
     const iaBookActions = document.querySelector('ia-book-actions').shadowRoot;
     let toastTemplate = iaBookActions.querySelector('toast-template');
     if (!toastTemplate) {