@usertour/helpers 0.0.5 → 0.0.7

package/dist/chunk-7IK5Q5N2.js

@@ -0,0 +1,591 @@
+import {
+  finderV2
+} from "./chunk-DEG6MTU7.js";
+import {
+  off,
+  on
+} from "./chunk-Y6FPPOKF.js";
+import {
+  document,
+  location
+} from "./chunk-H7VA3ML2.js";
+import {
+  conditionsIsSame,
+  isMatchUrlPattern
+} from "./chunk-FNQIIEWK.js";
+
+// src/conditions.ts
+import { computePosition, hide } from "@floating-ui/dom";
+import {
+  BizEvents,
+  ContentDataType,
+  ContentConditionLogic,
+  Frequency,
+  FrequencyUnits,
+  ElementConditionLogic,
+  StringConditionLogic,
+  ContentPriority,
+  RulesType
+} from "@usertour/types";
+import {
+  differenceInDays,
+  differenceInHours,
+  differenceInMinutes,
+  differenceInSeconds,
+  isAfter,
+  isBefore
+} from "date-fns";
+var rulesTypes = Object.values(RulesType);
+var PRIORITIES = [
+  ContentPriority.HIGHEST,
+  ContentPriority.HIGH,
+  ContentPriority.MEDIUM,
+  ContentPriority.LOW,
+  ContentPriority.LOWEST
+];
+var isActiveRulesByCurrentPage = (rules) => {
+  const { excludes, includes } = rules.data;
+  if (location) {
+    const href = location.href;
+    return isMatchUrlPattern(href, includes, excludes);
+  }
+  return false;
+};
+var isActiveRulesByCurrentTime = (rules) => {
+  const { endDate, endDateHour, endDateMinute, startDate, startDateHour, startDateMinute } = rules.data;
+  const startTime = /* @__PURE__ */ new Date(`${startDate} ${startDateHour}:${startDateMinute}:00`);
+  const endTime = /* @__PURE__ */ new Date(`${endDate} ${endDateHour}:${endDateMinute}:00`);
+  const now = /* @__PURE__ */ new Date();
+  if (!endDate) {
+    return isAfter(now, startTime);
+  }
+  return isAfter(now, startTime) && isBefore(now, endTime);
+};
+var isActivedContentRulesCondition = (rules, contentSession) => {
+  const { contentId, logic } = rules.data;
+  const { latestSession, seenSessions, completedSessions } = contentSession;
+  if (!contentId || !logic || contentId !== contentSession.contentId) {
+    return false;
+  }
+  if (logic === ContentConditionLogic.ACTIVED || logic === ContentConditionLogic.UNACTIVED) {
+    if (!latestSession) {
+      return logic === ContentConditionLogic.UNACTIVED;
+    }
+    const isActived = !(flowIsDismissed(latestSession) || checklistIsDimissed(latestSession));
+    return logic === ContentConditionLogic.ACTIVED ? isActived : !isActived;
+  }
+  const isSeen = seenSessions > 0;
+  const isCompleted = completedSessions > 0;
+  if (logic === ContentConditionLogic.SEEN || logic === ContentConditionLogic.UNSEEN) {
+    return logic === ContentConditionLogic.SEEN ? isSeen : !isSeen;
+  }
+  if (logic === ContentConditionLogic.COMPLETED || logic === ContentConditionLogic.UNCOMPLETED) {
+    return logic === ContentConditionLogic.COMPLETED ? isCompleted : !isCompleted;
+  }
+  return false;
+};
+var isVisible = async (el) => {
+  var _a, _b;
+  if (!((_a = document) == null ? void 0 : _a.body)) {
+    return false;
+  }
+  const { middlewareData } = await computePosition(el, document.body, {
+    strategy: "fixed",
+    middleware: [hide()]
+  });
+  if ((_b = middlewareData == null ? void 0 : middlewareData.hide) == null ? void 0 : _b.referenceHidden) {
+    return false;
+  }
+  return true;
+};
+var cache = /* @__PURE__ */ new Map();
+var isClicked = (el) => {
+  if (cache.has(el)) {
+    return cache.get(el);
+  }
+  const onClick = () => {
+    cache.set(el, true);
+    off(el, "click", onClick);
+  };
+  on(el, "click", onClick);
+  cache.set(el, false);
+  return false;
+};
+var isActiveRulesByElement = async (rules) => {
+  const { data } = rules;
+  if (!document) {
+    return false;
+  }
+  const el = finderV2(data.elementData, document);
+  const isPresent = el ? await isVisible(el) : false;
+  const isDisabled = el ? el.disabled : false;
+  switch (data.logic) {
+    case ElementConditionLogic.PRESENT:
+      return isPresent;
+    case ElementConditionLogic.UNPRESENT:
+      return !isPresent;
+    case ElementConditionLogic.DISABLED:
+      return el && isDisabled;
+    case ElementConditionLogic.UNDISABLED:
+      return el && !isDisabled;
+    case ElementConditionLogic.CLICKED:
+      return el && isClicked(el);
+    case ElementConditionLogic.UNCLICKED:
+      return el && !isClicked(el);
+    default:
+      return false;
+  }
+};
+var isActiveRulesByTextInput = async (rules) => {
+  const {
+    data: { elementData, logic, value }
+  } = rules;
+  if (!document) {
+    return false;
+  }
+  const el = finderV2(elementData, document);
+  if (!el) {
+    return false;
+  }
+  const elValue = el.value;
+  switch (logic) {
+    case StringConditionLogic.IS:
+      return elValue === value;
+    case StringConditionLogic.NOT:
+      return elValue !== value;
+    case StringConditionLogic.CONTAINS:
+      return elValue.includes(value);
+    case StringConditionLogic.NOT_CONTAIN:
+      return !elValue.includes(value);
+    case StringConditionLogic.STARTS_WITH:
+      return elValue.startsWith(value);
+    case StringConditionLogic.ENDS_WITH:
+      return elValue.endsWith(value);
+    case StringConditionLogic.MATCH:
+      return elValue.search(value) !== -1;
+    case StringConditionLogic.UNMATCH:
+      return elValue.search(value) === -1;
+    case StringConditionLogic.ANY:
+      return true;
+    case StringConditionLogic.EMPTY:
+      return !elValue;
+    default:
+      return false;
+  }
+};
+var fillCache = /* @__PURE__ */ new Map();
+var isActiveRulesByTextFill = async (rules) => {
+  const {
+    data: { elementData }
+  } = rules;
+  if (!document) {
+    return false;
+  }
+  const el = finderV2(elementData, document);
+  if (!el) {
+    return false;
+  }
+  const now = (/* @__PURE__ */ new Date()).getTime();
+  const onKeyup = () => {
+    const cacheData = fillCache.get(el);
+    const data = { ...cacheData, timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    fillCache.set(el, data);
+  };
+  if (fillCache.has(el)) {
+    const { timestamp, value, isActive: isActive2 } = fillCache.get(el);
+    if (isActive2) {
+      return true;
+    }
+    if (timestamp !== -1 && now - timestamp > 1e3 && value !== el.value) {
+      off(document, "click", onKeyup);
+      fillCache.set(el, { timestamp, value, isActive: true });
+      return true;
+    }
+    return false;
+  }
+  on(document, "keyup", onKeyup);
+  fillCache.set(el, { timestamp: -1, value: el.value, isActive: false });
+  return false;
+};
+var isValidRulesType = (type) => {
+  return rulesTypes.includes(type);
+};
+var isActiveRules = async (rules) => {
+  if (!isValidRulesType(rules.type)) {
+    return true;
+  }
+  switch (rules.type) {
+    case RulesType.CURRENT_PAGE:
+      return isActiveRulesByCurrentPage(rules);
+    case RulesType.TIME:
+      return isActiveRulesByCurrentTime(rules);
+    case RulesType.ELEMENT:
+      return await isActiveRulesByElement(rules);
+    case RulesType.TEXT_INPUT:
+      return await isActiveRulesByTextInput(rules);
+    case RulesType.TEXT_FILL:
+      return await isActiveRulesByTextFill(rules);
+    default:
+      return rules.actived;
+  }
+};
+var activedRulesConditions = async (conditions, rewrite) => {
+  const rulesCondition = [...conditions];
+  for (let j = 0; j < rulesCondition.length; j++) {
+    const rules = rulesCondition[j];
+    if (rules.type !== "group") {
+      if (rewrite == null ? void 0 : rewrite[rules.type]) {
+        rulesCondition[j].actived = true;
+      } else {
+        rulesCondition[j].actived = await isActiveRules(rules);
+      }
+    } else if (rules.conditions) {
+      rulesCondition[j].conditions = await activedRulesConditions(rules.conditions);
+    }
+  }
+  return rulesCondition;
+};
+var activedContentRulesConditions = async (conditions, contents) => {
+  const rulesCondition = [...conditions];
+  for (let j = 0; j < rulesCondition.length; j++) {
+    const rules = rulesCondition[j];
+    if (rules.type !== "group") {
+      if (rules.type === RulesType.CONTENT) {
+        const content = contents.find((c) => c.contentId === rules.data.contentId);
+        if (content) {
+          const contentSession = {
+            contentId: content.contentId,
+            latestSession: content.latestSession,
+            totalSessions: content.totalSessions,
+            dismissedSessions: content.dismissedSessions,
+            completedSessions: content.completedSessions,
+            seenSessions: content.seenSessions
+          };
+          rulesCondition[j].actived = isActivedContentRulesCondition(rules, contentSession);
+        }
+      }
+    } else if (rules.conditions) {
+      rulesCondition[j].conditions = await activedContentRulesConditions(
+        rules.conditions,
+        contents
+      );
+    }
+  }
+  return rulesCondition;
+};
+var activedContentCondition = async (contents) => {
+  const _contents = JSON.parse(JSON.stringify(contents));
+  for (let index = 0; index < _contents.length; index++) {
+    const content = _contents[index];
+    const { enabledAutoStartRules, autoStartRules, hideRules, enabledHideRules } = content.config;
+    if (enabledAutoStartRules && autoStartRules && autoStartRules.length > 0) {
+      content.config.autoStartRules = await activedRulesConditions(autoStartRules);
+    }
+    if (enabledHideRules && hideRules && hideRules.length > 0) {
+      content.config.hideRules = await activedRulesConditions(hideRules);
+    }
+  }
+  return _contents;
+};
+var isActive = (autoStartRules) => {
+  if (!autoStartRules || autoStartRules.length === 0) {
+    return false;
+  }
+  const operator = autoStartRules[0].operators;
+  const actives = autoStartRules.filter((rule) => {
+    if (!rule.conditions) {
+      return rule.actived;
+    }
+    return isActive(rule.conditions);
+  });
+  return operator === "and" ? actives.length === autoStartRules.length : actives.length > 0;
+};
+var isActiveContent = (content) => {
+  const { enabledAutoStartRules, autoStartRules } = content.config;
+  if (!enabledAutoStartRules || !isActive(autoStartRules)) {
+    return false;
+  }
+  return true;
+};
+var priorityCompare = (a, b) => {
+  var _a, _b, _c, _d;
+  const a1 = (_b = (_a = a == null ? void 0 : a.config) == null ? void 0 : _a.autoStartRulesSetting) == null ? void 0 : _b.priority;
+  const a2 = (_d = (_c = b == null ? void 0 : b.config) == null ? void 0 : _c.autoStartRulesSetting) == null ? void 0 : _d.priority;
+  if (!a1 || !a2) {
+    return 0;
+  }
+  const index1 = PRIORITIES.indexOf(a1);
+  const index2 = PRIORITIES.indexOf(a2);
+  if (index1 > index2) {
+    return 1;
+  }
+  if (index1 < index2) {
+    return -1;
+  }
+  return 0;
+};
+var filterAutoStartContent = (contents, type) => {
+  return contents.filter((content) => {
+    const isActive2 = isActiveContent(content);
+    const isValid = isValidContent(content, contents);
+    return content.type === type && isActive2 && isValid;
+  }).sort(priorityCompare);
+};
+var isHasActivedContents = (source, dest) => {
+  for (let index = 0; index < source.length; index++) {
+    const content1 = source[index];
+    const content2 = dest.find((c) => c.id === content1.id);
+    if (!content2) {
+      return true;
+    }
+    if (isActiveContent(content1) !== isActiveContent(content2)) {
+      return true;
+    }
+  }
+  return false;
+};
+var isSameContents = (source, dest) => {
+  if (!source || !dest || source.length !== dest.length) {
+    return false;
+  }
+  for (let index = 0; index < source.length; index++) {
+    const content1 = source[index];
+    const content2 = dest.find((c) => c.id === content1.id);
+    if (!content2) {
+      return false;
+    }
+    if (!conditionsIsSame(content1.config.autoStartRules, content2.config.autoStartRules)) {
+      return false;
+    }
+  }
+  return true;
+};
+var getLatestEvent = (currentContent, contents, eventCodeName) => {
+  var _a;
+  const bizEvents = [];
+  const contentId = currentContent.id;
+  const contentType = currentContent.type;
+  for (let index = 0; index < contents.length; index++) {
+    const content = contents[index];
+    if (content.id === contentId || content.type !== contentType) {
+      continue;
+    }
+    const sessionBizEvents = (_a = content.latestSession) == null ? void 0 : _a.bizEvent;
+    if (sessionBizEvents && sessionBizEvents.length > 0) {
+      bizEvents.push(...sessionBizEvents.filter((e) => {
+        var _a2;
+        return ((_a2 = e == null ? void 0 : e.event) == null ? void 0 : _a2.codeName) === eventCodeName;
+      }));
+    }
+  }
+  return findLatestEvent(bizEvents);
+};
+var findLatestEvent = (bizEvents) => {
+  const initialValue = bizEvents[0];
+  const lastEvent = bizEvents.reduce(
+    (accumulator, currentValue) => {
+      if (isAfter(new Date(currentValue.createdAt), new Date(accumulator.createdAt))) {
+        return currentValue;
+      }
+      return accumulator;
+    },
+    initialValue
+  );
+  return lastEvent;
+};
+var showEventMapping = {
+  [ContentDataType.FLOW]: BizEvents.FLOW_STEP_SEEN,
+  [ContentDataType.LAUNCHER]: BizEvents.LAUNCHER_SEEN,
+  [ContentDataType.CHECKLIST]: BizEvents.CHECKLIST_SEEN
+};
+var isGreaterThenDuration = (dateLeft, dateRight, unit, duration) => {
+  switch (unit) {
+    case FrequencyUnits.SECONDS: {
+      if (differenceInSeconds(dateLeft, dateRight) >= duration) {
+        return true;
+      }
+      return false;
+    }
+    case FrequencyUnits.MINUTES:
+      if (differenceInMinutes(dateLeft, dateRight) >= duration) {
+        return true;
+      }
+      return false;
+    case FrequencyUnits.HOURS:
+      if (differenceInHours(dateLeft, dateRight) >= duration) {
+        return true;
+      }
+      return false;
+    case FrequencyUnits.DAYES:
+      if (differenceInDays(dateLeft, dateRight) >= duration) {
+        return true;
+      }
+      return false;
+    default:
+      return false;
+  }
+};
+var checklistIsDimissed = (latestSession) => {
+  var _a;
+  return (_a = latestSession == null ? void 0 : latestSession.bizEvent) == null ? void 0 : _a.find(
+    (event) => {
+      var _a2;
+      return ((_a2 = event == null ? void 0 : event.event) == null ? void 0 : _a2.codeName) === BizEvents.CHECKLIST_DISMISSED;
+    }
+  );
+};
+var flowIsDismissed = (latestSession) => {
+  var _a;
+  return (_a = latestSession == null ? void 0 : latestSession.bizEvent) == null ? void 0 : _a.find((event) => {
+    var _a2;
+    return ((_a2 = event == null ? void 0 : event.event) == null ? void 0 : _a2.codeName) === BizEvents.FLOW_ENDED;
+  });
+};
+var flowIsSeen = (latestSession) => {
+  var _a;
+  return (_a = latestSession == null ? void 0 : latestSession.bizEvent) == null ? void 0 : _a.find(
+    (event) => {
+      var _a2;
+      return ((_a2 = event == null ? void 0 : event.event) == null ? void 0 : _a2.codeName) === BizEvents.FLOW_STEP_SEEN;
+    }
+  );
+};
+var checklistIsSeen = (latestSession) => {
+  var _a;
+  return (_a = latestSession == null ? void 0 : latestSession.bizEvent) == null ? void 0 : _a.find(
+    (event) => {
+      var _a2;
+      return ((_a2 = event == null ? void 0 : event.event) == null ? void 0 : _a2.codeName) === BizEvents.CHECKLIST_SEEN;
+    }
+  );
+};
+var isValidContent = (content, contents) => {
+  var _a;
+  const now = /* @__PURE__ */ new Date();
+  if (content.type === ContentDataType.FLOW) {
+    if (!content.steps || content.steps.length === 0) {
+      return false;
+    }
+  } else {
+    if (!content.data) {
+      return false;
+    }
+  }
+  if (!content.config.autoStartRulesSetting) {
+    return true;
+  }
+  const { frequency, startIfNotComplete } = content.config.autoStartRulesSetting;
+  const completedSessions = content.completedSessions;
+  const dismissedSessions = content.dismissedSessions;
+  if (startIfNotComplete && completedSessions > 0) {
+    return false;
+  }
+  if (!frequency) {
+    return true;
+  }
+  const contentType = content.type;
+  const lastEventName = showEventMapping[contentType];
+  const lastEvent = getLatestEvent(content, contents, lastEventName);
+  const contentEvents = (_a = content.latestSession) == null ? void 0 : _a.bizEvent;
+  if (lastEvent && frequency && frequency.atLeast && !isGreaterThenDuration(
+    now,
+    new Date(lastEvent.createdAt),
+    frequency.atLeast.unit,
+    frequency.atLeast.duration
+  )) {
+    return false;
+  }
+  if (frequency.frequency === Frequency.ONCE) {
+    if (dismissedSessions > 0) {
+      return false;
+    }
+    return true;
+  }
+  const showEventName = showEventMapping[contentType];
+  const showEvents = contentEvents == null ? void 0 : contentEvents.filter(
+    (e) => {
+      var _a2, _b;
+      return ((_a2 = e == null ? void 0 : e.event) == null ? void 0 : _a2.codeName) === showEventName && (contentType === ContentDataType.FLOW ? ((_b = e == null ? void 0 : e.data) == null ? void 0 : _b.flow_step_number) === 0 : true);
+    }
+  );
+  if (!showEvents || showEvents.length === 0) {
+    return true;
+  }
+  const lastShowEvent = findLatestEvent(showEvents);
+  const lastShowEventDate = new Date(lastShowEvent.createdAt);
+  if (frequency.frequency === Frequency.MULTIPLE) {
+    if (frequency.every.times && dismissedSessions >= frequency.every.times) {
+      return false;
+    }
+  }
+  if (frequency.frequency === Frequency.MULTIPLE || frequency.frequency === Frequency.UNLIMITED) {
+    if (!isGreaterThenDuration(now, lastShowEventDate, frequency.every.unit, frequency.every.duration)) {
+      return false;
+    }
+  }
+  return true;
+};
+var parseUrlParams = (url, paramName) => {
+  if (!url || !paramName) {
+    return null;
+  }
+  try {
+    const urlObj = new URL(url);
+    const searchParams = new URLSearchParams(urlObj.search);
+    if (searchParams.has(paramName)) {
+      return searchParams.get(paramName);
+    }
+    if (urlObj.hash) {
+      const hashSearch = urlObj.hash.split("?")[1];
+      if (hashSearch) {
+        const hashParams = new URLSearchParams(hashSearch);
+        if (hashParams.has(paramName)) {
+          return hashParams.get(paramName);
+        }
+      }
+    }
+    return null;
+  } catch (error) {
+    console.error("Error parsing URL:", error);
+    return null;
+  }
+};
+var wait = (seconds) => {
+  if (typeof seconds !== "number" || Number.isNaN(seconds)) {
+    return Promise.reject(new Error("Invalid wait time: must be a number"));
+  }
+  if (seconds < 0) {
+    return Promise.reject(new Error("Invalid wait time: cannot be negative"));
+  }
+  if (seconds === 0) {
+    return Promise.resolve();
+  }
+  return new Promise((resolve, reject) => {
+    try {
+      setTimeout(resolve, seconds * 1e3);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+
+export {
+  PRIORITIES,
+  isVisible,
+  activedRulesConditions,
+  activedContentRulesConditions,
+  activedContentCondition,
+  isActive,
+  isActiveContent,
+  filterAutoStartContent,
+  isHasActivedContents,
+  isSameContents,
+  findLatestEvent,
+  checklistIsDimissed,
+  flowIsDismissed,
+  flowIsSeen,
+  checklistIsSeen,
+  isValidContent,
+  parseUrlParams,
+  wait
+};