@plasmicapp/react-web 0.2.352 → 0.2.353

package/dist/react-web.esm.js

@@ -2136,12 +2136,23 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         });
     });
     var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
-    initialStateCell.initialValue = clone(initialValue);
     var initialSpec = initialStateCell.node.getSpec();
-    var value = initialSpec.isImmutable
-        ? mkUntrackedValue(initialValue)
-        : clone(initialValue);
-    set(proxyRoot, initialStateCell.path, value);
+    // Try to clone initialValue. It can fail if it's a PlasmicUndefinedDataProxy
+    // and we still want to clear some states and return the initialValue.
+    try {
+        var clonedValue = clone(initialValue);
+        initialStateCell.initialValue = clonedValue;
+        var value = initialSpec.isImmutable
+            ? mkUntrackedValue(initialValue)
+            : clonedValue;
+        set(proxyRoot, initialStateCell.path, value);
+    }
+    catch (_d) {
+        // Setting the state to undefined to make sure it gets re-initialized
+        // in case it changes values.
+        initialStateCell.initialValue = undefined;
+        set(proxyRoot, initialStateCell.path, undefined);
+    }
     //immediately fire onChange
     if (initialSpec.onChangeProp) {
         (_c = (_b = $$state.env.$props)[initialSpec.onChangeProp]) === null || _c === void 0 ? void 0 : _c.call(_b, initialValue);
@@ -2313,7 +2324,9 @@ function useDollarState(specs) {
     var isMounted = React__default.useCallback(function () { return mountedRef.current; }, []);
     React__default.useEffect(function () {
         mountedRef.current = true;
-        return function () { return (mountedRef.current = false); };
+        return function () {
+            mountedRef.current = false;
+        };
     }, []);
     var pendingUpdate = React__default.useRef(false);
     var forceUpdate = React__default.useCallback(function () {
@@ -2351,9 +2364,9 @@ function useDollarState(specs) {
             }
             return {
                 get: function () {
-                    var spec = stateCell.node.getSpec();
-                    if (spec.valueProp) {
-                        var valueProp = $$state.env.$props[spec.valueProp];
+                    var currSpec = stateCell.node.getSpec();
+                    if (currSpec.valueProp) {
+                        var valueProp = $$state.env.$props[currSpec.valueProp];
                         subscribeToValtio($$state, stateCell.path, stateCell.node);
                         return valueProp;
                     }
@@ -2365,10 +2378,10 @@ function useDollarState(specs) {
         }), __assign({ registerInitFunc: function (pathStr, f, repetitionIndex, overrideEnv) {
                 var _a = findStateCell($$state.rootSpecTree, pathStr, repetitionIndex), node = _a.node, realPath = _a.realPath;
                 var stateCell = getStateCellFrom$StateRoot($state, realPath);
-                var env = overrideEnv
+                var innerEnv = overrideEnv
                     ? envFieldsAreNonNill(overrideEnv)
                     : $$state.env;
-                if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
+                if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, innerEnv)))) {
                     $$state.registrationsQueue.push({
                         node: node,
                         path: realPath,
@@ -2384,7 +2397,7 @@ function useDollarState(specs) {
                 }
             } }, ((opts === null || opts === void 0 ? void 0 : opts.inCanvas)
             ? {
-                eagerInitializeStates: function (specs) {
+                eagerInitializeStates: function (stateSpecs) {
                     // we need to eager initialize all states in canvas to populate the data picker
                     $$state.specTreeLeaves.forEach(function (node) {
                         var _a, _b;
@@ -2393,7 +2406,7 @@ function useDollarState(specs) {
                             return;
                         }
                         var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                        var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
+                        var newSpec = stateSpecs.find(function (sp) { return sp.path === spec.path; });
                         if (!newSpec ||
                             (stateCell.initFuncHash === ((_a = newSpec === null || newSpec === void 0 ? void 0 : newSpec.initFuncHash) !== null && _a !== void 0 ? _a : "") &&
                                 stateCell.initialValue !== UNINITIALIZED)) {