@solvimon/solvimon-web 0.1.0-alpha.14 → 0.1.0-alpha.15

package/dist/screens/Checkout/Checkout.es.js

@@ -1,21 +1,21 @@
 import { ref, computed, onMounted, watch, defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, useModel, createElementBlock, withModifiers, Fragment, createCommentVNode, createSlots, normalizeClass, mergeModels, renderList, renderSlot, toRef, nextTick, withDirectives, withKeys, vShow, defineAsyncComponent } from "vue";
-import { V as taxId, k as isEqual, W as convertDateRangeToTimePeriod, K as useValidation, L as objectDiff, X as isEmpty, u as useIntl, Y as _sfc_main$o, b as _sfc_main$p, Z as isEUCountry, $ as isValidCountryCode, a0 as getCountryNameByCode, _ as _sfc_main$q, O as _sfc_main$r, Q as _sfc_main$s, e as _sfc_main$t, a1 as _sfc_main$u, R as _sfc_main$v, a2 as _sfc_main$w, a3 as _sfc_main$x, a4 as _sfc_main$y, a5 as TooltipContent, a6 as _sfc_main$z, a7 as formatBillingPeriod, y as formatAmount, a8 as _sfc_main$B, a9 as useTimePeriod, f as _sfc_main$C, aa as _sfc_main$E, ab as _sfc_main$F, D as _sfc_main$G, F as _sfc_main$I, ac as _sfc_main$J, l as _sfc_main$K, ad as usePricingItem, ae as _sfc_main$L, af as _sfc_main$M, ag as uniqueId, C as _sfc_main$N } from "../../vendor-ui-CdOX_IS-.mjs";
-import { a as useLogger, _ as _sfc_main$Q, d as defineCustomElement, g as getComponentName } from "../../component-CGfjV_7z.mjs";
-import { c as createSubscriptionsService } from "../../subscriptions-BIGqt2N0.mjs";
+import { X as taxId, n as isEqual, Y as convertDateRangeToTimePeriod, M as useValidation, N as objectDiff, Z as isEmpty, u as useIntl, $ as _sfc_main$o, e as _sfc_main$p, a0 as isEUCountry, a1 as isValidCountryCode, a2 as getCountryNameByCode, _ as _sfc_main$q, R as _sfc_main$r, S as _sfc_main$s, c as _sfc_main$t, a3 as _sfc_main$u, U as _sfc_main$v, a4 as _sfc_main$w, a5 as _sfc_main$x, a6 as _sfc_main$y, a7 as TooltipContent, a8 as _sfc_main$z, a9 as formatBillingPeriod, B as formatAmount, aa as _sfc_main$B, ab as useTimePeriod, k as _sfc_main$C, ac as _sfc_main$E, ad as _sfc_main$F, F as _sfc_main$G, H as _sfc_main$I, ae as _sfc_main$J, A as _sfc_main$K, af as usePricingItem, ag as _sfc_main$L, ah as _sfc_main$M, ai as uniqueId, E as _sfc_main$N } from "../../vendor-ui-B8IlviSs.mjs";
+import { a as useLogger, _ as _sfc_main$Q, d as defineCustomElement, g as getComponentName } from "../../component-BSnccqm1.mjs";
+import { c as createSubscriptionsService } from "../../subscriptions-DHjXDyH1.mjs";
 import { A as ApiStatus } from "../../ApiStatus-CyNDp_op.mjs";
-import { c as createInvoicesService } from "../../invoices-Rs-QBUGS.mjs";
+import { c as createInvoicesService } from "../../invoices-DBv0qkgm.mjs";
 import { a as requiredIf, r as required, e as email } from "../../index-CzL1ZcGi.mjs";
 import { u as useWatchDebounced } from "../../useWatchDebounced-Zmxd6InB.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-DOH9-6M1.mjs";
-import { u as useService } from "../../useService-BcYQRxPS.mjs";
-import { u as usePortal } from "../../usePortal-CpW3EDD-.mjs";
-import { c as createCustomerService } from "../../customer-Bn6GdxP8.mjs";
-import { _ as _sfc_main$A, e as getAdyenExpressCheckoutConfiguration, c as transformObjectToAdyenObject, d as createReturnUrl, s as safeUrlRedirect } from "../../adyen-D0yvZvq5.mjs";
-import { _ as _sfc_main$D, a as _sfc_main$O, b as _sfc_main$P } from "../../SecurePaymentsKPI.vue_vue_type_script_setup_true_lang-D-BFQZiM.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-D-5FNN8W.mjs";
+import { u as useService } from "../../useService-DF57xuDd.mjs";
+import { g as getQueryParam, P as PAYMENT_ACCEPTOR_ID_QUERY_STRING, _ as _sfc_main$A, e as getAdyenExpressCheckoutConfiguration, d as transformObjectToAdyenObject, c as createReturnUrl, s as safeUrlRedirect } from "../../url-1Lbg5Yni.mjs";
+import { u as usePortal } from "../../usePortal-DcOz9FEL.mjs";
+import { c as createCustomerService } from "../../customer-CANPEYH9.mjs";
+import { _ as _sfc_main$D, a as _sfc_main$O, b as _sfc_main$P } from "../../SecurePaymentsKPI.vue_vue_type_script_setup_true_lang-Cqk-vonA.mjs";
 import { u as useViewport } from "../../useViewport-Bu0cyeSi.mjs";
 import { _ as _sfc_main$H } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
-import { c as createPaymentsService } from "../../payments-DGPENXiS.mjs";
-import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
+import { c as createPaymentsService } from "../../payments-BK8yzqJ5.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Dy9xgxuF.mjs";
 function getFirstPricingPlanScheduleOfType({
   pricingPlanScheduleInfos,
   type
@@ -802,6 +802,7 @@ function isSubscriptionWithAddonProducts(subscription) {
   return pricings.some((pricing) => pricing.product_type === "ADDON") || pricingGroups.some((pricingGroup) => pricingGroup.object_type === "ADDON");
 }
 const DEFAULT_TAX_IDENTIFIER_TYPE = "GENERIC_TAX_ID";
+const REDIRECT_FORM_STATE_KEY = "solvimon_checkout_redirect_state";
 function useCheckoutView({
   initialCountry,
   initialEmail,
@@ -999,19 +1000,46 @@ function useCheckoutView({
       if (!subscription.value || !country || !amountValue) {
         return;
       }
-      void loadPaymentMethodOptions({
+      loadPaymentMethodOptions({
         subscriptionId: subscription.value.id,
         country,
         amount: amountValue
+      }).catch((err) => {
+        console.log(err);
       });
     }
   );
+  function saveFormStateForRedirect() {
+    sessionStorage.setItem(REDIRECT_FORM_STATE_KEY, JSON.stringify(checkoutForm.form.value));
+  }
   onMounted(async () => {
+    const redirectStatus = getQueryParam("redirect_status");
+    const hasPaymentAcceptorId = !!getQueryParam(PAYMENT_ACCEPTOR_ID_QUERY_STRING);
+    const hasClientSecret = !!getQueryParam("payment_intent_client_secret") || !!getQueryParam("setup_intent_client_secret");
+    const isSuccessfulRedirect = redirectStatus === "succeeded" && hasPaymentAcceptorId && hasClientSecret;
+    if (isSuccessfulRedirect) {
+      isPaid.value = true;
+    }
+    const raw = sessionStorage.getItem(REDIRECT_FORM_STATE_KEY);
+    let savedFormState = null;
+    if (raw) {
+      try {
+        savedFormState = JSON.parse(raw);
+      } catch {
+      }
+    }
+    if (savedFormState) {
+      checkoutForm.updateInitialState(savedFormState);
+    }
     await loadSubscription();
     try {
       await loadInvoicePreview();
     } catch {
     }
+    if (savedFormState) {
+      checkoutForm.updateInitialState(savedFormState);
+      sessionStorage.removeItem(REDIRECT_FORM_STATE_KEY);
+    }
   });
   watch(
     shouldLoadPaymentMethodOptions,
@@ -1041,7 +1069,8 @@ function useCheckoutView({
     checkoutForm,
     authorizationContext,
     isPaid,
-    amount
+    amount,
+    saveFormStateForRedirect
   };
 }
 function usePromotionCode({
@@ -1382,7 +1411,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   }, 8, ["single-model-value", "label", "error"])
                 ], 64))
               ]),
-              createVNode(unref(_sfc_main$u), null, {
+              createVNode(unref(_sfc_main$u), {
+                "is-open": showBillingDetails.value || !!__props.isBillingInformationMandatory
+              }, {
                 default: withCtx(() => [
                   showBillingDetails.value || __props.isBillingInformationMandatory ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
                     createElementVNode("div", _hoisted_4$5, [
@@ -1451,7 +1482,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              })
+              }, 8, ["is-open"])
             ]),
             _: 1
           }, 8, ["title"]),
@@ -1494,7 +1525,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              createVNode(unref(_sfc_main$u), null, {
+              createVNode(unref(_sfc_main$u), { "is-open": isCompanyPurchase.value }, {
                 default: withCtx(() => [
                   isCompanyPurchase.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
                     createElementVNode("div", _hoisted_8$1, [
@@ -1566,7 +1597,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              })
+              }, 8, ["is-open"])
             ]),
             _: 1
           })) : createCommentVNode("", true)
@@ -1821,22 +1852,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               })), 1)
             ]),
             _: 1
-          }),
-          createVNode(unref(_sfc_main$t), {
-            color: "gray",
-            variant: "outline",
-            size: "xs",
-            class: "align-center",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("continue-to-merchant"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref($t)({
-                defaultMessage: "Continue to merchant",
-                id: "subscription_payment_completed_card.continue",
-                description: "The text for the continue button"
-              })), 1)
-            ]),
-            _: 1
           })
         ]),
         _: 1
@@ -2112,15 +2127,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const registerPeriodsFromPricing = (pricing) => {
         var _a2;
         (_a2 = pricing == null ? void 0 : pricing.items) == null ? void 0 : _a2.forEach((item) => {
-          var _a3, _b2, _c2;
-          (_a3 = item.configs) == null ? void 0 : _a3.forEach((config) => registerPeriod(config.billing_period));
-          (_b2 = item.billing_period_configs) == null ? void 0 : _b2.forEach(
+          var _a3, _b2;
+          (_a3 = item.billing_period_configs) == null ? void 0 : _a3.forEach(
             (periodConfig) => registerPeriod(periodConfig.billing_period)
           );
-          (_c2 = item.pricing_currency_configs) == null ? void 0 : _c2.forEach((currencyConfig) => {
-            var _a4, _b3;
-            (_a4 = currencyConfig.configs) == null ? void 0 : _a4.forEach((config) => registerPeriod(config.billing_period));
-            (_b3 = currencyConfig.billing_period_configs) == null ? void 0 : _b3.forEach(
+          (_b2 = item.pricing_currency_configs) == null ? void 0 : _b2.forEach((currencyConfig) => {
+            var _a4;
+            (_a4 = currencyConfig.billing_period_configs) == null ? void 0 : _a4.forEach(
               (periodConfig) => registerPeriod(periodConfig.billing_period)
             );
           });
@@ -2884,7 +2897,7 @@ const _hoisted_1$a = {
 };
 const _hoisted_2$6 = { class: "mb-2" };
 const _hoisted_3$3 = { class: "grid grid-cols-6 gap-1 md:gap-2" };
-const _hoisted_4$3 = { class: "h-4 mt-4" };
+const _hoisted_4$3 = { class: "mt-4 h-4" };
 const DEFAULT_EXPRESS_PAYMENT_BUTTON_COUNT = 2;
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethods",
@@ -2912,7 +2925,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "apple pay");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "apple pay" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -2924,7 +2939,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "paypal");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "paypal" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -2936,7 +2953,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "google pay");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "google pay" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -2982,8 +3001,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_3$3, [
           !isReady.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode(_sfc_main$H, { class: "h-11 col-span-3" }),
-            createVNode(_sfc_main$H, { class: "h-11 col-span-3" })
+            createVNode(_sfc_main$H, { class: "col-span-3 h-11" }),
+            createVNode(_sfc_main$H, { class: "col-span-3 h-11" })
           ], 64)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["col-span-3 md:col-span-2", {
@@ -3197,14 +3216,14 @@ function useSeatBasedPricing({
   pricingItemConfigId
 }) {
   return computed(() => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { config, productItem } = getPricingItemByPricingConfigId({
       pricings,
       pricingItemConfigId
     });
     return {
       billing: {
-        period: config == null ? void 0 : config.billing_period,
+        period: (_b = (_a = config == null ? void 0 : config.billing_period_configs) == null ? void 0 : _a[0]) == null ? void 0 : _b.billing_period,
         billedInAdvance: config == null ? void 0 : config.billing_in_advance
       },
       product: {
@@ -3212,8 +3231,8 @@ function useSeatBasedPricing({
         description: productItem == null ? void 0 : productItem.description
       },
       pricing: {
-        ...((_a = config == null ? void 0 : config.details) == null ? void 0 : _a.pricing_type) === "FLAT" && { amount: (_d = (_c = (_b = config.details) == null ? void 0 : _b.bands) == null ? void 0 : _c[0]) == null ? void 0 : _d.amount },
-        ...((_e = config == null ? void 0 : config.details) == null ? void 0 : _e.pricing_type) === "TIERED" && { tiered: { bands: (_f = config.details) == null ? void 0 : _f.bands } }
+        ...((_c = config == null ? void 0 : config.details) == null ? void 0 : _c.pricing_type) === "FLAT" && { amount: (_f = (_e = (_d = config.details) == null ? void 0 : _d.bands) == null ? void 0 : _e[0]) == null ? void 0 : _f.amount },
+        ...((_g = config == null ? void 0 : config.details) == null ? void 0 : _g.pricing_type) === "TIERED" && { tiered: { bands: (_h = config.details) == null ? void 0 : _h.bands } }
       }
     };
   });
@@ -3334,7 +3353,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ], 10, _hoisted_3$2)
         ]),
         ((_c = (_b = unref(seats).pricing) == null ? void 0 : _b.tiered) == null ? void 0 : _c.bands) ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-          createVNode(unref(_sfc_main$u), null, {
+          createVNode(unref(_sfc_main$u), { "is-open": isExpanded.value }, {
             default: withCtx(() => [
               isExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
                 createVNode(_sfc_main$a, {
@@ -3344,7 +3363,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("", true)
             ]),
             _: 1
-          })
+          }, 8, ["is-open"])
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -4154,7 +4173,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const PaymentIntegrationForm = defineAsyncComponent(
-      () => import("../../PaymentIntegrationForm-DX6kv0_v.mjs")
+      () => import("../../PaymentIntegrationForm-BGxjGJGz.mjs")
     );
     const props = __props;
     const emit = __emit;
@@ -4194,21 +4213,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isPaid,
       amount,
       loadInvoicePreview,
-      updateInvoicePreviewOnBillingInformationChange
+      updateInvoicePreviewOnBillingInformationChange,
+      saveFormStateForRedirect
     } = useCheckoutView({
       initialCountry: (_f = props.configuration) == null ? void 0 : _f.countryCode,
       initialEmail: (_g = props.configuration) == null ? void 0 : _g.email,
       subscriptionId,
       enabledPricingIds: (_h = props.configuration) == null ? void 0 : _h.enabledPricingIds
     });
+    const isPaymentPending = ref(false);
     const handleSubmit = async () => {
       var _a2;
       await checkoutForm.validation.value.$validate();
       if (checkoutForm.validation.value.$invalid) {
         return;
       }
+      isPaymentPending.value = true;
+      saveFormStateForRedirect();
       (_a2 = paymentIntegrationFormRef.value) == null ? void 0 : _a2.submit();
     };
+    const handlePaymentFailed = () => {
+      isPaymentPending.value = false;
+    };
     const handleValidateOnSubmit = async () => {
       await checkoutForm.validation.value.$validate();
       return !checkoutForm.validation.value.$invalid;
@@ -4621,19 +4647,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     })) : unref(amount) && unref(checkoutForm).form.value.country ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                      createVNode(unref(PaymentIntegrationForm), {
-                        ref_key: "paymentIntegrationFormRef",
-                        ref: paymentIntegrationFormRef,
-                        "country-code": unref(checkoutForm).form.value.country,
-                        context: unref(authorizationContext),
-                        amount: unref(amount),
-                        variant: "AUTHORIZE",
-                        "payment-method-options": unref(paymentMethodOptions) ?? [],
-                        "validate-on-submit": handleValidateOnSubmit,
-                        "force-store-payment-method": "",
-                        onPaymentSuccess: handlePaymentSuccess,
-                        onReady: _cache[3] || (_cache[3] = ($event) => emit("ready"))
-                      }, null, 8, ["country-code", "context", "amount", "payment-method-options"])
+                      createElementVNode("div", {
+                        class: normalizeClass({ "pointer-events-none opacity-60": isPaymentPending.value })
+                      }, [
+                        createVNode(unref(PaymentIntegrationForm), {
+                          ref_key: "paymentIntegrationFormRef",
+                          ref: paymentIntegrationFormRef,
+                          "country-code": unref(checkoutForm).form.value.country,
+                          context: unref(authorizationContext),
+                          amount: unref(amount),
+                          email: unref(checkoutForm).form.value.email,
+                          variant: "AUTHORIZE",
+                          "payment-method-options": unref(paymentMethodOptions) ?? [],
+                          "validate-on-submit": handleValidateOnSubmit,
+                          "force-store-payment-method": "",
+                          onPaymentSuccess: handlePaymentSuccess,
+                          onPaymentFailed: handlePaymentFailed,
+                          onReady: _cache[3] || (_cache[3] = ($event) => emit("ready"))
+                        }, null, 8, ["country-code", "context", "amount", "email", "payment-method-options"])
+                      ], 2)
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
@@ -4695,7 +4727,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   type: "button",
                   size: "lg",
                   class: "sv-action sv-action--primary sv-action--full-width sv-checkout__submit w-full",
-                  disabled: unref(isPromotionCodePending) || unref(paymentMethodOptions).length === 0,
+                  disabled: unref(isPromotionCodePending) || unref(paymentMethodOptions).length === 0 || isPaymentPending.value,
+                  loading: isPaymentPending.value,
                   onClick: handleSubmit
                 }, {
                   default: withCtx(() => [
@@ -4710,7 +4743,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     })), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled"])) : createCommentVNode("", true)
+                }, 8, ["disabled", "loading"])) : createCommentVNode("", true)
               ]),
               _: 1
             })) : createCommentVNode("", true),

package/dist/screens/CustomerOverview/CustomerOverview.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../ApiStatus-oqvUEWJx.js"),r=require("../../ContentWithAsideLayout-B5B8Kwaw.js"),o=require("../../useInvoicesList-DXBTGdcI.js"),s=require("../../usePortal-DhaZBAGi.js"),n=require("../../SubscriptionsList.vue_vue_type_script_setup_true_lang-D-hpJL8I.js"),a=require("../../useCustomer-D9ZrqMFY.js"),i=require("../../usePaymentMethods-BHLXXaCa.js"),u=require("../../BillingInformation.vue_vue_type_script_setup_true_lang-0_VYW5Wu.js"),l=require("../../useLoadInitialData-D0t-Lk3k.js"),c=require("../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-zdBaVj-K.js"),m=require("../../paymentMethods-BR9w3qy8.js"),d=require("../../useService-C0h9UlQW.js"),v=require("../../useWalletBalanceItems-COzKSpmt.js"),p=require("../../component-By_A1VHh.js");const f=e.defineComponent({__name:"CustomerOverview",props:{configuration:{type:Object}},setup(p){var f;const y=null==(f=s.usePortal().value)?void 0:f.customer_id,_=a.useCustomer({customerId:y}),g=o.useInvoicesList({customerId:y,batchSize:5}),h=n.useSubscriptionsList({customerId:y,batchSize:2}),b=i.usePaymentMethods({customerId:y}),S=function({customerId:e,amount:t}){const{getPaymentMethodOptions:r}=m.createPaymentMethodsService(),{data:o,execute:s,error:n,apiStatus:a,isPending:i}=d.useService({initialValue:[],service:async()=>(await r({customerId:e,amount:t})).flatMap(e=>e.options??[])});return{error:n,apiStatus:a,items:o,fetch:s,isPending:i}}({customerId:y}),j=v.useCustomerWalletBalances({customerId:y}),C=v.useWalletBalanceItems(j.walletBalances),{isLoading:w}=l.useLoadInitialData(_.get.execute(),g.fetchInitial(),h.fetchInitial(),b.fetchAll(),S.fetch(),j.fetch());return(s,a)=>(e.openBlock(),e.createBlock(e.unref(r.ContentWithAsideLayout),{class:"sv-customer-overview sv-root sv-screen"},{header:e.withCtx(()=>[e.unref(_).customer.value?(e.openBlock(),e.createBlock(n._sfc_main,{key:0,class:"sv-customer-overview__subscriptions",customer:e.unref(_).customer.value,subscriptions:e.unref(h).items.value,"payment-methods":e.unref(b).items.value,"is-loading":e.unref(w),onLoadMore:e.unref(h).fetchMore},null,8,["customer","subscriptions","payment-methods","is-loading","onLoadMore"])):e.createCommentVNode("",!0)]),content:e.withCtx(()=>[e.createVNode(o._sfc_main,{class:"sv-customer-overview__invoices",invoices:e.unref(g).items.value,"has-more-items":e.unref(g).hasNextBatch.value,"is-loading":e.unref(w),onLoadMore:e.unref(g).fetchMore},null,8,["invoices","has-more-items","is-loading","onLoadMore"])]),aside:e.withCtx(()=>[e.createVNode(v._sfc_main,{class:"sv-customer-overview__wallet-balances","has-error":e.unref(j).apiStatus.value===e.unref(t.ApiStatus).Failed,"is-loading":e.unref(w),"wallet-balances":e.unref(C)},null,8,["has-error","is-loading","wallet-balances"]),e.createVNode(c._sfc_main,{class:"sv-customer-overview__payment-methods","is-loading":e.unref(w),"payment-methods":e.unref(b).items.value},null,8,["is-loading","payment-methods"]),e.unref(_).customer.value?(e.openBlock(),e.createBlock(u._sfc_main,{key:0,class:"sv-customer-overview__billing-information","is-loading":e.unref(w),customer:e.unref(_).customer.value},null,8,["is-loading","customer"])):e.createCommentVNode("",!0)]),_:1}))}}),y=e.defineComponent({__name:"CustomerOverview.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:t=>(r,o)=>{var s,n,a,i;return e.openBlock(),e.createBlock(p._sfc_main,{"custom-element-name":e.unref(g),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(n=null==(s=t.branding)?void 0:s.colors)?void 0:n.primary,"secondary-color":null==(i=null==(a=t.branding)?void 0:a.colors)?void 0:i.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,"css-overrides":t.cssOverrides,onError:o[0]||(o[0]=e=>r.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(f)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}),_=p.defineCustomElement(y),g=p.getComponentName("customer-overview");exports.COMPONENT_NAME=g,exports.SolvimonCustomerOverview=_,exports.defineSolvimonCustomerOverview=()=>{customElements.get(g)||customElements.define(g,_)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../ApiStatus-oqvUEWJx.js"),o=require("../../ContentWithAsideLayout-DHpnJfGA.js"),r=require("../../useInvoicesList-wnvjyB_H.js"),s=require("../../usePortal-CxTS2TQh.js"),n=require("../../SubscriptionsList.vue_vue_type_script_setup_true_lang-D6hHXndB.js"),a=require("../../useCustomer-DYc54GVD.js"),i=require("../../usePaymentMethods-ZPxKg5Y3.js"),u=require("../../BillingInformation.vue_vue_type_script_setup_true_lang-xuCWAVgf.js"),l=require("../../useLoadInitialData-BObRB7Vo.js"),c=require("../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-BpN9nSMC.js"),m=require("../../paymentMethods-u5y9B5ng.js"),d=require("../../useService-CHrkefKd.js"),v=require("../../useWalletBalanceItems-BQEXDCBg.js"),p=require("../../component-B53Df2Rt.js");const y=e.defineComponent({__name:"CustomerOverview",props:{configuration:{type:Object}},setup(p){var y;const f=null==(y=s.usePortal().value)?void 0:y.customer_id,_=a.useCustomer({customerId:f}),g=r.useInvoicesList({customerId:f,batchSize:5}),h=n.useSubscriptionsList({customerId:f,batchSize:2}),b=i.usePaymentMethods({customerId:f}),j=function({customerId:e,amount:t}){const{getPaymentMethodOptions:o}=m.createPaymentMethodsService(),{data:r,execute:s,error:n,apiStatus:a,isPending:i}=d.useService({initialValue:[],service:async()=>(await o({customerId:e,amount:t})).flatMap(e=>e.options??[])});return{error:n,apiStatus:a,items:r,fetch:s,isPending:i}}({customerId:f}),C=v.useCustomerWalletBalances({customerId:f}),S=v.useWalletBalanceItems(C.walletBalances),{isLoading:w}=l.useLoadInitialData(_.get.execute(),g.fetchInitial(),h.fetchInitial(),b.fetchAll(),j.fetch(),C.fetch());return(s,a)=>(e.openBlock(),e.createBlock(e.unref(o.ContentWithAsideLayout),{class:"sv-customer-overview sv-root sv-screen"},{header:e.withCtx(()=>[e.unref(_).customer.value?(e.openBlock(),e.createBlock(n._sfc_main,{key:0,class:"sv-customer-overview__subscriptions",customer:e.unref(_).customer.value,subscriptions:e.unref(h).items.value,"payment-methods":e.unref(b).items.value,"is-loading":e.unref(w),onLoadMore:e.unref(h).fetchMore},null,8,["customer","subscriptions","payment-methods","is-loading","onLoadMore"])):e.createCommentVNode("",!0)]),content:e.withCtx(()=>[e.createVNode(r._sfc_main,{class:"sv-customer-overview__invoices",invoices:e.unref(g).items.value,"has-more-items":e.unref(g).hasNextBatch.value,"is-loading":e.unref(w),onLoadMore:e.unref(g).fetchMore},null,8,["invoices","has-more-items","is-loading","onLoadMore"])]),aside:e.withCtx(()=>[e.createVNode(v._sfc_main,{class:"sv-customer-overview__wallet-balances","has-error":e.unref(C).apiStatus.value===e.unref(t.ApiStatus).Failed,"is-loading":e.unref(w),"wallet-balances":e.unref(S)},null,8,["has-error","is-loading","wallet-balances"]),e.createVNode(c._sfc_main,{class:"sv-customer-overview__payment-methods","is-loading":e.unref(w),"payment-methods":e.unref(b).items.value},null,8,["is-loading","payment-methods"]),e.unref(_).customer.value?(e.openBlock(),e.createBlock(u._sfc_main,{key:0,class:"sv-customer-overview__billing-information","is-loading":e.unref(w),customer:e.unref(_).customer.value},null,8,["is-loading","customer"])):e.createCommentVNode("",!0)]),_:1}))}}),f=e.defineComponent({__name:"CustomerOverview.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:t=>(o,r)=>{var s,n,a,i;return e.openBlock(),e.createBlock(p._sfc_main,{"custom-element-name":e.unref(g),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(n=null==(s=t.branding)?void 0:s.colors)?void 0:n.primary,"secondary-color":null==(i=null==(a=t.branding)?void 0:a.colors)?void 0:i.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,"css-overrides":t.cssOverrides,onError:r[0]||(r[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(y)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}),_=p.defineCustomElement(f),g=p.getComponentName("customer-overview");exports.COMPONENT_NAME=g,exports.SolvimonCustomerOverview=_,exports.defineSolvimonCustomerOverview=()=>{customElements.get(g)||customElements.define(g,_)};

package/dist/screens/CustomerOverview/CustomerOverview.es.js

@@ -1,18 +1,18 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode } from "vue";
 import { A as ApiStatus } from "../../ApiStatus-CyNDp_op.mjs";
-import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
-import { u as useInvoicesList, _ as _sfc_main$5 } from "../../useInvoicesList-b2_fiHsc.mjs";
-import { u as usePortal } from "../../usePortal-CpW3EDD-.mjs";
-import { u as useSubscriptionsList, _ as _sfc_main$6 } from "../../SubscriptionsList.vue_vue_type_script_setup_true_lang-B7IOIy-v.mjs";
-import { u as useCustomer } from "../../useCustomer-DUA8Y-2I.mjs";
-import { u as usePaymentMethods } from "../../usePaymentMethods-C-NCtOom.mjs";
-import { _ as _sfc_main$4 } from "../../BillingInformation.vue_vue_type_script_setup_true_lang-D8ZeVBWO.mjs";
-import { u as useLoadInitialData } from "../../useLoadInitialData-Cyp1xpuv.mjs";
-import { _ as _sfc_main$3 } from "../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-DEqfojR8.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-DOH9-6M1.mjs";
-import { u as useService } from "../../useService-BcYQRxPS.mjs";
-import { u as useCustomerWalletBalances, a as useWalletBalanceItems, _ as _sfc_main$2 } from "../../useWalletBalanceItems-DKz-2vUy.mjs";
-import { _ as _sfc_main$7, d as defineCustomElement, g as getComponentName } from "../../component-CGfjV_7z.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Dy9xgxuF.mjs";
+import { u as useInvoicesList, _ as _sfc_main$5 } from "../../useInvoicesList-DRD5yix0.mjs";
+import { u as usePortal } from "../../usePortal-DcOz9FEL.mjs";
+import { u as useSubscriptionsList, _ as _sfc_main$6 } from "../../SubscriptionsList.vue_vue_type_script_setup_true_lang-Cv6lz35J.mjs";
+import { u as useCustomer } from "../../useCustomer-DCPq7eHM.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-DFkRNreh.mjs";
+import { _ as _sfc_main$4 } from "../../BillingInformation.vue_vue_type_script_setup_true_lang-ugPPvTKf.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-IlbmC6p0.mjs";
+import { _ as _sfc_main$3 } from "../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-D_PE2UbX.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-D-5FNN8W.mjs";
+import { u as useService } from "../../useService-DF57xuDd.mjs";
+import { u as useCustomerWalletBalances, a as useWalletBalanceItems, _ as _sfc_main$2 } from "../../useWalletBalanceItems-MlHgedWR.mjs";
+import { _ as _sfc_main$7, d as defineCustomElement, g as getComponentName } from "../../component-BSnccqm1.mjs";
 function useCustomerPaymentMethodOptions({
   customerId,
   amount

package/dist/screens/PayInvoice/PayInvoice.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-By_A1VHh.js"),n=require("../../vendor-ui-1SHma7t1.js"),o=require("../../ContentWithAsideLayout-B5B8Kwaw.js"),a=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-BhGQB-c9.js"),r=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),i=require("../../adyen-BvNyYAg-.js"),c=require("../../useLoadInitialData-D0t-Lk3k.js"),l=require("../../usePayments-DADpdoI7.js"),s=require("../../usePaymentMethodOptions-DgGDcVeE.js"),u=require("../../usePaymentMethods-BHLXXaCa.js"),p=e.defineComponent({__name:"PayButton",props:{amount:{type:Object},paymentMethod:{type:Object},type:{type:String},variant:{type:String},color:{type:String},size:{type:String},pill:{type:Boolean},square:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},iconPrefix:{type:null},iconSuffix:{type:null},tag:{type:String}},emits:["click"],setup(t){const o=t,{$t:a}=n.useIntl(),r=e.computed(()=>({color:o.color??"primary",disabled:o.disabled,iconPrefix:o.iconPrefix,iconSuffix:o.iconSuffix,loading:o.loading,pill:o.pill,size:o.size??"lg",square:o.square,tag:o.tag,type:o.type,variant:o.variant})),i=e.computed(()=>{var t,n,a;switch(null==(t=o.paymentMethod)?void 0:t.paymentMethodType){case"scheme":return"Credit Card";case"applepay":return"Apple Pay";case"googlepay":return"Google Pay";case"paypal":return"PayPal";case"ideal":return"iDeal";case"klarna":return"Klarna";case"bcmc":return"BCMC";case"sepadirectdebit":return"SEPA";case"twint":return"Twint";case"swish":return"Swish";case"vipps":return"Vipps";case"mbway":return"MBway";case"alipay":return"AliPay";case"wechatpayWeb":return"WeChatPay";case"afterpay_default":return"Afterpay";case"affirm":return"Affirm";case"ach":return"ACH";case"blik":return"Blik";case"cashapp":return"Cash App Pay";case"amazonpay":return"Amazon Pay";case"venmo":return"Venmo";case"clicktopay":return"Click to Pay";case"upi":return"UPI";case"revolutpay":return"Revolut Pay";case"ratepay":return"Ratepay";case"walley":return"Walley";case"alma":return"Alma";case"facilypay_3x":case"facilypay_4x":return"Oney";case"samsungpay":return"Samsung Pay";case"bizum":return"Bizum";case"pix":return"Pix";case"multibanco":return"Multibanco";case"openbanking_UK":return"Open Banking";default:return(null==(n=o.paymentMethod)?void 0:n.paymentMethodType)?e.capitalize(null==(a=o.paymentMethod)?void 0:a.paymentMethodType):""}}),c=e.computed(()=>o.amount&&o.paymentMethod?a({defaultMessage:"Pay {amount} with {type}",id:"pay_button.label.amount_and_payment_method",description:"The label for the pay button when both the amount and the payment method are known"},{amount:n.formatAmount(o.amount),type:i.value}):o.amount?a({defaultMessage:"Pay {amount}",id:"pay_button.label.amount_only",description:"The label for the pay button when only the amount is known"},{amount:n.formatAmount(o.amount),type:i.value}):a({defaultMessage:"Pay",id:"pay_button.label.default",description:"The default label for the pay button when no amount and payment method are known"}));return(t,o)=>(e.openBlock(),e.createBlock(e.unref(n._sfc_main$3),e.mergeProps(r.value,{class:"w-full",onClick:o[0]||(o[0]=e=>t.$emit("click",e))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:1},16))}}),d={key:0},m=e.defineComponent({__name:"PayInvoice",props:{invoice:{type:Object},paymentMethodOptions:{type:Array},paymentAttempts:{default:()=>[],type:Array},countryCode:{type:String},amount:{type:Object},downloadService:{type:Function},configuration:{type:Object},isLoading:{type:Boolean},error:{type:null}},setup(t){const{$t:c}=n.useIntl(),l=t,s=e.ref(),u=e.ref();function m(){if(!u.value)throw new Error("payment integration form not found");u.value.submit()}const y=()=>{l.configuration.onPaymentSuccess&&l.configuration.onPaymentSuccess()};return(l,v)=>(e.openBlock(),e.createBlock(e.unref(o.ContentWithAsideLayout),null,{header:e.withCtx(()=>[e.createVNode(r._sfc_main,{class:"min-h-[52px] w-96"},{default:e.withCtx(()=>[t.invoice&&t.downloadService?(e.openBlock(),e.createBlock(e.unref(n._sfc_main$14),{key:0,invoice:t.invoice,"payment-attempts":t.paymentAttempts,"download-service":()=>t.downloadService(t.invoice.id)},null,8,["invoice","payment-attempts","download-service"])):e.createCommentVNode("",!0)]),_:1})]),content:e.withCtx(()=>{var o,l;return[t.isLoading?(e.openBlock(),e.createBlock(r._sfc_main,{key:0,variant:"section",class:"min-h-[300px]"})):e.createCommentVNode("",!0),(null==(o=t.invoice)?void 0:o.paid)?(e.openBlock(),e.createBlock(i._sfc_main,{key:1,status:"success",title:e.unref(c)({id:"pay_invoice.paid.title",defaultMessage:"Thank you for your payment!",description:"Title shown when the invoice has already been paid"}),class:"mt-8"},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$1),{variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$6),{icon:"check"}),e.createTextVNode(e.toDisplayString(e.unref(n.formatAmount)(t.invoice.tax_summary.total_amount)),1)]),_:1})]),_:1},8,["title"])):t.error?(e.openBlock(),e.createBlock(i._sfc_main,{key:2,status:"error",title:e.unref(c)({id:"pay_invoice.error.title",defaultMessage:"Something went wrong",description:"Title shown when the invoice payment fails to load"})},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$1),{variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)({id:"pay_invoice.error.description",defaultMessage:"Please try again or contact support.",description:"Body text shown when the invoice payment fails to load"})),1)]),_:1})]),_:1},8,["title"])):!t.isLoading&&t.countryCode&&t.amount&&t.invoice?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[(null==(l=t.paymentMethodOptions)?void 0:l.length)?(e.openBlock(),e.createBlock(e.unref(n._sfc_main),{key:0,title:e.unref(c)({id:"pay_invoice.payment_methods.title",defaultMessage:"Payment methods",description:"Section title for the payment method selector on the pay invoice screen"}),"content-background":"none","no-border":"","no-spacing":""},{default:e.withCtx(()=>[e.createVNode(a._sfc_main,{ref_key:"paymentIntegrationFormRef",ref:u,amount:t.amount,"country-code":t.countryCode,context:{type:"INVOICE",related_resource_ids:[{type:"INVOICE",id:t.invoice.id}]},"customer-id":t.invoice.customer.id,"force-store-payment-method":"","invoice-id":t.invoice.id,"payment-method-options":t.paymentMethodOptions,variant:"AUTHORIZE",onPaymentSuccess:y,onSelect:v[0]||(v[0]=e=>s.value=e)},null,8,["amount","country-code","context","customer-id","invoice-id","payment-method-options"])]),_:1},8,["title"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]}),aside:e.withCtx(()=>[e.createVNode(r._sfc_main,{variant:"section",class:"min-h-[200px]"},{default:e.withCtx(()=>[t.invoice?(e.openBlock(),e.createBlock(e.unref(n._sfc_main$13),{key:0,invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0)]),_:1}),t.invoice?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(p,{disabled:!s.value,amount:t.amount,"payment-method":s.value,onClick:m},null,8,["disabled","amount","payment-method"])])):e.createCommentVNode("",!0)]),_:1}))}}),y=e.defineComponent({__name:"PayInvoice.entry.view",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(t){const o=t,{invoice:a,get:r,downloadInvoicePdf:i}=l.useInvoice({invoiceId:o.configuration.invoiceId}),{payments:p,get:d}=l.usePayments(),{fetchInitial:m}=u.usePaymentMethods({customerId:o.portalObject.customer_id}),{paymentMethodOptions:y,get:v}=s.usePaymentMethodOptions(),{isLoading:f}=c.useLoadInitialData((async()=>{const e=await r();await v({customerId:e.customer.id,amount:e.open_invoice_amount})})(),m(),d(o.configuration.invoiceId)),g=e.computed(()=>{var e;return(null==(e=a.value)?void 0:e.customer)?n.getCustomerCountry(a.value.customer):void 0});return(t,n)=>{var o;return e.renderSlot(t.$slots,"default",{invoice:e.unref(a),isLoading:e.unref(f),amount:null==(o=e.unref(a))?void 0:o.open_invoice_amount,countryCode:g.value,paymentMethodOptions:e.unref(y),paymentAttempts:e.unref(p),downloadService:e.unref(i)})}}}),v=e.defineComponent({__name:"PayInvoice.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:n=>(o,a)=>{var r,i,c,l;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(g),environment:n.environment,locale:n.locale,"portal-object":n.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(i=null==(r=n.branding)?void 0:r.colors)?void 0:i.primary,"secondary-color":null==(l=null==(c=n.branding)?void 0:c.colors)?void 0:l.secondary,"experimental-features":n.experimentalFeatures,"log-level":n.logLevel,"on-log":n.onLog,onError:a[0]||(a[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(y,e.normalizeProps(e.guardReactiveProps(o.$props)),{default:e.withCtx(({invoice:t,isLoading:o,amount:a,countryCode:r,paymentMethodOptions:i,paymentAttempts:c,downloadService:l})=>[e.createVNode(m,{"is-loading":o,invoice:t,amount:a,"country-code":r,"payment-method-options":i,configuration:n.configuration,"payment-attempts":c??[],"download-service":l},null,8,["is-loading","invoice","amount","country-code","payment-method-options","configuration","payment-attempts","download-service"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),f=t.defineCustomElement(v),g=t.getComponentName("pay-invoice");exports.COMPONENT_NAME=g,exports.SolvimonPayInvoice=f,exports.defineSolvimonPayInvoice=()=>{customElements.get(g)||customElements.define(g,f)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-B53Df2Rt.js"),n=require("../../vendor-ui-C3Tq-qY_.js"),o=require("../../ContentWithAsideLayout-DHpnJfGA.js"),a=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-BxdcIX-Z.js"),r=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),i=require("../../url-B6-3PkW2.js"),c=require("../../useLoadInitialData-BObRB7Vo.js"),l=require("../../usePayments-DwiGafZj.js"),s=require("../../usePaymentMethodOptions-CzqsebhN.js"),u=require("../../usePaymentMethods-ZPxKg5Y3.js"),p=e.defineComponent({__name:"PayButton",props:{amount:{type:Object},paymentMethod:{type:Object},type:{type:String},variant:{type:String},color:{type:String},size:{type:String},pill:{type:Boolean},square:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},iconPrefix:{type:null},iconSuffix:{type:null},tag:{type:String}},emits:["click"],setup(t){const o=t,{$t:a}=n.useIntl(),r=e.computed(()=>({color:o.color??"primary",disabled:o.disabled,iconPrefix:o.iconPrefix,iconSuffix:o.iconSuffix,loading:o.loading,pill:o.pill,size:o.size??"lg",square:o.square,tag:o.tag,type:o.type,variant:o.variant})),i=e.computed(()=>{var t,n,a;switch(null==(t=o.paymentMethod)?void 0:t.paymentMethodType){case"scheme":return"Credit Card";case"applepay":return"Apple Pay";case"googlepay":return"Google Pay";case"paypal":return"PayPal";case"ideal":return"iDeal";case"klarna":return"Klarna";case"bcmc":return"BCMC";case"sepadirectdebit":return"SEPA";case"twint":return"Twint";case"swish":return"Swish";case"vipps":return"Vipps";case"mbway":return"MBway";case"alipay":return"AliPay";case"wechatpayWeb":return"WeChatPay";case"afterpay_default":return"Afterpay";case"affirm":return"Affirm";case"ach":return"ACH";case"blik":return"Blik";case"cashapp":return"Cash App Pay";case"amazonpay":return"Amazon Pay";case"venmo":return"Venmo";case"clicktopay":return"Click to Pay";case"upi":return"UPI";case"revolutpay":return"Revolut Pay";case"ratepay":return"Ratepay";case"walley":return"Walley";case"alma":return"Alma";case"facilypay_3x":case"facilypay_4x":return"Oney";case"samsungpay":return"Samsung Pay";case"bizum":return"Bizum";case"pix":return"Pix";case"multibanco":return"Multibanco";case"openbanking_UK":return"Open Banking";default:return(null==(n=o.paymentMethod)?void 0:n.paymentMethodType)?e.capitalize(null==(a=o.paymentMethod)?void 0:a.paymentMethodType):""}}),c=e.computed(()=>o.amount&&o.paymentMethod?a({defaultMessage:"Pay {amount} with {type}",id:"pay_button.label.amount_and_payment_method",description:"The label for the pay button when both the amount and the payment method are known"},{amount:n.formatAmount(o.amount),type:i.value}):o.amount?a({defaultMessage:"Pay {amount}",id:"pay_button.label.amount_only",description:"The label for the pay button when only the amount is known"},{amount:n.formatAmount(o.amount),type:i.value}):a({defaultMessage:"Pay",id:"pay_button.label.default",description:"The default label for the pay button when no amount and payment method are known"}));return(t,o)=>(e.openBlock(),e.createBlock(e.unref(n._sfc_main$1),e.mergeProps(r.value,{class:"w-full",onClick:o[0]||(o[0]=e=>t.$emit("click",e))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:1},16))}}),d={key:0},m=e.defineComponent({__name:"PayInvoice",props:{invoice:{type:Object},paymentMethodOptions:{type:Array},paymentAttempts:{default:()=>[],type:Array},countryCode:{type:String},amount:{type:Object},downloadService:{type:Function},configuration:{type:Object},isLoading:{type:Boolean},error:{type:null}},setup(t){const{$t:c}=n.useIntl(),l=t,s=e.ref(),u=e.ref(),m=e.ref(!1);function y(){if(!u.value)throw new Error("payment integration form not found");m.value=!0,u.value.submit()}const v=()=>{l.configuration.onPaymentSuccess&&l.configuration.onPaymentSuccess()},f=()=>{m.value=!1};return(l,g)=>(e.openBlock(),e.createBlock(e.unref(o.ContentWithAsideLayout),null,{header:e.withCtx(()=>[e.createVNode(r._sfc_main,{class:"min-h-[52px] w-96"},{default:e.withCtx(()=>[t.invoice&&t.downloadService?(e.openBlock(),e.createBlock(e.unref(n._sfc_main$2),{key:0,invoice:t.invoice,"payment-attempts":t.paymentAttempts,"download-service":()=>t.downloadService(t.invoice.id)},null,8,["invoice","payment-attempts","download-service"])):e.createCommentVNode("",!0)]),_:1})]),content:e.withCtx(()=>{var o,l;return[t.isLoading?(e.openBlock(),e.createBlock(r._sfc_main,{key:0,variant:"section",class:"min-h-[300px]"})):e.createCommentVNode("",!0),(null==(o=t.invoice)?void 0:o.paid)?(e.openBlock(),e.createBlock(i._sfc_main,{key:1,status:"success",title:e.unref(c)({id:"pay_invoice.paid.title",defaultMessage:"Thank you for your payment!",description:"Title shown when the invoice has already been paid"}),class:"mt-8"},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$3),{variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$14),{icon:"check"}),e.createTextVNode(e.toDisplayString(e.unref(n.formatAmount)(t.invoice.tax_summary.total_amount)),1)]),_:1})]),_:1},8,["title"])):t.error?(e.openBlock(),e.createBlock(i._sfc_main,{key:2,status:"error",title:e.unref(c)({id:"pay_invoice.error.title",defaultMessage:"Something went wrong",description:"Title shown when the invoice payment fails to load"})},{default:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main$3),{variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)({id:"pay_invoice.error.description",defaultMessage:"Please try again or contact support.",description:"Body text shown when the invoice payment fails to load"})),1)]),_:1})]),_:1},8,["title"])):!t.isLoading&&t.countryCode&&t.amount&&t.invoice?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[(null==(l=t.paymentMethodOptions)?void 0:l.length)?(e.openBlock(),e.createBlock(e.unref(n._sfc_main),{key:0,title:e.unref(c)({id:"pay_invoice.payment_methods.title",defaultMessage:"Payment methods",description:"Section title for the payment method selector on the pay invoice screen"}),"content-background":"none","no-border":"","no-spacing":""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none opacity-60":m.value})},[e.createVNode(a._sfc_main,{ref_key:"paymentIntegrationFormRef",ref:u,amount:t.amount,"country-code":t.countryCode,context:{type:"INVOICE",related_resource_ids:[{type:"INVOICE",id:t.invoice.id}]},"customer-id":t.invoice.customer.id,"force-store-payment-method":"","invoice-id":t.invoice.id,"payment-method-options":t.paymentMethodOptions,variant:"AUTHORIZE",onPaymentSuccess:v,onPaymentFailed:f,onSelect:g[0]||(g[0]=e=>s.value=e)},null,8,["amount","country-code","context","customer-id","invoice-id","payment-method-options"])],2)]),_:1},8,["title"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]}),aside:e.withCtx(()=>[e.createVNode(r._sfc_main,{variant:"section",class:"min-h-[200px]"},{default:e.withCtx(()=>[t.invoice?(e.openBlock(),e.createBlock(e.unref(n._sfc_main$15),{key:0,invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0)]),_:1}),t.invoice?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(p,{disabled:!s.value||m.value,loading:m.value,amount:t.amount,"payment-method":s.value,onClick:y},null,8,["disabled","loading","amount","payment-method"])])):e.createCommentVNode("",!0)]),_:1}))}}),y=e.defineComponent({__name:"PayInvoice.entry.view",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(t){const o=t,{invoice:a,get:r,downloadInvoicePdf:i}=l.useInvoice({invoiceId:o.configuration.invoiceId}),{payments:p,get:d}=l.usePayments(),{fetchInitial:m}=u.usePaymentMethods({customerId:o.portalObject.customer_id}),{paymentMethodOptions:y,get:v}=s.usePaymentMethodOptions(),{isLoading:f}=c.useLoadInitialData((async()=>{const e=await r();await v({customerId:e.customer.id,amount:e.open_invoice_amount})})(),m(),d(o.configuration.invoiceId)),g=e.computed(()=>{var e;return(null==(e=a.value)?void 0:e.customer)?n.getCustomerCountry(a.value.customer):void 0});return(t,n)=>{var o;return e.renderSlot(t.$slots,"default",{invoice:e.unref(a),isLoading:e.unref(f),amount:null==(o=e.unref(a))?void 0:o.open_invoice_amount,countryCode:g.value,paymentMethodOptions:e.unref(y),paymentAttempts:e.unref(p),downloadService:e.unref(i)})}}}),v=e.defineComponent({__name:"PayInvoice.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:n=>(o,a)=>{var r,i,c,l;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(g),environment:n.environment,locale:n.locale,"portal-object":n.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(i=null==(r=n.branding)?void 0:r.colors)?void 0:i.primary,"secondary-color":null==(l=null==(c=n.branding)?void 0:c.colors)?void 0:l.secondary,"experimental-features":n.experimentalFeatures,"log-level":n.logLevel,"on-log":n.onLog,onError:a[0]||(a[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(y,e.normalizeProps(e.guardReactiveProps(o.$props)),{default:e.withCtx(({invoice:t,isLoading:o,amount:a,countryCode:r,paymentMethodOptions:i,paymentAttempts:c,downloadService:l})=>[e.createVNode(m,{"is-loading":o,invoice:t,amount:a,"country-code":r,"payment-method-options":i,configuration:n.configuration,"payment-attempts":c??[],"download-service":l},null,8,["is-loading","invoice","amount","country-code","payment-method-options","configuration","payment-attempts","download-service"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),f=t.defineCustomElement(v),g=t.getComponentName("pay-invoice");exports.COMPONENT_NAME=g,exports.SolvimonPayInvoice=f,exports.defineSolvimonPayInvoice=()=>{customElements.get(g)||customElements.define(g,f)};

package/dist/screens/PayInvoice/PayInvoice.es.js

@@ -1,14 +1,14 @@
-import { defineComponent, computed, capitalize, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, ref, createVNode, createCommentVNode, createElementBlock, Fragment, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$d, d as defineCustomElement, g as getComponentName } from "../../component-CGfjV_7z.mjs";
-import { u as useIntl, y as formatAmount, e as _sfc_main$4, z as _sfc_main$6, b as _sfc_main$8, l as _sfc_main$9, _ as _sfc_main$a, A as _sfc_main$c, x as getCustomerCountry } from "../../vendor-ui-CdOX_IS-.mjs";
-import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
-import { _ as _sfc_main$b } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Dkd-Cp8c.mjs";
+import { defineComponent, computed, capitalize, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, ref, createVNode, createCommentVNode, createElementBlock, Fragment, createElementVNode, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { _ as _sfc_main$d, d as defineCustomElement, g as getComponentName } from "../../component-BSnccqm1.mjs";
+import { u as useIntl, B as formatAmount, c as _sfc_main$4, C as _sfc_main$6, e as _sfc_main$8, A as _sfc_main$9, _ as _sfc_main$a, d as _sfc_main$c, g as getCustomerCountry } from "../../vendor-ui-B8IlviSs.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Dy9xgxuF.mjs";
+import { _ as _sfc_main$b } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-aP-gCq7V.mjs";
 import { _ as _sfc_main$5 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
-import { _ as _sfc_main$7 } from "../../adyen-D0yvZvq5.mjs";
-import { u as useLoadInitialData } from "../../useLoadInitialData-Cyp1xpuv.mjs";
-import { u as useInvoice, a as usePayments } from "../../usePayments-BtByiIMy.mjs";
-import { u as usePaymentMethodOptions } from "../../usePaymentMethodOptions-r0Opz7BC.mjs";
-import { u as usePaymentMethods } from "../../usePaymentMethods-C-NCtOom.mjs";
+import { _ as _sfc_main$7 } from "../../url-1Lbg5Yni.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-IlbmC6p0.mjs";
+import { u as useInvoice, a as usePayments } from "../../usePayments-E_Jsqo98.mjs";
+import { u as usePaymentMethodOptions } from "../../usePaymentMethodOptions-DRkWBjv6.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-DFkRNreh.mjs";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PayButton",
   props: {
@@ -182,10 +182,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const selectedPaymentMethod = ref();
     const paymentIntegrationFormRef = ref();
+    const isPaymentPending = ref(false);
     function handleSubmit() {
       if (!paymentIntegrationFormRef.value) {
         throw new Error("payment integration form not found");
       }
+      isPaymentPending.value = true;
       paymentIntegrationFormRef.value.submit();
     }
     const handlePaymentSuccess = () => {
@@ -193,6 +195,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         props.configuration.onPaymentSuccess();
       }
     };
+    const handlePaymentFailed = () => {
+      isPaymentPending.value = false;
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ContentWithAsideLayout), null, {
         header: withCtx(() => [
@@ -261,28 +266,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "no-spacing": ""
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$b, {
-                    ref_key: "paymentIntegrationFormRef",
-                    ref: paymentIntegrationFormRef,
-                    amount: __props.amount,
-                    "country-code": __props.countryCode,
-                    context: {
-                      type: "INVOICE",
-                      related_resource_ids: [
-                        {
-                          type: "INVOICE",
-                          id: __props.invoice.id
-                        }
-                      ]
-                    },
-                    "customer-id": __props.invoice.customer.id,
-                    "force-store-payment-method": "",
-                    "invoice-id": __props.invoice.id,
-                    "payment-method-options": __props.paymentMethodOptions,
-                    variant: "AUTHORIZE",
-                    onPaymentSuccess: handlePaymentSuccess,
-                    onSelect: _cache[0] || (_cache[0] = (payload) => selectedPaymentMethod.value = payload)
-                  }, null, 8, ["amount", "country-code", "context", "customer-id", "invoice-id", "payment-method-options"])
+                  createElementVNode("div", {
+                    class: normalizeClass({ "pointer-events-none opacity-60": isPaymentPending.value })
+                  }, [
+                    createVNode(_sfc_main$b, {
+                      ref_key: "paymentIntegrationFormRef",
+                      ref: paymentIntegrationFormRef,
+                      amount: __props.amount,
+                      "country-code": __props.countryCode,
+                      context: {
+                        type: "INVOICE",
+                        related_resource_ids: [
+                          {
+                            type: "INVOICE",
+                            id: __props.invoice.id
+                          }
+                        ]
+                      },
+                      "customer-id": __props.invoice.customer.id,
+                      "force-store-payment-method": "",
+                      "invoice-id": __props.invoice.id,
+                      "payment-method-options": __props.paymentMethodOptions,
+                      variant: "AUTHORIZE",
+                      onPaymentSuccess: handlePaymentSuccess,
+                      onPaymentFailed: handlePaymentFailed,
+                      onSelect: _cache[0] || (_cache[0] = (payload) => selectedPaymentMethod.value = payload)
+                    }, null, 8, ["amount", "country-code", "context", "customer-id", "invoice-id", "payment-method-options"])
+                  ], 2)
                 ]),
                 _: 1
               }, 8, ["title"])) : createCommentVNode("", true)
@@ -304,11 +314,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }),
           __props.invoice ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createVNode(_sfc_main$3, {
-              disabled: !selectedPaymentMethod.value,
+              disabled: !selectedPaymentMethod.value || isPaymentPending.value,
+              loading: isPaymentPending.value,
               amount: __props.amount,
               "payment-method": selectedPaymentMethod.value,
               onClick: handleSubmit
-            }, null, 8, ["disabled", "amount", "payment-method"])
+            }, null, 8, ["disabled", "loading", "amount", "payment-method"])
           ])) : createCommentVNode("", true)
         ]),
         _: 1

package/dist/screens/PaymentMethodsManagement/PaymentMethodsManagement.ce.d.ts

@@ -0,0 +1,3 @@
+export declare const SolvimonPaymentMethodsManagement: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
+export declare const COMPONENT_NAME: string;
+export declare const defineSolvimonPaymentMethodsManagement: () => void;