cloudcommerce 0.26.7 → 0.28.0

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>

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

@@ -1,117 +0,0 @@
-<template>
-  <article
-    ref="card"
-    :data-sku="product.sku"
-    class="relative h-full max-w-[350px] mx-auto py-3 group"
-  >
-    <ALink
-      :href="link"
-      class="flex flex-col h-full rounded overflow-hidden
-      group-hover:shadow group-hover:ring-1 ring-black/5"
-    >
-      <div class="aspect-square p-2
-        motion-safe:group-hover:scale-110 transition-transform">
-        <div class="relative w-full h-full bg-white rounded overflow-hidden
-          group-hover:rounded-none">
-          <span v-if="images?.length" class="text-xs text-opacity-70">
-            <AImg
-              :picture="images[0]"
-              :alt="title"
-              class="absolute top-0 left-0 block w-full h-full object-cover"
-            />
-            <AImg
-              v-if="images[1] && wasHoveredOnce"
-              :picture="images[1]"
-              :alt="title"
-              class="absolute top-0 left-0 block w-full h-full object-cover
-              opacity-0 group-hover:opacity-100 transition-opacity
-              motion-safe:duration-300 text-transparent z-10"
-            />
-          </span>
-          <div
-            v-else
-            class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
-          />
-        </div>
-      </div>
-      <span
-        v-if="discountPercentage"
-        class=":uno: absolute top-9 right-2
-        group-hover:scale-110 group-hover:translate-x-2 transition-transform
-        bg-secondary/70 text-on-secondary text-xs
-        py-0.5 pr-1.5 pl-3 [clip-path:polygon(20%_0,100%_0,100%_100%,0_100%)]"
-      >
-        -<strong>{{ discountPercentage }}</strong>%
-      </span>
-      <div class="relative flex flex-col grow justify-between p-4
-        group-hover:backdrop-blur-md bg-white/40 z-10">
-        <component
-          :is="headingTag"
-          class="ui-link uppercase font-bold text-sm no-underline line-clamp-2"
-          :class="[
-            isActive ? 'text-base-700' : 'text-base-500',
-            link ? 'group-hover:underline group-hover:text-primary' : null,
-          ]"
-        >
-          {{ title }}
-        </component>
-        <div class="pt-2">
-          <div v-if="isActive">
-            <Prices :product="product" />
-          </div>
-          <span v-else class="ui-badge bg-warning-100 text-warning-700">
-            {{ !isInStock ? $t.i19outOfStock : $t.i19inactive }}
-          </span>
-        </div>
-        <button
-          v-if="isActive && !hasVariations"
-          class=":uno: hidden md:block ui-btn-sm ui-btn-primary
-          absolute -top-6 left-0 w-full rounded-none
-          opacity-0 group-hover:opacity-100 transition -z-10 group-hover:z-10"
-          @click.prevent="addProductToCart(product)"
-        >
-          <span class="inline-block h-4 w-4 leading-none text-base text-center
-            bg-on-primary text-primary opacity-80 rounded-full mr-1">
-            &plus;
-          </span>
-          {{ $t.i19addToCart }}
-        </button>
-      </div>
-    </ALink>
-  </article>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { watchOnce, useElementHover } from '@vueuse/core';
-import { addProductToCart } from '@@sf/state/shopping-cart';
-import {
-  type Props as UseProductCardProps,
-  useProductCard,
-} from '@@sf/composables/use-product-card';
-import Prices from '~/components/Prices.vue';
-
-export type Props = UseProductCardProps & {
-  headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  headingTag: 'h3',
-});
-const {
-  product,
-  title,
-  link,
-  images,
-  isInStock,
-  isActive,
-  discountPercentage,
-  hasVariations,
-} = useProductCard(props as UseProductCardProps);
-const card = ref<HTMLElement | null>(null);
-const isHovered = useElementHover(card);
-const wasHoveredOnce = ref(false);
-watchOnce(isHovered, () => {
-  wasHoveredOnce.value = true;
-});
-</script>

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

@@ -1,57 +0,0 @@
-<template>
-  <section class="ui-section">
-    <div v-if="title" class="max-w-prose mx-auto text-center mb-2">
-      <h2 class="ui-text-brand text-3xl">
-        <ALink :href="titleLink" :class="titleLink ? 'ui-link' : 'text-base-700'">
-          {{ title }}
-        </ALink>
-      </h2>
-    </div>
-    <Carousel class="group/shelf">
-      <li
-        v-for="product in products"
-        :key="product._id"
-        class="basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"
-      >
-        <ProductCard :product="product" />
-      </li>
-      <template #controls>
-        <div
-          v-show="products.length > 2"
-          class="text-3xl lg:text-2xl leading-none text-primary
-          lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity"
-        >
-          <CarouselControl class="!top-1/2 !-left-4 w-12 h-12
-            bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full
-            lg:shadow-sm lg:ring-1 ring-black/5" is-prev />
-          <CarouselControl class="!top-1/2 !-right-4 w-12 h-12
-            bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full
-            lg:shadow-sm lg:ring-1 ring-black/5" />
-        </div>
-      </template>
-    </Carousel>
-  </section>
-</template>
-
-<script setup lang="ts">
-import {
-  type Props as UseProductShelfProps,
-  useProductShelf,
-} from '@@sf/composables/use-product-shelf';
-import Carousel from '@@sf/components/Carousel.vue';
-import CarouselControl from '@@sf/components/CarouselControl.vue';
-import ProductCard from '~/components/ProductCard.vue';
-
-export interface Props extends UseProductShelfProps {}
-
-const props = defineProps<Props>();
-const {
-  title,
-  titleLink,
-  fetching,
-  products,
-} = useProductShelf(props);
-if (import.meta.env.SSR) {
-  await fetching;
-}
-</script>

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

@@ -1,20 +0,0 @@
-<template>
-  <section class="ui-section">
-    <Countdown />
-    <article v-for="product in products" :key="product._id">
-      <ProductCard :product="product" />
-    </article>
-  </section>
-</template>
-
-<script setup lang="ts">
-import type { ProductItem } from '@@sf/composables/use-product-card';
-import ProductCard from '~/components/ProductCard.vue';
-import Countdown from '~/components/Countdown.vue';
-
-export interface Props {
-  products: ProductItem[];
-}
-
-defineProps<Props>();
-</script>

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

@@ -1,6 +0,0 @@
-<template>
-  <div class="w-full h-40 bg-base-300"></div>
-</template>
-
-<script setup lang="ts">
-</script>

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

@@ -1,149 +0,0 @@
-<template>
-  <footer class="w-screen bg-base-50 border-t border-base-100 py-2">
-    <div class="ui-section">
-      <div class="pb-7 border-b border-base-200
-        flex justify-between flex-wrap lg:flex-nowrap sm:gap-x-10 gap-y-5">
-        <div class="shrink">
-          <slot name="logo" />
-          <div v-if="$settings.description" class="prose">
-            <p>{{ $settings.description }}</p>
-          </div>
-          <div class="flex gap-2 text-base-500">
-            <span v-for="(href, network) in socialNetworks" :key="network">
-              <SocialNetworkLink :network="network" class="p-1 hover:text-primary">
-                <template v-if="network === 'whatsapp'" #append>
-                  <span class="ml-1 text-sm text-base-600">
-                    {{ $settings.whatsapp }}
-                  </span>
-                </template>
-              </SocialNetworkLink>
-            </span>
-          </div>
-          <div v-if="$settings.address || $settings.phone" class="mt-3 text-base-700">
-            <address v-if="$settings.address" class="inline-block mr-4">
-              {{ $settings.address }}
-            </address>
-            <ALink
-              v-if="$settings.phone"
-              :href="`tel:${$settings.phone.replace(/\D/g, '')}`"
-              class="hover:text-primary"
-            >
-              <i class="i-phone mr-0.5"></i>
-              {{ $settings.phone }}
-            </ALink>
-          </div>
-        </div>
-        <div v-if="categories?.length" class="basis-1/2 sm:basis-auto">
-          <div class="text-lg font-medium mb-2.5">
-            {{ categoriesColTitle || $t.i19categories }}
-          </div>
-          <ul
-            class="text-sm"
-            :class="categories.length > 4
-              ? 'grid md:grid-cols-2 gap-x-5 gap-y-1.5' : 'space-y-1.5'"
-          >
-            <li v-for="({ name, slug }, i) in categories" :key="`c-${i}`">
-              <ALink :href="`/${slug}`" class="ui-link text-base-600">
-                {{ name }}
-              </ALink>
-            </li>
-            <li>
-              <ALink href="/s" class="ui-link text-base-900">
-                {{ $t.i19allProducts }}
-              </ALink>
-            </li>
-          </ul>
-        </div>
-        <div v-if="pageLinks?.length" class="basis-1/2 sm:basis-auto">
-          <div class="text-lg font-medium mb-2.5">
-            {{ pagesColTitle || $t.i19institutional }}
-          </div>
-          <ul
-            class="text-sm"
-            :class="pageLinks.length > 5
-              ? 'grid md:grid-cols-2 gap-x-5 gap-y-1.5' : 'space-y-1.5'"
-          >
-            <li v-for="({ title, href }, i) in pageLinks" :key="`p-${i}`">
-              <ALink :href="href" class="ui-link text-base-600">
-                {{ title }}
-              </ALink>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div class="ui-section">
-      <div class="flex flex-wrap lg:flex-nowrap justify-between items-start gap-5">
-        <ul class="flex gap-y-3 gap-x-6 lg:gap-x-8 items-center
-          md:flex-wrap mx-auto md:mx-0 overflow-x-auto md:overflow-hidden">
-          <li v-for="(stamp, i) in stamps" :key="i">
-            <ALink :href="stamp.href?.replace('{domain}', $settings.domain || '')">
-              <slot :name="`picture-${i}`" />
-              <span v-if="!stamp.img" class="flex items-center">
-                <span
-                  v-if="stamp.icon"
-                  class="text-4xl mr-2
-                  [&>*]:bg-gradient-to-br [&>*]:from-success-200 [&>*]:to-success-700"
-                >
-                  <i v-if="stamp.icon === 'lock'" class="i-lock-closed"></i>
-                  <i v-else-if="stamp.icon === 'check'" class="i-check-badge"></i>
-                  <i v-else class="i-arrow-path-rounded-square"></i>
-                </span>
-                <span class="text-sm font-medium text-base-600 max-w-[140px]">
-                  {{ stamp.alt }}
-                  <i
-                    v-if="stamp.href && stamp.href.charAt(0) !== '/'"
-                    class="bg-base-400 ml-0.5 i-arrow-top-right-on-square"
-                  ></i>
-                </span>
-              </span>
-            </ALink>
-          </li>
-        </ul>
-        <div class="flex flex-wrap md:flex-nowrap justify-end items-center
-          gap-4 text-2xl mx-auto md:mx-0 overflow-x-auto md:overflow-hidden">
-          <PaymentMethodFlag
-            v-for="paymentMethod in $settings.payment_methods"
-            :key="paymentMethod"
-            :flag="paymentMethod"
-          />
-        </div>
-      </div>
-      <div class="mt-7 text-xs text-center md:text-left
-        md:flex justify-between gap-4">
-        <div class="mb-3 md:mb-0">
-          @ {{ new Date().getFullYear() }} {{ $settings.corporate_name }}
-          {{ $settings.address ? `/ ${$settings.address}` : '' }}
-          / {{ $settings.doc_number }}
-        </div>
-        <ALink href="https://www.ecomplus.io/" class="italic text-[#37003c]">
-          powered by <b>E-Com Plus</b>
-        </ALink>
-      </div>
-    </div>
-  </footer>
-</template>
-
-<script setup lang="ts">
-import type { Categories } from '@cloudcommerce/api/types';
-import type { LayoutContent } from '@@sf/content';
-import { socialNetworks } from '@@sf/sf-lib';
-import SocialNetworkLink from '@@sf/components/SocialNetworkLink.vue';
-import PaymentMethodFlag from '@@sf/components/PaymentMethodFlag.vue';
-
-export interface Props {
-  stamps?: LayoutContent['footer']['stamps'];
-  categories?: Array<Partial<Categories> & {
-    name: string;
-    slug: string;
-  }>;
-  categoriesColTitle?: string;
-  pageLinks?: Array<{
-    title: string;
-    href: string;
-  }>;
-  pagesColTitle?: string;
-}
-
-defineProps<Props>();
-</script>