cloudcommerce 0.26.7 → 0.27.0

package/ecomplus-stores/iluminim/functions/ssr/src/components/AccountMenu.vue

@@ -1,95 +0,0 @@
-<template>
-  <Menu
-    as="div"
-    class="relative text-center text-sm text-base-800"
-    v-slot="{ open }"
-  >
-    <div v-if="open">
-      <span v-once>{{ initializeFirebaseAuth() }}</span>
-    </div>
-    <MenuButton class="outline-none" :aria-label="$t.i19myAccount">
-      <slot name="button" v-bind="{ open }" />
-    </MenuButton>
-    <Fade>
-      <MenuItems class="absolute -right-8 mt-2 w-56
-        rounded shadow ring-1 ring-black/5 bg-white
-        divide-y divide-base-100 focus:outline-none">
-        <div class="p-3 text-base-600">
-          {{ `${$t.i19hello} ${customerName || $t.i19visitor}` }}
-          <AccountLink role="button" class="ui-btn-sm ui-btn-primary block my-1">
-            {{ $t.i19accessMyAccount }}
-          </AccountLink>
-          <AccountLink v-if="!isLogged" is-sign-up class="ui-link block">
-            {{ $t.i19createAnAccount }}
-          </AccountLink>
-        </div>
-        <ul class="list-none">
-          <MenuItem as="li" v-slot="{ active }">
-            <AccountLink
-              to="orders"
-              class="block p-2"
-              :class="active ? 'bg-base-100 text-primary' : null"
-            >
-              {{ $t.i19myOrders }}
-            </AccountLink>
-          </MenuItem>
-          <MenuItem as="li" v-slot="{ active }">
-            <AccountLink
-              to="favorites"
-              class="block p-2"
-              :class="active ? 'bg-base-100 text-primary' : null"
-            >
-              <i class="i-heart mr-1"></i>
-              {{ $t.i19myFavorites }}
-            </AccountLink>
-          </MenuItem>
-          <MenuItem
-            as="li"
-            v-slot="{ active }"
-            v-for="({ title, href }, i) in $settings.service_links"
-            :key="`s-${i}`"
-          >
-            <ALink
-              :href="href"
-              class="block p-2"
-              :class="active ? 'bg-base-100 text-primary' : null"
-            >
-              {{ title }}
-            </ALink>
-          </MenuItem>
-          <MenuItem as="li">
-            <div class="flex justify-center gap-2 p-2 text-base-500 text-base">
-              <span v-for="(href, network) in socialNetworks" :key="network">
-                <SocialNetworkLink :network="network" class="p-1 hover:text-primary" />
-              </span>
-            </div>
-          </MenuItem>
-          <MenuItem v-if="isLogged" as="li">
-            <button @click="logout" class="p-2 text-right text-base-800">
-              <span class="text-base-600">{{ $t.i19logout }}</span>
-              <i class="i-arrow-right-on-rectangle text-lg ml-1"></i>
-            </button>
-          </MenuItem>
-        </ul>
-      </MenuItems>
-    </Fade>
-  </Menu>
-</template>
-
-<script setup lang="ts">
-import {
-  Menu,
-  MenuButton,
-  MenuItems,
-  MenuItem,
-} from '@headlessui/vue';
-import { socialNetworks } from '@@sf/sf-lib';
-import {
-  customerName,
-  initializeFirebaseAuth,
-  isLogged,
-  logout,
-} from '@@sf/state/customer-session';
-import AccountLink from '@@sf/components/AccountLink.vue';
-import SocialNetworkLink from '@@sf/components/SocialNetworkLink.vue';
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/Banner.vue

@@ -1,57 +0,0 @@
-<template>
-  <div
-    class="mx-auto overflow-x-hidden"
-    :class="hasHeader ? 'grid grid-cols-1 md:grid-cols-2 items-center' : null"
-  >
-    <ALink
-      :href="href"
-      class="[&_img]:rounded-lg"
-      :class="hasHeader ? 'basis-1/2 grow-0 md:order-last' : '[&_img]:w-full'"
-    >
-      <slot name="picture" />
-    </ALink>
-    <div
-      v-if="hasHeader"
-      class="basis-1/2 grow-0 p-12 xl:ps-32 mb-3 md:mb-0"
-    >
-      <Component
-        v-if="parsedTitle"
-        :is="headingTag"
-        class="ui-title mt-1"
-      >
-        {{ parsedTitle }}
-      </Component>
-      <p v-if="parsedSubtitle" class="text-lg mt-4 md:mt-6">
-        {{ parsedSubtitle }}
-      </p>
-      <ALink
-        v-if="parsedButtonText"
-        :href="buttonLink"
-        class="ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
-      >
-        {{ parsedButtonText }}
-      </ALink>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  type Props as UseBannerProps,
-  useBanner,
-} from '@@sf/composables/use-banner';
-
-export type Props = UseBannerProps & {
-  headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  headingTag: 'h3',
-});
-const {
-  hasHeader,
-  parsedTitle,
-  parsedSubtitle,
-  parsedButtonText,
-} = useBanner(props);
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/BannersGrid.astro

@@ -1,25 +0,0 @@
----
-import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
-import BannerPictures from '@@sf/components/BannerPictures.astro';
-import Banner from '~/components/Banner.vue';
-
-export type Props = {
-  title?: string;
-  titleLink?: string;
-  banners: UseBannerProps[];
-}
-
-const { banners } = Astro.props;
----
-
-<section class="ui-section">
-  <ul class="flex flex-wrap lg:flex-nowrap gap-4">
-    {banners.map((banner) => (
-      <li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">
-        <Banner {...banner}>
-          <BannerPictures {...banner} slot="picture" />
-        </Banner>
-      </li>
-    ))}
-  </ul>
-</section>

package/ecomplus-stores/iluminim/functions/ssr/src/components/CartItem.vue

@@ -1,64 +0,0 @@
-<template>
-  <article class="relative bg-white shadow-sm">
-    <ALink :href="link" class="flex items-center gap-5 p-4 group">
-      <AImg
-        v-if="image"
-        :picture="image"
-        :alt="title"
-        class="w-20 h-20 object-cover"
-      />
-      <p class="py-2 flex-auto text-sm text-base-700
-        group-hover:text-base-900 group-hover:underline">
-        {{ title }}
-      </p>
-    </ALink>
-    <button
-      v-if="cartItem._id"
-      @click.stop="removeCartItem(cartItem._id)"
-      class="absolute top-0 right-0 p-2 opacity-70 hover:opacity-100"
-      :aria-label="$t.i19remove"
-    >
-      <span class="w-5 h-5 text-sm leading-none flex flex-col justify-center
-        rounded-full border-3 text-danger-800 border-danger-700/30">
-        <i class="i-close my-0 mx-auto"></i>
-      </span>
-    </button>
-    <div class="flex justify-between items-center border-t-2 border-base-100">
-      <div class="border-r-2 border-base-100">
-        <QuantitySelector
-          v-model="cartItem.quantity"
-          :min="cartItem.min_quantity"
-          :max="cartItem.max_quantity"
-        />
-      </div>
-      <Prices
-        :base-price="cartItem.base_price"
-        :price="finalPrice"
-        :has-cashback="false"
-        :has-price-options="false"
-        class="px-4 py-2.5 text-[95%] text-right"
-      />
-    </div>
-  </article>
-</template>
-
-<script setup lang="ts">
-import { removeCartItem } from '@@sf/state/shopping-cart';
-import {
-  type Props as UseCartItemProps,
-  useCartItem,
-} from '@@sf/composables/use-cart-item';
-import QuantitySelector from '@@sf/components/QuantitySelector.vue';
-import Prices from '~/components/Prices.vue';
-
-export type Props = UseCartItemProps;
-
-const props = defineProps<Props>();
-const {
-  cartItem,
-  title,
-  link,
-  image,
-  finalPrice,
-} = useCartItem(props);
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/CartSidebar.vue

@@ -1,66 +0,0 @@
-<template>
-  <aside class="flex flex-col h-screen bg-white">
-    <header class="px-6 py-4 flex justify-end items-center gap-3
-      shadow ring-1 ring-black/5 z-10">
-      <span class="text-right text-base text-base-600 font-medium">
-        {{ $t.i19myShoppingCart }}
-      </span>
-      <span class="min-w-[3rem] text-right">
-        <span class="ui-badge-pill-lg">
-          {{ totalItems }}
-        </span>
-      </span>
-    </header>
-    <article class="grow overflow-y-auto bg-base-50">
-      <div v-if="freeShippingFromValue" class="text-sm text-center">
-        <div
-          v-if="freeShippingFromValue > shoppingCart.subtotal"
-          class="p-3 secondary-subtle"
-        >
-          {{ $t.i19add$1ToEarn.replace('$1',
-            $money(freeShippingFromValue - shoppingCart.subtotal)) }}
-          <strong class="lowercase">{{ $t.i19freeShipping }}</strong>
-        </div>
-        <div v-else class="p-3 bg-success-50 text-success-800">
-          <i class="text-success-900 i-check mr-1"></i>
-          {{ $t.i19freeShippingFrom }} {{ $money(freeShippingFromValue) }}
-        </div>
-      </div>
-      <ul class="px-4 pt-4 pb-2">
-        <li v-for="(item, i) in shoppingCart.items" :key="i">
-          <CartItem :item="item" class="mb-3" />
-        </li>
-      </ul>
-    </article>
-    <footer class="px-5 pt-4 pb-3 ring-2 ring-black/5 z-10">
-      <div class="grid grid-cols-5 gap-3 items-center text-right">
-        <div class="col-span-2">
-          {{ $t.i19subtotal }}
-        </div>
-        <Prices :price="shoppingCart.subtotal" class="col-span-3 text-lg" />
-      </div>
-      <CheckoutLink class="ui-btn-lg ui-btn-primary w-full text-right my-2.5">
-        <i class="i-check mr-2"></i>
-        {{ $t.i19checkout }}
-      </CheckoutLink>
-      <a
-        href="#"
-        @click.prevent="emit('close')"
-        class="ui-link text-base-500 hover:text-base-700 text-sm"
-      >
-        <i class="i-arrow-left mr-1"></i>
-        {{ $t.i19continueShopping }}
-      </a>
-    </footer>
-  </aside>
-</template>
-
-<script setup lang="ts">
-import { freeShippingFromValue } from '@@sf/state/modules-info';
-import { shoppingCart, totalItems } from '@@sf/state/shopping-cart';
-import CheckoutLink from '@@sf/components/CheckoutLink.vue';
-import Prices from '~/components/Prices.vue';
-import CartItem from '~/components/CartItem.vue';
-
-const emit = defineEmits(['close']);
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/Countdown.vue

@@ -1,79 +0,0 @@
-<template>
-  <div class="flex w-[300px] justify-between">
-    <div>
-      <strong class="text-lg">{{ hours }}</strong>
-      <span>{{ $t.i19about }}</span>
-    </div>
-    <span>:</span>
-    <div>
-      {{ minutes }}
-    </div>
-    <span>:</span>
-    <div>
-      {{ seconds }}
-    </div>
-    <span>:</span>
-    <div>
-      {{ ms }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  ref,
-  computed,
-  watch,
-  watchEffect,
-} from 'vue';
-import { useIntervalFn } from '@vueuse/core';
-
-export interface Props {
-  endsAt?: string;
-  maxHours?: number;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  maxHours: 8,
-});
-const endTimestamp = computed(() => {
-  if (props.endsAt) {
-    return new Date(props.endsAt).getTime();
-  }
-  return null;
-});
-const hours = ref<number | null>(null);
-const minutes = ref<number>(59);
-const seconds = ref<number>(59);
-const ms = ref<number>(999);
-watchEffect(() => {
-  if (endTimestamp.value) {
-    const timeDiff = endTimestamp.value - Date.now();
-    if (timeDiff > 0) {
-      const diffHours = Math.floor(timeDiff / (1000 * 60 * 60));
-      hours.value = Math.min(diffHours, props.maxHours);
-    }
-    return;
-  }
-  hours.value = props.maxHours;
-});
-useIntervalFn(() => {
-  ms.value -= 1;
-  if (ms.value < 0) {
-    ms.value = 999;
-  }
-}, 1);
-watch([ms], () => {
-  if (ms.value === 0) {
-    seconds.value -= 1;
-    if (seconds.value < 0) {
-      seconds.value = 59;
-      minutes.value -= 1;
-      if (minutes.value < 0) {
-        minutes.value = 59;
-        hours.value = Math.min((hours.value as number) - 1, 0);
-      }
-    }
-  }
-});
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/HeroSlider.vue

@@ -1,52 +0,0 @@
-<template>
-  <section class="bg-base-100 py-3">
-    <div class="relative container mx-auto">
-      <Carousel :autoplay="autoplay" class="[&>*]:items-center">
-        <li
-          v-for="(slide, i) in slides"
-          :key="i"
-          class="shrink-0 basis-full"
-        >
-          <Banner
-            v-bind="{ ...slide, headingTag: i === 0 ? 'h2' : 'h3' }"
-            class="w-full"
-          >
-            <template #picture>
-              <slot :name="`picture-${i}`" />
-            </template>
-          </Banner>
-        </li>
-        <template #controls>
-          <div
-            v-show="slides.length > 1"
-            class="absolute z-10 bottom-5 right-5 flex justify-end items-center"
-          >
-            <div class="relative w-20 h-10 rounded-full
-              bg-primary/80 text-on-primary shadow-sm ring-1 ring-black/5">
-              <CarouselControl class="w-10 h-10 rounded-full hover:bg-primary" is-prev>
-                <i class="i-arrow-left"></i>
-              </CarouselControl>
-              <CarouselControl class="w-10 h-10 rounded-full hover:bg-primary">
-                <i class="i-arrow-right"></i>
-              </CarouselControl>
-            </div>
-          </div>
-        </template>
-      </Carousel>
-    </div>
-  </section>
-</template>
-
-<script setup lang="ts">
-import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
-import Carousel from '@@sf/components/Carousel.vue';
-import CarouselControl from '@@sf/components/CarouselControl.vue';
-import Banner from '~/components/Banner.vue';
-
-export type Props = {
-  autoplay?: number;
-  slides: UseBannerProps[];
-}
-
-defineProps<Props>();
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/PitchBar.vue

@@ -1,56 +0,0 @@
-<template>
-  <div class="bg-black relative z-20">
-    <div class="container md:w-2/3 mx-auto px-3 py-1 md:py-1.5">
-      <Carousel :autoplay="countValidSlides > 1 ? 7000 : undefined">
-        <li
-          v-for="(slide, i) in slides"
-          :key="i"
-          class="shrink-0 basis-full h-full text-center"
-        >
-          <ALink
-            :href="slide.href"
-            :target="slide.target"
-            class="inline-block px-8"
-            :class="slide.href ? 'hover:underline' : null"
-          >
-            <span
-              v-if="parsedContents[i]"
-              v-html="parsedContents[i]"
-              class="prose text-sm md:text-base lg:tracking-wide
-              text-base-200 uppercase font-semibold
-              [&_b]:text-base-100 [&_strong]:font-black
-              [&_strong]:text-transparent [&_strong]:bg-clip-text [&_strong]:bg-gradient-to-r
-              [&_strong]:from-yellow-200 [&_strong]:to-yellow-400"
-            ></span>
-          </ALink>
-        </li>
-        <template #controls>
-          <div
-            v-show="countValidSlides > 1"
-            class="text-xl leading-none text-base-300"
-          >
-            <CarouselControl class="pr-2 bg-black hover:text-white" is-prev />
-            <CarouselControl class="pl-2 bg-black hover:text-white" />
-          </div>
-        </template>
-      </Carousel>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  type Props as UsePitchBarProps,
-  usePitchBar,
-} from '@@sf/composables/use-pitch-bar';
-import Carousel from '@@sf/components/Carousel.vue';
-import CarouselControl from '@@sf/components/CarouselControl.vue';
-
-export interface Props extends UsePitchBarProps {}
-
-const props = defineProps<Props>();
-const {
-  parsedContents,
-  countValidSlides,
-} = usePitchBar(props);
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/Prices.vue

@@ -1,95 +0,0 @@
-<template>
-  <div
-    class="text-base-600
-      [&>div]:[font-size:90%] [&_small]:[font-size:92%] [&_small]:lowercase"
-    :class="isBig ? 'text-lg' : null"
-  >
-    <span v-if="comparePrice" class="text-base-500 mr-1 [font-size:87%]">
-      <small v-if="isLiteral">
-        {{ `${$t.i19from} ` }}
-      </small>
-      <s>{{ $money(comparePrice) }}</s>
-      <small v-if="isLiteral">
-        {{ ` ${$t.i19to}` }}
-      </small>
-    </span>
-    <strong
-      class="inline-block text-base-800"
-      :class="isBig ? 'text-5xl block' : null"
-    >
-      <small v-if="hasVariedPrices">
-        {{ `${$t.i19asOf} ` }}
-      </small>
-      {{ $money(salePrice) }}
-    </strong>
-    <Fade slide="down">
-      <div v-if="cashbackValue && hasCashback" class="relative z-10">
-        <span :data-tooltip="$t.i19get$1back
-          .replace('$1', $percentage(cashbackPercentage))">
-          <i class="i-arrow-uturn-left mr-1"></i>
-          <span class="font-medium">
-            {{ $money(cashbackValue) }}
-          </span>
-          <small> cashback</small>
-        </span>
-      </div>
-    </Fade>
-    <Fade slide="down">
-      <div v-if="installmentValue && hasPriceOptions">
-        <small v-if="isLiteral">
-          {{ `${$t.i19upTo} ` }}
-        </small>
-        {{ installmentsNumber }}x
-        <small v-if="isLiteral">
-          {{ ` ${$t.i19of} ` }}
-        </small>
-        <span>{{ $money(installmentValue) }}</span>
-        <small v-if="!monthlyInterest && isLiteral">
-          {{ ` ${$t.i19interestFree}` }}
-        </small>
-      </div>
-    </Fade>
-    <Fade slide="down">
-      <div v-if="priceWithDiscount < salePrice && hasPriceOptions">
-        <small v-if="!discountLabel">
-          {{ `${$t.i19asOf} ` }}
-        </small>
-        <span>{{ $money(priceWithDiscount) }}</span>
-        <small v-if="discountLabel">
-          {{ ` ${discountLabel}` }}
-        </small>
-      </div>
-    </Fade>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  type Props as UsePricesProps,
-  usePrices,
-} from '@@sf/composables/use-prices';
-
-export interface Props extends UsePricesProps {
-  isBig?: boolean;
-  isLiteral?: boolean;
-  hasCashback?: boolean;
-  hasPriceOptions?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  hasCashback: true,
-  hasPriceOptions: true,
-});
-const {
-  hasVariedPrices,
-  salePrice,
-  comparePrice,
-  cashbackPercentage,
-  cashbackValue,
-  installmentsNumber,
-  monthlyInterest,
-  installmentValue,
-  priceWithDiscount,
-  discountLabel,
-} = usePrices(props);
-</script>