@usertour/helpers 0.0.1

package/dist/index.cjs

@@ -0,0 +1,1165 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AbortController: () => AbortController,
+  ArrayProto: () => ArrayProto,
+  XMLHttpRequest: () => XMLHttpRequest,
+  absoluteUrl: () => absoluteUrl,
+  assignableWindow: () => assignableWindow,
+  autoStartConditions: () => autoStartConditions,
+  buildConfig: () => buildConfig,
+  cn: () => cn,
+  conditionsIsSame: () => conditionsIsSame,
+  convertSettings: () => convertSettings,
+  convertToCssVars: () => convertToCssVars,
+  cuid: () => cuid,
+  deepClone: () => deepClone,
+  defaultContentConfig: () => defaultContentConfig,
+  defaultStep: () => defaultStep,
+  document: () => document,
+  evalCode: () => evalCode,
+  fetch: () => fetch,
+  formatDate: () => formatDate,
+  generateAutoStateColors: () => generateAutoStateColors,
+  getAuthToken: () => getAuthToken,
+  getCodeError: () => getCodeError,
+  getContentError: () => getContentError,
+  getCurrentTimeError: () => getCurrentTimeError,
+  getElementError: () => getElementError,
+  getErrorMessage: () => getErrorMessage,
+  getNavitateError: () => getNavitateError,
+  getRandomColor: () => getRandomColor,
+  getSegmentError: () => getSegmentError,
+  getStepError: () => getStepError,
+  getTextFillError: () => getTextFillError,
+  getTextInputError: () => getTextInputError,
+  getUrlPatternError: () => getUrlPatternError,
+  getUserAttrError: () => getUserAttrError,
+  getWaitError: () => getWaitError,
+  hasActionError: () => hasActionError,
+  hasError: () => hasError,
+  hexToHSLString: () => hexToHSLString,
+  hexToRGBStr: () => hexToRGBStr,
+  hexToRgb: () => hexToRgb,
+  isArray: () => isArray,
+  isBoolean: () => isBoolean,
+  isDark: () => isDark,
+  isDate: () => isDate,
+  isDocument: () => isDocument,
+  isEmptyObject: () => isEmptyObject,
+  isEmptyString: () => isEmptyString,
+  isEqual: () => import_fast_deep_equal.default,
+  isFile: () => isFile,
+  isFormData: () => isFormData,
+  isFunction: () => isFunction,
+  isMatchUrlPattern: () => isMatchUrlPattern,
+  isNull: () => isNull,
+  isNullish: () => isNullish,
+  isNumber: () => isNumber,
+  isObject: () => isObject,
+  isPublishedAtLeastOneEnvironment: () => isPublishedAtLeastOneEnvironment,
+  isPublishedInAllEnvironments: () => isPublishedInAllEnvironments,
+  isString: () => isString,
+  isUint8Array: () => isUint8Array,
+  isUndefined: () => isUndefined,
+  isUrl: () => isUrl,
+  isValidSelector: () => isValidSelector,
+  location: () => location,
+  mergeThemeDefaultSettings: () => mergeThemeDefaultSettings,
+  nativeForEach: () => nativeForEach,
+  nativeIndexOf: () => nativeIndexOf,
+  navigator: () => navigator,
+  removeAuthToken: () => removeAuthToken,
+  setAuthToken: () => setAuthToken,
+  storage: () => storage,
+  userAgent: () => userAgent,
+  uuidV4: () => uuidV4,
+  window: () => win
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/convert-settings.ts
+var import_types = require("@usertour/types");
+
+// src/color.ts
+var import_chroma_js = __toESM(require("chroma-js"), 1);
+function hexToHSLString(hexColor) {
+  try {
+    const color = (0, import_chroma_js.default)(hexColor);
+    const [h, s, l] = color.hsl();
+    const hDeg = Math.round(h || 0);
+    const sPct = Math.round(s * 100);
+    const lPct = Math.round(l * 100);
+    return `${hDeg} ${sPct}% ${lPct}%`;
+  } catch (error) {
+    console.warn(`Failed to convert ${hexColor} to HSL string:`, error);
+    return "0 0% 0%";
+  }
+}
+var hexToRGBStr = (hex) => {
+  try {
+    const color = (0, import_chroma_js.default)(hex);
+    const [r, g, b] = color.rgb();
+    return `${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}`;
+  } catch (error) {
+    console.warn(`Failed to convert ${hex} to RGB string:`, error);
+    return "0, 0, 0";
+  }
+};
+function generateAutoStateColors(baseColor, brandColor, hoverRatio = 0.12, activeRatio = 0.24) {
+  const isBaseLight = (0, import_chroma_js.default)(baseColor).luminance() > 0.8;
+  const isBaseBrand = import_chroma_js.default.distance(baseColor, brandColor) < 10;
+  let hover;
+  let active;
+  if (isBaseBrand) {
+    hover = import_chroma_js.default.mix(baseColor, "#fff", hoverRatio, "rgb").hex();
+    active = import_chroma_js.default.mix(baseColor, "#fff", activeRatio, "rgb").hex();
+  } else if (isBaseLight) {
+    hover = import_chroma_js.default.mix(baseColor, brandColor, hoverRatio, "rgb").hex();
+    active = import_chroma_js.default.mix(baseColor, brandColor, activeRatio, "rgb").hex();
+  } else {
+    hover = import_chroma_js.default.mix(baseColor, brandColor, hoverRatio, "rgb").hex();
+    active = import_chroma_js.default.mix(baseColor, brandColor, activeRatio, "rgb").hex();
+  }
+  return { hover, active };
+}
+
+// src/convert-settings.ts
+var import_deepmerge_ts = require("deepmerge-ts");
+
+// src/type-utils.ts
+var nativeIsArray = Array.isArray;
+var ObjProto = Object.prototype;
+var objToString = ObjProto.toString;
+var objHasOwn = ObjProto.hasOwnProperty;
+var isArray = nativeIsArray || ((obj) => objToString.call(obj) === "[object Array]");
+var isUint8Array = (x) => objToString.call(x) === "[object Uint8Array]";
+var isFunction = (f) => {
+  return typeof f === "function";
+};
+var isObject = (x) => {
+  return x === Object(x) && !isArray(x);
+};
+var isEmptyObject = (x) => {
+  if (isObject(x)) {
+    for (const key in x) {
+      if (objHasOwn.call(x, key)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+};
+var isUndefined = (x) => x === void 0;
+var isString = (x) => {
+  return objToString.call(x) === "[object String]";
+};
+var isEmptyString = (x) => isString(x) && x.trim().length === 0;
+var isNull = (x) => {
+  return x === null;
+};
+var isNullish = (x) => isUndefined(x) || isNull(x);
+var isDate = (x) => {
+  return objToString.call(x) === "[object Date]";
+};
+var isNumber = (x) => {
+  return objToString.call(x) === "[object Number]";
+};
+var isBoolean = (x) => {
+  return objToString.call(x) === "[object Boolean]";
+};
+var isDocument = (x) => {
+  return x instanceof Document;
+};
+var isFormData = (x) => {
+  return x instanceof FormData;
+};
+var isFile = (x) => {
+  return x instanceof File;
+};
+
+// src/convert-settings.ts
+var defaultFontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
+var mergeThemeDefaultSettings = (settings) => {
+  return (0, import_deepmerge_ts.deepmerge)(import_types.defaultSettings, settings);
+};
+var convertSettings = (settings) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  const data = mergeThemeDefaultSettings(settings);
+  if (settings.mainColor.hover === "Auto") {
+    data.mainColor.hover = settings.mainColor.autoHover;
+  }
+  if (settings.mainColor.active === "Auto") {
+    data.mainColor.active = settings.mainColor.autoActive;
+  }
+  if (settings.brandColor.hover === "Auto") {
+    data.brandColor.hover = settings.brandColor.autoHover;
+  }
+  if (settings.brandColor.active === "Auto") {
+    data.brandColor.active = settings.brandColor.autoActive;
+  }
+  if (settings.border.borderColor === "Auto") {
+    data.border.borderColor = settings.mainColor.color;
+  }
+  if (settings.buttons.primary.textColor.color === "Auto") {
+    data.buttons.primary.textColor.color = settings.brandColor.color;
+  }
+  if (settings.buttons.primary.textColor.hover === "Auto") {
+    data.buttons.primary.textColor.hover = settings.brandColor.color;
+  }
+  if (settings.buttons.primary.textColor.active === "Auto") {
+    data.buttons.primary.textColor.active = settings.brandColor.color;
+  }
+  if (settings.buttons.primary.backgroundColor.background === "Auto") {
+    data.buttons.primary.backgroundColor.background = settings.brandColor.background;
+  }
+  if (settings.buttons.primary.backgroundColor.hover === "Auto") {
+    data.buttons.primary.backgroundColor.hover = settings.brandColor.autoHover;
+  }
+  if (settings.buttons.primary.backgroundColor.active === "Auto") {
+    data.buttons.primary.backgroundColor.active = settings.brandColor.autoActive;
+  }
+  if (settings.buttons.primary.border.color.color === "Auto") {
+    data.buttons.primary.border.color.color = settings.brandColor.background;
+  }
+  if (settings.buttons.primary.border.color.hover === "Auto") {
+    data.buttons.primary.border.color.hover = settings.brandColor.autoHover;
+  }
+  if (settings.buttons.primary.border.color.active === "Auto") {
+    data.buttons.primary.border.color.active = settings.brandColor.autoActive;
+  }
+  if (settings.buttons.secondary.textColor.color === "Auto") {
+    data.buttons.secondary.textColor.color = settings.brandColor.background;
+  }
+  if (settings.buttons.secondary.textColor.hover === "Auto") {
+    data.buttons.secondary.textColor.hover = settings.brandColor.background;
+  }
+  if (settings.buttons.secondary.textColor.active === "Auto") {
+    data.buttons.secondary.textColor.active = settings.brandColor.background;
+  }
+  if (settings.buttons.secondary.backgroundColor.background === "Auto") {
+    data.buttons.secondary.backgroundColor.background = settings.mainColor.background;
+  }
+  if (settings.buttons.secondary.backgroundColor.hover === "Auto") {
+    data.buttons.secondary.backgroundColor.hover = settings.mainColor.autoHover;
+  }
+  if (settings.buttons.secondary.backgroundColor.active === "Auto") {
+    data.buttons.secondary.backgroundColor.active = settings.mainColor.autoActive;
+  }
+  if (settings.buttons.secondary.border.color.color === "Auto") {
+    data.buttons.secondary.border.color.color = settings.brandColor.background;
+  }
+  if (settings.buttons.secondary.border.color.hover === "Auto") {
+    data.buttons.secondary.border.color.hover = settings.brandColor.background;
+  }
+  if (settings.buttons.secondary.border.color.active === "Auto") {
+    data.buttons.secondary.border.color.active = settings.brandColor.background;
+  }
+  if (settings.font.linkColor === "Auto") {
+    data.font.linkColor = settings.brandColor.background;
+  }
+  if (settings.xbutton.color === "Auto") {
+    data.xbutton.color = settings.brandColor.background;
+  }
+  if (((_a = settings == null ? void 0 : settings.progress) == null ? void 0 : _a.color) === "Auto") {
+    data.progress.color = settings.brandColor.background;
+  }
+  if (((_b = settings == null ? void 0 : settings.launcherBeacon) == null ? void 0 : _b.color) === "Auto") {
+    data.launcherBeacon.color = settings.brandColor.background;
+  }
+  if (((_d = (_c = settings == null ? void 0 : settings.launcherIcon) == null ? void 0 : _c.color) == null ? void 0 : _d.color) === "Auto") {
+    data.launcherIcon.color.color = settings.brandColor.background;
+  }
+  if (((_f = (_e = settings == null ? void 0 : settings.launcherIcon) == null ? void 0 : _e.color) == null ? void 0 : _f.hover) === "Auto") {
+    data.launcherIcon.color.hover = settings.brandColor.autoHover;
+  }
+  if (((_h = (_g = settings == null ? void 0 : settings.launcherIcon) == null ? void 0 : _g.color) == null ? void 0 : _h.active) === "Auto") {
+    data.launcherIcon.color.active = settings.brandColor.autoActive;
+  }
+  if (((_j = (_i = settings.checklistLauncher) == null ? void 0 : _i.color) == null ? void 0 : _j.color) === "Auto") {
+    data.checklistLauncher.color.color = settings.brandColor.color;
+  }
+  if (((_l = (_k = settings.checklistLauncher) == null ? void 0 : _k.color) == null ? void 0 : _l.background) === "Auto") {
+    data.checklistLauncher.color.background = settings.brandColor.background;
+  }
+  if (((_n = (_m = settings.checklistLauncher) == null ? void 0 : _m.color) == null ? void 0 : _n.hover) === "Auto") {
+    data.checklistLauncher.color.hover = settings.brandColor.autoHover;
+  }
+  if (((_p = (_o = settings.checklistLauncher) == null ? void 0 : _o.color) == null ? void 0 : _p.active) === "Auto") {
+    data.checklistLauncher.color.active = settings.brandColor.autoActive;
+  }
+  if (((_r = (_q = settings.checklistLauncher) == null ? void 0 : _q.counter) == null ? void 0 : _r.color) === "Auto") {
+    data.checklistLauncher.counter.color = settings.brandColor.background;
+  }
+  if (((_t = (_s = settings.checklistLauncher) == null ? void 0 : _s.counter) == null ? void 0 : _t.background) === "Auto") {
+    data.checklistLauncher.counter.background = settings.brandColor.color;
+  }
+  if (((_u = settings.survey) == null ? void 0 : _u.color) === "Auto") {
+    data.survey.color = settings.brandColor.background;
+  }
+  if (settings.font.fontFamily === "System font") {
+    data.font.fontFamily = defaultFontFamily;
+  } else {
+    data.font.fontFamily += ", sans-serif;";
+  }
+  return data;
+};
+var convertToCssVars = (settings, type = "tooltip") => {
+  const cssMapping = {
+    "--usertour-background": hexToHSLString(settings.mainColor.background),
+    "--usertour-foreground": hexToHSLString(settings.mainColor.color),
+    "--usertour-brand-active-background-color": hexToHSLString(
+      settings.brandColor.autoActive
+    ),
+    "--usertour-brand-hover-background-color": hexToHSLString(
+      settings.brandColor.autoHover
+    ),
+    "--usertour-font-family": settings.font.fontFamily,
+    "--usertour-font-size": `${settings.font.fontSize}px`,
+    "--usertour-main-background-color": settings.mainColor.background,
+    "--usertour-main-foreground-color": settings.mainColor.color,
+    "--usertour-main-hover-background-color": hexToHSLString(
+      settings.mainColor.autoHover
+    ),
+    "--usertour-main-active-background-color": hexToHSLString(
+      settings.mainColor.autoActive
+    ),
+    "--usertour-line-height": `${settings.font.lineHeight}px`,
+    "--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
+    "--usertour-font-weight-normal": settings.font.fontWeightNormal,
+    "--usertour-font-weight-bold": settings.font.fontWeightBold,
+    "--usertour-h1-font-size": `${settings.font.h1FontSize}px`,
+    "--usertour-h2-font-size": `${settings.font.h2FontSize}px`,
+    "--usertour-link-color": hexToHSLString(settings.font.linkColor),
+    "--usertour-widget-popper-border-width": settings.border.borderWidthEnabled ? `${settings.border.borderWidth}px` : "0px",
+    "--usertour-widget-popper-border-color": settings.border.borderColor,
+    "--usertour-button-border-radius": `${settings.buttons.borderRadius}px`,
+    "--usertour-button-height": `${settings.buttons.height}px`,
+    "--usertour-button-min-width": `${settings.buttons.minWidth}px`,
+    "--usertour-button-px": `${settings.buttons.px}px`,
+    "--usertour-primary": settings.buttons.primary.backgroundColor.background,
+    "--usertour-primary-hover": settings.buttons.primary.backgroundColor.hover,
+    "--usertour-primary-active": settings.buttons.primary.backgroundColor.active,
+    "--usertour-primary-foreground": settings.buttons.primary.textColor.color,
+    "--usertour-primary-foreground-hover": settings.buttons.primary.textColor.hover,
+    "--usertour-primary-foreground-active": settings.buttons.primary.textColor.active,
+    "--usertour-primary-border-width": settings.buttons.primary.border.enabled ? `${settings.buttons.primary.border.borderWidth}px` : "0px",
+    "--usertour-primary-border-color": settings.buttons.primary.border.color.color,
+    "--usertour-primary-border-hover": settings.buttons.primary.border.color.hover,
+    "--usertour-primary-border-active": settings.buttons.primary.border.color.active,
+    "--usertour-primary-font-weight": settings.buttons.primary.fontWeight,
+    "--usertour-secondary": settings.buttons.secondary.backgroundColor.background,
+    "--usertour-secondary-hover": settings.buttons.secondary.backgroundColor.hover,
+    "--usertour-secondary-active": settings.buttons.secondary.backgroundColor.active,
+    "--usertour-secondary-foreground": settings.buttons.secondary.textColor.color,
+    "--usertour-secondary-foreground-hover": settings.buttons.secondary.textColor.hover,
+    "--usertour-secondary-foreground-active": settings.buttons.secondary.textColor.active,
+    "--usertour-secondary-border-width": settings.buttons.secondary.border.enabled ? `${settings.buttons.secondary.border.borderWidth}px` : "0px",
+    "--usertour-secondary-border-color": settings.buttons.secondary.border.color.color,
+    "--usertour-secondary-border-hover": settings.buttons.secondary.border.color.hover,
+    "--usertour-secondary-border-active": settings.buttons.secondary.border.color.active,
+    "--usertour-secondary-font-weight": settings.buttons.secondary.fontWeight,
+    "--usertour-backdrop-color-rgb": hexToRGBStr(settings.backdrop.color),
+    "--usertour-backdrop-highlight-inset": settings.backdrop.highlight.type === "inside" ? "inset" : null,
+    "--usertour-backdrop-highlight-color-rgb": hexToRGBStr(settings.backdrop.highlight.color),
+    "--usertour-backdrop-highlight-opacity": settings.backdrop.highlight.opacity / 100,
+    "--usertour-backdrop-highlight-radius": `${settings.backdrop.highlight.radius}px`,
+    "--usertour-backdrop-highlight-spread": `${settings.backdrop.highlight.spread}px`,
+    "--usertour-backdrop-opacity": settings.backdrop.opacity / 100,
+    "--usertour-progress-bar-color": settings.progress.color,
+    "--usertour-progress-bar-height": `${settings.progress.height}px`,
+    "--usertour-narrow-progress-bar-height": `${settings.progress.narrowHeight}px`,
+    "--usertour-squared-progress-bar-height": `${settings.progress.chainSquaredHeight}px`,
+    "--usertour-rounded-progress-bar-height": `${settings.progress.chainRoundedHeight}px`,
+    "--usertour-dotted-progress-bar-height": `${settings.progress.dotsHeight}px`,
+    "--usertour-numbered-progress-bar-height": `${settings.progress.numberedHeight}px`,
+    "--usertour-widget-popper-padding": type === "modal" ? `${settings.modal.padding}px` : void 0,
+    "--usertour-xbutton": settings.xbutton.color,
+    "--usertour-widget-launcher-icon-color": settings.launcherIcon.color.color,
+    "--usertour-widget-launcher-icon-hover-color": settings.launcherIcon.color.hover,
+    "--usertour-widget-launcher-icon-active-color": settings.launcherIcon.color.active,
+    "--usertour-widget-launcher-icon-size": `${settings.launcherIcon.size}px`,
+    "--usertour-widget-beacon-color": settings.launcherBeacon.color,
+    "--usertour-widget-launcher-icon-opacity": settings.launcherIcon.opacity / 100,
+    "--usertour-widget-popper-padding-top": "2px",
+    "--usertour-widget-popper-padding-bottom": "2px",
+    "--usertour-checklist-trigger-active-background-color": settings.checklistLauncher.color.active,
+    "--usertour-checklist-trigger-background-color": settings.checklistLauncher.color.background,
+    "--usertour-checklist-trigger-border-radius": `${settings.checklistLauncher.borderRadius}px`,
+    "--usertour-checklist-trigger-counter-background-color": settings.checklistLauncher.counter.background,
+    "--usertour-checklist-trigger-counter-font-color": settings.checklistLauncher.counter.color,
+    "--usertour-checklist-trigger-font-color-rgb": settings.checklistLauncher.color.color,
+    "--usertour-checklist-trigger-font-color": settings.checklistLauncher.color.color,
+    "--usertour-checklist-trigger-font-weight": settings.checklistLauncher.fontWeight,
+    "--usertour-checkmark-background-color": settings.checklist.checkmarkColor,
+    "--usertour-checklist-trigger-height": `${settings.checklistLauncher.height}px`,
+    "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
+    "--usertour-question-color": hexToHSLString(settings.survey.color)
+  };
+  let css = "";
+  for (const key in cssMapping) {
+    const value = cssMapping[key];
+    if (!isUndefined(value)) {
+      css += `${key}:${value};`;
+    }
+  }
+  return css;
+};
+
+// src/condition.ts
+var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
+var parseUrl = (url) => {
+  const urlPatterns = url.match(/^(([a-z\d]+):\/\/)?([^/?#]+)?(\/[^?#]*)?(\?([^#]*))?(#.*)?$/i);
+  if (!urlPatterns) {
+    return null;
+  }
+  const [, , scheme = "", domain = "", path = "", , query = "", fragment = ""] = urlPatterns;
+  return { scheme, domain, path, query, fragment };
+};
+var replaceWildcard = (input, s1, s2) => {
+  const withSpecialWords = replaceSpecialWords(input);
+  const withWildcard = withSpecialWords.replace(/\\\*/g, `${s1}*`);
+  if (!s2) {
+    return withWildcard;
+  }
+  return withWildcard.replace(/:[a-z0-9_]+/g, `[^${s2}]+`);
+};
+var replaceSpecialWords = (str) => {
+  return str.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+};
+var parsePattern = (pattern) => {
+  if (!pattern || !pattern.trim()) {
+    return null;
+  }
+  const _pattern = parseUrl(pattern);
+  if (!_pattern) {
+    console.error("Invalid URL pattern:", pattern);
+    return null;
+  }
+  const { scheme, domain, path, query, fragment } = _pattern;
+  const _scheme = scheme ? replaceSpecialWords(scheme) : "[a-z\\d]+";
+  const _domain = domain ? replaceWildcard(domain, "[^/]", ".") : "[^/]*";
+  const _fragment = fragment ? replaceWildcard(fragment, ".", "/") : "(#.*)?";
+  const _path = path ? replaceWildcard(path, "[^?#]", "/") : "/[^?#]*";
+  let _query = "(\\?[^#]*)?";
+  if (query) {
+    new URLSearchParams(query).forEach((value, key) => {
+      const _str = value === "" ? "=?" : value === "*" ? "(=[^&#]*)?" : `=${replaceWildcard(value, "[^#]")}`;
+      _query += `(?=.*[?&]${replaceSpecialWords(key)}${_str}([&#]|$))`;
+    });
+    _query += "\\?[^#]*";
+  }
+  return new RegExp(`^${_scheme}://${_domain}(:\\d+)?${_path}${_query}${_fragment}$`);
+};
+var isMatchUrlPattern = (_url, includes, excludes) => {
+  const isMatchIncludesConditions = includes.length > 0 ? includes.some((_include) => {
+    const reg = parsePattern(_include);
+    if (reg) {
+      return reg.test(_url);
+    }
+    return false;
+  }) : true;
+  const isMatchExcludesConditions = excludes.length > 0 ? excludes.some((_exclude) => {
+    const reg = parsePattern(_exclude);
+    if (reg) {
+      return reg.test(_url);
+    }
+    return false;
+  }) : false;
+  return isMatchIncludesConditions && !isMatchExcludesConditions;
+};
+var compareConditionsItem = (item1, item2) => {
+  const { data = {}, ...others1 } = item1;
+  const { data: data2 = {}, ...others2 } = item2;
+  if (!(0, import_fast_deep_equal.default)(others2, others1)) {
+    return false;
+  }
+  for (const key in data) {
+    if (!(0, import_fast_deep_equal.default)(data[key], data2[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var conditionsIsSame = (rr1, rr2) => {
+  const r1 = [...rr1];
+  const r2 = [...rr2];
+  if (r1.length === 0 && r2.length === 0) {
+    return true;
+  }
+  if (r1.length !== r2.length) {
+    return false;
+  }
+  const group1 = r1.filter((item) => item.type === "group");
+  const group2 = r2.filter((item) => item.type === "group");
+  if (group1.length !== group2.length) {
+    return false;
+  }
+  for (let index = 0; index < r1.length; index++) {
+    const item1 = r1[index];
+    const item2 = r2[index];
+    if (!item1 || !item2) {
+      return false;
+    }
+    if (item1.type === "group") {
+      if (!item2.conditions) {
+        return false;
+      }
+      const c1 = item1.conditions;
+      const c2 = item2.conditions;
+      if (item1.operators !== item2.operators) {
+        return false;
+      }
+      if (!conditionsIsSame(c1, c2)) {
+        return false;
+      }
+    } else {
+      if (!compareConditionsItem(item1, item2)) {
+        return false;
+      }
+    }
+  }
+  return true;
+};
+
+// src/content-settings.ts
+var import_types2 = require("@usertour/types");
+var import_deepmerge_ts2 = require("deepmerge-ts");
+var rulesSetting = {
+  // frequency: {
+  //   frequency: Frequency.ONCE,
+  //   every: { duration: 0, times: 1, unit: FrequencyUnits.MINUTES },
+  //   atLeast: { duration: 0, unit: FrequencyUnits.MINUTES },
+  // },
+  startIfNotComplete: false,
+  priority: import_types2.ContentPriority.MEDIUM,
+  wait: 0
+};
+var hideRulesSetting = {};
+var defaultContentConfig = {
+  enabledAutoStartRules: false,
+  enabledHideRules: false,
+  autoStartRules: [],
+  hideRules: [],
+  autoStartRulesSetting: rulesSetting,
+  hideRulesSetting
+};
+var autoStartConditions = {
+  ...defaultContentConfig,
+  enabledAutoStartRules: true,
+  autoStartRules: [
+    {
+      data: { excludes: [], includes: ["/*"] },
+      type: "current-page",
+      operators: "and"
+    }
+  ]
+};
+var buildConfig = (config) => {
+  return {
+    ...defaultContentConfig,
+    ...config,
+    autoStartRulesSetting: (0, import_deepmerge_ts2.deepmerge)(
+      defaultContentConfig.autoStartRulesSetting,
+      (config == null ? void 0 : config.autoStartRulesSetting) || {}
+    ),
+    hideRulesSetting: (config == null ? void 0 : config.hideRulesSetting) || {}
+  };
+};
+
+// src/error.ts
+var import_types3 = require("@usertour/types");
+var isValidSelector = (selector) => {
+  if (!selector) {
+    return false;
+  }
+  if (selector.type === "auto" && !selector.selectors) {
+    return false;
+  }
+  if (selector.type === "manual" && !selector.customSelector) {
+    return false;
+  }
+  return true;
+};
+var getUserAttrError = (data, attributes) => {
+  const ret = { showError: false, errorInfo: "" };
+  const item = attributes.find((item2) => item2.id === (data == null ? void 0 : data.attrId));
+  if (!(data == null ? void 0 : data.attrId) || !item) {
+    ret.showError = true;
+    ret.errorInfo = "Please select a attribute";
+  } else if ((data == null ? void 0 : data.logic) === "between" && (!(data == null ? void 0 : data.value) || !(data == null ? void 0 : data.value2))) {
+    ret.showError = true;
+    ret.errorInfo = "Please enter a value";
+  } else if ((item == null ? void 0 : item.dataType) !== import_types3.AttributeDataType.Boolean) {
+    if (data.logic !== "any" && data.logic !== "empty") {
+      if ((item == null ? void 0 : item.dataType) === import_types3.AttributeDataType.List) {
+        if (!data.listValues || data.listValues.length === 0) {
+          ret.showError = true;
+          ret.errorInfo = "Please enter a value";
+        }
+      } else {
+        if (!data.value || data.value === "") {
+          ret.showError = true;
+          ret.errorInfo = "Please enter a value";
+        }
+      }
+    }
+  }
+  return ret;
+};
+var getUrlPatternError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  const hasExcludes = data.excludes && data.excludes.length > 0;
+  const hasIncludes = data.includes && data.includes.length > 0;
+  if (!hasExcludes && !hasIncludes) {
+    ret.showError = true;
+    ret.errorInfo = "Enter at least one URL pattern";
+  }
+  return ret;
+};
+var getCurrentTimeError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.startDate && !data.endDate) {
+    ret.showError = true;
+    ret.errorInfo = "Either start or end time be filled in";
+  }
+  return ret;
+};
+var getWaitError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (data.second === void 0) {
+    ret.showError = true;
+    ret.errorInfo = "Enter wait time";
+  }
+  return ret;
+};
+var getElementError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!isValidSelector(data.elementData)) {
+    ret.showError = true;
+    ret.errorInfo = "Please select an element";
+  }
+  return ret;
+};
+var getTextInputError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (data.logic !== "any" && data.logic !== "empty" && data.value === "") {
+    ret.showError = true;
+    ret.errorInfo = "Please enter a value";
+  } else if (!isValidSelector(data.elementData)) {
+    ret.showError = true;
+    ret.errorInfo = "Please select an element";
+  }
+  return ret;
+};
+var getTextFillError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!isValidSelector(data.elementData)) {
+    ret.showError = true;
+    ret.errorInfo = "Please select an element";
+  }
+  return ret;
+};
+var getSegmentError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.segmentId) {
+    ret.showError = true;
+    ret.errorInfo = "Please select an segment";
+  }
+  return ret;
+};
+var getContentError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.contentId) {
+    ret.showError = true;
+    ret.errorInfo = "Please select a flow";
+  }
+  return ret;
+};
+var getStepError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.stepCvid) {
+    ret.showError = true;
+    ret.errorInfo = "Please select a step";
+  }
+  return ret;
+};
+var getNavitateError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.value || data.value === "") {
+    ret.showError = true;
+    ret.errorInfo = "Enter the navigator url";
+  }
+  return ret;
+};
+var getCodeError = (data) => {
+  const ret = { showError: false, errorInfo: "" };
+  if (!data.value) {
+    ret.showError = true;
+    ret.errorInfo = "Enter the code ";
+  }
+  return ret;
+};
+var errorHandlerMapping = {
+  "current-page": getUrlPatternError,
+  "user-attr": getUserAttrError,
+  time: getCurrentTimeError,
+  wait: getWaitError,
+  element: getElementError,
+  "text-input": getTextInputError,
+  "text-fill": getTextFillError,
+  segment: getSegmentError,
+  content: getContentError
+};
+var hasError = (conds, attributes) => {
+  for (const cond of conds) {
+    const condType = cond.type;
+    const condErroFn = errorHandlerMapping[condType];
+    if (condErroFn) {
+      const { showError } = condErroFn(cond.data, attributes);
+      if (showError) {
+        return true;
+      }
+    }
+    if (cond.conditions) {
+      if (hasError(cond.conditions, attributes) === true) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+var errorActionHandlerMapping = {
+  [import_types3.ContentActionsItemType.STEP_GOTO]: getStepError,
+  [import_types3.ContentActionsItemType.PAGE_NAVIGATE]: getNavitateError,
+  [import_types3.ContentActionsItemType.FLOW_START]: getContentError,
+  [import_types3.ContentActionsItemType.JAVASCRIPT_EVALUATE]: getCodeError
+};
+var hasActionError = (conds) => {
+  for (const cond of conds) {
+    const condType = cond.type;
+    const condErroFn = errorActionHandlerMapping[condType];
+    if (condErroFn) {
+      const { showError } = condErroFn(cond.data);
+      if (showError) {
+        return true;
+      }
+    }
+    if (cond.conditions) {
+      if (hasActionError(cond.conditions) === true) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+function isErrorWithMessage(error) {
+  return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
+}
+function toErrorWithMessage(maybeError) {
+  if (isErrorWithMessage(maybeError))
+    return maybeError;
+  try {
+    return new Error(JSON.stringify(maybeError));
+  } catch {
+    return new Error(String(maybeError));
+  }
+}
+function getErrorMessage(error) {
+  return toErrorWithMessage(error).message;
+}
+
+// src/globals.ts
+var win = typeof window !== "undefined" ? window : void 0;
+var global = typeof globalThis !== "undefined" ? globalThis : win;
+var ArrayProto = Array.prototype;
+var nativeForEach = ArrayProto.forEach;
+var nativeIndexOf = ArrayProto.indexOf;
+var navigator = global == null ? void 0 : global.navigator;
+var document = global == null ? void 0 : global.document;
+var location = global == null ? void 0 : global.location;
+var fetch = global == null ? void 0 : global.fetch;
+var XMLHttpRequest = (global == null ? void 0 : global.XMLHttpRequest) && "withCredentials" in new global.XMLHttpRequest() ? global.XMLHttpRequest : void 0;
+var AbortController = global == null ? void 0 : global.AbortController;
+var userAgent = navigator == null ? void 0 : navigator.userAgent;
+var assignableWindow = win != null ? win : {};
+
+// src/storage.ts
+var AppStorage = class {
+  constructor(prefix, defaultExpire) {
+    __publicField(this, "prefix", "USERTOUR@0.0.1");
+    __publicField(this, "defaultExpire", 5);
+    __publicField(this, "setStorage", (type, key, inputValue, inputExpire = -1) => {
+      var _a, _b;
+      const value = inputValue === "" || inputValue === void 0 ? null : inputValue;
+      const expire = Number.isNaN(inputExpire) ? this.defaultExpire : inputExpire;
+      const data = {
+        value,
+        time: Date.now(),
+        expire
+      };
+      try {
+        const stringifyData = JSON.stringify(data);
+        (_b = (_a = win) == null ? void 0 : _a[type]) == null ? void 0 : _b.setItem(this.autoAddPrefix(key), stringifyData);
+      } catch (e) {
+        console.error(`[APP_STORAGE] setStorage error: ${e}`);
+      }
+    });
+    __publicField(this, "getStorage", (type, key) => {
+      var _a, _b, _c, _d;
+      const prefixKey = this.autoAddPrefix(key);
+      if (!((_b = (_a = win) == null ? void 0 : _a[type]) == null ? void 0 : _b.getItem(prefixKey))) {
+        return void 0;
+      }
+      let storage2 = void 0;
+      try {
+        const stringifyData = (_d = (_c = win) == null ? void 0 : _c[type]) == null ? void 0 : _d.getItem(prefixKey);
+        if (stringifyData === null || stringifyData === void 0) {
+          return void 0;
+        }
+        storage2 = JSON.parse(stringifyData);
+      } catch (e) {
+        console.error(`[APP_STORAGE] getStorage error: ${e}`);
+        return void 0;
+      }
+      const nowTime = Date.now();
+      if (storage2 === void 0) {
+        return void 0;
+      }
+      if (storage2.expire > -1 && storage2.expire * 60 * 1e3 < nowTime - storage2.time) {
+        this.removeStorage(type, key);
+        return void 0;
+      }
+      this.setStorage(type, key, storage2.value, storage2.expire);
+      return storage2.value;
+    });
+    __publicField(this, "clearStorage", (type) => {
+      var _a, _b;
+      (_b = (_a = win) == null ? void 0 : _a[type]) == null ? void 0 : _b.clear();
+    });
+    __publicField(this, "removeStorage", (type, key) => {
+      var _a, _b;
+      (_b = (_a = win) == null ? void 0 : _a[type]) == null ? void 0 : _b.removeItem(this.autoAddPrefix(key));
+    });
+    __publicField(this, "setLocalStorage", (key, value, expire) => {
+      this.setStorage("localStorage", key, value, expire);
+    });
+    __publicField(this, "getLocalStorage", (key) => {
+      return this.getStorage("localStorage", key);
+    });
+    __publicField(this, "clearLocalStorage", () => {
+      this.clearStorage("localStorage");
+    });
+    __publicField(this, "removeLocalStorage", (key) => {
+      this.removeStorage("localStorage", key);
+    });
+    __publicField(this, "setSessionStorage", (key, value, expire) => {
+      this.setStorage("sessionStorage", key, value, expire);
+    });
+    __publicField(this, "getSessionStorage", (key) => {
+      return this.getStorage("sessionStorage", key);
+    });
+    __publicField(this, "clearSessionStorage", () => {
+      this.clearStorage("sessionStorage");
+    });
+    __publicField(this, "removeSessionStorage", (key) => {
+      this.removeStorage("sessionStorage", key);
+    });
+    if (prefix !== void 0) {
+      this.prefix = prefix;
+    }
+    if (defaultExpire !== void 0) {
+      this.defaultExpire = defaultExpire;
+    }
+  }
+  autoAddPrefix(key) {
+    return `${this.prefix}/${key}`;
+  }
+};
+
+// src/auth.ts
+var storage = new AppStorage("USERTOUR@0.0.1", 5);
+var TOKEN_NAME = "token";
+var getAuthToken = () => {
+  return storage.getLocalStorage(TOKEN_NAME);
+};
+var removeAuthToken = () => {
+  return storage.removeLocalStorage(TOKEN_NAME);
+};
+var setAuthToken = (token, expire) => {
+  storage.setLocalStorage(TOKEN_NAME, token, expire);
+};
+
+// src/settings.ts
+var defaultStep = {
+  name: "step",
+  type: "tooltip",
+  sequence: 0,
+  setting: {
+    height: 0,
+    width: 250,
+    skippable: true,
+    enabledBackdrop: false,
+    enabledBlockTarget: false,
+    explicitCompletionStep: false,
+    align: "center",
+    side: "bottom",
+    sideOffset: 0,
+    alignOffset: 0,
+    alignType: "auto",
+    position: "center",
+    positionOffsetX: 0,
+    positionOffsetY: 0
+  },
+  data: [
+    {
+      type: "paragraph",
+      children: [{ text: "" }]
+    }
+  ],
+  target: {
+    selectors: null,
+    content: "",
+    sequence: "1st",
+    precision: "stricter",
+    isDynamicContent: false,
+    customSelector: "",
+    type: "auto"
+  }
+};
+
+// src/is-url.ts
+var protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
+var localhostDomainRE = /^localhost[\:?\d]*(?:[^\:?\d]\S*)?$/;
+var nonLocalhostDomainRE = /^[^\s\.]+\.\S{2,}$/;
+function isUrl(string) {
+  if (typeof string !== "string") {
+    return false;
+  }
+  const match = string.match(protocolAndDomainRE);
+  if (!match) {
+    return false;
+  }
+  const everythingAfterProtocol = match[1];
+  if (!everythingAfterProtocol) {
+    return false;
+  }
+  if (localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol)) {
+    return true;
+  }
+  return false;
+}
+
+// src/content.ts
+var isPublishedInAllEnvironments = (content, environmentList, version) => {
+  const isPublishedInAllEnvironments2 = environmentList == null ? void 0 : environmentList.every(
+    (env) => {
+      var _a;
+      return (_a = content == null ? void 0 : content.contentOnEnvironments) == null ? void 0 : _a.find(
+        (item) => item.published && item.publishedVersionId === (version == null ? void 0 : version.id) && item.environment.id === env.id
+      );
+    }
+  );
+  const isPublishedInOneEnvironment = (content == null ? void 0 : content.published) && (content == null ? void 0 : content.publishedVersionId) === (version == null ? void 0 : version.id) && environmentList && (environmentList == null ? void 0 : environmentList.length) === 1;
+  return (content == null ? void 0 : content.contentOnEnvironments) && (content == null ? void 0 : content.contentOnEnvironments.length) > 0 ? Boolean(isPublishedInAllEnvironments2) : Boolean(isPublishedInOneEnvironment);
+};
+var isPublishedAtLeastOneEnvironment = (content) => {
+  var _a;
+  if ((content == null ? void 0 : content.contentOnEnvironments) && ((_a = content == null ? void 0 : content.contentOnEnvironments) == null ? void 0 : _a.length) > 0) {
+    return true;
+  }
+  if ((content == null ? void 0 : content.published) && (content == null ? void 0 : content.publishedVersionId)) {
+    return true;
+  }
+  return false;
+};
+
+// src/utils.ts
+var deepClone = (obj) => {
+  try {
+    return structuredClone(obj);
+  } catch (error) {
+    console.warn("structuredClone failed, falling back to JSON method:", error);
+    return JSON.parse(JSON.stringify(obj));
+  }
+};
+
+// src/helper.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var import_uuid = require("uuid");
+var import_cuid2 = require("@paralleldrive/cuid2");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+var cuid = () => {
+  return (0, import_cuid2.createId)();
+};
+function formatDate(input) {
+  const date = new Date(input);
+  return date.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function absoluteUrl(path) {
+  return `${path}`;
+}
+var uuidV4 = () => {
+  return (0, import_uuid.v4)();
+};
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: Number.parseInt(result[1], 16),
+    g: Number.parseInt(result[2], 16),
+    b: Number.parseInt(result[3], 16)
+  } : null;
+}
+var isDark = (hex) => {
+  const rgb = hexToRgb(hex);
+  if (!rgb) {
+    return null;
+  }
+  const { r, g, b } = rgb;
+  if (r * 0.299 + g * 0.587 + b * 0.114 > 186) {
+    return true;
+  }
+  return false;
+};
+var evalCode = (code) => {
+  try {
+    return eval(code);
+  } catch (error) {
+    console.error("Usertour.js: Error evaluating code:", error);
+    return null;
+  }
+};
+var getRandomColor = () => {
+  const colors = [
+    "bg-red-500",
+    "bg-orange-500",
+    "bg-yellow-500",
+    "bg-green-500",
+    "bg-teal-500",
+    "bg-blue-500",
+    "bg-indigo-500",
+    "bg-purple-500",
+    "bg-pink-500",
+    "bg-rose-500"
+  ];
+  return colors[Math.floor(Math.random() * colors.length)];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AbortController,
+  ArrayProto,
+  XMLHttpRequest,
+  absoluteUrl,
+  assignableWindow,
+  autoStartConditions,
+  buildConfig,
+  cn,
+  conditionsIsSame,
+  convertSettings,
+  convertToCssVars,
+  cuid,
+  deepClone,
+  defaultContentConfig,
+  defaultStep,
+  document,
+  evalCode,
+  fetch,
+  formatDate,
+  generateAutoStateColors,
+  getAuthToken,
+  getCodeError,
+  getContentError,
+  getCurrentTimeError,
+  getElementError,
+  getErrorMessage,
+  getNavitateError,
+  getRandomColor,
+  getSegmentError,
+  getStepError,
+  getTextFillError,
+  getTextInputError,
+  getUrlPatternError,
+  getUserAttrError,
+  getWaitError,
+  hasActionError,
+  hasError,
+  hexToHSLString,
+  hexToRGBStr,
+  hexToRgb,
+  isArray,
+  isBoolean,
+  isDark,
+  isDate,
+  isDocument,
+  isEmptyObject,
+  isEmptyString,
+  isEqual,
+  isFile,
+  isFormData,
+  isFunction,
+  isMatchUrlPattern,
+  isNull,
+  isNullish,
+  isNumber,
+  isObject,
+  isPublishedAtLeastOneEnvironment,
+  isPublishedInAllEnvironments,
+  isString,
+  isUint8Array,
+  isUndefined,
+  isUrl,
+  isValidSelector,
+  location,
+  mergeThemeDefaultSettings,
+  nativeForEach,
+  nativeIndexOf,
+  navigator,
+  removeAuthToken,
+  setAuthToken,
+  storage,
+  userAgent,
+  uuidV4,
+  window
+});