@swell/apps-sdk 1.0.179 → 1.0.181

package/dist/index.js

@@ -3279,7 +3279,7 @@
           (block) => block.type === blockType
         );
         return {
-          id,
+          id: toBlockId(id),
           type: blockType,
           disabled: isDisabled,
           settings: blockSchema?.fields?.reduce(
@@ -3308,6 +3308,12 @@
     }
     return fieldId.replace(/·/g, ".");
   }
+  function toBlockId(id) {
+    if (!id) {
+      return id;
+    }
+    return id.replace(/\./g, "_");
+  }
 
   // src/utils/md5.ts
   function md5(inputString) {
@@ -5780,86 +5786,76 @@ ${formattedMessage}`;
   }
   function getAllSectionComponentTemplates(allSections) {
     const list = [];
+    const processFields = (fields, settings = {}) => {
+      const result = {};
+      for (const field of fields) {
+        if (!field?.id) {
+          continue;
+        }
+        const { id: fieldId, $locale } = field;
+        result[fieldId] = schemaToEasyblocksValue(
+          fields,
+          fieldId,
+          settings[fieldId]
+        );
+        if ($locale) {
+          for (const [locale, localeValues] of Object.entries($locale)) {
+            const defaultValue = localeValues?.default;
+            if (defaultValue) {
+              (0, import_lodash_es4.set)(result, `$locale.${locale}.${fieldId}`, defaultValue);
+            }
+          }
+        }
+      }
+      return result;
+    };
     for (const section of allSections) {
       if (section.presets) {
-        list.push(
-          ...section.presets.map((preset, index) => ({
+        for (let index = 0; index < section.presets.length; index++) {
+          const preset = section.presets[index];
+          const entry = {
+            _id: `${section.id}__preset_${index}`,
+            _component: section.id,
+            custom_css: preset.settings?.["custom_css"] || "",
+            ...processFields(section.fields, preset.settings),
+            // Process blocks inside the preset
+            Blocks: (preset.blocks || []).map((block) => {
+              const blockSchema = section.blocks?.find(
+                ({ type }) => type === block.type
+              );
+              if (!blockSchema) {
+                return null;
+              }
+              return {
+                _id: `Block__${section.id}__${block.type}__preset_${index}`,
+                _component: `Block__${section.id}__${block.type}`,
+                ...processFields(blockSchema.fields, block.settings)
+              };
+            }).filter(Boolean)
+          };
+          list.push({
             id: `${section.id}__preset_${index}`,
-            entry: {
-              _id: `${section.id}__preset_${index}`,
-              _component: section.id,
-              custom_css: preset.settings?.["custom_css"] || "",
-              ...(0, import_lodash_es4.reduce)(
-                section.fields,
-                (acc, field) => {
-                  if (field.id) {
-                    acc[field.id] = schemaToEasyblocksValue(
-                      section.fields,
-                      field.id,
-                      preset.settings?.[field.id]
-                    );
-                  }
-                  return acc;
-                },
-                {}
-              ),
-              Blocks: preset.blocks?.reduce(
-                (acc, block) => {
-                  const blockDef = section.blocks?.find(
-                    ({ type }) => type === block.type
-                  );
-                  if (blockDef) {
-                    acc.push({
-                      _id: `Block__${section.id}__${block.type}__preset_${index}`,
-                      _component: `Block__${section.id}__${block.type}`,
-                      ...(0, import_lodash_es4.reduce)(
-                        blockDef.fields,
-                        (acc2, blockField) => {
-                          if (blockField.id) {
-                            acc2[blockField.id] = schemaToEasyblocksValue(
-                              blockDef.fields,
-                              blockField.id,
-                              block.settings?.[blockField.id]
-                            );
-                          }
-                          return acc2;
-                        },
-                        {}
-                      )
-                    });
-                  }
-                  return acc;
-                },
-                []
-              )
-            }
-          }))
-        );
+            entry
+          });
+        }
       }
       if (section.blocks) {
-        list.push(
-          ...section.blocks.map((block) => ({
+        for (const block of section.blocks) {
+          list.push({
             id: `Block__${section.id}__${block.type}`,
             entry: {
               _id: `Block__${section.id}__${block.type}`,
               _component: `Block__${section.id}__${block.type}`,
-              ...(0, import_lodash_es4.reduce)(
+              ...processFields(
                 block.fields,
-                (acc, field) => {
-                  if (field.id) {
-                    acc[field.id] = schemaToEasyblocksValue(
-                      block.fields,
-                      field.id,
-                      field.default
-                    );
-                  }
+                block.fields.reduce((acc, f) => {
+                  if (f.id) acc[f.id] = f.default;
                   return acc;
-                },
-                {}
+                }, {})
               )
             }
-          }))
-        );
+          });
+        }
       }
     }
     return list;
@@ -11579,16 +11575,16 @@ ${formattedMessage}`;
       if (!Array.isArray(blogs?.results)) {
         return [];
       }
-      const set = blogs.results.reduce(
-        (set2, blog) => {
+      const set3 = blogs.results.reduce(
+        (set4, blog) => {
           for (const tag of blog.tags || []) {
-            set2.add(tag);
+            set4.add(tag);
           }
-          return set2;
+          return set4;
         },
         /* @__PURE__ */ new Set()
       );
-      return Array.from(set.values());
+      return Array.from(set3.values());
     });
     return new ShopifyResource({
       all_tags: allTags,
@@ -11972,18 +11968,18 @@ ${formattedMessage}`;
         if (!resolved) {
           return [];
         }
-        const set = /* @__PURE__ */ new Set();
+        const set3 = /* @__PURE__ */ new Set();
         await Promise.all(
           resolved.results.map(async (product) => {
             const tags2 = await Promise.resolve().then(() => product.tags);
             if (Array.isArray(tags2)) {
               for (const tag of tags2) {
-                set.add(tag);
+                set3.add(tag);
               }
             }
           })
         );
-        return Array.from(set.values());
+        return Array.from(set3.values());
       }),
       all_types: defer(async () => {
         const products = await resolveProducts();
@@ -14333,26 +14329,32 @@ ${injects.join("\n")}<\/script>`;
       if (!(0, import_lodash_es7.isObject)(schema)) {
         return schema;
       }
-      const editorLocaleConfig = await this.getEditorLocaleConfig(
-        theme,
-        localeCode
-      );
+      const locales = await theme.swell.storefront.locale.list();
+      const localeCodes = /* @__PURE__ */ new Set([
+        localeCode,
+        ...locales.map((locale) => locale.code)
+      ]);
+      const localeConfigs = {};
+      for (const locale of localeCodes) {
+        localeConfigs[locale] = await this.getEditorLocaleConfig(theme, locale);
+      }
       return this.renderSchemaTranslationValue(
         theme,
         schema,
         localeCode,
-        editorLocaleConfig
+        localeConfigs
       );
     }
-    async renderSchemaTranslationValue(theme, schemaValue, localCode, editorLocaleConfig) {
+    renderSchemaTranslationValue(theme, schemaValue, localeCode, localeConfigs) {
       switch (typeof schemaValue) {
         case "string": {
           if (schemaValue.startsWith("t:")) {
+            const localeConfig = localeConfigs[localeCode];
             const key = schemaValue.slice(2);
             const keyParts = key?.split(".");
             const keyName = keyParts.pop() || "";
             const keyPath = keyParts.join(".");
-            const langObject = (0, import_lodash_es7.get)(editorLocaleConfig, keyPath);
+            const langObject = (0, import_lodash_es7.get)(localeConfig, keyPath);
             return langObject?.[keyName] ?? key;
           }
           break;
@@ -14362,11 +14364,11 @@ ${injects.join("\n")}<\/script>`;
             const result = [];
             for (const value of schemaValue) {
               result.push(
-                await this.renderSchemaTranslationValue(
+                this.renderSchemaTranslationValue(
                   theme,
                   value,
-                  localCode,
-                  editorLocaleConfig
+                  localeCode,
+                  localeConfigs
                 )
               );
             }
@@ -14375,12 +14377,26 @@ ${injects.join("\n")}<\/script>`;
           if (schemaValue !== null) {
             const result = { ...schemaValue };
             for (const [key, value] of Object.entries(schemaValue)) {
-              result[key] = await this.renderSchemaTranslationValue(
+              result[key] = this.renderSchemaTranslationValue(
                 theme,
                 value,
-                localCode,
-                editorLocaleConfig
+                localeCode,
+                localeConfigs
               );
+              if (typeof value === "string" && value.startsWith("t:")) {
+                for (const locale of Object.keys(localeConfigs)) {
+                  if (locale === localeCode) {
+                    continue;
+                  }
+                  const localeValue = this.renderSchemaTranslationValue(
+                    theme,
+                    value,
+                    locale,
+                    localeConfigs
+                  );
+                  (0, import_lodash_es7.set)(result, `$locale.${locale}.${key}`, localeValue);
+                }
+              }
             }
             return result;
           }
@@ -16262,18 +16278,11 @@ ${injects.join("\n")}<\/script>`;
   }
 
   // src/liquid/filters/shopify/img_url.ts
-  function bind59(_liquidSwell) {
-    return function filterImgUrl(input, ...params) {
-      if (!input) return "";
-      let url;
-      if (typeof input === "object") {
-        if (input.url) {
-          url = input.url;
-        } else {
-          return "";
-        }
-      } else {
-        url = String(input);
+  function bind59(liquidSwell) {
+    return async function filterImgUrl(input, ...params) {
+      const url = await getImageUrlFromInput(input, liquidSwell);
+      if (typeof url !== "string" || url === "") {
+        return "";
       }
       const query = [];
       params.forEach((param) => {