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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@solvimon/solvimon-web",
-    "version": "0.1.0-alpha.7",
+    "version": "0.1.0-alpha.8",
     "description": "Solvimon's Front-end SDK provides you with the building blocks to create a billing self serve experience",
     "private": false,
     "publishConfig": {
@@ -39,7 +39,8 @@
         "version:major": "npm version major --no-git-tag-version",
         "changelog:check": "node scripts/check-changelog.mjs",
         "publish:guard": "node scripts/publish-guard.mjs",
-        "prepublishOnly": "npm run publish:guard && npm run changelog:check && npm run build"
+        "prepublishOnly": "npm run publish:guard && npm run changelog:check && npm run build",
+        "prepare": "husky"
     },
     "files": [
         "dist"
@@ -76,6 +77,11 @@
             "import": "./dist/screens/UpgradeSubscription/UpgradeSubscription.es.js",
             "require": "./dist/screens/UpgradeSubscription/UpgradeSubscription.cjs.js"
         },
+        "./screens/pay-invoice": {
+            "types": "./dist/screens/PayInvoice/PayInvoice.ce.d.ts",
+            "import": "./dist/screens/PayInvoice/PayInvoice.es.js",
+            "require": "./dist/screens/PayInvoice/PayInvoice.cjs.js"
+        },
         "./components/subscriptions-list": {
             "types": "./dist/components/SubscriptionsList/SubscriptionsList.ce.d.ts",
             "import": "./dist/components/SubscriptionsList/SubscriptionsList.es.js",
@@ -132,17 +138,17 @@
             "require": "./dist/components/PaymentMethodForm/PaymentMethodForm.cjs.js"
         }
     },
+    "sideEffects": false,
+    "peerDependencies": {
+        "vue": ">=3.5.0"
+    },
     "dependencies": {
         "@adyen/adyen-web": "^6.14.0",
-        "@formatjs/intl": "^3.1.5",
-        "@vueuse/core": "^9.13.0",
-        "@vueuse/shared": "^10.7.2",
-        "jwt-decode": "^4.0.0",
-        "lodash-es": "^4.18.0",
-        "vite-plugin-string": "^1.2.3",
-        "vue": "^3.5.13"
+        "jwt-decode": "^4.0.0"
     },
     "devDependencies": {
+        "@commitlint/cli": "^20.5.3",
+        "@commitlint/config-conventional": "^20.5.3",
         "@formatjs/cli": "^6.6.1",
         "@playwright/test": "^1.57.0",
         "@rushstack/eslint-patch": "^1.2.0",
@@ -150,7 +156,6 @@
         "@solvimon/solvimon-ui": "^1.0.2",
         "@tsconfig/node22": "^22.0.0",
         "@types/jsdom": "^21.1.7",
-        "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.10.2",
         "@typescript-eslint/parser": "^8.46.2",
         "@vitejs/plugin-vue": "^5.2.3",
@@ -171,6 +176,7 @@
         "eslint-plugin-unused-imports": "^4.1.4",
         "eslint-plugin-vue": "^9.33.0",
         "glob": "^11.0.1",
+        "husky": "^9.1.7",
         "jsdom": "^26.0.0",
         "npm-run-all2": "^7.0.2",
         "postcss": "^8.5.10",
@@ -182,6 +188,7 @@
         "typescript": "~5.6.3",
         "vite": "^6.4.2",
         "vite-plugin-dts": "^4.5.3",
+        "vite-plugin-string": "^1.2.3",
         "vite-plugin-vue-devtools": "^7.7.2",
         "vitest": "^3.1.1",
         "vitest-localstorage-mock": "^0.1.2",

package/dist/Alert.vue.es-DMPvSykx.js

@@ -1 +0,0 @@
-const e=require("vue"),l="py-2 px-4 text-sm",t={danger:"text-red-700",dark:"text-gray-700",info:"text-blue-700",success:"text-green-700",warning:"text-yellow-700"},o={danger:"bg-red-100",dark:"bg-gray-100",info:"bg-blue-100",success:"bg-green-100",warning:"bg-yellow-100"},n={danger:"border-t-4 border-red-500",dark:"border-t-4 border-gray-500",info:"border-t-4 border-blue-500",success:"border-t-4 border-green-500",warning:"border-t-4 border-yellow-500"},r="ml-auto -mx-1.5 -my-1.5 rounded focus:ring-2 p-1.5 inline-flex h-8 w-8",a={danger:"hover:bg-red-200 focus:ring-red-400 bg-red-100 text-red-500",dark:"hover:bg-gray-200 focus:ring-gray-400 bg-gray-100 text-gray-500",info:"hover:bg-blue-200 focus:ring-blue-400 bg-blue-100 text-blue-500",success:"bg-green-100 text-green-500 focus:ring-green-400 hover:bg-green-200",warning:"focus:ring-yellow-400 hover:bg-yellow-200 bg-yellow-100 text-yellow-500"};const s={key:0,class:"ml-auto inline-flex items-center"},i=e.defineComponent({__name:"Alert",props:{type:{default:"info"},title:{default:""},closable:{type:Boolean,default:!1},icon:{type:Boolean,default:!0},border:{type:Boolean,default:!1},inline:{type:Boolean,default:!0}},setup(i){const c=i,{alertClasses:d,textClasses:u,closeClasses:m,contentClasses:g,titleClasses:f}=function(s){const i=e.computed(()=>[l,o[s.type.value],c.value,s.border.value?n[s.type.value]:"rounded",s.inline.value?"flex items-center":""].filter(e=>!!e).join(" ")),c=e.computed(()=>t[s.type.value]??""),d=e.computed(()=>[r,a[s.type.value]??""].filter(e=>!!e).join(" ")),u=e.computed(()=>s.inline.value?s.icon.value||s.title.value?s.title.value?"grow ml-1":"grow ml-2":"":"my-2"),m=e.computed(()=>s.icon.value&&s.inline.value?["font-medium ml-2",s.inline.value?"":"text-lg"].filter(e=>!!e).join(" "):["font-medium",s.inline.value?"":"text-lg ml-2"].filter(e=>!!e).join(" "));return{alertClasses:i,textClasses:c,closeClasses:d,contentClasses:u,titleClasses:m}}(e.toRefs(c)),v=e.ref(!0),b=()=>{v.value=!1};return(l,t)=>v.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d)),role:"alert"},[e.createElementVNode("div",{class:e.normalizeClass(i.inline?"flex":"flex items-center")},[i.icon?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(["flex-shrink-0","w-5","h-5",e.unref(u)]),fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[...t[0]||(t[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z","clip-rule":"evenodd"},null,-1)])],2)):e.createCommentVNode("",!0),i.title?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(f))},e.toDisplayString(i.title),3)):e.createCommentVNode("",!0),!i.inline&&i.closable?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:e.normalizeClass(e.unref(m)),"aria-label":"Close",onClick:b},[...t[1]||(t[1]=[e.createElementVNode("span",{class:"sr-only"},"Dismiss",-1),e.createElementVNode("svg",{class:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(g))},[e.renderSlot(l.$slots,"default")],2),l.$slots.actions?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0),i.inline&&i.closable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(m)),"aria-label":"Close",onClick:b},[...t[2]||(t[2]=[e.createElementVNode("span",{class:"sr-only"},"Dismiss",-1),e.createElementVNode("svg",{class:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}});exports._sfc_main=i;

package/dist/Alert.vue.es-DsJ1ckRU.mjs

@@ -1,172 +0,0 @@
-import { computed, defineComponent, toRefs, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createCommentVNode, toDisplayString, renderSlot } from "vue";
-const defaultAlertClasses = "py-2 px-4 text-sm";
-const alertTextClasses = {
-  danger: "text-red-700",
-  dark: "text-gray-700",
-  info: "text-blue-700",
-  success: "text-green-700",
-  warning: "text-yellow-700"
-};
-const alertTypeClasses = {
-  danger: "bg-red-100",
-  dark: "bg-gray-100",
-  info: "bg-blue-100",
-  success: "bg-green-100",
-  warning: "bg-yellow-100"
-};
-const alertBorderClasses = {
-  danger: "border-t-4 border-red-500",
-  dark: "border-t-4 border-gray-500",
-  info: "border-t-4 border-blue-500",
-  success: "border-t-4 border-green-500",
-  warning: "border-t-4 border-yellow-500"
-};
-const defaultCloseButtonClasses = "ml-auto -mx-1.5 -my-1.5 rounded focus:ring-2 p-1.5 inline-flex h-8 w-8";
-const closeButtonClasses = {
-  danger: "hover:bg-red-200 focus:ring-red-400 bg-red-100 text-red-500",
-  dark: "hover:bg-gray-200 focus:ring-gray-400 bg-gray-100 text-gray-500",
-  info: "hover:bg-blue-200 focus:ring-blue-400 bg-blue-100 text-blue-500",
-  success: "bg-green-100 text-green-500 focus:ring-green-400 hover:bg-green-200",
-  warning: "focus:ring-yellow-400 hover:bg-yellow-200 bg-yellow-100 text-yellow-500"
-};
-function useAlertClasses(props) {
-  const alertClasses = computed(
-    () => [
-      defaultAlertClasses,
-      alertTypeClasses[props.type.value],
-      textClasses.value,
-      props.border.value ? alertBorderClasses[props.type.value] : "rounded",
-      // rounded only if no border
-      props.inline.value ? "flex items-center" : ""
-    ].filter((value) => !!value).join(" ")
-  );
-  const textClasses = computed(() => alertTextClasses[props.type.value] ?? "");
-  const closeClasses = computed(
-    () => [defaultCloseButtonClasses, closeButtonClasses[props.type.value] ?? ""].filter((value) => !!value).join(" ")
-  );
-  const contentClasses = computed(() => {
-    if (!props.inline.value) return "my-2";
-    if (!props.icon.value && !props.title.value) return "";
-    return !props.title.value ? "grow ml-2" : "grow ml-1";
-  });
-  const titleClasses = computed(() => {
-    if (!props.icon.value || !props.inline.value) {
-      return ["font-medium", !props.inline.value ? "text-lg ml-2" : ""].filter((value) => !!value).join(" ");
-    }
-    return ["font-medium ml-2", !props.inline.value ? "text-lg" : ""].filter((value) => !!value).join(" ");
-  });
-  return {
-    alertClasses,
-    textClasses,
-    closeClasses,
-    contentClasses,
-    titleClasses
-  };
-}
-const _hoisted_1 = {
-  key: 0,
-  class: "ml-auto inline-flex items-center"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Alert",
-  props: {
-    type: { default: "info" },
-    title: { default: "" },
-    closable: { type: Boolean, default: false },
-    icon: { type: Boolean, default: true },
-    border: { type: Boolean, default: false },
-    inline: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const { alertClasses, textClasses, closeClasses, contentClasses, titleClasses } = useAlertClasses(
-      toRefs(props)
-    );
-    const visible = ref(true);
-    const onCloseClick = () => {
-      visible.value = false;
-    };
-    return (_ctx, _cache) => {
-      return visible.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(unref(alertClasses)),
-        role: "alert"
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(__props.inline ? "flex" : "flex items-center")
-        }, [
-          __props.icon ? (openBlock(), createElementBlock("svg", {
-            key: 0,
-            class: normalizeClass(["flex-shrink-0", "w-5", "h-5", unref(textClasses)]),
-            fill: "currentColor",
-            viewBox: "0 0 20 20",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [..._cache[0] || (_cache[0] = [
-            createElementVNode("path", {
-              "fill-rule": "evenodd",
-              d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",
-              "clip-rule": "evenodd"
-            }, null, -1)
-          ])], 2)) : createCommentVNode("", true),
-          __props.title ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass(unref(titleClasses))
-          }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
-          !__props.inline && __props.closable ? (openBlock(), createElementBlock("button", {
-            key: 2,
-            type: "button",
-            class: normalizeClass(unref(closeClasses)),
-            "aria-label": "Close",
-            onClick: onCloseClick
-          }, [..._cache[1] || (_cache[1] = [
-            createElementVNode("span", { class: "sr-only" }, "Dismiss", -1),
-            createElementVNode("svg", {
-              class: "w-5 h-5",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              createElementVNode("path", {
-                "fill-rule": "evenodd",
-                d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-                "clip-rule": "evenodd"
-              })
-            ], -1)
-          ])], 2)) : createCommentVNode("", true)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(contentClasses))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "actions")
-        ])) : createCommentVNode("", true),
-        __props.inline && __props.closable ? (openBlock(), createElementBlock("button", {
-          key: 1,
-          type: "button",
-          class: normalizeClass(unref(closeClasses)),
-          "aria-label": "Close",
-          onClick: onCloseClick
-        }, [..._cache[2] || (_cache[2] = [
-          createElementVNode("span", { class: "sr-only" }, "Dismiss", -1),
-          createElementVNode("svg", {
-            class: "w-5 h-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            createElementVNode("path", {
-              "fill-rule": "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              "clip-rule": "evenodd"
-            })
-          ], -1)
-        ])], 2)) : createCommentVNode("", true)
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/Amount.vue.es-C6JE5rL8.mjs

@@ -1,23 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, toDisplayString, unref } from "vue";
-import { a as formatAmount } from "./formatting.es-D5H_ySFv.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Amount",
-  props: {
-    value: {},
-    highlighted: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
-        class: [
-          { "text-primary-600 font-semibold": __props.highlighted },
-          "inline-block"
-          // ensures classes like my-2 / mx-2 works
-        ]
-      }), toDisplayString(unref(formatAmount)(__props.value)), 17);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/Amount.vue.es-h8wulbBG.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./formatting.es-9hM8aHSg.js"),o=e.defineComponent({__name:"Amount",props:{value:{},highlighted:{type:Boolean,default:!1}},setup:o=>(n,r)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps(n.$attrs,{class:[{"text-primary-600 font-semibold":o.highlighted},"inline-block"]}),e.toDisplayString(e.unref(t.formatAmount)(o.value)),17))});exports._sfc_main=o;

package/dist/Avatar.vue.es-Ba8ZGfm4.mjs

@@ -1,93 +0,0 @@
-import { ref, watch, defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode } from "vue";
-const useHashColor = (str) => {
-  const color = ref();
-  const generateColorFromHash = (str2) => {
-    let hash = 0;
-    for (let i = 0; i < str2.length; i++) {
-      hash = str2.charCodeAt(i) + ((hash << 5) - hash);
-    }
-    let colorHex = "#";
-    for (let i = 0; i < 3; i++) {
-      const value = hash >> i * 8 & 255;
-      colorHex += ("00" + value.toString(16)).substr(-2);
-    }
-    return colorHex;
-  };
-  watch(
-    () => str,
-    () => {
-      color.value = generateColorFromHash(str);
-    },
-    { immediate: true }
-  );
-  return color;
-};
-const getComposedString = (inputs = []) => {
-  const filtered = inputs.filter((input) => input != null && input !== "");
-  if (filtered.length === 1) {
-    return filtered[0];
-  }
-  const areAllNamesSame = filtered.every((name) => name === filtered[0]);
-  return areAllNamesSame ? filtered[0] : [
-    ...filtered.slice(0, filtered.length - 2),
-    filtered.slice(filtered.length - 2, filtered.length).join(" & ")
-  ].join(", ");
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Avatar",
-  props: {
-    initials: {},
-    imageSrc: {},
-    size: { default: "md" },
-    round: { type: Boolean, default: false },
-    variant: { default: "light" },
-    colorHash: {},
-    font: { default: "icon" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeMap = {
-      xs: "w-4 h-4",
-      sm: "w-5 h-5",
-      md: "w-6 h-6",
-      lg: "w-8 h-8",
-      xl: "w-12 h-12"
-    };
-    const fontSizeMap = {
-      xs: "text-base",
-      sm: "text-lg",
-      md: "text-2xl",
-      lg: "text-4xl",
-      xl: "text-6xl"
-    };
-    const backgroundColor = useHashColor(props.colorHash ?? props.initials ?? "A");
-    const styles = computed(() => ({
-      backgroundImage: props.imageSrc ? `url(${props.imageSrc})` : `linear-gradient(140deg, ${backgroundColor.value}60 0%, #DCF3FD 75%)`
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex shrink-0 justify-center items-center rounded overflow-hidden bg-cover bg-primary-100", {
-          [sizeMap[props.size]]: true,
-          "rounded-full": __props.round,
-          "border border-black border-opacity-5": __props.variant === "dark"
-        }]),
-        style: normalizeStyle(styles.value)
-      }, [
-        __props.initials && !__props.imageSrc ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(["font-semibold font-regular text-2xl", {
-            [fontSizeMap[props.size]]: true,
-            "font-regular": __props.font === "icon",
-            "font-inter drop-shadow-sm": __props.font === "regular",
-            "text-white/70": __props.variant === "light",
-            "text-black/10": __props.variant === "dark"
-          }])
-        }, toDisplayString(__props.initials.toUpperCase()), 3)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  getComposedString as g
-};

package/dist/Avatar.vue.es-BbyE0AjW.js

@@ -1 +0,0 @@
-const e=require("vue"),t=e.defineComponent({__name:"Avatar",props:{initials:{},imageSrc:{},size:{default:"md"},round:{type:Boolean,default:!1},variant:{default:"light"},colorHash:{},font:{default:"icon"}},setup(t){const r=t,l={xs:"w-4 h-4",sm:"w-5 h-5",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12"},n={xs:"text-base",sm:"text-lg",md:"text-2xl",lg:"text-4xl",xl:"text-6xl"},a=(t=>{const r=e.ref();return e.watch(()=>t,()=>{r.value=(e=>{let t=0;for(let l=0;l<e.length;l++)t=e.charCodeAt(l)+((t<<5)-t);let r="#";for(let l=0;l<3;l++)r+=("00"+(t>>8*l&255).toString(16)).substr(-2);return r})(t)},{immediate:!0}),r})(r.colorHash??r.initials??"A"),o=e.computed(()=>({backgroundImage:r.imageSrc?`url(${r.imageSrc})`:`linear-gradient(140deg, ${a.value}60 0%, #DCF3FD 75%)`}));return(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex shrink-0 justify-center items-center rounded overflow-hidden bg-cover bg-primary-100",{[l[r.size]]:!0,"rounded-full":t.round,"border border-black border-opacity-5":"dark"===t.variant}]),style:e.normalizeStyle(o.value)},[t.initials&&!t.imageSrc?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["font-semibold font-regular text-2xl",{[n[r.size]]:!0,"font-regular":"icon"===t.font,"font-inter drop-shadow-sm":"regular"===t.font,"text-white/70":"light"===t.variant,"text-black/10":"dark"===t.variant}])},e.toDisplayString(t.initials.toUpperCase()),3)):e.createCommentVNode("",!0)],6))}});exports._sfc_main=t,exports.getComposedString=(e=[])=>{const t=e.filter(e=>null!=e&&""!==e);if(1===t.length)return t[0];return t.every(e=>e===t[0])?t[0]:[...t.slice(0,t.length-2),t.slice(t.length-2,t.length).join(" & ")].join(", ")};

package/dist/BillingInformation.vue_vue_type_script_setup_true_lang-C4Ndo83E.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./Button.vue.es-BC4_TItq.js"),i=require("./CustomerBillingInformation.vue.es-9rP7-RzN.js"),o=require("./component-ZRZIt3ZW.js"),n=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),r=require("./useActionDispatchProvider-CWVV_xsi.js"),s=e.defineComponent({__name:"BillingInformation",props:{customer:{type:Object},isLoading:{type:Boolean},configuration:{default:()=>({showEditButton:!0}),type:Object}},emits:["edit-billing-information"],setup(s){const{$t:a}=o.useIntl(),{dispatchAction:c}=r.useActionDispatchProvider();return(o,r)=>s.isLoading?(e.openBlock(),e.createBlock(n._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"billing-information-skeleton"})):(e.openBlock(),e.createBlock(e.unref(i._sfc_main),{key:1,customer:s.customer,"fallback-to-reference":!1},e.createSlots({_:2},[s.configuration.showEditButton?{name:"settings",fn:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main),{size:"sm",variant:"ghost",color:"gray","icon-prefix":"edit",onClick:r[0]||(r[0]=t=>e.unref(c)({action:"edit-billing-information"}))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({defaultMessage:"Edit",id:"customer_overview.billing_information_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer billing information"})),1)]),_:1})]),key:"0"}:void 0]),1032,["customer"]))}});exports._sfc_main=s;