@plasmicapp/loader-react 1.0.229 → 1.0.231

package/dist/loader-react.esm.js

@@ -1739,6 +1739,7 @@ function parseFetchComponentDataArgs() {
 }
 
 var SUBSTITUTED_COMPONENTS = {};
+var REGISTERED_CODE_COMPONENT_HELPERS = {};
 var SUBSTITUTED_GLOBAL_VARIANT_HOOKS = {};
 var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
   function InternalPlasmicComponentLoader(opts) {
@@ -1780,7 +1781,8 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       '@plasmicapp/host': PlasmicHost,
       '@plasmicapp/loader-runtime-registry': {
         components: SUBSTITUTED_COMPONENTS,
-        globalVariantHooks: SUBSTITUTED_GLOBAL_VARIANT_HOOKS
+        globalVariantHooks: SUBSTITUTED_GLOBAL_VARIANT_HOOKS,
+        codeComponentHelpers: REGISTERED_CODE_COMPONENT_HELPERS
       }
     });
   }
@@ -1810,25 +1812,51 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
     }
   };
   _proto.substituteComponent = function substituteComponent(component, name) {
+    this.internalSubstituteComponent(component, name, undefined);
+  };
+  _proto.internalSubstituteComponent = function internalSubstituteComponent(component, name, codeComponentHelpers) {
     if (!this.registry.isEmpty()) {
       console.warn('Calling PlasmicComponentLoader.registerSubstitution() after Plasmic component has rendered; starting over.');
       this.registry.clear();
     }
     this.subs.push({
       lookup: name,
-      component: component
+      component: component,
+      codeComponentHelpers: codeComponentHelpers
     });
   };
   _proto.registerComponent = function registerComponent$1(component, meta) {
-    var _meta$importPath;
-    this.substituteComponent(component, {
+    var _meta$states, _meta$importPath;
+    // making the component meta consistent between codegen and loader
+    var stateHelpers = Object.fromEntries(Object.entries((_meta$states = meta.states) != null ? _meta$states : {}).filter(function (_ref) {
+      var stateSpec = _ref[1];
+      return 'initFunc' in stateSpec || 'onChangeArgsToValue' in stateSpec;
+    }).map(function (_ref2) {
+      var stateName = _ref2[0],
+        stateSpec = _ref2[1];
+      return [stateName, _extends({}, 'initFunc' in stateSpec ? {
+        initFunc: stateSpec.initFunc
+      } : {}, 'onChangeArgsToValue' in stateSpec ? {
+        onChangeArgsToValue: stateSpec.onChangeArgsToValue
+      } : {})];
+    }));
+    var helpers = {
+      states: stateHelpers
+    };
+    this.internalSubstituteComponent(component, {
       name: meta.name,
       isCode: true
-    });
-    // Import path is not used as we will use component substitution
+    }, Object.keys(stateHelpers).length > 0 ? helpers : undefined);
     registerComponent(component, _extends({}, meta, {
+      // Import path is not used as we will use component substitution
       importPath: (_meta$importPath = meta.importPath) != null ? _meta$importPath : ''
-    }));
+    }, Object.keys(stateHelpers).length > 0 ? {
+      componentHelpers: {
+        helpers: helpers,
+        importPath: '',
+        importName: ''
+      }
+    } : {}));
   };
   _proto.registerGlobalContext = function registerGlobalContext$1(context, meta) {
     var _meta$importPath2;
@@ -1949,6 +1977,9 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       var metas = getCompMetas(_this3.getBundle().components, sub.lookup);
       metas.forEach(function (meta) {
         SUBSTITUTED_COMPONENTS[meta.id] = sub.component;
+        if (sub.codeComponentHelpers) {
+          REGISTERED_CODE_COMPONENT_HELPERS[meta.id] = sub.codeComponentHelpers;
+        }
       });
     };
     // Once we have received data, we register components to