@internetarchive/ia-book-actions 0.0.19-1 → 0.0.19-5

package/package.json

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

package/src/assets/styles/collapsible-action-group.js

@@ -14,12 +14,15 @@ export default css`
     align-items: center;
   }
   .action-buttons .ia-button {
-    margin: 0 3px;
+    margin: 0;
     height: 3.5rem;
   }
   .primary,
   .secondary {
     position: relative;
+    background-color: var(--white, #fff);
+    border-radius: 5px;
+    margin: 0 3px;
   }
   .primary .initial {
     border-radius: 0.4rem 0 0 0.4rem;
@@ -112,6 +115,9 @@ export default css`
     display: inline-block;
     vertical-align: middle;
   }
+  .secondary .ia-button.exit-admin {
+    background-color: var(--primaryBGColor);
+  }
   .purchase small {
     display: block;
     font-size: 1rem;

package/src/components/collapsible-action-group.js

@@ -50,7 +50,10 @@ export class CollapsibleActionGroup extends ActionsHandler {
   }
 
   updated(changed) {
-    if (changed.has('width') && this.isBelowTabletContainer) {
+    if (
+      (changed.has('width') || changed.has('disabled')) &&
+      this.isBelowTabletContainer
+    ) {
       this.resetActions();
     }
   }
@@ -110,6 +113,9 @@ export class CollapsibleActionGroup extends ActionsHandler {
         <section class="action-buttons secondary">
           ${this.renderSecondaryActions}
         </section>
+        <section class="action-buttons secondary purchase">
+          ${this.renderPurchaseAction}
+        </section>
       </div>
     `;
   }
@@ -147,13 +153,27 @@ export class CollapsibleActionGroup extends ActionsHandler {
     return this.secondaryActions.map(action => this.renderActionLink(action));
   }
 
+  get renderPurchaseAction() {
+    if (!this.secondaryActions.length) return nothing;
+
+    if (this.secondaryActions.length === 2) {
+      return this.renderActionLink(this.secondaryActions[1], true);
+    }
+    if (this.secondaryActions[0].id === 'purchaseBook') {
+      return this.renderActionLink(this.secondaryActions[0], true);
+    }
+    return nothing;
+  }
+
   /**
-   * Render action as a link for secondary actions like admin, purchase, printdisability links.
+   * Render action as a link for secondary actions like admin, printdisability links.
    * @param { Object } action
    * @param { Boolean } initialButton
    * @returns { HTMLElement }
    */
   renderActionLink(action, initialButton = false) {
+    if (!initialButton && action?.id === 'purchaseBook') return nothing; // handle purchase action differerntly
+
     return html`<a
       class="ia-button ${action.className} ${initialButton ? 'initial' : ''}"
       href="${action.url}"

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

@@ -226,7 +226,7 @@ export default class ActionsConfig {
       text: message,
       url: URLHelper.getBackHref(),
       target: '_self',
-      className: 'ia-button',
+      className: 'exit-admin',
       analyticsEvent: {
         category: this.analyticsCategories.adminAccess,
         action: this.analyticsActions.doneBorrowing,

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

@@ -22,8 +22,6 @@ export default class ActionsHandler extends LitElement {
   }
 
   sendEvent(eventCategory, eventAction) {
-    // eslint-disable-next-line no-console
-    console?.log('Book action: ', { eventCategory, eventAction });
     window?.archive_analytics?.send_event_no_sampling(
       eventCategory,
       eventAction,

package/src/core/services/get-lending-actions.js

@@ -419,8 +419,6 @@ export default class GetLendingActions {
       lendingActions = this.restrictedAction();
     }
 
-    // debugging console
-    console.log(lendingActions.primaryTitle);
     return lendingActions;
   }
 }

package/src/core/services/loan-token-poller.js

@@ -60,8 +60,6 @@ export class LoanTokenPoller {
   }
 
   sendEvent(eventCategory, eventAction) {
-    // eslint-disable-next-line no-console
-    console?.log('Book action: ', { eventCategory, eventAction });
     window?.archive_analytics?.send_event_no_sampling(
       eventCategory,
       eventAction,
@@ -77,6 +75,8 @@ export class LoanTokenPoller {
       error: data => {
         this.disconnectedInterval(); // stop token fetch api
         this.errorCallback({ detail: { action, data } });
+        // send LendingServiceError to GA
+        this.sendEvent('LendingServiceLoanError', action);
       },
       success: () => {
         if (isInitial) this.successCallback();