cloudcommerce 0.8.6 → 0.9.0

package/.github/renovate.json

@@ -11,8 +11,7 @@
   "ignoreDeps": [
     "node",
     "pnpm",
-    "turbo",
-    "@vueuse/core"
+    "turbo"
   ],
   "packageRules": [
     {

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.9.0](https://github.com/ecomplus/cloud-commerce/compare/v0.8.7...v0.9.0) (2023-04-17)
+
+
+### ⚠ BREAKING CHANGES
+
+* **storefront:** `tsconfig.json` updated with `astro/tsconfigs/strict`, may have to fix null/undefined checks
+* **storefront:** Import `@@sf/components/ProductCard.vue` throws error
+* **storefront:** Import `@@sf/layouts/PagesLayout.astro` no more working
+* **storefront:** Expecting new `content/layout.json` for layout base and header to work properly
+
+### Features
+
+* **storefront:** Add `getContent` alias to `cms` function on SSR page context ([78b608a](https://github.com/ecomplus/cloud-commerce/commit/78b608a2487c9c1a9ec0f3f35889f0a450a4808e))
+* **storefront:** Add tailwind new 950 colors ([124b85b](https://github.com/ecomplus/cloud-commerce/commit/124b85b8d778fa3b69b568364d7be0f3d5b492ee))
+* **storefront:** Bump VueUse to v10 ([b5251dd](https://github.com/ecomplus/cloud-commerce/commit/b5251dda1afbc7ac9bb67c19a221f2a8468aa75a))
+* **storefront:** New `HeroPicture.astro` component optimize hero images with common abstractions ([296b6a0](https://github.com/ecomplus/cloud-commerce/commit/296b6a0f4ac0954f4d3f3568d205fd9cd5c4263d))
+* **storefront:** New `useHeroSlider` composable to abstract hero slider component common handlers ([1a7b7cb](https://github.com/ecomplus/cloud-commerce/commit/1a7b7cbe6aa2775467498b39fe55fd9ff8e698f2))
+* **storefront:** New `useHomeMain` and `useHeroSection` layout composables ([f5f7633](https://github.com/ecomplus/cloud-commerce/commit/f5f76334c63c673a35ef8e601d438a07280485c0))
+* **storefront:** Update custom <Picture> to also parse `.max-w-screen-*` classes to sizes attr ([78b9234](https://github.com/ecomplus/cloud-commerce/commit/78b92349b41188aaaed649d6d21b2a9caae3e9ba))
+* **storefront:** Update Tailwind config adding new 950 tone to brands colors ([0f6ff72](https://github.com/ecomplus/cloud-commerce/commit/0f6ff724278065d6b613ba7ee181db20b19743d1))
+
+
+### Bug Fixes
+
+* **apps:** Properly using IDs from config to read apps data ([#144](https://github.com/ecomplus/cloud-commerce/issues/144)) ([d047561](https://github.com/ecomplus/cloud-commerce/commit/d0475613c0bc32855326b92ae50fd91eb28a3db8))
+* **deps:** Update Astro to v2.2.0 ([97c810d](https://github.com/ecomplus/cloud-commerce/commit/97c810d1d62abb627fa78ac187f6de8f0503910d))
+* **deps:** Update Astro to v2.3.0 ([#148](https://github.com/ecomplus/cloud-commerce/issues/148)) ([93d9624](https://github.com/ecomplus/cloud-commerce/commit/93d9624d365b1975ae749601bcead5a929b0f06c))
+* **deps:** Update dependency astro to v2.2.1 ([#143](https://github.com/ecomplus/cloud-commerce/issues/143)) ([537f4eb](https://github.com/ecomplus/cloud-commerce/commit/537f4eb160e9287767e4e7a20b1b3ba49e289a49))
+* **deps:** Update non-major dependencies ([#140](https://github.com/ecomplus/cloud-commerce/issues/140)) ([b826d54](https://github.com/ecomplus/cloud-commerce/commit/b826d54750181125ae34399023b25bc546c95e08))
+* **deps:** Update non-major dependencies ([#142](https://github.com/ecomplus/cloud-commerce/issues/142)) ([6f687a8](https://github.com/ecomplus/cloud-commerce/commit/6f687a8b8a80e0bd6191c3a94d50380658bd8629))
+* **galaxpay:** Double check transaction status and handle Galaxpay cancel webhooks ([#145](https://github.com/ecomplus/cloud-commerce/issues/145)) ([4ac1c92](https://github.com/ecomplus/cloud-commerce/commit/4ac1c923f0b34a94badeba268baba8e85673f28c))
+* **storefront:** Fix UnoCSS config generating brand colors foregrounds (on-*) ([76e4b9d](https://github.com/ecomplus/cloud-commerce/commit/76e4b9dcc72a85025a1df72aa9fec9c5fe14ec96))
+* **storefront:** Fix Vue global <Carousel> to work with Astro slots ([0a0dc70](https://github.com/ecomplus/cloud-commerce/commit/0a0dc7089c1802059ec5454ccc180018c45e216e))
+* **storefront:** Fixing default Vue to teleport elements z-index (.z-10) ([ca8629a](https://github.com/ecomplus/cloud-commerce/commit/ca8629ae7c35aaa2d5d13c7cf728897ec5470be3))
+* **storefront:** Fixing Vue global custom properties (`$settings` and `$context`) typedef ([e17e3e7](https://github.com/ecomplus/cloud-commerce/commit/e17e3e7e78a59cb8c7d78f5aedfa8db072a3911d))
+* **storefront:** General null/undefined fixes using TS strict mode ([f06af89](https://github.com/ecomplus/cloud-commerce/commit/f06af89d6c75396970feba4a071f151697443bfe))
+* **storefront:** Properly setting `cmsContent` on home page context ([feb78a4](https://github.com/ecomplus/cloud-commerce/commit/feb78a404a8cf17f770a24a87ee1756c54968082))
+* **storefront:** Update Astro to v2.1.9 ([#141](https://github.com/ecomplus/cloud-commerce/issues/141)) ([6d61253](https://github.com/ecomplus/cloud-commerce/commit/6d612536a15f35ddbac87091af95d2b9b889a22d))
+
+
+* **storefront:** Edit CMS function type to fixed expected filenames ([33ffcc3](https://github.com/ecomplus/cloud-commerce/commit/33ffcc36d113c278a8318c0a7d0a0fe43686d11a))
+* **storefront:** Remove `PagesLayout.astro` in favor of `use-page-layout` composable ([7955a6f](https://github.com/ecomplus/cloud-commerce/commit/7955a6fec9d622188e05152a1c507e20c6996af3))
+* **storefront:** Removing test-only (yet) `ProductCard` component ([c3181c4](https://github.com/ecomplus/cloud-commerce/commit/c3181c40a9b5fa3594602e9f9978592ba500b1de))
+
+### [0.8.7](https://github.com/ecomplus/cloud-commerce/compare/v0.8.6...v0.8.7) (2023-03-31)
+
+
+### Bug Fixes
+
+* **storefront:** Ensure alt attr on <Picture> img ([d55c572](https://github.com/ecomplus/cloud-commerce/commit/d55c5724599d4494a4a5fa9859df101b5f2a26ac))
+
 ### [0.8.6](https://github.com/ecomplus/cloud-commerce/compare/v0.8.5...v0.8.6) (2023-03-24)
 
 

package/ecomplus-stores/monocard/functions/core/package.json

@@ -15,6 +15,6 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.8.5"
+    "@cloudcommerce/firebase": "^0.8.7"
   }
 }

package/ecomplus-stores/monocard/functions/events/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/events": "^0.8.5",
-    "@cloudcommerce/firebase": "^0.8.5"
+    "@cloudcommerce/events": "^0.8.7",
+    "@cloudcommerce/firebase": "^0.8.7"
   }
 }

package/ecomplus-stores/monocard/functions/modules/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.8.5",
-    "@cloudcommerce/modules": "^0.8.5"
+    "@cloudcommerce/firebase": "^0.8.7",
+    "@cloudcommerce/modules": "^0.8.7"
   }
 }

package/ecomplus-stores/monocard/functions/passport/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.8.5",
-    "@cloudcommerce/passport": "^0.8.5"
+    "@cloudcommerce/firebase": "^0.8.7",
+    "@cloudcommerce/passport": "^0.8.7"
   }
 }

package/ecomplus-stores/monocard/functions/ssr/content/layout.json

@@ -0,0 +1,37 @@
+{
+  "metatags": {
+    "og_image": "",
+    "fb_app_id": "",
+    "twitter_username": ""
+  },
+  "custom_code": {
+    "css": "",
+    "html_head": "",
+    "html_body": ""
+  },
+  "header": {
+    "pitch_bar": [
+      {
+        "href": "",
+        "html": "<b>Frete grátis</b> para todo Brasil"
+      }
+    ],
+    "inline_menu_categories": {
+      "featured": [],
+      "random": 7
+    },
+    "alphabetical_sort_submenu": false
+  },
+  "service_links": [
+    {
+      "title": "Edite seu Monocard",
+      "href": "https://mono.direct/login"
+    },
+    {
+      "title": "Fale conosco",
+      "href": "https://ajuda.monocard.com.br/"
+    }
+  ],
+  "footer": {
+  }
+}

package/ecomplus-stores/monocard/functions/ssr/package.json

@@ -17,15 +17,15 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/api": "^0.8.5",
-    "@cloudcommerce/firebase": "^0.8.5",
-    "@cloudcommerce/ssr": "^0.8.5",
+    "@cloudcommerce/api": "^0.8.7",
+    "@cloudcommerce/firebase": "^0.8.7",
+    "@cloudcommerce/ssr": "^0.8.7",
     "@vueuse/motion": "2.0.0-beta.22"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.8.5",
-    "@cloudcommerce/storefront": "^0.8.5",
-    "@cloudcommerce/types": "^0.8.5",
+    "@cloudcommerce/i18n": "^0.8.7",
+    "@cloudcommerce/storefront": "^0.8.7",
+    "@cloudcommerce/types": "^0.8.7",
     "@fontsource/inter": "^4.5.15",
     "@iconify-json/ri": "^1.1.5",
     "@iconify-json/wpf": "^1.1.4",

package/ecomplus-stores/monocard/functions/ssr/src/components/FeatureTabs.astro

@@ -18,4 +18,11 @@ import FeatureTabs from '~/components/FeatureTabs.vue';
     widths={[220, 262]}
     class="sm:h-72 pb-3 sm:pt-3 mx-auto max-w-[110px] sm:max-w-[131px]"
   />
+  <Picture
+    slot="picture-edit"
+    src={'/img/uploads/mockup-editar.png'}
+    alt="Edite seu perfil no painel do Monocard"
+    widths={[756]}
+    class="pt-3 mx-auto w-full max-w-[500px] lg:max-w-[525px] xl:max-w-[550px]"
+  />
 </FeatureTabs>

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

@@ -41,7 +41,8 @@
           </button>
         </Tab>
       </TabList>
-      <TabPanels class="text-left w-72 mx-auto sm:w-auto sm:px-5 mt-4">
+      <TabPanels class="text-left w-72 mx-auto sm:w-auto sm:px-5 mt-4
+        md:min-h-[870px] lg:min-h-[880px] xl:min-h-[915px]">
         <TabPanel v-motion-fade-visible>
           <div class="prose mb-8">
             <h4 class="text-2xl xl:text-3xl leading-snug mb-5">
@@ -134,44 +135,109 @@
           <div class="mt-5 flex gap-3 lg:gap-4
             text-xl lg:text-2xl font-brand lowercase">
             <a
-              :href="$settings.metafields.monocard_slug"
+              :href="$settings.metafields?.monocard_slug"
               class="primary border-4 border-primary
               hover:border-primary-bold active:primary-bold
               rounded-full px-4 py-1.5 lg:px-7 lg:py-3"
             >
-              Monte seu cartão
+              Monte seu Monocard
             </a>
             <a
-              :href="$settings.metafields.business_lp_url"
+              :href="$settings.metafields?.business_lp_url"
               class="hidden sm:block
               bg-transparent text-black border-4 border-primary
               hover:bg-primary-100 hover:border-primary-bold active:primary-bold
-              rounded-full px-4 py-2 xl:px-6 xl:py-3"
+              rounded-full px-4 py-2 lg:px-6 lg:py-3"
             >
               Para empresas
             </a>
           </div>
         </TabPanel>
-        <TabPanel
-          class="flex flex-wrap md:flex-nowrap items-start justify-between"
-          v-motion-fade-visible
-        >
-          <div class="md:order-last rounded-xl overflow-hidden shadow-lg
-            mt-4 md:mt-5 mb-2 md:mb-0 mx-auto md:mx-0 h-44 md:h-auto">
-            <slot name="picture-edit" />
+        <TabPanel v-motion-fade-visible>
+          <slot name="picture-edit" />
+          <div class="flex flex-wrap md:flex-nowrap gap-x-10">
+            <div class="md:basis-1/2 prose">
+              <h4 class="text-xl">
+                Editar o perfil é rápido e fácil
+              </h4>
+              <p>
+                Adicione sua foto ou o logo de sua empresa em seu perfil.
+                Disponibilize todos os contatos que desejar, WhatsApp,
+                LinkedIn, Instagram, TikTok, Twitter, loja, website
+                e até Pix.
+              </p>
+              <p class="grid grid-cols-4 max-w-[170px] lg:max-w-[200px] gap-5
+                text-2xl text-base-800">
+                <i class="i-pix my-0"></i>
+                <i class="i-whatsapp my-0"></i>
+                <i class="i-instagram my-0"></i>
+                <i class="i-tiktok my-0"></i>
+                <i class="i-linkedin my-0"></i>
+                <i class="i-facebook my-0"></i>
+                <i class="i-mail-send-line my-0"></i>
+                <i class="i-add-circle-fill my-0 text-secondary-700"></i>
+              </p>
+              <p class="font-medium">
+                Tudo em um único link apontado diretamente pelo
+                seu cartão de visitas inteligente.
+              </p>
+            </div>
+            <div class="md:basis-1/2 prose">
+              <h4 class="flex gap-3 items-center">
+                <i class="i-translate-2 text-4xl my-0"></i>
+                <span class="font-normal font-brand lowercase">
+                  Multilingual
+                </span>
+              </h4>
+              <p>
+                Traduz automaticamente o perfil para inglês.
+                <small class="block text-base-500">
+                  Tradução para outras línguas em breve.
+                </small>
+              </p>
+              <h4 class="flex gap-3 items-center md:mt-9">
+                <i class="i-menu-add-fill text-4xl my-0"></i>
+                <span class="font-normal font-brand lowercase">
+                  Ilimitado
+                </span>
+              </h4>
+              <p>
+                Adicione e configure quantos módulos quiser ao seu perfil.
+                Sem limites ou custos extra.
+              </p>
+            </div>
           </div>
-          <div class="md:basis-1/2 prose">
-            <h4>Editar o perfil é rápido e fácil</h4>
-            <p>
-              Adicione sua foto ou o logo de sua empresa em seu perfil.
-              Disponibilize todos os contatos que desejar, WhatsApp,
-              LinkedIn, Instagram, TikTok, Twitter, loja, website
-              e até mesmo Pix.
-            </p>
-            <p class="font-medium">
-              Tudo em um único link apontado diretamente pelo
-              seu cartão de visitas inteligente.
-            </p>
+          <div class="mt-5 flex flex-wrap gap-3 lg:gap-4
+            text-lg lg:text-xl font-brand lowercase">
+            <a
+              href="#produtos"
+              class="grow sm:grow-0
+              primary border-4 border-primary
+              hover:border-primary-bold active:primary-bold
+              rounded-full px-6 py-1.5 lg:px-8 lg:py-3
+              flex items-center"
+            >
+              <span class="leading-tight block">
+                Compre agora
+                <small class="block text-sm text-base-700">
+                  Seu Monocard ou Monodot
+                </small>
+              </span>
+            </a>
+            <a
+              :href="$settings.metafields?.business_lp_url"
+              class="grow sm:grow-0
+              bg-transparent text-black border-4 border-primary
+              hover:bg-primary-100 hover:border-primary-bold active:primary-bold
+              rounded-full px-6 py-1.5 lg:px-8 lg:py-3"
+            >
+              <span class="leading-tight block">
+                Para grandes times
+                <small class="block text-sm text-base-700">
+                  Fale conosco
+                </small>
+              </span>
+            </a>
           </div>
         </TabPanel>
       </TabPanels>
@@ -196,15 +262,16 @@ import {
 } from '@headlessui/vue';
 
 const title = ref<null | HTMLHeadingElement>(null);
-const titleMinWidth = ref<null | string>(null);
-const titleMinHeight = ref<null | string>(null);
+const titleMinWidth = ref<string | undefined>();
+const titleMinHeight = ref<string | undefined>();
 const fixTitleSize = () => {
+  if (!title.value) return;
   titleMinWidth.value = `${title.value.offsetWidth}px`;
   titleMinHeight.value = `${title.value.offsetHeight}px`;
 };
 const onResize = useDebounceFn(() => fixTitleSize(), 400);
 const copyKeyword = ref<null | string>('networking');
-let keywordInterval: null | ReturnType<typeof setInterval> = null;
+let keywordInterval: ReturnType<typeof setInterval> | undefined;
 onMounted(() => {
   keywordInterval = setInterval(() => {
     fixTitleSize();

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

@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-black uppercase relative z-1">
+  <div class="bg-black uppercase relative z-20">
     <div class="bg-primary/20">
       <div class="container md:w-2/3 mx-auto px-3 py-1">
-        <Carousel :autoplay="countValidSlides > 1 ? 7000 : null">
+        <Carousel :autoplay="countValidSlides > 1 ? 7000 : undefined">
           <li
             v-for="(slide, i) in slides"
             :key="i"

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

@@ -7,10 +7,11 @@
       isSticky ? 'backdrop-blur-md shadow py-2 md:py-3' : 'py-3 sm:py-4 md:py-5',
     ]"
   >
-    <div class="container lg:max-w-7xl mx-auto px-1 lg:pl-3
-      grid grid-flow-col grid-cols-3 justify-between items-center
-      lg:grid-cols-none lg:auto-cols-max">
-      <div class="lg:hidden">
+    <div class="container lg:max-w-4xl xl:max-w-6xl 2xl:max-w-7xl
+      mx-auto px-1 lg:pl-3
+      flex md:grid grid-flow-col grid-cols-3 lg:grid-cols-none lg:auto-cols-max
+      justify-between items-center">
+      <div class="basis-1/4 lg:hidden">
         <button
           class="px-2 my-1"
           :aria-label="$t.i19toggleMenu"
@@ -27,7 +28,7 @@
         class="hidden lg:block"
         v-bind="{ isSticky, ...headerNavLinks }"
       />
-      <div class="px-2 flex justify-end items-center gap-3 lg:gap-4">
+      <div class="basis-1/4 px-2 flex justify-end items-center gap-3 lg:gap-4">
         <AccountMenu
           class="hidden sm:block"
           :aria-label="$t.i19myAccount"
@@ -87,11 +88,11 @@ const {
 } = useShopHeader({ ...props, header });
 const isSidenavOpen = ref(false);
 const vm = getCurrentInstance();
-const { metafields } = vm.appContext.app.config.globalProperties.$settings;
+const metafields = vm?.appContext.app.config.globalProperties.$settings.metafields || {};
 const headerNavLinks = {
-  supportUrl: metafields.support_url,
-  businessLpUrl: metafields.business_lp_url,
-  monocardSlug: metafields.monocard_slug,
-  monodotSlug: metafields.monodot_slug,
+  supportUrl: metafields.support_url || '',
+  businessLpUrl: metafields.business_lp_url || '',
+  monocardSlug: metafields.monocard_slug || '',
+  monodotSlug: metafields.monodot_slug || '',
 };
 </script>

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

@@ -58,11 +58,11 @@
 </template>
 
 <script setup lang="ts">
-import type { CategoryTree } from '@@sf/composables/use-shop-header';
+import type { CategoryTree, SubcategoryTree } from '@@sf/composables/use-shop-header';
 import { ref, watch } from 'vue';
 
 export interface Props {
-  categoryTree: CategoryTree;
+  categoryTree: CategoryTree | SubcategoryTree;
 }
 
 defineProps<Props>();

package/ecomplus-stores/monocard/functions/ssr/src/layouts/Pages.astro

@@ -1,7 +1,9 @@
 ---
 import type { PageContext } from '@@sf/ssr-context';
 import Base from '~/layouts/Base.astro';
-import Header from '@@sf/layouts/PagesHeader.astro';
+import usePageLayout from '@@sf/layouts/use-page-layout';
+import PitchBar from '~/components/PitchBar.vue';
+import ShopHeader from '~/components/ShopHeader.vue';
 
 export interface Props {
   pageContext: PageContext;
@@ -9,23 +11,35 @@ export interface Props {
 }
 
 const { pageContext, title } = Astro.props as Props;
-const { settings } = pageContext;
+const { settings, isHomepage } = pageContext;
+const LogoHeading = isHomepage ? 'h1' : 'h2';
+const { pitchBar, shopHeader } = await usePageLayout({ pageContext });
 ---
 
 <Base pageContext={pageContext} title={title}>
   <slot name="header">
-    <Header pageContext={pageContext}>
-      <img
-        slot="logo-picture"
-        src={settings.logo}
-        alt={settings.name}
-        width="150"
-        height="24.5"
-        fetchpriority="high"
-        loading="eager"
-        class="hover:drop-shadow-sm"
-      />
-    </Header>
+    <slot name="pitch-bar">
+      {pitchBar.slides.length > 1 && <PitchBar {...pitchBar} client:idle />}
+      {pitchBar.slides.length === 1 && <PitchBar {...pitchBar} />}
+    </slot>
+    <ShopHeader {...shopHeader} client:load>
+      <Fragment slot="logo">
+        <a href="/">
+          <LogoHeading>
+            <img
+              slot="logo-picture"
+              src={settings.logo}
+              alt={settings.name}
+              width="150"
+              height="24.5"
+              fetchpriority="high"
+              loading="eager"
+              class="hover:drop-shadow-sm mx-auto"
+            />
+          </LogoHeading>
+        </a>
+      </Fragment>
+    </ShopHeader>
   </slot>
   <slot />
   <script>

package/ecomplus-stores/monocard/functions/ssr/src/main/Home.astro

@@ -18,7 +18,7 @@ const products = (await api.get('products')).data.result;
     <article class="container mx-auto px-8">
       <div class="grid grid-cols-1 lg:grid-cols-7">
         <div class="lg:col-span-3 pt-5 lg:py-18 xl:py-20 lg:text-right prose">
-          <h3 class="text-5xl lg:text-7xl 2xl:text-8xl font-bold mt-7">
+          <h3 class="text-5xl lg:text-6xl xl:text-7xl 2xl:text-8xl font-bold mt-7">
             A melhor forma de se
             <span class="text-transparent bg-clip-text bg-gradient-to-br
               from-base-900 to-secondary-500">
@@ -29,14 +29,14 @@ const products = (await api.get('products')).data.result;
             perfeito para pessoas e empresas
           </h2>
           <div class="not-prose mt-5 flex gap-3 lg:gap-4 text-center lg:justify-end
-            text-lg sm:text-xl lg:text-3xl font-brand lowercase">
+            text-lg sm:text-xl lg:text-2xl xl:text-3xl font-brand lowercase">
             <a role="button" href="/#produtos"
               class="primary lg:border-4 border-primary
               hover:border-primary-bold active:primary-bold
               basis-1/2 lg:basis-auto rounded-full px-4 py-2.5 xl:px-7 xl:py-4">
               Compre agora
             </a>
-            <a role="button" href={settings.metafields.business_lp_url}
+            <a role="button" href={settings.metafields?.business_lp_url}
               class="bg-primary/40 text-primary-900 lg:border-4 border-primary/20
               hover:primary hover:border-primary-bold active:primary-bold
               basis-1/2 lg:basis-auto rounded-full px-4 py-2.5 xl:px-7 xl:py-4">

package/ecomplus-stores/monocard/functions/ssr/src/main/Wildcard.astro

@@ -11,11 +11,13 @@ const {
 ---
 
 <main>
-  <h1>Hello <span class="text-gradient">{apiDoc.name}</span></h1>
-  <hr>
-  <div class="mt-3">
-    <mark>{apiDoc._id}</mark> from <i>{apiResource}</i>
-    <p>{Math.random()}</p>
-    <em>Lorem ipsum dolor sit amet</em>
-  </div>
+  {apiDoc &&
+    <h1>Hello <span class="text-gradient">{apiDoc.name}</span></h1>
+    <hr>
+    <div class="mt-3">
+      <mark>{apiDoc._id}</mark> from <i>{apiResource}</i>
+      <p>{Math.random()}</p>
+      <em>Lorem ipsum dolor sit amet</em>
+    </div>
+  }
 </main>

package/ecomplus-stores/monocard/functions/ssr/src/pages/[...slug].astro

@@ -8,11 +8,11 @@ if (String(Astro.params.slug).endsWith('.css.map')) {
   return new Response(null, { status: 404 });
 }
 
-let pageContext: PageContext;
+let pageContext: PageContext | undefined;
 let loadError: any;
 try {
   pageContext = await loadPageContext(Astro);
-} catch (err) {
+} catch (err: any) {
   if (err.astroResponse) {
     return err.astroResponse;
   }

package/ecomplus-stores/monocard/functions/ssr/src/pages/fallback.astro

@@ -6,7 +6,7 @@ import FallbackMain from '~/main/Fallback.astro';
 let pageContext: PageContext;
 try {
   pageContext = await loadPageContext(Astro);
-} catch (err) {
+} catch (err: any) {
   return err.astroResponse;
 }
 

package/ecomplus-stores/monocard/functions/ssr/src/pages/index.astro

@@ -3,7 +3,7 @@ import loadPageContext, { PageContext } from '@@sf/ssr-context';
 import PagesLayout from '~/layouts/Pages.astro';
 import HomeMain from '~/main/Home.astro';
 
-let pageContext: PageContext;
+let pageContext: PageContext | undefined;
 let loadError: any;
 try {
   pageContext = await loadPageContext(Astro);
@@ -12,7 +12,7 @@ try {
     apiPrefetchEndpoints: [],
   });
   */
-} catch (err) {
+} catch (err: any) {
   if (err.astroResponse) {
     return err.astroResponse;
   }

package/ecomplus-stores/monocard/package.json

@@ -23,6 +23,6 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "dependencies": {
-    "@cloudcommerce/cli": "^0.8.5"
+    "@cloudcommerce/cli": "^0.8.7"
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.8.6",
+  "version": "0.9.0",
   "description": "Open fair-code headless commerce platform: API-first, microservices based, event driven and cloud native",
   "main": "packages/api/lib/index.js",
   "author": "E-Com Club Softwares para E-commerce <ti@e-com.club>",
@@ -16,25 +16,25 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.5.0",
+    "@commitlint/cli": "^17.5.1",
     "@commitlint/config-conventional": "^17.4.4",
     "@commitlint/rules": "^17.4.4",
-    "@types/node": "^18.15.5",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.56.0",
-    "esbuild": "^0.17.12",
-    "eslint": "^8.36.0",
+    "@types/node": "^18.15.11",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "esbuild": "^0.17.16",
+    "eslint": "^8.38.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue": "^9.10.0",
     "husky": "^8.0.3",
     "standard-version": "^9.5.0",
     "ts-node": "^10.9.1",
     "turbo": "1.6.3",
-    "typescript": "^4.9.5",
+    "typescript": "^5.0.4",
     "uglify-js": "^3.17.4",
     "vite": "^4.2.1",
-    "vitest": "^0.29.7",
+    "vitest": "^0.30.0",
     "zx": "^7.2.1"
   },
   "scripts": {