@swell/apps-sdk 1.0.140 → 1.0.141

package/dist/index.mjs

@@ -17424,7 +17424,7 @@ var tags = {
 };
 function bindTags(liquidSwell) {
   Object.entries(tags).forEach(
-    ([tag, bind62]) => liquidSwell.registerTag(tag, bind62(liquidSwell))
+    ([tag, bind63]) => liquidSwell.registerTag(tag, bind63(liquidSwell))
   );
 }
 
@@ -17708,8 +17708,16 @@ var format_address_default = {
   ]
 };
 
-// src/liquid/filters/image_tag.ts
+// src/liquid/filters/handleize.ts
+import { kebabCase } from "lodash-es";
 function bind40(_liquidSwell) {
+  return function filterHandleize(handle) {
+    return kebabCase(handle);
+  };
+}
+
+// src/liquid/filters/image_tag.ts
+function bind41(_liquidSwell) {
   return function filterImageTag(imageUrl, ...params) {
     imageUrl = String(imageUrl || "");
     let {
@@ -17873,7 +17881,7 @@ var filterDefinition = {
 var image_url_default = filterDefinition;
 
 // src/liquid/filters/inline_asset_content.ts
-function bind41(liquidSwell) {
+function bind42(liquidSwell) {
   return async (assetPath) => {
     const config = await liquidSwell.theme.getThemeConfig(
       `theme/assets/${assetPath}`
@@ -17883,14 +17891,14 @@ function bind41(liquidSwell) {
 }
 
 // src/liquid/filters/json.ts
-function bind42(_liquidSwell) {
+function bind43(_liquidSwell) {
   return async function filterJson(input, space = 0) {
     return jsonStringifyAsync(input, space);
   };
 }
 
 // src/liquid/filters/json_pretty.ts
-function bind43(_liquidSwell) {
+function bind44(_liquidSwell) {
   return async function filterJsonPretty(input, space = 2) {
     const output = await jsonStringifyAsync(input, space);
     return `<pre>${output}</pre>`;
@@ -17907,7 +17915,7 @@ function getCountryCode(localCode) {
     return localCode.toUpperCase();
   }
 }
-function bind44(_liquidSwell) {
+function bind45(_liquidSwell) {
   return (localeCode) => {
     if (typeof localeCode !== "string") {
       return flags.US;
@@ -17918,7 +17926,7 @@ function bind44(_liquidSwell) {
 }
 
 // src/liquid/filters/money.ts
-function bind45(liquidSwell) {
+function bind46(liquidSwell) {
   return function filterMoney(value) {
     const amount = value instanceof MoneyDrop ? value.toFloat() : Number(value || 0);
     return liquidSwell.renderCurrency(amount);
@@ -17926,7 +17934,7 @@ function bind45(liquidSwell) {
 }
 
 // src/liquid/filters/money_with_currency.ts
-function bind46(liquidSwell) {
+function bind47(liquidSwell) {
   return function filterMoneyWithCurrency(value) {
     const { currency } = liquidSwell.theme.swell.getStorefrontLocalization();
     const amount = value instanceof MoneyDrop ? value.toFloat() : Number(value || 0);
@@ -17935,7 +17943,7 @@ function bind46(liquidSwell) {
 }
 
 // src/liquid/filters/money_without_currency.ts
-function bind47(liquidSwell) {
+function bind48(liquidSwell) {
   return function filterMoneyWithoutCurrency(value) {
     const amount = value instanceof MoneyDrop ? value.toFloat() : Number(value || 0);
     return liquidSwell.renderCurrency(amount).replace(/[^0-9.,]/g, "");
@@ -17943,7 +17951,7 @@ function bind47(liquidSwell) {
 }
 
 // src/liquid/filters/money_without_trailing_zeros.ts
-function bind48(liquidSwell) {
+function bind49(liquidSwell) {
   return function filterMoneyWithoutTrailingZeros(value) {
     const amount = value instanceof MoneyDrop ? value.toFloat() : Number(value || 0);
     return liquidSwell.renderCurrency(amount).split(".")[0].split(",")[0];
@@ -17951,21 +17959,21 @@ function bind48(liquidSwell) {
 }
 
 // src/liquid/filters/script_tag.ts
-function bind49(_liquidSwell) {
+function bind50(_liquidSwell) {
   return function filterScriptTag(assetUrl) {
     return `<script src="${assetUrl}" type="text/javascript"></script>`;
   };
 }
 
 // src/liquid/filters/stylesheet_tag.ts
-function bind50(_liquidSwell) {
+function bind51(_liquidSwell) {
   return function filterStyleSheetTag(assetUrl) {
     return `<link href="${assetUrl}" rel="stylesheet" type="text/css" media="all" />`;
   };
 }
 
 // src/liquid/filters/time_tag.ts
-function bind51(_liquidSwell) {
+function bind52(_liquidSwell) {
   const dateFilter = bind33(_liquidSwell);
   return (dateValue, ...params) => {
     const date = ensureDate(dateValue);
@@ -17976,7 +17984,7 @@ function bind51(_liquidSwell) {
 }
 
 // src/liquid/filters/translate.ts
-function bind52(liquidSwell) {
+function bind53(liquidSwell) {
   return async function filterTranslate(key, params) {
     const props = params && paramsToProps(params);
     const str = await liquidSwell.renderTranslation(key, props);
@@ -17985,7 +17993,7 @@ function bind52(liquidSwell) {
 }
 
 // src/liquid/filters/where.ts
-function bind53(_liquidSwell) {
+function bind54(_liquidSwell) {
   return function* filterWhere(arr, property, expected) {
     const results = [];
     const list = yield resolveEnumerable(arr);
@@ -18039,7 +18047,7 @@ function getSizesFromParam(param) {
     height: height ? Number(height) : void 0
   };
 }
-function bind54(liquidSwell) {
+function bind55(liquidSwell) {
   return async function filterAssetImgUrl(assetPath, size = "small") {
     const imageUrl = await liquidSwell.getAssetUrl(assetPath).then((url) => url || "");
     const sizes = getSizesFromParam(size);
@@ -18055,7 +18063,7 @@ function bind54(liquidSwell) {
 }
 
 // src/liquid/filters/shopify/hex_to_rgba.ts
-function bind55(_liquidSwell) {
+function bind56(_liquidSwell) {
   return (color, alpha) => {
     return ThemeColor.get(color).rgba(alpha || 1);
   };
@@ -18075,14 +18083,14 @@ var item_count_for_variant_default = {
 };
 
 // src/liquid/filters/shopify/payment_button.ts
-function bind56(_liquidSwell) {
+function bind57(_liquidSwell) {
   return (form) => {
     return null;
   };
 }
 
 // src/liquid/filters/shopify/payment_terms.ts
-function bind57(_liquidSwell) {
+function bind58(_liquidSwell) {
   return (form) => {
     return null;
   };
@@ -18184,7 +18192,7 @@ var svgs = {
 var placeholder_svgs_default = svgs;
 
 // src/liquid/filters/shopify/placeholder_svg_tag.ts
-function bind58(_liquidSwell) {
+function bind59(_liquidSwell) {
   return function filterPlaceholderSvgTag(name, className) {
     const svg = placeholder_svgs_default[name];
     if (typeof svg === "object" && svg !== null) {
@@ -18195,7 +18203,7 @@ function bind58(_liquidSwell) {
 }
 
 // src/liquid/filters/shopify/shopify_asset_url.ts
-function bind59(_liquidSwell) {
+function bind60(_liquidSwell) {
   return function filterShopifyAssetUrl(input) {
     if (typeof input === "string") {
       switch (input) {
@@ -18220,7 +18228,7 @@ function bind59(_liquidSwell) {
 }
 
 // src/liquid/filters/shopify/structured_data.ts
-function bind60(_liquidSwell) {
+function bind61(_liquidSwell) {
   return async function filterStructuredData(input) {
     let value = input;
     if (value instanceof StorefrontResource) {
@@ -18298,7 +18306,7 @@ function convertToSchemaOrgProductGroup(product) {
 }
 
 // src/liquid/filters/inline_editable.ts
-function bind61(_liquidSwell) {
+function bind62(_liquidSwell) {
   return (value, key) => {
     if (typeof value === "object" && "value" in value) {
       value = value.value;
@@ -18332,34 +18340,37 @@ var filters = {
   font_modify: bind38,
   font_url: bind39,
   format_address: format_address_default,
-  image_tag: bind40,
+  handle: bind40,
+  // alias
+  handleize: bind40,
+  image_tag: bind41,
   image_url: image_url_default,
-  inline_asset_content: bind41,
-  json: bind42,
-  json_pretty: bind43,
-  locale_flag: bind44,
-  money: bind45,
-  money_with_currency: bind46,
-  money_without_currency: bind47,
-  money_without_trailing_zeros: bind48,
-  script_tag: bind49,
-  stylesheet_tag: bind50,
-  time_tag: bind51,
-  translate: bind52,
-  t: bind52,
+  inline_asset_content: bind42,
+  json: bind43,
+  json_pretty: bind44,
+  locale_flag: bind45,
+  money: bind46,
+  money_with_currency: bind47,
+  money_without_currency: bind48,
+  money_without_trailing_zeros: bind49,
+  script_tag: bind50,
+  stylesheet_tag: bind51,
+  time_tag: bind52,
+  translate: bind53,
+  t: bind53,
   // alias
-  where: bind53,
+  where: bind54,
   // Shopify compatibility only
-  asset_img_url: bind54,
-  hex_to_rgba: bind55,
+  asset_img_url: bind55,
+  hex_to_rgba: bind56,
   item_count_for_variant: item_count_for_variant_default,
-  payment_button: bind56,
-  payment_terms: bind57,
-  placeholder_svg_tag: bind58,
-  shopify_asset_url: bind59,
-  structured_data: bind60,
+  payment_button: bind57,
+  payment_terms: bind58,
+  placeholder_svg_tag: bind59,
+  shopify_asset_url: bind60,
+  structured_data: bind61,
   // Swell only
-  inline_editable: bind61
+  inline_editable: bind62
 };
 function bindFilters(liquidSwell) {
   for (const [tag, handler] of Object.entries(filters)) {
@@ -18373,8 +18384,8 @@ function bindFilters(liquidSwell) {
     }
   }
 }
-function bindWithResolvedProps(liquidSwell, bind62, resolve = []) {
-  const handler = bind62(liquidSwell);
+function bindWithResolvedProps(liquidSwell, bind63, resolve = []) {
+  const handler = bind63(liquidSwell);
   if (!Array.isArray(resolve)) {
     return handler;
   }
@@ -20567,13 +20578,20 @@ async function resolveMenuItems(theme, menuItems, options) {
 async function resolveMenuItemUrlAndResource(theme, item, options) {
   if (!item) return { url: "#invalid-link-item" };
   if (typeof item === "object" && item !== null) {
-    let { url, resource } = await getMenuItemUrlAndResource(theme, item);
-    const endsWithSlash = url.slice(-1) === "/";
-    if (options?.trailingSlash && !endsWithSlash && url.length > 1) {
-      url = url + "/";
-    }
-    if (!options?.trailingSlash && endsWithSlash && url.length > 1) {
-      url = url.slice(0, -1);
+    const { url: itemUrl, resource } = await getMenuItemUrlAndResource(
+      theme,
+      item
+    );
+    let url = itemUrl;
+    if (url.length > 1) {
+      const endsWithSlash = url.endsWith("/");
+      if (options?.trailingSlash) {
+        if (!endsWithSlash) {
+          url = url + "/";
+        }
+      } else if (endsWithSlash) {
+        url = url.slice(0, -1);
+      }
     }
     return { url, resource };
   } else {
@@ -20615,43 +20633,40 @@ async function getMenuItemUrlAndResource(theme, menuItem) {
       return {
         url: getMenuItemStorefrontUrl(theme, "index")
       };
-    case "category" /* Category */:
+    case "category" /* Category */: {
       if (!id) {
         return {
           url: getMenuItemStorefrontUrl(theme, "categories/index")
         };
       }
-      return await deferMenuItemUrlAndResource(
-        theme,
-        "categories/category",
-        id
-      );
-    case "product" /* Product */:
+      return deferMenuItemUrlAndResource(theme, "categories/category", id);
+    }
+    case "product" /* Product */: {
       if (!id) {
         return {
           url: getMenuItemStorefrontUrl(theme, "products/index")
         };
       }
-      return await deferMenuItemUrlAndResource(theme, "products/product", id);
+      return deferMenuItemUrlAndResource(theme, "products/product", id);
+    }
+    case "product_list" /* ProductList */:
+      return {
+        url: getMenuItemStorefrontUrl(theme, "products/index")
+      };
     case "page" /* Page */:
-      return await deferMenuItemUrlAndResource(theme, "pages/page", id);
+      return deferMenuItemUrlAndResource(theme, "pages/page", id);
     case "blog" /* Blog */:
-      return await deferMenuItemUrlAndResource(
-        theme,
-        "blogs/blog",
-        id,
-        async (blog) => {
-          const blogCategory = new SwellStorefrontRecord(
-            theme.swell,
-            "content/blog-categories",
-            blog.category_id
-          );
-          return blogCategory.slug;
-        }
-      );
+      return deferMenuItemUrlAndResource(theme, "blogs/blog", id, (blog) => {
+        const blogCategory = new SwellStorefrontRecord(
+          theme.swell,
+          "content/blog-categories",
+          blog.category_id
+        );
+        return blogCategory.slug;
+      });
     case "blog_category" /* BlogCategory */:
-      return await deferMenuItemUrlAndResource(theme, "blogs/category", id);
-    case "content_list" /* ContentList */:
+      return deferMenuItemUrlAndResource(theme, "blogs/category", id);
+    case "content_list" /* ContentList */: {
       if (model) {
         const slug = model?.replace("content/", "");
         return {
@@ -20660,10 +20675,11 @@ async function getMenuItemUrlAndResource(theme, menuItem) {
         };
       }
       break;
-    case "content" /* Content */:
+    }
+    case "content" /* Content */: {
       if (model) {
         const collectionSlug = model?.replace("content/", "");
-        return await deferMenuItemUrlAndResource(
+        return deferMenuItemUrlAndResource(
           theme,
           "content/content",
           id,
@@ -20671,6 +20687,7 @@ async function getMenuItemUrlAndResource(theme, menuItem) {
         );
       }
       break;
+    }
     case "search" /* Search */:
       return {
         url: getMenuItemStorefrontUrl(theme, "search")