cloudcommerce 0.0.130 → 0.0.132

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.0.130",
+  "version": "0.0.132",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -26,7 +26,7 @@
     "prepare-monorepo": "sh scripts/prepare-monorepo.sh"
   },
   "dependencies": {
-    "@astrojs/image": "^0.12.0",
+    "@astrojs/image": "^0.12.1",
     "@astrojs/node": "^3.1.0",
     "@astrojs/partytown": "^1.0.2",
     "@astrojs/prefetch": "^0.1.1",
@@ -36,15 +36,15 @@
     "@cloudcommerce/i18n": "workspace:*",
     "@ecomplus/utils": "1.5.0-rc.3",
     "@fastify/deepmerge": "^1.3.0",
-    "@headlessui/vue": "^1.7.4",
+    "@headlessui/vue": "^1.7.5",
     "@iconify-json/brands": "npm:@iconify-json/fa6-brands@^1.1.8",
     "@iconify-json/general": "npm:@iconify-json/heroicons@^1.1.6",
     "@iconify-json/logos": "^1.1.19",
     "@vueuse/core": "^9.6.0",
-    "astro": "^1.6.12",
+    "astro": "^1.6.14",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.0.3",
-    "firebase": "^9.14.0",
+    "firebase": "^9.15.0",
     "image-size": "^1.0.2",
     "tailwindcss": "^3.2.4",
     "unocss": "^0.47.5",

package/packages/storefront/src/auto-imports.d.ts

@@ -0,0 +1,261 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const computed: typeof import('vue')['computed']
+  const computedAsync: typeof import('@vueuse/core')['computedAsync']
+  const computedEager: typeof import('@vueuse/core')['computedEager']
+  const computedInject: typeof import('@vueuse/core')['computedInject']
+  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+  const controlledRef: typeof import('@vueuse/core')['controlledRef']
+  const createApp: typeof import('vue')['createApp']
+  const createEventHook: typeof import('@vueuse/core')['createEventHook']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+  const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+  const effectScope: typeof import('vue')['effectScope']
+  const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+  const inject: typeof import('vue')['inject']
+  const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+  const onLongPress: typeof import('@vueuse/core')['onLongPress']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const provide: typeof import('vue')['provide']
+  const reactify: typeof import('@vueuse/core')['reactify']
+  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+  const reactive: typeof import('vue')['reactive']
+  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+  const reactivePick: typeof import('@vueuse/core')['reactivePick']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+  const refDebounced: typeof import('@vueuse/core')['refDebounced']
+  const refDefault: typeof import('@vueuse/core')['refDefault']
+  const refThrottled: typeof import('@vueuse/core')['refThrottled']
+  const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const syncRef: typeof import('@vueuse/core')['syncRef']
+  const syncRefs: typeof import('@vueuse/core')['syncRefs']
+  const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
+  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+  const toRaw: typeof import('vue')['toRaw']
+  const toReactive: typeof import('@vueuse/core')['toReactive']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+  const unref: typeof import('vue')['unref']
+  const unrefElement: typeof import('@vueuse/core')['unrefElement']
+  const until: typeof import('@vueuse/core')['until']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
+  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
+  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
+  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
+  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
+  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
+  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
+  const useArraySome: typeof import('@vueuse/core')['useArraySome']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
+  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+  const useCached: typeof import('@vueuse/core')['useCached']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useCloned: typeof import('@vueuse/core')['useCloned']
+  const useColorMode: typeof import('@vueuse/core')['useColorMode']
+  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCounter: typeof import('@vueuse/core')['useCounter']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVar: typeof import('@vueuse/core')['useCssVar']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+  const useCycleList: typeof import('@vueuse/core')['useCycleList']
+  const useDark: typeof import('@vueuse/core')['useDark']
+  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+  const useDebounce: typeof import('@vueuse/core')['useDebounce']
+  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+  const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
+  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+  const useElementHover: typeof import('@vueuse/core')['useElementHover']
+  const useElementSize: typeof import('@vueuse/core')['useElementSize']
+  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+  const useEventBus: typeof import('@vueuse/core')['useEventBus']
+  const useEventListener: typeof import('@vueuse/core')['useEventListener']
+  const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+  const useFavicon: typeof import('@vueuse/core')['useFavicon']
+  const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+  const useFps: typeof import('@vueuse/core')['useFps']
+  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+  const useGamepad: typeof import('@vueuse/core')['useGamepad']
+  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useImage: typeof import('@vueuse/core')['useImage']
+  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+  const useInterval: typeof import('@vueuse/core')['useInterval']
+  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+  const useMemoize: typeof import('@vueuse/core')['useMemoize']
+  const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMounted: typeof import('@vueuse/core')['useMounted']
+  const useMouse: typeof import('@vueuse/core')['useMouse']
+  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+  const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNow: typeof import('@vueuse/core')['useNow']
+  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
+  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+  const useOnline: typeof import('@vueuse/core')['useOnline']
+  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+  const useParallax: typeof import('@vueuse/core')['useParallax']
+  const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePointer: typeof import('@vueuse/core')['usePointer']
+  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+  const useScroll: typeof import('@vueuse/core')['useScroll']
+  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+  const useShare: typeof import('@vueuse/core')['useShare']
+  const useSlots: typeof import('vue')['useSlots']
+  const useSorted: typeof import('@vueuse/core')['useSorted']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSupported: typeof import('@vueuse/core')['useSupported']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeout: typeof import('@vueuse/core')['useTimeout']
+  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+  const useTitle: typeof import('@vueuse/core')['useTitle']
+  const useToNumber: typeof import('@vueuse/core')['useToNumber']
+  const useToString: typeof import('@vueuse/core')['useToString']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const watch: typeof import('vue')['watch']
+  const watchArray: typeof import('@vueuse/core')['watchArray']
+  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+  const watchOnce: typeof import('@vueuse/core')['watchOnce']
+  const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}

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

@@ -0,0 +1,27 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    ADrawer: typeof import('./lib/components/ADrawer.vue')['default']
+    HeaderButtonLink: typeof import('./components/header/HeaderButtonLink.vue')['default']
+    HeaderButtons: typeof import('./components/header/HeaderButtons.vue')['default']
+    HeaderNav: typeof import('./components/header/HeaderNav.vue')['default']
+    HeaderNavLink: typeof import('./components/header/HeaderNavLink.vue')['default']
+    LoginDrawer: typeof import('./lib/components/LoginDrawer.vue')['default']
+    LoginForm: typeof import('./lib/components/LoginForm.vue')['default']
+    Price: typeof import('./lib/components/Price.vue')['default']
+    PriceCashback: typeof import('./lib/components/Price/PriceCashback.vue')['default']
+    PriceCompare: typeof import('./lib/components/Price/PriceCompare.vue')['default']
+    PriceDiscountLabel: typeof import('./lib/components/Price/PriceDiscountLabel.vue')['default']
+    PriceInstallments: typeof import('./lib/components/Price/PriceInstallments.vue')['default']
+    PriceSale: typeof import('./lib/components/Price/PriceSale.vue')['default']
+    PriceWithDiscount: typeof import('./lib/components/Price/PriceWithDiscount.vue')['default']
+    TheHeader: typeof import('./components/TheHeader.vue')['default']
+    TopBar: typeof import('./components/TopBar.vue')['default']
+  }
+}

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

@@ -0,0 +1,30 @@
+type FetchParams = Parameters<typeof fetch>;
+
+export default (url: FetchParams[0], init?: FetchParams[1], timeout = 10000) => {
+  let abortController: AbortController | undefined;
+  let timer;
+  if (timeout) {
+    abortController = new AbortController();
+    timer = setTimeout(() => {
+      abortController.abort();
+    }, timeout);
+  }
+  if (init?.body && typeof init.body === 'object') {
+    init.body = JSON.stringify(init.body);
+    init.headers = {
+      ...init.headers,
+      'Content-Type': 'application/json',
+      'Content-Length': init.body.length.toString(),
+    };
+  }
+  const promise = fetch(url, {
+    ...init,
+    signal: abortController?.signal,
+  });
+  promise.finally(() => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+  });
+  return promise;
+};

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

@@ -20,7 +20,7 @@ import {
   customerName,
   customerEmail as email,
   isLogged,
-} from '@@storefront/state/customer-session';
+} from '@@sf/state/customer-session';
 
 const emit = defineEmits(['login', 'logout']);
 watch(isLogged, (_isLogged) => {

package/packages/storefront/src/lib/components/Price/PriceCashback.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

package/packages/storefront/src/lib/components/Price/PriceCompare.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

package/packages/storefront/src/lib/components/Price/PriceDiscountLabel.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

package/packages/storefront/src/lib/components/Price/PriceInstallments.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

package/packages/storefront/src/lib/components/Price/PriceSale.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

package/packages/storefront/src/lib/components/Price/PriceWithDiscount.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { Exposed } from '../Price.vue';
+
+const instance = getCurrentInstance();
+const price = (instance.parent.exposed as Exposed).salePrice;
+</script>
+
+<template>
+  <div class="price-sale">
+    {{ price }}
+  </div>
+</template>

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

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import type { Products, Carts } from '@cloudcommerce/api/types';
+import { price as getPrice } from '@ecomplus/utils';
+import modulesInfo from '@@sf/state/modules-info';
+
+export interface Props {
+  product?: (Partial<Products> | Partial<Carts['items'][0]>) & { price: Products['price'] };
+  price?: number;
+  basePrice?: number;
+}
+
+export interface Exposed {
+  salePrice: ComputedRef<number>;
+}
+
+type DiscountObject = { type?: 'percentage' | 'fixed', value: number };
+const getPriceWithDiscount = (price: number, discount: DiscountObject) => {
+  const { type, value } = discount;
+  let priceWithDiscount;
+  if (value) {
+    if (type === 'percentage') {
+      priceWithDiscount = price * ((100 - value) / 100);
+    } else {
+      priceWithDiscount = price - value;
+    }
+    return priceWithDiscount > 0 ? priceWithDiscount : 0;
+  }
+  return price;
+};
+
+const props = defineProps<Props>();
+const extraDiscount = computed(() => {
+  return modulesInfo.apply_discount.available_extra_discount;
+});
+const salePrice = computed(() => {
+  const price = props.price || getPrice(props.product);
+  const discount = extraDiscount.value;
+  if (discount && (!discount.min_amount || price > discount.min_amount)) {
+    return getPriceWithDiscount(price, discount);
+  }
+  return price;
+});
+defineExpose<Exposed>({ salePrice });
+</script>
+
+<template>
+  <div class="price">
+    {{ $t.i19from }}
+    {{ $t.i19to.toLowerCase() }}
+    {{ price }}
+    <slot>
+      <PriceSale/>
+    </slot>
+  </div>
+</template>

package/packages/storefront/src/lib/layouts/Base.astro

@@ -1,9 +1,9 @@
 ---
-import type CmsCode from '@@storefront/types/cms-code';
-import type { PageContext } from '@@storefront/ssr-context';
-import BaseHead from '@@storefront/layouts/BaseHead.astro';
-import BaseStateJson from '@@storefront/layouts/BaseStateJson.astro';
-import BaseBody from '@@storefront/layouts/BaseBody.astro';
+import type CmsCode from '@@sf/types/cms-code';
+import type { PageContext } from '@@sf/ssr-context';
+import BaseHead from '@@sf/layouts/BaseHead.astro';
+import BaseStateJson from '@@sf/layouts/BaseStateJson.astro';
+import BaseBody from '@@sf/layouts/BaseBody.astro';
 
 export interface Props {
   pageContext: PageContext;

package/packages/storefront/src/lib/layouts/BaseBody.astro

@@ -1,8 +1,8 @@
 ---
-import type { PageContext } from '@@storefront/ssr-context';
-import '@@storefront/assets/preflight.css';
-import '@@storefront/assets/base.css';
-import '@@storefront/assets/forms.css';
+import type { PageContext } from '@@sf/ssr-context';
+import '@@sf/assets/preflight.css';
+import '@@sf/assets/base.css';
+import '@@sf/assets/forms.css';
 import 'uno.css';
 
 export interface Props {
@@ -14,6 +14,7 @@ export interface Props {
   <slot />
   <script>
     import { registerSW } from 'virtual:pwa-register';
+    import '../scripts/session-utm';
     registerSW();
   </script>
   <slot name="before-body-end" />

package/packages/storefront/src/lib/layouts/BaseHead.astro

@@ -1,8 +1,8 @@
 ---
-import type CmsSocial from '@@storefront/types/cms-social';
+import type CmsSocial from '@@sf/types/cms-social';
 import { img as getImg } from '@ecomplus/utils';
-import type { PageContext } from '@@storefront/ssr-context';
-import { getImage as transformImage } from '@@storefront/ssr/image';
+import type { PageContext } from '@@sf/ssr-context';
+import { getImage as transformImage } from '@@sf/ssr/image';
 
 export interface Props {
   pageContext: PageContext;

package/packages/storefront/src/lib/layouts/BaseStateJson.astro

@@ -1,5 +1,5 @@
 ---
-import type { PageContext } from '@@storefront/ssr-context';
+import type { PageContext } from '@@sf/ssr-context';
 import { price as getPrice } from '@ecomplus/utils';
 
 export interface Props {

package/packages/storefront/src/lib/pages/_vue.ts

@@ -0,0 +1,16 @@
+import type { App } from 'vue';
+import { i18n, formatMoney } from '@ecomplus/utils';
+
+export default (app: App) => {
+  app.use({
+    // eslint-disable-next-line no-shadow
+    install: (app, options) => {
+      // @ts-ignore
+      app.config.globalProperties.$t = (dict, lang) => {
+        // @ts-ignore
+        return i18n(dict, lang || options?.lang);
+      };
+      app.config.globalProperties.$formatMoney = formatMoney;
+    },
+  });
+};

package/packages/storefront/src/lib/scripts/session-utm.ts

@@ -0,0 +1,22 @@
+// eslint-disable-next-line import/no-mutable-exports
+let utm: { [k: string]: string } = {};
+
+if (!import.meta.env.SSR) {
+  const storageKey = 'ecomUtm';
+  utm = JSON.parse(sessionStorage.getItem(storageKey)) || {};
+
+  let isCurrentUrl;
+  const urlParams = new URLSearchParams(window.location.search);
+  ['source', 'medium', 'campaign', 'term', 'content'].forEach((utmParam) => {
+    const value = urlParams.get(`utm_${utmParam}`);
+    if (typeof value === 'string') {
+      utm[utmParam] = value;
+      isCurrentUrl = true;
+    }
+  });
+  if (isCurrentUrl) {
+    sessionStorage.setItem(storageKey, JSON.stringify(utm));
+  }
+}
+
+export default utm;