@internetarchive/ia-book-actions 0.0.29-alpha17 → 0.0.29-alpha18

package/package.json

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

package/src/ia-book-actions.js

@@ -152,12 +152,12 @@ export default class IABookActions extends LitElement {
     return nothing;
   }
 
-  showToastMessage() {
+  async showToastMessage() {
     let toastManager = document.querySelector('toast-template');
     if (!toastManager) {
       toastManager = document.createElement('toast-template');
     }
-    document.body.appendChild(toastManager);
+    await document.body.appendChild(toastManager);
 
     toastManager.config = new ToastConfig(this.loanRenewResult);
   }
@@ -165,16 +165,17 @@ export default class IABookActions extends LitElement {
   async browseHasExpired() {
     const currStatus = { ...this.lendingStatus, browsingExpired: true };
     this.lendingStatus = currStatus;
-    this.loanRenewResult.renewNow = false;
 
     // remove respected key:value
     await this.localCache.delete(`${this.identifier}-loanTime`);
     await this.localCache.delete(`${this.identifier}-pageChangedTime`);
 
     // show message after browsed book is expired.
+    this.loanRenewResult.renewNow = false;
     this.loanRenewResult.texts =
       'This book has been auto-returned due to inactivity.';
-    this.update();
+
+    this.showToastMessage();
   }
 
   async browseHasRenew() {
@@ -528,7 +529,7 @@ export default class IABookActions extends LitElement {
       }
 
       toast-template {
-        --toastHeightFromTop: 50%;
+        --toastHeightFromTop: 15%;
         --toastBGColor: #333333;
         --toastFontColor: #ffffff;
       }