@swell/apps-sdk 1.0.175 → 1.0.177

package/dist/index.mjs

@@ -4617,8 +4617,8 @@ var SORT_OPTIONS = Object.freeze([
   { value: "popularity", name: "Popularity", query: "popularity desc" },
   { value: "price_asc", name: "Price, low to high", query: "price asc" },
   { value: "price_desc", name: "Price, high to low", query: "price desc" },
-  { value: "date_asc", name: "Date, old to new", query: "date asc" },
-  { value: "date_desc", name: "Date, new to old", query: "date desc" },
+  { value: "date_asc", name: "Date, old to new", query: "date_created asc" },
+  { value: "date_desc", name: "Date, new to old", query: "date_created desc" },
   { value: "name_asc", name: "Product name, A-Z", query: "name asc" },
   { value: "name_desc", name: "Product name, Z-A", query: "name desc" }
 ]);
@@ -5411,23 +5411,58 @@ function getBlog(swell, id, query) {
 // src/easyblocks/config.ts
 import JSON53 from "json5";
 import { reduce as reduce2 } from "lodash-es";
+
+// src/compatibility/drops/template.ts
+import { Drop as Drop3 } from "liquidjs";
+var TemplateDrop = class extends Drop3 {
+  constructor(name, directory, suffix) {
+    super();
+    this.name = name;
+    this.directory = directory;
+    this.suffix = suffix;
+  }
+  valueOf() {
+    return this.name;
+  }
+};
+
+// src/compatibility/shopify-objects/template.ts
+function ShopifyTemplate(instance, template) {
+  return new TemplateDrop(
+    instance.getPageType(template.name),
+    template.path,
+    template.alt_name
+  );
+}
+
+// src/easyblocks/config.ts
 var NO_INLINE = true;
 async function getEasyblocksPageTemplate(theme, pageId, altTemplate) {
   let templateConfig = null;
+  let templateData = {
+    name: pageId
+  };
+  if (theme.shopifyCompatibility) {
+    templateData = ShopifyTemplate(theme.shopifyCompatibility, templateData);
+  }
+  const { name } = templateData;
   templateConfig = await theme.getThemeTemplateConfigByType(
     "templates",
-    pageId,
+    name,
     altTemplate
   );
   if (templateConfig) {
-    if (templateConfig.file_path.endsWith(".liquid")) {
-      return templateConfig.file_data;
+    let result = templateConfig.file_data;
+    if (!templateConfig.file_path.endsWith(".liquid")) {
+      try {
+        result = JSON53.parse(templateConfig.file_data);
+      } catch {
+      }
     }
-    try {
-      return JSON53.parse(templateConfig.file_data);
-    } catch {
-      return templateConfig.file_data;
+    if (result && typeof result === "object") {
+      result.id = name;
     }
+    return result;
   }
 }
 function getAcceptedLayoutSections(allSections, groupType) {
@@ -11369,11 +11404,11 @@ __export(shopify_objects_exports, {
 });
 
 // src/compatibility/drops/image.ts
-import { Drop as Drop4 } from "liquidjs";
+import { Drop as Drop5 } from "liquidjs";
 
 // src/compatibility/drops/image-src.ts
-import { Drop as Drop3 } from "liquidjs";
-var ImageSrcDrop = class extends Drop3 {
+import { Drop as Drop4 } from "liquidjs";
+var ImageSrcDrop = class extends Drop4 {
   constructor(url, width, height) {
     super();
     this.url = url;
@@ -11396,7 +11431,7 @@ var ImageSrcDrop = class extends Drop3 {
 };
 
 // src/compatibility/drops/image.ts
-var ImageDrop = class extends Drop4 {
+var ImageDrop = class extends Drop5 {
   id;
   alt;
   src;
@@ -11607,7 +11642,9 @@ function ShopifyVariant(instance, variant, productIn, depth = 0) {
     ),
     barcode: void 0,
     compare_at_price: defer(
-      () => instance.toShopifyPrice(variant.orig_price)
+      () => instance.toShopifyPrice(
+        getPriceField(product, variant, "orig_price")
+      )
     ),
     featured_image: deferWith(
       [product, variant],
@@ -11654,13 +11691,14 @@ function ShopifyVariant(instance, variant, productIn, depth = 0) {
     // Deprecated by Shopify
     option3: getOptionByIndex(product, variant, 2),
     // Deprecated by Shopify
-    price: deferWith([product, variant], (product2, variant2) => {
-      let price = product2.price;
-      if (variant2.price !== null && variant2.price !== void 0) {
-        price = variant2.price;
+    price: deferWith(
+      [product, variant],
+      (product2, variant2) => {
+        return instance.toShopifyPrice(
+          getPriceField(product2, variant2, "price")
+        );
       }
-      return instance.toShopifyPrice(price);
-    }),
+    ),
     product: deferWith(product, (product2) => {
       return ShopifyProduct(
         instance,
@@ -11699,7 +11737,11 @@ function ShopifyVariant(instance, variant, productIn, depth = 0) {
     store_availabilities: [],
     taxable: true,
     title: defer(() => variant.name),
-    unit_price: defer(() => instance.toShopifyPrice(variant.price)),
+    unit_price: defer(
+      () => instance.toShopifyPrice(
+        getPriceField(product, variant, "price")
+      )
+    ),
     unit_price_measurement: void 0,
     url: defer(() => product.url),
     weight: defer(() => variant.weight),
@@ -11723,6 +11765,9 @@ function getOptions(product, variant) {
     return variant2.option_value_ids.map((id) => optionValuesById[id]).filter(Boolean);
   });
 }
+function getPriceField(product, variant, field) {
+  return variant[field] ?? product[field];
+}
 function getOptionByIndex(product, variant, index) {
   return deferWith(
     [product, variant],
@@ -12150,7 +12195,12 @@ function ShopifyProduct(instance, product, depth = 0) {
         return instance.toShopifyPrice(product2.price);
       }
       const max = product2.variants.results.reduce(
-        (max2, variant) => Math.max(max2, variant.price),
+        (max2, variant) => {
+          if (variant.price === void 0 || variant.price === null) {
+            return max2;
+          }
+          return Math.max(max2, variant.price);
+        },
         0
       );
       return instance.toShopifyPrice(max);
@@ -12160,7 +12210,12 @@ function ShopifyProduct(instance, product, depth = 0) {
         return instance.toShopifyPrice(product2.price);
       }
       const min = product2.variants.results.reduce(
-        (min2, variant) => Math.min(min2, variant.price),
+        (min2, variant) => {
+          if (variant.price === void 0 || variant.price === null) {
+            return min2;
+          }
+          return Math.min(min2, variant.price);
+        },
         Infinity
       );
       return instance.toShopifyPrice(min);
@@ -12170,7 +12225,7 @@ function ShopifyProduct(instance, product, depth = 0) {
         return false;
       }
       return product2.variants.results.some(
-        (variant) => variant.price !== product2.price
+        (variant) => variant.price !== void 0 && variant.price !== null && variant.price !== product2.price
       );
     }),
     published_at: deferWith(
@@ -12909,8 +12964,8 @@ function ShopifyShippingMethod(instance, order) {
 }
 
 // src/compatibility/drops/money.ts
-import { Drop as Drop5 } from "liquidjs";
-var MoneyDrop = class extends Drop5 {
+import { Drop as Drop6 } from "liquidjs";
+var MoneyDrop = class extends Drop6 {
   constructor(value, decimals, currency) {
     super();
     this.value = value;
@@ -13294,10 +13349,13 @@ function ShopifyPredictiveSearch(instance, search) {
   if (search instanceof ShopifyResource) {
     return search.clone();
   }
+  if (search instanceof StorefrontResource) {
+    search = cloneStorefrontResource(search);
+  }
   return new ShopifyResource({
-    performed: defer(() => search.performed),
+    performed: deferWith(search, (search2) => search2.performed),
     resources: ShopifyPredictiveSearchResources(instance, search),
-    terms: defer(() => search.query),
+    terms: deferWith(search, (search2) => search2.query),
     types: ["product"]
   });
 }
@@ -13368,6 +13426,9 @@ function ShopifySearch(instance, search) {
   if (search instanceof ShopifyResource) {
     return search.clone();
   }
+  if (search instanceof StorefrontResource) {
+    search = cloneStorefrontResource(search);
+  }
   const resolveProducts = makeProductsCollectionResolve(
     instance,
     search,
@@ -13503,8 +13564,8 @@ function ShopifyShop(instance, store) {
 }
 
 // src/compatibility/drops/all_products.ts
-import { Drop as Drop6 } from "liquidjs";
-var AllProductsDrop = class extends Drop6 {
+import { Drop as Drop7 } from "liquidjs";
+var AllProductsDrop = class extends Drop7 {
   #instance;
   #map;
   constructor(instance) {
@@ -13546,8 +13607,8 @@ var AllProductsDrop = class extends Drop6 {
 };
 
 // src/compatibility/drops/articles.ts
-import { Drop as Drop7 } from "liquidjs";
-var ArticlesDrop = class extends Drop7 {
+import { Drop as Drop8 } from "liquidjs";
+var ArticlesDrop = class extends Drop8 {
   #instance;
   #map;
   constructor(instance) {
@@ -13589,8 +13650,8 @@ var ArticlesDrop = class extends Drop7 {
 };
 
 // src/compatibility/drops/blogs.ts
-import { Drop as Drop8 } from "liquidjs";
-var BlogsDrop = class extends Drop8 {
+import { Drop as Drop9 } from "liquidjs";
+var BlogsDrop = class extends Drop9 {
   #instance;
   #map;
   constructor(instance) {
@@ -13636,7 +13697,7 @@ var BlogsDrop = class extends Drop8 {
 };
 
 // src/compatibility/drops/collections.ts
-import { Drop as Drop9 } from "liquidjs";
+import { Drop as Drop10 } from "liquidjs";
 var AllCategoryResource = class extends StorefrontResource {
   constructor(instance) {
     super(() => {
@@ -13650,7 +13711,7 @@ var AllCategoryResource = class extends StorefrontResource {
     });
   }
 };
-var CollectionsDrop = class extends Drop9 {
+var CollectionsDrop = class extends Drop10 {
   #instance;
   #map;
   constructor(instance) {
@@ -13767,8 +13828,8 @@ var SwellStorefrontProducts = class extends SwellStorefrontCollection {
 };
 
 // src/compatibility/drops/images.ts
-import { Drop as Drop10 } from "liquidjs";
-var ImagesDrop = class extends Drop10 {
+import { Drop as Drop11 } from "liquidjs";
+var ImagesDrop = class extends Drop11 {
   #instance;
   #map;
   constructor(instance) {
@@ -13822,8 +13883,8 @@ var SwellImage = class extends StorefrontResource {
 };
 
 // src/compatibility/drops/object-handles.ts
-import { Drop as Drop11 } from "liquidjs";
-var ObjectHandlesDrop = class extends Drop11 {
+import { Drop as Drop12 } from "liquidjs";
+var ObjectHandlesDrop = class extends Drop12 {
   #map;
   constructor(map) {
     super();
@@ -13863,8 +13924,8 @@ var ObjectHandlesDrop = class extends Drop11 {
 };
 
 // src/compatibility/drops/pages.ts
-import { Drop as Drop12 } from "liquidjs";
-var PagesDrop = class extends Drop12 {
+import { Drop as Drop13 } from "liquidjs";
+var PagesDrop = class extends Drop13 {
   #instance;
   #map;
   constructor(instance) {
@@ -14563,29 +14624,6 @@ ${injects.join("\n")}</script>`;
   }
 };
 
-// src/compatibility/drops/template.ts
-import { Drop as Drop13 } from "liquidjs";
-var TemplateDrop = class extends Drop13 {
-  constructor(name, directory, suffix) {
-    super();
-    this.name = name;
-    this.directory = directory;
-    this.suffix = suffix;
-  }
-  valueOf() {
-    return this.name;
-  }
-};
-
-// src/compatibility/shopify-objects/template.ts
-function ShopifyTemplate(instance, template) {
-  return new TemplateDrop(
-    instance.getPageType(template.name),
-    template.path,
-    template.alt_name
-  );
-}
-
 // src/liquid/drops/render.ts
 import { Drop as Drop14 } from "liquidjs";
 import { noop as noop2 } from "lodash-es";
@@ -15252,12 +15290,12 @@ function bind11(liquidSwell) {
         });
       });
       if (output && schema && settings) {
-        const { shopify_compatibility: shopifyCompatibility } = liquidSwell.theme.globals;
         const tag = schema.tag || "div";
-        const id = `${shopifyCompatibility ? "shopify" : "swell"}-section-${settings.id || this.fileName}`;
-        const className = shopifyCompatibility ? "shopify-section" : "swell-section";
+        const sectionClassName = liquidSwell.theme.getSectionClassName();
+        const sectionIdPrefix = liquidSwell.theme.getSectionIdPrefix();
+        const id = `${sectionIdPrefix}-${settings.id || this.fileName}`;
         emitter.write(
-          `<${tag} id="${id}" class="${className} ${schema.class || ""}">${output}</${tag}>`
+          `<${tag} id="${id}" class="${sectionClassName} ${schema.class || ""}">${output}</${tag}>`
         );
       }
     }
@@ -15289,12 +15327,13 @@ function bind12(liquidSwell) {
         const sectionConfigs = yield liquidSwell.renderPageSections(
           sectionGroup
         );
-        const { shopify_compatibility: shopifyCompatibility } = liquidSwell.theme.globals;
+        const sectionClassName = liquidSwell.theme.getSectionClassName();
+        const sectionIdPrefix = liquidSwell.theme.getSectionIdPrefix();
         emitter.write(
           `<div id="swell-section-group__${this.fileName}">${sectionConfigs.map((section) => {
             const tag = section.tag || "div";
-            const id = `${shopifyCompatibility ? "shopify" : "swell"}-section-sections--${themeConfig.hash}__${section.id}`;
-            const className = shopifyCompatibility ? `shopify-section shopify-section-group-${this.fileName} section-${section.id}` : `swell-section swell-section-group-${this.fileName} section-${section.id}`;
+            const id = `${sectionIdPrefix}-sections--${themeConfig.hash}__${section.id}`;
+            const className = `${sectionClassName} ${sectionClassName}-group-${this.fileName} section-${section.id}`;
             return `<${tag} id="${id}" class="${className} ${section.class || ""}">${section.output}</${tag}>`;
           }).join("")}</div>`
         );
@@ -15479,7 +15518,7 @@ var tags = {
 };
 function bindTags(liquidSwell) {
   Object.entries(tags).forEach(
-    ([tag, bind65]) => liquidSwell.registerTag(tag, bind65(liquidSwell))
+    ([tag, bind66]) => liquidSwell.registerTag(tag, bind66(liquidSwell))
   );
 }
 
@@ -16032,8 +16071,17 @@ function bind46(_liquidSwell) {
   };
 }
 
+// src/liquid/filters/minus.ts
+function bind47(_liquidSwell) {
+  return (first, second) => {
+    const firstValue = isNumber(first) ? first : 0;
+    const secondValue = isNumber(second) ? second : 0;
+    return firstValue - secondValue;
+  };
+}
+
 // src/liquid/filters/money.ts
-function bind47(liquidSwell) {
+function bind48(liquidSwell) {
   return function filterMoney(value) {
     const amount = getMoneyAmount(liquidSwell, value);
     return liquidSwell.renderCurrency(amount);
@@ -16050,7 +16098,7 @@ function getMoneyAmount(liquidSwell, value) {
 }
 
 // src/liquid/filters/money_with_currency.ts
-function bind48(liquidSwell) {
+function bind49(liquidSwell) {
   return function filterMoneyWithCurrency(value) {
     const { currency } = liquidSwell.theme.swell.getStorefrontLocalization();
     const amount = getMoneyAmount(liquidSwell, value);
@@ -16059,7 +16107,7 @@ function bind48(liquidSwell) {
 }
 
 // src/liquid/filters/money_without_currency.ts
-function bind49(liquidSwell) {
+function bind50(liquidSwell) {
   return function filterMoneyWithoutCurrency(value) {
     const amount = getMoneyAmount(liquidSwell, value);
     return liquidSwell.renderCurrency(amount).replace(/[^0-9.,]/g, "");
@@ -16067,7 +16115,7 @@ function bind49(liquidSwell) {
 }
 
 // src/liquid/filters/money_without_trailing_zeros.ts
-function bind50(liquidSwell) {
+function bind51(liquidSwell) {
   return function filterMoneyWithoutTrailingZeros(value) {
     const amount = getMoneyAmount(liquidSwell, value);
     return liquidSwell.renderCurrency(amount).split(".")[0].split(",")[0];
@@ -16075,21 +16123,21 @@ function bind50(liquidSwell) {
 }
 
 // src/liquid/filters/script_tag.ts
-function bind51(_liquidSwell) {
+function bind52(_liquidSwell) {
   return function filterScriptTag(assetUrl) {
     return `<script src="${assetUrl}" type="text/javascript"></script>`;
   };
 }
 
 // src/liquid/filters/stylesheet_tag.ts
-function bind52(_liquidSwell) {
+function bind53(_liquidSwell) {
   return function filterStyleSheetTag(assetUrl) {
     return `<link href="${assetUrl}" rel="stylesheet" type="text/css" media="all" />`;
   };
 }
 
 // src/liquid/filters/time_tag.ts
-function bind53(_liquidSwell) {
+function bind54(_liquidSwell) {
   const dateFilter = bind33(_liquidSwell);
   return (dateValue, ...params) => {
     const date = ensureDate(dateValue);
@@ -16100,7 +16148,7 @@ function bind53(_liquidSwell) {
 }
 
 // src/liquid/filters/translate.ts
-function bind54(liquidSwell) {
+function bind55(liquidSwell) {
   return async function filterTranslate(key, params) {
     const props = params && paramsToProps(params);
     const str = await liquidSwell.renderTranslation(key, props);
@@ -16109,7 +16157,7 @@ function bind54(liquidSwell) {
 }
 
 // src/liquid/filters/where.ts
-function bind55(_liquidSwell) {
+function bind56(_liquidSwell) {
   return function* filterWhere(arr, property, expected) {
     const results = [];
     const list = yield resolveEnumerable(arr);
@@ -16163,7 +16211,7 @@ function getSizesFromParam(param) {
     height: height ? Number(height) : void 0
   };
 }
-function bind56(liquidSwell) {
+function bind57(liquidSwell) {
   return async function filterAssetImgUrl(assetPath, size = "small") {
     const imageUrl = await liquidSwell.getAssetUrl(assetPath).then((url) => url || "");
     const sizes = getSizesFromParam(size);
@@ -16179,14 +16227,14 @@ function bind56(liquidSwell) {
 }
 
 // src/liquid/filters/shopify/hex_to_rgba.ts
-function bind57(_liquidSwell) {
+function bind58(_liquidSwell) {
   return (color, alpha) => {
     return ThemeColor.get(color).rgba(alpha || 1);
   };
 }
 
 // src/liquid/filters/shopify/img_url.ts
-function bind58(_liquidSwell) {
+function bind59(_liquidSwell) {
   return function filterImgUrl(input, ...params) {
     if (!input) return "";
     let url;
@@ -16231,14 +16279,14 @@ var item_count_for_variant_default = {
 };
 
 // src/liquid/filters/shopify/payment_button.ts
-function bind59(_liquidSwell) {
+function bind60(_liquidSwell) {
   return (form) => {
     return null;
   };
 }
 
 // src/liquid/filters/shopify/payment_terms.ts
-function bind60(_liquidSwell) {
+function bind61(_liquidSwell) {
   return (form) => {
     return null;
   };
@@ -16340,7 +16388,7 @@ var svgs = {
 var placeholder_svgs_default = svgs;
 
 // src/liquid/filters/shopify/placeholder_svg_tag.ts
-function bind61(_liquidSwell) {
+function bind62(_liquidSwell) {
   return function filterPlaceholderSvgTag(name, className) {
     const svg = placeholder_svgs_default[name];
     if (typeof svg === "object" && svg !== null) {
@@ -16351,7 +16399,7 @@ function bind61(_liquidSwell) {
 }
 
 // src/liquid/filters/shopify/shopify_asset_url.ts
-function bind62(_liquidSwell) {
+function bind63(_liquidSwell) {
   return function filterShopifyAssetUrl(input) {
     if (typeof input === "string") {
       switch (input) {
@@ -16376,7 +16424,7 @@ function bind62(_liquidSwell) {
 }
 
 // src/liquid/filters/shopify/structured_data.ts
-function bind63(_liquidSwell) {
+function bind64(_liquidSwell) {
   return async function filterStructuredData(input) {
     let value = input;
     if (value instanceof StorefrontResource) {
@@ -16454,7 +16502,7 @@ function convertToSchemaOrgProductGroup(product) {
 }
 
 // src/liquid/filters/inline_editable.ts
-function bind64(_liquidSwell) {
+function bind65(_liquidSwell) {
   return (value, key) => {
     if (typeof value === "object" && "value" in value) {
       value = value.value;
@@ -16498,29 +16546,30 @@ var filters = {
   json: bind44,
   json_pretty: bind45,
   locale_flag: bind46,
-  money: bind47,
-  money_with_currency: bind48,
-  money_without_currency: bind49,
-  money_without_trailing_zeros: bind50,
-  script_tag: bind51,
-  stylesheet_tag: bind52,
-  time_tag: bind53,
-  translate: bind54,
-  t: bind54,
+  minus: bind47,
+  money: bind48,
+  money_with_currency: bind49,
+  money_without_currency: bind50,
+  money_without_trailing_zeros: bind51,
+  script_tag: bind52,
+  stylesheet_tag: bind53,
+  time_tag: bind54,
+  translate: bind55,
+  t: bind55,
   // alias
-  where: bind55,
+  where: bind56,
   // Shopify compatibility only
-  asset_img_url: bind56,
-  hex_to_rgba: bind57,
-  img_url: bind58,
+  asset_img_url: bind57,
+  hex_to_rgba: bind58,
+  img_url: bind59,
   item_count_for_variant: item_count_for_variant_default,
-  payment_button: bind59,
-  payment_terms: bind60,
-  placeholder_svg_tag: bind61,
-  shopify_asset_url: bind62,
-  structured_data: bind63,
+  payment_button: bind60,
+  payment_terms: bind61,
+  placeholder_svg_tag: bind62,
+  shopify_asset_url: bind63,
+  structured_data: bind64,
   // Swell only
-  inline_editable: bind64
+  inline_editable: bind65
 };
 function bindFilters(liquidSwell) {
   for (const [tag, handler] of Object.entries(filters)) {
@@ -16534,8 +16583,8 @@ function bindFilters(liquidSwell) {
     }
   }
 }
-function bindWithResolvedProps(liquidSwell, bind65, resolve = []) {
-  const handler = bind65(liquidSwell);
+function bindWithResolvedProps(liquidSwell, bind66, resolve = []) {
+  const handler = bind66(liquidSwell);
   if (!Array.isArray(resolve)) {
     return handler;
   }
@@ -16597,7 +16646,8 @@ var swellOperators = {
     if (isArray(l)) return l.some((i) => equal(i, r));
     if (isFunction(l?.indexOf)) return l.indexOf(toValue(r)) > -1;
     return false;
-  }
+  },
+  ",": (l, r) => `${l},${r}`
 };
 function equal(lhs, rhs) {
   if (isComparable(lhs)) return lhs.equals(rhs);
@@ -16752,7 +16802,7 @@ function isThemeColorLike(value) {
 }
 
 // src/liquid/index.ts
-var LiquidSwell30 = class extends Liquid3 {
+var LiquidSwell31 = class extends Liquid3 {
   theme;
   getThemeConfig;
   getThemeTemplateConfigByType;
@@ -17426,7 +17476,7 @@ var SwellTheme3 = class {
     this.resources = resources;
     this.dynamicAssetUrl = dynamicAssetUrl;
     this.shopifyCompatibilityClass = shopifyCompatibilityClass || ShopifyCompatibility2;
-    this.liquidSwell = new LiquidSwell30({
+    this.liquidSwell = new LiquidSwell31({
       theme: this,
       getThemeConfig: this.getThemeConfig.bind(this),
       getAssetUrl: this.getAssetUrl.bind(this),
@@ -18344,6 +18394,12 @@ ${content.slice(pos)}`;
   isShopify1HomePage(pageId, pageContent) {
     return Boolean(pageId === "index" && typeof pageContent === "string");
   }
+  getSectionClassName() {
+    return this.shopifyCompatibility ? "shopify-section" : "swell-section";
+  }
+  getSectionIdPrefix() {
+    return this.shopifyCompatibility ? "shopify-section" : "swell-section";
+  }
   async renderAllSections(sectionsIds, pageData) {
     const sections = typeof sectionsIds === "string" ? sectionsIds.split(/\s*,\s*/) : sectionsIds;
     const sectionsRendered = await Promise.all(
@@ -18351,18 +18407,14 @@ ${content.slice(pos)}`;
         return this.renderSection(sectionId, pageData);
       })
     );
+    const sectionClassName = this.getSectionClassName();
+    const sectionIdPrefix = this.getSectionIdPrefix();
     return sectionsRendered.reduce(
       (acc, section, index) => {
         const sectionId = sections[index];
-        if (this.shopifyCompatibility) {
-          acc[sectionId] = `
-          <div id="shopify-section-${sectionId}" class="shopify-section">${String(section)}</div>
+        acc[sectionId] = `
+          <div id="${sectionIdPrefix}-${sectionId}" class="${sectionClassName}">${String(section)}</div>
         `.trim();
-        } else {
-          acc[sectionId] = `
-          <div id="swell-section-${sectionId}" class="swell-section">${String(section)}</div>
-        `.trim();
-        }
         return acc;
       },
       {}
@@ -19879,7 +19931,7 @@ export {
   GEO_DATA,
   HtmlCache,
   LANG_TO_COUNTRY_CODES,
-  LiquidSwell30 as LiquidSwell,
+  LiquidSwell31 as LiquidSwell,
   MAX_QUERY_PAGE_LIMIT,
   MockRecordResource,
   MockRecordSingleton,