@onside/install-widget 1.0.1 → 1.0.3

package/dist-lib/utils.js

@@ -0,0 +1,279 @@
+import { c as J, b as Q, g as Z, a as ee, s as te } from "./installUrlService-CrJfYPwM.js";
+const l = {
+  IOS: /iPhone|iPad|iPod/i,
+  IPAD: /iPad/i,
+  ANDROID: /Android/i,
+  INTEL_MAC: /Intel Mac/i
+}, r = {
+  IOS_CHROME: /CriOS/i,
+  IOS_FIREFOX: /FxiOS/i,
+  IOS_EDGE: /EdgiOS/i,
+  IOS_OPERA: /OPiOS/i,
+  IOS_OPERA_NEW: /OPT\//i,
+  IOS_BRAVE: /Brave\//i,
+  IOS_DUCKDUCKGO: /Ddg\//i,
+  IOS_DUCKDUCKGO_ALT: /DuckDuckGo\//i,
+  IOS_GOOGLE_APP: /GSA/i,
+  SAFARI: /Safari/i,
+  CHROME: /Chrome|CriOS/i,
+  FIREFOX: /Firefox|FxiOS/i,
+  EDGE: /Edge|Edg/i,
+  OPERA: /Opera|OPiOS|OPT\/|OPR\/|OPX\//i
+}, _ = {
+  WEBKIT: /AppleWebKit|WebKit/i,
+  BLINK: /Chrome|Chromium|Edg|OPR\/|SamsungBrowser|YaBrowser/i,
+  GECKO: /Gecko\/\d|Firefox/i
+}, c = {
+  IOS_VERSION: /Version\/(\d+[_.\d]*)/,
+  IOS_OS: /(?:iPhone|iPad|iPod).*?OS (\d+[_.\d]*)/i,
+  IOS_APP: /(?:iOS|iPadOS)\/(\d+[_.\d]*)/i,
+  ANDROID_VERSION: /Android\s+(\d+[.\d]*)/,
+  MACOS_VERSION: /Mac OS X (\d+[_.\d]*)/i
+}, u = {
+  MOBILE: /Mobile/i,
+  ANDROID_TABLET_KEYWORDS: /Tablet|SM-T|SM-P|GT-P|SCH-I|SCH-T/i
+}, a = {
+  IOS_INSTAGRAM: /\bInstagram\b/i,
+  IOS_FACEBOOK: /\bFBAN\/FBIOS\b|\bFBAV\b/i,
+  IOS_LINKEDIN: /LinkedInApp/i,
+  IOS_LINKEDIN_ALT: /LinkedIn\/\d/i,
+  IOS_DISCORD: /\bDiscord\b/i,
+  IOS_TWITTER: /Twitter for iPhone/i,
+  IOS_TIKTOK: /\bTikTok\b/i,
+  IOS_TIKTOK_ALT: /zhiliaoapp\.musically|musically\/\d/i,
+  IOS_TELEGRAM: /\bTelegram\b/i,
+  IOS_WECHAT: /\bMicroMessenger\b/i,
+  IOS_LINE: /\bLine\/\d/i
+}, w = [
+  { detail: "instagram", pattern: a.IOS_INSTAGRAM },
+  { detail: "facebook", pattern: a.IOS_FACEBOOK },
+  { detail: "linkedin", pattern: a.IOS_LINKEDIN },
+  { detail: "linkedin", pattern: a.IOS_LINKEDIN_ALT },
+  { detail: "discord", pattern: a.IOS_DISCORD },
+  { detail: "twitter", pattern: a.IOS_TWITTER },
+  { detail: "tiktok", pattern: a.IOS_TIKTOK },
+  { detail: "tiktok", pattern: a.IOS_TIKTOK_ALT },
+  { detail: "telegram", pattern: a.IOS_TELEGRAM },
+  { detail: "wechat", pattern: a.IOS_WECHAT },
+  { detail: "line", pattern: a.IOS_LINE }
+], h = 768, b = () => "ontouchstart" in window || window.navigator?.maxTouchPoints > 0 || // @ts-expect-error - msMaxTouchPoints exists in some browsers
+window.navigator?.msMaxTouchPoints > 0, k = () => window.navigator.userAgent, L = (e) => {
+  if (l.IOS.test(e)) {
+    const i = l.IPAD.test(e);
+    return {
+      platform: "ios",
+      isMobile: !i,
+      isTablet: i,
+      isDesktop: !1
+    };
+  }
+  if (l.ANDROID.test(e)) {
+    const i = u.MOBILE.test(e), n = u.ANDROID_TABLET_KEYWORDS.test(e), o = window.innerWidth, t = n || !i && o >= h;
+    return {
+      platform: "android",
+      isMobile: !t,
+      isTablet: t,
+      isDesktop: !1
+    };
+  }
+  return m(e) ? {
+    platform: "ios",
+    isMobile: !1,
+    isTablet: !0,
+    isDesktop: !1
+  } : r.IOS_GOOGLE_APP.test(e) ? {
+    platform: "ios",
+    isMobile: !0,
+    isTablet: !1,
+    isDesktop: !1
+  } : {
+    platform: "desktop",
+    isMobile: !1,
+    isTablet: !1,
+    isDesktop: !0
+  };
+}, m = (e) => r.SAFARI.test(e) && l.INTEL_MAC.test(e) && !r.CHROME.test(e) && !r.FIREFOX.test(e) && !r.OPERA.test(e) ? b() : !1, p = () => (
+  // @ts-expect-error - TelegramWebviewProxy may exist
+  typeof window?.TelegramWebviewProxy < "u"
+), g = (e) => {
+  for (const i of w)
+    if (i.pattern.test(e))
+      return i.detail;
+}, M = (e, i) => {
+  const n = (...o) => o.some((t) => t.test(e));
+  return n(r.IOS_EDGE, r.EDGE) ? "edge" : n(
+    r.IOS_OPERA,
+    r.IOS_OPERA_NEW,
+    r.OPERA
+  ) ? "opera" : n(r.IOS_BRAVE) ? "brave" : n(r.IOS_DUCKDUCKGO) || n(r.IOS_DUCKDUCKGO_ALT) ? "duckduckgo" : n(r.IOS_CHROME, r.CHROME) ? "chrome" : n(r.IOS_GOOGLE_APP) ? "google" : n(r.IOS_FIREFOX, r.FIREFOX) ? "firefox" : i === "ios" && (g(e) || p()) ? "in-app" : r.SAFARI.test(e) && !r.CHROME.test(e) && !r.FIREFOX.test(e) && !r.OPERA.test(e) && !r.IOS_BRAVE.test(e) && !r.IOS_DUCKDUCKGO.test(e) && !r.IOS_DUCKDUCKGO_ALT.test(e) && !r.IOS_GOOGLE_APP.test(e) && !a.IOS_TELEGRAM.test(e) && !a.IOS_WECHAT.test(e) && !a.IOS_LINE.test(e) && !p() ? "safari" : "unknown";
+}, v = (e, i) => {
+  switch (i) {
+    case "chrome":
+      return r.IOS_CHROME.test(e) ? "crios" : "chrome";
+    case "firefox":
+      return r.IOS_FIREFOX.test(e) ? "fxios" : "firefox";
+    case "edge":
+      return r.IOS_EDGE.test(e) ? "edgios" : "edge";
+    case "opera":
+      return r.IOS_OPERA_NEW.test(e) ? "opt" : r.IOS_OPERA.test(e) ? "opios" : "opera";
+    case "duckduckgo":
+      return "duckduckgo";
+    case "google":
+      return "gsa";
+    case "safari":
+      return "safari";
+    case "in-app":
+      return a.IOS_TELEGRAM.test(e) || p() ? "telegram" : g(e);
+    default:
+      return;
+  }
+}, C = (e, i, n) => i === "ios" ? "webkit" : n === "firefox" && !r.IOS_FIREFOX.test(e) ? "gecko" : n === "chrome" || n === "edge" || n === "opera" || n === "brave" || n === "google" ? "blink" : n === "safari" ? "webkit" : _.GECKO.test(e) && !/like Gecko/i.test(e) ? "gecko" : _.BLINK.test(e) ? "blink" : _.WEBKIT.test(e) ? "webkit" : "unknown", F = (e, i) => {
+  if (i.platform === "ios")
+    return m(e) || l.IPAD.test(e) || /Apple\/iPad|iPad\d/i.test(e) ? "ipad" : /iPhone|Apple\/iPhone|iPhone\d/i.test(e) ? "iphone" : /iPod/i.test(e) ? "ipod" : "unknown";
+}, K = (e, i, n) => {
+  const o = (t) => t.replace(/_/g, ".").split(".").filter((s) => s.length > 0).join(".");
+  switch (i) {
+    case "ios": {
+      let t = n === "safari" ? e.match(c.IOS_VERSION) : null;
+      return t || (t = e.match(c.IOS_OS)), t || (t = e.match(c.IOS_APP)), !t && n === "safari" && (t = e.match(c.IOS_VERSION)), t ? o(t[1]) : void 0;
+    }
+    case "android": {
+      const t = e.match(c.ANDROID_VERSION);
+      return t ? o(t[1]) : void 0;
+    }
+    case "desktop": {
+      const t = e.match(c.MACOS_VERSION);
+      return t ? o(t[1]) : void 0;
+    }
+  }
+}, G = (e) => {
+  if (!e) return {};
+  const [i, n] = e.split("."), o = Number.parseInt(i, 10), t = Number.parseInt(n ?? "0", 10);
+  return {
+    version_major: o,
+    version_minor: t
+  };
+}, B = {
+  platform: "unknown",
+  browser: "unknown",
+  browserEngine: "unknown",
+  isMobile: !1,
+  isTablet: !1,
+  isDesktop: !1,
+  version: void 0,
+  userAgent: ""
+};
+let E = null, A = null, T = null;
+function V() {
+  if (typeof window > "u")
+    return B;
+  const e = k(), i = window.innerWidth;
+  if (E && A === e && T === i)
+    return E;
+  const n = L(e), o = M(e, n.platform), t = C(e, n.platform, o), s = v(e, o), O = F(e, n), I = K(e, n.platform, o), d = G(I), S = {
+    ...n,
+    browser: o,
+    browserEngine: t,
+    browserDetail: s,
+    iosDeviceClass: O,
+    isInAppBrowser: o === "in-app",
+    version: I,
+    ...d,
+    userAgent: e
+  };
+  return E = S, A = e, T = i, S;
+}
+const W = ".", R = (e) => e.split(W).map((i) => Number.parseInt(i, 10)).filter((i) => Number.isFinite(i) && i >= 0), f = (e, i) => {
+  const n = R(e), o = R(i), t = Math.max(n.length, o.length);
+  for (let s = 0; s < t; s += 1) {
+    const O = n[s] ?? 0, I = o[s] ?? 0;
+    if (O > I) return 1;
+    if (O < I) return -1;
+  }
+  return 0;
+}, U = "17.6", x = "18.6", y = [
+  "safari",
+  "chrome",
+  "edge",
+  "brave",
+  "duckduckgo"
+], H = ({
+  platform: e,
+  isIOSDevice: i,
+  shouldUpdateIOS: n,
+  isIOSVersionSupported: o,
+  browserSupportsInstall: t
+}) => e === "android" ? "android" : n ? "update_ios" : o && t ? "install_available" : i ? "go_to_safari" : "unsupported";
+function Y(e, i = {}) {
+  const {
+    minIOSVersionForInstall: n = U,
+    minIOSVersionForNewSystemUI: o = x
+  } = i, t = e.version, s = e.platform === "ios" && (e.isMobile || e.isTablet), O = typeof t == "string", I = !!(s && O && f(t, n) >= 0), d = !!(s && O && f(t, n) < 0), S = y.includes(
+    e.browser
+  ), P = !!(s && S && !e.isInAppBrowser), D = H({
+    platform: e.platform,
+    isIOSDevice: s,
+    shouldUpdateIOS: d,
+    isIOSVersionSupported: I,
+    browserSupportsInstall: P
+  }), N = !!(s && O && f(t, o) >= 0);
+  return {
+    installState: D,
+    usesNewInstallFlow: N
+  };
+}
+function X() {
+  return typeof window > "u" ? !1 : localStorage.getItem("onside_analytics_logging") === "true";
+}
+function j(e, i = {}, n) {
+  try {
+    if (typeof window > "u") return null;
+    window.dataLayer || (window.dataLayer = []);
+    const o = {
+      ...i,
+      ...V()
+    }, t = {
+      event: "amplitude_event",
+      event_name: e,
+      event_properties: {
+        timestamp: Date.now(),
+        ...o
+      },
+      ...n ? { user_properties: n } : {},
+      url: window.location.href
+    };
+    return window.dataLayer.push({
+      event: t.event,
+      event_name: t.event_name,
+      event_properties: t.event_properties,
+      ...t.user_properties ? { user_properties: t.user_properties } : {}
+    }), X() && console.log("🎯 Analytics Event:", {
+      event_name: t.event_name,
+      event_properties: t.event_properties,
+      user_properties: t.user_properties,
+      url: t.url
+    }), t;
+  } catch (o) {
+    return console.error("Analytics error:", o), null;
+  }
+}
+function z(e, i, n, o = {}) {
+  const t = `${e}.${i}`, s = {
+    modal_name: e,
+    event_type: i,
+    ...o
+  };
+  return n && (s.action = n), j(t, s);
+}
+export {
+  f as compareVersions,
+  J as generateUUID,
+  Q as getCookie,
+  V as getDeviceInfo,
+  Z as getInstallUrl,
+  ee as getOnsideToken,
+  Y as resolveInstallConditions,
+  te as setCookie,
+  j as trackEvent,
+  z as trackModalEvent
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onside/install-widget",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "description": "Onside install button widget for partner landings",
   "keywords": [
@@ -17,6 +17,11 @@
     "sync:cdn-manifest": "node scripts/sync-cdn-manifest.mjs",
     "build": "tsc -b && vite build",
     "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
+    "test": "pnpm run test:unit && pnpm run test:e2e",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:e2e": "playwright test",
+    "bundle:check": "node scripts/check-bundle-size.mjs",
     "pack:check": "HUSKY=0 npm pack --dry-run --json --ignore-scripts --cache /tmp/npm-cache",
     "prepublishOnly": "pnpm run build:lib",
     "lint": "eslint .",
@@ -36,6 +41,16 @@
       "import": "./dist-lib/install-package.js",
       "require": "./dist-lib/install-package.cjs"
     },
+    "./hooks": {
+      "types": "./dist-lib/hooks.d.ts",
+      "import": "./dist-lib/hooks.js",
+      "require": "./dist-lib/hooks.cjs"
+    },
+    "./utils": {
+      "types": "./dist-lib/utils.d.ts",
+      "import": "./dist-lib/utils.js",
+      "require": "./dist-lib/utils.cjs"
+    },
     "./styles.css": "./dist-lib/install-widget.css"
   },
   "files": [
@@ -51,11 +66,15 @@
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.2",
+    "@playwright/test": "^1.58.2",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^24.0.10",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-v8": "^4.0.18",
     "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
     "eslint": "^9.39.2",
@@ -63,6 +82,7 @@
     "eslint-plugin-react-refresh": "^0.4.26",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
+    "jsdom": "^28.0.0",
     "lint-staged": "^16.2.7",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
@@ -77,7 +97,8 @@
     "typescript-eslint": "^8.46.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-svgr": "^4.3.0"
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^4.0.18"
   },
   "packageManager": "pnpm@10.15.0+sha512.486ebc259d3e999a4e8691ce03b5cac4a71cbeca39372a9b762cb500cfdf0873e2cb16abe3d951b1ee2cf012503f027b98b6584e4df22524e0c7450d9ec7aa7b"
 }