cloudcommerce 0.6.11 → 0.6.13

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 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.6.13](https://github.com/ecomplus/cloud-commerce/compare/v0.6.12...v0.6.13) (2023-03-02)
+
+### [0.6.12](https://github.com/ecomplus/cloud-commerce/compare/v0.6.11...v0.6.12) (2023-03-02)
+
 ### [0.6.11](https://github.com/ecomplus/cloud-commerce/compare/v0.6.10...v0.6.11) (2023-03-01)
 
 

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

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

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

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

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

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

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

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

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

@@ -19,15 +19,15 @@
   "dependencies": {
     "@astrojs/image": "^0.15.1",
     "@astrojs/node": "^5.0.4",
-    "@cloudcommerce/api": "^0.6.10",
-    "@cloudcommerce/firebase": "^0.6.10",
-    "@cloudcommerce/ssr": "^0.6.10",
+    "@cloudcommerce/api": "^0.6.11",
+    "@cloudcommerce/firebase": "^0.6.11",
+    "@cloudcommerce/ssr": "^0.6.11",
     "@vueuse/motion": "2.0.0-beta.22"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.6.10",
-    "@cloudcommerce/storefront": "^0.6.10",
-    "@cloudcommerce/types": "^0.6.10",
+    "@cloudcommerce/i18n": "^0.6.11",
+    "@cloudcommerce/storefront": "^0.6.11",
+    "@cloudcommerce/types": "^0.6.11",
     "@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/ShopHeaderMenu.vue

@@ -6,7 +6,7 @@
           :href="supportUrl"
           class="hover:text-white hover:underline decoration-2 underline-offset-4"
         >
-          {{ $t.i19support }}
+          {{ $t.i19help }}
         </ALink>
       </li>
       <li>

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

@@ -0,0 +1,21 @@
+---
+import Picture from '@@sf/ssr/Picture.astro';
+import UsageSteps from '~/components/UsageSteps.vue';
+---
+
+<UsageSteps client:visible>
+  <Picture
+    slot="picture-devices"
+    src={'/img/uploads/devices.jpg'}
+    alt="Produtos Monocard: clássico, personalizado e Monodot."
+    widths={[400, 600]}
+    sizes="(max-width: 500px) 200px, 300px"
+  />
+  <Picture
+    slot="picture-edit"
+    src={'/img/uploads/edit-suit.jpg'}
+    alt="Configure seu perfil e Monolink com facilidade."
+    widths={[400, 600]}
+    sizes="(max-width: 500px) 200px, 300px"
+  />
+</UsageSteps>

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

@@ -0,0 +1,155 @@
+<template>
+  <article class="container px-8 my-4 mx-auto text-center">
+    <h3
+      ref="title"
+      class="text-xl lg:text-2xl font-semibold text-base-700
+      inline-block lg:text-left"
+      :style="{ minWidth: titleMinWidth, minHeight: titleMinHeight }"
+    >
+      <span class="block lg:inline">
+        Uma ferramenta poderosa para
+      </span>
+      <Fade>
+        <span
+          v-if="copyKeyword"
+          class="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-tr
+        from-secondary-600 to-secondary-900"
+        >
+          {{ copyKeyword }}
+        </span>
+      </Fade>
+    </h3>
+    <TabGroup as="div" class="max-w-3xl mx-auto">
+      <TabList class="flex space-x-1 rounded-md bg-base-100/70 p-1 mt-8">
+        <Tab
+          as="template"
+          v-for="([step, icon], i) in [
+            ['Escolha o seu Mono', 'i-qr-code-line'],
+            ['Configure seu perfil', 'i-paint-brush-fill'],
+            ['Compartilhe onde quiser', 'i-share-forward-2-fill'],
+          ]"
+          :key="i"
+          v-slot="{ selected }"
+        >
+          <button
+            class="w-full rounded-sm p-2.5 text-sm md:text-base
+            font-medium leading-5 text-base-900
+            ring-primary-100 ring-opacity-60 ring-offset-2 ring-offset-primary-400
+            focus:outline-none focus:ring-2 block relative"
+            :class="selected ? 'bg-primary-100/30 text-black' : null"
+          >
+            <i
+              :class="[
+                icon,
+                selected ? 'bg-primary-400/70' : 'bg-base-300/70 md:bg-base-400/70',
+              ]"
+              class="w-8 h-8 absolute left-2 top-1/2 -mt-4"
+            ></i>
+            <span class="z-10 relative">{{ step }}</span>
+          </button>
+        </Tab>
+      </TabList>
+      <TabPanels class="text-left w-64 mx-auto sm:w-auto sm:px-5 mt-4">
+        <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-devices" />
+          </div>
+          <div class="md:basis-1/2 prose">
+            <h4>Cartão clássico, personalizado ou dot</h4>
+            <p>
+              No momento da compra você decide o dispositivo que
+              mais combina com você ou sua empresa.
+              Opte pelo Monocard clássico, personalizado com seu logo ou Monodot.
+            </p>
+            <p class="bg-base-200 px-4 py-2 rounded">
+              <a :href="`/${$settings.metafields.monocardSlug}`">Monocard</a>
+              conecta por aproximação com
+              <span class="inline-block">NFC  <i class="i-signal-tower-fill mr-1"></i></span>,
+              escaneamento de
+              <span class="inline-block">QR Code <i class="i-qr-code-line"></i></span>
+              e Monolink (URL do seu perfil).
+            </p>
+            <p class="bg-base-200/70 px-4 py-2 rounded">
+              <a :href="`/${$settings.metafields.monodotSlug}`">Monodot</a>
+              pode ser colado no smartphone e conecta por
+              <span class="inline-block">QR Code <i class="i-qr-code-line"></i></span>
+              e Monolink.
+            </p>
+          </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" />
+          </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 para bio,
+              apontado diretamente pelo seu cartão de visitas inteligente.
+            </p>
+          </div>
+        </TabPanel>
+        <TabPanel v-motion-fade-visible>Content 3</TabPanel>
+      </TabPanels>
+    </TabGroup>
+  </article>
+</template>
+
+<script setup lang="ts">
+import {
+  ref,
+  nextTick,
+  onMounted,
+  onBeforeUnmount,
+} from 'vue';
+import { useDebounceFn } from '@vueuse/core';
+import {
+  TabGroup,
+  TabList,
+  Tab,
+  TabPanels,
+  TabPanel,
+} from '@headlessui/vue';
+
+const title = ref<null | HTMLHeadingElement>(null);
+const titleMinWidth = ref<null | string>(null);
+const titleMinHeight = ref<null | string>(null);
+const fixTitleSize = () => {
+  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;
+onMounted(() => {
+  keywordInterval = setInterval(() => {
+    fixTitleSize();
+    const oldValue = copyKeyword.value;
+    nextTick(() => {
+      copyKeyword.value = null;
+      setTimeout(() => {
+        copyKeyword.value = oldValue === 'networking' ? 'negócios' : 'networking';
+      }, 300);
+    });
+  }, 3000);
+  window.addEventListener('resize', onResize);
+});
+onBeforeUnmount(() => {
+  clearInterval(keywordInterval);
+  window.removeEventListener('resize', onResize);
+});
+</script>

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

@@ -16,12 +16,12 @@ const { settings } = pageContext;
 <Base pageContext={pageContext} title={title}>
   <slot name="header">
     <Header pageContext={pageContext}>
-      <Picture
+      <img
         slot="logo-picture"
         src={settings.logo}
         alt={settings.name}
-        widths={[300]}
-        sizes="150px"
+        width="150"
+        height="24.5"
         fetchpriority="high"
         loading="eager"
         class="hover:drop-shadow-sm"

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

@@ -3,6 +3,7 @@ import type { PageContext } from '@@sf/ssr-context';
 import api from '@cloudcommerce/api';
 import LottiePhoneNFC from '~/components/LottiePhoneNFC.vue';
 import CasesGrid from '~/components/CasesGrid.astro';
+import UsageSteps from '~/components/UsageSteps.astro';
 
 export interface Props {
   pageContext: PageContext;
@@ -74,11 +75,26 @@ const products = (await api.get('products')).data.result;
       </div>
     </article>
   </section>
-  <section class="bg-white pb-9">
+  <section id="cases" class="bg-white pb-9">
     <CasesGrid />
+    <div class="max-w-lg mx-auto mt-7">
+      <a href="/#avaliacoes" class="text-lg text-primary-600 hover:text-primary-800
+        font-brand lowercase flex gap-1 sm:gap-2 items-center justify-center">
+        <i class="i-chevron-down text-3xl animate-bounce -mb-1.5"></i>
+        <span class="underline underline-offset-4 decoration-primary">
+          O que profissionais e times dizem</span>
+        <div class="hidden sm:flex gap-0.5 text-xs text-yellow-400">
+          <i class="i-star-fill"></i>
+          <i class="i-star-fill"></i>
+          <i class="i-star-fill"></i>
+          <i class="i-star-fill"></i>
+          <i class="i-star-fill"></i>
+        </div>
+      </a>
+    </div>
   </section>
-  <section class="bg-gradient-to-br from-base-50 to-base-200 h-96">
-
+  <section class="bg-gradient-to-br from-white to-base-100 py-9">
+    <UsageSteps />
   </section>
   <section id="produtos"></section>
 </main>

package/ecomplus-stores/monocard/package.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "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>",

package/packages/api/package.json

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

package/packages/apps/correios/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-correios",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app for Correios shipping calculation",
   "main": "lib/correios.js",
   "repository": {

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

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-payment",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "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.6.11",
+  "version": "0.6.13",
   "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.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Datafrete shipping gateway ",
   "main": "lib/datafrete.js",
   "exports": {

package/packages/apps/discounts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-discounts",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "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.6.11",
+  "version": "0.6.13",
   "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.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to send carts/orders to Facebook Conversions API",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/frenet/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-frenet",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app for Frenet shipping calculation",
   "main": "lib/frenet.js",
   "exports": {

package/packages/apps/galaxpay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-galaxpay",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Galax Pay for recurring payments",
   "main": "lib/galaxpay.js",
   "exports": {

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

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-google-analytics",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to send carts/orders events to GA Measurement Protocol",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/infinitepay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-infinitepay",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate InfinitePay",
   "main": "lib/infinitepay.js",
   "exports": {

package/packages/apps/jadlog/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-jadlog",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce  app for Jadlog shipping calculation",
   "main": "lib/index.js",
   "repository": {

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

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

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

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-melhor-envio",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Melhor Envio",
   "main": "lib/index.js",
   "exports": {

package/packages/apps/mercadopago/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-mercadopago",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Mercado Pago",
   "main": "lib/mercadopago.js",
   "exports": {

package/packages/apps/pagarme/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-pagarme",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Pagar.me",
   "main": "lib/pagarme.js",
   "exports": {

package/packages/apps/paghiper/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-paghiper",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate PagHiper",
   "main": "lib/paghiper.js",
   "exports": {

package/packages/apps/pix/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-pix",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app to integrate Pix API (Bacen)",
   "main": "lib/pix.js",
   "exports": {

package/packages/apps/tiny-erp/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-tiny-erp",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app for Tiny ERP",
   "main": "lib/tiny-erp.js",
   "repository": {

package/packages/apps/webhooks/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-webhooks",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app for general order webhooks",
   "main": "lib/index.js",
   "repository": {

package/packages/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/cli",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce CLI tools",
   "bin": {
     "cloudcommerce": "./bin/run.mjs"

package/packages/config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/config",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce base config",
   "main": "lib/config.js",
   "exports": {

package/packages/emails/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/emails",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/packages/events/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/events",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce app events",
   "main": "lib/index.js",
   "exports": {

package/packages/firebase/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/firebase",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce on Firebase",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/packages/i18n/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/i18n",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce i18n",
   "main": "lib/all.js",
   "exports": {

package/packages/modules/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/modules",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce modules API",
   "main": "lib/index.cjs",
   "exports": {

package/packages/passport/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/passport",
   "type": "module",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "E-Com Plus Cloud Commerce customers authentication (passport) API",
   "main": "lib/index.js",
   "exports": {