@rebilly/instruments 8.18.0 → 8.19.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [8.19.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.18.1...instruments/core-v8.19.0) (2024-01-08)
+
+
+### Features
+
+* **instruments:** Add re-attempt button for declined transactions ([#2754](https://github.com/Rebilly/rebilly/issues/2754)) ([5f159b9](https://github.com/Rebilly/rebilly/commit/5f159b9a8c5782669484b957ba6d48343c2bdd33))
+
+## [8.18.1](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.18.0...instruments/core-v8.18.1) (2024-01-08)
+
+
+### Bug Fixes
+
+* **instruments:** Prevent event listeners from being attached multiple times ([#2766](https://github.com/Rebilly/rebilly/issues/2766)) ([e352f94](https://github.com/Rebilly/rebilly/commit/e352f9403bcb0dbcd4772044999a183f066f508a))
+
 ## [8.18.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.17.1...instruments/core-v8.18.0) (2024-01-05)
 
 

package/dist/index.js

@@ -5987,7 +5987,7 @@ function cloneArrayDeep(val, instanceClone) {
   return res;
 }
 var cloneDeep_1 = cloneDeep;
-const version = "55.9.2";
+const version = "55.10.0";
 let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let nanoid = (size2 = 21) => {
   let id2 = "";
@@ -14994,8 +14994,7 @@ async function mountAmountSelector() {
   const modelSafeState = state.toModel();
   const model = {
     options: modelSafeState.options,
-    data: modelSafeState.data,
-    mainStyleVars: modelSafeState.mainStyleVars
+    data: modelSafeState.data
   };
   (_a = iframe.component) == null ? void 0 : _a.call("route", {
     name: "amount-selector"
@@ -15105,7 +15104,7 @@ const expressMethodsElement = ({ expressMethods }) => {
   return rootDiv;
 };
 async function mountMethodSelector() {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const contentEl = getElement("content");
   const formEl = getElement("form");
   const { expressMethods, methods } = getPaymentMethods();
@@ -15159,19 +15158,20 @@ async function mountMethodSelector() {
     const modelSafeState = state.toModel();
     const model = {
       options: modelSafeState.options,
-      data: modelSafeState.data,
-      mainStyleVars: modelSafeState.mainStyleVars
+      data: modelSafeState.data
     };
     (_d = iframe == null ? void 0 : iframe.component) == null ? void 0 : _d.call("route", {
       name: "method-switch"
     });
     (_e = iframe == null ? void 0 : iframe.component) == null ? void 0 : _e.call("update", model);
-    (_f = iframe == null ? void 0 : iframe.component) == null ? void 0 : _f.on("choose-another-method", () => {
-      if (state.data.isPurchase) {
-        updateSummary();
-      }
-      mountMethodSelector();
-    });
+    if (!((_g = (_f = iframe == null ? void 0 : iframe.component) == null ? void 0 : _f.events) == null ? void 0 : _g["restart-payment-flow"])) {
+      (_h = iframe == null ? void 0 : iframe.component) == null ? void 0 : _h.on("restart-payment-flow", () => {
+        if (state.data.isPurchase) {
+          updateSummary();
+        }
+        mountMethodSelector();
+      });
+    }
   } else {
     state.loader.stopLoading({ id: "rebilly-instruments-form" });
     state.form.querySelector(
@@ -23295,7 +23295,7 @@ function handleComputedProperty(options) {
   var _a;
   return Object.assign({}, options, {
     _computed: {
-      version: "8.17.1",
+      version: "8.18.1",
       paymentMethodsUrl: ((_a = options._dev) == null ? void 0 : _a.paymentMethodsUrl) ?? "https://forms.secure-payments.app"
     }
   });
@@ -26228,7 +26228,7 @@ async function setup({ payload }) {
   }
 }
 async function mountConfirmation({ payload: instrument }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   if (instrument.billingAddress && state.summary && state.data.isPurchase) {
     updateSummary({ instrument });
   }
@@ -26240,25 +26240,28 @@ async function mountConfirmation({ payload: instrument }) {
   const model = {
     options: modelSafeState.options,
     data: modelSafeState.data,
-    mainStyleVars: modelSafeState.mainStyleVars,
     instrument
   };
   (_a = iframe == null ? void 0 : iframe.component) == null ? void 0 : _a.call("update", model);
   (_b = iframe == null ? void 0 : iframe.component) == null ? void 0 : _b.call("route", {
     name: "confirmation"
   });
-  (_c = iframe == null ? void 0 : iframe.component) == null ? void 0 : _c.on(
-    `${iframe.name}-confirm-purchase`,
-    (confirmedInstrument) => {
-      purchase({ payload: confirmedInstrument });
-    }
-  );
-  (_d = iframe == null ? void 0 : iframe.component) == null ? void 0 : _d.on(
-    `${iframe.name}-confirm-setup`,
-    (confirmedInstrument) => {
-      setup({ payload: confirmedInstrument });
-    }
-  );
+  if (!((_d = (_c = iframe == null ? void 0 : iframe.component) == null ? void 0 : _c.events) == null ? void 0 : _d[`${iframe.name}-confirm-purchase`])) {
+    (_e = iframe == null ? void 0 : iframe.component) == null ? void 0 : _e.on(
+      `${iframe.name}-confirm-purchase`,
+      (confirmedInstrument) => {
+        purchase({ payload: confirmedInstrument });
+      }
+    );
+  }
+  if (!((_g = (_f = iframe == null ? void 0 : iframe.component) == null ? void 0 : _f.events) == null ? void 0 : _g[`${iframe.name}-confirm-setup`])) {
+    (_h = iframe == null ? void 0 : iframe.component) == null ? void 0 : _h.on(
+      `${iframe.name}-confirm-setup`,
+      (confirmedInstrument) => {
+        setup({ payload: confirmedInstrument });
+      }
+    );
+  }
 }
 async function mountResult({ payload }) {
   var _a, _b;
@@ -26269,8 +26272,7 @@ async function mountResult({ payload }) {
   const modelSafeState = state.toModel();
   const model = {
     data: modelSafeState.data,
-    options: modelSafeState.options,
-    mainStyleVars: modelSafeState.mainStyleVars
+    options: modelSafeState.options
   };
   if (state.data.payout) {
     model.payoutRequest = payload;
@@ -26456,7 +26458,7 @@ async function destroy() {
   cancellation.cancelAll();
   state.loader.clearAll();
 }
-async function update({ newOptions = {} }) {
+async function update({ newOptions = {} } = {}) {
   if (!state.hasMounted) {
     throw Error(
       "Update method cannot be called before mounting instruments"
@@ -26494,7 +26496,7 @@ class RebillyInstrumentsInstance {
     await show({ componentName, payload });
   }
   get version() {
-    return `RebillyInstruments Ver.${"8.17.1"}`;
+    return `RebillyInstruments Ver.${"8.18.1"}`;
   }
   on(eventName, callback) {
     on({ eventName, callback });