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

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

@@ -1,7 +1,128 @@
-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 { _ as _sfc_main$3 } from "../../CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-Bus-5gC3.mjs";
+import { _ as _sfc_main$2, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-CRWbH48K.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 },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    cssOverrides: { type: [String, Array] },
+    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 { isLoading } = useLoadInitialData(paymentMethods.fetchInitial());
+    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,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            paymentMethods: unref(paymentMethods).items.value,
+            isLoading: unref(isLoading)
+          })
+        ]),
+        _: 3
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerPaymentMethods.entry",
+  props: {
+    portalObject: { type: Object },
+    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 },
+    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$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,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ paymentMethods, isLoading }) => [
+              createVNode(_sfc_main$3, {
+                configuration: __props.configuration,
+                "payment-methods": paymentMethods,
+                "is-loading": isLoading
+              }, null, 8, ["configuration", "payment-methods", "is-loading"])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+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-DjwRHcAH.js"),o=require("../../usePayments-DWXPGFvp.js"),n=require("../../component-BOqPDAVk.js"),i=require("../../vendor-ui-5pJF5KBP.js"),a=require("../../useViewport-CKRY1CKR.js"),r=require("../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-D0vVUHuY.js"),l=e.defineComponent({__name:"Invoice.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(n){const i=n,a=o.useInvoice({invoiceId:i.configuration.invoiceId}),r=o.usePayments(),{isLoading:l}=t.useLoadInitialData(a.get(),r.get(i.configuration.invoiceId));return(t,o)=>e.renderSlot(t.$slots,"default",{invoice:e.unref(a).invoice.value,invoiceDownloadService:e.unref(a).downloadInvoicePdf,payments:e.unref(r),isLoading:e.unref(l)})}}),c={key:0,class:"mt-8"},s={class:"flex flex-col gap-6"},d=["onClick","onKeyup"],u={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"},p={key:0},m={class:"p-0"},f={class:"-mx-9 bg-gray-50 px-9 py-3 text-xs"},v=e.defineComponent({__name:"InvoiceCreditsBreakdown",props:{invoice:{type:Object}},setup(t){const o=t,{formatDate:n,$t:a,formatMessage:r,formatNumber:l}=i.useIntl(),{getIsOpen:v,toggle:_}=i.useToggleList(),g=e.computed(()=>Object.fromEntries((o.invoice.credit_types??[]).map(e=>[e.id,e]))),y=e=>r({defaultMessage:"Service period - {startAt} - {endAt}",id:"wallet_balance.service_period_heading",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})}),b=e=>{var t;return(null==e?void 0:e.credit_type_id)?(null==(t=g.value[e.credit_type_id])?void 0:t.name)??e.credit_type_id:r({defaultMessage:"Credits",id:"wallet_balance.credit_type_fallback_label",description:"Fallback label for wallet balance credit types when no name is available"})},w=e=>e?l(Number(e)):r({defaultMessage:"-",id:"empty_value_placeholder",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}`,_=s.get(m)??new Set;if(_.has(v))continue;_.add(v),s.set(m,_);const g=c.get(m)??{id:`${e.period_order}-${m}`,label:m,amount:f.available,rows:[]};g.rows.push(f),c.set(m,g)}return{id:`${e.period_order}-${e.start_at}`,title:t(e),rows:[...c.values()]}}).filter(e=>e.rows.length>0))({invoice:o.invoice,getPeriodTitle:y,getCreditTypeLabel:b,formatQuantity:w}));return(t,o)=>h.value.length>0?(e.openBlock(),e.createElementBlock("section",c,[e.createElementVNode("div",s,[(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(i._sfc_main$16),{class:"mt-4"},{default:e.withCtx(()=>[e.createVNode(e.unref(i._sfc_main),{tag:"h3",variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:2},1024)]),_:2},1024),e.createVNode(e.unref(i.InvoiceTable),{class:"mt-3"},{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(i._sfc_main$17),{left:"",class:"text-gray-600"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Wallet balance",id:"wallet_balance.details.header",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(_)(t.id),onKeyup:[e.withKeys(o=>e.unref(_)(t.id),["enter"]),e.withKeys(o=>e.unref(_)(t.id),["space"])]},[e.createVNode(e.unref(i._sfc_main$18),{class:"p-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(i._sfc_main$6),{icon:"keyboard_arrow_down",size:"md",class:e.normalizeClass(["absolute -translate-x-7 text-slate-400",{"-rotate-90":!e.unref(v)(t.id)}])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(t.label)+" ",1),e.createElementVNode("span",u,e.toDisplayString(t.rows.length),1)]),_:2},1024)],40,d),e.unref(v)(t.id)?(e.openBlock(),e.createElementBlock("tr",p,[e.createElementVNode("td",m,[e.createElementVNode("div",f,[e.createVNode(e.unref(i.InvoiceTable),null,{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(i._sfc_main$17),{left:"",class:"w-2/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Credit breakdown",id:"invoice_credits.credit_breakdown.table_header",description:"Column header for wallet balance credit type details"})),1)]),_:1}),e.createVNode(e.unref(i._sfc_main$17),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Balance",id:"invoice_credits.balance.table_header",description:"Column header for the available wallet balance amount"})),1)]),_:1}),e.createVNode(e.unref(i._sfc_main$17),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Used",id:"invoice_credits.used.table_header",description:"Column header for the used wallet credit amount"})),1)]),_:1}),e.createVNode(e.unref(i._sfc_main$17),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Remaining",id:"invoice_credits.remaining.table_header",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(i._sfc_main$18),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1024),e.createVNode(e.unref(i._sfc_main$18),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.available),1)]),_:2},1024),e.createVNode(e.unref(i._sfc_main$18),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.used),1)]),_:2},1024),e.createVNode(e.unref(i._sfc_main$18),{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}=i.useIntl(),{isMobileViewport:n}=a.useViewport();return(a,r)=>(e.openBlock(),e.createBlock(e.unref(i._sfc_main$1),{class:"sv-invoice__summary grow",title:e.unref(o)({defaultMessage:"Invoice",description:"Title for the invoice block on the invoice details page",id:"sdk.invoice_details.invoice.title"})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["sv-invoice__summary-body",{"p-6 pt-2":!e.unref(n)}])},[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(i._sfc_main$19),{key:0,variant:"default","has-icon":"",class:"sv-invoice__download-hint justify-center border-gray-100 bg-gray-50 font-semibold text-gray-800"},{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(i._sfc_main$12),{class:"sv-invoice__summary-content",invoice:t.invoice,"is-expandable":!e.unref(n)},{logo:e.withCtx(()=>[e.renderSlot(a.$slots,"logo")]),_:3},8,["invoice","is-expandable"]),e.createVNode(v,{class:"sv-invoice__credits-breakdown",invoice:t.invoice},null,8,["invoice"])],2)]),_:3},8,["title"]))}}),g={class:"sv-invoice sv-root sv-component"},y={class:"sv-invoice__body flex flex-col gap-3 lg:flex-row lg:gap-6"},b={class:"sv-invoice__aside flex shrink-0 flex-col gap-8 lg:w-72 lg:gap-6"},w=e.defineComponent({__name:"Invoice",props:{isLoading:{type:Boolean},invoice:{type:Object},payments:{type:Array},invoiceDownloadService:{type:Function},configuration:{type:Object}},setup(t){const o=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../../PaymentHistoryBlock-BiiFJkpT.js"))),{$t:n}=i.useIntl();return(a,l)=>{var c,s;return e.openBlock(),e.createElementBlock("div",g,[e.createVNode(e.unref(i._sfc_main$13),{class:"sv-invoice__header mb-6","payment-attempts":t.payments??[],invoice:t.invoice,"download-service":()=>t.invoiceDownloadService(t.invoice.id),"show-download-button":t.configuration.enableDownloadButton,variant:"external"},null,8,["payment-attempts","invoice","download-service","show-download-button"]),e.createElementVNode("div",y,[t.invoice?(e.openBlock(),e.createBlock(_,{key:0,class:"sv-invoice__main",invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createVNode(r._sfc_main,{class:"sv-invoice__details",invoice:t.invoice},null,8,["invoice"]),(null==(c=t.configuration)?void 0:c.enablePaymentAttempts)&&(null==(s=t.payments)?void 0:s.length)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,class:"sv-invoice__payment-history","payment-attempts":t.payments,customer:t.invoice.customer},null,8,["payment-attempts","customer"])):e.createCommentVNode("",!0),t.configuration.enableCustomerBillingInformation?(e.openBlock(),e.createBlock(e.unref(i._sfc_main$2),{key:1,class:"sv-invoice__billing-information",customer:t.invoice.customer,title:e.unref(n)({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)])])])}}}),h=e.defineComponent({__name:"Invoice.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){var o;const i=t;if(!(null==(o=i.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");const a=e.computed(()=>({...i,configuration:{enableCustomerBillingInformation:!0,enableDownloadButton:!0,enablePaymentAttempts:!0,...i.configuration}}));return(o,i)=>{var r,c,s,d;return e.openBlock(),e.createBlock(e.unref(n._sfc_main),{"custom-element-name":e.unref(k),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(r=t.branding)?void 0:r.colors)?void 0:c.primary,"secondary-color":null==(d=null==(s=t.branding)?void 0:s.colors)?void 0:d.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,"css-overrides":t.cssOverrides,onError:i[0]||(i[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(l,e.normalizeProps(e.guardReactiveProps(a.value)),{default:e.withCtx(({invoice:o,payments:n,isLoading:i,invoiceDownloadService:a})=>[o?(e.openBlock(),e.createBlock(w,{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","css-overrides"])}}}),x=n.defineCustomElement(h),k=n.getComponentName("invoice");exports.COMPONENT_NAME=k,exports.SolvimonInvoice=x,exports.defineSolvimonInvoice=()=>{customElements.get(k)||customElements.define(k,x)};