@rebilly/instruments 9.84.0 → 9.84.2

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [9.84.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.83.0...instruments/core-v9.84.0) (2024-09-24)
+## [9.84.2](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.84.1...instruments/core-v9.84.2) (2024-09-26)
 
 
-### Features
+### Bug Fixes
 
-* **instruments, docs:** Consent improvements ([#7729](https://github.com/Rebilly/rebilly/issues/7729)) ([b5906cb](https://github.com/Rebilly/rebilly/commit/b5906cb5d3589829e8055eb28538724dd8ec979f))
+* **instrument:** Fix HPF deposit button alignment ([#7740](https://github.com/Rebilly/rebilly/issues/7740)) ([3f6baf5](https://github.com/Rebilly/rebilly/commit/3f6baf53e2e28016b514107584fb6a5305778dcc))

package/dist/index.js

@@ -2738,6 +2738,49 @@ function updateAddonsHandler(iframe) {
     }
   );
 }
+class BaseModel {
+  constructor({ ...fields } = {}) {
+    Object.entries(fields).forEach(([key, value]) => {
+      this[key] = value;
+    });
+  }
+}
+const _InvoiceModel = class _InvoiceModel extends BaseModel {
+  get isPaid() {
+    return this.status === _InvoiceModel.Status.paid;
+  }
+  get isVoid() {
+    return this.status === _InvoiceModel.Status.voided;
+  }
+  get isRefunded() {
+    return this.status === _InvoiceModel.Status.refunded;
+  }
+  get isAbandoned() {
+    return this.status === _InvoiceModel.Status.abandoned;
+  }
+};
+_InvoiceModel.Status = {
+  draft: "draft",
+  unpaid: "unpaid",
+  paid: "paid",
+  partiallyPaid: "partially-paid",
+  pastDue: "past-due",
+  abandoned: "abandoned",
+  voided: "voided",
+  partiallyRefunded: "partially-refunded",
+  refunded: "refunded",
+  disputed: "disputed"
+};
+let InvoiceModel = _InvoiceModel;
+function updateInvoiceHandler(iframe) {
+  iframe.component.on(
+    `${iframe.name}-update-invoice`,
+    async ({ invoice }) => {
+      state.data.invoice = new InvoiceModel(invoice);
+      state.updateModel();
+    }
+  );
+}
 const errorTemplate = (error2) => {
   const title2 = "Error";
   function displayString(message = null) {
@@ -2937,6 +2980,7 @@ let ViewIframe$1 = class ViewIframe extends BaseIframe {
     showErrorHandler(this);
     updateCouponsHandler(this);
     updateAddonsHandler(this);
+    updateInvoiceHandler(this);
     showConfirmationModalHandler(this);
   }
 };
@@ -3330,13 +3374,6 @@ function cloneDeep(value) {
 }
 var cloneDeep_1 = cloneDeep;
 const cloneDeep$1 = /* @__PURE__ */ getDefaultExportFromCjs(cloneDeep_1);
-class BaseModel {
-  constructor({ ...fields } = {}) {
-    Object.entries(fields).forEach(([key, value]) => {
-      this[key] = value;
-    });
-  }
-}
 class SummaryLineItemModel extends BaseModel {
   constructor({
     unitPrice = 0,
@@ -6220,7 +6257,7 @@ function C$1({ options: e2 }) {
   }
   function o2() {
     const i = {
-      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@b5906cb`
+      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@3f6baf5`
     };
     return e2.apiKey && (i["REB-APIKEY"] = e2.apiKey), i;
   }
@@ -16418,33 +16455,6 @@ async function fetchReadyToPayout() {
     return filterReadyToPayout(readyToPayout);
   });
 }
-const _InvoiceModel = class _InvoiceModel extends BaseModel {
-  get isPaid() {
-    return this.status === _InvoiceModel.Status.paid;
-  }
-  get isVoid() {
-    return this.status === _InvoiceModel.Status.voided;
-  }
-  get isRefunded() {
-    return this.status === _InvoiceModel.Status.refunded;
-  }
-  get isAbandoned() {
-    return this.status === _InvoiceModel.Status.abandoned;
-  }
-};
-_InvoiceModel.Status = {
-  draft: "draft",
-  unpaid: "unpaid",
-  paid: "paid",
-  partiallyPaid: "partially-paid",
-  pastDue: "past-due",
-  abandoned: "abandoned",
-  voided: "voided",
-  partiallyRefunded: "partially-refunded",
-  refunded: "refunded",
-  disputed: "disputed"
-};
-let InvoiceModel = _InvoiceModel;
 async function fetchInvoiceAndProducts({
   data
 }) {
@@ -28004,12 +28014,12 @@ const vars = (theme2) => `
 
 @media screen and (max-width: 480px) {
     .rebilly-instruments-button-group {
-        flex-direction: column-reverse;
+        flex-direction: column;
     }
 
     .rebilly-instruments-button-group
         .rebilly-instruments-button:first-of-type {
-        margin: 0;
+        margin-bottom: var(--rebilly-spacingS);
     }
 
     .rebilly-instruments-button-group .rebilly-instruments-button:last-of-type {
@@ -28019,7 +28029,7 @@ const vars = (theme2) => `
     .rebilly-instruments-button-group
         .rebilly-instruments-button
         + .rebilly-instruments-button {
-        margin-bottom: var(--rebilly-spacingS);
+        margin: 0 0 var(--rebilly-spacingS) 0;
     }
 }