@internetarchive/ia-book-actions 0.0.30-alpha1 → 0.0.30-alpha2

package/package.json

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

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

@@ -102,9 +102,9 @@ export class CollapsibleActionGroup extends ActionsHandler {
     return html`
       <div
         class="${classMap({
-      actiongroup: true,
-      disabled: this.disabled,
-    })}"
+          actiongroup: true,
+          disabled: this.disabled,
+        })}"
       >
         ${this.getLoaderIcon}
         <section class="action-buttons primary">
@@ -163,8 +163,8 @@ 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.id === 'purchaseBook' ? purchaseIcon : ''} ${action.text}
         <small>${action.subText}</small>
@@ -244,9 +244,9 @@ export class CollapsibleActionGroup extends ActionsHandler {
   get getLoaderIcon() {
     return html`<img
       class="${classMap({
-      actionloader: true,
-      disabled: this.disabled,
-    })}"
+        actionloader: true,
+        disabled: this.disabled,
+      })}"
       alt=""
       src="${this.loaderIcon}"
     />`;

package/src/components/text-group.js

@@ -20,8 +20,8 @@ export class TextGroup extends LitElement {
     return html`
       <span class="variable-texts ${this.textClass}">
         ${this.hasAdminBorrowedAccess
-        ? html`<slot name="sticky-access-checkbox">${this.texts}</slot>`
-        : this.texts}
+          ? html`<slot name="sticky-access-checkbox">${this.texts}</slot>`
+          : this.texts}
       </span>
     `;
   }

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

@@ -30,6 +30,9 @@ export default async function ActionsHandlerService(options) {
   let formData = new FormData();
   formData.append('action', option.action);
   formData.append('identifier', option.identifier);
+  formData.append('sticky-admin', option.stickyAccess);
+  console.log(option.stickyAccess);
+
   try {
     await fetch(baseHost, {
       method: 'POST',

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

@@ -98,6 +98,16 @@ export default class ActionsHandler extends LitElement {
       const { category, action } = detail.event;
       this.sendEvent(category, action);
     });
+
+    document.addEventListener('stickyAdminAccessToggled', ({ detail }) => {
+      ActionsHandlerService({
+        action: 'toggleAdminStickyAccess',
+        stickyAccess: detail.hasStickyAdminAccess,
+        identifier: this.identifier,
+        success: () => {},
+        error: () => {},
+      });
+    });
   }
 
   handleBrowseIt() {

package/src/ia-book-actions.js

@@ -12,7 +12,7 @@ import './components/info-icon.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 { getItem, setItem } from './core/services/doc-cookies.js';
+import { setItem } from './core/services/doc-cookies.js';
 
 export const events = {
   browseExpired: 'IABookReader:BrowsingHasExpired',
@@ -37,6 +37,7 @@ export default class IABookActions extends LitElement {
       disableActionGroup: { type: Boolean },
       modal: { Object },
       tokenDelay: { type: Number },
+      hasStickyAdminAccess: { Boolean },
     };
   }
 
@@ -49,12 +50,13 @@ export default class IABookActions extends LitElement {
     this.lendingStatus = {};
     this.width = 0;
     this.bwbPurchaseUrl = '';
-    this.lendingBarPostInit = () => { };
+    this.lendingBarPostInit = () => {};
     this.barType = 'action'; // 'title'|'action'
     this.sharedObserver = undefined;
     this.disableActionGroup = false;
     this.modal = undefined;
     this.tokenDelay = 120000; // 2 minutes
+    this.hasStickyAdminAccess = false;
 
     // private props
     this.primaryActions = [];
@@ -77,6 +79,9 @@ export default class IABookActions extends LitElement {
       this.sharedObserver = new SharedResizeObserver();
       this.setupResizeObserver();
     }
+
+    // manage sticky-admin-acces by cookie
+    // this.hasStickyAdminAccess = getItem('sticky-admin-access') === 'true';
   }
 
   updated(changed) {
@@ -354,7 +359,7 @@ export default class IABookActions extends LitElement {
         Please ${refreshButton} to try again or send us an email to
         <a
           href="mailto:info@archive.org?subject=Help: cannot access my borrowed book: ${this
-          .identifier}"
+            .identifier}"
           >info@archive.org</a
         >`;
     }
@@ -366,8 +371,18 @@ export default class IABookActions extends LitElement {
 
   // eslint-disable-next-line class-methods-use-this
   toggleStickyAdminAccess() {
-    const currentValue = getItem('sticky-admin-access') === 'true';
-    setItem('sticky-admin-access', !currentValue);
+    this.hasStickyAdminAccess = !this.hasStickyAdminAccess;
+
+    // set in cookies
+    setItem('sticky-admin-access', this.hasStickyAdminAccess);
+
+    document.dispatchEvent(
+      new CustomEvent('stickyAdminAccessToggled', {
+        detail: {
+          hasStickyAdminAccess: this.hasStickyAdminAccess,
+        },
+      })
+    );
   }
 
   get iconClass() {
@@ -403,6 +418,7 @@ export default class IABookActions extends LitElement {
           type="checkbox"
           id="sticky-admin-access"
           aria-label="Checkbox"
+          ?checked=${this.hasStickyAdminAccess}
           @click=${this.toggleStickyAdminAccess}
         />
         <span>${this.primaryTitle}</span>