@builder.io/sdk-solid 5.0.1 → 5.1.1

package/lib/browser/dev.jsx

@@ -208,1215 +208,1241 @@ var getUserAttributes = () => {
   };
 };
 
-// src/functions/evaluate/helpers.ts
-var getFunctionArguments = ({
-  builder,
-  context,
-  event,
-  state
-}) => {
-  return Object.entries({
-    state,
-    Builder: builder,
-    // legacy
-    builder,
-    context,
-    event
-  });
-};
-var getBuilderGlobals = () => ({
-  isEditing: isEditing(),
-  isBrowser: isBrowser(),
-  isServer: !isBrowser(),
-  getUserAttributes: () => getUserAttributes()
-});
-var parseCode = (code, {
-  isExpression = true
-}) => {
-  const useReturn = (
-    // we disable this for cases where we definitely don't want a return
-    isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "))
-  );
-  const useCode = useReturn ? `return (${code});` : code;
-  return useCode;
-};
-function flattenState({
-  rootState,
-  localState,
-  rootSetState
-}) {
-  return new Proxy(rootState, {
-    get: (target, prop) => {
-      if (localState && prop in localState) {
-        return localState[prop];
-      }
-      const val = target[prop];
-      if (typeof val === "object" && val !== null) {
-        return flattenState({
-          rootState: val,
-          localState: void 0,
-          rootSetState: rootSetState ? (subState) => {
-            target[prop] = subState;
-            rootSetState(target);
-          } : void 0
-        });
-      }
-      return val;
-    },
-    set: (target, prop, value) => {
-      if (localState && prop in localState) {
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      }
-      target[prop] = value;
-      rootSetState?.(target);
-      return true;
-    }
-  });
-}
+// src/constants/sdk-version.ts
+var SDK_VERSION = "5.1.1";
 
-// src/functions/evaluate/browser-runtime/browser.ts
-var runInBrowser = ({
-  code,
-  builder,
-  context,
-  event,
-  localState,
-  rootSetState,
-  rootState
-}) => {
-  const functionArgs = getFunctionArguments({
-    builder,
-    context,
-    event,
-    state: flattenState({
-      rootState,
-      localState,
-      rootSetState
-    })
-  });
-  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
-};
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
 
 // src/helpers/nullable.ts
 var checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
 
-// src/functions/is-node-runtime.ts
-function isNodeRuntime() {
-  return typeof process !== "undefined" && checkIsDefined(process?.versions?.node);
-}
+// src/helpers/url.ts
+var getTopLevelDomain = (host) => {
+  if (host === "localhost" || host === "127.0.0.1") {
+    return host;
+  }
+  const parts = host.split(".");
+  if (parts.length > 2) {
+    return parts.slice(1).join(".");
+  }
+  return host;
+};
 
-// src/functions/evaluate/should-force-browser-runtime-in-node.ts
-var shouldForceBrowserRuntimeInNode = ({
-  shouldLogWarning
+// src/helpers/cookie.ts
+var getCookieSync = ({
+  name,
+  canTrack
 }) => {
-  if (!isNodeRuntime())
-    return false;
-  const isArm64 = process.arch === "arm64";
-  const isNode20 = process.version.startsWith("v20");
-  const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes("--no-node-snapshot");
-  if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
-    if (shouldLogWarning) {
-      logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
-    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
-    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
-    `);
+  try {
+    if (!canTrack) {
+      return void 0;
     }
-    return true;
+    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
+  } catch (err) {
+    logger.warn("[COOKIE] GET error: ", err?.message || err);
+    return void 0;
   }
-  return false;
 };
-
-// src/functions/evaluate/choose-eval.ts
-var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode({
-  shouldLogWarning: true
-}) ? runInBrowser(args) : runInBrowser(args);
-
-// src/functions/evaluate/evaluate.ts
-var STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
-var VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
-var getSimpleExpressionGetPath = (code) => {
-  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
+var getCookie = async (args) => getCookieSync(args);
+var stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
+var SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]];
+var createCookieString = ({
+  name,
+  value,
+  expires
+}) => {
+  const secure = isBrowser() ? location.protocol === "https:" : true;
+  const secureObj = secure ? SECURE_CONFIG : [[]];
+  const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
+  const cookieValue = [[name, value], ...expiresObj, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...secureObj];
+  const cookie = stringifyCookie(cookieValue);
+  return cookie;
 };
-function evaluate({
-  code,
-  context,
-  localState,
-  rootState,
-  rootSetState,
-  event,
-  isExpression = true
-}) {
-  if (code.trim() === "") {
-    return void 0;
-  }
-  const getPath = getSimpleExpressionGetPath(code.trim());
-  if (getPath) {
-    return get({
-      ...rootState,
-      ...localState
-    }, getPath);
-  }
-  const args = {
-    code: parseCode(code, {
-      isExpression
-    }),
-    builder: getBuilderGlobals(),
-    context,
-    event,
-    rootSetState,
-    rootState,
-    localState
-  };
+var setCookie = async ({
+  name,
+  value,
+  expires,
+  canTrack
+}) => {
   try {
-    const newEval = chooseBrowserOrServerEval(args);
-    return newEval;
-  } catch (e) {
-    logger.error("Failed code evaluation: " + e.message, {
-      code
+    if (!canTrack) {
+      return;
+    }
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
     });
-    return void 0;
-  }
-}
-
-// src/functions/get-block-component-options.ts
-function getBlockComponentOptions(block, context) {
-  return {
-    ...block.component?.options,
-    ...block.options,
-    ...evaluateTextComponentTextOption(block, context)
-  };
-}
-var evaluateTextComponentTextOption = (block, context) => {
-  if (block.component?.name === "Text" && block.component.options?.text && typeof block.component.options.text === "string") {
-    return {
-      ...block.component.options,
-      text: block.component.options.text.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
-        code: group,
-        context,
-        localState: context.localState,
-        rootState: context.rootState,
-        rootSetState: context.rootSetState
-      }))
-    };
+    document.cookie = cookie;
+  } catch (err) {
+    logger.warn("[COOKIE] SET error: ", err?.message || err);
   }
 };
 
-// src/helpers/omit.ts
-function omit(obj, ...values) {
-  const newObject = Object.assign({}, obj);
-  for (const key of values) {
-    delete newObject[key];
-  }
-  return newObject;
+// src/helpers/uuid.ts
+function uuidv4() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+function uuid() {
+  return uuidv4().replace(/-/g, "");
 }
 
-// src/functions/traverse.ts
-function traverse(obj, callback, parent2 = null, key = null, visited = /* @__PURE__ */ new WeakSet()) {
-  if (obj == null || typeof obj !== "object") {
-    callback(obj, (newValue) => {
-      if (parent2 !== null && key !== null) {
-        parent2[key] = newValue;
-      }
-    });
-    return;
-  }
-  if (visited.has(obj)) {
-    return;
+// src/helpers/sessionId.ts
+var SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+var getSessionId = async ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return void 0;
   }
-  visited.add(obj);
-  if (Array.isArray(obj)) {
-    obj.forEach((item, index) => {
-      const update = (newValue) => {
-        obj[index] = newValue;
-      };
-      callback(item, update);
-      traverse(item, callback, obj, index, visited);
-    });
+  const sessionId = await getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(sessionId)) {
+    return sessionId;
   } else {
-    Object.entries(obj).forEach(([key2, value]) => {
-      const update = (newValue) => {
-        obj[key2] = newValue;
-      };
-      callback(value, update);
-      traverse(value, callback, obj, key2, visited);
+    const newSessionId = createSessionId();
+    setSessionId({
+      id: newSessionId,
+      canTrack
     });
+    return newSessionId;
   }
-}
+};
+var createSessionId = () => uuid();
+var setSessionId = ({
+  id,
+  canTrack
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
 
-// src/functions/extract-localized-values.ts
-function isLocalizedField(value) {
-  return value && typeof value === "object" && value["@type"] === "@builder.io/core:LocalizedValue";
-}
-function containsLocalizedValues(data) {
-  if (!data || !Object.getOwnPropertyNames(data).length) {
-    return false;
-  }
-  let hasLocalizedValues = false;
-  traverse(data, (value) => {
-    if (isLocalizedField(value)) {
-      hasLocalizedValues = true;
-      return;
+// src/helpers/localStorage.ts
+var getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
+var getLocalStorageItem = ({
+  key,
+  canTrack
+}) => {
+  try {
+    if (canTrack) {
+      return getLocalStorage()?.getItem(key);
     }
-  });
-  return hasLocalizedValues;
-}
-function extractLocalizedValues(data, locale) {
-  if (!data || !Object.getOwnPropertyNames(data).length) {
-    return {};
+    return void 0;
+  } catch (err) {
+    console.debug("[LocalStorage] GET error: ", err);
+    return void 0;
   }
-  traverse(data, (value, update) => {
-    if (isLocalizedField(value)) {
-      update(value[locale] ?? void 0);
-    }
-  });
-  return data;
-}
-function resolveLocalizedValues(block, locale) {
-  if (block.component?.options && containsLocalizedValues(block.component?.options)) {
-    if (!locale) {
-      console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization");
+};
+var setLocalStorageItem = ({
+  key,
+  canTrack,
+  value
+}) => {
+  try {
+    if (canTrack) {
+      getLocalStorage()?.setItem(key, value);
     }
-    block.component.options = extractLocalizedValues(block.component.options, locale ?? "Default");
-  }
-  return block;
-}
-
-// src/functions/fast-clone.ts
-var fastClone = (obj) => JSON.parse(JSON.stringify(obj));
-
-// src/functions/set.ts
-var set = (obj, _path, value) => {
-  if (Object(obj) !== obj) {
-    return obj;
+  } catch (err) {
+    console.debug("[LocalStorage] SET error: ", err);
   }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
-  return obj;
 };
 
-// src/functions/transform-block.ts
-function transformBlock(block) {
-  return block;
-}
-
-// src/functions/get-processed-block.ts
-function deepCloneWithConditions(obj) {
-  if (obj === null || typeof obj !== "object") {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map((item) => deepCloneWithConditions(item));
+// src/helpers/visitorId.ts
+var VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+var getVisitorId = ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return void 0;
   }
-  if (obj["@type"] === "@builder.io/sdk:Element") {
-    return obj;
+  const visitorId = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(visitorId)) {
+    return visitorId;
+  } else {
+    const newVisitorId = createVisitorId();
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
+    return newVisitorId;
   }
-  const clonedObj = {};
-  for (const key in obj) {
-    if (key !== "meta" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      clonedObj[key] = deepCloneWithConditions(obj[key]);
+};
+var createVisitorId = () => uuid();
+var setVisitorId = ({
+  id,
+  canTrack
+}) => setLocalStorageItem({
+  key: VISITOR_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
+
+// src/functions/log-fetch.ts
+function logFetch(url) {
+  if (typeof process !== "undefined" && process.env?.DEBUG) {
+    if (String(process.env.DEBUG) == "true") {
+      logger.log(url);
     }
   }
-  return clonedObj;
 }
-var IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK = ["svelte", "vue", "angular", "qwik", "solid"].includes(TARGET);
-var getCopy = (block) => {
-  if (IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK) {
-    const copy = fastClone(block);
-    const copied = {
-      ...copy,
-      properties: {
-        ...copy.properties
-      },
-      actions: {
-        ...copy.actions
-      }
-    };
-    return copied;
-  } else {
-    const copy = deepCloneWithConditions(omit(block, "children", "meta"));
+
+// src/functions/track/index.ts
+var getTrackingEventData = async ({
+  canTrack
+}) => {
+  if (!canTrack) {
     return {
-      ...copy,
-      properties: {
-        ...copy.properties
-      },
-      actions: {
-        ...copy.actions
-      },
-      children: block.children,
-      meta: block.meta
+      visitorId: void 0,
+      sessionId: void 0
     };
   }
+  const sessionId = await getSessionId({
+    canTrack
+  });
+  const visitorId = getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId,
+    visitorId
+  };
 };
-var evaluateBindings = ({
-  block,
-  context,
-  localState,
-  rootState,
-  rootSetState
-}) => {
-  if (!block.bindings) {
-    return block;
-  }
-  const copied = getCopy(block);
-  for (const binding in block.bindings) {
-    const expression = block.bindings[binding];
-    const value = evaluate({
-      code: expression,
-      localState,
-      rootState,
-      rootSetState,
-      context
-    });
-    set(copied, binding, value);
+var createEvent = async ({
+  type: eventType,
+  canTrack,
+  apiKey,
+  metadata,
+  ...properties
+}) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    metadata: {
+      url: location.href,
+      ...metadata
+    },
+    ...await getTrackingEventData({
+      canTrack
+    }),
+    userAttributes: getUserAttributes(),
+    ownerId: apiKey
   }
-  return copied;
-};
-function getProcessedBlock({
-  block,
-  context,
-  localState,
-  rootState,
-  rootSetState
+});
+async function _track({
+  apiHost,
+  ...eventProps
 }) {
-  let transformedBlock = transformBlock(block);
-  transformedBlock = evaluateBindings({
-    block: transformedBlock,
-    localState,
-    rootState,
-    rootSetState,
-    context
-  });
-  transformedBlock = resolveLocalizedValues(transformedBlock, rootState.locale);
-  return transformedBlock;
-}
-
-// src/functions/camel-to-kebab-case.ts
-var camelToKebabCase = (str) => str ? str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-
-// src/components/block/animator.ts
-function throttle(func, wait, options = {}) {
-  let context;
-  let args;
-  let result;
-  let timeout = null;
-  let previous = 0;
-  const later = function() {
-    previous = options.leading === false ? 0 : Date.now();
-    timeout = null;
-    result = func.apply(context, args);
-    if (!timeout)
-      context = args = null;
-  };
-  return function() {
-    const now = Date.now();
-    if (!previous && options.leading === false)
-      previous = now;
-    const remaining = wait - (now - previous);
-    context = this;
-    args = arguments;
-    if (remaining <= 0 || remaining > wait) {
-      if (timeout) {
-        clearTimeout(timeout);
-        timeout = null;
-      }
-      previous = now;
-      result = func.apply(context, args);
-      if (!timeout)
-        context = args = null;
-    } else if (!timeout && options.trailing !== false) {
-      timeout = setTimeout(later, remaining);
-    }
-    return result;
-  };
-}
-function assign(target, ..._args) {
-  const to = Object(target);
-  for (let index = 1; index < arguments.length; index++) {
-    const nextSource = arguments[index];
-    if (nextSource != null) {
-      for (const nextKey in nextSource) {
-        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
-          to[nextKey] = nextSource[nextKey];
-        }
-      }
-    }
+  if (!eventProps.apiKey) {
+    logger.error("Missing API key for track call. Please provide your API key.");
+    return;
   }
-  return to;
-}
-function bindAnimations(animations) {
-  if (TARGET === "reactNative") {
+  if (!eventProps.canTrack) {
     return;
   }
-  for (const animation of animations) {
-    switch (animation.trigger) {
-      case "pageLoad":
-        triggerAnimation(animation);
-        break;
-      case "scrollInView":
-        bindScrollInViewAnimation(animation);
-        break;
-    }
+  if (isEditing()) {
+    return;
   }
-}
-function warnElementNotPresent(id) {
-  console.warn(`Cannot animate element: element with ID ${id} not found!`);
-}
-function augmentAnimation(animation, element) {
-  const stylesUsed = getAllStylesUsed(animation);
-  const computedStyle = getComputedStyle(element);
-  const firstStyles = animation.steps[0].styles;
-  const lastStyles = animation.steps[animation.steps.length - 1].styles;
-  const bothStyles = [firstStyles, lastStyles];
-  for (const styles of bothStyles) {
-    for (const style of stylesUsed) {
-      if (!(style in styles)) {
-        styles[style] = computedStyle[style];
-      }
-    }
+  if (!(isBrowser() || TARGET === "reactNative")) {
+    return;
   }
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = `${baseUrl}/api/v1/track`;
+  logFetch(url);
+  return fetch(url, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await createEvent(eventProps)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...getSdkHeaders()
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
 }
-function getAllStylesUsed(animation) {
-  const properties = [];
-  for (const step of animation.steps) {
-    for (const key in step.styles) {
-      if (properties.indexOf(key) === -1) {
-        properties.push(key);
-      }
+var track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+
+// src/functions/evaluate/helpers.ts
+var getFunctionArguments = ({
+  builder,
+  context,
+  event,
+  state
+}) => {
+  return Object.entries({
+    state,
+    Builder: builder,
+    // legacy
+    builder,
+    context,
+    event
+  });
+};
+var getBuilderGlobals = (trackingContext) => ({
+  isEditing: isEditing(),
+  isBrowser: isBrowser(),
+  isServer: !isBrowser(),
+  getUserAttributes: () => getUserAttributes(),
+  trackConversion: (amount, customProperties) => {
+    if (!trackingContext?.apiKey || trackingContext?.canTrack === false) {
+      return;
     }
-  }
-  return properties;
-}
-function triggerAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    element.style.transition = "none";
-    element.style.transitionDelay = "0";
-    assign(element.style, animation.steps[0].styles);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
+    _track({
+      type: "conversion",
+      apiKey: trackingContext.apiKey,
+      canTrack: trackingContext.canTrack ?? true,
+      contentId: trackingContext.contentId,
+      variationId: trackingContext.variationId !== trackingContext.contentId ? trackingContext.variationId : void 0,
+      metadata: {
+        ...customProperties || {},
+        ...amount !== void 0 ? {
+          amount
+        } : {}
       }
-      assign(element.style, animation.steps[1].styles);
-      setTimeout(() => {
-        element.style.transition = "";
-        element.style.transitionDelay = "";
-      }, (animation.delay || 0) * 1e3 + animation.duration * 1e3 + 100);
     });
-  });
-}
-function bindScrollInViewAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
   }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    let triggered = false;
-    let pendingAnimation = false;
-    function immediateOnScroll() {
-      if (!triggered && isScrolledIntoView(element)) {
-        triggered = true;
-        pendingAnimation = true;
-        setTimeout(() => {
-          assign(element.style, animation.steps[1].styles);
-          if (!animation.repeat) {
-            document.removeEventListener("scroll", onScroll);
-          }
-          setTimeout(() => {
-            pendingAnimation = false;
-            if (!animation.repeat) {
-              element.style.transition = "";
-              element.style.transitionDelay = "";
-            }
-          }, (animation.duration + (animation.delay || 0)) * 1e3 + 100);
+});
+var parseCode = (code, {
+  isExpression = true
+}) => {
+  const useReturn = (
+    // we disable this for cases where we definitely don't want a return
+    isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "))
+  );
+  const useCode = useReturn ? `return (${code});` : code;
+  return useCode;
+};
+function flattenState({
+  rootState,
+  localState,
+  rootSetState
+}) {
+  return new Proxy(rootState, {
+    get: (target, prop) => {
+      if (localState && prop in localState) {
+        return localState[prop];
+      }
+      const val = target[prop];
+      if (typeof val === "object" && val !== null) {
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
         });
-      } else if (animation.repeat && triggered && !pendingAnimation && !isScrolledIntoView(element)) {
-        triggered = false;
-        assign(element.style, animation.steps[0].styles);
       }
-    }
-    const onScroll = throttle(immediateOnScroll, 200, {
-      leading: false
-    });
-    function isScrolledIntoView(elem) {
-      const rect = elem.getBoundingClientRect();
-      const windowHeight = window.innerHeight;
-      const thresholdPercent = (animation.thresholdPercent || 0) / 100;
-      const threshold = thresholdPercent * windowHeight;
-      return rect.bottom > threshold && rect.top < windowHeight - threshold;
-    }
-    const defaultState = animation.steps[0].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    attachDefaultState();
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
+      return val;
+    },
+    set: (target, prop, value) => {
+      if (localState && prop in localState) {
+        throw new Error("Writing to local state is not allowed as it is read-only.");
       }
-    });
-    document.addEventListener("scroll", onScroll, {
-      capture: true,
-      passive: true
-    });
-    immediateOnScroll();
+      target[prop] = value;
+      rootSetState?.(target);
+      return true;
+    }
   });
 }
 
-// src/helpers/css.ts
-var convertStyleMapToCSSArray = (style) => {
-  const cssProps = Object.entries(style).map(([key, value]) => {
-    if (typeof value === "string") {
-      return `${camelToKebabCase(key)}: ${value};`;
-    } else {
-      return void 0;
-    }
-  });
-  return cssProps.filter(checkIsDefined);
-};
-var convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
-var createCssClass = ({
-  mediaQuery,
-  className,
-  styles
+// src/functions/evaluate/browser-runtime/browser.ts
+var runInBrowser = ({
+  code,
+  builder,
+  context,
+  event,
+  localState,
+  rootSetState,
+  rootState
 }) => {
-  const cssClass = `.${className} {
-    ${convertStyleMapToCSS(styles)}
-  }`;
-  if (mediaQuery) {
-    return `${mediaQuery} {
-      ${cssClass}
-    }`;
-  } else {
-    return cssClass;
-  }
+  const functionArgs = getFunctionArguments({
+    builder,
+    context,
+    event,
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
+  });
+  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
 
-// src/functions/transform-style-property.ts
-function transformStyleProperty({
-  style
-}) {
-  return style;
+// src/functions/is-node-runtime.ts
+function isNodeRuntime() {
+  return typeof process !== "undefined" && checkIsDefined(process?.versions?.node);
 }
 
-// src/functions/get-style.ts
-var getStyle = ({
-  block,
-  context
+// src/functions/evaluate/should-force-browser-runtime-in-node.ts
+var shouldForceBrowserRuntimeInNode = ({
+  shouldLogWarning
 }) => {
-  return mapStyleObjToStrIfNeeded(transformStyleProperty({
-    style: block.style || {},
-    context,
-    block
-  }));
-};
-function mapStyleObjToStrIfNeeded(style) {
-  switch (TARGET) {
-    case "svelte":
-    case "vue":
-    case "solid":
-    case "angular":
-      return convertStyleMapToCSSArray(style).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return style;
+  if (!isNodeRuntime())
+    return false;
+  const isArm64 = process.arch === "arm64";
+  const isNode20 = process.version.startsWith("v20");
+  const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes("--no-node-snapshot");
+  if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+    if (shouldLogWarning) {
+      logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+    }
+    return true;
   }
-}
+  return false;
+};
 
-// src/components/block/block.helpers.ts
-var checkIsComponentRestricted = (component, model) => {
-  if (!component)
-    return true;
-  if (!model)
-    return false;
-  return component.models && component.models.length > 0 && !component.models.includes(model);
+// src/functions/evaluate/choose-eval.ts
+var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode({
+  shouldLogWarning: true
+}) ? runInBrowser(args) : runInBrowser(args);
+
+// src/functions/evaluate/evaluate.ts
+var STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
+var VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
+var getSimpleExpressionGetPath = (code) => {
+  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
 };
-var getComponent = ({
-  block,
-  registeredComponents,
-  model
-}) => {
-  const componentName = block.component?.name;
-  if (!componentName) {
-    return null;
-  }
-  const ref = registeredComponents[componentName];
-  if (!ref || checkIsComponentRestricted(ref, model)) {
-    console.warn(`
-      Could not find a registered component named "${componentName}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+function evaluate({
+  code,
+  context,
+  localState,
+  rootState,
+  rootSetState,
+  event,
+  isExpression = true,
+  trackingContext
+}) {
+  if (code.trim() === "") {
     return void 0;
-  } else {
-    return ref;
   }
-};
-var getRepeatItemData = ({
-  block,
-  context
-}) => {
-  const {
-    repeat,
-    ...blockWithoutRepeat
-  } = block;
-  if (!repeat?.collection) {
-    return void 0;
+  const getPath = getSimpleExpressionGetPath(code.trim());
+  if (getPath) {
+    return get({
+      ...rootState,
+      ...localState
+    }, getPath);
   }
-  const itemsArray = evaluate({
-    code: repeat.collection,
-    localState: context.localState,
-    rootState: context.rootState,
-    rootSetState: context.rootSetState,
-    context: context.context
-  });
-  if (!Array.isArray(itemsArray)) {
+  const args = {
+    code: parseCode(code, {
+      isExpression
+    }),
+    builder: getBuilderGlobals(trackingContext),
+    context,
+    event,
+    rootSetState,
+    rootState,
+    localState
+  };
+  try {
+    const newEval = chooseBrowserOrServerEval(args);
+    return newEval;
+  } catch (e) {
+    logger.error("Failed code evaluation: " + e.message, {
+      code
+    });
     return void 0;
   }
-  const collectionName = repeat.collection.split(".").pop();
-  const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
-  const repeatArray = itemsArray.map((item, index) => ({
-    context: {
-      ...context,
-      localState: {
-        ...context.localState,
-        $index: index,
-        $item: item,
-        [itemNameToUse]: item,
-        [`$${itemNameToUse}Index`]: index
-      }
-    },
-    block: blockWithoutRepeat
-  }));
-  return repeatArray;
-};
-var provideLinkComponent = (block, linkComponent) => {
-  if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
-    return {
-      builderLinkComponent: linkComponent
-    };
-  return {};
-};
-var provideRegisteredComponents = (block, registeredComponents, model) => {
-  if (block?.shouldReceiveBuilderProps?.builderComponents) {
-    const filteredRegisteredComponents = Object.fromEntries(Object.entries(registeredComponents).filter(([_, component]) => {
-      return !checkIsComponentRestricted(component, model);
-    }));
+}
+
+// src/functions/get-block-component-options.ts
+function getBlockComponentOptions(block, context) {
+  return {
+    ...block.component?.options,
+    ...block.options,
+    ...evaluateTextComponentTextOption(block, context)
+  };
+}
+var evaluateTextComponentTextOption = (block, context) => {
+  if (block.component?.name === "Text" && block.component.options?.text && typeof block.component.options.text === "string") {
     return {
-      builderComponents: filteredRegisteredComponents
+      ...block.component.options,
+      text: block.component.options.text.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
+        code: group,
+        context,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState
+      }))
     };
   }
-  return {};
-};
-var provideBuilderBlock = (block, builderBlock) => {
-  if (block?.shouldReceiveBuilderProps?.builderBlock)
-    return {
-      builderBlock
-    };
-  return {};
-};
-var provideBuilderContext = (block, context) => {
-  if (block?.shouldReceiveBuilderProps?.builderContext)
-    return {
-      builderContext: context
-    };
-  return {};
-};
-var generateKey = (index) => {
-  return index.toString();
 };
 
-// src/functions/event-handler-name.ts
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
+// src/helpers/omit.ts
+function omit(obj, ...values) {
+  const newObject = Object.assign({}, obj);
+  for (const key of values) {
+    delete newObject[key];
+  }
+  return newObject;
+}
+
+// src/functions/traverse.ts
+function traverse(obj, callback, parent2 = null, key = null, visited = /* @__PURE__ */ new WeakSet()) {
+  if (obj == null || typeof obj !== "object") {
+    callback(obj, (newValue) => {
+      if (parent2 !== null && key !== null) {
+        parent2[key] = newValue;
+      }
+    });
+    return;
+  }
+  if (visited.has(obj)) {
+    return;
+  }
+  visited.add(obj);
+  if (Array.isArray(obj)) {
+    obj.forEach((item, index) => {
+      const update = (newValue) => {
+        obj[index] = newValue;
+      };
+      callback(item, update);
+      traverse(item, callback, obj, index, visited);
+    });
+  } else {
+    Object.entries(obj).forEach(([key2, value]) => {
+      const update = (newValue) => {
+        obj[key2] = newValue;
+      };
+      callback(value, update);
+      traverse(value, callback, obj, key2, visited);
+    });
+  }
+}
+
+// src/functions/extract-localized-values.ts
+function isLocalizedField(value) {
+  return value && typeof value === "object" && value["@type"] === "@builder.io/core:LocalizedValue";
+}
+function containsLocalizedValues(data) {
+  if (!data || !Object.getOwnPropertyNames(data).length) {
+    return false;
+  }
+  let hasLocalizedValues = false;
+  traverse(data, (value) => {
+    if (isLocalizedField(value)) {
+      hasLocalizedValues = true;
+      return;
+    }
+  });
+  return hasLocalizedValues;
+}
+function extractLocalizedValues(data, locale) {
+  if (!data || !Object.getOwnPropertyNames(data).length) {
+    return {};
+  }
+  traverse(data, (value, update) => {
+    if (isLocalizedField(value)) {
+      update(value[locale] ?? void 0);
+    }
+  });
+  return data;
+}
+function resolveLocalizedValues(block, locale) {
+  if (block.component?.options && containsLocalizedValues(block.component?.options)) {
+    if (!locale) {
+      console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization");
+    }
+    block.component.options = extractLocalizedValues(block.component.options, locale ?? "Default");
+  }
+  return block;
 }
-var getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
 
-// src/functions/get-block-actions-handler.ts
-var createEventHandler = (value, options) => (event) => evaluate({
-  code: value,
-  context: options.context,
-  localState: options.localState,
-  rootState: options.rootState,
-  rootSetState: options.rootSetState,
-  event,
-  isExpression: false
-});
+// src/functions/fast-clone.ts
+var fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 
-// src/functions/get-block-actions.ts
-function getBlockActions(options) {
-  const obj = {};
-  const optionActions = options.block.actions ?? {};
-  for (const key in optionActions) {
-    if (!optionActions.hasOwnProperty(key)) {
-      continue;
-    }
-    const value = optionActions[key];
-    let eventHandlerName = getEventHandlerName(key);
-    if (options.stripPrefix) {
-      switch (TARGET) {
-        case "vue":
-          eventHandlerName = eventHandlerName.replace("v-on:", "");
-          break;
-        case "svelte":
-          eventHandlerName = eventHandlerName.replace("on:", "");
-          break;
-      }
-    }
-    obj[eventHandlerName] = createEventHandler(value, options);
+// src/functions/set.ts
+var set = (obj, _path, value) => {
+  if (Object(obj) !== obj) {
+    return obj;
   }
+  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
+  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
   return obj;
-}
+};
 
-// src/functions/transform-block-properties.ts
-function transformBlockProperties({
-  properties
-}) {
-  return properties;
+// src/functions/transform-block.ts
+function transformBlock(block) {
+  return block;
 }
 
-// src/functions/get-block-properties.ts
-var extractRelevantRootBlockProperties = (block) => {
-  return {
-    href: block.href
-  };
+// src/functions/get-processed-block.ts
+function deepCloneWithConditions(obj) {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepCloneWithConditions(item));
+  }
+  if (obj["@type"] === "@builder.io/sdk:Element") {
+    return obj;
+  }
+  const clonedObj = {};
+  for (const key in obj) {
+    if (key !== "meta" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      clonedObj[key] = deepCloneWithConditions(obj[key]);
+    }
+  }
+  return clonedObj;
+}
+var IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK = ["svelte", "vue", "angular", "qwik", "solid"].includes(TARGET);
+var getCopy = (block) => {
+  if (IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK) {
+    const copy = fastClone(block);
+    const copied = {
+      ...copy,
+      properties: {
+        ...copy.properties
+      },
+      actions: {
+        ...copy.actions
+      }
+    };
+    return copied;
+  } else {
+    const copy = deepCloneWithConditions(omit(block, "children", "meta"));
+    return {
+      ...copy,
+      properties: {
+        ...copy.properties
+      },
+      actions: {
+        ...copy.actions
+      },
+      children: block.children,
+      meta: block.meta
+    };
+  }
 };
-function getBlockProperties({
+var evaluateBindings = ({
   block,
-  context
-}) {
-  const properties = {
-    ...extractRelevantRootBlockProperties(block),
-    ...block.properties,
-    "builder-id": block.id,
-    style: getStyle({
-      block,
+  context,
+  localState,
+  rootState,
+  rootSetState
+}) => {
+  if (!block.bindings) {
+    return block;
+  }
+  const copied = getCopy(block);
+  for (const binding in block.bindings) {
+    const expression = block.bindings[binding];
+    const value = evaluate({
+      code: expression,
+      localState,
+      rootState,
+      rootSetState,
       context
-    }),
-    [getClassPropName()]: [block.id, "builder-block", block.class, block.properties?.class].filter(Boolean).join(" ")
-  };
-  return transformBlockProperties({
-    properties,
-    context,
-    block
+    });
+    set(copied, binding, value);
+  }
+  return copied;
+};
+function getProcessedBlock({
+  block,
+  context,
+  localState,
+  rootState,
+  rootSetState
+}) {
+  let transformedBlock = transformBlock(block);
+  transformedBlock = evaluateBindings({
+    block: transformedBlock,
+    localState,
+    rootState,
+    rootSetState,
+    context
   });
+  transformedBlock = resolveLocalizedValues(transformedBlock, rootState.locale);
+  return transformedBlock;
 }
 
-// src/components/block/components/block-wrapper.tsx
-function BlockWrapper(props) {
-  return <><Dynamic_renderer_default
-    TagName={props.Wrapper}
-    attributes={getBlockProperties({
-      block: props.block,
-      context: props.context
-    })}
-    actionAttributes={getBlockActions({
-      block: props.block,
-      rootState: props.context.rootState,
-      rootSetState: props.context.rootSetState,
-      localState: props.context.localState,
-      context: props.context.context,
-      stripPrefix: true
-    })}
-  >{props.children}</Dynamic_renderer_default></>;
-}
-var Block_wrapper_default = BlockWrapper;
-
-// src/components/block/components/component-ref/component-ref.tsx
-import { Show as Show3, For, createSignal as createSignal3 } from "solid-js";
-import { Dynamic as Dynamic4 } from "solid-js/web";
-
-// src/components/block/components/interactive-element.tsx
-import { Show as Show2, on, createEffect, createMemo as createMemo2, createSignal as createSignal2 } from "solid-js";
-import { Dynamic as Dynamic3 } from "solid-js/web";
-
-// src/functions/is-previewing.ts
-function isPreviewing(search) {
-  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
-  if (!searchToUse) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(searchToUse);
-  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
-}
+// src/functions/camel-to-kebab-case.ts
+var camelToKebabCase = (str) => str ? str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 
-// src/functions/register-component.ts
-var createRegisterComponentMessage = (info) => ({
-  type: "builder.registerComponent",
-  data: serializeIncludingFunctions(info)
-});
-var serializeFn = (fnValue) => {
-  const fnStr = fnValue.toString().trim();
-  const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
-  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-function serializeIncludingFunctions(info) {
-  return JSON.parse(JSON.stringify(info, (key, value) => {
-    if (typeof value === "function") {
-      return serializeFn(value);
+// src/components/block/animator.ts
+function throttle(func, wait, options = {}) {
+  let context;
+  let args;
+  let result;
+  let timeout = null;
+  let previous = 0;
+  const later = function() {
+    previous = options.leading === false ? 0 : Date.now();
+    timeout = null;
+    result = func.apply(context, args);
+    if (!timeout)
+      context = args = null;
+  };
+  return function() {
+    const now = Date.now();
+    if (!previous && options.leading === false)
+      previous = now;
+    const remaining = wait - (now - previous);
+    context = this;
+    args = arguments;
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      result = func.apply(context, args);
+      if (!timeout)
+        context = args = null;
+    } else if (!timeout && options.trailing !== false) {
+      timeout = setTimeout(later, remaining);
     }
-    return value;
-  }));
+    return result;
+  };
 }
-
-// src/functions/register.ts
-var registry = {};
-function register(type, info) {
-  if (type === "plugin") {
-    info = serializeIncludingFunctions(info);
-  }
-  let typeList = registry[type];
-  if (!typeList) {
-    typeList = registry[type] = [];
-  }
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window) {
-        window.postMessage(message, "*");
+function assign(target, ..._args) {
+  const to = Object(target);
+  for (let index = 1; index < arguments.length; index++) {
+    const nextSource = arguments[index];
+    if (nextSource != null) {
+      for (const nextKey in nextSource) {
+        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+          to[nextKey] = nextSource[nextKey];
+        }
       }
-    } catch (err) {
-      console.debug("Could not postmessage", err);
     }
   }
+  return to;
 }
-function registerAction(action) {
-  if (isBrowser()) {
-    const actionClone = JSON.parse(JSON.stringify(action));
-    if (action.action) {
-      actionClone.action = action.action.toString();
+function bindAnimations(animations) {
+  if (TARGET === "reactNative") {
+    return;
+  }
+  for (const animation of animations) {
+    switch (animation.trigger) {
+      case "pageLoad":
+        triggerAnimation(animation);
+        break;
+      case "scrollInView":
+        bindScrollInViewAnimation(animation);
+        break;
     }
-    window.parent?.postMessage({
-      type: "builder.registerAction",
-      data: actionClone
-    }, "*");
   }
 }
-
-// src/functions/set-editor-settings.ts
-var settings = {};
-function setEditorSettings(newSettings) {
-  if (isBrowser()) {
-    Object.assign(settings, newSettings);
-    const message = {
-      type: "builder.settingsChange",
-      data: settings
-    };
-    parent.postMessage(message, "*");
-  }
+function warnElementNotPresent(id) {
+  console.warn(`Cannot animate element: element with ID ${id} not found!`);
 }
-
-// src/functions/get-builder-search-params/index.ts
-var BUILDER_SEARCHPARAMS_PREFIX = "builder.";
-var BUILDER_OPTIONS_PREFIX = "options.";
-var getBuilderSearchParams = (_options) => {
-  if (!_options) {
-    return {};
+function augmentAnimation(animation, element) {
+  const stylesUsed = getAllStylesUsed(animation);
+  const computedStyle = getComputedStyle(element);
+  const firstStyles = animation.steps[0].styles;
+  const lastStyles = animation.steps[animation.steps.length - 1].styles;
+  const bothStyles = [firstStyles, lastStyles];
+  for (const styles of bothStyles) {
+    for (const style of stylesUsed) {
+      if (!(style in styles)) {
+        styles[style] = computedStyle[style];
+      }
+    }
   }
-  const options = normalizeSearchParams(_options);
-  const newOptions = {};
-  Object.keys(options).forEach((key) => {
-    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
-      newOptions[trimmedKey] = options[key];
+}
+function getAllStylesUsed(animation) {
+  const properties = [];
+  for (const step of animation.steps) {
+    for (const key in step.styles) {
+      if (properties.indexOf(key) === -1) {
+        properties.push(key);
+      }
     }
-  });
-  return newOptions;
-};
-var getBuilderSearchParamsFromWindow = () => {
-  if (!isBrowser()) {
-    return {};
   }
-  const searchParams = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(searchParams);
-};
-
-// src/constants/sdk-version.ts
-var SDK_VERSION = "5.0.1";
-
-// src/helpers/sdk-headers.ts
-var getSdkHeaders = () => ({
-  "X-Builder-SDK": TARGET,
-  "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": SDK_VERSION
-});
-
-// src/helpers/url.ts
-var getTopLevelDomain = (host) => {
-  if (host === "localhost" || host === "127.0.0.1") {
-    return host;
+  return properties;
+}
+function triggerAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
   }
-  const parts = host.split(".");
-  if (parts.length > 2) {
-    return parts.slice(1).join(".");
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    element.style.transition = "none";
+    element.style.transitionDelay = "0";
+    assign(element.style, animation.steps[0].styles);
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
+      if (animation.delay) {
+        element.style.transitionDelay = animation.delay + "s";
+      }
+      assign(element.style, animation.steps[1].styles);
+      setTimeout(() => {
+        element.style.transition = "";
+        element.style.transitionDelay = "";
+      }, (animation.delay || 0) * 1e3 + animation.duration * 1e3 + 100);
+    });
+  });
+}
+function bindScrollInViewAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
   }
-  return host;
-};
-
-// src/helpers/cookie.ts
-var getCookieSync = ({
-  name,
-  canTrack
-}) => {
-  try {
-    if (!canTrack) {
-      return void 0;
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    let triggered = false;
+    let pendingAnimation = false;
+    function immediateOnScroll() {
+      if (!triggered && isScrolledIntoView(element)) {
+        triggered = true;
+        pendingAnimation = true;
+        setTimeout(() => {
+          assign(element.style, animation.steps[1].styles);
+          if (!animation.repeat) {
+            document.removeEventListener("scroll", onScroll);
+          }
+          setTimeout(() => {
+            pendingAnimation = false;
+            if (!animation.repeat) {
+              element.style.transition = "";
+              element.style.transitionDelay = "";
+            }
+          }, (animation.duration + (animation.delay || 0)) * 1e3 + 100);
+        });
+      } else if (animation.repeat && triggered && !pendingAnimation && !isScrolledIntoView(element)) {
+        triggered = false;
+        assign(element.style, animation.steps[0].styles);
+      }
     }
-    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
-  } catch (err) {
-    logger.warn("[COOKIE] GET error: ", err?.message || err);
-    return void 0;
-  }
-};
-var getCookie = async (args) => getCookieSync(args);
-var stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
-var SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]];
-var createCookieString = ({
-  name,
-  value,
-  expires
-}) => {
-  const secure = isBrowser() ? location.protocol === "https:" : true;
-  const secureObj = secure ? SECURE_CONFIG : [[]];
-  const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
-  const cookieValue = [[name, value], ...expiresObj, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...secureObj];
-  const cookie = stringifyCookie(cookieValue);
-  return cookie;
-};
-var setCookie = async ({
-  name,
-  value,
-  expires,
-  canTrack
-}) => {
-  try {
-    if (!canTrack) {
-      return;
+    const onScroll = throttle(immediateOnScroll, 200, {
+      leading: false
+    });
+    function isScrolledIntoView(elem) {
+      const rect = elem.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      const thresholdPercent = (animation.thresholdPercent || 0) / 100;
+      const threshold = thresholdPercent * windowHeight;
+      return rect.bottom > threshold && rect.top < windowHeight - threshold;
     }
-    const cookie = createCookieString({
-      name,
-      value,
-      expires
+    const defaultState = animation.steps[0].styles;
+    function attachDefaultState() {
+      assign(element.style, defaultState);
+    }
+    attachDefaultState();
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
+      if (animation.delay) {
+        element.style.transitionDelay = animation.delay + "s";
+      }
     });
-    document.cookie = cookie;
-  } catch (err) {
-    logger.warn("[COOKIE] SET error: ", err?.message || err);
-  }
-};
-
-// src/helpers/uuid.ts
-function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
-    return v.toString(16);
+    document.addEventListener("scroll", onScroll, {
+      capture: true,
+      passive: true
+    });
+    immediateOnScroll();
   });
 }
-function uuid() {
-  return uuidv4().replace(/-/g, "");
-}
 
-// src/helpers/sessionId.ts
-var SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-var getSessionId = async ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return void 0;
-  }
-  const sessionId = await getCookie({
-    name: SESSION_LOCAL_STORAGE_KEY,
-    canTrack
+// src/helpers/css.ts
+var convertStyleMapToCSSArray = (style) => {
+  const cssProps = Object.entries(style).map(([key, value]) => {
+    if (typeof value === "string") {
+      return `${camelToKebabCase(key)}: ${value};`;
+    } else {
+      return void 0;
+    }
   });
-  if (checkIsDefined(sessionId)) {
-    return sessionId;
+  return cssProps.filter(checkIsDefined);
+};
+var convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
+var createCssClass = ({
+  mediaQuery,
+  className,
+  styles
+}) => {
+  const cssClass = `.${className} {
+    ${convertStyleMapToCSS(styles)}
+  }`;
+  if (mediaQuery) {
+    return `${mediaQuery} {
+      ${cssClass}
+    }`;
   } else {
-    const newSessionId = createSessionId();
-    setSessionId({
-      id: newSessionId,
-      canTrack
-    });
-    return newSessionId;
+    return cssClass;
   }
 };
-var createSessionId = () => uuid();
-var setSessionId = ({
-  id,
-  canTrack
-}) => setCookie({
-  name: SESSION_LOCAL_STORAGE_KEY,
-  value: id,
-  canTrack
-});
 
-// src/helpers/localStorage.ts
-var getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
-var getLocalStorageItem = ({
-  key,
-  canTrack
+// src/functions/transform-style-property.ts
+function transformStyleProperty({
+  style
+}) {
+  return style;
+}
+
+// src/functions/get-style.ts
+var getStyle = ({
+  block,
+  context
 }) => {
-  try {
-    if (canTrack) {
-      return getLocalStorage()?.getItem(key);
-    }
-    return void 0;
-  } catch (err) {
-    console.debug("[LocalStorage] GET error: ", err);
-    return void 0;
+  return mapStyleObjToStrIfNeeded(transformStyleProperty({
+    style: block.style || {},
+    context,
+    block
+  }));
+};
+function mapStyleObjToStrIfNeeded(style) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "angular":
+      return convertStyleMapToCSSArray(style).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return style;
   }
+}
+
+// src/components/block/block.helpers.ts
+var checkIsComponentRestricted = (component, model) => {
+  if (!component)
+    return true;
+  if (!model)
+    return false;
+  return component.models && component.models.length > 0 && !component.models.includes(model);
 };
-var setLocalStorageItem = ({
-  key,
-  canTrack,
-  value
+var getComponent = ({
+  block,
+  registeredComponents,
+  model
 }) => {
-  try {
-    if (canTrack) {
-      getLocalStorage()?.setItem(key, value);
-    }
-  } catch (err) {
-    console.debug("[LocalStorage] SET error: ", err);
+  const componentName = block.component?.name;
+  if (!componentName) {
+    return null;
+  }
+  const ref = registeredComponents[componentName];
+  if (!ref || checkIsComponentRestricted(ref, model)) {
+    console.warn(`
+      Could not find a registered component named "${componentName}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+    return void 0;
+  } else {
+    return ref;
   }
 };
-
-// src/helpers/visitorId.ts
-var VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-var getVisitorId = ({
-  canTrack
+var getRepeatItemData = ({
+  block,
+  context
 }) => {
-  if (!canTrack) {
+  const {
+    repeat,
+    ...blockWithoutRepeat
+  } = block;
+  if (!repeat?.collection) {
     return void 0;
   }
-  const visitorId = getLocalStorageItem({
-    key: VISITOR_LOCAL_STORAGE_KEY,
-    canTrack
+  const itemsArray = evaluate({
+    code: repeat.collection,
+    localState: context.localState,
+    rootState: context.rootState,
+    rootSetState: context.rootSetState,
+    context: context.context
   });
-  if (checkIsDefined(visitorId)) {
-    return visitorId;
-  } else {
-    const newVisitorId = createVisitorId();
-    setVisitorId({
-      id: newVisitorId,
-      canTrack
-    });
-    return newVisitorId;
+  if (!Array.isArray(itemsArray)) {
+    return void 0;
+  }
+  const collectionName = repeat.collection.split(".").pop();
+  const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
+  const repeatArray = itemsArray.map((item, index) => ({
+    context: {
+      ...context,
+      localState: {
+        ...context.localState,
+        $index: index,
+        $item: item,
+        [itemNameToUse]: item,
+        [`$${itemNameToUse}Index`]: index
+      }
+    },
+    block: blockWithoutRepeat
+  }));
+  return repeatArray;
+};
+var provideLinkComponent = (block, linkComponent) => {
+  if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
+};
+var provideRegisteredComponents = (block, registeredComponents, model) => {
+  if (block?.shouldReceiveBuilderProps?.builderComponents) {
+    const filteredRegisteredComponents = Object.fromEntries(Object.entries(registeredComponents).filter(([_, component]) => {
+      return !checkIsComponentRestricted(component, model);
+    }));
+    return {
+      builderComponents: filteredRegisteredComponents
+    };
   }
+  return {};
 };
-var createVisitorId = () => uuid();
-var setVisitorId = ({
-  id,
-  canTrack
-}) => setLocalStorageItem({
-  key: VISITOR_LOCAL_STORAGE_KEY,
-  value: id,
-  canTrack
+var provideBuilderBlock = (block, builderBlock) => {
+  if (block?.shouldReceiveBuilderProps?.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
+};
+var provideBuilderContext = (block, context) => {
+  if (block?.shouldReceiveBuilderProps?.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
+};
+var generateKey = (index) => {
+  return index.toString();
+};
+
+// src/functions/event-handler-name.ts
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+var getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+
+// src/functions/get-block-actions-handler.ts
+var createEventHandler = (value, options) => (event) => evaluate({
+  code: value,
+  context: options.context,
+  localState: options.localState,
+  rootState: options.rootState,
+  rootSetState: options.rootSetState,
+  event,
+  isExpression: false,
+  trackingContext: options.trackingContext
 });
 
-// src/functions/log-fetch.ts
-function logFetch(url) {
-  if (typeof process !== "undefined" && process.env?.DEBUG) {
-    if (String(process.env.DEBUG) == "true") {
-      logger.log(url);
+// src/functions/get-block-actions.ts
+function getBlockActions(options) {
+  const obj = {};
+  const optionActions = options.block.actions ?? {};
+  for (const key in optionActions) {
+    if (!optionActions.hasOwnProperty(key)) {
+      continue;
+    }
+    const value = optionActions[key];
+    let eventHandlerName = getEventHandlerName(key);
+    if (options.stripPrefix) {
+      switch (TARGET) {
+        case "vue":
+          eventHandlerName = eventHandlerName.replace("v-on:", "");
+          break;
+        case "svelte":
+          eventHandlerName = eventHandlerName.replace("on:", "");
+          break;
+      }
     }
+    obj[eventHandlerName] = createEventHandler(value, options);
   }
+  return obj;
 }
 
-// src/functions/track/index.ts
-var getTrackingEventData = async ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return {
-      visitorId: void 0,
-      sessionId: void 0
-    };
-  }
-  const sessionId = await getSessionId({
-    canTrack
-  });
-  const visitorId = getVisitorId({
-    canTrack
-  });
+// src/functions/transform-block-properties.ts
+function transformBlockProperties({
+  properties
+}) {
+  return properties;
+}
+
+// src/functions/get-block-properties.ts
+var extractRelevantRootBlockProperties = (block) => {
   return {
-    sessionId,
-    visitorId
+    href: block.href
   };
 };
-var createEvent = async ({
-  type: eventType,
-  canTrack,
-  apiKey,
-  metadata,
-  ...properties
-}) => ({
-  type: eventType,
-  data: {
-    ...properties,
-    metadata: {
-      url: location.href,
-      ...metadata
-    },
-    ...await getTrackingEventData({
-      canTrack
+function getBlockProperties({
+  block,
+  context
+}) {
+  const properties = {
+    ...extractRelevantRootBlockProperties(block),
+    ...block.properties,
+    "builder-id": block.id,
+    style: getStyle({
+      block,
+      context
     }),
-    userAttributes: getUserAttributes(),
-    ownerId: apiKey
+    [getClassPropName()]: [block.id, "builder-block", block.class, block.properties?.class].filter(Boolean).join(" ")
+  };
+  return transformBlockProperties({
+    properties,
+    context,
+    block
+  });
+}
+
+// src/components/block/components/block-wrapper.tsx
+function BlockWrapper(props) {
+  return <><Dynamic_renderer_default
+    TagName={props.Wrapper}
+    attributes={getBlockProperties({
+      block: props.block,
+      context: props.context
+    })}
+    actionAttributes={getBlockActions({
+      block: props.block,
+      rootState: props.context.rootState,
+      rootSetState: props.context.rootSetState,
+      localState: props.context.localState,
+      context: props.context.context,
+      stripPrefix: true,
+      trackingContext: {
+        apiKey: props.context.apiKey,
+        canTrack: props.context.canTrack ?? true,
+        contentId: props.context.content?.id,
+        variationId: props.context.content?.testVariationId
+      }
+    })}
+  >{props.children}</Dynamic_renderer_default></>;
+}
+var Block_wrapper_default = BlockWrapper;
+
+// src/components/block/components/component-ref/component-ref.tsx
+import { Show as Show3, For, createSignal as createSignal3 } from "solid-js";
+import { Dynamic as Dynamic4 } from "solid-js/web";
+
+// src/components/block/components/interactive-element.tsx
+import { Show as Show2, on, createEffect, createMemo as createMemo2, createSignal as createSignal2 } from "solid-js";
+import { Dynamic as Dynamic3 } from "solid-js/web";
+
+// src/functions/is-previewing.ts
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
+    return false;
   }
+  const normalizedSearch = getSearchString(searchToUse);
+  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
+}
+
+// src/functions/register-component.ts
+var createRegisterComponentMessage = (info) => ({
+  type: "builder.registerComponent",
+  data: serializeIncludingFunctions(info)
 });
-async function _track({
-  apiHost,
-  ...eventProps
-}) {
-  if (!eventProps.apiKey) {
-    logger.error("Missing API key for track call. Please provide your API key.");
-    return;
+var serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+function serializeIncludingFunctions(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function") {
+      return serializeFn(value);
+    }
+    return value;
+  }));
+}
+
+// src/functions/register.ts
+var registry = {};
+function register(type, info) {
+  if (type === "plugin") {
+    info = serializeIncludingFunctions(info);
   }
-  if (!eventProps.canTrack) {
-    return;
+  let typeList = registry[type];
+  if (!typeList) {
+    typeList = registry[type] = [];
   }
-  if (isEditing()) {
-    return;
+  typeList.push(info);
+  if (isBrowser()) {
+    const message = {
+      type: "builder.register",
+      data: {
+        type,
+        info
+      }
+    };
+    try {
+      parent.postMessage(message, "*");
+      if (parent !== window) {
+        window.postMessage(message, "*");
+      }
+    } catch (err) {
+      console.debug("Could not postmessage", err);
+    }
   }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
+}
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
   }
-  const baseUrl = apiHost || "https://cdn.builder.io";
-  const url = `${baseUrl}/api/v1/track`;
-  logFetch(url);
-  return fetch(url, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [await createEvent(eventProps)]
-    }),
-    headers: {
-      "content-type": "application/json",
-      ...getSdkHeaders()
-    },
-    mode: "cors"
-  }).catch((err) => {
-    console.error("Failed to track: ", err);
-  });
 }
-var track = (args) => _track({
-  ...args,
-  canTrack: true
-});
+
+// src/functions/set-editor-settings.ts
+var settings = {};
+function setEditorSettings(newSettings) {
+  if (isBrowser()) {
+    Object.assign(settings, newSettings);
+    const message = {
+      type: "builder.settingsChange",
+      data: settings
+    };
+    parent.postMessage(message, "*");
+  }
+}
+
+// src/functions/get-builder-search-params/index.ts
+var BUILDER_SEARCHPARAMS_PREFIX = "builder.";
+var BUILDER_OPTIONS_PREFIX = "options.";
+var getBuilderSearchParams = (_options) => {
+  if (!_options) {
+    return {};
+  }
+  const options = normalizeSearchParams(_options);
+  const newOptions = {};
+  Object.keys(options).forEach((key) => {
+    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
+      newOptions[trimmedKey] = options[key];
+    }
+  });
+  return newOptions;
+};
+var getBuilderSearchParamsFromWindow = () => {
+  if (!isBrowser()) {
+    return {};
+  }
+  const searchParams = new URLSearchParams(window.location.search);
+  return getBuilderSearchParams(searchParams);
+};
 
 // src/functions/is-from-trusted-host.ts
 var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
@@ -2160,7 +2186,13 @@ function InteractiveElement(props) {
         rootState: props.context.rootState,
         rootSetState: props.context.rootSetState,
         localState: props.context.localState,
-        context: props.context.context
+        context: props.context.context,
+        trackingContext: {
+          apiKey: props.context.apiKey,
+          canTrack: props.context.canTrack ?? true,
+          contentId: props.context.content?.id,
+          variationId: props.context.content?.testVariationId
+        }
       })
     } : {};
   });