npm - @internetarchive/ia-book-actions - Versions diffs - 0.1.5-alpha2 → 0.1.5-b1 - Mend

@internetarchive/ia-book-actions 0.1.5-alpha2 → 0.1.5-b1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/demo/index.html +2 -2
package/demo/with-bookreader.html +146 -0
package/package.json +1 -1
package/src/components/collapsible-action-group.js +9 -4
package/src/core/services/actions-config.js +1 -0
package/src/core/services/actions-handler/actions-handler.js +28 -76
package/src/core/services/loan-analytics.js +10 -40
package/src/core/services/loan-renew-helper.js +1 -0
package/src/core/services/loan-token-poller.js +19 -25
package/src/ia-book-actions.js +31 -10

package/demo/index.html CHANGED Viewed

@@ -131,8 +131,8 @@
     iaBookActions.returnUrl = '';
     iaBookActions.localCache = localCache;
-    let loanTotalTime2Min = { loanTotalTime: 10, loanRenewAtLast: 5, pageChangedInLast: 5 };
-    let loanTotalTime5Min = { loanTotalTime: 300, loanRenewAtLast: 290, pageChangedInLast: 15 };
+    let loanTotalTime2Min = { loanTotalTime: 70, loanRenewAtLast: 65, pageChangedInLast: 5 };
+    let loanTotalTime5Min = { loanTotalTime: 300, loanRenewAtLast: 180, pageChangedInLast: 15 };
     let loanTotalTime1Hour = { loanTotalTime: 3600, loanRenewAtLast: 600, pageChangedInLast: 900 };
     iaBookActions.loanRenewTimeConfig = loanTotalTime2Min;

package/demo/with-bookreader.html ADDED Viewed

@@ -0,0 +1,146 @@
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <style>
+    html {
+      font-size: 10px;
+      /* This is to match petabox's base font size */
+    }
+    body {
+      margin: 0;
+      text-align: center;
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+    #demo {
+      height: 50px;
+    }
+    ia-book-actions {
+      --white: #fff;
+      --black: #000;
+      --primaryBGColor: var(--black);
+      --secondaryBGColor: #222;
+      --tertiaryBGColor: #333;
+      --primaryTextColor:  var(--white);
+      --primaryCTAFill: #194880;
+      --primaryCTABorder: #c5d1df;
+      --secondaryCTAFill: #333;
+      --secondaryCTABorder: #999;
+      --secondaryCTAFillRGB: 51, 51, 51;
+      --primaryErrorCTAFill: #e51c26;
+      --primaryErrorCTABorder: #f8c6c8;
+      --primaryCTAFillRGB: 25, 72, 128;
+      --primaryErrorCTAFillRGB: 229, 28, 38;
+      --primaryDisableCTAFill: #767676;
+    }
+    fieldset {
+      width: fit-content;
+      margin-top: 50px;
+    }
+    fieldset legend {
+      text-align: left;
+      font-size: 12px;
+    }
+    td {
+      color: white;
+      font-size: 14px;
+      border-radius: 5%;
+      display: table-cell;
+      text-align: initial;
+      margin: 5px 0;
+      width: max-content;
+      display: block;
+    }
+    label {
+      padding: 10px;
+      display: block;
+      cursor: pointer;
+      margin: 2px;
+      background: #4e545a;
+      border-radius: 10px;
+    }
+    input[type="radio"], input[type="checkbox"] {
+      margin-top: 0;
+      vertical-align: middle;
+    }
+    .initial td {
+      float: left;
+      margin: 2px;
+    }
+    body.modal-manager-open {
+      overflow: hidden;
+    }
+    modal-manager[mode='closed'] {
+      display: none;
+    }
+  </style>
+</head>
+<body>
+  <ia-bookreader class="focus-on-child-only" signedin="" fullscreen="">
+    <div slot="header">
+      <ia-book-actions></ia-book-actions>
+    </div>
+    <div slot="main">
+      <div id="BookReader"></div>
+    </div>
+  </ia-bookreader>
+  <script type="module">
+    /* eslint-disable */
+    import '@internetarchive/bookreader';
+    import '@internetarchive/bookreader/BookReader/jquery-1.10.1.js';
+    import '@internetarchive/bookreader/BookReader/BookReader.js';
+    import '../src/ia-book-actions.js';
+    import {
+      defaultLendingStatus,
+      canBrowseAndBorrow,
+    } from '../src/assets/data/lending-get-status-service.js';
+    import { ModalConfig } from '@internetarchive/modal-manager';
+    const userid = '@neeraj-archive';
+    const identifier = 'naturalhistoryof00unse_4111';
+    let bwbPurchaseUrl = 'https://www.betterworldbooks.com/product/detail/cambridge-ancient-hist-v04-0521044863';
+    let iaBookActions = document.querySelector('ia-book-actions');
+    // for debugging
+    window.iaBookActions = iaBookActions;
+    const modalConfig = new ModalConfig();
+    modalConfig.headerColor = '#d9534f';
+    let lendingBarPostInit = function lendingBarPostInit() {
+      setTimeout(function() {
+        console.log('executed', 'br.init()');
+      }, 100);
+    }
+    // set defaultLendingStatus for unavailable (without borrowables) book
+    iaBookActions.userid = userid;
+    iaBookActions.identifier = identifier;
+    iaBookActions.bookTitle = 'Contemporary Black biography. Volume 39 : profiles from the interContemporary Black biography. Volume 39';
+    iaBookActions.lendingStatus = canBrowseAndBorrow;
+    iaBookActions.bwbPurchaseUrl = '';
+    iaBookActions.modalConfig = modalConfig;
+    iaBookActions.lendingBarPostInit = lendingBarPostInit;
+    iaBookActions.tokenDelay = 2000; // 2 seconds
+    iaBookActions.returnUrl = 'https://openlibrary.org';
+    let lendingStatus1 = iaBookActions.lendingStatus;
+    const manifest = await fetch('https://ia801302.us.archive.org/BookReader/BookReaderJSIA.php?id=goody&itemPath=/29/items/goody&server=ia801302.us.archive.org&format=jsonp&subPrefix=goody&requestUri=/details/goody/mode/1up%3Fview%3Dtheater%26ui%3Dembed%26wrapper%3Dfalse');
+    console.log('manifest ****', manifest).then(res => res.json());
+  </script>
+  </div>
+</body>
+</html>

package/package.json CHANGED Viewed

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

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

@@ -204,7 +204,11 @@ export class CollapsibleActionGroup extends ActionsHandler {
         href="${action.url}"
         target=${action.target}
         @click=${() => {
-          this.clickHandler(action.id, action.analyticsEvent);
+          this.clickHandler(
+            action.id,
+            action.analyticsEvent,
+            action?.borrowType
+          );
         }}
       >
         ${action.id === 'purchaseBook' ? purchaseIcon : ''} ${action.text}
@@ -225,7 +229,7 @@ export class CollapsibleActionGroup extends ActionsHandler {
     return html`<button
       class="ia-button ${action.className} ${initialButton ? 'initial' : ''}"
       @click=${() => {
-        this.clickHandler(action.id, analyticsEvent);
+        this.clickHandler(action.id, analyticsEvent, action?.borrowType);
       }}
     >
       ${action.text}
@@ -238,10 +242,10 @@ export class CollapsibleActionGroup extends ActionsHandler {
    * @param { object } gaEvent - contains analytics event action and category
    *   @param { string } gaEvent.category
    *   @param { string } gaEvent.action
-   *
+   * @param { string } borrowType browse|borrow
    * @fires CollapsibleActionGroup#{eventName} - (will be browseBook, borrowBook etc...)
    */
-  clickHandler(eventName, gaEvent) {
+  clickHandler(eventName, gaEvent, borrowType = '') {
     this.dropdownState = 'close';
     this.dropdownArrow = dropdownClosed;
@@ -251,6 +255,7 @@ export class CollapsibleActionGroup extends ActionsHandler {
       new CustomEvent(eventName, {
         detail: {
           event: { category, action },
+          borrowType,
         },
       })
     );

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

@@ -70,6 +70,7 @@ export default class ActionsConfig {
         category: eventCategory,
         action: this.analyticsActions.doneBorrowing,
       },
+      borrowType: this.lendingStatus.user_has_browsed ? 'browse' : 'borrow',
     };
   }

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

@@ -37,134 +37,83 @@ export default class ActionsHandler extends LitElement {
   }
   bindEvents() {
-    this.addEventListener('browseBook', ({ detail }) => {
+    this.addEventListener('browseBook', () => {
       this.handleBrowseIt();
       this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'browse');
-      const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
     });
-    this.addEventListener('browseBookAgain', ({ detail }) => {
+    this.addEventListener('browseBookAgain', () => {
       this.handleBrowseIt();
       this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'browseagain');
-      const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
     });
-    this.addEventListener('autoRenew', ({ detail }) => {
+    this.addEventListener('autoRenew', () => {
       this.handleLoanRenewNow();
       this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'autorenew');
-      const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
     });
-    this.addEventListener('autoReturn', ({ detail }) => {
+    this.addEventListener('autoReturn', () => {
+      this.deleteLoanCookies();
       this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'autoreturn');
-      const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
     });
     this.addEventListener('returnNow', ({ detail }) => {
-      this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'return');
+      // use loan stats count when 1-hour borrow is active
+      if (detail?.borrowType === 'browse') {
+        this.loanAnanlytics?.storeLoanStatsCount(this.identifier, 'return');
+      }
       this.handleReturnIt();
-      const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      // send these events if 14-day borrow return
+      if (detail?.borrowType === 'borrow') {
+        const { category, action } = detail.event;
+        this.loanAnanlytics?.sendEvent(category, action, this.identifier);
+      }
     });
     this.addEventListener('borrowBook', ({ detail }) => {
       this.handleBorrowIt();
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('loginAndBorrow', ({ detail }) => {
       this.handleLoginOk();
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('leaveWaitlist', ({ detail }) => {
       this.handleRemoveFromWaitingList();
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('joinWaitlist', ({ detail }) => {
       this.handleReserveIt();
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('purchaseBook', ({ detail }) => {
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('adminAccess', ({ detail }) => {
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('exitAdminAccess', ({ detail }) => {
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
     this.addEventListener('bookTitleBar', ({ detail }) => {
       const { category, action } = detail.event;
-      this.loanAnanlytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      this.loanAnanlytics?.sendEvent(category, action, this.identifier);
     });
   }
@@ -214,7 +163,10 @@ export default class ActionsHandler extends LitElement {
       identifier: this.identifier,
       success: () => {
         this.deleteLoanCookies();
-        URLHelper.goToUrl(this.returnUrl, true);
+        // URLHelper.goToUrl(this.returnUrl, true);
+        setTimeout(() => {
+          URLHelper.goToUrl(this.returnUrl, true);
+        }, this.waitUntillBorrowComplete * 1000);
       },
       error: data => {
         this.dispatchActionError(action, data);

package/src/core/services/loan-analytics.js CHANGED Viewed

@@ -46,11 +46,7 @@ export default class LoanAnanlytics {
       );
     } catch (error) {
       console.log(error);
-      this.sendEvent(
-        'Cookies-Error-Actions',
-        error,
-        `identifier=${this.identifier}`
-      );
+      this.sendEvent('Cookies-Error-Actions', error, this.identifier);
     }
   }
@@ -78,7 +74,7 @@ export default class LoanAnanlytics {
         browse = browse ? Number(browse) + 1 : 1;
         this.gaStats.browse = browse;
-        // reset renew and expire count when browse
+        // reset renew and expire count
         renew = 0;
         expire = 0;
         break;
@@ -92,7 +88,7 @@ export default class LoanAnanlytics {
         expire = expire ? Number(expire) + 1 : 1;
         this.gaStats.expire = expire;
-        // reset renew and expire count when browse
+        // reset renew and expire count
         renew = 0;
         expire = 0;
         break;
@@ -104,37 +100,13 @@ export default class LoanAnanlytics {
     this.lendingEventCounts = { browse, renew, expire };
     // obtain GA category, event
-    // const { category, event } = await this.getGACategoryAction(action);
     const category = analyticsCategories.browse;
     const event = `browse${this.paddedNumber(
       this.gaStats?.browse
     )}-autorenew${this.paddedNumber(this.gaStats?.renew)}:${action}`;
     // send google analytics events
-    this.sendEvent(category, event, `identifier=${this.identifier}`, {
-      browse: this.gaStats?.browse,
-      renew: this.gaStats?.renew,
-      expire: this.gaStats?.expire,
-    });
-  }
-  /**
-   *
-   *
-   * @param {string} action - like 'browse|autorenew|etc...'
-   * @return {object} - contains GA category and event
-   * - @param {string}
-   * - @param {string}
-   *
-   * @memberof LoanAnanlytics
-   */
-  getGACategoryAction(action) {
-    const GACategory = analyticsCategories.browse;
-    const GAAction = `browse${this.paddedNumber(
-      this.gaStats?.browse
-    )}-autorenew${this.paddedNumber(this.gaStats?.renew)}:${action}`;
-    return { GACategory, GAAction };
+    this.sendEvent(category, event, this.identifier);
   }
   /**
@@ -168,21 +140,19 @@ export default class LoanAnanlytics {
    * @memberof LoanAnanlytics
    */
   sendEvent(eventCategory, eventAction, label, extraParams) {
-    console.debug(
-      'eventCategory:- ',
+    console.log(
+      'eventCategory:-',
       eventCategory,
-      '\neventAction:- ',
+      '\t||\teventAction:-',
       eventAction,
-      '\nlabel:- ',
-      label,
-      '\nextraParams:- ',
-      extraParams
+      '\t||\tlabel:-',
+      label
     );
     window?.archive_analytics?.send_event_no_sampling(
       eventCategory,
       eventAction,
-      label || `identifier=${this.identifier}`,
+      label || this.identifier,
       extraParams
     );
   }

package/src/core/services/loan-renew-helper.js CHANGED Viewed

@@ -89,6 +89,7 @@ export class LoanRenewHelper {
     ) {
       this.result.texts = this.loanReturnWarning;
       this.result.renewNow = false; // not viewed
+      console.log('warning msg appears');
     } else if (pageChangedTime >= pageChangeTimeFrame) {
       this.result.texts = '';
       this.result.renewNow = true; // viewed in last time frame

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

@@ -2,8 +2,6 @@ import ActionsHandlerService from './actions-handler/actions-handler-service.js'
 import LoanAnanlytics from './loan-analytics.js';
 import { sentryLogs } from '../config/sentry-events.js';
-import * as Cookies from './doc-cookies.js';
 /**
  * This class is used to create loan token for borrowed books
  *
@@ -33,22 +31,22 @@ export class LoanTokenPoller {
   }
   async bookAccessed() {
-    let consecutiveLoanCounts = 1;
+    // let consecutiveLoanCounts = 1;
     if (this.borrowType) {
       // send consecutiveLoanCounts for browsed books only.
-      if (this.borrowType === 'browsed') {
-        try {
-          const existingCount = Cookies.getItem(
-            `loan-count-${this.identifier}`
-          );
-          consecutiveLoanCounts = existingCount ?? 1;
-        } catch (error) {
-          window?.Sentry?.captureException(
-            `${sentryLogs.enableBookAcces} - CookieError: ${error}`
-          );
-        }
-      }
+      // if (this.borrowType === 'browsed') {
+      //   try {
+      //     const existingCount = Cookies.getItem(
+      //       `loan-count-${this.identifier}`
+      //     );
+      //     consecutiveLoanCounts = existingCount ?? 1;
+      //   } catch (error) {
+      //     window?.Sentry?.captureException(
+      //       `${sentryLogs.enableBookAcces} - CookieError: ${error}`
+      //     );
+      //   }
+      // }
       // Do an initial token, then set an interval
       this.handleLoanTokenPoller(true);
@@ -67,16 +65,12 @@ export class LoanTokenPoller {
       }
       // event category and action for browsing book access
-      const category = `${this.borrowType}BookAccess`;
-      const action = `${
-        this.borrowType === 'browsed' ? 'BrowseCounts-' : 'Counts-'
-      }${consecutiveLoanCounts}`;
+      // const category = `${this.borrowType}BookAccess`;
+      // const action = `${
+      //   this.borrowType === 'browsed' ? 'BrowseCounts-' : 'Counts-'
+      // }${consecutiveLoanCounts}`;
-      this.loanAnalytics?.sendEvent(
-        category,
-        action,
-        `identifier=${this.identifier}`
-      );
+      // this.loanAnalytics?.sendEvent(category, action, this.identifier);
     } else {
       window?.Sentry?.captureMessage(
         `${sentryLogs.bookAccessed} - not borrowed`
@@ -104,7 +98,7 @@ export class LoanTokenPoller {
         this.loanAnalytics?.sendEvent(
           'LendingServiceLoanError',
           action,
-          `identifier=${this.identifier}`
+          this.identifier
         );
       },
       success: () => {

package/src/ia-book-actions.js CHANGED Viewed

@@ -11,6 +11,7 @@ import './components/book-title-bar.js';
 import './components/text-group.js';
 import './components/info-icon.js';
 import './components/timer-countdown.js';
+import './core/config/ia-lending-intervals.js';
 import { GetLendingActions } from './core/services/get-lending-actions.js';
 import { mobileContainerWidth } from './core/config/constants.js';
@@ -18,9 +19,6 @@ import { sentryLogs } from './core/config/sentry-events.js';
 import { LoanTokenPoller } from './core/services/loan-token-poller.js';
 import { LoanRenewHelper } from './core/services/loan-renew-helper.js';
-import './core/config/ia-lending-intervals.js';
-import * as Cookies from './core/services/doc-cookies.js';
 export const events = {
   browseExpired: 'IABookReader:BrowsingHasExpired',
 };
@@ -75,6 +73,7 @@ export default class IABookActions extends LitElement {
     this.borrowType = ''; // (browsed|borrowed)
     this.consecutiveLoanCounts = 1; // consecutive loan count
     this.suppressToast = false;
+    this.suppressAutoRenew = false;
     this.browseTimer = undefined;
     /**
@@ -173,6 +172,7 @@ export default class IABookActions extends LitElement {
   async setupLendingToolbarActions() {
     this.suppressToast = false;
+    this.suppressAutoRenew = false;
     this.lendingOptions = new GetLendingActions(
       this.userid,
@@ -256,9 +256,18 @@ export default class IABookActions extends LitElement {
      * dispatched this event from bookreader page changed
      */
     window.addEventListener('BookReader:userAction', () => {
+      console.log('** BR user Action', {
+        suppressAutoRenew: this.suppressAutoRenew,
+        borrowType: this.borrowType,
+      });
       this.suppressToast = true;
       this.closeToastManager();
+      if (this.suppressAutoRenew) {
+        return;
+      }
       if (this.borrowType === 'browsed') {
         this.autoLoanRenewChecker(true);
       }
@@ -268,6 +277,7 @@ export default class IABookActions extends LitElement {
      * detect click-event on document to close toast-template
      */
     document.addEventListener('click', e => {
+      console.log('*** top level click handler to remove toast on click');
       if (this.loanRenewHelper && this.loanRenewResult.secondsLeft > 0) {
         this.suppressToast = true;
       }
@@ -288,11 +298,18 @@ export default class IABookActions extends LitElement {
      * @see TimerCountdown::timerCountdown
      */
     this.addEventListener('IABookActions:loanRenew', async event => {
+      console.log('** IABookActions:loanRenew', event.detail);
       await this.autoLoanRenewChecker(false);
+      // maybe the renew with-in last 1 minute is too short of a transition time between xhr, loading images etc... let NOT renew in last 50 seconds.
+      if (event?.detail?.secondsLeft < 50) {
+        this.suppressAutoRenew = true;
+      }
       // show warning message with remaining time to auto returned it.
       if (this.loanRenewResult.renewNow === false) {
         this.loanRenewResult.secondsLeft = event.detail.secondsLeft;
+        this.suppressToast = false;
         this.showToastMessage();
       }
     });
@@ -320,6 +337,7 @@ export default class IABookActions extends LitElement {
    * close/hide toast message
    */
   async closeToastManager() {
+    console.log('** closeToastManager');
     const toastTemplate = this.shadowRoot.querySelector('toast-template');
     if (toastTemplate) {
       toastTemplate?.remove();
@@ -333,6 +351,10 @@ export default class IABookActions extends LitElement {
    * - show message having remaining time when book is about to auto returned
    */
   async showToastMessage() {
+    console.log('** showToastMessage', {
+      suppressToast: this.suppressToast,
+      loanRenewResult: this.loanRenewResult,
+    });
     if (this.suppressToast) return;
     let toastTemplate = this.shadowRoot.querySelector('toast-template');
@@ -405,9 +427,6 @@ export default class IABookActions extends LitElement {
     await this.localCache.delete(`${this.identifier}-loanTime`);
     await this.localCache.delete(`${this.identifier}-pageChangedTime`);
-    // remove loan-renew-count-<identifier> cookie
-    Cookies.removeItem(`loan-renew-count-${this.identifier}`);
     // show message after browsed book is expired.
     this.loanRenewResult.renewNow = false;
     this.loanRenewResult.texts =
@@ -507,8 +526,10 @@ export default class IABookActions extends LitElement {
    * - show success message
    * - then change the remaining time
    * - reset timer state
+   * @param {object} event
    */
-  async handleLoanAutoRenewed() {
+  async handleLoanAutoRenewed(event) {
+    // TODO: just read DATA variable here to apply security { action, data }
     if (this.loanRenewResult.renewNow) {
       window?.IALendingIntervals?.clearAll();
@@ -518,12 +539,12 @@ export default class IABookActions extends LitElement {
       await this.resetTimerCountState();
       window?.Sentry?.captureMessage(`${sentryLogs.bookHasRenewed}`);
-      // TODO: analytics?? for consecutive renew.....
       // testing console....
-      console.log(sentryLogs.bookHasRenewed, {
+      console.log('IABookActions: AutoRenewed:- ', {
+        ajaxResponse: event?.detail?.data,
         loanRenewResult: this.loanRenewResult,
-        browseHasRenew: this.lendingStatus.secondsLeftOnLoan,
+        secondsLeftOnLoan: Math.round(this.lendingStatus.secondsLeftOnLoan),
         resetTimerCountState: this._shadowRoot.querySelector('timer-countdown'),
       });
     }