@internetarchive/ia-book-actions 0.1.11-b7 → 0.1.11-b9

package/demo/index.html

@@ -356,5 +356,6 @@
         </table>
     </fieldset>
   </div>
+  <modal-manager></modal-manager>
 </body>
 </html>

package/package.json

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

package/src/ia-book-actions.js

@@ -77,7 +77,6 @@ export default class IABookActions extends LitElement {
     this.barType = 'action'; // 'title'|'action'
     this.sharedObserver = undefined;
     this.disableActionGroup = false;
-    this.modal = undefined;
     this.tokenDelay = 120; // in seconds
 
     // private props
@@ -310,15 +309,9 @@ export default class IABookActions extends LitElement {
 
   /** @returns HTMLElement */
   get modal() {
-    let modalOnDom = document.querySelector('modal-manager');
+    const modalOnDom = document.querySelector('modal-manager');
 
-    if (!modalOnDom) {
-      const newModal = document.createElement('modal-manager');
-      document.body.appendChild(newModal);
-      modalOnDom = newModal;
-    }
-
-    this.modal.id = 'action-bar-modal';
+    modalOnDom.id = 'action-bar-modal';
     return modalOnDom;
   }
 
@@ -669,8 +662,7 @@ export default class IABookActions extends LitElement {
 
       // close the modal
       this.modal.removeAttribute('id');
-      this.modal?.remove();
-      this.modal?.showModal({ config: {}, customModalContent: `` });
+      this.modal.closeModal();
 
       window?.Sentry?.captureMessage(sentryLogs.bookHasRenewed);
     }