@swell/apps-sdk 1.0.176 → 1.0.178

package/dist/index.cjs

@@ -3390,13 +3390,20 @@ function getSectionSettingsFromProps(props, sectionSchema) {
     blocks: props.Blocks?.filter(
       (propBlock) => Boolean(propBlock.props.compiled?._component)
     ).map((propBlock) => {
-      const blockProps = propBlock.props.compiled.props;
-      const blockType = propBlock.props.compiled._component.split("__")[2];
+      const {
+        _id: id,
+        _component: component,
+        disabled: isDisabled,
+        props: blockProps
+      } = propBlock.props.compiled;
+      const blockType = component.split("__")[2];
       const blockSchema = sectionSchema.blocks?.find(
         (block) => block.type === blockType
       );
       return {
+        id,
         type: blockType,
+        disabled: isDisabled,
         settings: blockSchema?.fields?.reduce(
           (acc, field) => {
             if (field?.id) {
@@ -13498,10 +13505,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"]
   });
 }
@@ -13572,6 +13582,9 @@ function ShopifySearch(instance, search) {
   if (search instanceof ShopifyResource) {
     return search.clone();
   }
+  if (search instanceof StorefrontResource) {
+    search = cloneStorefrontResource(search);
+  }
   const resolveProducts = makeProductsCollectionResolve(
     instance,
     search,
@@ -14907,7 +14920,7 @@ function bind2(liquidSwell) {
           const value = yield (0, import_liquidjs16.evalToken)(valueToken, ctx, ctx.opts.lenientIf);
           if (target === value) {
             const blockOutput = yield r.renderTemplates(branch.templates, ctx);
-            output += this.isBlock && liquidSwell.isEditor ? `<span class="swell-block">${blockOutput}</span>` : blockOutput;
+            output += blockOutput;
             branchHit = true;
             break;
           }
@@ -18932,6 +18945,7 @@ function resolveSectionSettings(theme, sectionConfig, index) {
   );
   blocks = blocks?.map((block) => ({
     ...block,
+    ...getBlockAttributes(theme, block),
     settings: resolveThemeSettings(
       theme,
       block.settings,
@@ -19073,6 +19087,17 @@ function findEditorSetting(editorSchemaSettings, key) {
   }
   return null;
 }
+function getBlockAttributes(theme, block) {
+  if (!theme.swell.isEditor) {
+    return;
+  }
+  const { id } = block;
+  const attributes = `data-editor-block="${JSON.stringify({ id }).replaceAll('"', "&quot;")}"`;
+  return {
+    swell_attributes: attributes,
+    shopify_attributes: attributes
+  };
+}
 function parseJsonConfig(config) {
   try {
     return import_json56.default.parse(config?.file_data || "{}");