@simpleapps-com/augur-web 0.2.14 → 0.2.15

package/dist/session-replay.d.ts

@@ -0,0 +1,44 @@
+/** Supported session replay providers. */
+type SessionReplayProvider = "mouseflow" | "hotjar";
+interface SessionReplayScriptProps {
+    /** Session replay provider. */
+    provider: SessionReplayProvider;
+    /** Project/site ID from the provider. */
+    siteId: string;
+    /** Sampling rate (0-1). 1 = all sessions, 0.5 = 50%. Default: 1. */
+    sampleRate?: number;
+    /** Disable in development. Default: false. */
+    disabled?: boolean;
+}
+declare global {
+    interface Window {
+        _mfq?: unknown[];
+        hj?: (...args: unknown[]) => void;
+        _hjSettings?: {
+            hjid: string;
+            hjsv: number;
+        };
+    }
+}
+/**
+ * Loads a session replay script with `lazyOnload` behavior.
+ * Renders nothing — this is a side-effect-only leaf component.
+ *
+ * Session replay tools require main thread DOM access (MutationObserver)
+ * and cannot run in web workers.
+ *
+ * @example
+ * ```tsx
+ * // In layout.tsx
+ * <SessionReplayScript provider="mouseflow" siteId="88d79cd5-..." />
+ *
+ * // With 50% sampling
+ * <SessionReplayScript provider="mouseflow" siteId="..." sampleRate={0.5} />
+ *
+ * // Disabled in dev
+ * <SessionReplayScript provider="hotjar" siteId="..." disabled={isDev} />
+ * ```
+ */
+declare function SessionReplayScript({ provider, siteId, sampleRate, disabled, }: SessionReplayScriptProps): null;
+
+export { type SessionReplayProvider, SessionReplayScript, type SessionReplayScriptProps };

package/dist/session-replay.js

@@ -0,0 +1,59 @@
+"use client";
+"use client";
+
+// src/session-replay.tsx
+import { useEffect, useRef } from "react";
+function injectMouseflow(siteId) {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("mouseflow-script")) return;
+  window._mfq = window._mfq || [];
+  const script = document.createElement("script");
+  script.id = "mouseflow-script";
+  script.src = `https://cdn.mouseflow.com/projects/${encodeURIComponent(siteId)}.js`;
+  script.async = true;
+  script.defer = true;
+  document.head.appendChild(script);
+}
+function injectHotjar(siteId) {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("hotjar-script")) return;
+  window._hjSettings = { hjid: siteId, hjsv: 6 };
+  window.hj = window.hj || function hjQueue(...args) {
+    window.hj.q = window.hj.q || [];
+    window.hj.q.push(args);
+  };
+  const script = document.createElement("script");
+  script.id = "hotjar-script";
+  script.src = `https://static.hotjar.com/c/hotjar-${encodeURIComponent(siteId)}.js?sv=6`;
+  script.async = true;
+  script.defer = true;
+  document.head.appendChild(script);
+}
+var injectors = {
+  mouseflow: injectMouseflow,
+  hotjar: injectHotjar
+};
+function SessionReplayScript({
+  provider,
+  siteId,
+  sampleRate = 1,
+  disabled = false
+}) {
+  const injectedRef = useRef(false);
+  useEffect(() => {
+    if (disabled || injectedRef.current) return;
+    if (sampleRate < 1 && Math.random() > sampleRate) return;
+    injectedRef.current = true;
+    const inject = injectors[provider];
+    if (typeof requestIdleCallback === "function") {
+      requestIdleCallback(() => inject(siteId));
+    } else {
+      setTimeout(() => inject(siteId), 0);
+    }
+  }, [provider, siteId, sampleRate, disabled]);
+  return null;
+}
+export {
+  SessionReplayScript
+};
+//# sourceMappingURL=session-replay.js.map

package/dist/session-replay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/session-replay.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Supported session replay providers. */\nexport type SessionReplayProvider = \"mouseflow\" | \"hotjar\";\n\nexport interface SessionReplayScriptProps {\n  /** Session replay provider. */\n  provider: SessionReplayProvider;\n  /** Project/site ID from the provider. */\n  siteId: string;\n  /** Sampling rate (0-1). 1 = all sessions, 0.5 = 50%. Default: 1. */\n  sampleRate?: number;\n  /** Disable in development. Default: false. */\n  disabled?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Globals\n// ---------------------------------------------------------------------------\n\ndeclare global {\n  interface Window {\n    _mfq?: unknown[];\n    hj?: (...args: unknown[]) => void;\n    _hjSettings?: { hjid: string; hjsv: number };\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Script injectors\n// ---------------------------------------------------------------------------\n\nfunction injectMouseflow(siteId: string): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(\"mouseflow-script\")) return;\n\n  window._mfq = window._mfq || [];\n\n  const script = document.createElement(\"script\");\n  script.id = \"mouseflow-script\";\n  script.src = `https://cdn.mouseflow.com/projects/${encodeURIComponent(siteId)}.js`;\n  script.async = true;\n  script.defer = true;\n  document.head.appendChild(script);\n}\n\nfunction injectHotjar(siteId: string): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(\"hotjar-script\")) return;\n\n  window._hjSettings = { hjid: siteId, hjsv: 6 };\n  window.hj =\n    window.hj ||\n    function hjQueue(...args: unknown[]) {\n      (window.hj as unknown as { q: unknown[] }).q =\n        (window.hj as unknown as { q: unknown[] }).q || [];\n      (window.hj as unknown as { q: unknown[] }).q.push(args);\n    };\n\n  const script = document.createElement(\"script\");\n  script.id = \"hotjar-script\";\n  script.src = `https://static.hotjar.com/c/hotjar-${encodeURIComponent(siteId)}.js?sv=6`;\n  script.async = true;\n  script.defer = true;\n  document.head.appendChild(script);\n}\n\nconst injectors: Record<SessionReplayProvider, (siteId: string) => void> = {\n  mouseflow: injectMouseflow,\n  hotjar: injectHotjar,\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * Loads a session replay script with `lazyOnload` behavior.\n * Renders nothing — this is a side-effect-only leaf component.\n *\n * Session replay tools require main thread DOM access (MutationObserver)\n * and cannot run in web workers.\n *\n * @example\n * ```tsx\n * // In layout.tsx\n * <SessionReplayScript provider=\"mouseflow\" siteId=\"88d79cd5-...\" />\n *\n * // With 50% sampling\n * <SessionReplayScript provider=\"mouseflow\" siteId=\"...\" sampleRate={0.5} />\n *\n * // Disabled in dev\n * <SessionReplayScript provider=\"hotjar\" siteId=\"...\" disabled={isDev} />\n * ```\n */\nexport function SessionReplayScript({\n  provider,\n  siteId,\n  sampleRate = 1,\n  disabled = false,\n}: SessionReplayScriptProps) {\n  const injectedRef = useRef(false);\n\n  useEffect(() => {\n    if (disabled || injectedRef.current) return;\n    if (sampleRate < 1 && Math.random() > sampleRate) return;\n\n    injectedRef.current = true;\n\n    const inject = injectors[provider];\n\n    // Load during idle time (lazyOnload behavior)\n    if (typeof requestIdleCallback === \"function\") {\n      requestIdleCallback(() => inject(siteId));\n    } else {\n      setTimeout(() => inject(siteId), 0);\n    }\n  }, [provider, siteId, sampleRate, disabled]);\n\n  return null;\n}\n"],"mappings":";;;;AAEA,SAAS,WAAW,cAAc;AAoClC,SAAS,gBAAgB,QAAsB;AAC7C,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,SAAS,eAAe,kBAAkB,EAAG;AAEjD,SAAO,OAAO,OAAO,QAAQ,CAAC;AAE9B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,KAAK;AACZ,SAAO,MAAM,sCAAsC,mBAAmB,MAAM,CAAC;AAC7E,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,WAAS,KAAK,YAAY,MAAM;AAClC;AAEA,SAAS,aAAa,QAAsB;AAC1C,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,SAAS,eAAe,eAAe,EAAG;AAE9C,SAAO,cAAc,EAAE,MAAM,QAAQ,MAAM,EAAE;AAC7C,SAAO,KACL,OAAO,MACP,SAAS,WAAW,MAAiB;AACnC,IAAC,OAAO,GAAmC,IACxC,OAAO,GAAmC,KAAK,CAAC;AACnD,IAAC,OAAO,GAAmC,EAAE,KAAK,IAAI;AAAA,EACxD;AAEF,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,KAAK;AACZ,SAAO,MAAM,sCAAsC,mBAAmB,MAAM,CAAC;AAC7E,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,WAAS,KAAK,YAAY,MAAM;AAClC;AAEA,IAAM,YAAqE;AAAA,EACzE,WAAW;AAAA,EACX,QAAQ;AACV;AAyBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AACb,GAA6B;AAC3B,QAAM,cAAc,OAAO,KAAK;AAEhC,YAAU,MAAM;AACd,QAAI,YAAY,YAAY,QAAS;AACrC,QAAI,aAAa,KAAK,KAAK,OAAO,IAAI,WAAY;AAElD,gBAAY,UAAU;AAEtB,UAAM,SAAS,UAAU,QAAQ;AAGjC,QAAI,OAAO,wBAAwB,YAAY;AAC7C,0BAAoB,MAAM,OAAO,MAAM,CAAC;AAAA,IAC1C,OAAO;AACL,iBAAW,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,YAAY,QAAQ,CAAC;AAE3C,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleapps-com/augur-web",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "description": "Shared React UI components for Augur ecommerce sites (Radix + Tailwind)",
   "license": "MIT",
   "repository": {
@@ -60,6 +60,11 @@
       "import": "./dist/pagination.js",
       "require": "./dist/pagination.cjs"
     },
+    "./price": {
+      "types": "./dist/price.d.ts",
+      "import": "./dist/price.js",
+      "require": "./dist/price.cjs"
+    },
     "./radio-group": {
       "types": "./dist/radio-group.d.ts",
       "import": "./dist/radio-group.js",
@@ -145,6 +150,11 @@
       "import": "./dist/form-textarea.js",
       "require": "./dist/form-textarea.cjs"
     },
+    "./financing-widget": {
+      "types": "./dist/financing-widget.d.ts",
+      "import": "./dist/financing-widget.js",
+      "require": "./dist/financing-widget.cjs"
+    },
     "./gtm": {
       "types": "./dist/gtm.d.ts",
       "import": "./dist/gtm.js",
@@ -154,6 +164,11 @@
       "types": "./dist/mdx-components.d.ts",
       "import": "./dist/mdx-components.js",
       "require": "./dist/mdx-components.cjs"
+    },
+    "./session-replay": {
+      "types": "./dist/session-replay.d.ts",
+      "import": "./dist/session-replay.js",
+      "require": "./dist/session-replay.cjs"
     }
   },
   "sideEffects": false,