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

package/dist/usePayments-Cw5PPEJa.mjs

@@ -0,0 +1,36 @@
+import { c as createInvoicesService } from "./invoices-DIYPN2j_.mjs";
+import { u as useService } from "./useService-BsSEI8DZ.mjs";
+import { c as createPaymentsService } from "./payments-Dq6R37Fz.mjs";
+function useInvoice({ invoiceId }) {
+  const { getInvoice, getInvoicePdf: downloadInvoicePdf } = createInvoicesService();
+  const service = () => getInvoice(invoiceId);
+  const {
+    data,
+    execute: get,
+    apiStatus,
+    error,
+    isPending
+  } = useService({
+    service
+  });
+  return {
+    invoice: data,
+    downloadInvoicePdf,
+    apiStatus,
+    error,
+    get,
+    isPending
+  };
+}
+function usePayments() {
+  const { getPayments } = createPaymentsService();
+  const { data, execute: get, error, apiStatus, isPending } = useService({
+    service: getPayments,
+    isCollection: true
+  });
+  return { payments: data, get, error, apiStatus, isPending };
+}
+export {
+  usePayments as a,
+  useInvoice as u
+};

package/dist/usePayments-DWXPGFvp.js

@@ -0,0 +1 @@
+const e=require("./invoices-DzkA1jDc.js"),i=require("./useService-Bb9r_sOQ.js"),t=require("./payments-DkHhTHto.js");exports.useInvoice=function({invoiceId:t}){const{getInvoice:r,getInvoicePdf:n}=e.createInvoicesService(),{data:s,execute:c,apiStatus:o,error:a,isPending:u}=i.useService({service:()=>r(t)});return{invoice:s,downloadInvoicePdf:n,apiStatus:o,error:a,get:c,isPending:u}},exports.usePayments=function(){const{getPayments:e}=t.createPaymentsService(),{data:r,execute:n,error:s,apiStatus:c,isPending:o}=i.useService({service:e,isCollection:!0});return{payments:r,get:n,error:s,apiStatus:c,isPending:o}};

package/dist/usePortal-CxX4nrE4.js

@@ -0,0 +1 @@
+const r=require("vue"),e=require("./component-BOqPDAVk.js");exports.usePortal=function(){const o=r.inject(e.PORTAL_INJECTION_KEY);if(!o)throw new Error("PortalProvider is not provided");return o};

package/dist/usePortal-cmE08vYs.mjs

@@ -0,0 +1,12 @@
+import { inject } from "vue";
+import { P as PORTAL_INJECTION_KEY } from "./component-Djrf1L-Z.mjs";
+function usePortal() {
+  const portal = inject(PORTAL_INJECTION_KEY);
+  if (!portal) {
+    throw new Error("PortalProvider is not provided");
+  }
+  return portal;
+}
+export {
+  usePortal as u
+};

package/dist/useService-Bb9r_sOQ.js

@@ -0,0 +1 @@
+const e=require("./ApiStatus-oqvUEWJx.js"),t=require("vue"),r=require("./vendor-ui-5pJF5KBP.js");function n(e,t){return t?function(e){if(!function(e){return"object"==typeof e&&null!==e&&"data"in e}(e))throw new Error("Expected collection response.");return e.data}(e):e}exports.useService=function({initialValue:i,service:u,isCollection:a=!1}){const o=t.shallowRef(i),l=t.ref(e.ApiStatus.Initial),s=t.ref(null),c=t.computed(()=>l.value===e.ApiStatus.Loading);return{data:o,execute:async(...t)=>{try{l.value=e.ApiStatus.Loading,s.value=null;const v=n(await u(...t),a);return i=o,c=v,r.isEqual(i.value,c)||(i.value=c),l.value=e.ApiStatus.Done,v}catch(v){return s.value=function(e){return e instanceof Error?e:new Error("Something went wrong while fetching data.")}(v),l.value=e.ApiStatus.Failed,Promise.reject()}var i,c},apiStatus:l,isPending:c,error:s}};

package/dist/useService-BsSEI8DZ.mjs

@@ -0,0 +1,53 @@
+import { A as ApiStatus } from "./ApiStatus-CyNDp_op.mjs";
+import { shallowRef, ref, computed } from "vue";
+import { k as isEqual } from "./vendor-ui-C0K3osvz.mjs";
+function updateRefIfChanged(ref2, value) {
+  if (isEqual(ref2.value, value)) {
+    return;
+  }
+  ref2.value = value;
+}
+function toError(error) {
+  return error instanceof Error ? error : new Error("Something went wrong while fetching data.");
+}
+function isCollectionResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response;
+}
+function getCollectionResponseData(response) {
+  if (!isCollectionResponse(response)) {
+    throw new Error("Expected collection response.");
+  }
+  return response.data;
+}
+function mapServiceResponse(response, isCollection) {
+  return isCollection ? getCollectionResponseData(response) : response;
+}
+function useService({
+  initialValue,
+  service,
+  isCollection = false
+}) {
+  const data = shallowRef(initialValue);
+  const apiStatus = ref(ApiStatus.Initial);
+  const error = ref(null);
+  const isPending = computed(() => apiStatus.value === ApiStatus.Loading);
+  const execute = async (...args) => {
+    try {
+      apiStatus.value = ApiStatus.Loading;
+      error.value = null;
+      const response = await service(...args);
+      const mapped = mapServiceResponse(response, isCollection);
+      updateRefIfChanged(data, mapped);
+      apiStatus.value = ApiStatus.Done;
+      return mapped;
+    } catch (err) {
+      error.value = toError(err);
+      apiStatus.value = ApiStatus.Failed;
+      return Promise.reject();
+    }
+  };
+  return { data, execute, apiStatus, isPending, error };
+}
+export {
+  useService as u
+};

package/dist/useViewport-Bu0cyeSi.mjs

@@ -0,0 +1,38 @@
+import { ref, onMounted, onUnmounted } from "vue";
+function useMediaQuery(query) {
+  const matches = ref(false);
+  let mediaQueryList;
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  onMounted(() => {
+    mediaQueryList = window.matchMedia(query);
+    matches.value = mediaQueryList.matches;
+    mediaQueryList.addEventListener("change", handler);
+  });
+  onUnmounted(() => {
+    mediaQueryList == null ? void 0 : mediaQueryList.removeEventListener("change", handler);
+  });
+  return matches;
+}
+const breakpoints = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function useBreakpoints() {
+  const smaller = (bp) => useMediaQuery(`(max-width: ${breakpoints[bp] - 1}px)`);
+  const smallerOrEqual = (bp) => useMediaQuery(`(max-width: ${breakpoints[bp]}px)`);
+  const greaterOrEqual = (bp) => useMediaQuery(`(min-width: ${breakpoints[bp]}px)`);
+  return { smaller, smallerOrEqual, greaterOrEqual };
+}
+function useViewport() {
+  const breakpoints2 = useBreakpoints();
+  const isMobileViewport = breakpoints2.smallerOrEqual("sm");
+  return { isMobileViewport };
+}
+export {
+  useViewport as u
+};

package/dist/useViewport-CKRY1CKR.js

@@ -0,0 +1 @@
+const e=require("vue");function t(t){const n=e.ref(!1);let r;const a=e=>{n.value=e.matches};return e.onMounted(()=>{r=window.matchMedia(t),n.value=r.matches,r.addEventListener("change",a)}),e.onUnmounted(()=>{null==r||r.removeEventListener("change",a)}),n}const n={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};exports.useViewport=function(){return{isMobileViewport:{smaller:e=>t(`(max-width: ${n[e]-1}px)`),smallerOrEqual:e=>t(`(max-width: ${n[e]}px)`),greaterOrEqual:e=>t(`(min-width: ${n[e]}px)`)}.smallerOrEqual("sm")}};

package/dist/useWalletBalanceItems-CkDqmk36.mjs

@@ -0,0 +1,109 @@
+import { computed, defineComponent, openBlock, createBlock, unref, createCommentVNode } from "vue";
+import { c as createRequestService, u as useConfig } from "./component-Djrf1L-Z.mjs";
+import { u as useService } from "./useService-BsSEI8DZ.mjs";
+import { u as useIntl, A as _sfc_main$2, B as _sfc_main$4 } from "./vendor-ui-C0K3osvz.mjs";
+import { _ as _sfc_main$3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+function createWalletsService() {
+  const request = createRequestService();
+  const config = useConfig();
+  function getCustomerWalletBalances(customerId) {
+    return request({
+      url: `${config.apiUrls.config}/portal/customers/${customerId}/wallets/balance`,
+      options: { method: "POST" },
+      data: {}
+    });
+  }
+  return {
+    getCustomerWalletBalances
+  };
+}
+function useCustomerWalletBalances({ customerId }) {
+  const { getCustomerWalletBalances } = createWalletsService();
+  const { data, execute, apiStatus, error, isPending } = useService({
+    service: () => getCustomerWalletBalances(customerId)
+  });
+  const walletBalances = computed(
+    () => data.value ?? null
+  );
+  return { walletBalances, apiStatus, error, fetch: execute, isPending };
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CustomerWalletBalancesBlock",
+  props: {
+    walletBalances: { type: Array }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        class: "sv-wallet-balances",
+        items: __props.walletBalances,
+        title: unref($t)(
+          {
+            defaultMessage: "{count, plural, one {Wallet} other {Wallets}}",
+            description: "Title for the wallets block on the customer overview page",
+            id: "customer_overview.wallet_balances_block.title"
+          },
+          { count: String(__props.walletBalances.length) }
+        )
+      }, null, 8, ["items", "title"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerWalletBalances",
+  props: {
+    hasError: { type: Boolean },
+    isLoading: { type: Boolean },
+    walletBalances: { type: Array }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 0,
+        variant: "section",
+        class: "sv-wallet-balances sv-root sv-component sv-loading min-h-48",
+        "data-testid": "customer-wallet-balances-skeleton"
+      })) : __props.hasError ? (openBlock(), createBlock(unref(_sfc_main$4), {
+        key: 1,
+        class: "sv-wallet-balances sv-root sv-component sv-error",
+        title: unref($t)({
+          defaultMessage: "Could not load wallet balances",
+          description: "Error shown when wallet balances fail to load",
+          id: "wallet_balance.load_failed"
+        })
+      }, null, 8, ["title"])) : __props.walletBalances.length > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 2,
+        class: "sv-wallet-balances sv-root sv-component",
+        "wallet-balances": __props.walletBalances
+      }, null, 8, ["wallet-balances"])) : createCommentVNode("", true);
+    };
+  }
+});
+function useWalletBalanceItems(walletBalances) {
+  const { $t } = useIntl();
+  return computed(
+    () => {
+      var _a;
+      return (((_a = walletBalances.value) == null ? void 0 : _a.wallet_balances) ?? []).map((walletBalance) => {
+        var _a2;
+        return {
+          walletId: walletBalance.wallet_id,
+          title: $t({
+            defaultMessage: "Balance",
+            description: "Fallback wallet title in wallet balance components",
+            id: "wallet_balance.wallet_ballance_title"
+          }),
+          balance: walletBalance.wallet_balance.open_balance,
+          balanceAt: walletBalance.wallet_balance.balance_at ?? ((_a2 = walletBalances.value) == null ? void 0 : _a2.balance_at) ?? null
+        };
+      });
+    }
+  );
+}
+export {
+  _sfc_main as _,
+  useWalletBalanceItems as a,
+  useCustomerWalletBalances as u
+};

package/dist/useWalletBalanceItems-CpZ1NWPr.js

@@ -0,0 +1 @@
+const e=require("vue"),l=require("./component-BOqPDAVk.js"),a=require("./useService-Bb9r_sOQ.js"),t=require("./vendor-ui-5pJF5KBP.js"),n=require("./Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js");const s=e.defineComponent({__name:"CustomerWalletBalancesBlock",props:{walletBalances:{type:Array}},setup(l){const{$t:a}=t.useIntl();return(n,s)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$14),{class:"sv-wallet-balances",items:l.walletBalances,title:e.unref(a)({defaultMessage:"{count, plural, one {Wallet} other {Wallets}}",description:"Title for the wallets block on the customer overview page",id:"customer_overview.wallet_balances_block.title"},{count:String(l.walletBalances.length)})},null,8,["items","title"]))}}),o=e.defineComponent({__name:"CustomerWalletBalances",props:{hasError:{type:Boolean},isLoading:{type:Boolean},walletBalances:{type:Array}},setup(l){const{$t:a}=t.useIntl();return(o,c)=>l.isLoading?(e.openBlock(),e.createBlock(n._sfc_main,{key:0,variant:"section",class:"sv-wallet-balances sv-root sv-component sv-loading min-h-48","data-testid":"customer-wallet-balances-skeleton"})):l.hasError?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$15),{key:1,class:"sv-wallet-balances sv-root sv-component sv-error",title:e.unref(a)({defaultMessage:"Could not load wallet balances",description:"Error shown when wallet balances fail to load",id:"wallet_balance.load_failed"})},null,8,["title"])):l.walletBalances.length>0?(e.openBlock(),e.createBlock(s,{key:2,class:"sv-wallet-balances sv-root sv-component","wallet-balances":l.walletBalances},null,8,["wallet-balances"])):e.createCommentVNode("",!0)}});exports._sfc_main=o,exports.useCustomerWalletBalances=function({customerId:t}){const{getCustomerWalletBalances:n}=function(){const e=l.createRequestService(),a=l.useConfig();return{getCustomerWalletBalances:function(l){return e({url:`${a.apiUrls.config}/portal/customers/${l}/wallets/balance`,options:{method:"POST"},data:{}})}}}(),{data:s,execute:o,apiStatus:c,error:r,isPending:u}=a.useService({service:()=>n(t)});return{walletBalances:e.computed(()=>s.value??null),apiStatus:c,error:r,fetch:o,isPending:u}},exports.useWalletBalanceItems=function(l){const{$t:a}=t.useIntl();return e.computed(()=>{var e;return((null==(e=l.value)?void 0:e.wallet_balances)??[]).map(e=>{var t;return{walletId:e.wallet_id,title:a({defaultMessage:"Balance",description:"Fallback wallet title in wallet balance components",id:"wallet_balance.wallet_ballance_title"}),balance:e.wallet_balance.open_balance,balanceAt:e.wallet_balance.balance_at??(null==(t=l.value)?void 0:t.balance_at)??null}})})};

package/dist/useWatchDebounced-2ZLnfgvG.js

@@ -0,0 +1 @@
+const e=require("vue");exports.useWatchDebounced=function(t,o,u){let c;e.watch(t,(e,t)=>{clearTimeout(c),c=setTimeout(()=>o(e,t),u.debounce)}),e.onUnmounted(()=>clearTimeout(c))};

package/dist/useWatchDebounced-D1xuIX6_.mjs

@@ -0,0 +1,12 @@
+import { watch, onUnmounted } from "vue";
+function useWatchDebounced(source, callback, options) {
+  let timer;
+  watch(source, (value, oldValue) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => callback(value, oldValue), options.debounce);
+  });
+  onUnmounted(() => clearTimeout(timer));
+}
+export {
+  useWatchDebounced as u
+};