cloudcommerce 0.27.0 → 0.28.0

package/packages/apps/mercadopago/package.json

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

package/packages/apps/mercadopago/src/mp-create-transaction.ts

@@ -34,12 +34,15 @@ export default async (appData: AppModuleBody) => {
 
   let token: string | undefined;
   let paymentMethodId: string;
+  let deviceId;
   const isPix = params.payment_method.code === 'account_deposit';
   if (params.credit_card && params.credit_card.hash) {
     const hashParts = params.credit_card.hash.split(' // ');
     [token] = hashParts;
     try {
-      paymentMethodId = JSON.parse(hashParts[1]).payment_method_id;
+      const parsed = JSON.parse(hashParts[1]);
+      paymentMethodId = parsed.payment_method_id;
+      deviceId = parsed.deviceId;
     } catch (e) {
       paymentMethodId = params.credit_card.company || 'visa';
     }
@@ -159,14 +162,20 @@ export default async (appData: AppModuleBody) => {
   }
 
   try {
+    const headers = {
+      Authorization: `Bearer ${process.env.MERCADOPAGO_TOKEN}`,
+      'Content-Type': 'application/json',
+    };
+
+    if (deviceId) {
+      Object.assign(headers, { 'X-meli-session-id': deviceId });
+    }
+
     // https://www.mercadopago.com.br/developers/pt/reference/payments/_payments/post
     const { data } = await axios({
       url: 'https://api.mercadopago.com/v1/payments',
       method: 'post',
-      headers: {
-        Authorization: `Bearer ${process.env.MERCADOPAGO_TOKEN}`,
-        'Content-Type': 'application/json',
-      },
+      headers,
       data: payment,
     });
     if (data) {
@@ -254,8 +263,11 @@ export default async (appData: AppModuleBody) => {
         const qrCode = data.point_of_interaction.transaction_data.qr_code;
         const qrCodeBase64 = data.point_of_interaction.transaction_data.qr_code_base64;
         transaction.notes = '<div style="display:block;margin:0 auto"> '
-          + `<img width="280" height="280" style="margin:5px auto" src='data:image/jpeg;base64,${qrCodeBase64}'/> `
-          + `<lable> ${qrCode} </label></div>`;
+        + `<img width="280" height="280" style="margin:5px auto" src='data:image/jpeg;base64,${qrCodeBase64}'/> `
+        + `<input readonly type="text" id="pix-copy" value="${qrCode}" />`
+        + `<button type="button" class="btn btn-sm btn-light" onclick="let codePix = document.getElementById('pix-copy')
+        codePix.select()
+        document.execCommand('copy')">Copiar Pix</button></div>`;
       }
 
       return {

package/packages/apps/pagarme/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-pagarme",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce CLI tools",
   "bin": {
     "cloudcommerce": "./bin/run.mjs"

package/packages/config/lib/config.js

@@ -31,8 +31,8 @@ export default {
     if (settingsContent) {
       config.lang = config.lang || settingsContent.lang;
       config.currency = config.currency || settingsContent.currency;
-      config.currencySymbol = config.currencySymbol || settingsContent.currency_symbol;
-      config.countryCode = config.currencySymbol || settingsContent.country_code;
+      config.currencySymbol = config.currencySymbol || settingsContent.currencySymbol;
+      config.countryCode = config.currencySymbol || settingsContent.countryCode;
     }
     self.config = deepmerge(self.config, config);
     if (config.storeId) {

package/packages/config/lib/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAWpB,MAAM,IAAI,GAAG,CACX,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,EAAE,GAAG,CAAC;OAC1C,UAAU,CACS,CAAC;AAEzB,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC;AAE9B,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,IAAI;IACzC,MAAM,EAAE,EAAE;CACX,CAAC;AACF,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC;AAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC;AAChD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,gBAAgB,CAAC;AAC5D,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,IAAI,uBAAuB,CAAC;AACjF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,IAAI,oBAAoB,CAAC;AAExE,eAAe;IACb,GAAG;QACD,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,SAAS;YACpB,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,cAAc,EAAE,IAAI,CAAC,oBAAoB;YACzC,WAAW,EAAE,IAAI,CAAC,iBAAiB;YACnC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;YACnC,GAAG,IAAI,CAAC,MAAM;SACf,CAAC;IACJ,CAAC;IACD,GAAG,CAAC,MAA2B;QAC7B,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACnC,IAAI,eAAe,EAAE;YACnB,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC;YAClD,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC;YAC9D,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,IAAI,eAAe,CAAC,eAAe,CAAC;YACjF,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,IAAI,eAAe,CAAC,YAAY,CAAC;SAC5E;QACD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;SACrC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;QAChE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QACpF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;IAC7E,CAAC;CACF,CAAC"}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAWpB,MAAM,IAAI,GAAG,CACX,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,EAAE,GAAG,CAAC;OAC1C,UAAU,CACS,CAAC;AAEzB,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC;AAE9B,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,IAAI;IACzC,MAAM,EAAE,EAAE;CACX,CAAC;AACF,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC;AAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC;AAChD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,gBAAgB,CAAC;AAC5D,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,IAAI,uBAAuB,CAAC;AACjF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,IAAI,oBAAoB,CAAC;AAExE,eAAe;IACb,GAAG;QACD,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,SAAS;YACpB,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,cAAc,EAAE,IAAI,CAAC,oBAAoB;YACzC,WAAW,EAAE,IAAI,CAAC,iBAAiB;YACnC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;YACnC,GAAG,IAAI,CAAC,MAAM;SACf,CAAC;IACJ,CAAC;IACD,GAAG,CAAC,MAA2B;QAC7B,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACnC,IAAI,eAAe,EAAE;YACnB,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC;YAClD,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC;YAC9D,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,IAAI,eAAe,CAAC,cAAc,CAAC;YAChF,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,IAAI,eAAe,CAAC,WAAW,CAAC;SAC3E;QACD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;SACrC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;QAChE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QACpF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;IAC7E,CAAC;CACF,CAAC"}

package/packages/config/package.json

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

package/packages/config/src/config.ts

@@ -48,8 +48,8 @@ export default {
     if (settingsContent) {
       config.lang = config.lang || settingsContent.lang;
       config.currency = config.currency || settingsContent.currency;
-      config.currencySymbol = config.currencySymbol || settingsContent.currency_symbol;
-      config.countryCode = config.currencySymbol || settingsContent.country_code;
+      config.currencySymbol = config.currencySymbol || settingsContent.currencySymbol;
+      config.countryCode = config.currencySymbol || settingsContent.countryCode;
     }
     self.config = deepmerge(self.config, config);
     if (config.storeId) {

package/packages/emails/package.json

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

package/packages/eslint/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/eslint",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce ESLint config",
   "main": "lib/index.js",
   "repository": {

package/packages/events/package.json

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

package/packages/feeds/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/feeds",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce catalog feeds",
   "main": "lib/index.js",
   "exports": {

package/packages/firebase/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/firebase",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "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.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce customers authentication (passport) API",
   "main": "lib/index.js",
   "exports": {

package/packages/ssr/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/ssr",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce storefront SSR",
   "main": "lib/index.js",
   "exports": {

package/packages/storefront/config/storefront.cms.js

@@ -62,8 +62,8 @@ global.__storefrontCMS = (fs, resolvePath) => {
     settings = {};
   }
   const { domain } = settings;
-  const primaryColor = settings.primary_color || '#137c5c';
-  const secondaryColor = settings.secondary_color || primaryColor;
+  const primaryColor = settings.primaryColor || '#137c5c';
+  const secondaryColor = settings.secondaryColor || primaryColor;
 
   return {
     domain,

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"

package/packages/storefront/src/lib/components/ContentClearfix.vue

@@ -8,7 +8,7 @@ const parsedHTML = html.replace(/<(img|iframe) /g, '<$1 loading="lazy" ');
 </script>
 
 <template>
-  <article class="prose !max-w-full overflow-x-auto lg:overflow-x-hidden" v-once>
+  <article class="prose !max-w-full overflow-x-auto" v-once>
     <div
       class="[&_iframe]:max-w-full [&_img]:max-w-full [&_table]:max-w-full"
       v-html="parsedHTML"

package/packages/storefront/src/lib/components/PaymentMethodFlag.vue

@@ -4,7 +4,7 @@ import { computed } from 'vue';
 
 export interface Props {
   as?: string;
-  flag: Exclude<SettingsContent['payment_methods'], undefined>[number];
+  flag: Exclude<SettingsContent['paymentMethods'], undefined>[number];
 }
 
 const props = withDefaults(defineProps<Props>(), {

package/packages/storefront/src/lib/composables/use-pitch-bar.ts

@@ -13,8 +13,8 @@ export interface Props {
 
 const parseLayoutContent = (layoutContent: LayoutContent) => {
   const pitchBar: Props = { slides: [] };
-  if (layoutContent.header?.pitch_bar) {
-    pitchBar.slides = layoutContent.header.pitch_bar;
+  if (layoutContent.header?.pitchBar) {
+    pitchBar.slides = layoutContent.header.pitchBar;
   }
   return pitchBar;
 };

package/packages/storefront/src/lib/content.d.ts

@@ -18,16 +18,16 @@ export interface PageContent {
     autoplay?: number,
     slides: Array<{
       [k: string]: unknown,
-      start?: string,
-      end?: string,
+      startsAt?: string,
+      endsAt?: string,
       img: string,
       alt?: string,
-      mobile_img?: string,
+      mobileImg?: string,
       href?: string,
       title?: string,
       subtitle?: string
-      button_link?: string,
-      button_text?: string,
+      buttonLink?: string,
+      buttonText?: string,
     }>,
   };
   sections: Array<Record<string, any> & {

package/packages/storefront/src/lib/layouts/Base.astro

@@ -3,13 +3,13 @@ import { Head } from 'astro-capo';
 import BaseBody from '@@sf/layouts/BaseBody.astro';
 
 const { getContent } = Astro.locals.routeContext;
-const { custom_code: customCodeContent } = await getContent('layout');
+const { customCode } = await getContent('layout');
 ---
 
 <Head>
   <slot name="base-head" />
-  {customCodeContent?.css && <style>{customCodeContent.css}</style>}
-  {customCodeContent?.html_head && <Fragment set:html={customCodeContent.html_head} />}
+  {customCode?.css && <style>{customCode.css}</style>}
+  {customCode?.htmlHead && <Fragment set:html={customCode.htmlHead} />}
   <slot name="base-head-scripts">
     <script src="../scripts/modules-info-preset"></script>
   </slot>
@@ -17,7 +17,7 @@ const { custom_code: customCodeContent } = await getContent('layout');
 </Head>
 <BaseBody>
   <slot />
-  {customCodeContent?.html_body && <Fragment set:html={customCodeContent.html_body} />}
+  {customCode?.htmlBody && <Fragment set:html={customCode.htmlBody} />}
   <slot name="base-body-scripts">
     <script src="../scripts/session-utm"></script>
   </slot>

package/packages/storefront/src/lib/layouts/BaseHead.astro

@@ -48,9 +48,9 @@ if (apiDoc) {
   ogImage = picture && picture.url;
 }
 if (!ogImage) {
-  if (metatagsContent?.og_image) {
-    ogImage = metatagsContent.og_image.charAt(0) === '/'
-      ? `https://${domain}${metatagsContent.og_image}` : metatagsContent.og_image;
+  if (metatagsContent?.ogImage) {
+    ogImage = metatagsContent.ogImage.charAt(0) === '/'
+      ? `https://${domain}${metatagsContent.ogImage}` : metatagsContent.ogImage;
   }
 } else {
   ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, '$2-nyc3.nyc3.cdn.digitaloceanspaces.com');
@@ -154,11 +154,11 @@ const inlineJSONLd = JSON.stringify({
 <meta property="og:type" content="website">
 <meta property="og:locale" content={ogLocale}>
 {ogImage && <meta property="og:image" content={ogImage} />}
-{metatagsContent?.fb_app_id &&
-  <meta property="fb:app_id" content={metatagsContent.fb_app_id} />}
+{metatagsContent?.fbAppId &&
+  <meta property="fb:app_id" content={metatagsContent.fbAppId} />}
 <meta name="twitter:card" content="summary">
-{metatagsContent?.twitter_username &&
-  <meta name="twitter:site" content={metatagsContent.twitter_username} />}
+{metatagsContent?.twitterUsername &&
+  <meta name="twitter:site" content={metatagsContent.twitterUsername} />}
 <meta name="ecom-store-id" content={String(storeId)}>
 
 <script>

package/packages/storefront/src/lib/layouts/use-page-header.ts

@@ -13,7 +13,12 @@ export interface Props {
 const usePageHeader = async ({ routeContext, listedCategoryFields }: Props) => {
   const { apiState, getContent } = routeContext;
   const layoutContent = await getContent('layout');
-  const { header: headerContent } = layoutContent;
+  const {
+    header: {
+      inlineMenuCategories,
+      isAlphabeticalSortSubmenu,
+    },
+  } = layoutContent;
   const pitchBar = parseLayoutContent(layoutContent);
   let { categories } = apiState;
   if (!categories && listedCategoryFields !== null) {
@@ -36,9 +41,9 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }: Props) => {
   }
   const shopHeader: ShopHeaderProps = {
     categories,
-    menuCategorySlugs: headerContent.inline_menu_categories?.featured,
-    menuRandomCategories: headerContent.inline_menu_categories?.random,
-    isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu,
+    menuCategorySlugs: inlineMenuCategories?.featured,
+    menuRandomCategories: inlineMenuCategories?.random,
+    isAlphabeticalSortSubmenu,
   };
   /*
   if (import.meta.env.DEV) {

package/packages/storefront/src/lib/layouts/use-page-main.ts

@@ -3,7 +3,6 @@ import type { PageContent } from '@@sf/content';
 import type { RouteContext } from '@@sf/ssr-context';
 import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
 import type { Props as UseProductShelfProps } from '@@sf/composables/use-product-shelf';
-import type { Props as UseBreadcrumbsProps } from '@@sf/composables/use-breadcrumbs';
 import { useProductShelf } from '@@sf/composables/use-product-shelf';
 
 export interface Props {
@@ -17,23 +16,13 @@ const now = Date.now();
 const parseBanners = (banners: PageContentHero['slides']) => {
   const validBanners: UseBannerProps[] = [];
   banners.forEach(({
-    img,
-    start,
-    end,
-    mobile_img: mobileImg,
-    button_link: buttonLink,
-    button_text: buttonText,
-    ...rest
+    startsAt,
+    endsAt,
+    ...bannerProps
   }) => {
-    if (start && new Date(start).getTime() < now) return;
-    if (end && new Date(end).getTime() > now) return;
-    validBanners.push({
-      ...rest,
-      img,
-      mobileImg,
-      buttonLink,
-      buttonText,
-    });
+    if (startsAt && new Date(startsAt).getTime() < now) return;
+    if (endsAt && new Date(endsAt).getTime() > now) return;
+    validBanners.push(bannerProps);
   });
   return validBanners;
 };
@@ -61,8 +50,8 @@ export const usePageSections = async <T extends CustomSection = CustomSection>
     T
     | { type: 'product-shelf', props: UseProductShelfProps }
     | { type: 'banners-grid', props: { banners: UseBannerProps[] } }
-    | { type: 'breadcrumbs', props: UseBreadcrumbsProps }
-    | { type: 'product-details', props: {} }
+    | { type: 'product-details', props: { hasDescription?: boolean } }
+    | { type: 'breadcrumbs', props: {} }
     | { type: 'related-products', props: {} }
     | { type: 'doc-description', props: {} }
     | { type: 'product-specifications', props: {} }
@@ -71,9 +60,9 @@ export const usePageSections = async <T extends CustomSection = CustomSection>
     await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }, index) => {
       if (type === 'product-shelf') {
         const {
-          collection_id: collectionIdAndInfo,
-          headless: isHeadless,
-          shuffle: isShuffle,
+          collectionIdAndInfo,
+          isHeadless,
+          isShuffle,
           ...rest
         } = sectionContent;
         let { sort, title } = sectionContent;
@@ -127,16 +116,7 @@ export const usePageSections = async <T extends CustomSection = CustomSection>
         await fetching;
         sections[index] = {
           type,
-          props: {
-            ...rest,
-            collectionId,
-            searchQuery,
-            sort,
-            title: isHeadless ? null : title,
-            titleLink,
-            isShuffle,
-            products,
-          },
+          props: { ...props, products },
         };
         return;
       }
@@ -159,7 +139,7 @@ export const usePageSections = async <T extends CustomSection = CustomSection>
           // Bypassed sections
           sections[index] = {
             type,
-            props: {},
+            props: sectionContent,
           };
           return;
         default:

package/packages/test-base/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudcommerce/test-base",
   "private": true,
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce basic setup for testing",
   "main": "lib/index.js",
   "repository": {

package/packages/types/index.ts

@@ -97,18 +97,18 @@ type SettingsContent = {
   description: string,
   logo: string,
   icon: string,
-  primary_color: string,
-  secondary_color?: string,
-  bg_color?: string,
+  primaryColor: string,
+  secondaryColor?: string,
+  bgColor?: string,
   email: string,
   phone: string,
   address: string,
-  corporate_name: string,
-  doc_number: string,
+  corporateName: string,
+  docNumber: string,
   lang: string,
   currency: string,
-  currency_symbol: string,
-  country_code: string,
+  currencySymbol: string,
+  countryCode: string,
   whatsapp?: string,
   instagram?: string,
   facebook?: string,
@@ -117,11 +117,11 @@ type SettingsContent = {
   tiktok?: string,
   pinterest?: string,
   threads?: string,
-  service_links?: Array<{
+  serviceLinks?: Array<{
     title: string,
     href: string,
   }>,
-  payment_methods?: PaymentMethodFlag[],
+  paymentMethods?: PaymentMethodFlag[],
   modules?: {
     list_payments?: {
       installments_option?: Partial<ListPaymentsResponse['installments_option']>,
@@ -139,11 +139,11 @@ type SettingsContent = {
       available_extra_discount?: Partial<ApplyDiscountResponse['available_extra_discount']>,
     },
   },
-  cart_url?: string,
-  checkout_url?: string,
-  account_url?: string,
-  orders_url?: string,
-  favorites_url?: string,
+  cartUrl?: string,
+  checkoutUrl?: string,
+  accountUrl?: string,
+  ordersUrl?: string,
+  favoritesUrl?: string,
   metafields?: Record<string, any>,
 };
 

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

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

@@ -1,30 +0,0 @@
----
-import type {
-  Products,
-  Categories,
-  Brands,
-  Collections,
-} from '@cloudcommerce/api/types';
-import { i19description } from '@@i18n';
-import ContentClearfix from '@@sf/components/ContentClearfix.astro';
-
-export interface Props {
-  apiDoc: Partial<Products | Categories | Brands | Collections>;
-  title?: string;
-}
-
-const { apiDoc, title } = Astro.props;
-const html = apiDoc.body_html || apiDoc.body_text;
----
-
-{html &&
-  <section class="ui-section">
-    <p class="text-2xl font-medium lowercase text-base-700">
-      <a href="#description" id="description">
-        <i class="i-link text-base-400 mr-1"></i>
-        {title || i19description}
-      </a>
-    </p>
-    <ContentClearfix html={html} />
-  </section>
-}