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

package/dist/{useCustomerPaymentMethodOptions-BlFH4zxG.mjs → CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-DZJ0xukI.mjs}

@@ -1,9 +1,10 @@
 import { defineComponent, computed, openBlock, createBlock, unref, createSlots, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { b as useIntl, d as _sfc_main$1g, g as _sfc_main$2, _ as _sfc_main$2$1, m as _sfc_main$2H } from "./component-B0RYS5uK.mjs";
-import { _ as _sfc_main$3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-B_SkyymZ.mjs";
-import { c as createPaymentMethodsService } from "./paymentMethods-C2gWIbEr.mjs";
-import { u as useService } from "./useService-B4qv5N2D.mjs";
+import { _ as _sfc_main$2 } from "./Section.vue.es-3-H1pUTB.mjs";
+import { _ as _sfc_main$3 } from "./PaymentMethod.vue.es-nXZoQjG3.mjs";
+import { _ as _sfc_main$5 } from "./Button.vue.es-6sBk5tBL.mjs";
+import { a as useIntl, _ as _sfc_main$4 } from "./component-dpA83LIN.mjs";
+import { _ as _sfc_main$6 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-eO2qFPGv.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "flex flex-col gap-2"
@@ -23,7 +24,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { $t } = useIntl();
     const hasPaymentMethods = computed(() => props.paymentMethods.length > 0);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1g), {
+      return openBlock(), createBlock(unref(_sfc_main$2), {
         "no-spacing": "",
         "no-border": "",
         title: unref($t)(
@@ -38,18 +39,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           hasPaymentMethods.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.paymentMethods, (paymentMethod) => {
-              return openBlock(), createBlock(unref(_sfc_main$1g), {
+              return openBlock(), createBlock(unref(_sfc_main$2), {
                 key: paymentMethod.id
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$2), { "payment-method": paymentMethod }, null, 8, ["payment-method"])
+                  createVNode(unref(_sfc_main$3), { "payment-method": paymentMethod }, null, 8, ["payment-method"])
                 ]),
                 _: 2
               }, 1024);
             }), 128))
-          ])) : (openBlock(), createBlock(unref(_sfc_main$1g), { key: 1 }, {
+          ])) : (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$2$1), {
+              createVNode(unref(_sfc_main$4), {
                 variant: "body-sm",
                 shade: "lighter",
                 "no-spacing": ""
@@ -63,7 +64,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              __props.showAddButton ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+              __props.showAddButton ? (openBlock(), createBlock(unref(_sfc_main$5), {
                 key: 0,
                 class: "mt-4 w-full",
                 variant: "outline",
@@ -90,7 +91,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         __props.showViewAllButton ? {
           name: "right",
           fn: withCtx(() => [
-            createVNode(unref(_sfc_main$2H), {
+            createVNode(unref(_sfc_main$5), {
               size: "sm",
               variant: "ghost",
               color: "gray",
@@ -119,7 +120,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     isLoading: { type: Boolean },
     paymentMethods: { type: Array },
-    paymentMethodsOptions: { type: Array },
     maxPaymentMethods: { type: Number },
     configuration: { default: () => ({
       showViewAllButton: true,
@@ -130,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { dispatchAction } = useActionDispatchProvider();
     return (_ctx, _cache) => {
       var _a, _b;
-      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$6, {
         key: 0,
         variant: "section",
         class: "h-72",
@@ -139,31 +139,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         "is-loading": __props.isLoading,
         "payment-methods": __props.paymentMethods,
-        "payment-methods-options": __props.paymentMethodsOptions,
         "show-view-all-button": (_a = __props.configuration) == null ? void 0 : _a.showViewAllButton,
         "show-add-button": (_b = __props.configuration) == null ? void 0 : _b.showAddButton,
         onViewAllPaymentMethods: _cache[0] || (_cache[0] = ($event) => unref(dispatchAction)({ action: "view-all-payment-methods" })),
         onAddPaymentMethod: _cache[1] || (_cache[1] = ($event) => unref(dispatchAction)({ action: "add-payment-method" }))
-      }, null, 8, ["is-loading", "payment-methods", "payment-methods-options", "show-view-all-button", "show-add-button"]));
+      }, null, 8, ["is-loading", "payment-methods", "show-view-all-button", "show-add-button"]));
     };
   }
 });
-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 };
-}
 export {
-  _sfc_main as _,
-  useCustomerPaymentMethodOptions as u
+  _sfc_main as _
 };

package/dist/Divider.vue.es-ClFG8QtG.js

@@ -0,0 +1 @@
+const s=require("vue"),e=s.defineComponent({__name:"Divider",props:{spacing:{default:"md"}},setup:e=>(n,a)=>(s.openBlock(),s.createElementBlock("hr",{class:s.normalizeClass({"my-1":"xxs"===e.spacing,"my-2":"xs"===e.spacing,"my-4":"sm"===e.spacing,"my-6":"md"===e.spacing,"my-8":"lg"===e.spacing,"my-10":"xl"===e.spacing})},null,2))});exports._sfc_main=e;

package/dist/Divider.vue.es-wKkIVBgb.mjs

@@ -0,0 +1,24 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Divider",
+  props: {
+    spacing: { default: "md" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("hr", {
+        class: normalizeClass({
+          "my-1": __props.spacing === "xxs",
+          "my-2": __props.spacing === "xs",
+          "my-4": __props.spacing === "sm",
+          "my-6": __props.spacing === "md",
+          "my-8": __props.spacing === "lg",
+          "my-10": __props.spacing === "xl"
+        })
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/DividerText.vue.es-B7oa5Xpn.mjs

@@ -0,0 +1,72 @@
+import { computed, defineComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "./component-dpA83LIN.mjs";
+const dividerBaseClasses = "relative translate-y-1/2 top-1/2 border-t border-gray-100";
+const useDividerTextClasses = (props) => {
+  const leftDividerClasses = computed(() => {
+    let classes = `${dividerBaseClasses}`;
+    if (props.hasOuterDivider && props.textPosition === "left") {
+      classes += " w-2";
+    } else {
+      classes += " grow";
+    }
+    return classes;
+  });
+  const rightDividerClasses = computed(() => {
+    let classes = `${dividerBaseClasses}`;
+    if (props.hasOuterDivider && props.textPosition === "right") {
+      classes += " w-2";
+    } else {
+      classes += " grow";
+    }
+    return classes;
+  });
+  return { leftDividerClasses, rightDividerClasses };
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DividerText",
+  props: {
+    spacing: { default: "none" },
+    textPosition: { default: "left" },
+    hasOuterDivider: { type: Boolean, default: false },
+    text: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { leftDividerClasses, rightDividerClasses } = useDividerTextClasses(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex gap-2", {
+          "my-2": __props.spacing === "xs",
+          "my-4": __props.spacing === "sm",
+          "my-6": __props.spacing === "md",
+          "my-8": __props.spacing === "lg",
+          "my-10": __props.spacing === "xl"
+        }])
+      }, [
+        __props.textPosition === "left" && __props.hasOuterDivider || ["center", "right"].includes(__props.textPosition) ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(leftDividerClasses))
+        }, null, 2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(unref(_sfc_main$1), {
+            tag: "span",
+            "no-spacing": "",
+            variant: "caps-heading"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.text), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        __props.textPosition === "right" && __props.hasOuterDivider || ["center", "left"].includes(__props.textPosition) ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(rightDividerClasses))
+        }, null, 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/DividerText.vue.es-yiFdPQvo.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-ZRZIt3ZW.js"),i="relative translate-y-1/2 top-1/2 border-t border-gray-100",s=e.defineComponent({__name:"DividerText",props:{spacing:{default:"none"},textPosition:{default:"left"},hasOuterDivider:{type:Boolean,default:!1},text:{}},setup(s){const r=s,{leftDividerClasses:n,rightDividerClasses:a}=(t=>({leftDividerClasses:e.computed(()=>{let e=`${i}`;return t.hasOuterDivider&&"left"===t.textPosition?e+=" w-2":e+=" grow",e}),rightDividerClasses:e.computed(()=>{let e=`${i}`;return t.hasOuterDivider&&"right"===t.textPosition?e+=" w-2":e+=" grow",e})}))(r);return(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex gap-2",{"my-2":"xs"===s.spacing,"my-4":"sm"===s.spacing,"my-6":"md"===s.spacing,"my-8":"lg"===s.spacing,"my-10":"xl"===s.spacing}])},["left"===s.textPosition&&s.hasOuterDivider||["center","right"].includes(s.textPosition)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n))},null,2)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default",{},()=>[e.createVNode(e.unref(t._sfc_main),{tag:"span","no-spacing":"",variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.text),1)]),_:1})]),"right"===s.textPosition&&s.hasOuterDivider||["center","left"].includes(s.textPosition)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a))},null,2)):e.createCommentVNode("",!0)],2))}});exports._sfc_main=s;

package/dist/ErrorNotification.vue.es-Bgw0MIl8.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, computed, openBlock, createBlock, mergeProps } from "vue";
+import { _ as _sfc_main$1 } from "./Alert.vue.es-DsJ1ckRU.mjs";
+import { a as useIntl } from "./component-dpA83LIN.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ErrorNotification",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(__props) {
+    const { formatMessage } = useIntl();
+    const props = __props;
+    const title = computed(
+      () => props.title ?? formatMessage({
+        defaultMessage: "Something went wrong",
+        id: "error_notification.default_error_message",
+        description: "The default message to display"
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        type: "danger",
+        title: title.value
+      }, _ctx.$attrs), null, 16, ["title"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/ErrorNotification.vue.es-FpRyg0De.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./Alert.vue.es-DMPvSykx.js"),r=require("./component-ZRZIt3ZW.js"),o=e.defineComponent({__name:"ErrorNotification",props:{title:{},description:{}},setup(o){const{formatMessage:s}=r.useIntl(),i=o,n=e.computed(()=>i.title??s({defaultMessage:"Something went wrong",id:"error_notification.default_error_message",description:"The default message to display"}));return(r,o)=>(e.openBlock(),e.createBlock(t._sfc_main,e.mergeProps({type:"danger",title:n.value},r.$attrs),null,16,["title"]))}});exports._sfc_main=o;

package/dist/FormMessage.vue.es-DFQXxiSC.mjs

@@ -0,0 +1,46 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, renderSlot, createTextVNode, createCommentVNode } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormMessage",
+  props: {
+    message: {},
+    variant: { default: "error" },
+    capitalizeFirstLetter: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const classNames = computed(() => {
+      let result = "text-xs";
+      if (props.variant === "default") {
+        result += " text-slate-400";
+      }
+      if (props.variant === "error") {
+        result += " text-red-600";
+      }
+      if (props.variant === "warning") {
+        result += " text-yellow-600";
+      }
+      if (props.capitalizeFirstLetter) {
+        result += " first-letter:capitalize";
+      }
+      return result;
+    });
+    return (_ctx, _cache) => {
+      return typeof __props.message === "object" && !("value" in __props.message) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.message, ({ $uid, $message }) => {
+        return openBlock(), createElementBlock("p", {
+          key: $uid,
+          class: normalizeClass(classNames.value)
+        }, toDisplayString($message), 3);
+      }), 128)) : __props.message || _ctx.$slots.default ? (openBlock(), createElementBlock("p", {
+        key: 1,
+        class: normalizeClass(classNames.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.message), 1)
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/FormMessage.vue.es-LeWoj774.js

@@ -0,0 +1 @@
+const e=require("vue"),t=e.defineComponent({__name:"FormMessage",props:{message:{},variant:{default:"error"},capitalizeFirstLetter:{type:Boolean,default:!0}},setup(t){const a=t,s=e.computed(()=>{let e="text-xs";return"default"===a.variant&&(e+=" text-slate-400"),"error"===a.variant&&(e+=" text-red-600"),"warning"===a.variant&&(e+=" text-yellow-600"),a.capitalizeFirstLetter&&(e+=" first-letter:capitalize"),e});return(a,r)=>"object"!=typeof t.message||"value"in t.message?t.message||a.$slots.default?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(s.value)},[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.message,({$uid:t,$message:a})=>(e.openBlock(),e.createElementBlock("p",{key:t,class:e.normalizeClass(s.value)},e.toDisplayString(a),3))),128))}});exports._sfc_main=t;