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

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
+};