@rebilly/instruments 8.25.1 → 8.25.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [8.25.3](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.25.2...instruments/core-v8.25.3) (2024-01-23)
+
+
+### Bug Fixes
+
+* **instrument:** Fix undefined error ([#3008](https://github.com/Rebilly/rebilly/issues/3008)) ([d6e6b76](https://github.com/Rebilly/rebilly/commit/d6e6b761cd836f1f4d4f00d4ec48d68fa2d840ba))
+
+## [8.25.2](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.25.1...instruments/core-v8.25.2) (2024-01-19)
+
+
+### Bug Fixes
+
+* **instruments:** Update secondary button style ([#2984](https://github.com/Rebilly/rebilly/issues/2984)) ([878e4cb](https://github.com/Rebilly/rebilly/commit/878e4cb694fdbaa00f2f414e292c4e42aee79831))
+
 ## [8.25.1](https://github.com/Rebilly/rebilly/compare/instruments/core-v8.25.0...instruments/core-v8.25.1) (2024-01-19)
 
 

package/dist/index.js

@@ -1478,7 +1478,10 @@ const en = {
     andMore: "and more",
     error: {
       noPaymentMethods: "No payment methods available for this transaction, please contact support.",
-      invoiceIsPaid: "The invoice has been fully paid."
+      invoiceIsPaid: "The invoice has been fully paid.",
+      invoiceIsVoid: "The invoice has been voided.",
+      invoiceIsAbandoned: "The invoice has been abandoned.",
+      invoiceIsRefunded: "The invoice has been refunded."
     },
     loaderMessages: {
       processingPayment: "Processing payment instrument."
@@ -1514,7 +1517,10 @@ const es = {
     andMore: "y más",
     error: {
       noPaymentMethods: "No hay métodos de pago disponibles para esta transacción, por favor, póngase en contacto con el servicio de asistencia.",
-      invoiceIsPaid: "La factura ha sido completamente pagada."
+      invoiceIsPaid: "La factura ha sido completamente pagada.",
+      invoiceIsVoid: "La factura ha sido anulada.",
+      invoiceIsAbandoned: "La factura ha sido abandonada.",
+      invoiceIsRefunded: "La factura ha reembolsada."
     },
     loaderMessages: {
       processingPayment: "Procesamiento de instrumento de pago."
@@ -2770,7 +2776,7 @@ const errorTemplate = (error2) => {
   function displayList() {
     function displayDetail(detail) {
       let detailMessage = detail;
-      if (detail["data-rebilly"]) {
+      if (detail == null ? void 0 : detail["data-rebilly"]) {
         detailMessage = `"${detail["data-rebilly"]}" ${detail.error}`;
       }
       return detailMessage;
@@ -14140,6 +14146,15 @@ const _InvoiceModel = class _InvoiceModel2 extends BaseModel {
   get isPaid() {
     return this.status === _InvoiceModel2.Status.paid;
   }
+  get isVoid() {
+    return this.status === _InvoiceModel2.Status.voided;
+  }
+  get isRefunded() {
+    return this.status === _InvoiceModel2.Status.refunded;
+  }
+  get isAbandoned() {
+    return this.status === _InvoiceModel2.Status.abandoned;
+  }
 };
 _InvoiceModel.Status = {
   draft: "draft",
@@ -23349,7 +23364,7 @@ function handleComputedProperty(options) {
   var _a;
   return Object.assign({}, options, {
     _computed: {
-      version: "8.25.0",
+      version: "8.25.2",
       paymentMethodsUrl: ((_a = options._dev) == null ? void 0 : _a.paymentMethodsUrl) ?? "https://forms.secure-payments.app"
     }
   });
@@ -24315,7 +24330,7 @@ const properties = {
   buttonSecondaryColorText: {
     fallback: {
       type: "variable",
-      value: "colorPrimary"
+      value: "colorText"
     }
   },
   buttonSecondaryFontFamily: {
@@ -24345,13 +24360,13 @@ const properties = {
   buttonSecondaryBorder: {
     fallback: {
       type: "func",
-      value: (theme2) => `1px solid ${theme2.colorPrimary}`
+      value: (theme2) => `1px solid ${theme2.colorMutedBorder}`
     }
   },
   buttonSecondaryBorderColor: {
     fallback: {
       type: "variable",
-      value: "colorPrimary"
+      value: "colorMutedBorder"
     }
   },
   buttonSecondaryBorderWidth: {
@@ -24467,14 +24482,19 @@ const properties = {
   /** Buttons Secondary: Hover */
   buttonSecondaryHoverColorBackground: {
     fallback: {
-      type: "variable",
-      value: "colorBackground"
+      type: "func",
+      value: (theme2) => {
+        if (theme2.colorBackgroundProvided) {
+          return darken(theme2.colorBackground, 3);
+        }
+        return darken(theme2.colorBackground, 3);
+      }
     }
   },
   buttonSecondaryHoverColorText: {
     fallback: {
       type: "variable",
-      value: "buttonSecondaryColorText"
+      value: "colorText"
     }
   },
   buttonSecondaryHoverFontFamily: {
@@ -24510,7 +24530,7 @@ const properties = {
   buttonSecondaryHoverBorderColor: {
     fallback: {
       type: "variable",
-      value: "colorPrimary"
+      value: "buttonSecondaryBorderColor"
     }
   },
   buttonSecondaryHoverBorderWidth: {
@@ -26533,7 +26553,7 @@ async function mount({
   setupFramepay: setupFramepay$1 = setupFramepay,
   ...options
 } = {}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   try {
     state.data = {};
     state.options = {};
@@ -26579,20 +26599,26 @@ async function mount({
     }
     state.i18n();
     state.hasMounted = true;
-    const invoiceId = ((_d = state.options) == null ? void 0 : _d.invoiceId) || ((_f = (_e = state.data) == null ? void 0 : _e.transaction) == null ? void 0 : _f.invoiceId);
-    if (invoiceId && ((_g = state.data.invoice) == null ? void 0 : _g.isPaid)) {
+    const clearFormOnError = (errorMessage) => {
       state.loader.stopLoading({ id: "rebilly-instruments-form" });
       removeForm();
-      showError(
-        state.translate.getTranslation("form.error.invoiceIsPaid"),
-        false
-      );
+      showError(state.translate.getTranslation(errorMessage), false);
+    };
+    const invoiceId = ((_d = state.options) == null ? void 0 : _d.invoiceId) || ((_f = (_e = state.data) == null ? void 0 : _e.transaction) == null ? void 0 : _f.invoiceId);
+    if (invoiceId && ((_g = state.data.invoice) == null ? void 0 : _g.isPaid)) {
+      clearFormOnError("form.error.invoiceIsPaid");
+    } else if (invoiceId && ((_h = state.data.invoice) == null ? void 0 : _h.isAbandoned)) {
+      clearFormOnError("form.error.invoiceIsAbandoned");
+    } else if (invoiceId && ((_i = state.data.invoice) == null ? void 0 : _i.isVoid)) {
+      clearFormOnError("form.error.invoiceIsVoid");
+    } else if (invoiceId && ((_j = state.data.invoice) == null ? void 0 : _j.isRefunded)) {
+      clearFormOnError("form.error.invoiceIsRefunded");
     }
     let hasNoPaymentMethods = false;
     if (data.payout) {
-      hasNoPaymentMethods = !((_h = data.readyToPayout) == null ? void 0 : _h.length);
+      hasNoPaymentMethods = !((_k = data.readyToPayout) == null ? void 0 : _k.length);
     } else {
-      hasNoPaymentMethods = !((_i = data.readyToPay) == null ? void 0 : _i.length);
+      hasNoPaymentMethods = !((_l = data.readyToPay) == null ? void 0 : _l.length);
     }
     if (hasNoPaymentMethods) {
       state.loader.stopLoading({ id: "rebilly-instruments-form" });
@@ -26662,7 +26688,7 @@ class RebillyInstrumentsInstance {
     await show({ componentName, payload });
   }
   get version() {
-    return `RebillyInstruments Ver.${"8.25.0"}`;
+    return `RebillyInstruments Ver.${"8.25.2"}`;
   }
   on(eventName, callback) {
     on({ eventName, callback });