@plasmicapp/loader-react 1.0.230 → 1.0.232

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,21 +1812,21 @@ 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$states, _meta$importPath;
-    this.substituteComponent(component, {
-      name: meta.name,
-      isCode: true
-    });
     // 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];
@@ -1838,14 +1840,19 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         onChangeArgsToValue: stateSpec.onChangeArgsToValue
       } : {})];
     }));
+    var helpers = {
+      states: stateHelpers
+    };
+    this.internalSubstituteComponent(component, {
+      name: meta.name,
+      isCode: true
+    }, 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: {
-          states: stateHelpers
-        },
+        helpers: helpers,
         importPath: '',
         importName: ''
       }
@@ -1970,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