@valbuild/react 0.43.0 → 0.44.0

package/dist/ValProvider-1bf1d7e4.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValProvider-1bf1d7e4.cjs.prod.js");
+} else {
+  module.exports = require("./ValProvider-1bf1d7e4.cjs.dev.js");
+}

package/dist/{ValProvider-8d8e3678.cjs.prod.js → ValProvider-1bf1d7e4.cjs.prod.js}

@@ -662,25 +662,31 @@ function ValProvider(_ref) {
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     isClient = _useState2[0],
     setIsClient = _useState2[1];
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(),
     _useState4 = slicedToArray._slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
   React.useEffect(function () {
     setIsClient(true);
     try {
-      var _document$cookie;
+      var _document$cookie, _document$cookie2;
       var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
+      if (valEnabled) {
+        setEnabled(true);
+      }
+      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
+      if (valDisabled) {
+        setEnabled(false);
+      }
+      // If we are in development and Val is not enabled or disabled, enable Val
+      if (        "production" === "development" && !valEnabled && !valDisabled) ;
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
   }, []);
-  if (isClient && !enabled &&         "production" === "development") {
+  if (isClient && !enabled) {
     if (!api) {
       console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
     }
   }
   if (!isClient || !enabled || !store || !api || !ValContext) {

package/dist/{ValProvider-9a2431d9.browser.esm.js → ValProvider-36edbac3.browser.esm.js}

@@ -636,25 +636,37 @@ function ValProvider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isClient = _useState2[0],
     setIsClient = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
   useEffect(function () {
     setIsClient(true);
     try {
-      var _document$cookie;
+      var _document$cookie, _document$cookie2;
       var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
+      if (valEnabled) {
+        setEnabled(true);
+      }
+      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
+      if (valDisabled) {
+        setEnabled(false);
+      }
+      // If we are in development and Val is not enabled or disabled, enable Val
+      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
+        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
+      }
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
   }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
+  if (isClient && !enabled) {
     if (!api) {
       console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
     } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      if (process.env.NODE_ENV === "development") {
+        console.log("Val is disabled. Enable it by going here: ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      }
     }
   }
   if (!isClient || !enabled || !store || !api || !ValContext) {

package/dist/{ValProvider-387a3070.cjs.dev.js → ValProvider-3f3f21ba.cjs.dev.js}

@@ -662,25 +662,37 @@ function ValProvider(_ref) {
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     isClient = _useState2[0],
     setIsClient = _useState2[1];
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(),
     _useState4 = slicedToArray._slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
   React.useEffect(function () {
     setIsClient(true);
     try {
-      var _document$cookie;
+      var _document$cookie, _document$cookie2;
       var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
+      if (valEnabled) {
+        setEnabled(true);
+      }
+      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
+      if (valDisabled) {
+        setEnabled(false);
+      }
+      // If we are in development and Val is not enabled or disabled, enable Val
+      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
+        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
+      }
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
   }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
+  if (isClient && !enabled) {
     if (!api) {
       console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
     } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      if (process.env.NODE_ENV === "development") {
+        console.log("Val is disabled. Enable it by going here: ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      }
     }
   }
   if (!isClient || !enabled || !store || !api || !ValContext) {

package/dist/{ValProvider-52a0ce49.esm.js → ValProvider-87475f3a.esm.js}

@@ -636,25 +636,37 @@ function ValProvider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isClient = _useState2[0],
     setIsClient = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
   useEffect(function () {
     setIsClient(true);
     try {
-      var _document$cookie;
+      var _document$cookie, _document$cookie2;
       var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
+      if (valEnabled) {
+        setEnabled(true);
+      }
+      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
+      if (valDisabled) {
+        setEnabled(false);
+      }
+      // If we are in development and Val is not enabled or disabled, enable Val
+      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
+        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
+      }
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
   }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
+  if (isClient && !enabled) {
     if (!api) {
       console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
     } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      if (process.env.NODE_ENV === "development") {
+        console.log("Val is disabled. Enable it by going here: ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      }
     }
   }
   if (!isClient || !enabled || !store || !api || !ValContext) {

package/dist/{ValProvider-e21d3e7d.worker.esm.js → ValProvider-a29fe950.worker.esm.js}

@@ -631,25 +631,37 @@ function ValProvider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isClient = _useState2[0],
     setIsClient = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
   useEffect(function () {
     setIsClient(true);
     try {
-      var _document$cookie;
+      var _document$cookie, _document$cookie2;
       var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
+      if (valEnabled) {
+        setEnabled(true);
+      }
+      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
+      if (valDisabled) {
+        setEnabled(false);
+      }
+      // If we are in development and Val is not enabled or disabled, enable Val
+      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
+        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
+      }
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
   }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
+  if (isClient && !enabled) {
     if (!api) {
       console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
     } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      if (process.env.NODE_ENV === "development") {
+        console.log("Val is disabled. Enable it by going here: ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+      }
     }
   }
   if (!isClient || !enabled || !store || !api || !ValContext) {

package/dist/ValUI-0f2e6b7d.cjs.prod.js

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-8d8e3678.cjs.prod.js');
+var ValProvider = require('./ValProvider-1bf1d7e4.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-3fac1b71.worker.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-e21d3e7d.worker.esm.js';
+import { useValApi, useValStore } from './ValProvider-a29fe950.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-4d8bf402.browser.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-9a2431d9.browser.esm.js';
+import { useValApi, useValStore } from './ValProvider-36edbac3.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-d0e6ed41.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-52a0ce49.esm.js';
+import { useValApi, useValStore } from './ValProvider-87475f3a.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-ec9857f2.cjs.dev.js

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-387a3070.cjs.dev.js');
+var ValProvider = require('./ValProvider-3f3f21ba.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/internal/dist/valbuild-react-internal.browser.esm.js

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-9a2431d9.browser.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-36edbac3.browser.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/internal/dist/valbuild-react-internal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-387a3070.cjs.dev.js');
+var ValProvider = require('../../dist/ValProvider-3f3f21ba.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 

package/internal/dist/valbuild-react-internal.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-8d8e3678.cjs.prod.js');
+var ValProvider = require('../../dist/ValProvider-1bf1d7e4.cjs.prod.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 

package/internal/dist/valbuild-react-internal.esm.js

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-52a0ce49.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-87475f3a.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/internal/dist/valbuild-react-internal.worker.esm.js

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-e21d3e7d.worker.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-a29fe950.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,9 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.43.0",
-    "@valbuild/shared": "~0.43.0",
-    "@valbuild/ui": "~0.43.0",
+    "@valbuild/core": "~0.44.0",
+    "@valbuild/shared": "~0.44.0",
+    "@valbuild/ui": "~0.44.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"

package/stega/dist/valbuild-react-stega.browser.esm.js

@@ -28,7 +28,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-            props["data-val-attr-".concat(key)] = valPath;
+            props["data-val-attr-".concat(key.toLowerCase())] = valPath;
           }
         }
       }

package/stega/dist/valbuild-react-stega.cjs.dev.js

@@ -38,7 +38,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-            props["data-val-attr-".concat(key)] = valPath;
+            props["data-val-attr-".concat(key.toLowerCase())] = valPath;
           }
         }
       }

package/stega/dist/valbuild-react-stega.cjs.prod.js

@@ -38,7 +38,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-            props["data-val-attr-".concat(key)] = valPath;
+            props["data-val-attr-".concat(key.toLowerCase())] = valPath;
           }
         }
       }

package/stega/dist/valbuild-react-stega.esm.js

@@ -28,7 +28,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-            props["data-val-attr-".concat(key)] = valPath;
+            props["data-val-attr-".concat(key.toLowerCase())] = valPath;
           }
         }
       }

package/stega/dist/valbuild-react-stega.worker.esm.js

@@ -28,7 +28,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-            props["data-val-attr-".concat(key)] = valPath;
+            props["data-val-attr-".concat(key.toLowerCase())] = valPath;
           }
         }
       }

package/dist/ValProvider-8d8e3678.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./ValProvider-8d8e3678.cjs.prod.js");
-} else {
-  module.exports = require("./ValProvider-8d8e3678.cjs.dev.js");
-}