@internetarchive/ia-book-actions 0.0.29-alpha9 → 0.0.29-beta2

package/demo/index.html

@@ -87,18 +87,13 @@
 
   <script type="module">
     /* eslint-disable */
+
     import '../src/ia-book-actions.js';
     import {
       defaultLendingStatus,
       canBrowseAndBorrow,
     } from '../src/assets/data/lending-get-status-service.js';
     import { ModalConfig } from '@internetarchive/modal-manager';
-    import { LocalCache } from '@internetarchive/local-cache';
-
-    const localCache = new LocalCache({
-      namespace: '1HourLoanStorage',
-      defaultTTL: 1 * 60,  // 1 minute
-    });
 
     const userid = '@neeraj-archive';
     const identifier = 'naturalhistoryof00unse_4111';
@@ -126,15 +121,8 @@
     iaBookActions.lendingBarPostInit = lendingBarPostInit;
     iaBookActions.tokenDelay = 2000; // 2 seconds
     iaBookActions.returnUrl = 'https://openlibrary.org';
-    iaBookActions.localCache = localCache;
-    iaBookActions.autoRenewConfig = {
-      totalTime: 60, // 60 second = 1 min
-      autoCheckAt: 55, // totalTime - 10th minute
-      FlippedInLast: 15, // within last 15 second/minute 
-    };
 
     let lendingStatus1 = iaBookActions.lendingStatus;
-    let secondsLeftOnLoan = iaBookActions.autoRenewConfig.totalTime;
 
     document.querySelectorAll('.titleBar input[type=checkbox]').forEach((item) => {
       item.addEventListener('click', (e) => {
@@ -146,18 +134,22 @@
       });
     });
 
-    document.querySelectorAll('.autoRenew input[type=checkbox]').forEach((item) => {
+    document.querySelectorAll('.searchParam input[type=checkbox]').forEach((item) => {
       item.addEventListener('click', (e) => {
+        var searchParams = new URLSearchParams(window.location.search);
+        var separate = '';
         if (e.target.checked) {
-          iaBookActions.autoRenew = true;
-          iaBookActions.resetTimerCountdown = true;
-          lendingStatus1.secondsLeftOnLoan = secondsLeftOnLoan;
+          separate = '?';
+          searchParams.set('q', 'test');
         } else {
-          iaBookActions.autoRenew = false;
+          separate = '';
+          searchParams.delete('q');
         }
 
-        let lending = {...defaultLendingStatus, ...lendingStatus1};
-        iaBookActions.lendingStatus = lending;
+        if (history.pushState) {
+          var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + separate + searchParams;
+          window.history.pushState({path:newurl},'',newurl);
+        }
       });
     });
 
@@ -214,24 +206,12 @@
     });
 
     document.querySelectorAll('.availableToBrowse input[type=radio]').forEach((item) => {
-      item.addEventListener('click', async (e) => {
+      item.addEventListener('click', (e) => {
         if (e.target.value === 'user_has_browsed') {
           lendingStatus1.user_has_browsed = true;
           lendingStatus1.available_to_browse = false;
-          lendingStatus1.secondsLeftOnLoan = secondsLeftOnLoan;
+          lendingStatus1.secondsLeftOnLoan = 10;
           lendingStatus1.browsingExpired = false;
-
-          try {
-            // set a value
-            await localCache.set({
-              key: `${identifier}-loanTime`,
-              value: new Date(), // current time
-              ttl: Number(iaBookActions.autoRenewConfig.totalTime),
-            })
-
-            await localCache.delete(`${identifier}-pageFlipTime`);
-          } catch (error) {}
-          
         } else if(e.target.value === 'browsingExpired') {
           lendingStatus1.user_has_browsed = true;
           lendingStatus1.available_to_browse = false;
@@ -302,6 +282,9 @@
             <td class="titleBar">
               <label><input type="checkbox" name="title" value="title" />Title Bar</label>
             </td>
+            <td class="searchParam">
+              <label><input type="checkbox" name="search" value="Search Param" />Search Param</label>
+            </td>
           </tr>
         </table>
     </fieldset>
@@ -311,7 +294,6 @@
         <table class="initial">
           <tr colspan='5'>
             <td class="errorEnable"><label><input type="checkbox" name="errorEnable" value="errorEnable" />Do you want to see error response?</label></td>
-            <td class="autoRenew"><label><input type="checkbox" name="autoRenew" value="autoRenew" />Do you want to auto-renew 1 hour</label></td>
           </tr>
           <tr>
             <td class="userState">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.29-alpha9",
+  "version": "0.0.29-beta2",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",
@@ -43,12 +43,6 @@
     "sinon": "^13.0.2"
   },
   "eslintConfig": {
-    "rules": {
-      "no-console": "off",
-      "no-unused-expressions": "off",
-      "class-methods-use-this": "off",
-      "lit-a11y/click-events-have-key-events": "off"
-    },
     "extends": [
       "@open-wc/eslint-config",
       "eslint-config-prettier"
@@ -60,6 +54,7 @@
   },
   "husky": {
     "hooks": {
+      "pre-commit": "lint-staged"
     }
   },
   "lint-staged": {

package/src/assets/data/lending-get-status-service.js

@@ -100,7 +100,7 @@ export const canBrowseAndBorrow = {
   // userid: "",
   bookUrl: '/details/practicalorganic00plim',
   daysLeftOnLoan: 0,
-  isAdmin: false,
+  isAdmin: true,
   isArchiveOrgLending: true,
   isAvailable: false,
   isAvailableForBrowsing: false,

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

@@ -28,8 +28,6 @@ export class CollapsibleActionGroup extends ActionsHandler {
       dropdownArrow: { type: String },
       disabled: { type: Boolean },
       returnUrl: { type: String },
-      localCache: { type: Function },
-      browseAgainNow: { type: Boolean },
     };
   }
 
@@ -49,8 +47,6 @@ export class CollapsibleActionGroup extends ActionsHandler {
     this.loaderIcon = 'https://archive.org/upload/images/tree/loading.gif';
     this.disabled = false;
     this.returnUrl = '';
-    this.localCache = undefined;
-    this.browseAgainNow = false;
   }
 
   updated(changed) {
@@ -60,16 +56,6 @@ export class CollapsibleActionGroup extends ActionsHandler {
     ) {
       this.resetActions();
     }
-
-    if (changed.has('browseAgainNow') && this.browseAgainNow === true) {
-      this.dispatchEvent(
-        new CustomEvent('autoBrowseBook', {
-          detail: {
-            event: { autoRenewed1Hour: 'browseBook' },
-          },
-        })
-      );
-    }
   }
 
   /**
@@ -161,7 +147,7 @@ export class CollapsibleActionGroup extends ActionsHandler {
   get renderSecondaryActions() {
     if (!this.secondaryActions.length) return nothing;
 
-    return this.secondaryActions.map(action => this.renderActionLink(action));
+    return this.secondaryActions.map(action => this.renderActionButton(action));
   }
 
   /**

package/src/components/info-icon.js

@@ -55,7 +55,7 @@ export class InfoIcon extends LitElement {
       .more-info-icon.mobile {
         position: absolute;
         top: 4px;
-        right: 55px;
+        right: 10px;
         margin-top: 15px;
       }
       .hidden {

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

@@ -206,8 +206,6 @@ export default class ActionsConfig {
       id: 'adminAccess',
       text: 'Admin Access',
       title: 'You have administrative privileges to read this book',
-      url: '?admin=1',
-      target: '_self',
       className: 'danger',
       analyticsEvent: {
         category: this.analyticsCategories.adminAccess,

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

@@ -17,9 +17,8 @@ export default class ActionsHandler extends LitElement {
     super();
     this.identifier = '';
     this.ajaxTimeout = 6000;
-    this.returnUrl = '';
-    this.autoRenewConfig = {};
     this.bindEvents();
+    this.returnUrl = '';
   }
 
   sendEvent(eventCategory, eventAction) {
@@ -30,7 +29,7 @@ export default class ActionsHandler extends LitElement {
     );
   }
 
-  async bindEvents() {
+  bindEvents() {
     this.addEventListener('browseBook', ({ detail }) => {
       this.handleBrowseIt();
       this.setConsecutiveLoanCounts();
@@ -45,13 +44,6 @@ export default class ActionsHandler extends LitElement {
       this.sendEvent(category, action);
     });
 
-    this.addEventListener('autoBrowseBook', ({ detail }) => {
-      console.log('auto renew handlerExecuted!!');
-      this.handleAutoBrowseIt();
-      const { category, action } = detail.event;
-      this.sendEvent(category, action);
-    });
-
     this.addEventListener('returnNow', ({ detail }) => {
       this.handleReturnIt();
       const { category, action } = detail.event;
@@ -90,6 +82,11 @@ export default class ActionsHandler extends LitElement {
     this.addEventListener('adminAccess', ({ detail }) => {
       const { category, action } = detail.event;
       this.sendEvent(category, action);
+
+      // keep existing params and add new one
+      const url = new URL(window.location.href);
+      url.searchParams.append('admin', 1);
+      window.location.search = url.search;
     });
 
     this.addEventListener('exitAdminAccess', ({ detail }) => {
@@ -106,7 +103,6 @@ export default class ActionsHandler extends LitElement {
   handleBrowseIt() {
     const action = 'browse_book';
     this.dispatchToggleActionGroup();
-    this.setBrowseTimeSession();
 
     ActionsHandlerService({
       action,
@@ -120,22 +116,6 @@ export default class ActionsHandler extends LitElement {
     });
   }
 
-  handleAutoBrowseIt() {
-    const action = 'renew_loan';
-    this.setBrowseTimeSession();
-
-    ActionsHandlerService({
-      action,
-      identifier: this.identifier,
-      success: () => {
-        // console.log('success!');
-      },
-      error: data => {
-        this.dispatchActionError(action, data);
-      },
-    });
-  }
-
   handleReturnIt() {
     const action = 'return_loan';
     this.dispatchToggleActionGroup();
@@ -286,21 +266,6 @@ export default class ActionsHandler extends LitElement {
     }
   }
 
-  async setBrowseTimeSession() {
-    try {
-      // set a value
-      await this.localCache.set({
-        key: `${this.identifier}-loanTime`,
-        value: new Date(), // current time
-        ttl: Number(this.autoRenewConfig.totalTime),
-      });
-
-      await this.localCache.delete(`${this.identifier}-pageFlipTime`);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
   deleteLoanCookies() {
     const date = new Date();
     date.setTime(date.getTime() - 24 * 60 * 60 * 1000); // one day ago

package/src/ia-book-actions.js

@@ -1,21 +1,17 @@
 /* eslint-disable camelcase */
-import { html, css, LitElement, nothing } from 'lit';
+import { html, css, LitElement } from 'lit';
 
 import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
 import { ModalConfig } from '@internetarchive/modal-manager';
-import { LocalCache } from '@internetarchive/local-cache';
 
 import './components/collapsible-action-group.js';
 import './components/book-title-bar.js';
 import './components/text-group.js';
 import './components/info-icon.js';
-import './components/timer-countdown.js';
-import './components/toast-message.js';
 
 import { GetLendingActions } from './core/services/get-lending-actions.js';
 import { mobileContainerWidth } from './core/config/constants.js';
 import { LoanTokenPoller } from './core/services/loan-token-poller.js';
-import { OneHourAutoRenew } from './core/services/one-hour-auto-renew.js';
 
 export const events = {
   browseExpired: 'IABookReader:BrowsingHasExpired',
@@ -40,12 +36,6 @@ export default class IABookActions extends LitElement {
       disableActionGroup: { type: Boolean },
       modal: { Object },
       tokenDelay: { type: Number },
-      toastTexts: { type: String },
-      remainingTime: { type: Number },
-      resetTimerCountdown: { type: Boolean },
-      localCache: { type: Object },
-      autoRenewConfig: { type: Object },
-      browseAgainNow: { type: Boolean },
     };
   }
 
@@ -64,11 +54,6 @@ export default class IABookActions extends LitElement {
     this.disableActionGroup = false;
     this.modal = undefined;
     this.tokenDelay = 120000; // 2 minutes
-    this.localCache = new LocalCache({
-      namespace: '1HourLoanStorage',
-    });
-    this.autoRenewConfig = {};
-    this.autoRenewRes = undefined;
 
     // private props
     this.primaryActions = [];
@@ -78,12 +63,6 @@ export default class IABookActions extends LitElement {
     this.lendingOptions = {};
     this.borrowType = ''; // (browsed|borrowed)
     this.consecutiveLoanCounts = 1; // consecutive loan count
-    this.browseAgainNow = false;
-    this.browserTimer = undefined;
-    this.hideToast = true;
-
-    this.bindAutoRenewEvent();
-    this.resetTimerCountdown = false;
   }
 
   disconnectedCallback() {
@@ -100,7 +79,6 @@ export default class IABookActions extends LitElement {
   }
 
   updated(changed) {
-    // console.log(changed)
     if (changed.has('lendingStatus') || changed.has('bwbPurchaseUrl')) {
       this.setupLendingToolbarActions();
       this.update();
@@ -112,74 +90,12 @@ export default class IABookActions extends LitElement {
     }
   }
 
-  bindAutoRenewEvent() {
-    // dispatched this event from timer-countdown
-    this.addEventListener('autoRenewAttempt', async event => {
-      const isPageClick = event.detail.bookPageChange;
-
-      // early return if user is not browsed book
-      if (isPageClick && this.borrowType !== 'browsed') return nothing;
-
-      this.autoRenewRes = await new OneHourAutoRenew(
-        isPageClick,
-        this.identifier,
-        this.localCache,
-        this.autoRenewConfig,
-        this.lendingStatus.user_has_browsed &&
-          !this.lendingStatus.browsingExpired
-      );
-      console.log(this.autoRenewRes);
-
-      this.toastTexts = this.autoRenewRes.toastTexts;
-      this.hideToast = this.autoRenewRes.hideToast;
-      this.browseAgainNow = this.autoRenewRes.browseAgainNow;
-
-      if (this.browseAgainNow) {
-        this.tokenPoller.disconnectedInterval();
-
-        // start tokenPoller after 2 minute
-        setTimeout(() => {
-          this.startLoanTokenPoller();
-        }, this.tokenDelay);
-
-        await this.browseHasRenew();
-      }
-
-      return nothing;
-    });
-  }
-
-  async browseHasExpired() {
+  browseHasExpired() {
     const currStatus = { ...this.lendingStatus, browsingExpired: true };
     this.lendingStatus = currStatus;
-    this.browseAgainNow = false;
-
-    // remove respected key:value
-    await this.localCache.delete(`${this.identifier}-loanTime`);
-    await this.localCache.delete(`${this.identifier}-pageFlipTime`);
-
-    // show message after browsed book is expired.
-    this.toastTexts = 'This book has been auto-returned due to inactivity.';
-  }
-
-  async browseHasRenew() {
-    const loanTime = await this.localCache.get(`${this.identifier}-loanTime`);
-    const secondsLeft = (loanTime - new Date()) / 1000; // different in seconds
-
-    const currStatus = {
-      ...this.lendingStatus,
-      user_has_browsed: true,
-      browsingExpired: false,
-      secondsLeftOnLoan: secondsLeft,
-    };
-    this.lendingStatus = currStatus;
-
-    this.startBrowseTimer();
   }
 
   startBrowseTimer() {
-    clearTimeout(this.browserTimer);
-
     const {
       browsingExpired,
       user_has_browsed,
@@ -189,9 +105,8 @@ export default class IABookActions extends LitElement {
       return;
     }
 
-    // expired book and show browse again button
     const timeLeft = secondsLeftOnLoan * 1000;
-    this.browserTimer = setTimeout(() => {
+    setTimeout(() => {
       this.browseHasExpired();
     }, timeLeft);
   }
@@ -249,13 +164,16 @@ export default class IABookActions extends LitElement {
     });
 
     this.borrowType = actions.borrowType;
-    this.remainingTime = this.lendingStatus.secondsLeftOnLoan;
 
     const hasExpired =
       'browsingExpired' in this.lendingStatus &&
       this.lendingStatus?.browsingExpired;
     if (hasExpired) {
-      window?.Sentry?.captureMessage('setupLendingToolbarActions hasExpired');
+      if (!this.tokenPoller.disconnectedInterval) {
+        window?.Sentry?.captureMessage(
+          'setupLendingToolbarActions hasExpired - no tokenPoller'
+        );
+      }
       this.tokenPoller?.disconnectedInterval();
       /** Global event - always fire */
       this.dispatchEvent(
@@ -302,30 +220,8 @@ export default class IABookActions extends LitElement {
     ></book-title-bar>`;
   }
 
-  get timerCountdownTemplate() {
-    // console.log(this.borrowType, this.remainingTime, this.autoRenewConfig.autoCheckAt, this.resetTimerCountdown);
-    return this.borrowType === 'browsed'
-      ? html`<timer-countdown
-          time=${Number(this.remainingTime)}
-          .autoCheckAt=${this.autoRenewConfig.autoCheckAt}
-          ?resetTimerCountdown=${this.resetTimerCountdown}
-        ></timer-countdown>`
-      : nothing;
-  }
-
-  get toastMessageTemplate() {
-    return html`
-      <toast-message
-        .texts=${this.toastTexts}
-        ?dismisOnClick=${Boolean(true)}
-        ?hideToast=${this.hideToast}
-      ></toast-message>
-    `;
-  }
-
   get bookActionBar() {
     return html`
-      <button @click=${() => this.pageFlipEvent()}>Page Flip</button>
       <collapsible-action-group
         .userid=${this.userid}
         .identifier=${this.identifier}
@@ -335,30 +231,16 @@ export default class IABookActions extends LitElement {
         .width=${this.width}
         .borrowType=${this.borrowType}
         .returnUrl=${this.returnUrl}
-        .localCache=${this.localCache}
-        .autoRenewConfig=${this.autoRenewConfig}
         ?hasAdminAccess=${this.hasAdminAccess}
         ?disabled=${this.disableActionGroup}
-        ?browseAgainNow=${this.browseAgainNow}
         @lendingActionError=${this.handleLendingActionError}
         @toggleActionGroup=${this.handleToggleActionGroup}
       >
       </collapsible-action-group>
       ${this.textGroupTemplate} ${this.infoIconTemplate}
-      ${this.timerCountdownTemplate} ${this.toastMessageTemplate}
     `;
   }
 
-  // will move this function to bookreader...
-  pageFlipEvent() {
-    // dispatch event to say book page has flipped
-    document.querySelector('ia-book-actions').dispatchEvent(
-      new CustomEvent('autoRenewAttempt', {
-        detail: { bookPageChange: true },
-      })
-    );
-  }
-
   /**
    * enable access of borrowed/browsed books
    */
@@ -523,10 +405,6 @@ export default class IABookActions extends LitElement {
         justify-content: center;
         flex-wrap: wrap;
       }
-
-      toast-message {
-        --messageHeightFromTop: 17%;
-      }
     `;
   }
 }

package/src/components/timer-countdown.js

@@ -1,113 +0,0 @@
-import { html, css, LitElement } from 'lit';
-
-export default class TimerCountdown extends LitElement {
-  static get properties() {
-    return {
-      time: { type: Number },
-      autoCheckAt: { type: Number },
-      resetTimerCountdown: { type: Boolean },
-    };
-  }
-
-  constructor() {
-    super();
-    this.time = 0;
-    this.autoCheckAt = 0;
-    this.timerInterval = undefined;
-    this.resetTimerCountdown = false;
-  }
-
-  disconnectedCallback() {
-    clearInterval(this.timerInterval);
-  }
-
-  updated(changed) {
-    if (changed.has('time') && this.time > 0) {
-      clearInterval(this.timerInterval);
-      this.timerCountdown();
-    }
-  }
-
-  timerCountdown() {
-    this.timerInterval = setInterval(() => {
-      this.time -= 1;
-
-      // execute 50th minute check
-      if (Math.round(this.time) === this.autoCheckAt) {
-        this.dispatchEvent(
-          new CustomEvent('autoRenewAttempt', {
-            detail: {
-              remainingT: this.time,
-              bookPageChange: false,
-            },
-            bubbles: true,
-            composed: true,
-          })
-        );
-      }
-
-      if (this.time === 0) clearInterval(this.timerInterval);
-    }, 1000);
-  }
-
-  render() {
-    return html`<div id="countdown">
-      <div id="countdown-number">${Math.round(this.time)}</div>
-      <svg>
-        <circle r="18" cx="20" cy="20"></circle>
-      </svg>
-    </div>`;
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        right: 5px;
-        font-size: 14px;
-        position: absolute;
-      }
-      #countdown-number {
-        color: white;
-        display: inline-block;
-        line-height: 40px;
-        margin-right: 12px;
-      }
-
-      svg {
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: 40px;
-        height: 40px;
-        transform: rotateY(-180deg) rotateZ(-90deg);
-      }
-
-      svg circle {
-        stroke-dasharray: 113px;
-        stroke-dashoffset: 0px;
-        stroke-linecap: round;
-        stroke-width: 3px;
-        stroke: white;
-        fill: none;
-        animation: countdown 60s linear infinite forwards;
-      }
-
-      @keyframes countdown {
-        from {
-          stroke-dashoffset: 0px;
-        }
-        to {
-          stroke-dashoffset: 113px;
-        }
-      }
-      .hidden {
-        display: none;
-      }
-      .visible {
-        display: inline-block;
-      }
-    `;
-  }
-}
-
-window.customElements.define('timer-countdown', TimerCountdown);

package/src/components/toast-message.js

@@ -1,78 +0,0 @@
-import { html, css, LitElement, nothing } from 'lit';
-
-export class ToastMessage extends LitElement {
-  static get properties() {
-    return {
-      texts: { type: String },
-      dismisOnClick: { type: Boolean },
-      hideToast: { type: Boolean },
-    };
-  }
-
-  constructor() {
-    super();
-    this.texts = '';
-    this.textClass = '';
-    this.hideToast = false;
-  }
-
-  render() {
-    return !this.hideToast
-      ? html`
-          <span
-            class="toast-message fade-in ${this.textClass}"
-            title="Click/tap to close"
-            @click=${() => {
-              this.dismisOnClick ? (this.hideToast = true) : nothing;
-            }}
-            >${this.texts}</span
-          >
-        `
-      : nothing;
-  }
-
-  static get styles() {
-    const heightFromTop = css`var(--messageHeightFromTop, 15%)`;
-
-    return css`
-      :host {
-        display: inline-block;
-      }
-      .toast-message {
-        z-index: 2;
-        position: absolute;
-        top: ${heightFromTop};
-        font-size: 1.4rem;
-        font-family: 'Helvetica Neue';
-        color: #fff;
-        left: 50%;
-        background: #333;
-        border: 1px solid #fff;
-        border-radius: 5px;
-        box-shadow: 1px 1px 2px;
-        padding: 10px;
-        width: fit-content;
-        transform: translate(-50%, -50%);
-        cursor: pointer;
-        animation: fadeIn 5s;
-        @keyframes fadeIn {
-          0% {
-            opacity: 0;
-          }
-          100% {
-            opacity: 1;
-          }
-        }
-      }
-
-      .hidden {
-        display: none;
-      }
-      .visible {
-        display: inline-block;
-      }
-    `;
-  }
-}
-
-window.customElements.define('toast-message', ToastMessage);

package/src/core/services/one-hour-auto-renew.js

@@ -1,169 +0,0 @@
-import { nothing } from 'lit';
-
-/**
- * This class is used to determine if use is eligible for auto renew loan.
- *
- */
-export class OneHourAutoRenew {
-  constructor(
-    isPageClick,
-    identifier,
-    localCache,
-    autoRenewConfig,
-    userHasBrowsed
-  ) {
-    this.isPageClick = isPageClick;
-    this.identifier = identifier;
-    this.localCache = localCache;
-    this.autoRenewConfig = autoRenewConfig;
-    this.userHasBrowsed = userHasBrowsed;
-
-    // messages for auto return machenism
-    this.autoRenewMessage = 'This book has been renewed for another hour.';
-    this.autoReturnMessage =
-      'This book has been auto-returned due to inactivity.';
-    this.autoReturnWarning =
-      'This book will be auto-returned in 10 minutes unless you turn a page.';
-
-    // private props
-    this.resultRes = {
-      toastTexts: '',
-      hideToast: true,
-      renewNow: false,
-      browseAgainNow: false,
-    };
-
-    return this.handleBookAutoRenew();
-  }
-
-  handleBookAutoRenew() {
-    try {
-      // if page is not clicked in last 15 minutes,
-      // instantaly renew it if user viewed new page in last 10 minutes
-      if (this.isPageClick) {
-        console.log('page flipped!!');
-        return this.userFlippedBookPage(); // user clicked on page
-      }
-      console.log('auto checker!');
-      return this.autoCheckerTimer(); // auto checker at 50th minute
-    } catch (error) {
-      console.log(error);
-    }
-
-    return nothing;
-  }
-
-  async setPageFlippedTime() {
-    // set pageFlipTime time in localStorage
-    await this.localCache.set({
-      key: `${this.identifier}-pageFlipTime`,
-      value: new Date(), // current time
-      ttl: Number(this.autoRenewConfig.totalTime),
-    });
-  }
-
-  async userFlippedBookPage() {
-    const {
-      totalTime, // 60
-      autoCheckAt, // 50
-    } = this.autoRenewConfig;
-    const currentTime = new Date();
-    const loanTime = await this.localCache.get(`${this.identifier}-loanTime`);
-
-    const lastTimeFrame = this.changeTime(
-      loanTime,
-      totalTime - autoCheckAt,
-      'add'
-    ); // 50 seconds
-
-    if (currentTime >= lastTimeFrame) {
-      console.log('1 YES NOW BORROW IT AGAIN NOW!');
-      this.resultRes.toastTexts = this.autoRenewMessage;
-      this.resultRes.hideToast = false;
-      this.resultRes.renewNow = true;
-      this.resultRes.browseAgainNow = true;
-
-      this.setNewBrowseTime();
-    }
-
-    this.setPageFlippedTime();
-    return this.resultRes;
-  }
-
-  async autoCheckerTimer() {
-    const currentTime = new Date();
-    const { FlippedInLast } = this.autoRenewConfig;
-    const lastPageFlipTime = await this.localCache.get(
-      `${this.identifier}-pageFlipTime`
-    );
-
-    // last 15 min if used flipped a page.
-    const lastFlipTimeFrame = this.changeTime(
-      currentTime,
-      FlippedInLast,
-      'sub'
-    ); // 15 seconds
-
-    if (
-      lastPageFlipTime === undefined ||
-      lastPageFlipTime <= lastFlipTimeFrame
-    ) {
-      // not viewed
-      console.log('2 not viewed, warning message!');
-      this.resultRes.toastTexts = this.autoReturnWarning;
-      this.resultRes.hideToast = false;
-    } else if (lastPageFlipTime >= lastFlipTimeFrame) {
-      // viewed in last time frame
-      console.log('3 viewed, auto renew and message!');
-      this.resultRes.toastTexts = this.autoRenewMessage;
-      this.resultRes.browseAgainNow = true;
-      this.resultRes.hideToast = false;
-      this.resultRes.renewNow = true;
-
-      this.setNewBrowseTime();
-    }
-
-    return this.resultRes;
-  }
-
-  async setNewBrowseTime() {
-    try {
-      // last 15 min if used flipped a page.
-      const expireDate = this.changeTime(
-        new Date(),
-        this.autoRenewConfig.totalTime,
-        'add'
-      ); // 15 seconds
-
-      // set a value
-      await this.localCache.set({
-        key: `${this.identifier}-loanTime`,
-        value: expireDate, // expireDate time
-        ttl: Number(this.autoRenewConfig.totalTime),
-      });
-
-      // delete pageFlipTime when book is auto renew at nth minute
-      await this.localCache.delete(`${this.identifier}-pageFlipTime`);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  changeTime(date, minutes, op) {
-    if (date === undefined) return nothing;
-
-    if (op === 'sub') {
-      return new Date(date.getTime() - minutes * 1000);
-    }
-
-    return new Date(date.getTime() + minutes * 1000);
-  }
-
-  sendEvent(eventCategory, eventAction) {
-    window?.archive_analytics?.send_event(
-      eventCategory,
-      eventAction,
-      `identifier=${this.identifier}`
-    );
-  }
-}