@internetarchive/ia-book-actions 0.0.6-3 → 0.0.6-4

package/demo/index.html

@@ -96,7 +96,7 @@
     iaBookActions.userid = '';
     iaBookActions.identifier = identifier;
     iaBookActions.bookTitle = 'Contemporary Black biography. Volume 39 : profiles from the interContemporary Black biography. Volume 39';
-    iaBookActions.lendingStatus = defaultLendingStatus;
+    iaBookActions.lendingStatus = canBrowseAndBorrow;
     iaBookActions.bwbPurchaseUrl = '';
     iaBookActions.barType = '';
 

package/package.json

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

package/src/core/services/actions-handler/actions-handler-service.js

@@ -33,7 +33,7 @@ export default function ActionsHandlerService(options) {
   })
     .then(response => {
       if (baseHost == '/demo/1' || baseHost == '/demo/') {
-        return { error: 'There was an error.' };
+        return {"error":"Unexpected error.\nPlease email this link to openlibrary@archive.org with the subject: Unexpected error. Thank you. \nMessage:UNAVAILABLE"};
       }
 
       // The response is a Response instance.
@@ -42,7 +42,7 @@ export default function ActionsHandlerService(options) {
     })
     .then(data => {
       // `data` is the parsed version of the JSON returned from the above endpoint.
-      console.log(data.error);
+      console.log('actual reponse for endpoint', data);
       if (!data.error) {
         option?.success(data);
       } else {

package/src/core/services/actions-handler/actions-handler.js

@@ -88,25 +88,25 @@ export default class ActionsHandler extends LitElement {
 
   handleBrowseIt() {
     const context = 'browse_book';
-    this.toggleLoader(context);
+    this.toggleActionBarState(context);
 
     ActionsHandlerService({
       action: context,
       identifier: this.identifier,
       success: () => {
-        // this.handleReadItNow();
+        this.handleReadItNow();
       },
       error: data => {
         console.log(data);
         alert(data.error);
-        this.toggleLoader(context);
+        this.toggleActionBarState(context, data);
       },
     });
   }
 
   handleReturnIt() {
     const context = 'return_loan';
-    this.toggleLoader(context);
+    this.toggleActionBarState(context);
 
     ActionsHandlerService({
       action: context,
@@ -118,14 +118,14 @@ export default class ActionsHandler extends LitElement {
       error: data => {
         console.log(data);
         alert(data.error);
-        this.toggleLoader(context);
+        this.toggleActionBarState(context);
       },
     });
   }
 
   handleBorrowIt() {
     const context = 'borrow_book';
-    this.toggleLoader(context);
+    this.toggleActionBarState(context);
 
     ActionsHandlerService({
       action: context,
@@ -136,14 +136,14 @@ export default class ActionsHandler extends LitElement {
       error: data => {
         console.log(data);
         alert(data.error);
-        this.toggleLoader(context);
+        this.toggleActionBarState(context, data);
       },
     });
   }
 
   handleReserveIt() {
     const context = 'join_waitlist';
-    this.toggleLoader(context);
+    this.toggleActionBarState(context);
 
     ActionsHandlerService({
       action: context,
@@ -154,14 +154,14 @@ export default class ActionsHandler extends LitElement {
       error: data => {
         console.log(data);
         alert(data.error);
-        this.toggleLoader(context);
+        this.toggleActionBarState(context);
       },
     });
   }
 
   handleRemoveFromWaitingList() {
     const context = 'leave_waitlist';
-    this.toggleLoader(context);
+    this.toggleActionBarState(context);
 
     ActionsHandlerService({
       action: context,
@@ -172,7 +172,7 @@ export default class ActionsHandler extends LitElement {
       error: data => {
         console.log(data);
         alert(data.error);
-        this.toggleLoader(context);
+        this.toggleActionBarState(context);
       },
     });
   }
@@ -227,10 +227,10 @@ export default class ActionsHandler extends LitElement {
     document.cookie = cookie;
   }
 
-  toggleLoader(context) {
+  toggleActionBarState(context, data = {}) {
     this.dispatchEvent(
-      new CustomEvent('toggle-loader', {
-        detail: context,
+      new CustomEvent('toggle-action-bar-state', {
+        detail: { context, data }
       })
     );
   }

package/src/ia-book-actions.js

@@ -175,20 +175,23 @@ export default class IABookActions extends LitElement {
         .width=${this.width}
         .hasAdminAccess=${this.hasAdminAccess}
         .disabled=${this.disable}
-        @toggle-loader=${this.toggleLoader}
+        @toggle-action-bar-state=${this.toggleActionBarState}
       >
       </collapsible-action-group>
       ${this.textGroupTemplate} ${this.infoIconTemplate}
     `;
   }
 
-  toggleLoader(e) {
-    // if activity loader is disabled and action is browse or borrow,
-    // just change the lendingStatus to update action buttons
-    if (this.disable && ['browse_book', 'borrow_book'].includes(e.detail)) {
-      console.log('lendingStatus is changed to redraw action-buttons');
-      const currStatus = { ...this.lendingStatus, available_to_browse: false };
-      this.lendingStatus = currStatus;
+  toggleActionBarState(e) {
+    console.log(e)
+
+    // update action bar states is book is not available to browse or borrow.
+    if (e?.detail?.data?.error) {
+      const errorMsg = e.detail.data.error;
+      if (errorMsg.match(/(^|\W)UNAVAILABLE($|\W)/)) {
+        const currStatus = { ...this.lendingStatus, available_to_browse: false };
+        this.lendingStatus = currStatus;
+      }
     }
 
     this.disable = !this.disable;