cloudcommerce 0.27.0 → 0.28.1

package/.github/workflows/test-apps.yml

@@ -106,11 +106,11 @@ jobs:
             ${{ steps.npm-paths.outputs.LIB_PATH }}
             ${{ steps.npm-paths.outputs.BIN_PATH }}
             ~/.npm-global/bin
-          key: ${{ runner.os }}-npm-globals-firebase-tools-12.6.1
+          key: ${{ runner.os }}-npm-globals-firebase-tools-12.6.2
 
       - if: steps.npm-g-cache.outputs.cache-hit != 'true'
         shell: bash
-        run: npm install -g firebase-tools@12.6.1
+        run: npm install -g firebase-tools@12.6.2
 
       - name: Initialize Firebase emulators
         shell: bash

package/CHANGELOG.md

@@ -2,6 +2,43 @@
 
 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.28.1](https://github.com/ecomplus/cloud-commerce/compare/v0.28.0...v0.28.1) (2023-10-15)
+
+
+### Features
+
+* **i18n:** Add `i19chooseProductDetailsToBuy` ([2b8aea7](https://github.com/ecomplus/cloud-commerce/commit/2b8aea72fc75c1700ef6ef691742052d5e51ce07))
+* **ssr:** Edit Cloudflare SWR worker to support URL rewrites /__swr/* ([528aab0](https://github.com/ecomplus/cloud-commerce/commit/528aab0d7398983f9c43662c8b949f5ca8c5e1d3))
+* **storefront:** Handle optional `settings.assetsPrefix` field to support deploy with external CDN ([46d6c43](https://github.com/ecomplus/cloud-commerce/commit/46d6c431a951a510508ed6d4078035e3fbbf2304))
+* **storefront:** New `useSkuSelector` composable ([2865f1e](https://github.com/ecomplus/cloud-commerce/commit/2865f1efc7e3c8a909aca70fe85045fb3804ae2d))
+* **storefront:** New optional props `cartId` and `cartItem` for `<CheckoutLink>` ([5295149](https://github.com/ecomplus/cloud-commerce/commit/529514968bb786cb4754912837aa9505989f3873))
+
+
+### Bug Fixes
+
+* **ssr:** Prevent overwriting Link response header if already set on storefront render output ([3e30407](https://github.com/ecomplus/cloud-commerce/commit/3e30407781485b16fd285e3e94083ea04e86ba19))
+* **storefront:** Update link fields from settings on `<CheckoutLink>` and `<AccountLink>` ([af6808e](https://github.com/ecomplus/cloud-commerce/commit/af6808e17273b358ed274d8b79b421d4fded1042))
+
+## [0.28.0](https://github.com/ecomplus/cloud-commerce/compare/v0.27.0...v0.28.0) (2023-10-06)
+
+
+### ⚠ BREAKING CHANGES
+
+* **storefront:** content/layout.json must be edited with fields in camelCase
+* Content `settings` object (and `config.settingsContent`) changed
+* **storefront:** `PageContent` interface editted, content/pages hero and sections must be updated with new fields in camelCase
+
+### Bug Fixes
+
+* **loyalty points:** Add points after some days gap with cron to prevent fast cancellations ([#250](https://github.com/ecomplus/cloud-commerce/issues/250)) ([4eb705c](https://github.com/ecomplus/cloud-commerce/commit/4eb705cea98884255745ae7222bb8e2a264e625a))
+* **mercadopago:** Updating with https://github.com/ecomplus/app-mercadopago/commit/0205afd64e31fc19776343b8a355d43deb6a911d ([#249](https://github.com/ecomplus/cloud-commerce/issues/249)) ([47a03e6](https://github.com/ecomplus/cloud-commerce/commit/47a03e60551d9fb2e17a079cedff00106b05e967))
+* **storefront:** Minor fix `<ContentClearfix>` with horizontal scroll on large devices ([03b1d8d](https://github.com/ecomplus/cloud-commerce/commit/03b1d8da4fb01f0bc8dc7701ff71ad9ce0bdd858))
+
+
+* Edit settings types to camelCase fields ([47aec28](https://github.com/ecomplus/cloud-commerce/commit/47aec28bffd1e33ed2b2d715aac7611cf2ef3403))
+* **storefront:** Expect hero/sections content with camelCase for easy parsing and props bypass ([70d976b](https://github.com/ecomplus/cloud-commerce/commit/70d976b1b1600fff9772db275bb57d85b08dc07e))
+* **storefront:** Expect layout content fields camelCase ([e9404ea](https://github.com/ecomplus/cloud-commerce/commit/e9404ea61f72a5aa50858104ee58b1c3b1d88d9e))
+
 ## [0.27.0](https://github.com/ecomplus/cloud-commerce/compare/v0.26.7...v0.27.0) (2023-10-06)
 
 

package/action.yml

@@ -133,11 +133,11 @@ runs:
           ${{ steps.npm-paths.outputs.LIB_PATH }}
           ${{ steps.npm-paths.outputs.BIN_PATH }}
           ~/.npm-global/bin
-        key: ${{ runner.os }}-npm-g-firebase-tools-12.6.1
+        key: ${{ runner.os }}-npm-g-firebase-tools-12.6.2
 
     - if: ${{ github.event_name == 'push' && steps.npm-g-cache.outputs.cache-hit != 'true' }}
       shell: bash
-      run: npm i --location=global firebase-tools@12.6.1
+      run: npm i --location=global firebase-tools@12.6.2
 
     - if: steps.npm-cache-many.outputs.cache-hit != 'true'
       name: Install codebase "many" dependencies

package/ecomplus-stores/barra-doce/functions/many/package.json

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/feeds": "^0.26.7",
-    "@cloudcommerce/firebase": "^0.26.7",
-    "@cloudcommerce/passport": "^0.26.7"
+    "@cloudcommerce/feeds": "^0.28.0",
+    "@cloudcommerce/firebase": "^0.28.0",
+    "@cloudcommerce/passport": "^0.28.0"
   }
 }

package/ecomplus-stores/barra-doce/functions/ssr/content/layout.json

@@ -1,16 +1,16 @@
 {
   "metatags": {
-    "og_image": "",
-    "fb_app_id": "",
-    "twitter_username": ""
+    "ogImage": "",
+    "fbAppId": "",
+    "twitterUsername": ""
   },
-  "custom_code": {
+  "customCode": {
     "css": "",
-    "html_head": "",
-    "html_body": ""
+    "htmlHead": "",
+    "htmlBody": ""
   },
   "header": {
-    "pitch_bar": [
+    "pitchBar": [
       {
         "href": "",
         "html": "<d-md>Ganhe tempo: </d-md>Compre online e retire <d-md>pessoalmente</d-md> na <b>loja em Moema</b>, SP"
@@ -20,20 +20,20 @@
         "html": "<b>Frete grátis</b> <d-md>para todo Brasil</d-md> a partir de {free_shipping_from_value}"
       }
     ],
-    "inline_menu_categories": {
+    "inlineMenuCategories": {
       "featured": [],
       "random": 7
     },
-    "alphabetical_sort_submenu": false
+    "isAlphabeticalSortSubmenu": false
   },
   "footer": {
-    "categories_list": {
-      "enabled": true,
+    "categoriesList": {
+      "isActive": true,
       "title": "",
       "categories": []
     },
-    "pages_list": {
-      "enabled": true,
+    "pagesList": {
+      "isActive": true,
       "title": "",
       "links": []
     },

package/ecomplus-stores/barra-doce/functions/ssr/content/pages/home.json

@@ -1,31 +1,31 @@
 {
-  "meta_title": "",
-  "meta_description": "",
+  "metaTitle": "",
+  "metaDescription": "",
   "hero": {
     "autoplay": 9000,
     "slides": [
       {
-        "start": "",
-        "end": "",
+        "startsAt": "",
+        "endsAt": "",
         "alt": "FORMAS DE TABLETES | Diversos modelos em diversos materiais | A partir de R$7,90",
         "img": "/img/uploads/banner-forma-decora.jpg",
-        "mobile_img": "",
+        "mobileImg": "",
         "href": "/categoria/formas-de-barra-e-tablete-de-chocolate",
         "title": "Formas de tabletes",
         "subtitle": "Acetato, 3 partes, Polipropileno, Poliestireno, Policarbonato",
-        "button_link": "/categoria/formas-de-barra-e-tablete-de-chocolate",
-        "button_text": "A partir de R$ 7,90"
+        "buttonLink": "/categoria/formas-de-barra-e-tablete-de-chocolate",
+        "buttonText": "A partir de R$ 7,90"
       }
     ]
   },
   "sections": [
     {
       "type": "product-shelf",
-      "collection_id": null,
+      "collectionIdAndInfo": null,
       "sort": "-price_discount",
       "title": "",
-      "headless": false,
-      "shuffle": false,
+      "isHeadless": false,
+      "isShuffle": false,
       "limit": 12,
       "page": 1
     }

package/ecomplus-stores/barra-doce/functions/ssr/content/pages/products.json

@@ -0,0 +1,17 @@
+{
+  "sections": [
+    {
+      "type": "breadcrumbs"
+    },
+    {
+      "type": "product-details",
+      "hasDescription": true
+    },
+    {
+      "type": "related-products"
+    },
+    {
+      "type": "product-specifications"
+    }
+  ]
+}

package/ecomplus-stores/barra-doce/functions/ssr/content/settings.json

@@ -4,17 +4,17 @@
   "description": "Loja de utensílios de confeitaria e acessórios de festa. Tudo o que precisa para fazer bolos, chocolates, biscoitos e muito mais.",
   "logo": "/img/uploads/logo-barradoce.webp",
   "icon": "/img/uploads/ecom-icon.png",
-  "primary_color": "#f06606",
-  "secondary_color": "#ff7c04",
+  "primaryColor": "#f06606",
+  "secondaryColor": "#ff7c04",
   "email": "",
   "phone": "",
   "address": "",
-  "corporate_name": "",
-  "doc_number": "",
+  "corporateName": "",
+  "docNumber": "",
   "lang": "pt_br",
   "currency": "BRL",
-  "currency_symbol": "R$",
-  "country_code": "BR",
+  "currencySymbol": "R$",
+  "countryCode": "BR",
   "whatsapp": "(31) 9 8272-1558",
   "instagram": "https://www.instagram.com/ecomclub/",
   "facebook": "https://www.facebook.com/ecom.clubpage/",
@@ -23,13 +23,13 @@
   "tiktok": "",
   "pinterest": "",
   "threads": "",
-  "service_links": [
+  "serviceLinks": [
     {
       "title": "Fale conosco",
       "href": "/pages/contato"
     }
   ],
-  "payment_methods": [
+  "paymentMethods": [
     "pix",
     "visa",
     "mastercard",

package/ecomplus-stores/barra-doce/functions/ssr/package.json

@@ -17,14 +17,14 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/api": "^0.26.7",
-    "@cloudcommerce/firebase": "^0.26.7",
-    "@cloudcommerce/ssr": "^0.26.7"
+    "@cloudcommerce/api": "^0.28.0",
+    "@cloudcommerce/firebase": "^0.28.0",
+    "@cloudcommerce/ssr": "^0.28.0"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.26.7",
-    "@cloudcommerce/storefront": "^0.26.7",
-    "@cloudcommerce/types": "^0.26.7",
+    "@cloudcommerce/i18n": "^0.28.0",
+    "@cloudcommerce/storefront": "^0.28.0",
+    "@cloudcommerce/types": "^0.28.0",
     "@fontsource/croissant-one": "^5.0.9",
     "@iconify-json/mingcute": "^1.1.9"
   }

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

@@ -1,7 +1,7 @@
 <template>
   <Menu
     as="div"
-    class="relative text-center text-sm text-base-800"
+    class="text-base-800 relative text-center text-sm"
     v-slot="{ open }"
   >
     <div v-if="open">
@@ -11,12 +11,12 @@
       <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">
+      <MenuItems class="divide-base-100 absolute -right-8 mt-2
+        w-56 divide-y rounded 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 block my-1">
+          <AccountLink role="button" class="ui-btn-sm ui-btn-primary my-1 block">
             {{ $t.i19accessMyAccount }}
           </AccountLink>
           <AccountLink v-if="!isLogged" is-sign-up class="ui-link block">
@@ -46,7 +46,7 @@
           <MenuItem
             as="li"
             v-slot="{ active }"
-            v-for="({ title, href }, i) in $settings.service_links"
+            v-for="({ title, href }, i) in $settings.serviceLinks"
             :key="`s-${i}`"
           >
             <ALink
@@ -58,16 +58,16 @@
             </ALink>
           </MenuItem>
           <MenuItem as="li">
-            <div class="flex justify-center gap-2 p-2 text-base-500 text-base">
+            <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="p-1 hover:text-primary" />
+                <SocialNetworkLink :network="network" class="hover:text-primary p-1" />
               </span>
             </div>
           </MenuItem>
           <MenuItem v-if="isLogged" as="li">
-            <button @click="logout" class="p-2 text-right text-base-800">
+            <button @click="logout" class="text-base-800 p-2 text-right">
               <span class="text-base-600">{{ $t.i19logout }}</span>
-              <i class="i-align-arrow-left-fill text-lg ml-1"></i>
+              <i class="i-align-arrow-left-fill ml-1 text-lg"></i>
             </button>
           </MenuItem>
         </ul>

package/ecomplus-stores/barra-doce/functions/ssr/src/components/ShopFooter.vue

@@ -1,26 +1,26 @@
 <template>
-  <footer class="w-screen bg-base-50 border-t border-base-100 py-2">
+  <footer class="bg-base-50 border-base-100 w-screen border-t py-2">
     <div class="ui-section">
-      <div class="pb-7 border-b border-base-200
-        flex justify-between flex-wrap lg:flex-nowrap sm:gap-x-10 gap-y-5">
+      <div class="border-base-200 flex flex-wrap
+        justify-between gap-y-5 border-b pb-7 sm:gap-x-10 lg:flex-nowrap">
         <div class="shrink">
           <slot name="logo" />
           <div v-if="$settings.description" class="prose">
             <p>{{ $settings.description }}</p>
           </div>
-          <div class="flex gap-2 text-base-500">
+          <div class="text-base-500 flex gap-2">
             <span v-for="(href, network) in socialNetworks" :key="network">
-              <SocialNetworkLink :network="network" class="p-1 hover:text-primary">
+              <SocialNetworkLink :network="network" class="hover:text-primary p-1">
                 <template v-if="network === 'whatsapp'" #append>
-                  <span class="ml-1 text-sm text-base-600">
+                  <span class="text-base-600 ml-1 text-sm">
                     {{ $settings.whatsapp }}
                   </span>
                 </template>
               </SocialNetworkLink>
             </span>
           </div>
-          <div v-if="$settings.address || $settings.phone" class="mt-3 text-base-700">
-            <address v-if="$settings.address" class="inline-block mr-4">
+          <div v-if="$settings.address || $settings.phone" class="text-base-700 mt-3">
+            <address v-if="$settings.address" class="mr-4 inline-block">
               {{ $settings.address }}
             </address>
             <ALink
@@ -34,7 +34,7 @@
           </div>
         </div>
         <div v-if="categories?.length" class="basis-1/2 sm:basis-auto">
-          <div class="text-lg font-medium mb-2.5">
+          <div class="mb-2.5 text-lg font-medium">
             {{ categoriesColTitle || $t.i19categories }}
           </div>
           <ul
@@ -55,7 +55,7 @@
           </ul>
         </div>
         <div v-if="pageLinks?.length" class="basis-1/2 sm:basis-auto">
-          <div class="text-lg font-medium mb-2.5">
+          <div class="mb-2.5 text-lg font-medium">
             {{ pagesColTitle || $t.i19institutional }}
           </div>
           <ul
@@ -73,48 +73,48 @@
       </div>
     </div>
     <div class="ui-section">
-      <div class="flex flex-wrap lg:flex-nowrap justify-between items-start gap-5">
-        <ul class="flex gap-y-3 gap-x-6 lg:gap-x-8 items-center
-          md:flex-wrap mx-auto md:mx-0 overflow-x-auto md:overflow-hidden">
+      <div class="flex flex-wrap items-start justify-between gap-5 lg:flex-nowrap">
+        <ul class="mx-auto flex items-center gap-x-6 gap-y-3
+          overflow-x-auto md:mx-0 md:flex-wrap md:overflow-hidden lg:gap-x-8">
           <li v-for="(stamp, i) in stamps" :key="i">
             <ALink :href="stamp.href?.replace('{domain}', $settings.domain || '')">
               <slot :name="`picture-${i}`" />
               <span v-if="!stamp.img" class="flex items-center">
                 <span
                   v-if="stamp.icon"
-                  class="text-4xl mr-2
-                  [&>*]:bg-gradient-to-br [&>*]:from-secondary-300 [&>*]:to-secondary-600"
+                  class="[&>*]:from-secondary-300 [&>*]:to-secondary-600
+                  mr-2 text-4xl [&>*]:bg-gradient-to-br"
                 >
                   <i v-if="stamp.icon === 'lock'" class="i-lock-closed"></i>
                   <i v-else-if="stamp.icon === 'check'" class="i-check-badge"></i>
                   <i v-else class="i-arrow-path-rounded-square"></i>
                 </span>
-                <span class="text-sm font-medium text-base-600 max-w-[140px]">
+                <span class="text-base-600 max-w-[140px] text-sm font-medium">
                   {{ stamp.alt }}
                   <i
                     v-if="stamp.href && stamp.href.charAt(0) !== '/'"
-                    class="bg-base-400 ml-0.5 i-arrow-top-right-on-square"
+                    class="bg-base-400 i-arrow-top-right-on-square ml-0.5"
                   ></i>
                 </span>
               </span>
             </ALink>
           </li>
         </ul>
-        <div class="flex flex-wrap md:flex-nowrap justify-end items-center
-          gap-4 text-2xl mx-auto md:mx-0 overflow-x-auto md:overflow-hidden">
+        <div class="mx-auto flex flex-wrap items-center justify-end
+          gap-4 overflow-x-auto text-2xl md:mx-0 md:flex-nowrap md:overflow-hidden">
           <PaymentMethodFlag
-            v-for="paymentMethod in $settings.payment_methods"
+            v-for="paymentMethod in $settings.paymentMethods"
             :key="paymentMethod"
             :flag="paymentMethod"
           />
         </div>
       </div>
-      <div class="mt-7 text-xs text-center md:text-left
-        md:flex justify-between gap-4">
+      <div class="mt-7 justify-between gap-4 text-center
+        text-xs md:flex md:text-left">
         <div class="mb-3 md:mb-0">
-          @ {{ new Date().getFullYear() }} {{ $settings.corporate_name }}
+          @ {{ new Date().getFullYear() }} {{ $settings.corporateName }}
           {{ $settings.address ? `/ ${$settings.address}` : '' }}
-          / {{ $settings.doc_number }}
+          / {{ $settings.docNumber }}
         </div>
         <ALink href="https://www.ecomplus.io/" class="italic text-[#37003c]">
           powered by <b>E-Com Plus</b>

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

@@ -14,13 +14,13 @@ const layoutContent = await getContent('layout');
 const {
   footer: {
     stamps,
-    categories_list: categoriesList,
-    pages_list: pagesList,
+    categoriesList,
+    pagesList,
   },
 } = layoutContent;
 let mainCategories: ShopFooterProps['categories'];
 let pageLinks: ShopFooterProps['pageLinks'];
-if (categoriesList?.enabled) {
+if (categoriesList?.isActive) {
   if (categoriesList.categories?.length) {
     mainCategories = categoriesList.categories;
   } else {
@@ -29,7 +29,7 @@ if (categoriesList?.enabled) {
     mainCategories = filterMainCategories(categories);
   }
 }
-if (pagesList?.enabled) {
+if (pagesList?.isActive) {
   if (pagesList.links?.length) {
     pageLinks = pagesList.links;
   } else {

package/ecomplus-stores/barra-doce/functions/with-apps/package.json

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

package/ecomplus-stores/barra-doce/package.json

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

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

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/feeds": "^0.26.7",
-    "@cloudcommerce/firebase": "^0.26.7",
-    "@cloudcommerce/passport": "^0.26.7"
+    "@cloudcommerce/feeds": "^0.28.0",
+    "@cloudcommerce/firebase": "^0.28.0",
+    "@cloudcommerce/passport": "^0.28.0"
   }
 }

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

@@ -1,30 +1,30 @@
 {
   "metatags": {
-    "og_image": "",
-    "fb_app_id": "",
-    "twitter_username": ""
+    "ogImage": "",
+    "fbAppId": "",
+    "twitterUsername": ""
   },
-  "custom_code": {
+  "customCode": {
     "css": "",
-    "html_head": "",
-    "html_body": ""
+    "htmlHead": "",
+    "htmlBody": ""
   },
   "header": {
-    "pitch_bar": [
+    "pitchBar": [
       {
         "href": "",
         "html": "<b>Frete grátis</b> para todo Brasil"
       }
     ],
-    "inline_menu_categories": {
+    "inlineMenuCategories": {
       "featured": [],
       "random": 7
     },
-    "alphabetical_sort_submenu": false
+    "isAlphabeticalSortSubmenu": false
   },
   "footer": {
-    "pages_list": {
-      "enabled": true,
+    "pagesList": {
+      "isActive": true,
       "title": "",
       "links": []
     },

package/ecomplus-stores/monocard/functions/ssr/content/pages/home.json

@@ -1,43 +1,43 @@
 {
-  "meta_title": "",
-  "meta_description": "",
+  "metaTitle": "",
+  "metaDescription": "",
   "hero": {
     "autoplay": 9000,
     "slides": [
       {
-        "start": "",
-        "end": "",
+        "startsAt": "",
+        "endsAt": "",
         "img": "/img/uploads/rect89.webp",
         "alt": "Headset banner",
-        "mobile_img": "/img/uploads/headphone.webp",
+        "mobileImg": "/img/uploads/headphone.webp",
         "href": "/headset",
         "title": "20% off on first purchase",
         "subtitle": "At demoStore you can shop the best tech of 2023. Enjoy and get 10% off on your first purchase!",
-        "button_link": "/",
-        "button_text": "See"
+        "buttonLink": "/",
+        "buttonText": "See"
       },
       {
-        "start": "",
-        "end": "",
+        "startsAt": "",
+        "endsAt": "",
         "img": "/img/uploads/rect859.png",
         "alt": "",
-        "mobile_img": "",
+        "mobileImg": "",
         "href": "",
         "title": "",
         "subtitle": "",
-        "button_link": "",
-        "button_text": ""
+        "buttonLink": "",
+        "buttonText": ""
       }
     ]
   },
   "sections": [
     {
       "type": "product-shelf",
-      "collection_id": null,
+      "collectionIdAndInfo": null,
       "sort": "-price_discount",
       "title": "",
-      "headless": false,
-      "shuffle": false,
+      "isHeadless": false,
+      "isShuffle": false,
       "limit": 12,
       "page": 1
     },
@@ -55,7 +55,7 @@
         {
           "img": "/img/uploads/rect89.webp",
           "href": "/banner-3",
-          "mobile_img": "/img/uploads/headphone.webp"
+          "mobileImg": "/img/uploads/headphone.webp"
         }
       ]
     }

package/ecomplus-stores/monocard/functions/ssr/content/pages/products.json

@@ -4,14 +4,12 @@
       "type": "breadcrumbs"
     },
     {
-      "type": "product-details"
+      "type": "product-details",
+      "hasDescription": true
     },
     {
       "type": "related-products"
     },
-    {
-      "type": "doc-description"
-    },
     {
       "type": "product-specifications"
     }