cloudcommerce 0.26.6 → 0.27.0

package/ecomplus-stores/iluminim/functions/ssr/public/assets/cms.css

@@ -1,114 +0,0 @@
-.loading {
-  position: fixed;
-  z-index: 9999;
-  height: 2em;
-  width: 2em;
-  overflow: show;
-  margin: auto;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.loading:before {
-  content: '';
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
-  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
-}
-
-.loading:not(:required) {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-.loading:not(:required):after {
-  content: '';
-  display: block;
-  font-size: 10px;
-  width: 1em;
-  height: 1em;
-  margin-top: -0.5em;
-  -webkit-animation: spinner 150ms infinite linear;
-  -moz-animation: spinner 150ms infinite linear;
-  -ms-animation: spinner 150ms infinite linear;
-  -o-animation: spinner 150ms infinite linear;
-  animation: spinner 150ms infinite linear;
-  border-radius: 0.5em;
-  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
-  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
-}
-
-@-webkit-keyframes spinner {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-moz-keyframes spinner {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-o-keyframes spinner {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes spinner {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}

package/ecomplus-stores/iluminim/functions/ssr/public/robots.txt

@@ -1,6 +0,0 @@
-User-agent: *
-Allow: /
-Disallow: /app/
-Disallow: /admin/
-Disallow: /api/
-Disallow: /~*

package/ecomplus-stores/iluminim/functions/ssr/scripts/build.sh

@@ -1,14 +0,0 @@
-#!/bin/bash
-
-# workaround for cloudcommerce pnpm monorepo
-filename="../../../packages/storefront/scripts/build-prod.sh"
-if [[ -f $filename ]]; then
-  sh $filename
-elif [[ -f "../$filename" ]]; then
-  sh "../$filename"
-else
-  echo '> npx storefront build'
-  npx storefront build
-fi
-
-exit 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/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>

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>