@rebilly/instruments 8.10.1 → 8.11.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [8.11.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.10.1...instruments/core-v8.11.0) (2023-12-13)
+
+
+### Features
+
+* **instruments:** Add HTMLElement support in mount options ([#2593](https://github.com/Rebilly/rebilly/issues/2593)) ([649b42b](https://github.com/Rebilly/rebilly/commit/649b42bcfa56700e4e57f80226fb04217887d69e))
+
 ## [8.10.1](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.10.0...instruments/core-v8.10.1) (2023-12-13)
 
 ## [8.10.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.9.0...instruments/core-v8.10.0) (2023-12-13)

package/dist/index.js

@@ -648,7 +648,7 @@ function isRef(r2) {
   return !!(r2 && r2.__v_isRef === true);
 }
 function isDOMElement(element) {
-  return element instanceof Element || element instanceof HTMLDocument;
+  return element instanceof Element || element instanceof Document;
 }
 const summaryLoaderHTML = `
   <div class="rebilly-instruments-summary-loader-total rebilly-instruments-loader-display-flex rebilly-instruments-loader-align-center rebilly-instruments-loader-justify-space-between">
@@ -15259,10 +15259,10 @@ function processPropertyAsDOMElement({
   if (typeof prop === "undefined") {
     throw new Error('processPropertyDOMElement: Missing argument "prop"');
   }
-  if (hasValidCSSSelector(prop)) {
-    DOMElement = document.querySelector(prop);
-  } else if (isDOMElement(prop)) {
+  if (isDOMElement(prop)) {
     DOMElement = prop;
+  } else if (typeof prop === "string" && hasValidCSSSelector(prop)) {
+    DOMElement = document.querySelector(prop);
   } else {
     throw new Error(
       `Please provide a valid CSS class, id or DOM element for "${propName}" property`
@@ -23091,12 +23091,38 @@ const schema = {
     addons: optional(planItemsSchema),
     bumpOffer: optional(planItemsSchema),
     form: optional({
-      type: "string",
-      default: ".rebilly-instruments"
+      default: ".rebilly-instruments",
+      type: ["string", "object"],
+      oneOf: [
+        {
+          type: "string"
+        },
+        {
+          type: "object",
+          properties: {
+            id: {
+              type: "string"
+            }
+          }
+        }
+      ]
     }),
     summary: optional({
-      type: "string",
-      default: ".rebilly-instruments-summary"
+      default: ".rebilly-instruments-summary",
+      type: ["string", "object"],
+      oneOf: [
+        {
+          type: "string"
+        },
+        {
+          type: "object",
+          properties: {
+            id: {
+              type: "string"
+            }
+          }
+        }
+      ]
     }),
     apiMode: {
       type: "string",
@@ -23176,7 +23202,11 @@ const ajv = new AJV({
 });
 const validate = ajv.compile(schema);
 function sanitize2(data) {
-  return JSON.parse(JSON.stringify(data));
+  return Object.assign(JSON.parse(JSON.stringify(data)), {
+    // HTMLElement is turned into objects by JSON.stringify
+    form: data.form,
+    summary: data.summary
+  });
 }
 function validateOptions(data) {
   const sanitizedData = sanitize2(data);
@@ -23259,7 +23289,7 @@ function handleComputedProperty(options) {
   var _a;
   return Object.assign({}, options, {
     _computed: {
-      version: "8.10.0",
+      version: "8.10.1",
       paymentMethodsUrl: ((_a = options._dev) == null ? void 0 : _a.paymentMethodsUrl) ?? "https://forms.secure-payments.app"
     }
   });
@@ -26448,7 +26478,7 @@ class RebillyInstrumentsInstance {
     await show({ componentName, payload });
   }
   get version() {
-    return `RebillyInstruments Ver.${"8.10.0"}`;
+    return `RebillyInstruments Ver.${"8.10.1"}`;
   }
   on(eventName, callback) {
     on({ eventName, callback });