@builder.io/sdk-react 0.0.1-6 → 0.0.1

package/src/functions/track.js

@@ -54,18 +54,20 @@ import { getSessionId } from "../helpers/sessionId.js";
 import { getVisitorId } from "../helpers/visitorId.js";
 import { isBrowser } from "./is-browser.js";
 import { isEditing } from "./is-editing.js";
-const getTrackingEventData = ({ canTrack }) => {
+const getTrackingEventData = (_0) => __async(void 0, [_0], function* ({
+  canTrack
+}) {
   if (!canTrack) {
     return { visitorId: void 0, sessionId: void 0 };
   }
-  const sessionId = getSessionId({ canTrack });
+  const sessionId = yield getSessionId({ canTrack });
   const visitorId = getVisitorId({ canTrack });
   return {
     sessionId,
     visitorId
   };
-};
-const createEvent = (_a) => {
+});
+const createEvent = (_a) => __async(void 0, null, function* () {
   var _b = _a, {
     type: eventType,
     canTrack,
@@ -79,12 +81,12 @@ const createEvent = (_a) => {
   ]);
   return {
     type: eventType,
-    data: __spreadProps(__spreadValues(__spreadValues({}, properties), getTrackingEventData({ canTrack })), {
+    data: __spreadProps(__spreadValues(__spreadValues({}, properties), yield getTrackingEventData({ canTrack })), {
       ownerId: orgId,
       contentId
     })
   };
-};
+});
 function track(eventProps) {
   return __async(this, null, function* () {
     if (!eventProps.canTrack) {
@@ -99,7 +101,7 @@ function track(eventProps) {
     return fetch(`https://builder.io/api/v1/track`, {
       method: "POST",
       body: JSON.stringify({
-        events: [createEvent(eventProps)]
+        events: [yield createEvent(eventProps)]
       }),
       headers: {
         "content-type": "application/json"

package/src/helpers/ab-tests.js

@@ -0,0 +1,16 @@
+import { getCookie, setCookie } from "./cookie.js";
+const BUILDER_STORE_PREFIX = "builderio.variations";
+const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({
+  contentId,
+  canTrack
+}) => getCookie({ name: getContentTestKey(contentId), canTrack });
+const setContentVariationCookie = ({
+  contentId,
+  canTrack,
+  value
+}) => setCookie({ name: getContentTestKey(contentId), value, canTrack });
+export {
+  getContentVariationCookie,
+  setContentVariationCookie
+};

package/src/helpers/cookie.js

@@ -1,9 +1,29 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { isBrowser } from "../functions/is-browser.js";
 import { getTopLevelDomain } from "./url.js";
-const getCookie = ({
+const getCookie = (_0) => __async(void 0, [_0], function* ({
   name,
   canTrack
-}) => {
+}) {
   var _a;
   try {
     if (!canTrack) {
@@ -13,7 +33,7 @@ const getCookie = ({
   } catch (err) {
     console.debug("[COOKIE] GET error: ", err);
   }
-};
+});
 const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).join("; ");
 const SECURE_CONFIG = [
   ["secure", ""],
@@ -37,12 +57,12 @@ const createCookieString = ({
   const cookie = stringifyCookie(cookieValue);
   return cookie;
 };
-const setCookie = ({
+const setCookie = (_0) => __async(void 0, [_0], function* ({
   name,
   value,
   expires,
   canTrack
-}) => {
+}) {
   try {
     if (!canTrack) {
       return void 0;
@@ -52,7 +72,7 @@ const setCookie = ({
   } catch (err) {
     console.warn("[COOKIE] SET error: ", err);
   }
-};
+});
 export {
   getCookie,
   setCookie

package/src/helpers/css.js

@@ -7,6 +7,22 @@ const convertStyleMaptoCSS = (style) => {
   });
   return cssProps.join("\n");
 };
+const createCssClass = ({
+  mediaQuery,
+  className,
+  styles
+}) => {
+  const cssClass = `.${className} {
+    ${convertStyleMaptoCSS(styles)}
+  }`;
+  if (mediaQuery) {
+    return `${mediaQuery} {
+      ${cssClass}
+    }`;
+  } else {
+    return cssClass;
+  }
+};
 export {
-  convertStyleMaptoCSS
+  createCssClass
 };

package/src/helpers/sessionId.js

@@ -1,19 +1,42 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { getCookie, setCookie } from "./cookie.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-const getSessionId = ({ canTrack }) => {
+const getSessionId = (_0) => __async(void 0, [_0], function* ({ canTrack }) {
   if (!canTrack) {
     return void 0;
   }
-  const sessionId = getCookie({ name: SESSION_LOCAL_STORAGE_KEY, canTrack });
+  const sessionId = yield getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack
+  });
   if (checkIsDefined(sessionId)) {
     return sessionId;
   } else {
     const newSessionId = createSessionId();
     setSessionId({ id: newSessionId, canTrack });
   }
-};
+});
 const createSessionId = () => uuid();
 const setSessionId = ({
   id,

package/src/index-helpers/blocks-exports.js

@@ -1,13 +1,13 @@
-import { default as default2 } from "../blocks/columns/columns.js";
-import { default as default3 } from "../blocks/image/image.js";
-import { default as default4 } from "../blocks/text/text.js";
-import { default as default5 } from "../blocks/video/video.js";
-import { default as default6 } from "../blocks/symbol/symbol.js";
-import { default as default7 } from "../blocks/button/button.js";
-import { default as default8 } from "../blocks/section/section.js";
-import { default as default9 } from "../blocks/fragment/fragment.js";
-import { default as default10 } from "../components/render-content/render-content.js";
-import { default as default11 } from "../components/render-blocks.js";
+import { default as default2 } from "../blocks/columns/columns.jsx";
+import { default as default3 } from "../blocks/image/image.jsx";
+import { default as default4 } from "../blocks/text/text.jsx";
+import { default as default5 } from "../blocks/video/video.jsx";
+import { default as default6 } from "../blocks/symbol/symbol.jsx";
+import { default as default7 } from "../blocks/button/button.jsx";
+import { default as default8 } from "../blocks/section/section.jsx";
+import { default as default9 } from "../blocks/fragment/fragment.jsx";
+import { default as default10 } from "../components/render-content/render-content.jsx";
+import { default as default11 } from "../components/render-blocks.jsx";
 export {
   default7 as Button,
   default2 as Columns,

package/src/scripts/init-editing.js

@@ -26,48 +26,50 @@ const setupBrowserForEditing = () => {
       type: "builder.sdkInfo",
       data: {
         target: TARGET,
-        supportsPatchUpdates: false
+        supportsPatchUpdates: false,
+        supportsAddBlockScoping: true
       }
     }, "*");
     window.addEventListener("message", ({ data }) => {
       var _a2, _b;
-      if (data) {
-        switch (data.type) {
-          case "builder.evaluate": {
-            const text = data.data.text;
-            const args = data.data.arguments || [];
-            const id = data.data.id;
-            const fn = new Function(text);
-            let result;
-            let error = null;
-            try {
-              result = fn.apply(null, args);
-            } catch (err) {
-              error = err;
-            }
-            if (error) {
-              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
-                type: "builder.evaluateError",
-                data: { id, error: error.message }
-              }, "*");
-            } else {
-              if (result && typeof result.then === "function") {
-                result.then((finalResult) => {
-                  var _a3;
-                  (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
-                    type: "builder.evaluateResult",
-                    data: { id, result: finalResult }
-                  }, "*");
-                }).catch(console.error);
-              } else {
-                (_b = window.parent) == null ? void 0 : _b.postMessage({
+      if (!(data == null ? void 0 : data.type)) {
+        return;
+      }
+      switch (data.type) {
+        case "builder.evaluate": {
+          const text = data.data.text;
+          const args = data.data.arguments || [];
+          const id = data.data.id;
+          const fn = new Function(text);
+          let result;
+          let error = null;
+          try {
+            result = fn.apply(null, args);
+          } catch (err) {
+            error = err;
+          }
+          if (error) {
+            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+              type: "builder.evaluateError",
+              data: { id, error: error.message }
+            }, "*");
+          } else {
+            if (result && typeof result.then === "function") {
+              result.then((finalResult) => {
+                var _a3;
+                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
                   type: "builder.evaluateResult",
-                  data: { result, id }
+                  data: { id, result: finalResult }
                 }, "*");
-              }
+              }).catch(console.error);
+            } else {
+              (_b = window.parent) == null ? void 0 : _b.postMessage({
+                type: "builder.evaluateResult",
+                data: { result, id }
+              }, "*");
             }
-            break;
           }
+          break;
         }
       }
     });

package/src/functions/convert-style-object.js

@@ -1,6 +0,0 @@
-const convertStyleObject = (obj) => {
-  return obj;
-};
-export {
-  convertStyleObject
-};

package/src/functions/get-block-styles.js

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { getMaxWidthQueryForSize } from "../constants/device-sizes.js";
-import { convertStyleObject } from "./convert-style-object.js";
-import { sanitizeBlockStyles } from "./sanitize-styles.js";
-function getBlockStyles(block) {
-  var _a, _b, _c, _d, _e;
-  const styles = __spreadValues(__spreadValues({}, convertStyleObject((_a = block.responsiveStyles) == null ? void 0 : _a.large)), block.styles);
-  if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
-    styles[getMaxWidthQueryForSize("medium")] = convertStyleObject((_c = block.responsiveStyles) == null ? void 0 : _c.medium);
-  }
-  if ((_d = block.responsiveStyles) == null ? void 0 : _d.small) {
-    styles[getMaxWidthQueryForSize("small")] = convertStyleObject((_e = block.responsiveStyles) == null ? void 0 : _e.small);
-  }
-  sanitizeBlockStyles(styles);
-  return styles;
-}
-export {
-  getBlockStyles
-};

package/src/functions/sanitize-styles.js

@@ -1,5 +0,0 @@
-const sanitizeBlockStyles = (_styles) => {
-};
-export {
-  sanitizeBlockStyles
-};