@solvimon/solvimon-web 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/{PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-BE1lWOk9.mjs → PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-D37gDtY7.mjs}

@@ -1,12 +1,9 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, createCommentVNode, computed, inject, ref, onMounted, onBeforeUnmount, watch, createElementBlock, Fragment, renderList } from "vue";
-import { _ as _sfc_main$7, a as useIntl, t as trackSentryException, E as EXPERIMENTAL_FEATURE_INJECTION_KEY, L as LOGGER_PROVIDER_INJECTION_KEY } from "./component-dpA83LIN.mjs";
-import { _ as _sfc_main$9 } from "./FormMessage.vue.es-DFQXxiSC.mjs";
-import { a as formatAmount } from "./formatting.es-D5H_ySFv.mjs";
-import { a as _sfc_main$6, _ as _sfc_main$8 } from "./Button.vue.es-6sBk5tBL.mjs";
-import { _ as _sfc_main$5 } from "./Section.vue.es-3-H1pUTB.mjs";
-import { c as createPaymentsService } from "./payments-CE9U7aKK.mjs";
-import { c as createPaymentMethodsService } from "./paymentMethods-C-ApE-G4.mjs";
-import { i as isEqual } from "./useService-DG_zedHV.mjs";
+import { defineComponent, computed, openBlock, createBlock, withCtx, unref, createVNode, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, inject, ref, onMounted, onBeforeUnmount, watch, createElementBlock, Fragment, renderList } from "vue";
+import { u as useIntl, _ as _sfc_main$5, l as _sfc_main$6, x as formatAmount, e as _sfc_main$7, k as isEqual, R as _sfc_main$8 } from "./vendor-ui-C0K3osvz.mjs";
+import { _ as _sfc_main$4, g as getQueryParam, t as transformToAdyenAmount, m as mapAdyenPaymentMethods, a as getAdyenEnvironmentFromPaymentMethodOptionsResponse, b as getAdyenClientKeyFromPaymentMethodOptionsResponse, R as REDIRECT_RESULT_QUERY_STRING, P as PAYMENT_ACCEPTOR_ID_QUERY_STRING, c as transformObjectToAdyenObject, d as createReturnUrl } from "./adyen-Bwewy3HC.mjs";
+import { c as createPaymentsService } from "./payments-Dq6R37Fz.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-67b3UlTZ.mjs";
+import { E as EXPERIMENTAL_FEATURE_INJECTION_KEY, a as useLogger } from "./component-Djrf1L-Z.mjs";
 const getOverriddenTranslations = (variant) => {
   let result = {};
   if (variant === "TOKENIZE") {
@@ -139,53 +136,6 @@ const getOverriddenTranslations = (variant) => {
   }
   return result;
 };
-const _hoisted_1$1 = { class: "flex flex-col items-center py-10" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "PaymentFeedbackCard",
-  props: {
-    status: { default: "success", type: String },
-    title: { type: String }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$5), null, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            createVNode(unref(_sfc_main$6), {
-              icon: __props.status === "success" ? "check_circle" : "error",
-              class: normalizeClass({
-                "text-green-400": __props.status === "success",
-                "text-red-600": __props.status === "error"
-              }),
-              size: "lg"
-            }, null, 8, ["icon", "class"]),
-            createVNode(unref(_sfc_main$7), {
-              variant: "heading-3",
-              tag: "span",
-              class: "mt-2"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.title), 1)
-              ]),
-              _: 1
-            }),
-            _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$7), {
-              key: 0,
-              tag: "div",
-              variant: "body-sm"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            })) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PaymentCompletedCard",
   props: {
@@ -212,7 +162,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         title: title.value
       }, {
         default: withCtx(() => [
-          __props.amount ? (openBlock(), createBlock(unref(_sfc_main$7), {
+          __props.amount ? (openBlock(), createBlock(unref(_sfc_main$5), {
             key: 0,
             variant: "body-sm",
             class: "mt-1"
@@ -223,7 +173,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$5), {
             variant: "body-xs",
             shade: "lighter"
           }, {
@@ -299,7 +249,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            createVNode(unref(_sfc_main$7), {
+            createVNode(unref(_sfc_main$5), {
               variant: "body-xs",
               shade: "lighter",
               class: "mt-3"
@@ -309,7 +259,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            errorConfig.value.isReloadButtonVisible ? (openBlock(), createBlock(unref(_sfc_main$8), {
+            errorConfig.value.isReloadButtonVisible ? (openBlock(), createBlock(unref(_sfc_main$7), {
               key: 0,
               type: "button",
               color: "gray",
@@ -332,103 +282,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-function getQueryParam(name, locationSearch = window.location.search) {
-  const currentUrl = new URLSearchParams(locationSearch);
-  return currentUrl.get(name);
-}
-const PAYMENT_ACCEPTOR_ID_QUERY_STRING = "payment_acceptor_id";
-const REDIRECT_RESULT_QUERY_STRING = "redirectResult";
-function getAdyenClientKeyFromPaymentMethodOptionsResponse(paymentMethodOptionResponse) {
-  var _a, _b;
-  return (_b = (_a = paymentMethodOptionResponse.integration.payment_gateway) == null ? void 0 : _a.adyen) == null ? void 0 : _b.public_key;
-}
-function transformToAdyenAmount(amount) {
-  const formatter = new Intl.NumberFormat(void 0, {
-    style: "currency",
-    currency: amount.currency
-  });
-  const { maximumFractionDigits = 10 } = formatter.resolvedOptions();
-  return {
-    value: Math.round(+amount.quantity * Math.pow(10, maximumFractionDigits)),
-    currency: amount.currency
-  };
-}
-function mapAdyenPaymentMethods(paymentMethodOptionResponse) {
-  var _a;
-  return ((_a = paymentMethodOptionResponse.options) == null ? void 0 : _a.flatMap(
-    (adyenPaymentMethodOption) => mapAdyenPaymentMethod(adyenPaymentMethodOption.adyen)
-  )) ?? [];
-}
-function mapAdyenPaymentMethod(adyen) {
-  return {
-    type: adyen.type,
-    name: adyen.name,
-    ...adyen.issuers ? { issuers: adyen.issuers } : {},
-    ...adyen.brands ? { brands: adyen.brands } : {},
-    ...adyen.funding_source ? { fundingSource: adyen.funding_source } : {},
-    ...adyen.configuration ? { configuration: adyen.configuration } : {}
-  };
-}
-function createReturnUrl({
-  paymentAcceptorId,
-  redirectUrl = window.location.href
-}) {
-  const returnUrl = new URL(redirectUrl);
-  returnUrl.searchParams.set(PAYMENT_ACCEPTOR_ID_QUERY_STRING, paymentAcceptorId);
-  return returnUrl.toString();
-}
-function getAdyenEnvironmentFromPaymentMethodOptionsResponse(paymentMethodsOptionsResponse) {
-  var _a, _b;
-  const environment = (_b = (_a = paymentMethodsOptionsResponse == null ? void 0 : paymentMethodsOptionsResponse.integration.payment_gateway) == null ? void 0 : _a.adyen) == null ? void 0 : _b.environment;
-  if (!environment) {
-    trackSentryException(void 0, {
-      Message: "No environment set for adyen advanced flow, defaulted to live"
-    });
-    return "live";
-  }
-  switch (environment) {
-    case "TEST":
-      return "test";
-    case "LIVE_IN":
-      return "live-in";
-    case "LIVE_AU":
-      return "live-au";
-    case "LIVE_US":
-      return "live-us";
-    case "LIVE_APSE":
-      return "live-apse";
-    case "LIVE":
-      return "live";
-    default:
-      trackSentryException(void 0, {
-        Message: `Unsupported environment "${environment}" for adyen advanced flow, defaulted to "live"`
-      });
-      return "live";
-  }
-}
-function getAdyenExpressCheckoutConfiguration({
-  amount,
-  countryCode,
-  locale,
-  paymentMethodOptionResponse
-}) {
-  return {
-    ...amount ? { amount: transformToAdyenAmount(amount) } : {},
-    analytics: { enabled: false },
-    clientKey: getAdyenClientKeyFromPaymentMethodOptionsResponse(paymentMethodOptionResponse),
-    countryCode,
-    environment: getAdyenEnvironmentFromPaymentMethodOptionsResponse(
-      paymentMethodOptionResponse
-    ),
-    locale,
-    paymentMethodsResponse: {
-      paymentMethods: mapAdyenPaymentMethods(paymentMethodOptionResponse)
-    }
-  };
-}
-function transformObjectToAdyenObject(obj) {
-  return obj ? Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, String(value)])) : void 0;
-}
 const useExperimentalFeature = () => {
   const experimentalFeature = inject(EXPERIMENTAL_FEATURE_INJECTION_KEY);
   return experimentalFeature;
@@ -442,13 +295,6 @@ function filterOutExpressPaymentMethods(paymentMethods) {
     })
   );
 }
-function useLogger() {
-  const logger = inject(LOGGER_PROVIDER_INJECTION_KEY, null);
-  if (logger) return logger;
-  const noop = () => {
-  };
-  return { debug: noop, info: noop, warn: noop, error: noop, capture: noop };
-}
 const PAYMENT_GATEWAY_VARIANT_ADYEN = "ADYEN";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "PaymentIntegrationFormAdyen",
@@ -459,7 +305,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     paymentMethodOptionResponseEntry: { type: Object },
     variant: { type: String },
     selected: { type: Boolean },
-    onSelect: { type: Function },
     amount: { type: Object },
     validateOnSubmit: { type: Function, default: () => Promise.resolve(true) },
     context: { type: Object },
@@ -485,7 +330,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       try {
         dropInInstance == null ? void 0 : dropInInstance.submit();
       } catch (error) {
-        console.error(error);
+        logger.error("ADYEN_SUBMIT_FAILED", "Failed to submit Adyen drop-in", {}, error);
       }
     }
     async function getConfiguration() {
@@ -501,7 +346,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             props.paymentMethodOptionResponseEntry
           ),
           environment: getAdyenEnvironmentFromPaymentMethodOptionsResponse(
-            props.paymentMethodOptionResponseEntry
+            props.paymentMethodOptionResponseEntry,
+            logger
           ),
           locale,
           translations: getOverriddenTranslations(props.variant),
@@ -529,7 +375,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }
           },
           openFirstPaymentMethod: props.selected,
-          onSelect: () => emit("select"),
+          onSelect: ({ props: { type } }) => {
+            if (!type) return;
+            emit("select", { paymentMethodType: type, paymentGatewayVariant: "ADYEN" });
+          },
           onReady: () => emit("ready")
         }
       };
@@ -538,15 +387,58 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!dropInContainerRef.value) return;
       try {
         await unmountDropIn();
-        const [adyenModule, { default: adyenCss }] = await Promise.all([
-          import("./auto-DzZuCneB.mjs"),
-          import("./adyen-51SvcyqV.mjs")
+        const [adyenModule, { default: adyenCssUrl }] = await Promise.all([
+          import("./index-DyvRdSR7.mjs"),
+          import("./adyen-B_QrYdaC.mjs")
         ]);
-        const { AdyenCheckout, Dropin } = adyenModule;
+        const {
+          AdyenCheckout,
+          Dropin,
+          Card,
+          Bancontact,
+          Ach,
+          AmazonPay,
+          ApplePay,
+          BcmcMobile,
+          BacsDirectDebit,
+          CashAppPay,
+          EPS,
+          GooglePay,
+          Klarna,
+          PayByBank,
+          PayPal,
+          SepaDirectDebit,
+          Trustly,
+          Twint,
+          PayByBankUS,
+          Redirect
+        } = adyenModule;
         const { checkoutConfig, dropInConfig } = await getConfiguration();
         checkoutInstance = await AdyenCheckout(checkoutConfig);
-        dropInInstance = new Dropin(checkoutInstance, dropInConfig).mount(dropInContainerRef.value);
-        injectStylesToShadowRoot(adyenCss);
+        dropInInstance = new Dropin(checkoutInstance, {
+          ...dropInConfig,
+          paymentMethodComponents: [
+            Card,
+            Bancontact,
+            Ach,
+            AmazonPay,
+            ApplePay,
+            BcmcMobile,
+            BacsDirectDebit,
+            CashAppPay,
+            EPS,
+            GooglePay,
+            Klarna,
+            PayByBank,
+            PayPal,
+            SepaDirectDebit,
+            Trustly,
+            Twint,
+            PayByBankUS,
+            Redirect
+          ]
+        }).mount(dropInContainerRef.value);
+        injectStylesToShadowRoot(adyenCssUrl);
       } catch (error) {
         logger.error(
           "PAYMENT_INTEGRATION_INITIALIZATION_FAILED",
@@ -564,12 +456,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         dropInContainerRef.value.innerHTML = "";
       }
     }
-    function injectStylesToShadowRoot(adyenCss) {
+    function injectStylesToShadowRoot(adyenCssUrl) {
       var _a;
       const root = (_a = dropInContainerRef.value) == null ? void 0 : _a.getRootNode();
       if (root instanceof ShadowRoot) {
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = adyenCssUrl;
+        root.appendChild(link);
         const style = document.createElement("style");
-        style.textContent = `${adyenCss}
+        style.textContent = `
             :host {
                 --adyen-sdk-color-background-secondary: transparent;
                 --adyen-sdk-color-background-primary: rgb(243 244 246 / 0.5);
@@ -804,7 +700,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             actions.resolve({ resultCode: "Error" });
           });
         }
-      }).catch(() => {
+      }).catch((error) => {
+        logger.error(
+          "INTEGRATION_ERROR",
+          "Unhandled error in payment submission flow",
+          {},
+          error
+        );
       });
     }
     function handleActionRequiredPaymentAction(response, paymentMethodType) {
@@ -979,7 +881,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     countryCode: { type: String },
     invoiceId: { type: String },
     amount: { type: Object },
-    successRedirectUrl: { type: String },
     selectedOption: { type: String },
     validateOnSubmit: { type: Function },
     forceStorePaymentMethod: { type: Boolean }
@@ -993,9 +894,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectedIntegration = ref();
     const integrationRefs = ref(/* @__PURE__ */ new Map());
     const showIntegrationError = ref(false);
-    function handleSelect(type) {
-      selectedIntegration.value = type;
+    function handleSelect({
+      paymentGatewayVariant,
+      paymentMethodType
+    }) {
       showIntegrationError.value = false;
+      emit("select", { paymentGatewayVariant, paymentMethodType });
     }
     function submit() {
       var _a, _b;
@@ -1005,12 +909,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       (_b = integrationRefs.value.get(selectedIntegration.value)) == null ? void 0 : _b.submit();
     }
-    const handlePaymentSuccess = () => {
-      if (props.successRedirectUrl) {
-        window.location.href = props.successRedirectUrl;
-      }
-      emit("payment-success");
-    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.paymentMethodOptions, (paymentMethodOption) => {
@@ -1021,7 +919,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ((_a = paymentMethodOption.integration.payment_gateway) == null ? void 0 : _a.variant) === "ADYEN" ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               ref_for: true,
-              ref: (el) => integrationRefs.value.set("PAYMENT_GATEWAY_ADYEN", el),
+              ref: (el) => integrationRefs.value.set(
+                paymentMethodOption.integration.payment_gateway.variant,
+                el
+              ),
               context: __props.context,
               "payment-method-option-response-entry": paymentMethodOption,
               "country-code": __props.countryCode,
@@ -1029,17 +930,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               variant: __props.variant,
               amount: __props.amount,
               "invoice-id": __props.invoiceId,
-              selected: selectedIntegration.value === "PAYMENT_GATEWAY_ADYEN",
+              selected: selectedIntegration.value === paymentMethodOption.integration.payment_gateway.variant,
               "validate-on-submit": __props.validateOnSubmit,
               "force-store-payment-method": __props.forceStorePaymentMethod,
-              onSelect: _cache[0] || (_cache[0] = () => handleSelect("PAYMENT_GATEWAY_ADYEN")),
-              onPaymentFailed: _cache[1] || (_cache[1] = (args) => _ctx.$emit("payment-failed", args)),
-              onPaymentSuccess: handlePaymentSuccess,
-              onReady: _cache[2] || (_cache[2] = ($event) => emit("ready"))
+              onSelect: handleSelect,
+              onPaymentFailed: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("payment-failed", $event)),
+              onPaymentSuccess: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("payment-success")),
+              onReady: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("ready"))
             }, null, 8, ["context", "payment-method-option-response-entry", "country-code", "customer-id", "variant", "amount", "invoice-id", "selected", "validate-on-submit", "force-store-payment-method"])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        showIntegrationError.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
+        showIntegrationError.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
           key: 0,
           variant: "error",
           class: "mt-2"
@@ -1058,10 +959,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as _,
-  _sfc_main$4 as a,
-  createReturnUrl as c,
-  getAdyenExpressCheckoutConfiguration as g,
-  transformObjectToAdyenObject as t,
-  useLogger as u
+  _sfc_main as _
 };

package/dist/PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-D5bxFJ-p.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./vendor-ui-5pJF5KBP.js"),n=require("./adyen-R6aSZ0Yf.js"),a=require("./payments-DkHhTHto.js"),o=require("./paymentMethods-C_sdTkSF.js"),r=require("./component-BOqPDAVk.js"),i=e=>{let t={};return"TOKENIZE"===e&&(t={"en-US":{payButton:"Add payment method",confirmPurchase:"Add payment method"},"fr-FR":{payButton:"Ajouter un moyen de paiement",confirmPurchase:"Ajouter un moyen de paiement"},"de-DE":{payButton:"Zahlungsmethode hinzufügen",confirmPurchase:"Zahlungsmethode hinzufügen"},"it-IT":{payButton:"Aggiungi metodo di pagamento",confirmPurchase:"Aggiungi metodo di pagamento"},"es-ES":{payButton:"Añadir método de pago",confirmPurchase:"Añadir método de pago"},"nl-NL":{payButton:"Betaalmethode toevoegen",confirmPurchase:"Betaalmethode toevoegen"},"pt-BR":{payButton:"Adicionar método de pagamento",confirmPurchase:"Adicionar método de pagamento"},"pt-PT":{payButton:"Adicionar método de pagamento",confirmPurchase:"Adicionar método de pagamento"},"pl-PL":{payButton:"Dodaj metodę płatności",confirmPurchase:"Dodaj metodę płatności"},"ru-RU":{payButton:"Добавить способ оплаты",confirmPurchase:"Добавить способ оплаты"},"sv-SE":{payButton:"Lägg till betalningsmetod",confirmPurchase:"Lägg till betalningsmetod"},"da-DK":{payButton:"Tilføj betalingsmetode",confirmPurchase:"Tilføj betalingsmetode"},"fi-FI":{payButton:"Lisää maksutapa",confirmPurchase:"Lisää maksutapa"},"no-NO":{payButton:"Legg til betalingsmetode",confirmPurchase:"Legg til betalingsmetode"},"cs-CZ":{payButton:"Přidat platební metodu",confirmPurchase:"Přidat platební metodu"},"hu-HU":{payButton:"Fizetési mód hozzáadása",confirmPurchase:"Fizetési mód hozzáadása"},"ro-RO":{payButton:"Adăugați metodă de plată",confirmPurchase:"Adăugați metodă de plată"},"ja-JP":{payButton:"支払い方法を追加",confirmPurchase:"支払い方法を追加"},"ko-KR":{payButton:"결제 수단 추가",confirmPurchase:"결제 수단 추가"},"zh-CN":{payButton:"添加支付方式",confirmPurchase:"添加支付方式"},"zh-TW":{payButton:"新增付款方式",confirmPurchase:"新增付款方式"},ar:{payButton:"إضافة وسيلة دفع",confirmPurchase:"إضافة وسيلة دفع"},"hr-HR":{payButton:"Dodajte način plačanja",confirmPurchase:"Dodajte način plačanja"},"el-GR":{payButton:"Προσθήκη μεθόδου πληρωμής",confirmPurchase:"Προσθήκη μεθόδου πληρωμής"},"sk-SK":{payButton:"Pridať spôsob platby",confirmPurchase:"Pridať spôsob platby"},"sl-SI":{payButton:"Dodajte način plačanja",confirmPurchase:"Dodajte način plačanja"},"bg-BG":{payButton:"Добавяне на начин на плащане",confirmPurchase:"Добавяне на начин на плащане"},"ca-ES":{payButton:"Afegir mètode de pagament",confirmPurchase:"Afegir mètode de pagament"},"et-EE":{payButton:"Lisa makseviis",confirmPurchase:"Lisa makseviis"},"lv-LV":{payButton:"Pievienot maksājuma veidu",confirmPurchase:"Pievienot maksājuma veidu"},"lt-LT":{payButton:"Pridėti mokėjimo metodą",confirmPurchase:"Pridėti mokėjimo metodą"}}),t},d=e.defineComponent({__name:"PaymentCompletedCard",props:{amount:{type:Object},variant:{type:String}},setup(a){const o=a,{$t:r}=t.useIntl(),i=e.computed(()=>"AUTHORIZE"===o.variant?r({defaultMessage:"Payment successful",description:"The title for when a payment has been successful",id:"payment_completed_card.title.authorize"}):r({defaultMessage:"Your payment method is added",description:"The title for when a payment method was successfully added",id:"payment_completed_card.title.tokenize"}));return(o,d)=>(e.openBlock(),e.createBlock(n._sfc_main,{status:"success",title:i.value},{default:e.withCtx(()=>[a.amount?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$6),{icon:"check"}),e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(a.amount)),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(t._sfc_main),{variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"You are being redirected...",description:"The text shown after a successful message before a redirect",id:"payment_completed_card.redirect_message"})),1)]),_:1})]),_:1},8,["title"]))}}),c={UNKNOWN_ERROR:{title:"Something went wrong",message:"An unknown error has occurred",isReloadButtonVisible:!0},AUTHORIZATION_FAILED:{title:"Payment failed",message:"The payment failed"},PAYMENT_DETAILS_CALL_FAILED:{title:"Payment details call failed",message:"There was a problem getting the payment details"},PAYMENT_METHOD_STORAGE_FAILED:{title:"Failed storing payment method",message:"Something went wrong with storing the payment method"},REDIRECT_RESULT_PAYMENT_ACCEPTOR_MISSING:{title:"Missing payment acceptor",message:"A redirect result is set, but a payment acceptor is missing in the url"},TOKENIZE_FAILED:{title:"Tokenization failed",message:"The tokenization of the payment method has failed"},PAYMENT_INTEGRATION_INITIALIZATION_FAILED:{title:"Failed loading payment methods",message:"Failed loading payment integration",isReloadButtonVisible:!0},RESOURCE_REVOKED:{title:"Resource revoked",message:"The resource has been revoked",isReloadButtonVisible:!0}},s={class:"flex flex-col items-center gap-6"},m=e.defineComponent({__name:"PaymentErrorCard",props:{error:{type:Object}},setup(a){const o=a,{$t:r}=t.useIntl(),i=e.computed(()=>c[o.error.code]),d=()=>{window.location.reload()};return(a,o)=>(e.openBlock(),e.createBlock(n._sfc_main,{status:"error",title:i.value.title},{default:e.withCtx(()=>[e.createElementVNode("div",s,[e.createVNode(e.unref(t._sfc_main),{variant:"body-xs",shade:"lighter",class:"mt-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value.message),1)]),_:1}),i.value.isReloadButtonVisible?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$3),{key:0,type:"button",color:"gray",variant:"outline",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Try again",description:"Retry button text when an error has happened during a payment",id:"payments.retry_button.label"})),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1},8,["title"]))}}),u=["applepay"];const p="ADYEN",l=e.defineComponent({__name:"PaymentIntegrationFormAdyen",props:{countryCode:{type:String},customerId:{type:String},invoiceId:{type:String},paymentMethodOptionResponseEntry:{type:Object},variant:{type:String},selected:{type:Boolean},amount:{type:Object},validateOnSubmit:{type:Function,default:()=>Promise.resolve(!0)},context:{type:Object},forceStorePaymentMethod:{type:Boolean}},emits:["select","payment-failed","payment-success","ready"],setup(c,{expose:s,emit:l}){let y=null,h=null;const _=c,f=l;s({submit:function(){try{null==y||y.submit()}catch(e){A.error("ADYEN_SUBMIT_FAILED","Failed to submit Adyen drop-in",{},e)}}});const g=e.ref(),E=e.ref(!1),v=e.ref(),A=r.useLogger(),{locale:I}=t.useIntl(),{authorizePayment:R,getPaymentDetails:k}=a.createPaymentsService(),{tokenizePaymentMethod:b}=o.createPaymentMethodsService(),P=e.inject(r.EXPERIMENTAL_FEATURE_INJECTION_KEY),T=e.computed(()=>"TOKENIZE"===_.variant);async function N(){var e;const t=n.transformToAdyenAmount(_.amount),a=(null==(e=null==P?void 0:P.value)?void 0:e["express-checkout"])?function(e){return e.filter(e=>!u.some(t=>{var n;return t===(null==(n=e.type)?void 0:n.toLowerCase())}))}(n.mapAdyenPaymentMethods(_.paymentMethodOptionResponseEntry)):n.mapAdyenPaymentMethods(_.paymentMethodOptionResponseEntry);return{checkoutConfig:{amount:t,clientKey:n.getAdyenClientKeyFromPaymentMethodOptionsResponse(_.paymentMethodOptionResponseEntry),environment:n.getAdyenEnvironmentFromPaymentMethodOptionsResponse(_.paymentMethodOptionResponseEntry,A),locale:I,translations:i(_.variant),countryCode:_.countryCode,analytics:{enabled:!1},paymentMethodsResponse:{paymentMethods:a},onSubmit:B,onAdditionalDetails:x,onPaymentCompleted:M,onPaymentFailed:S,onError:D,showPayButton:T.value},dropInConfig:{disableFinalAnimation:!0,paymentMethodsConfiguration:{card:{hasHolderName:!0,holderNameRequired:!0,enableStoreDetails:!_.forceStorePaymentMethod&&"AUTHORIZE"===_.variant},paypal:{intent:t.value>0?"authorize":"tokenize",showPayButton:!0}},openFirstPaymentMethod:_.selected,onSelect:({props:{type:e}})=>{e&&f("select",{paymentMethodType:e,paymentGatewayVariant:"ADYEN"})},onReady:()=>f("ready")}}}async function O(){if(g.value)try{await w();const[e,{default:t}]=await Promise.all([Promise.resolve().then(()=>require("./index-DIFK3mcJ.js")),Promise.resolve().then(()=>require("./adyen-mQEEOjgl.js"))]),{AdyenCheckout:n,Dropin:a,Card:o,Bancontact:r,Ach:i,AmazonPay:d,ApplePay:c,BcmcMobile:s,BacsDirectDebit:m,CashAppPay:u,EPS:p,GooglePay:l,Klarna:f,PayByBank:E,PayPal:v,SepaDirectDebit:A,Trustly:I,Twint:R,PayByBankUS:k,Redirect:b}=e,{checkoutConfig:P,dropInConfig:T}=await N();h=await n(P),y=new a(h,{...T,paymentMethodComponents:[o,r,i,d,c,s,m,u,p,l,f,E,v,A,I,R,k,b]}).mount(g.value),function(e){var t;const n=null==(t=g.value)?void 0:t.getRootNode();if(n instanceof ShadowRoot){const t=document.createElement("link");t.rel="stylesheet",t.href=e,n.appendChild(t);const a=document.createElement("style");a.textContent="\n            :host {\n                --adyen-sdk-color-background-secondary: transparent;\n                --adyen-sdk-color-background-primary: rgb(243 244 246 / 0.5);\n                --adyen-sdk-color-outline-secondary: #e5e7eb;\n                --adyen-sdk-color-outline-primary: transparent;\n                --adyen-sdk-color-background-always-dark: var(--color-primary-500);\n                --adyen-sdk-color-background-inverse-primary-hover: var(--color-primary-600);\n            }\n\n            .adyen-checkout__payment-method__image__wrapper {\n                width: 32px;\n                height: 32px;\n            }\n\n            .adyen-checkout__payment-method__image {\n                height: 32px;\n            }\n\n            .adyen-checkout__input-wrapper,\n            .adyen-checkout__input {\n                border-color: rgb(229, 231, 235);\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__button,\n            .adyen-checkout__payment-method {\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__payment-method {\n                border-color: rgb(229, 231, 235);\n                box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n                transition: box-shadow 0.2s ease-in-out;\n            }\n\n            .adyen-checkout__payment-method--selected {\n                box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n            }\n\n            .adyen-checkout__payment-method:after {\n                transform: scale(0%);\n            }\n\n            .adyen-checkout__paypal__button {\n                display: block !important;\n            }\n\n            .adyen-checkout__payment-methods-list {\n                gap: 4px;\n            }\n\n            .adyen-checkout__dropdown__list {\n                background-color: white;\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__payment-method.adyen-checkout__payment-method--selected:after {\n                content: '✓';\n                width: 20px;\n                height: 20px;\n                border-radius: 10px;\n                background-color: var(--color-primary-600);\n                position: absolute;\n                top: 14px;\n                right: 14px;\n                text-align: center;\n                line-height: 20px;\n                color: white;\n                transform: scale(100%);\n                font-size: 12px;\n            }\n\n            .adyen-checkout__payment-method__header {\n                padding: 8px 16px !important;\n            }\n\n            .adyen-checkout__payment-method__brands {\n                align-items: center;\n            }\n            .adyen-checkout__payment-method__brand-number {\n                line-height: 1;\n            }\n            .adyen-checkout__button__text {\n                font-size: 14px;\n            }\n            .adyen-checkout__store-details {\n                background: transparent;\n                padding: 0;\n            }\n            .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {\n                border-color: rgb(229, 231, 235);\n            }\n        ","AUTHORIZE"===_.variant&&(a.textContent+="\n            .adyen-checkout__payment-method--cashapp .adyen-checkout-pm-details-wrapper {\n                display: none;\n            }\n            "),n.appendChild(a)}}(t)}catch(e){A.error("PAYMENT_INTEGRATION_INITIALIZATION_FAILED","Failed to mount Adyen web drop-in",{error:e})}}async function w(){y&&(y.unmount(),y=null),g.value&&(g.value.innerHTML="")}function B(...e){const[t,a,o]=e;_.validateOnSubmit().then(e=>{if(!e)return;const a=_.paymentMethodOptionResponseEntry.payment_acceptor.id,r={risk_data:n.transformObjectToAdyenObject(t.data.riskData),payment_method:n.transformObjectToAdyenObject(t.data.paymentMethod),browser_info:n.transformObjectToAdyenObject(t.data.browserInfo)};if("AUTHORIZE"===_.variant){const e=n.createReturnUrl({paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id,redirectUrl:window.location.href});return void R({payment_acceptor_id:a,..._.customerId?{customer_id:_.customerId}:{},payment_gateway_variant:p,adyen:{...r,store_payment_method:_.forceStorePaymentMethod||t.data.storePaymentMethod},amount:_.amount,..._.context?{context:_.context}:{},return_url:e}).then(e=>{const n=t.data.paymentMethod.type;if(["FAILURE","REFUSED"].includes(e.status))return A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e}),void o.resolve({resultCode:"Error"});if("ACTION_REQUIRED"===e.status&&e.action.payment_gateway_variant===p){const t=C(e,n);return t?(y.handleAction(t),void o.resolve({resultCode:e.action.adyen.result_code,action:t})):void A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e})}E.value=!0,o.resolve({resultCode:"Authorised"})}).catch(e=>{A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e}),o.resolve({resultCode:"Error"})})}if("TOKENIZE"===_.variant){const e=n.createReturnUrl({paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id,redirectUrl:window.location.href});if(!_.customerId)return void A.error("TOKENIZATION_FAILED",`Missing customer id for payment acceptor with id ${a}`);b({customer_id:_.customerId,payment_acceptor_id:a,payment_gateway_variant:p,adyen:r,return_url:e}).then(e=>{const n=t.data.paymentMethod.type;if(["FAILURE","REFUSED"].includes(e.status))return A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e}),void o.resolve({resultCode:"Error"});if("ACTION_REQUIRED"===e.status&&e.action.payment_gateway_variant===p){const t=C(e,n);return t?(y.handleAction(t),void o.resolve({resultCode:e.action.adyen.result_code,action:t})):void A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e})}E.value=!0,o.resolve({resultCode:"Authorised"})}).catch(e=>{A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e}),o.resolve({resultCode:"Error"})})}}).catch(e=>{A.error("INTEGRATION_ERROR","Unhandled error in payment submission flow",{},e)})}function C(e,t){if("ACTION_REQUIRED"!==e.status)return;const n=e.action;if("ADYEN"!=n.payment_gateway_variant)return;const a=n.adyen;return{paymentMethodType:(null==a?void 0:a.payment_method_type)??t,method:n.method,url:n.url,data:n.data,type:null==a?void 0:a.action_type,paymentData:null==a?void 0:a.payment_data,sdkData:null==a?void 0:a.sdk_data}}function x(...e){const[t]=e,n=t.data.details,a=t.data.paymentData;if(_.paymentMethodOptionResponseEntry.payment_acceptor.id)return void F({detailsResult:n?(o=n,Object.fromEntries(Object.entries(o).filter(([,e])=>null!=e))):void 0,paymentDataResult:a,paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id});var o;const r={code:"UNKNOWN_ERROR",message:"Payment failed",error:e};f("payment-failed",r),v.value=r}function S(...e){const[t]=e,n={code:"UNKNOWN_ERROR",message:"Payment failed",error:t};f("payment-failed",n),v.value=n}function M(...e){const[,t]=e;null==t||t.unmount(),f("payment-success")}function D(...e){const[t,n]=e;if("CANCEL"===t.name)return;const a={code:"UNKNOWN_ERROR",message:"Something went wrong",error:t};A.error("INTEGRATION_ERROR","Something went wrong",{error:t}),v.value=a,null==n||n.unmount()}function F({detailsResult:e,threeDSResult:t,redirectResult:n,paymentDataResult:a,paymentAcceptorId:o}){k({paymentAcceptorId:o,paymentGatewayVariant:p,adyen:{...e?{details:e}:{},...n?{redirect_result:n}:{},...t?{threeds_result:t}:{},...a?{payment_data:a}:{}}}).then(e=>{"FAILURE"!==e.payment_status?"SUCCESS"!==e.payment_status||f("payment-success"):f("payment-failed",{code:"UNKNOWN_ERROR",message:"Failed getting payment details",error:e})}).catch(e=>{A.error("PAYMENT_DETAILS_CALL_FAILED","Failed fetching payment details",{error:e})})}return e.onMounted(()=>{O(),function(){const e=n.getQueryParam(n.REDIRECT_RESULT_QUERY_STRING),t=n.getQueryParam(n.PAYMENT_ACCEPTOR_ID_QUERY_STRING);e&&(t?F({paymentAcceptorId:t,detailsResult:{redirectResult:decodeURI(e)}}):A.error("INVALID_REDIRECT_RESULT","Redirect result is set but payment acceptor id is missing",{context:{redirectResult:e}}))}()}),e.onBeforeUnmount(()=>{w()}),e.watch(()=>_.paymentMethodOptionResponseEntry,(e,n)=>{t.isEqual(e,n)||O()},{deep:!0}),(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[E.value?(e.openBlock(),e.createBlock(d,{key:0,variant:c.variant},null,8,["variant"])):v.value?(e.openBlock(),e.createBlock(m,{key:1,error:v.value},null,8,["error"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"dropInContainerRef",ref:g},null,512)],64))}}),y=e.defineComponent({__name:"PaymentIntegrationForm",props:{customerId:{type:String},variant:{type:String},context:{type:Object},paymentMethodOptions:{type:Array},countryCode:{type:String},invoiceId:{type:String},amount:{type:Object},selectedOption:{type:String},validateOnSubmit:{type:Function},forceStorePaymentMethod:{type:Boolean}},emits:["select","payment-failed","payment-success","ready"],setup(n,{expose:a,emit:o}){const r=n,i=o;a({submit:function(){var e,t;c.value||(m.value=!0,null==(e=r.validateOnSubmit)||e.call(r));null==(t=s.value.get(c.value))||t.submit()}});const{$t:d}=t.useIntl(),c=e.ref(),s=e.ref(new Map),m=e.ref(!1);function u({paymentGatewayVariant:e,paymentMethodType:t}){m.value=!1,i("select",{paymentGatewayVariant:e,paymentMethodType:t})}return(a,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.paymentMethodOptions,t=>{var r;return e.openBlock(),e.createElementBlock(e.Fragment,{key:t.integration.id},["ADYEN"===(null==(r=t.integration.payment_gateway)?void 0:r.variant)?(e.openBlock(),e.createBlock(l,{key:0,ref_for:!0,ref:e=>s.value.set(t.integration.payment_gateway.variant,e),context:n.context,"payment-method-option-response-entry":t,"country-code":n.countryCode,"customer-id":n.customerId,variant:n.variant,amount:n.amount,"invoice-id":n.invoiceId,selected:c.value===t.integration.payment_gateway.variant,"validate-on-submit":n.validateOnSubmit,"force-store-payment-method":n.forceStorePaymentMethod,onSelect:u,onPaymentFailed:o[0]||(o[0]=e=>a.$emit("payment-failed",e)),onPaymentSuccess:o[1]||(o[1]=e=>a.$emit("payment-success")),onReady:o[2]||(o[2]=e=>a.$emit("ready"))},null,8,["context","payment-method-option-response-entry","country-code","customer-id","variant","amount","invoice-id","selected","validate-on-submit","force-store-payment-method"])):e.createCommentVNode("",!0)],64)}),128)),m.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$23),{key:0,variant:"error",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)({defaultMessage:"Select a payment method",id:"payment_integration_form.select_payment_method_error",description:"Error shown when no payment method is selected"})),1)]),_:1})):e.createCommentVNode("",!0)],64))}});exports._sfc_main=y;

package/dist/{PricingGroupContent.vue_vue_type_script_setup_true_lang-BbvDXvIS.mjs → PricingGroupContent.vue_vue_type_script_setup_true_lang-BChVMzCj.mjs}

@@ -1,30 +1,5 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot } from "vue";
-import { _ as _sfc_main$3 } from "./component-dpA83LIN.mjs";
-import { a as _sfc_main$2 } from "./Button.vue.es-6sBk5tBL.mjs";
-const _hoisted_1$1 = { class: "flex gap-1" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Kpi",
-  props: {
-    icon: { type: null },
-    kpi: { type: String }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(unref(_sfc_main$2), {
-          icon: __props.icon,
-          size: "xs"
-        }, null, 8, ["icon"]),
-        createVNode(unref(_sfc_main$3), { variant: "body-xs" }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.kpi), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "./vendor-ui-C0K3osvz.mjs";
 const _hoisted_1 = { class: "flex items-start" };
 const _hoisted_2 = { class: "flex flex-col grow" };
 const _hoisted_3 = { class: "flex items-center gap-1" };
@@ -40,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createVNode(unref(_sfc_main$3), {
+            createVNode(unref(_sfc_main$1), {
               tag: "span",
               variant: "body-sm",
               weight: "semibold"
@@ -52,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             renderSlot(_ctx.$slots, "badge")
           ]),
-          createVNode(unref(_sfc_main$3), {
+          createVNode(unref(_sfc_main$1), {
             tag: "span",
             variant: "body-xs",
             shade: "lighter"
@@ -71,6 +46,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as _,
-  _sfc_main$1 as a
+  _sfc_main as _
 };

package/dist/PricingGroupContent.vue_vue_type_script_setup_true_lang-Br3bEUlP.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./vendor-ui-5pJF5KBP.js"),r={class:"flex items-start"},n={class:"flex flex-col grow"},a={class:"flex items-center gap-1"},s={class:"flex items-center ml-4 self-center"},i=e.defineComponent({__name:"PricingGroupContent",props:{name:{type:String},description:{type:String}},setup:i=>(o,l)=>(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",n,[e.createElementVNode("div",a,[e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.name),1)]),_:1}),e.renderSlot(o.$slots,"badge")]),e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.description),1)]),_:1})]),e.createElementVNode("div",s,[e.renderSlot(o.$slots,"default")])]))});exports._sfc_main=i;

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs → Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs}

@@ -50,21 +50,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return hasSlotContent.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         __props.variant === "title" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50"
+          class: "sv-skeleton sv-skeleton--title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"
         }), null, 16, _hoisted_1)) : __props.variant === "divider-text" ? (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: "mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"
-        }), null, 16, _hoisted_2)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, _ctx.$attrs, { "data-testid": __props.dataTestid }), [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }, null, -1)),
+          class: "sv-skeleton sv-skeleton--divider-text mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"
+        }), null, 16, _hoisted_2)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, _ctx.$attrs, {
+          "data-testid": __props.dataTestid,
+          class: "sv-skeleton sv-skeleton--section"
+        }), [
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "sv-skeleton__title h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass([
-              "mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",
+              "sv-skeleton__body mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",
               _ctx.$props.class
             ])
           }, null, 2)
         ], 16, _hoisted_3)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: ["rounded border border-gray-50 bg-gray-50/50", _ctx.$props.class]
+          class: ["sv-skeleton rounded border border-gray-50 bg-gray-50/50", _ctx.$props.class]
         }), null, 16, _hoisted_4))
       ], 64));
     };

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js

@@ -0,0 +1 @@
+const e=require("vue"),t=["data-testid"],r=["data-testid"],s=["data-testid"],a=["data-testid"],n=e.defineComponent({__name:"Skeleton",props:{variant:{type:String},class:{type:String},dataTestid:{type:String}},setup(n){const d=e.useSlots(),o=t=>{if(null==t||!1===t)return!0;if("string"==typeof t||"number"==typeof t)return 0===String(t).trim().length;if(Array.isArray(t))return t.every(o);if(!e.isVNode(t))return!1;const r=t;return r.type===e.Comment||(r.type===e.Text?"string"!=typeof r.children||!r.children.trim():r.type===e.Fragment&&(null==r.children||!!Array.isArray(r.children)&&r.children.every(o)))},l=e.computed(()=>{if(!d.default)return!1;const e=d.default({});return!(!e||0===e.length)&&!e.every(o)});return(d,o)=>l.value?e.renderSlot(d.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["title"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"}),null,16,t)):"divider-text"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--divider-text mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"}),null,16,r)):"section"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--section"}),[o[0]||(o[0]=e.createElementVNode("div",{class:"sv-skeleton__title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["sv-skeleton__body mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",d.$props.class])},null,2)],16,s)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:3},d.$attrs,{"data-testid":n.dataTestid,class:["sv-skeleton rounded border border-gray-50 bg-gray-50/50",d.$props.class]}),null,16,a))],64))}});exports._sfc_main=n;

package/dist/SubscriptionsList.vue_vue_type_script_setup_true_lang-AHw3iTfi.js

@@ -0,0 +1 @@
+const e=require("./useIncrementalLoading-DoTTXM2Y.js"),t=require("./subscriptions-jelITJcX.js"),i=require("vue"),s=require("./vendor-ui-5pJF5KBP.js"),o=require("./Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),n=require("./useActionDispatchProvider-rw9kWeE0.js");const c={class:"sv-subscriptions-list__item-body flex flex-col gap-4 md:flex-row"},r={class:"sv-subscriptions-list__item-content grow"},a={class:"sv-subscriptions-list__item-meta mt-4 flex items-center gap-6"},u={key:1,class:"sv-subscriptions-list__item-next-invoice flex gap-1"},l={class:"sv-subscriptions-list__item-actions flex flex-col items-center gap-2 md:flex-row"},p=i.defineComponent({__name:"SubscriptionsListItem",props:{subscription:{type:Object},paymentMethod:{type:Object},customer:{type:Object},showViewSubscriptionDetailsButton:{type:Boolean,default:!0},showCancelSubscriptionButton:{type:Boolean,default:!0},showRenewSubscriptionButton:{type:Boolean,default:!0}},emits:["view-subscription-details","cancel-subscription","renew-subscription"],setup(e){const t=e,{$t:o}=s.useIntl(),{formatDate:n}=s.useIntl(),p=i.computed(()=>{var e;const i=t.subscription.pricing_plan_schedule_infos;if(0===i.length)return;const s=i[i.length-1];return null==(e=null==s?void 0:s.pricing_plan_version)?void 0:e.pricing_plan}),d=i.computed(()=>{var e;return t.subscription.name||(null==(e=p.value)?void 0:e.name)||o({defaultMessage:"Subscription",description:"The fallback name for when no subscription name can be determined",id:"customer_overview.subscriptions_block.fallback_subscription_name"})}),b=i.computed(()=>{var e;return null==(e=p.value)?void 0:e.description}),m=i.computed(()=>{const e=t.subscription.inactive_periods;return!e||0===e.length}),_=i.computed(()=>{const e=t.subscription.inactive_periods;return Array.isArray(e)&&e.length>0}),v=i.computed(()=>m.value&&t.showCancelSubscriptionButton),f=i.computed(()=>_.value&&t.showRenewSubscriptionButton),h=i.computed(()=>t.showViewSubscriptionDetailsButton);return(t,p)=>(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{class:"sv-subscriptions-list__item"},{default:i.withCtx(()=>[i.createElementVNode("div",c,[i.createElementVNode("div",r,[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-2",class:"sv-subscriptions-list__item-title"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(d.value),1)]),_:1}),b.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main),{key:0,variant:"body-sm",tag:"span",shade:"lighter",class:"sv-subscriptions-list__item-description"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(b.value),1)]),_:1})):i.createCommentVNode("",!0),i.createElementVNode("div",a,[e.paymentMethod?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$5),{key:0,variant:"condensed",class:"sv-payment-methods__item","payment-method":e.paymentMethod},null,8,["payment-method"])):i.createCommentVNode("",!0),e.subscription.next_invoice?(i.openBlock(),i.createElementBlock("div",u,[i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light",weight:"semibold"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Next billing date",description:"The label for the next billing date",id:"customer.subscriptions_block.next_billing_date"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(n)({date:e.subscription.next_invoice.invoice_date,format:"date",offsetType:"offsetted",timezone:e.customer.timezone})),1)]),_:1})])):i.createCommentVNode("",!0)])]),i.createElementVNode("div",l,[h.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:0,color:"primary",class:"sv-action sv-action--primary sv-subscriptions-list__item-details w-full md:w-auto",type:"button",onClick:p[0]||(p[0]=i=>t.$emit("view-subscription-details",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Subscription details",description:"The label for the subscription details button in the subscriptions block",id:"customer.subscriptions_block.show_details_button_label"})),1)]),_:1})):i.createCommentVNode("",!0),v.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:1,variant:"outline",color:"gray",class:"sv-action sv-action--secondary sv-subscriptions-list__item-cancel w-full md:w-auto",type:"button",onClick:p[1]||(p[1]=i=>t.$emit("cancel-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Cancel subscription",description:"The label for the cancel subscription button in the subscriptions block",id:"customer.subscriptions_block.cancel_button_label"})),1)]),_:1})):f.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:2,variant:"outline",color:"gray",class:"sv-action sv-action--secondary sv-subscriptions-list__item-renew w-full md:w-auto",type:"button",onClick:p[2]||(p[2]=i=>t.$emit("renew-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Renew subscription",description:"The label for the renew subscription button in the subscriptions block",id:"customer.subscriptions_block.renew_button_label"})),1)]),_:1})):i.createCommentVNode("",!0)])])]),_:1}))}}),d={key:1,class:"sv-subscriptions-list__items grid grid-cols-1 gap-4"},b=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:Object},subscriptions:{type:Array},paymentMethods:{default:()=>[],type:Array},isLoading:{type:Boolean},showViewAllButton:{type:Boolean,default:!0},showViewDetailsButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showRenewButton:{type:Boolean,default:!0}},emits:["view-subscription-details","view-all-subscriptions","cancel-subscription","renew-subscription","load-more"],setup(e){const t=e,{$t:o}=s.useIntl(),n=i.computed(()=>t.subscriptions.length>0),c=e=>{if(e)return t.paymentMethods.find(({id:t})=>t===e)},r=i.computed(()=>t.showViewAllButton);return(t,a)=>(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{class:"sv-subscriptions-list","no-spacing":"","no-border":"",title:i.unref(o)({defaultMessage:"{count, plural, one {My subscription} other {My subscriptions}}",description:"Title for the subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.title"},{count:String(e.subscriptions.length)})},i.createSlots({default:i.withCtx(()=>[n.value?(i.openBlock(),i.createElementBlock("div",d,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.subscriptions,s=>(i.openBlock(),i.createBlock(p,{key:s.id,subscription:s,"payment-method":c(s.payment_method_id),customer:e.customer,"show-view-subscription-details-button":e.showViewDetailsButton,"show-cancel-subscription-button":e.showCancelButton,"show-renew-subscription-button":e.showRenewButton,onViewSubscriptionDetails:a[1]||(a[1]=e=>t.$emit("view-subscription-details",e)),onCancelSubscription:a[2]||(a[2]=e=>t.$emit("cancel-subscription",e)),onRenewSubscription:a[3]||(a[3]=e=>t.$emit("renew-subscription",e))},null,8,["subscription","payment-method","customer","show-view-subscription-details-button","show-cancel-subscription-button","show-renew-subscription-button"]))),128))])):(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{key:0,class:"sv-empty-state sv-subscriptions-list__empty"},{default:i.withCtx(()=>[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-3"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"No subscriptions",description:"Title for the my subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.no_active_subscription_title"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{variant:"body-xs",shade:"lighter"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"There’s no active subscription to display.",description:"Text that is being displayed when there is no active subscription in the subscriptions block",id:"customer_overview.subscriptions_block.no_active_subscription_content"})),1)]),_:1})]),_:1}))]),_:2},[r.value?{name:"right",fn:i.withCtx(()=>[i.createVNode(i.unref(s._sfc_main$3),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",class:"sv-action sv-action--ghost sv-subscriptions-list__view-all",type:"button",onClick:a[0]||(a[0]=e=>t.$emit("view-all-subscriptions"))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"View all",description:"The text for the view all subscriptions button",id:"customer_overview.subscriptions_block.view_all_button_label"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),m=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:null},subscriptions:{type:Array},paymentMethods:{type:Array},isLoading:{type:Boolean},configuration:{type:Object}},emits:["load-more"],setup(e){const{dispatchAction:t}=n.useActionDispatchProvider();return(s,n)=>{var c,r,a,u;return e.isLoading?(i.openBlock(),i.createBlock(o._sfc_main,{key:0,variant:"section",class:"sv-subscriptions-list sv-root sv-component sv-loading min-h-[100px]","data-testid":"subscriptions-list-skeleton"})):e.customer?(i.openBlock(),i.createBlock(b,{key:1,class:"sv-subscriptions-list sv-root sv-component",customer:e.customer,subscriptions:e.subscriptions,"payment-methods":e.paymentMethods,"is-loading":e.isLoading,"show-view-all-button":null==(c=e.configuration)?void 0:c.showViewAllButton,"show-view-details-button":null==(r=e.configuration)?void 0:r.showViewDetailsButton,"show-cancel-button":null==(a=e.configuration)?void 0:a.showCancelButton,"show-renew-button":null==(u=e.configuration)?void 0:u.showRenewButton,onViewSubscriptionDetails:n[0]||(n[0]=e=>i.unref(t)({action:"view-subscription-details",data:{subscriptionId:e.subscriptionId}})),onViewAllSubscriptions:n[1]||(n[1]=e=>i.unref(t)({action:"view-all-subscriptions"})),onCancelSubscription:n[2]||(n[2]=e=>i.unref(t)({action:"cancel-subscription",data:{subscriptionId:e.subscriptionId}})),onRenewSubscription:n[3]||(n[3]=e=>i.unref(t)({action:"renew-subscription",data:{subscriptionId:e.subscriptionId}})),onLoadMore:n[4]||(n[4]=e=>s.$emit("load-more"))},null,8,["customer","subscriptions","payment-methods","is-loading","show-view-all-button","show-view-details-button","show-cancel-button","show-renew-button"])):i.createCommentVNode("",!0)}}});exports._sfc_main=m,exports.useSubscriptionsList=function({customerId:i,batchSize:s=15}){const o=t.createSubscriptionsService();return e.useIncrementalLoading({service:async e=>o.getActiveSubscriptions({customerId:i,pagination:{page:e,pageSize:s}})})};