@internetarchive/ia-book-actions 0.0.16-4 → 0.0.17-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.16-4",
+  "version": "0.0.17-1",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",
@@ -18,15 +18,11 @@
     "test:watch": "web-test-runner --watch --playwright --browsers chromium firefox webkit"
   },
   "dependencies": {
-    "@internetarchive/ia-icons": "^1.2.2",
-    "@internetarchive/icon-bookmark": "^1.1.3",
-    "@internetarchive/icon-close": "^1.1.3",
     "@internetarchive/icon-info": "^1.2.6",
     "@internetarchive/local-cache": "^0.2.0",
     "@internetarchive/modal-manager": "^0.1.0",
-    "@internetarchive/shared-resize-observer": "^0.0.1",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0"
+    "@internetarchive/shared-resize-observer": "^0.2.0",
+    "lit": "^2.2.1"
   },
   "devDependencies": {
     "@open-wc/eslint-config": "^4.2.0",

package/src/assets/data/archive-logo.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element';
+import { html } from 'lit';
 
 export const archiveLogo = html`
   <svg

package/src/assets/data/dropdown-arrow.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element';
+import { html } from 'lit';
 
 export const dropdownOpened = html`<svg
   height="4"

package/src/assets/data/purchase.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element';
+import { html } from 'lit';
 
 export const purchaseIcon = html`<svg
   height="20"

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

@@ -1,4 +1,4 @@
-import { css } from 'lit-element';
+import { css } from 'lit';
 
 export default css`
   :host {

package/src/assets/styles/ia-button.js

@@ -1,4 +1,4 @@
-import { css } from 'lit-element';
+import { css } from 'lit';
 
 export default css`
   .ia-button {

package/src/components/book-title-bar.js

@@ -1,4 +1,4 @@
-import { html, css } from 'lit-element';
+import { html, css } from 'lit';
 
 import {
   analyticsCategories,

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

@@ -1,6 +1,6 @@
-import { html } from 'lit-element';
-import { nothing } from 'lit-html';
-import { classMap } from 'lit-html/directives/class-map';
+import { html } from 'lit';
+import { nothing } from 'lit/html.js';
+import { classMap } from 'lit/directives/class-map.js';
 
 import ActionsHandler from '../core/services/actions-handler/actions-handler.js';
 

package/src/components/info-icon.js

@@ -1,5 +1,5 @@
-import { html, css, LitElement, svg } from 'lit-element';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html';
+import { html, css, LitElement, svg } from 'lit';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import '@internetarchive/icon-info/icon-info.js';
 
 export class InfoIcon extends LitElement {

package/src/components/text-group.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element';
+import { html, css, LitElement } from 'lit';
 
 export class TextGroup extends LitElement {
   static get properties() {

package/src/core/config/url-helper.js

@@ -1,4 +1,4 @@
-import { nothing } from 'lit-html';
+import { nothing } from 'lit/html.js';
 
 export class URLHelper {
   /**

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

@@ -4,7 +4,7 @@
  * Helper to call loan service
  * @param {Object} options
  */
-export default async function ActionsHandlerService(options) {
+export default function ActionsHandlerService(options) {
   const option = {
     action: null,
     identifier: '',
@@ -16,13 +16,7 @@ export default async function ActionsHandlerService(options) {
   let baseHost = '/services/loans/loan';
   const location = window?.location;
 
-  console.log('failed-to-fecth-loan-data fix is here');
-
-  // return error reponse when not production and has ?error=true param...
-  const tokenError = 'loan token not found. please try again later.';
-  const borrowError =
-    'This book is not available to borrow at this time. Please try again later.';
-  const erroneousActions = ['browse_book', 'borrow_book', 'create_token'];
+  // return intentional error on dev environment
   const shouldReturnError =
     location?.href?.indexOf('?error=true') !== -1 &&
     location?.hostname !== 'archive.org';
@@ -32,39 +26,43 @@ export default async function ActionsHandlerService(options) {
   let formData = new FormData();
   formData.append('action', option.action);
   formData.append('identifier', option.identifier);
-  try {
-    await fetch(baseHost, {
-      method: 'POST',
-      body: formData,
-    })
-      .then(response => {
-        // intentional error on localhost
-        if (shouldReturnError && erroneousActions.includes(option?.action)) {
-          return {
-            success: false,
-            error: option?.action === 'create_token' ? tokenError : borrowError,
-          };
-        }
 
-        // return success response for /demo/ server...
-        if (baseHost == '/demo/1' || baseHost == '/demo/') {
-          return {
-            success: true,
-            message: 'operation executed successfully!',
-          };
-        }
+  fetch(baseHost, {
+    method: 'POST',
+    body: formData,
+  })
+    .then(response => {
+      const tokenError = 'loan token not found. please try again later.';
+      const borrowError =
+        'This book is not available to borrow at this time. Please try again later.';
+
+      // return error reponse when not production and has ?error=true param...
+      const erroneousActions = ['browse_book', 'borrow_book', 'create_token'];
+      if (shouldReturnError && erroneousActions.includes(option?.action)) {
+        return {
+          success: false,
+          error: option?.action === 'create_token' ? tokenError : borrowError,
+        };
+      }
 
-        // The response is a Response instance.
-        // You parse the data into a useable format using `.json()`
-        return response.json();
-      })
-      .then(data => {
-        // `data` is the parsed version of the JSON returned from the above endpoint.
-        if (!data?.error) {
-          option?.success(data);
-        } else {
-          option?.error(data);
-        }
-      });
-  } catch (err) {}
+      // return success response for /demo/ server...
+      if (baseHost == '/demo/1' || baseHost == '/demo/') {
+        return {
+          success: true,
+          message: 'operation executed successfully!',
+        };
+      }
+
+      // The response is a Response instance.
+      // You parse the data into a useable format using `.json()`
+      return response.json();
+    })
+    .then(data => {
+      // `data` is the parsed version of the JSON returned from the above endpoint.
+      if (!data?.error) {
+        option?.success(data);
+      } else {
+        option?.error(data);
+      }
+    });
 }

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 
 import { URLHelper } from '../../config/url-helper.js';
 import ActionsHandlerService from './actions-handler-service.js';

package/src/ia-book-actions.js

@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import { html, css, LitElement } from 'lit-element';
+import { html, css, LitElement } from 'lit';
 
 import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
 import { ModalConfig } from '@internetarchive/modal-manager';