@builder.io/sdk-solid 5.1.0 → 5.1.1

package/lib/browser/index.jsx

@@ -206,145 +206,431 @@ var getUserAttributes = () => {
   };
 };
 
-// src/functions/evaluate/helpers.ts
-var getFunctionArguments = ({
-  builder,
-  context,
-  event,
-  state
+// src/constants/sdk-version.ts
+var SDK_VERSION = "5.1.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/nullable.ts
+var checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+
+// 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/helpers/cookie.ts
+var getCookieSync = ({
+  name,
+  canTrack
 }) => {
-  return Object.entries({
-    state,
-    Builder: builder,
-    // legacy
-    builder,
-    context,
-    event
-  });
+  try {
+    if (!canTrack) {
+      return void 0;
+    }
+    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 getBuilderGlobals = () => ({
-  isEditing: isEditing(),
-  isBrowser: isBrowser(),
-  isServer: !isBrowser(),
-  getUserAttributes: () => getUserAttributes()
-});
-var parseCode = (code, {
-  isExpression = true
+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 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;
+  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 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;
+var setCookie = async ({
+  name,
+  value,
+  expires,
+  canTrack
+}) => {
+  try {
+    if (!canTrack) {
+      return;
     }
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
+    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);
   });
 }
+function uuid() {
+  return uuidv4().replace(/-/g, "");
+}
 
-// src/functions/evaluate/browser-runtime/browser.ts
-var runInBrowser = ({
-  code,
-  builder,
-  context,
-  event,
-  localState,
-  rootSetState,
-  rootState
+// src/helpers/sessionId.ts
+var SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+var getSessionId = async ({
+  canTrack
 }) => {
-  const functionArgs = getFunctionArguments({
-    builder,
-    context,
-    event,
-    state: flattenState({
-      rootState,
-      localState,
-      rootSetState
-    })
+  if (!canTrack) {
+    return void 0;
+  }
+  const sessionId = await getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack
   });
-  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
+  if (checkIsDefined(sessionId)) {
+    return sessionId;
+  } else {
+    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/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/functions/evaluate/should-force-browser-runtime-in-node.ts
-var shouldForceBrowserRuntimeInNode = ({
-  shouldLogWarning
+// src/helpers/localStorage.ts
+var getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
+var getLocalStorageItem = ({
+  key,
+  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 getLocalStorage()?.getItem(key);
     }
-    return true;
+    return void 0;
+  } catch (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 setLocalStorageItem = ({
+  key,
+  canTrack,
+  value
+}) => {
+  try {
+    if (canTrack) {
+      getLocalStorage()?.setItem(key, value);
+    }
+  } catch (err) {
+  }
 };
-function evaluate({
-  code,
-  context,
-  localState,
-  rootState,
-  rootSetState,
-  event,
-  isExpression = true
-}) {
-  if (code.trim() === "") {
+
+// src/helpers/visitorId.ts
+var VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+var getVisitorId = ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return void 0;
+  }
+  const visitorId = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(visitorId)) {
+    return visitorId;
+  } else {
+    const newVisitorId = createVisitorId();
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
+    return newVisitorId;
+  }
+};
+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);
+    }
+  }
+}
+
+// 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
+  });
+  return {
+    sessionId,
+    visitorId
+  };
+};
+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
+  }
+});
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
+  if (!eventProps.apiKey) {
+    logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!eventProps.canTrack) {
+    return;
+  }
+  if (isEditing()) {
+    return;
+  }
+  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) => {
+  });
+}
+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;
+    }
+    _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
+        } : {}
+      }
+    });
+  }
+});
+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/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/functions/is-node-runtime.ts
+function isNodeRuntime() {
+  return typeof process !== "undefined" && checkIsDefined(process?.versions?.node);
+}
+
+// src/functions/evaluate/should-force-browser-runtime-in-node.ts
+var shouldForceBrowserRuntimeInNode = ({
+  shouldLogWarning
+}) => {
+  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/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);
+};
+function evaluate({
+  code,
+  context,
+  localState,
+  rootState,
+  rootSetState,
+  event,
+  isExpression = true,
+  trackingContext
+}) {
+  if (code.trim() === "") {
     return void 0;
   }
   const getPath = getSimpleExpressionGetPath(code.trim());
@@ -358,7 +644,7 @@ function evaluate({
     code: parseCode(code, {
       isExpression
     }),
-    builder: getBuilderGlobals(),
+    builder: getBuilderGlobals(trackingContext),
     context,
     event,
     rootSetState,
@@ -751,661 +1037,401 @@ function bindScrollInViewAnimation(animation) {
     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.addEventListener("scroll", onScroll, {
-      capture: true,
-      passive: true
-    });
-    immediateOnScroll();
-  });
-}
-
-// 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
-}) => {
-  const cssClass = `.${className} {
-    ${convertStyleMapToCSS(styles)}
-  }`;
-  if (mediaQuery) {
-    return `${mediaQuery} {
-      ${cssClass}
-    }`;
-  } else {
-    return cssClass;
-  }
-};
-
-// src/functions/transform-style-property.ts
-function transformStyleProperty({
-  style
-}) {
-  return style;
-}
-
-// src/functions/get-style.ts
-var getStyle = ({
-  block,
-  context
-}) => {
-  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 getComponent = ({
-  block,
-  registeredComponents,
-  model
-}) => {
-  const componentName = block.component?.name;
-  if (!componentName) {
-    return null;
-  }
-  const ref = registeredComponents[componentName];
-  if (!ref || checkIsComponentRestricted(ref, model)) {
-    return void 0;
-  } else {
-    return ref;
-  }
-};
-var getRepeatItemData = ({
-  block,
-  context
-}) => {
-  const {
-    repeat,
-    ...blockWithoutRepeat
-  } = block;
-  if (!repeat?.collection) {
-    return void 0;
-  }
-  const itemsArray = evaluate({
-    code: repeat.collection,
-    localState: context.localState,
-    rootState: context.rootState,
-    rootSetState: context.rootSetState,
-    context: context.context
-  });
-  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 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
-});
-
-// 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/transform-block-properties.ts
-function transformBlockProperties({
-  properties
-}) {
-  return properties;
-}
-
-// src/functions/get-block-properties.ts
-var extractRelevantRootBlockProperties = (block) => {
-  return {
-    href: block.href
-  };
-};
-function getBlockProperties({
-  block,
-  context
-}) {
-  const properties = {
-    ...extractRelevantRootBlockProperties(block),
-    ...block.properties,
-    "builder-id": block.id,
-    style: getStyle({
-      block,
-      context
-    }),
-    [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
-    })}
-  >{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)
-});
-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);
-  }
-  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, "*");
-      }
-    } catch (err) {
-    }
-  }
-}
-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
-    }, "*");
-  }
-}
-
-// 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/constants/sdk-version.ts
-var SDK_VERSION = "5.1.0";
-
-// 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;
-  }
-  const parts = host.split(".");
-  if (parts.length > 2) {
-    return parts.slice(1).join(".");
-  }
-  return host;
-};
-
-// src/helpers/cookie.ts
-var getCookieSync = ({
-  name,
-  canTrack
-}) => {
-  try {
-    if (!canTrack) {
-      return void 0;
-    }
-    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 cookie = createCookieString({
-      name,
-      value,
-      expires
+    }
+    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) {
-    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) {
+  const componentName = block.component?.name;
+  if (!componentName) {
+    return null;
+  }
+  const ref = registeredComponents[componentName];
+  if (!ref || checkIsComponentRestricted(ref, model)) {
+    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) {
+    }
   }
-  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) => {
-  });
 }
-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"];
@@ -2147,7 +2173,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
+        }
       })
     } : {};
   });