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

package/dist/components/CustomerPaymentMethods/CustomerPaymentMethods.es.js

@@ -1,7 +1,134 @@
-import { C, S, d } from "../../CustomerPaymentMethods.entry.ce-CZwy8Aqq.mjs";
-import "../../component-BkmcE85U.mjs";
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { u as useCustomerPaymentMethodOptions, _ as _sfc_main$3 } from "../../useCustomerPaymentMethodOptions-BzEquyUV.mjs";
+import { p as _sfc_main$2, q as defineCustomElement, o as getComponentName } from "../../component-DEo_ndpK.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-Dm48tlSO.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-Db-1R6rI.mjs";
+const DEFAULT_MAX_ITEMS = 3;
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CustomerPaymentMethods.entry.view",
+  props: {
+    portalObject: { type: Object },
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    showTimezones: { type: Boolean },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    customElementName: { type: String },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const customerId = props.portalObject.customer_id;
+    const paymentMethods = usePaymentMethods({
+      customerId,
+      pageSize: ((_a = props.configuration) == null ? void 0 : _a.maxItems) || DEFAULT_MAX_ITEMS
+    });
+    const customerPaymentMethodOptions = useCustomerPaymentMethodOptions({ customerId });
+    const { isLoading } = useLoadInitialData(
+      paymentMethods.fetchInitial(),
+      customerPaymentMethodOptions.fetch()
+    );
+    return (_ctx, _cache) => {
+      var _a2, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a2 = __props.branding) == null ? void 0 : _a2.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(() => [
+          renderSlot(_ctx.$slots, "default", {
+            paymentMethods: unref(paymentMethods).items.value,
+            paymentMethodsOptions: unref(customerPaymentMethodOptions).items.value,
+            isLoading: unref(isLoading)
+          })
+        ]),
+        _: 3
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerPaymentMethods.entry",
+  props: {
+    portalObject: { type: Object },
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    showTimezones: { type: Boolean },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    customElementName: { type: String },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        "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(({ paymentMethods, paymentMethodsOptions, isLoading }) => [
+              createVNode(_sfc_main$3, {
+                configuration: __props.configuration,
+                "payment-methods": paymentMethods,
+                "payment-methods-options": paymentMethodsOptions,
+                "is-loading": isLoading
+              }, null, 8, ["configuration", "payment-methods", "payment-methods-options", "is-loading"])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+    };
+  }
+});
+const SolvimonCustomerPaymentMethods = defineCustomElement(
+  _sfc_main
+);
+const COMPONENT_NAME = getComponentName("customer-payment-methods");
+const defineSolvimonCustomerPaymentMethods = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonCustomerPaymentMethods);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonCustomerPaymentMethods,
-  d as defineSolvimonCustomerPaymentMethods
+  COMPONENT_NAME,
+  SolvimonCustomerPaymentMethods,
+  defineSolvimonCustomerPaymentMethods
 };

package/dist/components/Invoice/Invoice.ce.d.ts

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

package/dist/components/Invoice/Invoice.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Invoice.entry.ce-Cgr43ome.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonInvoice=e.SolvimonInvoice,exports.defineSolvimonInvoice=e.defineSolvimonInvoice;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../useLoadInitialData-BRg7IWqW.js"),o=require("../../invoices-BW1notiX.js"),n=require("../../useService-D-CUtlp3.js"),i=require("../../payments-BHv4hCeJ.js"),a=require("../../component-XHQYFLA_.js"),r=require("../../index-CWSXne1Q.js"),l=require("../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-BE3I7Oe1.js"),c=require("../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-sNdlKgdU.js");const s=e.defineComponent({__name:"Invoice.entry.view",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},showTimezones:{type:Boolean},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},customElementName:{type:String},branding:{type:Object},configuration:{type:Object}},setup(a){const r=a,l=function({invoiceId:e}){const{getInvoice:t,getInvoicePdf:i}=o.createInvoicesService(),{data:a,execute:r,apiStatus:l,error:c,isPending:s}=n.useService({service:()=>t(e)});return{invoice:a,downloadInvoicePdf:i,apiStatus:l,error:c,get:r,isPending:s}}({invoiceId:r.configuration.invoiceId}),c=function(){const{getPayments:e}=i.createPaymentsService(),{data:t,execute:o,error:a,apiStatus:r,isPending:l}=n.useService({service:e,isCollection:!0});return{payments:t,get:o,error:a,apiStatus:r,isPending:l}}(),{isLoading:s}=t.useLoadInitialData(l.get(),c.get(r.configuration.invoiceId));return(t,o)=>e.renderSlot(t.$slots,"default",{invoice:e.unref(l).invoice.value,invoiceDownloadService:e.unref(l).downloadInvoicePdf,payments:e.unref(c),isLoading:e.unref(s)})}}),d={key:0,class:"mt-8"},u={class:"flex flex-col gap-6"},p=["onClick","onKeyup"],m={class:"ml-1 inline-flex h-3.5 w-3.5 items-center justify-center rounded-full bg-blue-100 text-2xs font-bold text-blue-600"},f={key:0},v={class:"p-0"},g={class:"-mx-9 bg-gray-50 px-9 py-3 text-xs"},y=e.defineComponent({__name:"InvoiceCreditsBreakdown",props:{invoice:{type:Object}},setup(t){const o=t,{formatDate:n,$t:i,formatMessage:r,formatNumber:l}=a.useIntl(),{getIsOpen:c,toggle:s}=a.useToggleList(),y=e.computed(()=>Object.fromEntries((o.invoice.credit_types??[]).map(e=>[e.id,e]))),_=e=>r({defaultMessage:"Service period - {startAt} - {endAt}",id:"kFCxC4",description:"Heading shown above wallet balance details for an invoice period"},{startAt:n({date:e.start_at,format:"date",offsetType:"offsetted",timezone:o.invoice.customer.timezone}),endAt:n({date:e.end_at,format:"date",offsetType:"offsetted",timezone:o.invoice.customer.timezone})}),w=e=>{var t;return(null==e?void 0:e.credit_type_id)?(null==(t=y.value[e.credit_type_id])?void 0:t.name)??e.credit_type_id:r({defaultMessage:"Credits",id:"K2fM1n",description:"Fallback label for wallet balance credit types when no name is available"})},b=e=>e?l(Number(e)):r({defaultMessage:"-",id:"dHb0fN",description:"Placeholder shown when a wallet balance quantity is missing"}),h=e.computed(()=>(({invoice:e,getPeriodTitle:t,getCreditTypeLabel:o,formatQuantity:n})=>[...e.periods??[],...e.closed_periods??[]].map(e=>{var i,a,r,l;const c=new Map,s=new Map;for(const t of e.groups??[])for(const d of t.lines??[]){const u=null==(i=null==d?void 0:d.details)?void 0:i.wallet_balance_details;if(!u)continue;const p=u.used_wallet_credits??u.left_wallet_credits??u.available_wallet_credits,m=o(p),f={id:`${e.period_order}-${t.group_order}-${d.line_order}`,label:m,used:n(null==(a=u.used_wallet_credits)?void 0:a.quantity),left:n(null==(r=u.left_wallet_credits)?void 0:r.quantity),available:n(null==(l=u.available_wallet_credits)?void 0:l.quantity)},v=`${f.label}-${f.used}-${f.left}-${f.available}`,g=s.get(m)??new Set;if(g.has(v))continue;g.add(v),s.set(m,g);const y=c.get(m)??{id:`${e.period_order}-${m}`,label:m,amount:f.available,rows:[]};y.rows.push(f),c.set(m,y)}return{id:`${e.period_order}-${e.start_at}`,title:t(e),rows:[...c.values()]}}).filter(e=>e.rows.length>0))({invoice:o.invoice,getPeriodTitle:_,getCreditTypeLabel:w,formatQuantity:b}));return(t,o)=>h.value.length>0?(e.openBlock(),e.createElementBlock("section",d,[e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,t=>(e.openBlock(),e.createElementBlock("section",{key:t.id},[e.createVNode(e.unref(a._sfc_main$2q),{class:"mt-4"},{default:e.withCtx(()=>[e.createVNode(e.unref(a._sfc_main$2),{tag:"h3",variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:2},1024)]),_:2},1024),e.createVNode(e.unref(a.InvoiceTable),{class:"mt-3"},{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(a._sfc_main$t),{left:"",class:"text-gray-600"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Wallet balance",id:"j2d7b2",description:"Section header for invoice wallet balance details"})),1)]),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.id},[e.createElementVNode("tr",{class:"cursor-pointer border-t",tabindex:"0",onClick:o=>e.unref(s)(t.id),onKeyup:[e.withKeys(o=>e.unref(s)(t.id),["enter"]),e.withKeys(o=>e.unref(s)(t.id),["space"])]},[e.createVNode(e.unref(a._sfc_main$u),{class:"p-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(a._sfc_main$4),{icon:"keyboard_arrow_down",size:"md",class:e.normalizeClass(["absolute -translate-x-7 text-slate-400",{"-rotate-90":!e.unref(c)(t.id)}])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(t.label)+" ",1),e.createElementVNode("span",m,e.toDisplayString(t.rows.length),1)]),_:2},1024)],40,p),e.unref(c)(t.id)?(e.openBlock(),e.createElementBlock("tr",f,[e.createElementVNode("td",v,[e.createElementVNode("div",g,[e.createVNode(e.unref(a.InvoiceTable),null,{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(a._sfc_main$t),{left:"",class:"w-2/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Credit breakdown",id:"65I4e4",description:"Column header for wallet balance credit type details"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Balance",id:"4UjRe6",description:"Column header for the available wallet balance amount"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Used",id:"rUy4Lk",description:"Column header for the used wallet credit amount"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Remaining",id:"C8F4/r",description:"Column header for the remaining wallet credit amount"})),1)]),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,t=>(e.openBlock(),e.createElementBlock("tr",{key:t.id,class:"border-t"},[e.createVNode(e.unref(a._sfc_main$u),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.available),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.used),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.left),1)]),_:2},1024)]))),128))]),_:2},1024)])])])):e.createCommentVNode("",!0)],64))),128))]),_:2},1024)]))),128))])])):e.createCommentVNode("",!0)}}),_=e.defineComponent({__name:"InvoiceBlock",props:{invoice:{type:Object}},setup(t){const{$t:o}=a.useIntl(),{width:n}=r.useWindowSize(),i=e.computed(()=>n.value<=768);return(n,r)=>(e.openBlock(),e.createBlock(e.unref(a._sfc_main$1g),{title:e.unref(o)({defaultMessage:"Invoice",description:"Title for the invoice block on the invoice details page",id:"sdk.invoice_details.invoice.title"}),class:"grow"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"p-6 pt-2":!i.value})},[i.value?(e.openBlock(),e.createBlock(e.unref(a._sfc_main$1J),{key:0,variant:"default","has-icon":"",class:"justify-center bg-gray-50 border-gray-100 text-gray-800 font-semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)({defaultMessage:"Download the PDF for a full breakdown",description:"Download the PDF for a full breakdown",id:"sdk.invoice_details.invoice.download_pdf"})),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(a._sfc_main$e),{invoice:t.invoice,"is-expandable":!i.value},{logo:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),_:3},8,["invoice","is-expandable"]),e.createVNode(y,{invoice:t.invoice},null,8,["invoice"])],2)]),_:3},8,["title"]))}}),w={class:"flex flex-col gap-3 lg:flex-row lg:gap-6"},b={class:"flex shrink-0 flex-col gap-8 lg:w-72 lg:gap-6"},h=e.defineComponent({__name:"InvoiceDetail",props:{invoice:{type:Object},paymentAttempts:{default:()=>[],type:Array},downloadService:{type:Function},showDownloadButton:{type:Boolean,default:!0},showCustomerBillingInformation:{type:Boolean,default:!0},showPaymentAttempts:{type:Boolean,default:!0}},setup(t){const{$t:o}=a.useIntl();return(n,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(a._sfc_main$w),{class:"mb-6","payment-attempts":t.paymentAttempts,invoice:t.invoice,"download-service":()=>t.downloadService(t.invoice.id),"show-download-button":t.showDownloadButton,variant:"external"},null,8,["payment-attempts","invoice","download-service","show-download-button"]),e.createElementVNode("div",w,[t.invoice?(e.openBlock(),e.createBlock(_,{key:0,invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createVNode(l._sfc_main,{invoice:t.invoice},null,8,["invoice"]),t.showPaymentAttempts&&t.paymentAttempts.length?(e.openBlock(),e.createBlock(c._sfc_main,{key:0,"payment-attempts":t.paymentAttempts,customer:t.invoice.customer},null,8,["payment-attempts","customer"])):e.createCommentVNode("",!0),t.showCustomerBillingInformation?(e.openBlock(),e.createBlock(e.unref(a._sfc_main$z),{key:1,customer:t.invoice.customer,title:e.unref(o)({defaultMessage:"Your billing information",description:"Title for the billing information on the detailed invoice view",id:"sdk.invoice_details.customer_billing_information.title"})},null,8,["customer","title"])):e.createCommentVNode("",!0)])])],64))}}),x=e.defineComponent({__name:"Invoice",props:{isLoading:{type:Boolean},invoice:{type:Object},payments:{type:Array},invoiceDownloadService:{type:Function},configuration:{type:Object}},setup:t=>(o,n)=>{var i,a,r;return e.openBlock(),e.createBlock(h,{invoice:t.invoice,"payment-attempts":t.payments,"download-service":t.invoiceDownloadService,"show-download-button":null==(i=t.configuration)?void 0:i.enableDownloadButton,"show-customer-billing-information":null==(a=t.configuration)?void 0:a.enableCustomerBillingInformation,"show-payment-attempts":null==(r=t.configuration)?void 0:r.enablePaymentAttempts},null,8,["invoice","payment-attempts","download-service","show-download-button","show-customer-billing-information","show-payment-attempts"])}}),k=e.defineComponent({__name:"Invoice.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},showTimezones:{type:Boolean},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},customElementName:{type:String},branding:{type:Object},configuration:{type:Object}},setup(t){var o;const n=t;if(!(null==(o=n.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");const i=e.computed(()=>({...n,configuration:{enableCustomerBillingInformation:!0,enableDownloadButton:!0,enablePaymentAttempts:!0,...n.configuration}}));return(o,n)=>{var r,l,c,d;return e.openBlock(),e.createBlock(e.unref(a._sfc_main$1),{"custom-element-name":e.unref(N),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(l=null==(r=t.branding)?void 0:r.colors)?void 0:l.primary,"secondary-color":null==(d=null==(c=t.branding)?void 0:c.colors)?void 0:d.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,onError:n[0]||(n[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(s,e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(({invoice:o,payments:n,isLoading:i,invoiceDownloadService:a})=>[o?(e.openBlock(),e.createBlock(x,{key:0,"is-loading":i,invoice:o,"invoice-download-service":a,payments:n.payments.value,configuration:t.configuration},null,8,["is-loading","invoice","invoice-download-service","payments","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}}),C=a.defineCustomElement(k),N=a.getComponentName("invoice");exports.COMPONENT_NAME=N,exports.SolvimonInvoice=C,exports.defineSolvimonInvoice=()=>{customElements.get(N)||customElements.define(N,C)};