@builder.io/sdk-qwik 0.16.6 → 0.16.9

package/lib/edge/functions/track/index.qwik.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../../constants/target.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
+const sessionId = require("../../helpers/sessionId.qwik.cjs");
+const visitorId = require("../../helpers/visitorId.qwik.cjs");
+const isBrowser = require("../is-browser.qwik.cjs");
+const isEditing = require("../is-editing.qwik.cjs");
+const helpers = require("./helpers.qwik.cjs");
+const getTrackingEventData = async ({ canTrack }) => {
+  if (!canTrack)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const sessionId$1 = await sessionId.getSessionId({
+    canTrack
+  });
+  const visitorId$1 = visitorId.getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId: sessionId$1,
+    visitorId: visitorId$1
+  };
+};
+const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...properties }) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    metadata: {
+      url: location.href,
+      ...metadata
+    },
+    ...await getTrackingEventData({
+      canTrack
+    }),
+    userAttributes: helpers.getUserAttributes(),
+    ownerId: apiKey
+  }
+});
+async function _track(eventProps) {
+  if (!eventProps.apiKey) {
+    logger.logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!eventProps.canTrack)
+    return;
+  if (isEditing.isEditing())
+    return;
+  if (!(isBrowser.isBrowser() || target.TARGET === "reactNative"))
+    return;
+  return fetch(`https://cdn.builder.io/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [
+        await createEvent(eventProps)
+      ]
+    }),
+    headers: {
+      "content-type": "application/json"
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
+}
+const track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+exports._track = _track;
+exports.track = track;

package/lib/edge/functions/track/index.qwik.mjs

@@ -0,0 +1,73 @@
+import { TARGET } from "../../constants/target.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
+import { getSessionId } from "../../helpers/sessionId.qwik.mjs";
+import { getVisitorId } from "../../helpers/visitorId.qwik.mjs";
+import { isBrowser } from "../is-browser.qwik.mjs";
+import { isEditing } from "../is-editing.qwik.mjs";
+import { getUserAttributes } from "./helpers.qwik.mjs";
+const getTrackingEventData = async ({ canTrack }) => {
+  if (!canTrack)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const sessionId = await getSessionId({
+    canTrack
+  });
+  const visitorId = getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId,
+    visitorId
+  };
+};
+const 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(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;
+  return fetch(`https://cdn.builder.io/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [
+        await createEvent(eventProps)
+      ]
+    }),
+    headers: {
+      "content-type": "application/json"
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
+}
+const track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+export {
+  _track,
+  track
+};

package/lib/edge/functions/track/interaction.qwik.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function round(num) {
+  return Math.round(num * 1e3) / 1e3;
+}
+const findParentElement = (target, callback, checkElement = true) => {
+  if (!(target instanceof HTMLElement))
+    return null;
+  let parent = checkElement ? target : target.parentElement;
+  do {
+    if (!parent)
+      return null;
+    const matches = callback(parent);
+    if (matches)
+      return parent;
+  } while (parent = parent.parentElement);
+  return null;
+};
+const findBuilderParent = (target) => findParentElement(target, (el) => {
+  const id = el.getAttribute("builder-id") || el.id;
+  return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
+});
+const computeOffset = ({ event, target }) => {
+  const targetRect = target.getBoundingClientRect();
+  const xOffset = event.clientX - targetRect.left;
+  const yOffset = event.clientY - targetRect.top;
+  const xRatio = round(xOffset / targetRect.width);
+  const yRatio = round(yOffset / targetRect.height);
+  return {
+    x: xRatio,
+    y: yRatio
+  };
+};
+const getInteractionPropertiesForEvent = (event) => {
+  const target = event.target;
+  const targetBuilderElement = target && findBuilderParent(target);
+  const builderId = (targetBuilderElement == null ? void 0 : targetBuilderElement.getAttribute("builder-id")) || (targetBuilderElement == null ? void 0 : targetBuilderElement.id);
+  return {
+    targetBuilderElement: builderId || void 0,
+    metadata: {
+      targetOffset: target ? computeOffset({
+        event,
+        target
+      }) : void 0,
+      builderTargetOffset: targetBuilderElement ? computeOffset({
+        event,
+        target: targetBuilderElement
+      }) : void 0,
+      builderElementIndex: targetBuilderElement && builderId ? [].slice.call(document.getElementsByClassName(builderId)).indexOf(targetBuilderElement) : void 0
+    }
+  };
+};
+exports.getInteractionPropertiesForEvent = getInteractionPropertiesForEvent;

package/lib/edge/functions/track/interaction.qwik.mjs

@@ -0,0 +1,53 @@
+function round(num) {
+  return Math.round(num * 1e3) / 1e3;
+}
+const findParentElement = (target, callback, checkElement = true) => {
+  if (!(target instanceof HTMLElement))
+    return null;
+  let parent = checkElement ? target : target.parentElement;
+  do {
+    if (!parent)
+      return null;
+    const matches = callback(parent);
+    if (matches)
+      return parent;
+  } while (parent = parent.parentElement);
+  return null;
+};
+const findBuilderParent = (target) => findParentElement(target, (el) => {
+  const id = el.getAttribute("builder-id") || el.id;
+  return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
+});
+const computeOffset = ({ event, target }) => {
+  const targetRect = target.getBoundingClientRect();
+  const xOffset = event.clientX - targetRect.left;
+  const yOffset = event.clientY - targetRect.top;
+  const xRatio = round(xOffset / targetRect.width);
+  const yRatio = round(yOffset / targetRect.height);
+  return {
+    x: xRatio,
+    y: yRatio
+  };
+};
+const getInteractionPropertiesForEvent = (event) => {
+  const target = event.target;
+  const targetBuilderElement = target && findBuilderParent(target);
+  const builderId = (targetBuilderElement == null ? void 0 : targetBuilderElement.getAttribute("builder-id")) || (targetBuilderElement == null ? void 0 : targetBuilderElement.id);
+  return {
+    targetBuilderElement: builderId || void 0,
+    metadata: {
+      targetOffset: target ? computeOffset({
+        event,
+        target
+      }) : void 0,
+      builderTargetOffset: targetBuilderElement ? computeOffset({
+        event,
+        target: targetBuilderElement
+      }) : void 0,
+      builderElementIndex: targetBuilderElement && builderId ? [].slice.call(document.getElementsByClassName(builderId)).indexOf(targetBuilderElement) : void 0
+    }
+  };
+};
+export {
+  getInteractionPropertiesForEvent
+};

package/lib/edge/functions/transform-block-properties.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function transformBlockProperties({ properties }) {
+  return properties;
+}
+exports.transformBlockProperties = transformBlockProperties;

package/lib/edge/functions/transform-block-properties.qwik.mjs

@@ -0,0 +1,6 @@
+function transformBlockProperties({ properties }) {
+  return properties;
+}
+export {
+  transformBlockProperties
+};

package/lib/edge/functions/transform-block.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function transformBlock(block) {
+  return block;
+}
+exports.transformBlock = transformBlock;

package/lib/edge/functions/transform-block.qwik.mjs

@@ -0,0 +1,6 @@
+function transformBlock(block) {
+  return block;
+}
+export {
+  transformBlock
+};

package/lib/edge/functions/transform-style-property.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function transformStyleProperty({ style }) {
+  return style;
+}
+exports.transformStyleProperty = transformStyleProperty;

package/lib/edge/functions/transform-style-property.qwik.mjs

@@ -0,0 +1,6 @@
+function transformStyleProperty({ style }) {
+  return style;
+}
+export {
+  transformStyleProperty
+};

package/lib/edge/helpers/ab-tests.qwik.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const nullable = require("./nullable.qwik.cjs");
+const cookie = require("./cookie.qwik.cjs");
+const logger = require("./logger.qwik.cjs");
+const BUILDER_STORE_PREFIX = "builder.tests";
+const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({ contentId }) => cookie.getCookie({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const getContentVariationCookieSync = ({ contentId }) => cookie.getCookieSync({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const setContentVariationCookie = ({ contentId, value }) => cookie.setCookie({
+  name: getContentTestKey(contentId),
+  value,
+  canTrack: true
+});
+const checkIsBuilderContentWithVariations = (item) => nullable.checkIsDefined(item.id) && nullable.checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
+const getRandomVariationId = ({ id, variations }) => {
+  var _a;
+  let n = 0;
+  const random = Math.random();
+  for (const id2 in variations) {
+    const testRatio = (_a = variations[id2]) == null ? void 0 : _a.testRatio;
+    n += testRatio;
+    if (random < n)
+      return id2;
+  }
+  return id;
+};
+const getAndSetVariantId = (args) => {
+  const randomVariationId = getRandomVariationId(args);
+  setContentVariationCookie({
+    contentId: args.id,
+    value: randomVariationId
+  }).catch((err) => {
+    logger.logger.error("could not store A/B test variation: ", err);
+  });
+  return randomVariationId;
+};
+const getTestFields = ({ item, testGroupId }) => {
+  const variationValue = item.variations[testGroupId];
+  if (testGroupId === item.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !variationValue)
+    return {
+      testVariationId: item.id,
+      testVariationName: "Default"
+    };
+  else
+    return {
+      data: variationValue.data,
+      testVariationId: variationValue.id,
+      testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
+    };
+};
+const handleABTestingSync = ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!item)
+    return void 0;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const testGroupId = getContentVariationCookieSync({
+    contentId: item.id
+  }) || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+const handleABTesting = async ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const cookieValue = await getContentVariationCookie({
+    contentId: item.id
+  });
+  const testGroupId = cookieValue || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+exports.handleABTesting = handleABTesting;
+exports.handleABTestingSync = handleABTestingSync;

package/lib/edge/helpers/ab-tests.qwik.mjs

@@ -0,0 +1,103 @@
+import { checkIsDefined } from "./nullable.qwik.mjs";
+import { getCookie, getCookieSync, setCookie } from "./cookie.qwik.mjs";
+import { logger } from "./logger.qwik.mjs";
+const BUILDER_STORE_PREFIX = "builder.tests";
+const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({ contentId }) => getCookie({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const getContentVariationCookieSync = ({ contentId }) => getCookieSync({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const setContentVariationCookie = ({ contentId, value }) => setCookie({
+  name: getContentTestKey(contentId),
+  value,
+  canTrack: true
+});
+const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
+const getRandomVariationId = ({ id, variations }) => {
+  var _a;
+  let n = 0;
+  const random = Math.random();
+  for (const id2 in variations) {
+    const testRatio = (_a = variations[id2]) == null ? void 0 : _a.testRatio;
+    n += testRatio;
+    if (random < n)
+      return id2;
+  }
+  return id;
+};
+const getAndSetVariantId = (args) => {
+  const randomVariationId = getRandomVariationId(args);
+  setContentVariationCookie({
+    contentId: args.id,
+    value: randomVariationId
+  }).catch((err) => {
+    logger.error("could not store A/B test variation: ", err);
+  });
+  return randomVariationId;
+};
+const getTestFields = ({ item, testGroupId }) => {
+  const variationValue = item.variations[testGroupId];
+  if (testGroupId === item.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !variationValue)
+    return {
+      testVariationId: item.id,
+      testVariationName: "Default"
+    };
+  else
+    return {
+      data: variationValue.data,
+      testVariationId: variationValue.id,
+      testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
+    };
+};
+const handleABTestingSync = ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!item)
+    return void 0;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const testGroupId = getContentVariationCookieSync({
+    contentId: item.id
+  }) || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+const handleABTesting = async ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const cookieValue = await getContentVariationCookie({
+    contentId: item.id
+  });
+  const testGroupId = cookieValue || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+export {
+  handleABTesting,
+  handleABTestingSync
+};

package/lib/edge/helpers/canTrack.qwik.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const nullable = require("./nullable.qwik.cjs");
+const getDefaultCanTrack = (canTrack) => nullable.checkIsDefined(canTrack) ? canTrack : true;
+exports.getDefaultCanTrack = getDefaultCanTrack;

package/lib/edge/helpers/canTrack.qwik.mjs

@@ -0,0 +1,5 @@
+import { checkIsDefined } from "./nullable.qwik.mjs";
+const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+export {
+  getDefaultCanTrack
+};

package/lib/edge/helpers/cookie.qwik.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("../functions/is-browser.qwik.cjs");
+const logger = require("./logger.qwik.cjs");
+const nullable = require("./nullable.qwik.cjs");
+const url = require("./url.qwik.cjs");
+const getCookieSync = ({ name, canTrack }) => {
+  var _a;
+  try {
+    if (!canTrack)
+      return void 0;
+    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+  } catch (err) {
+    logger.logger.warn("[COOKIE] GET error: ", (err == null ? void 0 : err.message) || err);
+    return void 0;
+  }
+};
+const getCookie = async (args) => getCookieSync(args);
+const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(nullable.checkIsDefined).join("; ");
+const SECURE_CONFIG = [
+  [
+    "secure",
+    ""
+  ],
+  [
+    "SameSite",
+    "None"
+  ]
+];
+const createCookieString = ({ name, value, expires }) => {
+  const secure = isBrowser.isBrowser() ? location.protocol === "https:" : true;
+  const secureObj = secure ? SECURE_CONFIG : [
+    []
+  ];
+  const expiresObj = expires ? [
+    [
+      "expires",
+      expires.toUTCString()
+    ]
+  ] : [
+    []
+  ];
+  const cookieValue = [
+    [
+      name,
+      value
+    ],
+    ...expiresObj,
+    [
+      "path",
+      "/"
+    ],
+    [
+      "domain",
+      url.getTopLevelDomain(window.location.hostname)
+    ],
+    ...secureObj
+  ];
+  const cookie = stringifyCookie(cookieValue);
+  return cookie;
+};
+const setCookie = async ({ name, value, expires, canTrack }) => {
+  try {
+    if (!canTrack)
+      return;
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
+    document.cookie = cookie;
+  } catch (err) {
+    logger.logger.warn("[COOKIE] SET error: ", (err == null ? void 0 : err.message) || err);
+  }
+};
+exports.getCookie = getCookie;
+exports.getCookieSync = getCookieSync;
+exports.setCookie = setCookie;

package/lib/edge/helpers/cookie.qwik.mjs

@@ -0,0 +1,78 @@
+import { isBrowser } from "../functions/is-browser.qwik.mjs";
+import { logger } from "./logger.qwik.mjs";
+import { checkIsDefined } from "./nullable.qwik.mjs";
+import { getTopLevelDomain } from "./url.qwik.mjs";
+const getCookieSync = ({ name, canTrack }) => {
+  var _a;
+  try {
+    if (!canTrack)
+      return void 0;
+    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+  } catch (err) {
+    logger.warn("[COOKIE] GET error: ", (err == null ? void 0 : err.message) || err);
+    return void 0;
+  }
+};
+const getCookie = async (args) => getCookieSync(args);
+const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
+const SECURE_CONFIG = [
+  [
+    "secure",
+    ""
+  ],
+  [
+    "SameSite",
+    "None"
+  ]
+];
+const 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;
+};
+const 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 == null ? void 0 : err.message) || err);
+  }
+};
+export {
+  getCookie,
+  getCookieSync,
+  setCookie
+};