@solvimon/solvimon-web 0.1.0-alpha.1 → 0.1.0-alpha.10

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

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../CustomerOverview.entry.ce-C__omsVl.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonCustomerOverview=e.SolvimonCustomerOverview,exports.defineSolvimonCustomerOverview=e.defineSolvimonCustomerOverview;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../ApiStatus-oqvUEWJx.js"),r=require("../../ContentWithAsideLayout-B5B8Kwaw.js"),o=require("../../useInvoicesList-CaBCGs4h.js"),s=require("../../usePortal-CxX4nrE4.js"),n=require("../../SubscriptionsList.vue_vue_type_script_setup_true_lang-AHw3iTfi.js"),i=require("../../useCustomer-CUcaeQn_.js"),a=require("../../usePaymentMethods-ryN_YohI.js"),u=require("../../BillingInformation.vue_vue_type_script_setup_true_lang-DGisvmez.js"),l=require("../../useLoadInitialData-DjwRHcAH.js"),c=require("../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-CkRsyMlJ.js"),m=require("../../paymentMethods-C_sdTkSF.js"),v=require("../../useService-Bb9r_sOQ.js"),d=require("../../useWalletBalanceItems-CpZ1NWPr.js"),p=require("../../component-BOqPDAVk.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,_=i.useCustomer({customerId:f}),g=o.useInvoicesList({customerId:f,batchSize:5}),h=n.useSubscriptionsList({customerId:f,batchSize:2}),b=a.usePaymentMethods({customerId:f}),S=function({customerId:e,amount:t}){const{getPaymentMethodOptions:r}=m.createPaymentMethodsService(),{data:o,execute:s,error:n,apiStatus:i,isPending:a}=v.useService({initialValue:[],service:async()=>(await r({customerId:e,amount:t})).flatMap(e=>e.options??[])});return{error:n,apiStatus:i,items:o,fetch:s,isPending:a}}({customerId:f}),j=d.useCustomerWalletBalances({customerId:f}),C=d.useWalletBalanceItems(j.walletBalances),{isLoading:w}=l.useLoadInitialData(_.get.execute(),g.fetchInitial(),h.fetchInitial(),b.fetchAll(),S.fetch(),j.fetch());return(s,i)=>(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(d._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}))}}),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=>(r,o)=>{var s,n,i,a;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==(a=null==(i=t.branding)?void 0:i.colors)?void 0:a.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(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,7 +1,156 @@
-import { C, S, d } from "../../CustomerOverview.entry.ce-Ce_Yk8-i.mjs";
-import "../../component-BkmcE85U.mjs";
+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-CFzAxyae.mjs";
+import { u as usePortal } from "../../usePortal-cmE08vYs.mjs";
+import { u as useSubscriptionsList, _ as _sfc_main$6 } from "../../SubscriptionsList.vue_vue_type_script_setup_true_lang-BkzLj8n2.mjs";
+import { u as useCustomer } from "../../useCustomer-Ba9WRtuT.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-CRWbH48K.mjs";
+import { _ as _sfc_main$4 } from "../../BillingInformation.vue_vue_type_script_setup_true_lang-CX8vlY2Z.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { _ as _sfc_main$3 } from "../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-Bus-5gC3.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-67b3UlTZ.mjs";
+import { u as useService } from "../../useService-BsSEI8DZ.mjs";
+import { u as useCustomerWalletBalances, a as useWalletBalanceItems, _ as _sfc_main$2 } from "../../useWalletBalanceItems-CkDqmk36.mjs";
+import { _ as _sfc_main$7, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+function useCustomerPaymentMethodOptions({
+  customerId,
+  amount
+}) {
+  const { getPaymentMethodOptions } = createPaymentMethodsService();
+  const initialValue = [];
+  const { data, execute, error, apiStatus, isPending } = useService({
+    initialValue,
+    service: async () => {
+      const response = await getPaymentMethodOptions({ customerId, amount });
+      return response.flatMap((entry) => entry.options ?? []);
+    }
+  });
+  return { error, apiStatus, items: data, fetch: execute, isPending };
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CustomerOverview",
+  props: {
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    var _a;
+    const portal = usePortal();
+    const customerId = (_a = portal.value) == null ? void 0 : _a.customer_id;
+    const customer = useCustomer({ customerId });
+    const invoices = useInvoicesList({ customerId, batchSize: 5 });
+    const subscriptions = useSubscriptionsList({ customerId, batchSize: 2 });
+    const paymentMethods = usePaymentMethods({ customerId });
+    const customerPaymentMethodOptions = useCustomerPaymentMethodOptions({ customerId });
+    const customerWalletBalances = useCustomerWalletBalances({ customerId });
+    const walletBalanceItems = useWalletBalanceItems(customerWalletBalances.walletBalances);
+    const { isLoading } = useLoadInitialData(
+      customer.get.execute(),
+      invoices.fetchInitial(),
+      subscriptions.fetchInitial(),
+      paymentMethods.fetchAll(),
+      customerPaymentMethodOptions.fetch(),
+      customerWalletBalances.fetch()
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ContentWithAsideLayout), { class: "sv-customer-overview sv-root sv-screen" }, {
+        header: withCtx(() => [
+          unref(customer).customer.value ? (openBlock(), createBlock(_sfc_main$6, {
+            key: 0,
+            class: "sv-customer-overview__subscriptions",
+            customer: unref(customer).customer.value,
+            subscriptions: unref(subscriptions).items.value,
+            "payment-methods": unref(paymentMethods).items.value,
+            "is-loading": unref(isLoading),
+            onLoadMore: unref(subscriptions).fetchMore
+          }, null, 8, ["customer", "subscriptions", "payment-methods", "is-loading", "onLoadMore"])) : createCommentVNode("", true)
+        ]),
+        content: withCtx(() => [
+          createVNode(_sfc_main$5, {
+            class: "sv-customer-overview__invoices",
+            invoices: unref(invoices).items.value,
+            "has-more-items": unref(invoices).hasNextBatch.value,
+            "is-loading": unref(isLoading),
+            onLoadMore: unref(invoices).fetchMore
+          }, null, 8, ["invoices", "has-more-items", "is-loading", "onLoadMore"])
+        ]),
+        aside: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            class: "sv-customer-overview__wallet-balances",
+            "has-error": unref(customerWalletBalances).apiStatus.value === unref(ApiStatus).Failed,
+            "is-loading": unref(isLoading),
+            "wallet-balances": unref(walletBalanceItems)
+          }, null, 8, ["has-error", "is-loading", "wallet-balances"]),
+          createVNode(_sfc_main$3, {
+            class: "sv-customer-overview__payment-methods",
+            "is-loading": unref(isLoading),
+            "payment-methods": unref(paymentMethods).items.value
+          }, null, 8, ["is-loading", "payment-methods"]),
+          unref(customer).customer.value ? (openBlock(), createBlock(_sfc_main$4, {
+            key: 0,
+            class: "sv-customer-overview__billing-information",
+            "is-loading": unref(isLoading),
+            customer: unref(customer).customer.value
+          }, null, 8, ["is-loading", "customer"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(_sfc_main$7, {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const SolvimonCustomerOverview = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("customer-overview");
+const defineSolvimonCustomerOverview = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonCustomerOverview);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonCustomerOverview,
-  d as defineSolvimonCustomerOverview
+  COMPONENT_NAME,
+  SolvimonCustomerOverview,
+  defineSolvimonCustomerOverview
 };

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

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

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-BOqPDAVk.js"),n=require("../../vendor-ui-5pJF5KBP.js"),o=require("../../ContentWithAsideLayout-B5B8Kwaw.js"),a=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-CSPZRvMV.js"),r=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),i=require("../../adyen-R6aSZ0Yf.js"),c=require("../../useLoadInitialData-DjwRHcAH.js"),l=require("../../usePayments-DWXPGFvp.js"),s=require("../../usePaymentMethodOptions-DYO6xr3-.js"),u=require("../../usePaymentMethods-ryN_YohI.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))}}),m={key:0},y=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 y(){if(!u.value)throw new Error("payment integration form not found");u.value.submit()}const d=()=>{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$13),{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),{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),{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$1),{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:d,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$12),{key:0,invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0)]),_:1}),t.invoice?(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(p,{disabled:!s.value,amount:t.amount,"payment-method":s.value,onClick:y},null,8,["disabled","amount","payment-method"])])):e.createCommentVNode("",!0)]),_:1}))}}),d=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:m}=l.usePayments(),{fetchInitial:y}=u.usePaymentMethods({customerId:o.portalObject.customer_id}),{paymentMethodOptions:d,get:v}=s.usePaymentMethodOptions(),{isLoading:f}=c.useLoadInitialData((async()=>{const e=await r();await v({customerId:e.customer.id,amount:e.open_invoice_amount})})(),y(),m(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(d),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(d,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(y,{"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

@@ -0,0 +1,458 @@
+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-Djrf1L-Z.mjs";
+import { u as useIntl, x as formatAmount, e as _sfc_main$4, y as _sfc_main$6, _ as _sfc_main$8, l as _sfc_main$9, b as _sfc_main$a, z as _sfc_main$c, v as getCustomerCountry } from "../../vendor-ui-C0K3osvz.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
+import { _ as _sfc_main$b } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Do2KIVKH.mjs";
+import { _ as _sfc_main$5 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { _ as _sfc_main$7 } from "../../adyen-Bwewy3HC.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { u as useInvoice, a as usePayments } from "../../usePayments-Cw5PPEJa.mjs";
+import { u as usePaymentMethodOptions } from "../../usePaymentMethodOptions-C2k4npCQ.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-CRWbH48K.mjs";
+const _sfc_main$3 = /* @__PURE__ */ 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(__props) {
+    const props = __props;
+    const { $t } = useIntl();
+    const buttonProps = computed(() => ({
+      color: props.color ?? "primary",
+      disabled: props.disabled,
+      iconPrefix: props.iconPrefix,
+      iconSuffix: props.iconSuffix,
+      loading: props.loading,
+      pill: props.pill,
+      size: props.size ?? "lg",
+      square: props.square,
+      tag: props.tag,
+      type: props.type,
+      variant: props.variant
+    }));
+    const paymentMethodTypeLabel = computed(() => {
+      var _a, _b, _c;
+      switch ((_a = props.paymentMethod) == null ? void 0 : _a.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 ((_b = props.paymentMethod) == null ? void 0 : _b.paymentMethodType) ? capitalize((_c = props.paymentMethod) == null ? void 0 : _c.paymentMethodType) : "";
+      }
+    });
+    const buttonText = computed(() => {
+      if (props.amount && props.paymentMethod) {
+        return $t(
+          {
+            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: formatAmount(props.amount),
+            type: paymentMethodTypeLabel.value
+          }
+        );
+      }
+      if (props.amount) {
+        return $t(
+          {
+            defaultMessage: "Pay {amount}",
+            id: "pay_button.label.amount_only",
+            description: "The label for the pay button when only the amount is known"
+          },
+          {
+            amount: formatAmount(props.amount),
+            type: paymentMethodTypeLabel.value
+          }
+        );
+      }
+      return $t({
+        defaultMessage: "Pay",
+        id: "pay_button.label.default",
+        description: "The default label for the pay button when no amount and payment method are known"
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$4), mergeProps(buttonProps.value, {
+        class: "w-full",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(buttonText.value), 1)
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _sfc_main$2 = /* @__PURE__ */ 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(__props) {
+    const { $t } = useIntl();
+    const props = __props;
+    const selectedPaymentMethod = ref();
+    const paymentIntegrationFormRef = ref();
+    function handleSubmit() {
+      if (!paymentIntegrationFormRef.value) {
+        throw new Error("payment integration form not found");
+      }
+      paymentIntegrationFormRef.value.submit();
+    }
+    const handlePaymentSuccess = () => {
+      if (props.configuration.onPaymentSuccess) {
+        props.configuration.onPaymentSuccess();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ContentWithAsideLayout), null, {
+        header: withCtx(() => [
+          createVNode(_sfc_main$5, { class: "min-h-[52px] w-96" }, {
+            default: withCtx(() => [
+              __props.invoice && __props.downloadService ? (openBlock(), createBlock(unref(_sfc_main$c), {
+                key: 0,
+                invoice: __props.invoice,
+                "payment-attempts": __props.paymentAttempts,
+                "download-service": () => __props.downloadService(__props.invoice.id)
+              }, null, 8, ["invoice", "payment-attempts", "download-service"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        content: withCtx(() => {
+          var _a, _b;
+          return [
+            __props.isLoading ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 0,
+              variant: "section",
+              class: "min-h-[300px]"
+            })) : createCommentVNode("", true),
+            ((_a = __props.invoice) == null ? void 0 : _a.paid) ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 1,
+              status: "success",
+              title: unref($t)({ 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: withCtx(() => [
+                createVNode(unref(_sfc_main$8), {
+                  variant: "body-sm",
+                  class: "mt-1"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(_sfc_main$9), { icon: "check" }),
+                    createTextVNode(toDisplayString(unref(formatAmount)(__props.invoice.tax_summary.total_amount)), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["title"])) : __props.error ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 2,
+              status: "error",
+              title: unref($t)({ id: "pay_invoice.error.title", defaultMessage: "Something went wrong", description: "Title shown when the invoice payment fails to load" })
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$8), {
+                  variant: "body-sm",
+                  class: "mt-1"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({ 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"])) : !__props.isLoading && __props.countryCode && __props.amount && __props.invoice ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+              ((_b = __props.paymentMethodOptions) == null ? void 0 : _b.length) ? (openBlock(), createBlock(unref(_sfc_main$a), {
+                key: 0,
+                title: unref($t)({ 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: 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"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true)
+          ];
+        }),
+        aside: withCtx(() => [
+          createVNode(_sfc_main$5, {
+            variant: "section",
+            class: "min-h-[200px]"
+          }, {
+            default: withCtx(() => [
+              __props.invoice ? (openBlock(), createBlock(unref(_sfc_main$6), {
+                key: 0,
+                invoice: __props.invoice
+              }, null, 8, ["invoice"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          __props.invoice ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(_sfc_main$3, {
+              disabled: !selectedPaymentMethod.value,
+              amount: __props.amount,
+              "payment-method": selectedPaymentMethod.value,
+              onClick: handleSubmit
+            }, null, 8, ["disabled", "amount", "payment-method"])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ 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(__props) {
+    const props = __props;
+    const {
+      invoice,
+      get: getInvoice,
+      downloadInvoicePdf
+    } = useInvoice({ invoiceId: props.configuration.invoiceId });
+    const { payments, get: getPayments } = usePayments();
+    const { fetchInitial } = usePaymentMethods({
+      customerId: props.portalObject.customer_id
+    });
+    const { paymentMethodOptions, get: getPaymentMethodOptions } = usePaymentMethodOptions();
+    const getInvoiceAndPaymentMethodOptions = async () => {
+      const invoice2 = await getInvoice();
+      await getPaymentMethodOptions({
+        customerId: invoice2.customer.id,
+        amount: invoice2.open_invoice_amount
+      });
+    };
+    const { isLoading } = useLoadInitialData(
+      getInvoiceAndPaymentMethodOptions(),
+      fetchInitial(),
+      getPayments(props.configuration.invoiceId)
+    );
+    const countryCode = computed(
+      () => {
+        var _a;
+        return ((_a = invoice.value) == null ? void 0 : _a.customer) ? getCustomerCountry(invoice.value.customer) : void 0;
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a;
+      return renderSlot(_ctx.$slots, "default", {
+        invoice: unref(invoice),
+        isLoading: unref(isLoading),
+        amount: (_a = unref(invoice)) == null ? void 0 : _a.open_invoice_amount,
+        countryCode: countryCode.value,
+        paymentMethodOptions: unref(paymentMethodOptions),
+        paymentAttempts: unref(payments),
+        downloadService: unref(downloadInvoicePdf)
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$d), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({
+              invoice,
+              isLoading,
+              amount,
+              countryCode,
+              paymentMethodOptions,
+              paymentAttempts,
+              downloadService
+            }) => [
+              createVNode(_sfc_main$2, {
+                "is-loading": isLoading,
+                invoice,
+                amount,
+                "country-code": countryCode,
+                "payment-method-options": paymentMethodOptions,
+                configuration: __props.configuration,
+                "payment-attempts": paymentAttempts ?? [],
+                "download-service": downloadService
+              }, 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"]);
+    };
+  }
+});
+const SolvimonPayInvoice = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("pay-invoice");
+const defineSolvimonPayInvoice = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonPayInvoice);
+  }
+};
+export {
+  COMPONENT_NAME,
+  SolvimonPayInvoice,
+  defineSolvimonPayInvoice
+};