cloudcommerce 0.14.0 → 0.15.0

package/packages/storefront/dist/server/renderers.mjs

@@ -0,0 +1,333 @@
+import { h as server_default } from './chunks/astro.c449fda8.mjs';
+import { useSSRContext, defineComponent, computed, mergeProps, h, createSSRApp } from 'vue';
+import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
+import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
+import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.5667273a.mjs';
+import 'path-to-regexp';
+import 'cookie';
+import '@astrojs/internal-helpers/path';
+import 'kleur/colors';
+import 'fs';
+import 'http';
+import 'tls';
+import 'mime';
+import 'html-escaper';
+import 'string-width';
+import 'node:fs/promises';
+import 'node:path';
+import 'node:url';
+import 'http-cache-semantics';
+import 'node:os';
+import 'image-size';
+import 'magic-string';
+import 'node:stream';
+import '@cloudcommerce/api';
+import 'node:events';
+import 'node:fs';
+import '@cloudcommerce/config';
+/* empty css                                     */import '@vueuse/core';
+import '@headlessui/vue';
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Fade",
+  props: {
+    speed: { default: "default" },
+    slide: {},
+    isFloating: { type: Boolean, default: false },
+    isLeaveTo: { type: Boolean, default: true },
+    isEnterFrom: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const duration = computed(() => {
+      if (props.speed === "default")
+        return "var(--transition, .2s linear)";
+      return `var(--transition-${props.speed}, .4s linear)`;
+    });
+    const transform = computed(() => {
+      switch (props.slide) {
+        case "down":
+          return "translate3d(0, -100%, 0)";
+        case "left":
+          return "translate3d(-100%, 0, 0)";
+        case "right":
+          return "translate3d(100%, 0, 0)";
+        case "up":
+          return "translate3d(0, 100%, 0)";
+        default:
+          return "none";
+      }
+    });
+    const opacity = computed(() => {
+      return transform.value !== "none" ? 0.1 : 0;
+    });
+    const enterFromOpacity = computed(() => {
+      return props.isEnterFrom ? opacity.value : 1;
+    });
+    const leaveToOpacity = computed(() => {
+      return props.isLeaveTo ? opacity.value : 1;
+    });
+    const enterFromTransform = computed(() => {
+      return props.isEnterFrom ? transform.value : "none";
+    });
+    const leaveToTransform = computed(() => {
+      return props.isLeaveTo ? transform.value : "none";
+    });
+    const isSlideY = computed(() => {
+      return props.slide === "down" || props.slide === "up";
+    });
+    const height = computed(() => {
+      if (props.isFloating)
+        return null;
+      return isSlideY.value ? 0 : "auto";
+    });
+    const width = computed(() => {
+      if (props.isFloating)
+        return null;
+      return props.slide && !isSlideY.value ? 0 : "auto";
+    });
+    const enterFromHeight = computed(() => {
+      return props.isEnterFrom ? height.value : "auto";
+    });
+    const enterFromWidth = computed(() => {
+      return props.isEnterFrom ? width.value : "auto";
+    });
+    const willChange = computed(() => {
+      let properties = "opacity";
+      if (transform.value !== "none")
+        properties += ", transform";
+      if (height.value === 0)
+        properties += ", height";
+      if (width.value === 0)
+        properties += ", width";
+      return properties;
+    });
+    const setInitialStyles = (el) => {
+      el.style.setProperty("--fade-will-change", willChange.value);
+      el.style.setProperty("--fade-duration", duration.value);
+      el.style.setProperty("--fade-enter-opacity", String(enterFromOpacity.value));
+      el.style.setProperty("--fade-enter-transform", String(enterFromTransform.value));
+      el.style.setProperty("--fade-enter-height", String(enterFromHeight.value));
+      el.style.setProperty("--fade-enter-width", String(enterFromWidth.value));
+      el.style.setProperty("--fade-leave-opacity", String(leaveToOpacity.value));
+      el.style.setProperty("--fade-leave-transform", String(leaveToTransform.value));
+    };
+    const onEnter = (el) => {
+      if (props.slide && !props.isFloating && props.isEnterFrom) {
+        if (isSlideY.value) {
+          el.style.width = getComputedStyle(el).width;
+          el.style.height = "auto";
+        } else {
+          el.style.width = "auto";
+          el.style.height = getComputedStyle(el).height;
+        }
+        el.style.position = "absolute";
+        el.style.visibility = "hidden";
+        const { width: width2, height: height2 } = getComputedStyle(el);
+        el.style.width = isSlideY.value ? "" : "0";
+        el.style.height = isSlideY.value ? "0" : "";
+        el.style.position = "";
+        el.style.visibility = "";
+        getComputedStyle(el)[isSlideY.value ? "height" : "width"];
+        requestAnimationFrame(() => {
+          if (isSlideY.value) {
+            el.style.height = height2;
+          } else {
+            el.style.width = width2;
+          }
+        });
+      }
+    };
+    const onAfterEnter = (el) => {
+      if (props.slide && !props.isFloating && props.isEnterFrom) {
+        el.style[isSlideY.value ? "height" : "width"] = "";
+      }
+    };
+    const onLeave = (el) => {
+      if (props.slide && !props.isFloating && props.isLeaveTo) {
+        if (isSlideY.value) {
+          el.style.height = getComputedStyle(el).height;
+        } else {
+          el.style.width = getComputedStyle(el).width;
+        }
+        const sizeProp = isSlideY.value ? "height" : "width";
+        getComputedStyle(el)[sizeProp];
+        requestAnimationFrame(() => {
+          el.style[sizeProp] = "0";
+        });
+      }
+    };
+    const __returned__ = { props, duration, transform, opacity, enterFromOpacity, leaveToOpacity, enterFromTransform, leaveToTransform, isSlideY, height, width, enterFromHeight, enterFromWidth, willChange, setInitialStyles, onEnter, onAfterEnter, onLeave };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
+}
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Fade.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ALink",
+  props: {
+    href: {},
+    target: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const linkTarget = computed(() => {
+      if (props.target)
+        return props.target;
+      if (props.href.startsWith("http")) {
+        const domain = globalThis.$storefront.settings.domain || window.location.host;
+        if (props.href.startsWith(`https://${domain}`))
+          return void 0;
+      }
+      return props.href.charAt(0) === "/" ? void 0 : "_blank";
+    });
+    const __returned__ = { props, linkTarget };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({
+    href: $props.href,
+    target: $setup.linkTarget,
+    rel: $setup.linkTarget === "_blank" ? "noopener" : void 0
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AImg",
+  props: {
+    picture: {},
+    loading: { default: "lazy" },
+    decoding: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const image = computed(() => {
+      if (props.picture.url) {
+        return props.picture;
+      }
+      return img(props.picture) || {};
+    });
+    const dimensions = computed(() => {
+      return imgSizes(image.value);
+    });
+    const attrs = computed(() => ({
+      src: image.value.url,
+      alt: image.value.alt,
+      width: dimensions.value.width || void 0,
+      height: dimensions.value.height || void 0,
+      loading: props.loading,
+      decoding: props.decoding || (dimensions.value.height ? "async" : void 0)
+    }));
+    const __returned__ = { props, image, dimensions, attrs };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/AImg.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const AImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+const formatPercentage = (value, digits = 1) => {
+  return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
+};
+const createApp = (app) => {
+  app.use({
+    // eslint-disable-next-line no-shadow
+    install: (app2, options) => {
+      app2.config.globalProperties.$t = (dict, lang) => {
+        return i18n(dict, lang || options?.lang);
+      };
+      app2.config.globalProperties.$money = formatMoney;
+      app2.config.globalProperties.$percentage = formatPercentage;
+      app2.config.globalProperties.$settings = globalThis.$storefront.settings;
+      app2.config.globalProperties.$context = globalThis.$storefront.context;
+    }
+  });
+  app.component("Fade", Fade);
+  app.component("ALink", ALink);
+  app.component("AImg", AImg);
+};
+
+/**
+ * Astro passes `children` as a string of HTML, so we need
+ * a wrapper `div` to render that content as VNodes.
+ *
+ * This is the Vue + JSX equivalent of using `<div v-html="value" />`
+ */
+const StaticHtml = defineComponent({
+	props: {
+		value: String,
+		name: String,
+		hydrate: {
+			type: Boolean,
+			default: true,
+		},
+	},
+	setup({ name, value, hydrate }) {
+		if (!value) return () => null;
+		let tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
+		return () => h(tagName, { name, innerHTML: value });
+	},
+});
+
+function check(Component) {
+	return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
+}
+
+async function renderToStaticMarkup(Component, props, slotted, metadata) {
+	const slots = {};
+	for (const [key, value] of Object.entries(slotted)) {
+		slots[key] = () =>
+			h(StaticHtml, {
+				value,
+				name: key === 'default' ? undefined : key,
+				// Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
+				hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
+			});
+	}
+	const app = createSSRApp({ render: () => h(Component, props, slots) });
+	await createApp(app);
+	const html = await renderToString(app);
+	return { html };
+}
+
+const _renderer1 = {
+	check,
+	renderToStaticMarkup,
+	supportsAstroStaticSlot: true,
+};
+
+const renderers = [Object.assign({"name":"astro:jsx","serverEntrypoint":"astro/jsx/server.js","jsxImportSource":"astro"}, { ssr: server_default }),Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer1 }),];
+
+export { renderers };

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -29,38 +29,35 @@
     "prepare-monorepo": "bash scripts/prepare-monorepo.sh"
   },
   "dependencies": {
-    "@astrojs/image": "0.16.8",
-    "@astrojs/node": "5.1.3",
-    "@astrojs/vue": "2.1.1",
+    "@astrojs/image": "0.17.2",
+    "@astrojs/node": "5.3.0",
+    "@astrojs/vue": "2.2.1",
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/config": "workspace:*",
     "@cloudcommerce/i18n": "workspace:*",
-    "@ecomplus/utils": "1.5.0-rc.3",
+    "@ecomplus/utils": "1.5.0-rc.5",
     "@fastify/deepmerge": "^1.3.0",
-    "@headlessui/vue": "^1.7.13",
+    "@headlessui/vue": "^1.7.14",
     "@iconify-json/fa6-brands": "^1.1.11",
-    "@iconify-json/heroicons": "^1.1.10",
-    "@iconify-json/logos": "^1.1.29",
-    "@vite-pwa/astro": "^0.0.5",
-    "@vueuse/core": "10.1.2",
-    "astro": "2.4.5",
+    "@iconify-json/heroicons": "^1.1.11",
+    "@iconify-json/logos": "^1.1.33",
+    "@vite-pwa/astro": "^0.1.1",
+    "@vueuse/core": "10.2.1",
+    "astro": "2.7.3",
     "chroma-js": "^2.4.2",
-    "dotenv": "^16.0.3",
-    "firebase": "^9.22.0",
+    "dotenv": "^16.3.1",
+    "firebase": "^9.23.0",
     "image-size": "^1.0.2",
     "mime": "^3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "semver": "^7.5.1",
+    "semver": "^7.5.3",
     "sharp": "^0.32.1",
     "tailwindcss": "^3.3.2",
-    "unocss": "^0.51.13",
-    "vite": "^4.3.6",
-    "vite-plugin-pwa": "^0.14.7",
-    "vue": "^3.3.2"
+    "unocss": "^0.53.4",
+    "vite": "^4.3.9",
+    "vite-plugin-pwa": "^0.16.4",
+    "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
     "@cloudcommerce/types": "workspace:*"
   }
 }

package/packages/storefront/scripts/prepare-monorepo.sh

@@ -2,7 +2,6 @@
 
 rm -rf content && ln -s ../../store/functions/ssr/content content
 rm -rf public && ln -s ../../store/functions/ssr/public public
-rm -rf src/content && ln -s ../../../store/functions/ssr/src/content src/content
 rm -rf src/pages && ln -s ../../../store/functions/ssr/src/pages src/pages
 rm -rf src/layouts && ln -s ../../../store/functions/ssr/src/layouts src/layouts
 rm -rf src/main && ln -s ../../../store/functions/ssr/src/main src/main

package/packages/storefront/server.d.ts

@@ -7,9 +7,16 @@ import type {
   BrandSet,
   CollectionSet,
 } from '@cloudcommerce/api/types';
-import type { SettingsContent } from './src/lib/content';
+import type { RouteContext } from '@@sf/ssr-context';
+import type { SettingsContent } from '@@sf/content';
 
 declare global {
+  namespace App {
+    interface Locals {
+      routeContext: RouteContext,
+    }
+  }
+
   var $storefront: {
     settings: Partial<SettingsContent>,
     context?: {

package/packages/storefront/src/env.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="../.astro/types.d.ts" />
 /// <reference types="@astrojs/image/client" />
 /// <reference types="vite-plugin-pwa/client" />
 /// <reference types="vue/ref-macros" />

package/packages/storefront/src/helpers/afetch.ts

@@ -2,11 +2,11 @@ type FetchParams = Parameters<typeof fetch>;
 
 const afetch = (url: FetchParams[0], init?: FetchParams[1], timeout = 10000) => {
   let abortController: AbortController | undefined;
-  let timer;
+  let timer: NodeJS.Timeout | undefined;
   if (timeout) {
     abortController = new AbortController();
     timer = setTimeout(() => {
-      abortController.abort();
+      (abortController as AbortController).abort();
     }, timeout);
   }
   if (init?.body && typeof init.body === 'object') {

package/packages/storefront/src/lib/assets/components.css

@@ -0,0 +1,28 @@
+/* <Fade> */
+[class*="sf-fade-"] {
+  will-change: var(--fade-will-change);
+  transform: translateZ(0);
+  backface-visibility: hidden;
+  perspective: 1000px;
+}
+.sf-fade-enter-active,
+.sf-fade-leave-active {
+  transition: opacity var(--fade-duration), transform var(--fade-duration),
+    height var(--fade-duration), width var(--fade-duration);
+  overflow: hidden;
+}
+.sf-fade-enter-from {
+  opacity: var(--fade-enter-opacity);
+  transform: var(--fade-enter-transform);
+  height: var(--fade-enter-height);
+  width: var(--fade-enter-width);
+}
+.sf-fade-leave-to {
+  opacity: var(--fade-leave-opacity);
+  transform: var(--fade-leave-transform);
+}
+
+/* <Carousel> */
+[data-carousel-wrapper]::-webkit-scrollbar {
+  display: none;
+}

package/packages/storefront/src/lib/components/Carousel.vue

@@ -11,8 +11,8 @@ import {
   provide,
 } from 'vue';
 import { useDebounceFn, useElementHover, useScroll } from '@vueuse/core';
-import { carouselKey } from './_injection-keys';
-import CarouselControl from './CarouselControl.vue';
+import { carouselKey } from '@@sf/components/_injection-keys';
+import CarouselControl from '@@sf/components/CarouselControl.vue';
 
 export interface Props {
   as?: string;
@@ -169,7 +169,13 @@ provide(carouselKey, {
     <component
       :is="as"
       ref="wrapper"
-      class="flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0"
+      class="flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0
+        snap-x snap-mandatory scroll-smooth
+        [&>*]:snap-start [&>*]:outline-none"
+      style="
+        scrollbar-width: none;
+        -webkit-overflow-scrolling: touch;
+        -ms-overflow-style: none;"
       data-carousel-wrapper
     >
       <slot />
@@ -194,23 +200,3 @@ provide(carouselKey, {
     </slot>
   </div>
 </template>
-
-<style>
-[data-carousel-wrapper] {
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-  scrollbar-width: none;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: none;
-}
-[data-carousel-wrapper]::-webkit-scrollbar {
-  display: none;
-}
-[data-carousel-wrapper] > * {
-  scroll-snap-align: start;
-  outline: none;
-}
-[data-carousel-control] {
-  z-index: 1;
-}
-</style>

package/packages/storefront/src/lib/components/CarouselControl.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { inject } from 'vue';
-import { type CarouselInject, carouselKey } from './_injection-keys';
+import { type CarouselInject, carouselKey } from '@@sf/components/_injection-keys';
 
 export interface Props {
   direction?: number;
@@ -17,7 +17,7 @@ const { changeSlide } = inject(carouselKey) as CarouselInject;
     type="button"
     :aria-label="direction > 0 ? $t.i19next : $t.i19previous"
     @click="changeSlide(direction)"
-    class="group absolute top-0"
+    class="group absolute top-0 z-1"
     :class="direction > 0 ? 'right-0' : 'left-0'"
     :data-carousel-control="direction > 0 ? 'next' : 'previous'"
   >

package/packages/storefront/src/lib/components/globals/AImg.vue

@@ -12,10 +12,7 @@ export interface PictureSize {
 }
 
 export interface Props {
-  picture: {
-    url: string;
-    alt?: string;
-    size?: string;
+  picture: PictureSize | {
     normal?: PictureSize;
     big?: PictureSize;
     zoom?: PictureSize;
@@ -30,11 +27,11 @@ export interface Props {
 const props = withDefaults(defineProps<Props>(), {
   loading: 'lazy',
 });
-const image = computed(() => {
+const image = computed<Partial<PictureSize>>(() => {
   if ((props.picture as PictureSize).url) {
-    return props.picture;
+    return props.picture as PictureSize;
   }
-  return getImg(props.picture) as PictureSize;
+  return getImg(props.picture) || {};
 });
 const dimensions = computed(() => {
   return getImgSizes(image.value) as { width: number, height: number };

package/packages/storefront/src/lib/components/globals/ALink.vue

@@ -13,7 +13,7 @@ const linkTarget = computed(() => {
     const domain = globalThis.$storefront.settings.domain || window.location.host;
     if (props.href.startsWith(`https://${domain}`)) return undefined;
   }
-  return '_blank';
+  return props.href.charAt(0) === '/' ? undefined : '_blank';
 });
 </script>
 

package/packages/storefront/src/lib/components/globals/Fade.vue

@@ -136,37 +136,12 @@ const onLeave = (el: HTMLElement) => {
 <template>
   <Transition
     name="sf-fade"
-    @before-enter="setInitialStyles"
-    @enter="onEnter"
-    @before-leave="setInitialStyles"
-    @after-enter="onAfterEnter"
-    @leave="onLeave"
+    @before-enter="(setInitialStyles as any)"
+    @enter="(onEnter as any)"
+    @before-leave="(setInitialStyles as any)"
+    @after-enter="(onAfterEnter as any)"
+    @leave="(onLeave as any)"
   >
     <slot />
   </Transition>
 </template>
-
-<style>
-[class*="sf-fade-"] {
-  will-change: var(--fade-will-change);
-  transform: translateZ(0);
-  backface-visibility: hidden;
-  perspective: 1000px;
-}
-.sf-fade-enter-active,
-.sf-fade-leave-active {
-  transition: opacity var(--fade-duration), transform var(--fade-duration),
-    height var(--fade-duration), width var(--fade-duration);
-  overflow: hidden;
-}
-.sf-fade-enter-from {
-  opacity: var(--fade-enter-opacity);
-  transform: var(--fade-enter-transform);
-  height: var(--fade-enter-height);
-  width: var(--fade-enter-width);
-}
-.sf-fade-leave-to {
-  opacity: var(--fade-leave-opacity);
-  transform: var(--fade-leave-transform);
-}
-</style>

package/packages/storefront/src/lib/composables/use-hero-slider.ts

@@ -36,3 +36,5 @@ const useHeroSlider = (props: Props) => {
 };
 
 export default useHeroSlider;
+
+export { useHeroSlider };

package/packages/storefront/src/lib/composables/use-prices.ts

@@ -4,7 +4,8 @@ import { price as getPrice, onPromotion as checkOnPromotion } from '@ecomplus/ut
 import modulesInfo from '@@sf/state/modules-info';
 
 export interface Props {
-  product?: Partial<Products> & { price: number, final_price?: number };
+  product?: Partial<Products> & { final_price?: number } &
+    ({ price: number } | { final_price: number });
   price?: number;
   basePrice?: number;
   isAmountTotal?: boolean;
@@ -182,3 +183,5 @@ const usePrices = (props: Props) => {
 };
 
 export default usePrices;
+
+export { usePrices };