cloudcommerce 0.36.2 → 0.37.1

package/ecomplus-stores/monocard/functions/ssr/src/assets/style.css

@@ -1,79 +0,0 @@
-:root {
-  --custom-font-sans: "Inter Variable";
-  --c-on-primary: rgb(0, 0, 0);
-  --un-prose-links: rgb(var(--rgb-primary-700));
-}
-
-html {
-  scroll-behavior: smooth;
-}
-body {
-  overflow-x: hidden;
-}
-a, button, button > *, [role=button], [role=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-medium text-primary underline underline-offset-4
-  decoration-primary/70 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 focus:ring-offset-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-primary-50 text-on-primary hover:bg-primary-100 ring-white/30;
-}
-
-.ui-text-brand, .ui-title {
-  @apply font-brand font-black italic;
-}
-.ui-title {
-  @apply 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-alert {
-  @apply bg-warning-100 text-warning-800 border-warning-200
-  border text-base rounded px-4 py-3;
-}
-
-[class*=ui-section] {
-  @apply container 2xl:max-w-7xl mx-auto px-4 sm:px-2 my-6 md:my-8;
-}
-.ui-section {
-  @apply sm:px-2 my-6 md:my-8;
-}
-.ui-section-slim {
-  @apply my-3;
-}

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

@@ -1,97 +0,0 @@
-<template>
-  <Menu
-    as="div"
-    class="text-base-800 relative text-center text-sm"
-    v-slot="{ open }"
-  >
-    <div v-if="open">
-      <span v-once>{{ initializeFirebaseAuth() }}</span>
-    </div>
-    <AccountLink role="button" @click.prevent>
-      <MenuButton class="outline-none" :aria-label="$t.i19myAccount">
-        <slot name="button" v-bind="{ open }" />
-      </MenuButton>
-    </AccountLink>
-    <Fade>
-      <MenuItems class="divide-base-100 absolute -right-8 mt-2
-        w-56 divide-y rounded-md bg-white shadow ring-1
-        ring-black/5 focus:outline-none">
-        <div class="text-base-600 p-3">
-          {{ `${$t.i19hello} ${customerName || $t.i19visitor}` }}
-          <AccountLink role="button" class="ui-btn-sm ui-btn-primary my-1 block">
-            {{ $t.i19accessMyAccount }}
-          </AccountLink>
-          <AccountLink
-            v-if="!isLogged"
-            class="text-primary-700 hover:text-primary-bold block font-medium"
-            is-sign-up
-          >
-            {{ $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-700' : null"
-            >
-              {{ $t.i19myOrders }}
-            </AccountLink>
-          </MenuItem>
-          <MenuItem
-            as="li"
-            v-slot="{ active }"
-            v-for="({ title, href }, i) in $settings.serviceLinks"
-            :key="`s-${i}`"
-          >
-            <ALink
-              :href="href"
-              class="block p-2"
-              :class="[
-                active ? 'bg-base-100 text-primary-700' : null,
-                i === 0 ? 'font-semibold' : null,
-              ]"
-            >
-              {{ title }}
-            </ALink>
-          </MenuItem>
-          <MenuItem as="li">
-            <div class="text-base-500 flex justify-center gap-2 p-2 text-base">
-              <span v-for="(href, network) in socialNetworks" :key="network">
-                <SocialNetworkLink
-                  :network="network"
-                  class="hover:text-primary-bold p-1"
-                />
-              </span>
-            </div>
-          </MenuItem>
-          <MenuItem v-if="isLogged" as="li">
-            <button @click="logout" class="text-base-800 p-2 text-right">
-              <span class="text-base-600">{{ $t.i19logout }}</span>
-              <i class="i-logout-circle-r-line ml-1 text-lg"></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/monocard/functions/ssr/src/components/AccountPage.vue

@@ -1,62 +0,0 @@
-<template>
-  <article class="from-secondary-700 to-secondary-950 flex
-    min-h-screen w-full flex-col justify-center bg-gradient-to-br">
-    <div class="mx-auto p-4">
-      <section class="ui-section text-center">
-        <a href="/" class="text-base-200 hover:text-white">
-          <i class="i-arrow-right mr-1 rotate-180"></i>
-          {{ $t.i19goToStore }}
-        </a>
-      </section>
-      <section class="overflow-hidden rounded-md
-        shadow-md ring-4 ring-black/10">
-        <LoginForm v-bind="{ loginLinkActionUrl }">
-          <template #head>
-            <div class="mb-5 text-center">
-              <a href="/" class="inline-block">
-                <slot name="logo" />
-              </a>
-            </div>
-          </template>
-        </LoginForm>
-      </section>
-      <nav v-if="$settings.serviceLinks?.length" class="ui-section px-0">
-        <ul class="mx-auto flex max-w-sm flex-wrap items-center
-          justify-evenly gap-4 px-3">
-          <li
-            v-for="({ title, href }, i) in $settings.serviceLinks"
-            :key="`s-${i}`"
-          >
-            <ALink :href="href" class="ui-link text-base-200 hover:text-white">
-              {{ title }}
-            </ALink>
-          </li>
-        </ul>
-      </nav>
-    </div>
-  </article>
-</template>
-
-<script setup lang="ts">
-import { isLogged } from '@@sf/state/customer-session';
-import LoginForm from '~/components/LoginForm.vue';
-
-let loginLinkActionUrl: string | null = null;
-if (!import.meta.env.SSR) {
-  const { location } = window;
-  const returnUrl = new URLSearchParams(location.search).get('return_url');
-  if (!returnUrl) {
-    const url = new URL(location.toString());
-    url.pathname = '/app/';
-    url.hash = `#${location.pathname.replace('/app/', '/')}`;
-    loginLinkActionUrl = url.toString();
-  }
-  watch(isLogged, () => {
-    if (isLogged.value) {
-      location.href = (returnUrl || loginLinkActionUrl) as string;
-    }
-  }, {
-    immediate: true,
-  });
-}
-</script>

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

@@ -1,59 +0,0 @@
-<template>
-  <div
-    class="mx-auto overflow-x-hidden"
-    :class="hasHeader ? 'grid grid-cols-1 sm:grid-cols-2 items-center' : null"
-  >
-    <ALink
-      :href="href"
-      :class="hasHeader
-        ? 'sm:order-last [&_img]:max-w-full sm:[&_img]:max-w-none'
-          + ' [&_img]:aspect-video sm:[&_img]:aspect-[2.5] [&_img]:object-cover'
-        : '[&_img]:max-w-full'"
-    >
-      <slot name="picture" />
-    </ALink>
-    <div
-      v-if="hasHeader"
-      class="mb-3 p-12 sm:mb-0 xl:ps-32"
-    >
-      <Component
-        v-if="parsedTitle"
-        :is="headingTag"
-        class="ui-title mt-1"
-      >
-        {{ parsedTitle }}
-      </Component>
-      <p v-if="parsedSubtitle" class="mt-4 text-lg md:mt-6">
-        {{ parsedSubtitle }}
-      </p>
-      <ALink
-        v-if="parsedButtonText"
-        :href="buttonLink"
-        class="ui-btn-lg ui-btn-contrast mt-7 min-w-[150px] 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/monocard/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/monocard/functions/ssr/src/components/Breadcrumbs.astro

@@ -1,44 +0,0 @@
----
-import {
-  type Props as UseBreadcrumbsProps,
-  useBreadcrumbs,
-} from '@@sf/composables/use-breadcrumbs';
-
-export interface Props extends UseBreadcrumbsProps {}
-
-const { breadcrumbs, inlineJSONLd } = await useBreadcrumbs(Astro.props);
----
-
-{breadcrumbs.length > 0 &&
-  <section class={`ui-section-slim ${breadcrumbs.length > 1 ? '' : 'hidden lg:block'}`}>
-    <nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm">
-      <ol class="flex items-center gap-1 text-base-600">
-        <li>
-          <a href="/" class="hover:text-primary">
-            <span class="sr-only"> Home </span>
-            <i class="i-home"></i>
-          </a>
-        </li>
-        {breadcrumbs.map(({ name, link }, i) => 
-          <>
-            {i + 1 < breadcrumbs.length
-              ? <li class="text-base-300">
-                  <i class="i-chevron-right"></i>
-                </li>
-                <li class="whitespace-nowrap">
-                  <a href={link} class="hover:text-primary">{name}</a>
-                </li>
-              : <li class="hidden lg:block text-base-300">
-                  <i class="i-chevron-right"></i>
-                </li>
-                <li class="hidden lg:block whitespace-nowrap overflow-hidden text-ellipsis">
-                  <span class="text-base-500">{name}</span>
-                </li>
-            }
-          </>
-        )}
-      </ol>
-    </nav>
-    {inlineJSONLd && <script type="application/ld+json" set:html={inlineJSONLd} />}
-  </section>
-}

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

@@ -1,64 +0,0 @@
-<template>
-  <article class="relative bg-white shadow-sm">
-    <ALink :href="link" class="group flex items-center gap-5 p-4">
-      <AImg
-        v-if="image"
-        :picture="image"
-        :alt="title"
-        class="h-20 w-20 object-cover"
-      />
-      <p class="text-base-700 group-hover:text-base-900 flex-auto py-2
-        text-sm group-hover:underline">
-        {{ title }}
-      </p>
-    </ALink>
-    <button
-      v-if="cartItem._id"
-      @click.stop="removeCartItem(cartItem._id)"
-      class="absolute right-0 top-0 p-2 opacity-70 hover:opacity-100"
-      :aria-label="$t.i19remove"
-    >
-      <span class="border-3 text-danger-800 border-danger-700/30 flex h-5 w-5 flex-col
-        justify-center rounded-full text-sm leading-none">
-        <i class="i-close mx-auto my-0"></i>
-      </span>
-    </button>
-    <div class="border-base-100 flex items-center justify-between border-t-2">
-      <div class="border-base-100 border-r-2">
-        <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-right text-[95%]"
-      />
-    </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/monocard/functions/ssr/src/components/CartSidebar.vue

@@ -1,69 +0,0 @@
-<template>
-  <aside class="flex h-screen flex-col bg-white">
-    <header class="z-10 flex items-center justify-end gap-3 px-6
-      py-4 shadow ring-1 ring-black/5">
-      <span class="text-base-600 text-right text-base font-medium">
-        {{ $t.i19myShoppingCart }}
-      </span>
-      <span class="min-w-[3rem] text-right">
-        <span class="ui-badge-pill-lg">
-          {{ totalItems }}
-        </span>
-      </span>
-    </header>
-    <article class="bg-base-50 grow overflow-y-auto">
-      <div v-if="freeShippingFromValue" class="text-center text-sm">
-        <div
-          v-if="freeShippingFromValue > shoppingCart.subtotal"
-          class="secondary-subtle p-3"
-        >
-          {{ $t.i19add$1ToEarn.replace('$1',
-            $money(freeShippingFromValue - shoppingCart.subtotal)) }}
-          <strong class="lowercase">{{ $t.i19freeShipping }}</strong>
-        </div>
-        <div v-else class="bg-success-50 text-success-800 p-3">
-          <i class="text-success-900 i-check mr-1"></i>
-          {{ $t.i19freeShippingFrom }} {{ $money(freeShippingFromValue) }}
-        </div>
-      </div>
-      <ul class="px-4 pb-2 pt-4">
-        <li v-for="(item, i) in shoppingCart.items" :key="i">
-          <CartItem :item="item" class="mb-3" />
-        </li>
-      </ul>
-    </article>
-    <footer class="z-10 px-5 pb-3 pt-4 ring-2 ring-black/5">
-      <div class="grid grid-cols-5 items-center gap-3 text-right">
-        <div class="col-span-2">
-          {{ $t.i19subtotal }}
-        </div>
-        <Prices :price="shoppingCart.subtotal" class="col-span-3 text-lg" />
-      </div>
-      <CheckoutLink
-        to="checkout"
-        class="ui-btn-lg ui-btn-primary my-2.5 w-full text-right"
-      >
-        <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-right-line mr-1 rotate-180"></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/monocard/functions/ssr/src/components/CasesGrid.astro

@@ -1,49 +0,0 @@
----
-import Picture from "@@sf/components/Picture.astro";
-
-const logos = [{
-  filename: 'logo-pfizer.webp',
-  name: 'Pfizer',
-}, {
-  filename: 'logo-mastercard.webp',
-  name: 'Mastercard',
-  className: 'mx-auto px-1 lg:px-6',
-}, {
-  filename: 'logo-arcelor-mittal.webp',
-  name: 'Arcelor Mittal',
-}, {
-  filename: 'logo-banco-pan.webp',
-  name: 'Banco Pan',
-}, {
-  filename: 'logo-brinks.webp',
-  name: 'Brinks',
-}, {
-  filename: 'logo-prudential.webp',
-  name: 'Prudential',
-}, {
-  filename: 'logo-azul.webp',
-  name: 'Azul',
-}, {
-  filename: 'logo-unimed.webp',
-  name: 'Unimed',
-}]
----
-
-<article class="text-center my-4 px-8">
-  <p class="text-base sm:text-lg mb-7 lg:mb-9">
-    Junte-se a mais de 20.000+ empresas que utilizam nossa tecnologia
-  </p>
-  <div class="grid gap-6 grid-cols-3 md:grid-cols-4 items-center
-    max-w-3xl mx-auto">
-    {logos.map(({ filename, name, className }) =>
-      <div class={className || 'mx-auto'}>
-        <Picture
-          src={`/img/uploads/${filename}`}
-          alt={name}
-          widths={[180, 300]}
-          class="max-w-[90px] sm:max-w-[150px]"
-        />
-      </div>
-    )}
-  </div>
-</article>

package/ecomplus-stores/monocard/functions/ssr/src/components/CheckoutPage.vue

@@ -1,33 +0,0 @@
-<template>
-  <article class="flex min-h-screen flex-col justify-end">
-    <section class="grow">
-      <article id="storefront-app"></article>
-    </section>
-    <section class="bg-base-50 mt-4 lg:mt-8">
-      <nav class="ui-section-slim">
-        <ul class="mt-6 flex flex-wrap justify-center gap-6 lg:gap-8">
-          <li
-            v-for="({ title, href }, i) in $settings.serviceLinks"
-            :key="`s-${i}`"
-          >
-            <ALink :href="href" target="blank" class="ui-link text-base-700">
-              {{ title }}
-              <i class="bg-base-300 i-arrow-top-right-on-square ml-0.5"></i>
-            </ALink>
-          </li>
-        </ul>
-      </nav>
-      <FooterStamps :stamps="footerStamps" />
-    </section>
-  </article>
-</template>
-
-<script setup lang="ts">
-import FooterStamps from '~/components/FooterStamps.vue';
-
-export interface Props {
-  footerStamps: InstanceType<typeof FooterStamps>['$props']['stamps'];
-}
-
-defineProps<Props>();
-</script>

package/ecomplus-stores/monocard/functions/ssr/src/components/Collapse.vue

@@ -1,19 +0,0 @@
-<template>
-  <details class="[&_i]:open:rotate-180">
-    <summary role="button" class="text-base-700 hover:text-base-800
-      [&>i]:hover:text-primary my-4 list-none text-2xl
-      font-medium lowercase md:my-5">
-      <i class="i-chevron-down mr-1"></i>
-      <span>{{ title }}</span>
-    </summary>
-    <slot />
-  </details>
-</template>
-
-<script setup lang="ts">
-export interface Props {
-  title: string;
-}
-
-defineProps<Props>();
-</script>

package/ecomplus-stores/monocard/functions/ssr/src/components/DemoVideo.vue

@@ -1,10 +0,0 @@
-<template>
-  <iframe
-    loading="lazy"
-    id="ytplayer"
-    width="700"
-    class="aspect-video max-w-full shrink-0"
-    src="https://www.youtube.com/embed/u_TLiNHvrLo?autoplay=0"
-    frameborder="0"
-  />
-</template>

package/ecomplus-stores/monocard/functions/ssr/src/components/DocDescription.vue

@@ -1,28 +0,0 @@
-<template>
-  <section v-if="html" class="ui-section">
-    <Collapse :title="title || $t.i19description" open>
-      <ContentClearfix :html="html" />
-    </Collapse>
-  </section>
-</template>
-
-<script setup lang="ts">
-import type {
-  Products,
-  Categories,
-  Brands,
-  Collections,
-} from '@cloudcommerce/api/types';
-import ContentClearfix from '@@sf/components/ContentClearfix.vue';
-import Collapse from '~/components/Collapse.vue';
-
-export interface Props {
-  apiDoc?: Partial<Products | Categories | Brands | Collections>;
-  title?: string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  apiDoc: () => globalThis.$storefront.apiContext?.doc as Products,
-});
-const html = computed(() => props.apiDoc.body_html || props.apiDoc.body_text);
-</script>