cloudcommerce 0.33.0 → 0.33.2

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

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div v-for="(options, gridId) in variationsGrids" :key="gridId">
+      <span class="text-base-700 text-sm font-medium">
+        {{ getGridTitle(gridId) }}:
+        <strong v-if="selectedOptions[gridId]" class="text-base-800">
+          {{ selectedOptions[gridId] }}
+        </strong>
+      </span>
+      <ul v-if="options.length < 7" class="mt-2 flex gap-2">
+        <li v-for="(optionText, i) in options" :key="`${gridId}-${i}`">
+          <button
+            class="ring-secondary/60 rounded border"
+            :class="[
+              selectedOptions[gridId] === optionText
+                ? 'border-secondary ring-2'
+                : null,
+              gridId === 'colors'
+                ? 'h-9 w-9 text-[0]'
+                : 'px-2 py-1',
+              activeVariationsGrids[gridId].includes(optionText)
+                ? 'text-base-800 bg-base-100 border-base-400'
+                : 'text-base-500 bg-base-200 border-base-300'
+            ]"
+            :style="gridId === 'colors' ? getColorOptionBg(optionText) : undefined"
+            @click="selectOption({ optionText, gridId, gridIndex: i })"
+          >
+            {{ optionText }}
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  type Props as UseSkuSelector,
+  useSkuSelector,
+} from '@@sf/composables/use-sku-selector';
+
+export interface Props extends UseSkuSelector {}
+
+const props = defineProps<Props>();
+const emit = defineEmits(['update:variationId']);
+const {
+  variationsGrids,
+  activeVariationsGrids,
+  selectOption,
+  selectedOptions,
+  variationId,
+  getGridTitle,
+  getColorOptionBg,
+} = useSkuSelector(props);
+watch(variationId, (_id) => {
+  emit('update:variationId', _id);
+});
+</script>

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

@@ -19,12 +19,13 @@ if (pagesList?.isActive) {
   if (pagesList.links?.length) {
     pageLinks = pagesList.links;
   } else {
-    pageLinks = [];
+    pageLinks = settings.serviceLinks || [];
     const pageSlugs = await getContent('extra-pages/');
     for (let i = 0; i < pageSlugs.length; i++) {
       const { title } = await getContent(`extra-pages/${pageSlugs[i]}`);
-      if (title) {
-        pageLinks.push({ title, href: `/p/${pageSlugs[i]}` });
+      const href = `/p/${pageSlugs[i]}`;
+      if (title && !pageLinks.find((pageLink) => pageLink.href === href)) {
+        pageLinks.push({ title, href });
       }
     }
   }

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

@@ -16,7 +16,7 @@ const { pitchBar, shopHeader } = await usePageHeader({
   {pitchBar.slides.length > 1 && <PitchBar {...pitchBar} client:idle />}
   {pitchBar.slides.length === 1 && <PitchBar {...pitchBar} />}
 </slot>
-<ShopHeader {...shopHeader} client:load>
+<ShopHeader {...shopHeader} client:context>
   <Fragment slot="logo">
     <a href="/">
       <LogoHeading>

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

@@ -2,6 +2,7 @@
 import LottiePhoneNFC from '~/components/LottiePhoneNFC.vue';
 import CasesGrid from '~/components/CasesGrid.astro';
 import FeaturesSection from '~/components/FeaturesSection.astro';
+import Sections from '~/main/Sections.astro';
 
 const { routeContext } = Astro.locals;
 const { settings } = routeContext;
@@ -90,5 +91,5 @@ const { settings } = routeContext;
   <section class="bg-gradient-to-br from-white to-base-100 py-9">
     <FeaturesSection />
   </section>
-  <section id="produtos"></section>
+  <Sections id="produtos" />
 </main>

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

@@ -4,6 +4,8 @@ import BannersGrid from '~/components/BannersGrid.astro';
 import ProductShelf from '~/components/ProductShelf.vue';
 import Breadcrumbs from '~/components/Breadcrumbs.astro';
 import DocDescription from '~/components/DocDescription.vue';
+import ProductDetails from '~/components/ProductDetails.vue';
+import ProductSpecifications from '~/components/ProductSpecifications.vue';
 
 const { routeContext } = Astro.locals;
 const { sections } = await usePageSections({
@@ -13,22 +15,34 @@ const { sections } = await usePageSections({
     return { props: content };
   },
 });
+const { isHomepage } = routeContext;
 /* `apiContext` is surelly set here (from Wildcard.astro)
 cause route resource is required to define sections from content. */
-const { apiContext: { doc: apiDoc } } = routeContext;
 ---
 
 <article class="my-9 md:my-12">
   {sections.map(async ({ type, props }) => {
     switch (type) {
       case 'product-shelf':
-        return <ProductShelf {...props} client:visible />
+        return isHomepage
+          ? <ProductShelf {...props} client:idle />
+          : <ProductShelf {...props} client:visible />
       case 'banners-grid':
         return <BannersGrid {...props} />
       case 'breadcrumbs':
-        return apiDoc && <Breadcrumbs {...props} apiDoc={apiDoc} />
+        return <Breadcrumbs />
       case 'doc-description':
-        return apiDoc && <DocDescription apiDoc={apiDoc} />
+        return <DocDescription />
+      case 'product-details':
+        const { hasDescription, hasSpecifications, ...detailsProps } = props;
+        return <>
+          <ProductDetails {...detailsProps} client:context>
+            <Fragment slot="description">
+              {hasDescription && <DocDescription />}
+              {hasSpecifications && <ProductSpecifications />}
+            </Fragment>
+          </ProductDetails>
+        </>
       case 'c:foo':
         return <div data-foo={props.foo}></div>
       default:

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

@@ -1,9 +1,18 @@
 ---
+import api from '@cloudcommerce/api';
+import SharedData from '@@sf/components/SharedData.astro';
 import Sections from '~/main/Sections.astro';
+
 const { fetchingApiContext } = Astro.locals.routeContext;
-await fetchingApiContext;
+const [
+  { data: { result: grids } },
+] = await Promise.all([
+  api.get('grids'),
+  fetchingApiContext,
+]);
 ---
 
 <main>
+  <SharedData field="grids" value={grids} />
   <Sections />
 </main>

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

@@ -0,0 +1,34 @@
+---
+import loadRouteContext, { RouteContext } from '@@sf/ssr-context';
+import BaseHead from '@@sf/layouts/BaseHead.astro';
+import Base from '~/layouts/Base.astro';
+import AccountPage from '~/components/AccountPage.vue';
+
+let routeContext: RouteContext;
+try {
+  routeContext = await loadRouteContext(Astro);
+} catch (err: any) {
+  return err.astroResponse;
+}
+const { settings } = routeContext;
+---
+
+<!DOCTYPE html>
+<html lang={routeContext.lang.replace('_', '-')}>
+<Base>
+  <BaseHead slot="base-head" />
+  <main>
+    <AccountPage client:only>
+      <img
+        slot="logo"
+        src={settings.logo}
+        alt={settings.name}
+        width="150"
+        height="24.5"
+        fetchpriority="high"
+        loading="eager"
+      />
+    </AccountPage>
+  </main>
+</Base>
+</html>

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

@@ -0,0 +1,62 @@
+---
+import loadRouteContext, { RouteContext } from '@@sf/ssr-context';
+import BaseHead from '@@sf/layouts/BaseHead.astro';
+import Base from '~/layouts/Base.astro';
+import CheckoutPage from '~/components/CheckoutPage.vue';
+
+let routeContext: RouteContext;
+try {
+  routeContext = await loadRouteContext(Astro);
+} catch (err: any) {
+  return err.astroResponse;
+}
+const layoutContent = await routeContext.getContent('layout');
+const { footer: { stamps } } = layoutContent;
+---
+
+<!DOCTYPE html>
+<html lang={routeContext.lang.replace('_', '-')}>
+<Base>
+  <Fragment slot="base-head">
+    <BaseHead />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs@7/dist/cdn/storefront-twbs.min.css">
+    <style is:inline>
+      body {
+        --primary: var(--c-primary);
+        --primary-yiq: var(--c-on-primary);
+        --primary-rgb: var(--rgb-primary);
+        --primary-darken: var(--c-primary);
+        --primary-darken-yiq: var(--c-on-primary);
+        --primary-darken-rgb: var(--rgb-primary);
+        --primary-dark: var(--c-primary-bold);
+        --primary-dark-yiq: var(--c-on-primary-bold);
+        --primary-dark-rgb: var(--rgb-primary-bold);
+        --primary-darker: var(--c-primary-bold);
+        --primary-darker-yiq: var(--c-on-primary-bold);
+        --primary-darker-rgb: var(--rgb-primary-bold);
+        --primary-darkest: rgb(var(--rgb-primary-900));
+        --primary-darkest-yiq: var(--c-on-dark);
+        --primary-darkest-rgb: var(--rgb-primary-900);
+        --primary-black: rgb(var(--rgb-primary-950));
+        --primary-lighten: var(--c-primary);
+        --primary-lighten-yiq: var(--c-on-primary);
+        --primary-lighten-rgb: var(--rgb-primary);
+        --primary-light: var(--c-primary-subtle);
+        --primary-light-yiq: var(--c-on-primary-subtle);
+        --primary-light-rgb: var(--rgb-primary-subtle);
+        --primary-lighter: var(--c-primary-subtle);
+        --primary-lighter-yiq: var(--c-on-primary-subtle);
+        --primary-lighter-rgb: var(--rgb-primary-subtle);
+        --primary-lightest: rgb(var(--rgb-primary-200));
+        --primary-lightest-yiq: var(--c-on-light);
+        --primary-lightest-rgb: var(--rgb-primary-200);
+      }
+      .lead {
+        margin-bottom: 1.25rem;
+      }
+    </style>
+  </Fragment>
+  <CheckoutPage footerStamps={stamps} />
+  <script src="@@sf/scripts/vbeta-app"></script>
+</Base>
+</html>

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

@@ -10,11 +10,6 @@ let routeContext: RouteContext | undefined;
 let loadError: any;
 try {
   routeContext = await loadRouteContext(Astro);
-  /* Faster SSR without store categories (default) prefetch:
-  routeContext = await loadRouteContext(Astro, {
-    apiPrefetchEndpoints: [],
-  });
-  */
 } catch (err: any) {
   if (err.astroResponse) {
     return err.astroResponse;

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

@@ -11,8 +11,6 @@ try {
 } catch (err: any) {
   return err.astroResponse;
 }
-
-// export const prerender = true;
 ---
 
 <!DOCTYPE html>

package/ecomplus-stores/monocard/functions/ssr/tailwind.config.cjs

@@ -9,7 +9,6 @@ const themeOptions = {
   iconAliases: {
     close: 'close-fill',
     'chevron-right': 'arrow-right-s-line',
-    'chevron-left': 'arrow-left-s-line',
   },
 };
 

package/ecomplus-stores/monocard/functions/with-apps/package.json

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/events": "^0.32.0",
-    "@cloudcommerce/firebase": "^0.32.0",
-    "@cloudcommerce/modules": "^0.32.0"
+    "@cloudcommerce/events": "^0.33.1",
+    "@cloudcommerce/firebase": "^0.33.1",
+    "@cloudcommerce/modules": "^0.33.1"
   }
 }

package/ecomplus-stores/monocard/package.json

@@ -23,9 +23,9 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "dependencies": {
-    "@cloudcommerce/cli": "^0.32.0"
+    "@cloudcommerce/cli": "^0.33.1"
   },
   "devDependencies": {
-    "@cloudcommerce/eslint": "^0.32.0"
+    "@cloudcommerce/eslint": "^0.33.1"
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "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,11 +16,11 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.2.0",
-    "@commitlint/config-conventional": "^18.1.0",
-    "@commitlint/rules": "^18.1.0",
-    "@types/node": "^18.18.8",
-    "eslint": "^8.53.0",
+    "@commitlint/cli": "^18.4.2",
+    "@commitlint/config-conventional": "^18.4.2",
+    "@commitlint/rules": "^18.4.0",
+    "@types/node": "^18.18.10",
+    "eslint": "^8.54.0",
     "husky": "^8.0.3",
     "standard-version": "^9.5.0",
     "ts-node": "^10.9.1",
@@ -30,7 +30,7 @@
     "vite": "^4.5.0",
     "vitest": "^0.34.6",
     "zx": "^7.2.3",
-    "@cloudcommerce/eslint": "0.33.0"
+    "@cloudcommerce/eslint": "0.33.2"
   },
   "scripts": {
     "fix-install": "bash scripts/pre-install.sh && pnpm i",

package/packages/api/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/api",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce APIs client/adapter",
   "main": "lib/api.js",
   "types": "lib/api.d.ts",

package/packages/apps/affilate-program/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-affilate-program",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for simple affiliate program",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/correios/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-correios",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for Correios shipping calculation",
   "main": "lib/index.js",
   "exports": {
@@ -26,8 +26,8 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "@google-cloud/pubsub": "^4.0.6",
-    "axios": "^1.6.0",
+    "@google-cloud/pubsub": "^4.0.7",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/custom-payment/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-payment",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for simple custom payment methods",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/custom-shipping/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-shipping",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for custom shipping methods",
   "main": "lib/custom-shipping.js",
   "repository": {

package/packages/apps/datafrete/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-datafrete",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Datafrete shipping gateway ",
   "main": "lib/datafrete.js",
   "exports": {
@@ -26,7 +26,7 @@
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
     "@ecomplus/utils": "1.5.0-rc.5",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/discounts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-discounts",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for complex discount rules",
   "main": "lib/discounts.js",
   "repository": {

package/packages/apps/emails/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-emails",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce default transactional email app",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/fb-conversions/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-fb-conversions",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to send carts/orders to Facebook Conversions API",
   "main": "lib/index.js",
   "repository": {
@@ -21,13 +21,13 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "facebook-nodejs-business-sdk": "^18.0.2",
+    "facebook-nodejs-business-sdk": "^18.0.3",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },
   "devDependencies": {
     "@cloudcommerce/types": "workspace:*",
     "@firebase/app-types": "^0.9.0",
-    "@types/facebook-nodejs-business-sdk": "^15.0.4"
+    "@types/facebook-nodejs-business-sdk": "^15.0.5"
   }
 }

package/packages/apps/flash-courier/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-flash-courier",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Flash Courier",
   "main": "lib/index.js",
   "exports": {
@@ -25,7 +25,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-functions": "^4.5.0"
   },
   "devDependencies": {

package/packages/apps/frenet/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-frenet",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app for Frenet shipping calculation",
   "main": "lib/frenet.js",
   "exports": {
@@ -26,7 +26,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/galaxpay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-galaxpay",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Galax Pay for recurring payments",
   "main": "lib/galaxpay.js",
   "exports": {
@@ -25,7 +25,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/google-analytics/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-google-analytics",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to send carts/orders events to GA Measurement Protocol",
   "main": "lib/index.js",
   "repository": {
@@ -21,7 +21,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/jadlog/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-jadlog",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce  app for Jadlog shipping calculation",
   "main": "lib/index.js",
   "repository": {
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
-    "axios": "^1.6.0"
+    "axios": "^1.6.2"
   },
   "devDependencies": {
     "@cloudcommerce/types": "workspace:*"

package/packages/apps/loyalty-points/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-loyalty-points",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to handle simple loyalty points programs",
   "main": "lib/loyalty-points.js",
   "exports": {

package/packages/apps/mandae/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-mandae",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Mandaê shipping intermediator",
   "main": "lib/index.js",
   "repository": {
@@ -21,7 +21,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@ecomplus/utils": "1.5.0-rc.5",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-functions": "^4.5.0"
   },
   "devDependencies": {

package/packages/apps/melhor-envio/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-melhor-envio",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Melhor Envio",
   "main": "lib/index.js",
   "exports": {
@@ -25,7 +25,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },

package/packages/apps/mercadopago/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-mercadopago",
   "type": "module",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "description": "E-Com Plus Cloud Commerce app to integrate Mercado Pago",
   "main": "lib/mercadopago.js",
   "exports": {
@@ -26,7 +26,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
-    "axios": "^1.6.0",
+    "axios": "^1.6.2",
     "firebase-admin": "^11.11.0",
     "firebase-functions": "^4.5.0"
   },