cloudcommerce 0.26.7 → 0.28.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/assets/style.css

@@ -1,65 +0,0 @@
-:root {
-  --custom-font-sans: "Heebo Variable";
-}
-html {
-  scroll-behavior: smooth;
-}
-body {
-  overflow-x: hidden;
-}
-a, button, button > * {
-  transition: background-color var(--transition),
-    color var(--transition), border-color var(--transition),
-    opacity var(--transition), transform var(--transition-fast);
-}
-
-.ui-link {
-  @apply not-prose font-semibold text-primary underline underline-offset-4
-  hover:text-primary-bold active:text-primary-subtle;
-}
-
-[class*=ui-btn] {
-  @apply not-prose inline-block text-base font-medium px-4 py-2 rounded
-  border-2 border-transparent focus:ring-1 active:ring-2;
-}
-.ui-btn-sm {
-  @apply text-sm px-3 py-1.5 border-1;
-}
-.ui-btn-lg {
-  @apply font-bold px-6 py-2.5 active:ring-3;
-}
-.ui-btn-primary {
-  @apply primary border-primary hover:primary-bold ring-primary/30;
-}
-.ui-btn-secondary {
-  @apply bg-secondary-100/50 text-secondary border-secondary
-  hover:secondary ring-secondary/30;
-}
-.ui-btn-contrast {
-  @apply bg-white text-primary hover:bg-primary-100 ring-white/30;
-}
-
-.ui-text-brand, .ui-title {
-  @apply font-brand font-bold italic uppercase tracking-tight;
-}
-.ui-title {
-  @apply font-black not-prose text-3xl xl:text-5xl;
-}
-
-[class*=ui-badge] {
-  @apply text-center px-2.5 py-0.5 rounded-md font-semibold
-  inline-block bg-secondary-200 text-secondary-900;
-}
-[class*=ui-badge-pill] {
-  @apply py-0 rounded-full;
-}
-.ui-badge-pill-sm {
-  @apply text-xs min-w-[1rem] px-0.5;
-}
-.ui-badge-pill-lg {
-  @apply text-lg min-w-[1.75rem] px-2;
-}
-
-.ui-section {
-  @apply container 2xl:max-w-7xl mx-auto px-4 sm:px-2 my-6 md:my-8;
-}

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>