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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,172 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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;

package/dist/{BillingInformation.vue_vue_type_script_setup_true_lang-DZ1XkSJ3.mjs → BillingInformation.vue_vue_type_script_setup_true_lang-CupcH8TZ.mjs}

@@ -1,7 +1,9 @@
 import { defineComponent, openBlock, createBlock, unref, createSlots, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
-import { b as useIntl, k as _sfc_main$z, l as _sfc_main$2H } from "./component-DI3AxwdD.mjs";
+import { _ as _sfc_main$3 } from "./Button.vue.es-6sBk5tBL.mjs";
+import { _ as _sfc_main$2 } from "./CustomerBillingInformation.vue.es-DBMl01Es.mjs";
+import { a as useIntl } from "./component-dpA83LIN.mjs";
 import { _ as _sfc_main$1 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-zSXRlc2S.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-eO2qFPGv.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BillingInformation",
   props: {
@@ -21,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         variant: "section",
         class: "min-h-[100px]",
         "data-testid": "billing-information-skeleton"
-      })) : (openBlock(), createBlock(unref(_sfc_main$z), {
+      })) : (openBlock(), createBlock(unref(_sfc_main$2), {
         key: 1,
         customer: __props.customer,
         "fallback-to-reference": false
@@ -29,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.configuration.showEditButton ? {
           name: "settings",
           fn: withCtx(() => [
-            createVNode(unref(_sfc_main$2H), {
+            createVNode(unref(_sfc_main$3), {
               size: "sm",
               variant: "ghost",
               color: "gray",