@tiendanube/live-state 1.0.0-beta.11 → 1.0.0-beta.13

package/README.md

@@ -88,6 +88,64 @@ That's it. The library handles rendering, tracking, and CTA behavior automatical
 
 ---
 
+## Caching behaviour (SWR)
+
+The lib uses [SWR](https://swr.vercel.app/) internally for data fetching, caching, and deduplication. Key implications:
+
+- **Single request per session** — all `useLiveState()` calls inside the same `LiveStateProvider` share one cached result. The backend is called once, regardless of how many pages or components use the hook.
+- **Cache key is fixed** — the cache key is the string `'live-state'`, not the fetcher URL. This means changing the `page` prop on `LiveStateRenderer` does **not** trigger a new request — the page is a frontend-only concern for tracking event names.
+- **Fetcher reference stability** — SWR does not re-fetch when the fetcher function reference changes, because the key is fixed. Even so, it is good practice to define the fetcher outside the component (or use `useCallback`/`useMemo`) to avoid unnecessary re-renders.
+- **Revalidation on reconnect** — the lib revalidates automatically when the browser reconnects to the network.
+- **No revalidation on focus** — focus-based revalidation is disabled to avoid extra requests when the user switches tabs.
+- **Manual refresh** — call `refresh()` from `useLiveState()` to force a re-fetch at any time.
+
+```tsx
+// ✅ Define fetcher outside the component — stable reference, no re-renders
+const fetcher: LiveStateFetcher = async () => { ... };
+
+function App() {
+  return <LiveStateProvider fetcher={fetcher}>...</LiveStateProvider>;
+}
+
+// ❌ Avoid defining fetcher inline — new reference on every render
+function App() {
+  return (
+    <LiveStateProvider fetcher={async () => { ... }}>...</LiveStateProvider>
+  );
+}
+```
+
+---
+
+## Testing utilities
+
+Import from `@tiendanube/live-state/testing` in your test files:
+
+```tsx
+import {
+  MockLiveStateProvider,
+  createMockLiveState,
+  mockUseLiveState,
+} from '@tiendanube/live-state/testing';
+
+// Render with controlled live state data
+render(
+  <MockLiveStateProvider liveState={createMockLiveState({ type: 'alert' })}>
+    <MyComponent />
+  </MockLiveStateProvider>
+);
+
+// Mock the hook directly in unit tests
+vi.mock('@tiendanube/live-state', async (importOriginal) => ({
+  ...(await importOriginal()),
+  useLiveState: () => mockUseLiveState({ liveState: createMockLiveState() }),
+}));
+```
+
+`MockLiveStateProvider` automatically sets `disabled={true}`, suppressing all analytics SDK calls in tests.
+
+---
+
 ## Documentation
 
 - [Implementation Guide](./docs/IMPLEMENTATION_GUIDE.md) — full integration guide with usage patterns, API reference, and troubleshooting

package/dist/LiveStateProvider-BAkFYuZ2.cjs

@@ -0,0 +1,2 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c,1);let l=require(`swr`),u=require(`@amplitude/analytics-browser`);u=s(u,1);let d=require(`react/jsx-runtime`);var f=(e,t,n)=>{let r=`[LiveState]`;e===`error`?console.error(r,t,...n?[n]:[]):console.warn(r,t,...n?[n]:[])};function p(e){return(t,n,r)=>{e?e(t,n,r):f(t,n,r)}}var m=u.createInstance();function h(e,t){let n=p(t);try{if(!e){n(`warn`,`Amplitude API key not provided`);return}m.init(e,{defaultTracking:!1})}catch(e){n(`error`,`Failed to initialize Amplitude`,{error:e})}}async function g(e,t){let n=p(t);try{if(window.clarity){n(`info`,`Clarity already initialized by client`);return}let t=e||_();if(!t){n(`warn`,`Clarity project ID not provided`);return}(await import(`@microsoft/clarity`)).default.init(t)}catch(e){n(`error`,`Failed to initialize Clarity`,{error:e})}}function _(){try{let e=document.querySelector(`script[src*="clarity.ms"]`);if(e)return e.getAttribute(`src`)?.match(/\/([a-z0-9]+)$/)?.[1];let t=window.clarity?.q?.[0]?.[1];if(typeof t==`string`)return t}catch{}}function v(e,t,n){let r=p(n);try{m.track(e,t)}catch(t){r(`error`,`Failed to track Amplitude event`,{eventName:e,error:t})}}function y(e,t,n){let r=p(n);try{window.clarity&&(window.clarity(`event`,e),t&&Object.entries(t).forEach(([e,t])=>{window.clarity?.(`set`,e,String(t))}))}catch(t){r(`error`,`Failed to track Clarity event`,{eventName:e,error:t})}}function b(e,t,n,r){return`${e}${[t,n,r].filter(Boolean).join(`_`)}`}function x(e){return Object.fromEntries(Object.entries(e).filter(e=>e[1]!==void 0))}function S(e,t,n){v(e,t,n),y(e,t,n)}var C=(0,c.createContext)(null);function w({children:e,fetcher:t,analytics:n,onEvent:r,onLog:i,disabled:a=!1}){let o=(0,c.useMemo)(()=>p(i),[i]);(0,c.useEffect)(()=>{a||(n?.amplitudeKey&&h(n.amplitudeKey,o),n?.clarityProjectId&&g(n.clarityProjectId,o))},[n,a,o]);let s=(0,c.useMemo)(()=>({fetcher:t,analytics:n,onEvent:r,disabled:a,log:o}),[t,n,r,a,o]);return(0,d.jsx)(l.SWRConfig,{value:{provider:()=>new Map},children:(0,d.jsx)(C.Provider,{value:s,children:e})})}function T(){let e=(0,c.useContext)(C);if(!e)throw Error(`useLiveState must be used within LiveStateProvider`);return e}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});
+//# sourceMappingURL=LiveStateProvider-BAkFYuZ2.cjs.map

package/dist/LiveStateProvider-BAkFYuZ2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveStateProvider-BAkFYuZ2.cjs","names":[],"sources":["../src/utils/logger.ts","../src/utils/analytics.ts","../src/providers/LiveStateProvider.tsx"],"sourcesContent":["import type { LogLevel } from '../types';\n\n/**\n * Logger function type — matches the signature of LiveStateProviderProps.onLog.\n */\nexport type LoggerFn = (\n  level: LogLevel,\n  message: string,\n  context?: Record<string, unknown>,\n) => void;\n\n/**\n * Default logger — falls back to console.* when no onLog is provided.\n * Uses console.warn for 'info' and 'warn', console.error for 'error'.\n */\nconst defaultLogger: LoggerFn = (level, message, context) => {\n  const prefix = '[LiveState]';\n  if (level === 'error') {\n    console.error(prefix, message, ...(context ? [context] : []));\n  } else {\n    console.warn(prefix, message, ...(context ? [context] : []));\n  }\n};\n\n/**\n * Creates a logger bound to an optional consumer-provided onLog callback.\n * When onLog is provided it is called exclusively — the default console.*\n * fallback does NOT run, giving the consumer full control over output.\n *\n * @example\n * const log = createLogger(onLog);\n * log('warn', 'Amplitude API key not provided');\n * log('error', 'Failed to fetch', { url: '/v1/live-state', status: 500 });\n */\nexport function createLogger(onLog?: LoggerFn): LoggerFn {\n  return (level, message, context) => {\n    if (onLog) {\n      onLog(level, message, context);\n    } else {\n      defaultLogger(level, message, context);\n    }\n  };\n}\n","import * as amplitude from '@amplitude/analytics-browser';\nimport type { TrackingProperties, TrackingValue } from '../types';\nimport { createLogger, type LoggerFn } from './logger';\n\n/**\n * Isolated Amplitude instance for the lib — avoids conflicts with the\n * consumer app's own Amplitude instance when both coexist on the same page.\n */\nconst amplitudeInstance = amplitude.createInstance();\n\n/**\n * Initialize Amplitude (fail silently)\n */\nexport function initializeAmplitude(apiKey: string, log?: LoggerFn): void {\n  const logger = createLogger(log);\n  try {\n    if (!apiKey) {\n      logger('warn', 'Amplitude API key not provided');\n      return;\n    }\n\n    amplitudeInstance.init(apiKey, {\n      defaultTracking: false,\n    });\n  } catch (error) {\n    logger('error', 'Failed to initialize Amplitude', { error });\n  }\n}\n\n/**\n * Initialize Clarity (fail silently)\n */\nexport async function initializeClarity(\n  projectId?: string,\n  log?: LoggerFn,\n): Promise<void> {\n  const logger = createLogger(log);\n  try {\n    // Check if Clarity is already loaded by the client\n    if (window.clarity) {\n      logger('info', 'Clarity already initialized by client');\n      return;\n    }\n\n    // If client provided project ID, use it\n    const finalProjectId = projectId || getClientClarityProjectId();\n\n    if (!finalProjectId) {\n      logger('warn', 'Clarity project ID not provided');\n      return;\n    }\n\n    // Initialize Clarity with project ID\n    const Clarity = (await import('@microsoft/clarity')).default;\n    Clarity.init(finalProjectId);\n  } catch (error) {\n    logger('error', 'Failed to initialize Clarity', { error });\n  }\n}\n\n/**\n * Try to extract Clarity project ID from client's installation\n */\nfunction getClientClarityProjectId(): string | undefined {\n  try {\n    // Check if Clarity script tag exists\n    const clarityScript = document.querySelector('script[src*=\"clarity.ms\"]');\n    if (clarityScript) {\n      const src = clarityScript.getAttribute('src');\n      const match = src?.match(/\\/([a-z0-9]+)$/);\n      return match?.[1];\n    }\n\n    // Check global clarity config: shape is clarity.q = [['init', projectId, ...]]\n    const projectId = window.clarity?.q?.[0]?.[1];\n    if (typeof projectId === 'string') {\n      return projectId;\n    }\n  } catch {\n    // Fail silently\n  }\n\n  return undefined;\n}\n\n/**\n * Track event with Amplitude (fail silently)\n */\nexport function trackAmplitudeEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  const logger = createLogger(log);\n  try {\n    amplitudeInstance.track(eventName, properties);\n  } catch (error) {\n    logger('error', 'Failed to track Amplitude event', { eventName, error });\n  }\n}\n\n/**\n * Track event with Clarity (fail silently)\n */\nexport function trackClarityEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  const logger = createLogger(log);\n  try {\n    if (window.clarity) {\n      window.clarity('event', eventName);\n\n      // Set custom tags for properties\n      if (properties) {\n        Object.entries(properties).forEach(([key, value]) => {\n          window.clarity?.('set', key, String(value));\n        });\n      }\n    }\n  } catch (error) {\n    logger('error', 'Failed to track Clarity event', { eventName, error });\n  }\n}\n\n/**\n * Builds a tracking event name from prefix, page and event segments.\n * The prefix is expected to already include a trailing separator (e.g. 'nuvempago_lending_').\n * Page is optional — when absent the segment is omitted from the name.\n *\n * @example\n * buildEventName('nuvempago_lending_', 'dashboard', 'charge', 'view')\n * // → 'nuvempago_lending_dashboard_charge_view'\n *\n * buildEventName('nuvempago_lending_', undefined, 'charge', 'view')\n * // → 'nuvempago_lending_charge_view'\n */\nexport function buildEventName(\n  prefix: string,\n  page: string | undefined,\n  context: string,\n  event: string,\n): string {\n  // Prefix already contains its trailing separator — join only the remaining segments\n  const segments = [page, context, event].filter(Boolean);\n  return `${prefix}${segments.join('_')}`;\n}\n\n/**\n * Builds a TrackingProperties object from a loose record, dropping entries\n * whose value is undefined so callers don't need to guard optional fields.\n */\nexport function buildTrackingProperties(\n  source: Record<string, TrackingValue | undefined>,\n): TrackingProperties {\n  return Object.fromEntries(\n    Object.entries(source).filter(\n      (entry): entry is [string, TrackingValue] => entry[1] !== undefined,\n    ),\n  );\n}\n\n/**\n * Track event with both Amplitude and Clarity (fail silently)\n */\nexport function trackEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  trackAmplitudeEvent(eventName, properties, log);\n  trackClarityEvent(eventName, properties, log);\n}\n\n/**\n * Clarity command API shape as documented in the Clarity SDK\n * https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-api\n */\ntype ClarityCommand =\n  | 'init'\n  | 'event'\n  | 'set'\n  | 'identify'\n  | 'consent'\n  | 'upgrade';\n\ndeclare global {\n  interface Window {\n    clarity?: {\n      (command: ClarityCommand, ...args: string[]): void;\n      q?: string[][];\n    };\n  }\n}\n","import React, { createContext, useContext, useEffect, useMemo } from 'react';\nimport { SWRConfig } from 'swr';\nimport type {\n  LiveStateFetcher,\n  AnalyticsConfig,\n  TrackingProperties,\n} from '../types';\nimport { initializeAmplitude, initializeClarity } from '../utils/analytics';\nimport { createLogger, type LoggerFn } from '../utils/logger';\n\ninterface LiveStateContextValue {\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n  disabled?: boolean;\n  log: LoggerFn;\n}\n\nconst LiveStateContext = createContext<LiveStateContextValue | null>(null);\n\nexport interface LiveStateProviderProps {\n  children: React.ReactNode;\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n  onLog?: LoggerFn;\n  /**\n   * When true, disables all analytics SDKs (Amplitude and Clarity).\n   * Useful in development and test environments to suppress SDK warnings\n   * and avoid polluting analytics data without needing to mock anything.\n   * The `onEvent` and `onLog` callbacks still fire when disabled.\n   *\n   * @example\n   * <LiveStateProvider disabled={process.env.NODE_ENV !== 'production'} />\n   */\n  disabled?: boolean;\n}\n\n/**\n * LiveStateProvider\n *\n * Root-level provider that configures fetcher function and analytics.\n * Initializes Amplitude and Clarity on mount.\n *\n * The optional `onEvent` callback is fired on every tracking event before\n * sending to Amplitude/Clarity — useful for simulators and debugging tools.\n *\n * The optional `onLog` callback receives all internal lib logs — route them\n * to your APM (Datadog, Sentry, etc.) to avoid relying on console.*.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateProvider({\n  children,\n  fetcher,\n  analytics,\n  onEvent,\n  onLog,\n  disabled = false,\n}: LiveStateProviderProps) {\n  const log = useMemo(() => createLogger(onLog), [onLog]);\n\n  useEffect(() => {\n    if (disabled) return;\n\n    if (analytics?.amplitudeKey) {\n      initializeAmplitude(analytics.amplitudeKey, log);\n    }\n\n    if (analytics?.clarityProjectId) {\n      initializeClarity(analytics.clarityProjectId, log);\n    }\n  }, [analytics, disabled, log]);\n\n  const contextValue = useMemo(\n    () => ({ fetcher, analytics, onEvent, disabled, log }),\n    [fetcher, analytics, onEvent, disabled, log],\n  );\n\n  return (\n    <SWRConfig value={{ provider: () => new Map() }}>\n      <LiveStateContext.Provider value={contextValue}>\n        {children}\n      </LiveStateContext.Provider>\n    </SWRConfig>\n  );\n}\n\n/**\n * useLiveStateContext\n *\n * Internal hook to access LiveStateContext\n */\nexport function useLiveStateContext() {\n  const context = useContext(LiveStateContext);\n\n  if (!context) {\n    throw new Error('useLiveState must be used within LiveStateProvider');\n  }\n\n  return context;\n}\n"],"mappings":"ymBAeA,IAAM,GAA2B,EAAO,EAAS,IAAY,CAC3D,IAAM,EAAS,cACX,IAAU,QACZ,QAAQ,MAAM,EAAQ,EAAS,GAAI,EAAU,CAAC,EAAQ,CAAG,EAAE,CAAE,CAE7D,QAAQ,KAAK,EAAQ,EAAS,GAAI,EAAU,CAAC,EAAQ,CAAG,EAAE,CAAE,EAchE,SAAgB,EAAa,EAA4B,CACvD,OAAQ,EAAO,EAAS,IAAY,CAC9B,EACF,EAAM,EAAO,EAAS,EAAQ,CAE9B,EAAc,EAAO,EAAS,EAAQ,EC/B5C,IAAM,EAAoB,EAAU,gBAAgB,CAKpD,SAAgB,EAAoB,EAAgB,EAAsB,CACxE,IAAM,EAAS,EAAa,EAAI,CAChC,GAAI,CACF,GAAI,CAAC,EAAQ,CACX,EAAO,OAAQ,iCAAiC,CAChD,OAGF,EAAkB,KAAK,EAAQ,CAC7B,gBAAiB,GAClB,CAAC,OACK,EAAO,CACd,EAAO,QAAS,iCAAkC,CAAE,QAAO,CAAC,EAOhE,eAAsB,EACpB,EACA,EACe,CACf,IAAM,EAAS,EAAa,EAAI,CAChC,GAAI,CAEF,GAAI,OAAO,QAAS,CAClB,EAAO,OAAQ,wCAAwC,CACvD,OAIF,IAAM,EAAiB,GAAa,GAA2B,CAE/D,GAAI,CAAC,EAAgB,CACnB,EAAO,OAAQ,kCAAkC,CACjD,QAIe,MAAM,OAAO,uBAAuB,QAC7C,KAAK,EAAe,OACrB,EAAO,CACd,EAAO,QAAS,+BAAgC,CAAE,QAAO,CAAC,EAO9D,SAAS,GAAgD,CACvD,GAAI,CAEF,IAAM,EAAgB,SAAS,cAAc,4BAA4B,CACzE,GAAI,EAGF,OAFY,EAAc,aAAa,MAAM,EAC1B,MAAM,iBAAiB,GAC3B,GAIjB,IAAM,EAAY,OAAO,SAAS,IAAI,KAAK,GAC3C,GAAI,OAAO,GAAc,SACvB,OAAO,OAEH,GAUV,SAAgB,EACd,EACA,EACA,EACM,CACN,IAAM,EAAS,EAAa,EAAI,CAChC,GAAI,CACF,EAAkB,MAAM,EAAW,EAAW,OACvC,EAAO,CACd,EAAO,QAAS,kCAAmC,CAAE,YAAW,QAAO,CAAC,EAO5E,SAAgB,EACd,EACA,EACA,EACM,CACN,IAAM,EAAS,EAAa,EAAI,CAChC,GAAI,CACE,OAAO,UACT,OAAO,QAAQ,QAAS,EAAU,CAG9B,GACF,OAAO,QAAQ,EAAW,CAAC,SAAS,CAAC,EAAK,KAAW,CACnD,OAAO,UAAU,MAAO,EAAK,OAAO,EAAM,CAAC,EAC3C,QAGC,EAAO,CACd,EAAO,QAAS,gCAAiC,CAAE,YAAW,QAAO,CAAC,EAgB1E,SAAgB,EACd,EACA,EACA,EACA,EACQ,CAGR,MAAO,GAAG,IADO,CAAC,EAAM,EAAS,EAAM,CAAC,OAAO,QAAQ,CAC3B,KAAK,IAAI,GAOvC,SAAgB,EACd,EACoB,CACpB,OAAO,OAAO,YACZ,OAAO,QAAQ,EAAO,CAAC,OACpB,GAA4C,EAAM,KAAO,IAAA,GAC3D,CACF,CAMH,SAAgB,EACd,EACA,EACA,EACM,CACN,EAAoB,EAAW,EAAY,EAAI,CAC/C,EAAkB,EAAW,EAAY,EAAI,CC1J/C,IAAM,GAAA,EAAA,EAAA,eAA+D,KAAK,CAkC1E,SAAgB,EAAkB,CAChC,WACA,UACA,YACA,UACA,QACA,WAAW,IACc,CACzB,IAAM,GAAA,EAAA,EAAA,aAAoB,EAAa,EAAM,CAAE,CAAC,EAAM,CAAC,EAEvD,EAAA,EAAA,eAAgB,CACV,IAEA,GAAW,cACb,EAAoB,EAAU,aAAc,EAAI,CAG9C,GAAW,kBACb,EAAkB,EAAU,iBAAkB,EAAI,GAEnD,CAAC,EAAW,EAAU,EAAI,CAAC,CAE9B,IAAM,GAAA,EAAA,EAAA,cACG,CAAE,UAAS,YAAW,UAAS,WAAU,MAAK,EACrD,CAAC,EAAS,EAAW,EAAS,EAAU,EAAI,CAC7C,CAED,OACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,MAAO,CAAE,aAAgB,IAAI,IAAO,WAC7C,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,EAC/B,WACyB,CAAA,CAClB,CAAA,CAShB,SAAgB,GAAsB,CACpC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MAAM,qDAAqD,CAGvE,OAAO"}

package/dist/LiveStateProvider-BH31kAuo.js

@@ -0,0 +1,133 @@
+import { createContext as e, useContext as t, useEffect as n, useMemo as r } from "react";
+import { SWRConfig as i } from "swr";
+import * as a from "@amplitude/analytics-browser";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/utils/logger.ts
+var s = (e, t, n) => {
+	let r = "[LiveState]";
+	e === "error" ? console.error(r, t, ...n ? [n] : []) : console.warn(r, t, ...n ? [n] : []);
+};
+function c(e) {
+	return (t, n, r) => {
+		e ? e(t, n, r) : s(t, n, r);
+	};
+}
+//#endregion
+//#region src/utils/analytics.ts
+var l = a.createInstance();
+function u(e, t) {
+	let n = c(t);
+	try {
+		if (!e) {
+			n("warn", "Amplitude API key not provided");
+			return;
+		}
+		l.init(e, { defaultTracking: !1 });
+	} catch (e) {
+		n("error", "Failed to initialize Amplitude", { error: e });
+	}
+}
+async function d(e, t) {
+	let n = c(t);
+	try {
+		if (window.clarity) {
+			n("info", "Clarity already initialized by client");
+			return;
+		}
+		let t = e || f();
+		if (!t) {
+			n("warn", "Clarity project ID not provided");
+			return;
+		}
+		(await import("@microsoft/clarity")).default.init(t);
+	} catch (e) {
+		n("error", "Failed to initialize Clarity", { error: e });
+	}
+}
+function f() {
+	try {
+		let e = document.querySelector("script[src*=\"clarity.ms\"]");
+		if (e) return e.getAttribute("src")?.match(/\/([a-z0-9]+)$/)?.[1];
+		let t = window.clarity?.q?.[0]?.[1];
+		if (typeof t == "string") return t;
+	} catch {}
+}
+function p(e, t, n) {
+	let r = c(n);
+	try {
+		l.track(e, t);
+	} catch (t) {
+		r("error", "Failed to track Amplitude event", {
+			eventName: e,
+			error: t
+		});
+	}
+}
+function m(e, t, n) {
+	let r = c(n);
+	try {
+		window.clarity && (window.clarity("event", e), t && Object.entries(t).forEach(([e, t]) => {
+			window.clarity?.("set", e, String(t));
+		}));
+	} catch (t) {
+		r("error", "Failed to track Clarity event", {
+			eventName: e,
+			error: t
+		});
+	}
+}
+function h(e, t, n, r) {
+	return `${e}${[
+		t,
+		n,
+		r
+	].filter(Boolean).join("_")}`;
+}
+function g(e) {
+	return Object.fromEntries(Object.entries(e).filter((e) => e[1] !== void 0));
+}
+function _(e, t, n) {
+	p(e, t, n), m(e, t, n);
+}
+//#endregion
+//#region src/providers/LiveStateProvider.tsx
+var v = e(null);
+function y({ children: e, fetcher: t, analytics: a, onEvent: s, onLog: l, disabled: f = !1 }) {
+	let p = r(() => c(l), [l]);
+	n(() => {
+		f || (a?.amplitudeKey && u(a.amplitudeKey, p), a?.clarityProjectId && d(a.clarityProjectId, p));
+	}, [
+		a,
+		f,
+		p
+	]);
+	let m = r(() => ({
+		fetcher: t,
+		analytics: a,
+		onEvent: s,
+		disabled: f,
+		log: p
+	}), [
+		t,
+		a,
+		s,
+		f,
+		p
+	]);
+	return /* @__PURE__ */ o(i, {
+		value: { provider: () => /* @__PURE__ */ new Map() },
+		children: /* @__PURE__ */ o(v.Provider, {
+			value: m,
+			children: e
+		})
+	});
+}
+function b() {
+	let e = t(v);
+	if (!e) throw Error("useLiveState must be used within LiveStateProvider");
+	return e;
+}
+//#endregion
+export { _ as a, g as i, b as n, c as o, h as r, y as t };
+
+//# sourceMappingURL=LiveStateProvider-BH31kAuo.js.map

package/dist/LiveStateProvider-BH31kAuo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveStateProvider-BH31kAuo.js","names":[],"sources":["../src/utils/logger.ts","../src/utils/analytics.ts","../src/providers/LiveStateProvider.tsx"],"sourcesContent":["import type { LogLevel } from '../types';\n\n/**\n * Logger function type — matches the signature of LiveStateProviderProps.onLog.\n */\nexport type LoggerFn = (\n  level: LogLevel,\n  message: string,\n  context?: Record<string, unknown>,\n) => void;\n\n/**\n * Default logger — falls back to console.* when no onLog is provided.\n * Uses console.warn for 'info' and 'warn', console.error for 'error'.\n */\nconst defaultLogger: LoggerFn = (level, message, context) => {\n  const prefix = '[LiveState]';\n  if (level === 'error') {\n    console.error(prefix, message, ...(context ? [context] : []));\n  } else {\n    console.warn(prefix, message, ...(context ? [context] : []));\n  }\n};\n\n/**\n * Creates a logger bound to an optional consumer-provided onLog callback.\n * When onLog is provided it is called exclusively — the default console.*\n * fallback does NOT run, giving the consumer full control over output.\n *\n * @example\n * const log = createLogger(onLog);\n * log('warn', 'Amplitude API key not provided');\n * log('error', 'Failed to fetch', { url: '/v1/live-state', status: 500 });\n */\nexport function createLogger(onLog?: LoggerFn): LoggerFn {\n  return (level, message, context) => {\n    if (onLog) {\n      onLog(level, message, context);\n    } else {\n      defaultLogger(level, message, context);\n    }\n  };\n}\n","import * as amplitude from '@amplitude/analytics-browser';\nimport type { TrackingProperties, TrackingValue } from '../types';\nimport { createLogger, type LoggerFn } from './logger';\n\n/**\n * Isolated Amplitude instance for the lib — avoids conflicts with the\n * consumer app's own Amplitude instance when both coexist on the same page.\n */\nconst amplitudeInstance = amplitude.createInstance();\n\n/**\n * Initialize Amplitude (fail silently)\n */\nexport function initializeAmplitude(apiKey: string, log?: LoggerFn): void {\n  const logger = createLogger(log);\n  try {\n    if (!apiKey) {\n      logger('warn', 'Amplitude API key not provided');\n      return;\n    }\n\n    amplitudeInstance.init(apiKey, {\n      defaultTracking: false,\n    });\n  } catch (error) {\n    logger('error', 'Failed to initialize Amplitude', { error });\n  }\n}\n\n/**\n * Initialize Clarity (fail silently)\n */\nexport async function initializeClarity(\n  projectId?: string,\n  log?: LoggerFn,\n): Promise<void> {\n  const logger = createLogger(log);\n  try {\n    // Check if Clarity is already loaded by the client\n    if (window.clarity) {\n      logger('info', 'Clarity already initialized by client');\n      return;\n    }\n\n    // If client provided project ID, use it\n    const finalProjectId = projectId || getClientClarityProjectId();\n\n    if (!finalProjectId) {\n      logger('warn', 'Clarity project ID not provided');\n      return;\n    }\n\n    // Initialize Clarity with project ID\n    const Clarity = (await import('@microsoft/clarity')).default;\n    Clarity.init(finalProjectId);\n  } catch (error) {\n    logger('error', 'Failed to initialize Clarity', { error });\n  }\n}\n\n/**\n * Try to extract Clarity project ID from client's installation\n */\nfunction getClientClarityProjectId(): string | undefined {\n  try {\n    // Check if Clarity script tag exists\n    const clarityScript = document.querySelector('script[src*=\"clarity.ms\"]');\n    if (clarityScript) {\n      const src = clarityScript.getAttribute('src');\n      const match = src?.match(/\\/([a-z0-9]+)$/);\n      return match?.[1];\n    }\n\n    // Check global clarity config: shape is clarity.q = [['init', projectId, ...]]\n    const projectId = window.clarity?.q?.[0]?.[1];\n    if (typeof projectId === 'string') {\n      return projectId;\n    }\n  } catch {\n    // Fail silently\n  }\n\n  return undefined;\n}\n\n/**\n * Track event with Amplitude (fail silently)\n */\nexport function trackAmplitudeEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  const logger = createLogger(log);\n  try {\n    amplitudeInstance.track(eventName, properties);\n  } catch (error) {\n    logger('error', 'Failed to track Amplitude event', { eventName, error });\n  }\n}\n\n/**\n * Track event with Clarity (fail silently)\n */\nexport function trackClarityEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  const logger = createLogger(log);\n  try {\n    if (window.clarity) {\n      window.clarity('event', eventName);\n\n      // Set custom tags for properties\n      if (properties) {\n        Object.entries(properties).forEach(([key, value]) => {\n          window.clarity?.('set', key, String(value));\n        });\n      }\n    }\n  } catch (error) {\n    logger('error', 'Failed to track Clarity event', { eventName, error });\n  }\n}\n\n/**\n * Builds a tracking event name from prefix, page and event segments.\n * The prefix is expected to already include a trailing separator (e.g. 'nuvempago_lending_').\n * Page is optional — when absent the segment is omitted from the name.\n *\n * @example\n * buildEventName('nuvempago_lending_', 'dashboard', 'charge', 'view')\n * // → 'nuvempago_lending_dashboard_charge_view'\n *\n * buildEventName('nuvempago_lending_', undefined, 'charge', 'view')\n * // → 'nuvempago_lending_charge_view'\n */\nexport function buildEventName(\n  prefix: string,\n  page: string | undefined,\n  context: string,\n  event: string,\n): string {\n  // Prefix already contains its trailing separator — join only the remaining segments\n  const segments = [page, context, event].filter(Boolean);\n  return `${prefix}${segments.join('_')}`;\n}\n\n/**\n * Builds a TrackingProperties object from a loose record, dropping entries\n * whose value is undefined so callers don't need to guard optional fields.\n */\nexport function buildTrackingProperties(\n  source: Record<string, TrackingValue | undefined>,\n): TrackingProperties {\n  return Object.fromEntries(\n    Object.entries(source).filter(\n      (entry): entry is [string, TrackingValue] => entry[1] !== undefined,\n    ),\n  );\n}\n\n/**\n * Track event with both Amplitude and Clarity (fail silently)\n */\nexport function trackEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n  log?: LoggerFn,\n): void {\n  trackAmplitudeEvent(eventName, properties, log);\n  trackClarityEvent(eventName, properties, log);\n}\n\n/**\n * Clarity command API shape as documented in the Clarity SDK\n * https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-api\n */\ntype ClarityCommand =\n  | 'init'\n  | 'event'\n  | 'set'\n  | 'identify'\n  | 'consent'\n  | 'upgrade';\n\ndeclare global {\n  interface Window {\n    clarity?: {\n      (command: ClarityCommand, ...args: string[]): void;\n      q?: string[][];\n    };\n  }\n}\n","import React, { createContext, useContext, useEffect, useMemo } from 'react';\nimport { SWRConfig } from 'swr';\nimport type {\n  LiveStateFetcher,\n  AnalyticsConfig,\n  TrackingProperties,\n} from '../types';\nimport { initializeAmplitude, initializeClarity } from '../utils/analytics';\nimport { createLogger, type LoggerFn } from '../utils/logger';\n\ninterface LiveStateContextValue {\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n  disabled?: boolean;\n  log: LoggerFn;\n}\n\nconst LiveStateContext = createContext<LiveStateContextValue | null>(null);\n\nexport interface LiveStateProviderProps {\n  children: React.ReactNode;\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n  onLog?: LoggerFn;\n  /**\n   * When true, disables all analytics SDKs (Amplitude and Clarity).\n   * Useful in development and test environments to suppress SDK warnings\n   * and avoid polluting analytics data without needing to mock anything.\n   * The `onEvent` and `onLog` callbacks still fire when disabled.\n   *\n   * @example\n   * <LiveStateProvider disabled={process.env.NODE_ENV !== 'production'} />\n   */\n  disabled?: boolean;\n}\n\n/**\n * LiveStateProvider\n *\n * Root-level provider that configures fetcher function and analytics.\n * Initializes Amplitude and Clarity on mount.\n *\n * The optional `onEvent` callback is fired on every tracking event before\n * sending to Amplitude/Clarity — useful for simulators and debugging tools.\n *\n * The optional `onLog` callback receives all internal lib logs — route them\n * to your APM (Datadog, Sentry, etc.) to avoid relying on console.*.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateProvider({\n  children,\n  fetcher,\n  analytics,\n  onEvent,\n  onLog,\n  disabled = false,\n}: LiveStateProviderProps) {\n  const log = useMemo(() => createLogger(onLog), [onLog]);\n\n  useEffect(() => {\n    if (disabled) return;\n\n    if (analytics?.amplitudeKey) {\n      initializeAmplitude(analytics.amplitudeKey, log);\n    }\n\n    if (analytics?.clarityProjectId) {\n      initializeClarity(analytics.clarityProjectId, log);\n    }\n  }, [analytics, disabled, log]);\n\n  const contextValue = useMemo(\n    () => ({ fetcher, analytics, onEvent, disabled, log }),\n    [fetcher, analytics, onEvent, disabled, log],\n  );\n\n  return (\n    <SWRConfig value={{ provider: () => new Map() }}>\n      <LiveStateContext.Provider value={contextValue}>\n        {children}\n      </LiveStateContext.Provider>\n    </SWRConfig>\n  );\n}\n\n/**\n * useLiveStateContext\n *\n * Internal hook to access LiveStateContext\n */\nexport function useLiveStateContext() {\n  const context = useContext(LiveStateContext);\n\n  if (!context) {\n    throw new Error('useLiveState must be used within LiveStateProvider');\n  }\n\n  return context;\n}\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c,1);let l=require(`swr`);l=s(l,1);let u=require(`@amplitude/analytics-browser`);u=s(u,1);let d=require(`react/jsx-runtime`),f=require(`@nimbus-ds/components`),p=require(`@nimbus-ds/icons`);var m=u.createInstance();function h(e){try{if(!e){console.warn(`[LiveState] Amplitude API key not provided`);return}m.init(e,{defaultTracking:!1})}catch(e){console.warn(`[LiveState] Failed to initialize Amplitude:`,e)}}async function g(e){try{if(window.clarity){console.log(`[LiveState] Clarity already initialized by client`);return}let t=e||_();if(!t){console.warn(`[LiveState] Clarity project ID not provided`);return}(await import(`@microsoft/clarity`)).default.init(t)}catch(e){console.warn(`[LiveState] Failed to initialize Clarity:`,e)}}function _(){try{let e=document.querySelector(`script[src*="clarity.ms"]`);if(e)return e.getAttribute(`src`)?.match(/\/([a-z0-9]+)$/)?.[1];let t=window.clarity?.q?.[0]?.[1];if(typeof t==`string`)return t}catch{}}function v(e,t){try{m.track(e,t)}catch(e){console.warn(`[LiveState] Failed to track Amplitude event:`,e)}}function y(e,t){try{window.clarity&&(window.clarity(`event`,e),t&&Object.entries(t).forEach(([e,t])=>{window.clarity?.(`set`,e,String(t))}))}catch(e){console.warn(`[LiveState] Failed to track Clarity event:`,e)}}function b(e){return Object.fromEntries(Object.entries(e).filter(e=>e[1]!==void 0))}function x(e,t){v(e,t),y(e,t)}var S=(0,c.createContext)(null);function C({children:e,fetcher:t,analytics:n,onEvent:r}){return(0,c.useEffect)(()=>{n?.amplitudeKey&&h(n.amplitudeKey),n?.clarityProjectId&&g(n.clarityProjectId)},[n]),(0,d.jsx)(l.SWRConfig,{value:{provider:()=>new Map},children:(0,d.jsx)(S.Provider,{value:{fetcher:t,analytics:n,onEvent:r},children:e})})}function w(){let e=(0,c.useContext)(S);if(!e)throw Error(`useLiveState must be used within LiveStateProvider`);return e}function T(){let{fetcher:e}=w(),{data:t,error:n,isLoading:r,mutate:i}=(0,l.default)(`live-state`,e,{revalidateOnFocus:!1,revalidateOnReconnect:!0,dedupingInterval:6e4,shouldRetryOnError:!1,onError:e=>{console.warn(`[LiveState] Failed to fetch live state:`,e)}});return{liveState:t??null,isLoading:r,error:n??null,refresh:async()=>{try{await i()}catch(e){console.warn(`[LiveState] Failed to refresh live state:`,e)}}}}function E(){let{onEvent:e}=w();return(0,c.useCallback)((t,n)=>{e?.(t,n),x(t,n)},[e])}var D=`@tiendanube/live-state:closable`,O=D;function k(){try{let e=localStorage.getItem(O);if(!e)return{};let t=JSON.parse(e);if(typeof t!=`object`||!t)return{};let n={};for(let[e,r]of Object.entries(t))if(!(typeof r!=`object`||!r)){n[e]={};for(let[t,i]of Object.entries(r))if(typeof i==`number`)n[e][t]={count:i,closedAt:0};else if(typeof i==`object`&&i){let r=i;n[e][t]={count:typeof r.count==`number`?r.count:0,closedAt:typeof r.closedAt==`number`?r.closedAt:0}}}return n}catch{return{}}}function A(e){try{localStorage.setItem(O,JSON.stringify(e))}catch{}}function j({context:e,id:t,maxCloseTimes:n=3,expiresIn:r}){let[i,a]=(0,c.useState)(null);return(0,c.useEffect)(()=>{if(!t){a(!0);return}let i=k(),o=i[e]?.[t];if(!o){a(!0);return}let{count:s,closedAt:c}=o;if(r!=null&&c>0&&Date.now()-c>r){let n={...i};n[e]&&(delete n[e][t],A(n)),a(!0);return}a(s<n)},[e,t,n,r]),{isVisible:i,close:(0,c.useCallback)(()=>{if(!t)return;let n=k(),r=n[e]?.[t]?.count??0,i={...n,[e]:{...n[e]??{},[t]:{count:r+1,closedAt:Date.now()}}};a(!1),A(i)},[e,t])}}function M(e){try{switch(e.type){case`redirect`:window.location.href=e.url;break;case`whatsapp`:{let t=e.whatsappMessage?`${e.url}?text=${encodeURIComponent(e.whatsappMessage)}`:e.url;window.open(t,`_blank`);break}case`external`:window.open(e.url,`_blank`);break;default:console.warn(`[LiveState] Unknown CTA type: ${e.type}`)}}catch(e){console.warn(`[LiveState] Failed to handle CTA click:`,e)}}function N({data:e,trackingConfig:t,onClose:n,onCtaClick:r}){let i=E(),a=e.type===`alert`?`danger`:`warning`,o=(0,c.useCallback)(()=>b({context:e.context,campaignId:e.campaignId,group:e.group,...e.metadata,...t.properties}),[e,t.properties]),s=(0,c.useCallback)(()=>{i(`${t.prefix}${t.page}_${e.context}_click`,o()),r?r(e.cta):M(e.cta)},[e,t,o,i,r]),l=(0,c.useCallback)(()=>{i(`${t.prefix}${t.page}_${e.context}_close`,o()),n?.()},[n,e,t,o,i]);return(0,c.useEffect)(()=>{i(`${t.prefix}${t.page}_${e.context}_view`,o())},[]),(0,d.jsx)(f.Alert,{appearance:a,title:e.title,onRemove:n?l:void 0,children:(0,d.jsxs)(f.Box,{display:`flex`,alignItems:`flex-start`,gap:`3`,flexWrap:`wrap`,flexDirection:`column`,children:[(0,d.jsx)(f.Box,{flex:`1 1 auto`,minWidth:`220px`,children:(0,d.jsx)(f.Text,{children:e.message})}),(0,d.jsx)(f.Box,{display:`flex`,justifyContent:`flex-end`,marginTop:`2`,children:(0,d.jsx)(f.Button,{appearance:`primary`,onClick:s,children:e.cta.label})})]})})}var P={blue:{background:`#0050C3`,icon:`#FFFFFF`},white:{background:`#FFFFFF`,icon:`#0059D5`}};function F({data:e,trackingConfig:t,defaultVariant:n=`blue`,onClose:r,isMobile:i,onCtaClick:a}){let o=E(),s=e.variant||n,l=P[s],[u,m]=(0,c.useState)(()=>window.innerWidth<750);(0,c.useEffect)(()=>{let e=()=>m(window.innerWidth<750);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let h=i??u,g=(0,c.useCallback)(()=>b({context:e.context,campaignId:e.campaignId,group:e.group,...e.metadata,...t.properties}),[e,t.properties]),_=(0,c.useCallback)(()=>{o(`${t.prefix}${t.page}_${e.context}_click`,g()),a?a(e.cta):M(e.cta)},[e,t,g,o,a]),v=(0,c.useCallback)(()=>{o(`${t.prefix}${t.page}_${e.context}_close`,g()),r?.()},[r,e,t,g,o]);(0,c.useEffect)(()=>{o(`${t.prefix}${t.page}_${e.context}_view`,g())},[]);let y=(0,d.jsx)(f.Link,{as:`a`,textDecoration:`none`,onClick:_,"data-testid":`live-state-cta-link`,children:(0,d.jsx)(f.Text,{color:`primary-interactive`,fontSize:`base`,children:e.cta.label})});return(0,d.jsx)(f.Card,{children:(0,d.jsxs)(f.Box,{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,children:[(0,d.jsxs)(f.Box,{display:`flex`,gap:`4`,alignItems:h?`flex-start`:`center`,paddingRight:`1-5`,children:[(0,d.jsx)(f.Box,{minWidth:`32px`,children:(0,d.jsx)(`div`,{style:{width:32,height:32,borderRadius:`35%`,borderColor:s===`white`?`#E7E7E7`:`transparent`,borderWidth:1,borderStyle:`solid`,background:l.background,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,d.jsx)(p.MoneyIcon,{style:{color:l.icon}})})}),(0,d.jsxs)(f.Box,{display:`grid`,gap:`2`,children:[(0,d.jsxs)(f.Box,{children:[(0,d.jsx)(f.Text,{fontSize:`base`,color:`neutral-textHigh`,children:e.title}),(0,d.jsx)(f.Text,{fontSize:`base`,color:`neutral-textLow`,children:e.message})]}),h&&y]})]}),(!h||r)&&(0,d.jsxs)(f.Box,{display:`flex`,flexDirection:h?`column`:`row`,alignItems:h?`flex-end`:`center`,gap:`2`,children:[!h&&y,r&&(0,d.jsx)(`button`,{type:`button`,"data-testid":`live-state-close-button`,"aria-label":`Fechar notificação`,onClick:v,style:{background:`none`,border:`none`,padding:0,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,d.jsx)(f.Icon,{source:(0,d.jsx)(p.CloseIcon,{width:`18px`,height:`18px`}),color:`neutral-interactive`})})]})]})})}function I({data:e,loading:t,trackingConfig:n,allowedContexts:r,defaultVariant:i,isMobile:a,onCtaClick:o}){let{isVisible:s,close:c}=j({context:e?.context??``,id:e?.campaignId,maxCloseTimes:e?.metadata?.maxCloseTimes,expiresIn:e?.metadata?.expiresIn});if(t||!e)return null;if(!e.context||!e.type||!e.title||!e.message||!e.cta?.label||!e.cta?.url||!e.cta?.type)return console.warn(`[LiveState] Invalid payload, missing required fields`,e),null;if(r&&!r.includes(e.context)||s===null||!s)return null;let l=e.closable&&e.campaignId?c:void 0;return e.type===`alert`||e.type===`warning`?(0,d.jsx)(N,{data:e,onClose:l,trackingConfig:n,onCtaClick:o}):e.type===`info`?(0,d.jsx)(F,{data:e,onClose:l,trackingConfig:n,defaultVariant:i,isMobile:a,onCtaClick:o}):(console.warn(`[LiveState] Unknown type: ${e.type}`),null)}exports.LIVE_STATE_STORAGE_KEY=D,exports.LiveStateAlert=N,exports.LiveStateInfo=F,exports.LiveStateProvider=C,exports.LiveStateRenderer=I,exports.handleCtaClick=M,exports.trackEvent=x,exports.useLiveState=T,exports.useTrackEvent=E;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./LiveStateProvider-BAkFYuZ2.cjs`);let t=require(`react`),n=require(`swr`);n=e.s(n,1);let r=require(`react/jsx-runtime`),i=require(`@nimbus-ds/components`),a=require(`@nimbus-ds/icons`);function o(){let{fetcher:t,log:r}=e.n(),{data:i,error:a,isLoading:o,mutate:s}=(0,n.default)(`live-state`,t,{revalidateOnFocus:!1,revalidateOnReconnect:!0,dedupingInterval:6e4,shouldRetryOnError:!1,onError:e=>{r(`error`,`Failed to fetch live state`,{error:e})}});return{liveState:i??null,isLoading:o,isError:a!=null,error:a??null,refresh:async()=>{try{await s()}catch(e){r(`error`,`Failed to refresh live state`,{error:e})}}}}function s(){let{onEvent:n,disabled:r,log:i}=e.n();return(0,t.useCallback)((t,a)=>{n?.(t,a),r||e.a(t,a,i)},[n,r,i])}var c=`@tiendanube/live-state:closable`,l=c;function u(){try{let e=localStorage.getItem(l);if(!e)return{};let t=JSON.parse(e);if(typeof t!=`object`||!t)return{};let n={};for(let[e,r]of Object.entries(t))if(!(typeof r!=`object`||!r)){n[e]={};for(let[t,i]of Object.entries(r))if(typeof i==`number`)n[e][t]={count:i,closedAt:0};else if(typeof i==`object`&&i){let r=i;n[e][t]={count:typeof r.count==`number`?r.count:0,closedAt:typeof r.closedAt==`number`?r.closedAt:0}}}return n}catch{return{}}}function d(e){try{localStorage.setItem(l,JSON.stringify(e))}catch{}}function f({context:e,id:n,maxCloseTimes:r=3,expiresIn:i}){let[a,o]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!n){o(!0);return}let t=u(),a=t[e]?.[n];if(!a){o(!0);return}let{count:s,closedAt:c}=a;if(i!=null&&c>0&&Date.now()-c>i){let r={...t};r[e]&&(delete r[e][n],d(r)),o(!0);return}o(s<r)},[e,n,r,i]),{isVisible:a,close:(0,t.useCallback)(()=>{if(o(!1),!n)return;let t=u(),r=t[e]?.[n]?.count??0;d({...t,[e]:{...t[e]??{},[n]:{count:r+1,closedAt:Date.now()}}})},[e,n])}}function p(t,n){let r=e.o(n);try{switch(t.type){case`redirect`:window.location.href=t.url;break;case`whatsapp`:{let e=t.whatsappMessage?`${t.url}?text=${encodeURIComponent(t.whatsappMessage)}`:t.url;window.open(e,`_blank`);break}case`external`:window.open(t.url,`_blank`);break;default:r(`warn`,`Unknown CTA type: ${t.type}`,{cta:t})}}catch(e){r(`error`,`Failed to handle CTA click`,{cta:t,error:e})}}function m({data:n,trackingConfig:a,onClose:o,onCtaClick:c}){let l=s(),{log:u}=e.n(),d=n.type===`alert`?`danger`:`warning`,f=(0,t.useCallback)(()=>e.i({context:n.context,campaignId:n.campaignId,group:n.group,...n.metadata,...a.properties}),[n,a.properties]),m=(0,t.useCallback)(()=>{l(e.r(a.prefix,a.page,n.context,`click`),f()),c?c(n.cta):p(n.cta,u)},[n,a,f,l,c,u]),h=(0,t.useCallback)(()=>{l(e.r(a.prefix,a.page,n.context,`close`),f()),o?.()},[o,n,a,f,l]);return(0,t.useEffect)(()=>{l(e.r(a.prefix,a.page,n.context,`view`),f())},[]),(0,r.jsx)(i.Alert,{appearance:d,title:n.title,onRemove:o?h:void 0,children:(0,r.jsxs)(i.Box,{display:`flex`,alignItems:`flex-start`,gap:`3`,flexWrap:`wrap`,flexDirection:`column`,children:[(0,r.jsx)(i.Box,{flex:`1 1 auto`,minWidth:`220px`,children:(0,r.jsx)(i.Text,{children:n.message})}),(0,r.jsx)(i.Box,{display:`flex`,justifyContent:`flex-end`,marginTop:`2`,children:(0,r.jsx)(i.Button,{appearance:`primary`,onClick:m,children:n.cta.label})})]})})}var h={blue:{background:`#0050C3`,icon:`#FFFFFF`},white:{background:`#FFFFFF`,icon:`#0059D5`}};function g({data:n,trackingConfig:o,defaultVariant:c=`blue`,onClose:l,isMobile:u,onCtaClick:d}){let f=s(),{log:m}=e.n(),g=n.variant||c,_=h[g],[v,y]=(0,t.useState)(()=>window.innerWidth<750);(0,t.useEffect)(()=>{let e=()=>y(window.innerWidth<750);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let b=u??v,x=(0,t.useCallback)(()=>e.i({context:n.context,campaignId:n.campaignId,group:n.group,...n.metadata,...o.properties}),[n,o.properties]),S=(0,t.useCallback)(()=>{f(e.r(o.prefix,o.page,n.context,`click`),x()),d?d(n.cta):p(n.cta,m)},[n,o,x,f,d,m]),C=(0,t.useCallback)(()=>{f(e.r(o.prefix,o.page,n.context,`close`),x()),l?.()},[l,n,o,x,f]);(0,t.useEffect)(()=>{f(e.r(o.prefix,o.page,n.context,`view`),x())},[]);let w=(0,r.jsx)(i.Link,{as:`a`,textDecoration:`none`,onClick:S,"data-testid":`live-state-cta-link`,children:(0,r.jsx)(i.Text,{color:`primary-interactive`,fontSize:`base`,children:n.cta.label})});return(0,r.jsx)(i.Card,{children:(0,r.jsxs)(i.Box,{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,children:[(0,r.jsxs)(i.Box,{display:`flex`,gap:`4`,alignItems:b?`flex-start`:`center`,paddingRight:`1-5`,children:[(0,r.jsx)(i.Box,{minWidth:`32px`,children:(0,r.jsx)(`div`,{style:{width:32,height:32,borderRadius:`35%`,borderColor:g===`white`?`#E7E7E7`:`transparent`,borderWidth:1,borderStyle:`solid`,background:_.background,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,r.jsx)(a.MoneyIcon,{style:{color:_.icon}})})}),(0,r.jsxs)(i.Box,{display:`grid`,gap:`2`,children:[(0,r.jsxs)(i.Box,{children:[(0,r.jsx)(i.Text,{fontSize:`base`,color:`neutral-textHigh`,children:n.title}),(0,r.jsx)(i.Text,{fontSize:`base`,color:`neutral-textLow`,children:n.message})]}),b&&w]})]}),(!b||l)&&(0,r.jsxs)(i.Box,{display:`flex`,flexDirection:b?`column`:`row`,alignItems:b?`flex-end`:`center`,gap:`2`,children:[!b&&w,l&&(0,r.jsx)(`button`,{type:`button`,"data-testid":`live-state-close-button`,"aria-label":`Fechar notificação`,onClick:C,style:{background:`none`,border:`none`,padding:0,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,r.jsx)(i.Icon,{source:(0,r.jsx)(a.CloseIcon,{width:`18px`,height:`18px`}),color:`neutral-interactive`})})]})]})})}function _({data:t,loading:n,trackingConfig:i,allowedContexts:a,defaultVariant:o,isMobile:s,onCtaClick:c}){let{log:l}=e.n(),{isVisible:u,close:d}=f({context:t?.context??``,id:t?.campaignId,maxCloseTimes:t?.metadata?.maxCloseTimes,expiresIn:t?.metadata?.expiresIn});if(n||!t)return null;if(!t.context||!t.type||!t.title||!t.message||!t.cta?.label||!t.cta?.url||!t.cta?.type)return l(`warn`,`Invalid payload, missing required fields`,{data:t}),null;if(a&&!a.includes(t.context)||u===null||!u)return null;let p=t.closable?d:void 0;return t.type===`alert`||t.type===`warning`?(0,r.jsx)(m,{data:t,onClose:p,trackingConfig:i,onCtaClick:c}):t.type===`info`?(0,r.jsx)(g,{data:t,onClose:p,trackingConfig:i,defaultVariant:o,isMobile:s,onCtaClick:c}):(l(`warn`,`Unknown type: ${t.type}`,{data:t}),null)}exports.LIVE_STATE_STORAGE_KEY=c,exports.LiveStateAlert=m,exports.LiveStateInfo=g,exports.LiveStateProvider=e.t,exports.LiveStateRenderer=_,exports.handleCtaClick=p,exports.trackEvent=e.a,exports.useLiveState=o,exports.useTrackEvent=s;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../src/utils/analytics.ts","../src/providers/LiveStateProvider.tsx","../src/hooks/useLiveState.ts","../src/hooks/useTrackEvent.ts","../src/utils/closable-storage.ts","../src/hooks/useClosable.ts","../src/utils/cta.ts","../src/components/LiveStateAlert.tsx","../src/components/LiveStateInfo.tsx","../src/components/LiveStateRenderer.tsx"],"sourcesContent":["import * as amplitude from '@amplitude/analytics-browser';\nimport type { TrackingProperties, TrackingValue } from '../types';\n\n/**\n * Isolated Amplitude instance for the lib — avoids conflicts with the\n * consumer app's own Amplitude instance when both coexist on the same page.\n */\nconst amplitudeInstance = amplitude.createInstance();\n\n/**\n * Initialize Amplitude (fail silently)\n */\nexport function initializeAmplitude(apiKey: string): void {\n  try {\n    if (!apiKey) {\n      console.warn('[LiveState] Amplitude API key not provided');\n      return;\n    }\n\n    amplitudeInstance.init(apiKey, {\n      defaultTracking: false,\n    });\n  } catch (error) {\n    console.warn('[LiveState] Failed to initialize Amplitude:', error);\n  }\n}\n\n/**\n * Initialize Clarity (fail silently)\n */\nexport async function initializeClarity(projectId?: string): Promise<void> {\n  try {\n    // Check if Clarity is already loaded by the client\n    if (window.clarity) {\n      console.log('[LiveState] Clarity already initialized by client');\n      return;\n    }\n\n    // If client provided project ID, use it\n    const finalProjectId = projectId || getClientClarityProjectId();\n\n    if (!finalProjectId) {\n      console.warn('[LiveState] Clarity project ID not provided');\n      return;\n    }\n\n    // Initialize Clarity with project ID\n    const Clarity = (await import('@microsoft/clarity')).default;\n    Clarity.init(finalProjectId);\n  } catch (error) {\n    console.warn('[LiveState] Failed to initialize Clarity:', error);\n  }\n}\n\n/**\n * Try to extract Clarity project ID from client's installation\n */\nfunction getClientClarityProjectId(): string | undefined {\n  try {\n    // Check if Clarity script tag exists\n    const clarityScript = document.querySelector('script[src*=\"clarity.ms\"]');\n    if (clarityScript) {\n      const src = clarityScript.getAttribute('src');\n      const match = src?.match(/\\/([a-z0-9]+)$/);\n      return match?.[1];\n    }\n\n    // Check global clarity config: shape is clarity.q = [['init', projectId, ...]]\n    const projectId = window.clarity?.q?.[0]?.[1];\n    if (typeof projectId === 'string') {\n      return projectId;\n    }\n  } catch {\n    // Fail silently\n  }\n\n  return undefined;\n}\n\n/**\n * Track event with Amplitude (fail silently)\n */\nexport function trackAmplitudeEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n): void {\n  try {\n    amplitudeInstance.track(eventName, properties);\n  } catch (error) {\n    console.warn('[LiveState] Failed to track Amplitude event:', error);\n  }\n}\n\n/**\n * Track event with Clarity (fail silently)\n */\nexport function trackClarityEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n): void {\n  try {\n    if (window.clarity) {\n      window.clarity('event', eventName);\n\n      // Set custom tags for properties\n      if (properties) {\n        Object.entries(properties).forEach(([key, value]) => {\n          window.clarity?.('set', key, String(value));\n        });\n      }\n    }\n  } catch (error) {\n    console.warn('[LiveState] Failed to track Clarity event:', error);\n  }\n}\n\n/**\n * Builds a TrackingProperties object from a loose record, dropping entries\n * whose value is undefined so callers don't need to guard optional fields.\n */\nexport function buildTrackingProperties(\n  source: Record<string, TrackingValue | undefined>,\n): TrackingProperties {\n  return Object.fromEntries(\n    Object.entries(source).filter(\n      (entry): entry is [string, TrackingValue] => entry[1] !== undefined,\n    ),\n  );\n}\n\n/**\n * Track event with both Amplitude and Clarity (fail silently)\n */\nexport function trackEvent(\n  eventName: string,\n  properties?: TrackingProperties,\n): void {\n  trackAmplitudeEvent(eventName, properties);\n  trackClarityEvent(eventName, properties);\n}\n\n/**\n * Clarity command API shape as documented in the Clarity SDK\n * https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-api\n */\ntype ClarityCommand =\n  | 'init'\n  | 'event'\n  | 'set'\n  | 'identify'\n  | 'consent'\n  | 'upgrade';\n\ndeclare global {\n  interface Window {\n    clarity?: {\n      (command: ClarityCommand, ...args: string[]): void;\n      q?: string[][];\n    };\n  }\n}\n","import React, { createContext, useContext, useEffect } from 'react';\nimport { SWRConfig } from 'swr';\nimport type {\n  LiveStateFetcher,\n  AnalyticsConfig,\n  TrackingProperties,\n} from '../types';\nimport { initializeAmplitude, initializeClarity } from '../utils/analytics';\n\ninterface LiveStateContextValue {\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n}\n\nconst LiveStateContext = createContext<LiveStateContextValue | null>(null);\n\nexport interface LiveStateProviderProps {\n  children: React.ReactNode;\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n  onEvent?: (eventName: string, properties?: TrackingProperties) => void;\n}\n\n/**\n * LiveStateProvider\n *\n * Root-level provider that configures fetcher function and analytics.\n * Initializes Amplitude and Clarity on mount.\n *\n * The optional `onEvent` callback is fired on every tracking event before\n * sending to Amplitude/Clarity — useful for simulators and debugging tools.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateProvider({\n  children,\n  fetcher,\n  analytics,\n  onEvent,\n}: LiveStateProviderProps) {\n  useEffect(() => {\n    if (analytics?.amplitudeKey) {\n      initializeAmplitude(analytics.amplitudeKey);\n    }\n\n    if (analytics?.clarityProjectId) {\n      initializeClarity(analytics.clarityProjectId);\n    }\n  }, [analytics]);\n\n  return (\n    <SWRConfig value={{ provider: () => new Map() }}>\n      <LiveStateContext.Provider value={{ fetcher, analytics, onEvent }}>\n        {children}\n      </LiveStateContext.Provider>\n    </SWRConfig>\n  );\n}\n\n/**\n * useLiveStateContext\n *\n * Internal hook to access LiveStateContext\n */\nexport function useLiveStateContext() {\n  const context = useContext(LiveStateContext);\n\n  if (!context) {\n    throw new Error('useLiveState must be used within LiveStateProvider');\n  }\n\n  return context;\n}\n","import useSWR from 'swr';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\nimport type { LiveStateResponse } from '../types';\n\ninterface UseLiveStateReturn {\n  /** Live state data */\n  liveState: LiveStateResponse | null;\n\n  /** Loading state */\n  isLoading: boolean;\n\n  /** Error state */\n  error: Error | null;\n\n  /** Manual refresh function */\n  refresh: () => Promise<void>;\n}\n\n/**\n * useLiveState hook\n *\n * Fetches and manages live state data using SWR with automatic caching,\n * deduplication, and revalidation.\n *\n * Must be used within LiveStateProvider. See examples/ directory for usage.\n */\nexport function useLiveState(): UseLiveStateReturn {\n  const { fetcher } = useLiveStateContext();\n\n  const { data, error, isLoading, mutate } = useSWR<LiveStateResponse | null>(\n    'live-state',\n    fetcher,\n    {\n      revalidateOnFocus: false,\n      revalidateOnReconnect: true,\n      dedupingInterval: 60000, // 1 minute\n      shouldRetryOnError: false, // Fail silently\n      onError: err => {\n        console.warn('[LiveState] Failed to fetch live state:', err);\n      },\n    },\n  );\n\n  const refresh = async () => {\n    try {\n      await mutate();\n    } catch (err) {\n      console.warn('[LiveState] Failed to refresh live state:', err);\n    }\n  };\n\n  return {\n    liveState: data ?? null,\n    isLoading,\n    error: error ?? null,\n    refresh,\n  };\n}\n","import { useCallback } from 'react';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\nimport { trackEvent } from '../utils/analytics';\nimport type { TrackingProperties } from '../types';\n\n/**\n * useTrackEvent\n *\n * Returns a `track` function that fires both the internal analytics\n * (Amplitude + Clarity) and the optional `onEvent` callback provided\n * to LiveStateProvider — useful for simulators and debugging tools.\n */\nexport function useTrackEvent() {\n  const { onEvent } = useLiveStateContext();\n\n  const track = useCallback(\n    (eventName: string, properties?: TrackingProperties) => {\n      onEvent?.(eventName, properties);\n      trackEvent(eventName, properties);\n    },\n    [onEvent],\n  );\n\n  return track;\n}\n","export const LIVE_STATE_STORAGE_KEY = '@tiendanube/live-state:closable';\n\n/** @internal */\nconst STORAGE_KEY = LIVE_STATE_STORAGE_KEY;\n\nexport interface ClosableState {\n  count: number;\n  closedAt: number;\n}\n\nexport type ClosableStates = Record<string, Record<string, ClosableState>>;\n\n/**\n * Reads closable states from localStorage.\n * Normalises legacy format (plain number) to the current shape ({ count, closedAt }).\n * Returns an empty object on any error (fail-silent).\n */\nexport function getClosableStates(): ClosableStates {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n    if (!raw) return {};\n\n    const parsed = JSON.parse(raw) as unknown;\n    if (typeof parsed !== 'object' || parsed === null) return {};\n\n    const normalized: ClosableStates = {};\n\n    for (const [ctx, ctxState] of Object.entries(\n      parsed as Record<string, unknown>,\n    )) {\n      if (typeof ctxState !== 'object' || ctxState === null) continue;\n\n      normalized[ctx] = {};\n\n      for (const [id, entry] of Object.entries(\n        ctxState as Record<string, unknown>,\n      )) {\n        if (typeof entry === 'number') {\n          // legacy format: plain close count\n          normalized[ctx][id] = { count: entry, closedAt: 0 };\n        } else if (typeof entry === 'object' && entry !== null) {\n          const candidate = entry as Partial<ClosableState>;\n          normalized[ctx][id] = {\n            count: typeof candidate.count === 'number' ? candidate.count : 0,\n            closedAt:\n              typeof candidate.closedAt === 'number' ? candidate.closedAt : 0,\n          };\n        }\n      }\n    }\n\n    return normalized;\n  } catch {\n    return {};\n  }\n}\n\n/**\n * Persists closable states to localStorage.\n * Fails silently if localStorage is unavailable or full.\n */\nexport function setClosableStates(states: ClosableStates): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(states));\n  } catch {\n    // localStorage unavailable or quota exceeded — application continues normally\n  }\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport {\n  getClosableStates,\n  setClosableStates,\n} from '../utils/closable-storage';\n\nexport interface UseClosableOptions {\n  /** Notification context (e.g. 'awareness', 'charge') */\n  context: string;\n  /** Unique notification ID (campaignId). If absent, always visible — no close tracking. */\n  id: string | undefined;\n  /** Maximum number of times the user can close before it is hidden permanently */\n  maxCloseTimes?: number;\n  /** Milliseconds after which the close counter resets (optional) */\n  expiresIn?: number;\n}\n\nexport interface UseClosableReturn {\n  /** Whether the notification should be shown. null = initial check in progress. */\n  isVisible: boolean | null;\n  /** Call this to record a close action */\n  close: () => void;\n}\n\n/**\n * Manages the close state of a notification using localStorage.\n *\n * After the user closes a notification `maxCloseTimes` times, it is hidden\n * permanently. Optionally, the counter resets after `expiresIn` milliseconds.\n *\n * Fails silently — errors in localStorage never break the application.\n *\n * @example\n * ```tsx\n * const { isVisible, close } = useClosable({\n *   context: 'awareness',\n *   id: 'awareness-2026-q1',\n *   maxCloseTimes: 3,\n *   expiresIn: 86_400_000, // 1 day\n * });\n *\n * if (!isVisible) return null;\n * return <Notification onClose={close} />;\n * ```\n */\nexport function useClosable({\n  context,\n  id,\n  maxCloseTimes = 3,\n  expiresIn,\n}: UseClosableOptions): UseClosableReturn {\n  const [isVisible, setIsVisible] = useState<boolean | null>(null);\n\n  useEffect(() => {\n    // No ID means no close tracking — always show\n    if (!id) {\n      setIsVisible(true);\n      return;\n    }\n\n    const states = getClosableStates();\n    const entry = states[context]?.[id];\n\n    if (!entry) {\n      setIsVisible(true);\n      return;\n    }\n\n    const { count, closedAt } = entry;\n\n    // Check expiry — reset counter and show if expired\n    if (expiresIn != null && closedAt > 0) {\n      const elapsed = Date.now() - closedAt;\n      if (elapsed > expiresIn) {\n        const updated = { ...states };\n        if (updated[context]) {\n          delete updated[context][id];\n          setClosableStates(updated);\n        }\n        setIsVisible(true);\n        return;\n      }\n    }\n\n    setIsVisible(count < maxCloseTimes);\n  }, [context, id, maxCloseTimes, expiresIn]);\n\n  const close = useCallback(() => {\n    if (!id) return;\n\n    const states = getClosableStates();\n    const currentCount = states[context]?.[id]?.count ?? 0;\n\n    const updated: typeof states = {\n      ...states,\n      [context]: {\n        ...(states[context] ?? {}),\n        [id]: {\n          count: currentCount + 1,\n          closedAt: Date.now(),\n        },\n      },\n    };\n\n    setIsVisible(false);\n    setClosableStates(updated);\n  }, [context, id]);\n\n  return { isVisible, close };\n}\n","import type { CtaConfig } from '../types';\n\n/**\n * Handle CTA click based on type\n *\n * @param cta - CTA configuration from LiveStateResponse\n */\nexport function handleCtaClick(cta: CtaConfig): void {\n  try {\n    switch (cta.type) {\n      case 'redirect':\n        // Navigate in same window\n        window.location.href = cta.url;\n        break;\n\n      case 'whatsapp': {\n        // Open WhatsApp in new tab\n        const whatsappUrl = cta.whatsappMessage\n          ? `${cta.url}?text=${encodeURIComponent(cta.whatsappMessage)}`\n          : cta.url;\n        window.open(whatsappUrl, '_blank');\n        break;\n      }\n\n      case 'external':\n        // Open in new tab\n        window.open(cta.url, '_blank');\n        break;\n\n      default:\n        console.warn(`[LiveState] Unknown CTA type: ${cta.type}`);\n    }\n  } catch (error) {\n    console.warn('[LiveState] Failed to handle CTA click:', error);\n  }\n}\n","import { useCallback, useEffect } from 'react';\nimport { Alert, Box, Button, Text } from '@nimbus-ds/components';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\nimport { useTrackEvent } from '../hooks/useTrackEvent';\n\nexport interface LiveStateAlertProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  /** When provided, shows a close button and calls this on dismiss */\n  onClose?: () => void;\n  /**\n   * Override CTA click behaviour.\n   * When provided, replaces default navigation so the caller controls what\n   * happens on click (e.g. prevent navigation in a simulator, use a router).\n   */\n  onCtaClick?: (cta: import('../types').CtaConfig) => void;\n}\n\n/**\n * LiveStateAlert\n *\n * Renders an Alert component (Nimbus) for alert/warning types.\n * Automatically tracks view, click, and close events.\n * Shows a close button when onClose is provided.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateAlert({\n  data,\n  trackingConfig,\n  onClose,\n  onCtaClick,\n}: LiveStateAlertProps) {\n  const track = useTrackEvent();\n  const appearance = data.type === 'alert' ? 'danger' : 'warning';\n\n  const buildEventProperties = useCallback(\n    () =>\n      buildTrackingProperties({\n        context: data.context,\n        campaignId: data.campaignId,\n        group: data.group,\n        ...data.metadata,\n        ...trackingConfig.properties,\n      }),\n    [data, trackingConfig.properties],\n  );\n\n  const handleClick = useCallback(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    track(eventName, buildEventProperties());\n    if (onCtaClick) {\n      onCtaClick(data.cta);\n    } else {\n      handleCtaClick(data.cta);\n    }\n  }, [data, trackingConfig, buildEventProperties, track, onCtaClick]);\n\n  const handleClose = useCallback(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_close`;\n    track(eventName, buildEventProperties());\n    onClose?.();\n  }, [onClose, data, trackingConfig, buildEventProperties, track]);\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    track(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Alert\n      appearance={appearance}\n      title={data.title}\n      onRemove={onClose ? handleClose : undefined}>\n      <Box\n        display=\"flex\"\n        alignItems=\"flex-start\"\n        gap=\"3\"\n        flexWrap=\"wrap\"\n        flexDirection=\"column\">\n        <Box flex=\"1 1 auto\" minWidth=\"220px\">\n          <Text>{data.message}</Text>\n        </Box>\n\n        <Box display=\"flex\" justifyContent=\"flex-end\" marginTop=\"2\">\n          <Button appearance=\"primary\" onClick={handleClick}>\n            {data.cta.label}\n          </Button>\n        </Box>\n      </Box>\n    </Alert>\n  );\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { Card, Box, Text, Link, Icon } from '@nimbus-ds/components';\nimport { MoneyIcon, CloseIcon } from '@nimbus-ds/icons';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\nimport { useTrackEvent } from '../hooks/useTrackEvent';\n\nexport interface LiveStateInfoProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  defaultVariant?: 'blue' | 'white';\n  /** When provided, shows a close button and calls this on dismiss */\n  onClose?: () => void;\n  /**\n   * Override mobile layout detection.\n   * When provided, bypasses `window.innerWidth < 750` so simulators and\n   * testing tools can force a specific layout without resizing the window.\n   */\n  isMobile?: boolean;\n  /**\n   * Override CTA click behaviour.\n   * When provided, replaces default navigation so the caller controls what\n   * happens on click (e.g. prevent navigation in a simulator, use a router).\n   */\n  onCtaClick?: (cta: import('../types').CtaConfig) => void;\n}\n\nconst ICON_COLOR_MAP = {\n  blue: { background: '#0050C3', icon: '#FFFFFF' },\n  white: { background: '#FFFFFF', icon: '#0059D5' },\n} as const;\n\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type.\n * Uses MoneyIcon with colored circle background, Text components,\n * and a Link-style CTA — matching the LendingBanner design reference.\n * Automatically tracks view, click, and close events.\n * Shows a close button when onClose is provided.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateInfo({\n  data,\n  trackingConfig,\n  defaultVariant = 'blue',\n  onClose,\n  isMobile: isMobileProp,\n  onCtaClick,\n}: LiveStateInfoProps) {\n  const track = useTrackEvent();\n  const variant = data.variant || defaultVariant;\n  const iconConfig = ICON_COLOR_MAP[variant];\n\n  const [isMobileWindow, setIsMobileWindow] = useState(\n    () => window.innerWidth < 750,\n  );\n\n  useEffect(() => {\n    const handler = () => setIsMobileWindow(window.innerWidth < 750);\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, []);\n\n  // Prop overrides window detection — allows simulators/tests to force layout\n  const isMobile = isMobileProp ?? isMobileWindow;\n\n  const buildEventProperties = useCallback(\n    () =>\n      buildTrackingProperties({\n        context: data.context,\n        campaignId: data.campaignId,\n        group: data.group,\n        ...data.metadata,\n        ...trackingConfig.properties,\n      }),\n    [data, trackingConfig.properties],\n  );\n\n  const handleClick = useCallback(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    track(eventName, buildEventProperties());\n    if (onCtaClick) {\n      onCtaClick(data.cta);\n    } else {\n      handleCtaClick(data.cta);\n    }\n  }, [data, trackingConfig, buildEventProperties, track, onCtaClick]);\n\n  const handleClose = useCallback(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_close`;\n    track(eventName, buildEventProperties());\n    onClose?.();\n  }, [onClose, data, trackingConfig, buildEventProperties, track]);\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    track(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const ctaLink = (\n    <Link\n      as=\"a\"\n      textDecoration=\"none\"\n      onClick={handleClick}\n      data-testid=\"live-state-cta-link\">\n      <Text color=\"primary-interactive\" fontSize=\"base\">\n        {data.cta.label}\n      </Text>\n    </Link>\n  );\n\n  return (\n    <Card>\n      <Box display=\"flex\" flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* Left: icon + text (+ cta on mobile) */}\n        <Box\n          display=\"flex\"\n          gap=\"4\"\n          alignItems={isMobile ? 'flex-start' : 'center'}\n          paddingRight=\"1-5\">\n          <Box minWidth=\"32px\">\n            <div\n              style={{\n                width: 32,\n                height: 32,\n                borderRadius: '35%',\n                borderColor: variant === 'white' ? '#E7E7E7' : 'transparent',\n                borderWidth: 1,\n                borderStyle: 'solid',\n                background: iconConfig.background,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}>\n              <MoneyIcon style={{ color: iconConfig.icon }} />\n            </div>\n          </Box>\n\n          <Box display=\"grid\" gap=\"2\">\n            <Box>\n              <Text fontSize=\"base\" color=\"neutral-textHigh\">\n                {data.title}\n              </Text>\n              <Text fontSize=\"base\" color=\"neutral-textLow\">\n                {data.message}\n              </Text>\n            </Box>\n\n            {/* CTA shown below text on mobile */}\n            {isMobile && ctaLink}\n          </Box>\n        </Box>\n\n        {/* Right: cta (desktop only) + close button */}\n        {(!isMobile || onClose) && (\n          <Box\n            display=\"flex\"\n            flexDirection={isMobile ? 'column' : 'row'}\n            alignItems={isMobile ? 'flex-end' : 'center'}\n            gap=\"2\">\n            {/* CTA shown on the right side on desktop */}\n            {!isMobile && ctaLink}\n\n            {onClose && (\n              <button\n                type=\"button\"\n                data-testid=\"live-state-close-button\"\n                aria-label=\"Fechar notificação\"\n                onClick={handleClose}\n                style={{\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                  cursor: 'pointer',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}>\n                <Icon\n                  source={<CloseIcon width=\"18px\" height=\"18px\" />}\n                  color=\"neutral-interactive\"\n                />\n              </button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  );\n}\n","import type { LiveStateRendererProps } from '../types';\nimport { useClosable } from '../hooks/useClosable';\nimport { LiveStateAlert } from './LiveStateAlert';\nimport { LiveStateInfo } from './LiveStateInfo';\n\n/**\n * LiveStateRenderer\n *\n * Main component that validates payload, filters by context, and renders\n * the appropriate visual component (Alert or Info) based on type.\n * Handles closable notifications via useClosable when closable is configured.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateRenderer({\n  data,\n  loading,\n  trackingConfig,\n  allowedContexts,\n  defaultVariant,\n  isMobile,\n  onCtaClick,\n}: LiveStateRendererProps) {\n  const { isVisible, close } = useClosable({\n    context: data?.context ?? '',\n    id: data?.campaignId,\n    maxCloseTimes: data?.metadata?.maxCloseTimes,\n    expiresIn: data?.metadata?.expiresIn,\n  });\n\n  // Don't render while loading or no data\n  if (loading || !data) {\n    return null;\n  }\n\n  // Validate required fields\n  if (\n    !data.context ||\n    !data.type ||\n    !data.title ||\n    !data.message ||\n    !data.cta?.label ||\n    !data.cta?.url ||\n    !data.cta?.type\n  ) {\n    console.warn('[LiveState] Invalid payload, missing required fields', data);\n    return null;\n  }\n\n  // Filter by allowed contexts\n  if (allowedContexts && !allowedContexts.includes(data.context)) {\n    return null;\n  }\n\n  // Awaiting localStorage check\n  if (isVisible === null) {\n    return null;\n  }\n\n  // Hidden — user reached maxCloseTimes\n  if (!isVisible) {\n    return null;\n  }\n\n  // Only pass onClose when closable is configured and notification has a campaignId to track\n  const onClose = data.closable && data.campaignId ? close : undefined;\n\n  // Render appropriate component based on type\n  if (data.type === 'alert' || data.type === 'warning') {\n    return (\n      <LiveStateAlert\n        data={data}\n        onClose={onClose}\n        trackingConfig={trackingConfig}\n        onCtaClick={onCtaClick}\n      />\n    );\n  }\n\n  if (data.type === 'info') {\n    return (\n      <LiveStateInfo\n        data={data}\n        onClose={onClose}\n        trackingConfig={trackingConfig}\n        defaultVariant={defaultVariant}\n        isMobile={isMobile}\n        onCtaClick={onCtaClick}\n      />\n    );\n  }\n\n  console.warn(`[LiveState] Unknown type: ${data.type}`);\n  return null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/hooks/useLiveState.ts","../src/hooks/useTrackEvent.ts","../src/utils/closable-storage.ts","../src/hooks/useClosable.ts","../src/utils/cta.ts","../src/components/LiveStateAlert.tsx","../src/components/LiveStateInfo.tsx","../src/components/LiveStateRenderer.tsx"],"sourcesContent":["import useSWR from 'swr';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\nimport type { LiveStateResponse } from '../types';\n\ninterface UseLiveStateReturn {\n  /** Live state data */\n  liveState: LiveStateResponse | null;\n\n  /** True while the first fetch is in progress */\n  isLoading: boolean;\n\n  /**\n   * True when the last fetch attempt resulted in an error.\n   * Use this to implement fallbacks or custom error logging.\n   * Note: the lib already logs a warning to the console on every error.\n   */\n  isError: boolean;\n\n  /**\n   * The raw error from the last failed fetch, or null.\n   * Pair with `isError` for more specific error handling.\n   */\n  error: Error | null;\n\n  /** Manually trigger a re-fetch */\n  refresh: () => Promise<void>;\n}\n\n/**\n * useLiveState hook\n *\n * Fetches and manages live state data using SWR with automatic caching,\n * deduplication, and revalidation.\n *\n * Must be used within LiveStateProvider. See examples/ directory for usage.\n */\nexport function useLiveState(): UseLiveStateReturn {\n  const { fetcher, log } = useLiveStateContext();\n\n  const { data, error, isLoading, mutate } = useSWR<LiveStateResponse | null>(\n    'live-state',\n    fetcher,\n    {\n      revalidateOnFocus: false,\n      revalidateOnReconnect: true,\n      dedupingInterval: 60000, // 1 minute\n      shouldRetryOnError: false, // Fail silently\n      onError: err => {\n        log('error', 'Failed to fetch live state', { error: err });\n      },\n    },\n  );\n\n  const refresh = async () => {\n    try {\n      await mutate();\n    } catch (err) {\n      log('error', 'Failed to refresh live state', { error: err });\n    }\n  };\n\n  return {\n    liveState: data ?? null,\n    isLoading,\n    isError: error != null,\n    error: error ?? null,\n    refresh,\n  };\n}\n","import { useCallback } from 'react';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\nimport { trackEvent } from '../utils/analytics';\nimport type { TrackingProperties } from '../types';\n\n/**\n * useTrackEvent\n *\n * Returns a `track` function that fires both the internal analytics\n * (Amplitude + Clarity) and the optional `onEvent` callback provided\n * to LiveStateProvider — useful for simulators and debugging tools.\n */\nexport function useTrackEvent() {\n  const { onEvent, disabled, log } = useLiveStateContext();\n\n  const track = useCallback(\n    (eventName: string, properties?: TrackingProperties) => {\n      // onEvent callback fires even when disabled — it is an observability\n      // hook, not an analytics SDK, so the caller opts in deliberately.\n      onEvent?.(eventName, properties);\n\n      // Skip SDK calls when analytics are disabled (e.g. dev/test environments)\n      if (!disabled) {\n        trackEvent(eventName, properties, log);\n      }\n    },\n    [onEvent, disabled, log],\n  );\n\n  return track;\n}\n","export const LIVE_STATE_STORAGE_KEY = '@tiendanube/live-state:closable';\n\n/** @internal */\nconst STORAGE_KEY = LIVE_STATE_STORAGE_KEY;\n\nexport interface ClosableState {\n  count: number;\n  closedAt: number;\n}\n\nexport type ClosableStates = Record<string, Record<string, ClosableState>>;\n\n/**\n * Reads closable states from localStorage.\n * Normalises legacy format (plain number) to the current shape ({ count, closedAt }).\n * Returns an empty object on any error (fail-silent).\n */\nexport function getClosableStates(): ClosableStates {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n    if (!raw) return {};\n\n    const parsed = JSON.parse(raw) as unknown;\n    if (typeof parsed !== 'object' || parsed === null) return {};\n\n    const normalized: ClosableStates = {};\n\n    for (const [ctx, ctxState] of Object.entries(\n      parsed as Record<string, unknown>,\n    )) {\n      if (typeof ctxState !== 'object' || ctxState === null) continue;\n\n      normalized[ctx] = {};\n\n      for (const [id, entry] of Object.entries(\n        ctxState as Record<string, unknown>,\n      )) {\n        if (typeof entry === 'number') {\n          // legacy format: plain close count\n          normalized[ctx][id] = { count: entry, closedAt: 0 };\n        } else if (typeof entry === 'object' && entry !== null) {\n          const candidate = entry as Partial<ClosableState>;\n          normalized[ctx][id] = {\n            count: typeof candidate.count === 'number' ? candidate.count : 0,\n            closedAt:\n              typeof candidate.closedAt === 'number' ? candidate.closedAt : 0,\n          };\n        }\n      }\n    }\n\n    return normalized;\n  } catch {\n    return {};\n  }\n}\n\n/**\n * Persists closable states to localStorage.\n * Fails silently if localStorage is unavailable or full.\n */\nexport function setClosableStates(states: ClosableStates): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(states));\n  } catch {\n    // localStorage unavailable or quota exceeded — application continues normally\n  }\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport {\n  getClosableStates,\n  setClosableStates,\n} from '../utils/closable-storage';\n\nexport interface UseClosableOptions {\n  /** Notification context (e.g. 'awareness', 'charge') */\n  context: string;\n  /** Unique notification ID (campaignId). If absent, always visible — no close tracking. */\n  id: string | undefined;\n  /** Maximum number of times the user can close before it is hidden permanently */\n  maxCloseTimes?: number;\n  /** Milliseconds after which the close counter resets (optional) */\n  expiresIn?: number;\n}\n\nexport interface UseClosableReturn {\n  /** Whether the notification should be shown. null = initial check in progress. */\n  isVisible: boolean | null;\n  /** Call this to record a close action */\n  close: () => void;\n}\n\n/**\n * Manages the close state of a notification using localStorage.\n *\n * After the user closes a notification `maxCloseTimes` times, it is hidden\n * permanently. Optionally, the counter resets after `expiresIn` milliseconds.\n *\n * Fails silently — errors in localStorage never break the application.\n *\n * @example\n * ```tsx\n * const { isVisible, close } = useClosable({\n *   context: 'awareness',\n *   id: 'awareness-2026-q1',\n *   maxCloseTimes: 3,\n *   expiresIn: 86_400_000, // 1 day\n * });\n *\n * if (!isVisible) return null;\n * return <Notification onClose={close} />;\n * ```\n */\nexport function useClosable({\n  context,\n  id,\n  maxCloseTimes = 3,\n  expiresIn,\n}: UseClosableOptions): UseClosableReturn {\n  const [isVisible, setIsVisible] = useState<boolean | null>(null);\n\n  useEffect(() => {\n    // No ID means no close tracking — always show\n    if (!id) {\n      setIsVisible(true);\n      return;\n    }\n\n    const states = getClosableStates();\n    const entry = states[context]?.[id];\n\n    if (!entry) {\n      setIsVisible(true);\n      return;\n    }\n\n    const { count, closedAt } = entry;\n\n    // Check expiry — reset counter and show if expired\n    if (expiresIn != null && closedAt > 0) {\n      const elapsed = Date.now() - closedAt;\n      if (elapsed > expiresIn) {\n        const updated = { ...states };\n        if (updated[context]) {\n          delete updated[context][id];\n          setClosableStates(updated);\n        }\n        setIsVisible(true);\n        return;\n      }\n    }\n\n    setIsVisible(count < maxCloseTimes);\n  }, [context, id, maxCloseTimes, expiresIn]);\n\n  const close = useCallback(() => {\n    // Always hide visually\n    setIsVisible(false);\n\n    // Only persist to localStorage if there is an id to track\n    if (!id) return;\n\n    const states = getClosableStates();\n    const currentCount = states[context]?.[id]?.count ?? 0;\n\n    const updated: typeof states = {\n      ...states,\n      [context]: {\n        ...(states[context] ?? {}),\n        [id]: {\n          count: currentCount + 1,\n          closedAt: Date.now(),\n        },\n      },\n    };\n\n    setClosableStates(updated);\n  }, [context, id]);\n\n  return { isVisible, close };\n}\n","import type { CtaConfig } from '../types';\nimport { createLogger, type LoggerFn } from './logger';\n\n/**\n * Handle CTA click based on type\n *\n * @param cta - CTA configuration from LiveStateResponse\n * @param log - Optional logger (defaults to console.warn)\n */\nexport function handleCtaClick(cta: CtaConfig, log?: LoggerFn): void {\n  const logger = createLogger(log);\n  try {\n    switch (cta.type) {\n      case 'redirect':\n        window.location.href = cta.url;\n        break;\n\n      case 'whatsapp': {\n        const whatsappUrl = cta.whatsappMessage\n          ? `${cta.url}?text=${encodeURIComponent(cta.whatsappMessage)}`\n          : cta.url;\n        window.open(whatsappUrl, '_blank');\n        break;\n      }\n\n      case 'external':\n        window.open(cta.url, '_blank');\n        break;\n\n      default:\n        logger('warn', `Unknown CTA type: ${(cta as CtaConfig).type}`, { cta });\n    }\n  } catch (error) {\n    logger('error', 'Failed to handle CTA click', { cta, error });\n  }\n}\n","import { useCallback, useEffect } from 'react';\nimport { Alert, Box, Button, Text } from '@nimbus-ds/components';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { buildTrackingProperties, buildEventName } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\nimport { useTrackEvent } from '../hooks/useTrackEvent';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\n\nexport interface LiveStateAlertProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  /** When provided, shows a close button and calls this on dismiss */\n  onClose?: () => void;\n  /**\n   * Override CTA click behaviour.\n   * When provided, replaces default navigation so the caller controls what\n   * happens on click (e.g. prevent navigation in a simulator, use a router).\n   */\n  onCtaClick?: (cta: import('../types').CtaConfig) => void;\n}\n\n/**\n * LiveStateAlert\n *\n * Renders an Alert component (Nimbus) for alert/warning types.\n * Automatically tracks view, click, and close events.\n * Shows a close button when onClose is provided.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateAlert({\n  data,\n  trackingConfig,\n  onClose,\n  onCtaClick,\n}: LiveStateAlertProps) {\n  const track = useTrackEvent();\n  const { log } = useLiveStateContext();\n  const appearance = data.type === 'alert' ? 'danger' : 'warning';\n\n  const buildEventProperties = useCallback(\n    () =>\n      buildTrackingProperties({\n        context: data.context,\n        campaignId: data.campaignId,\n        group: data.group,\n        ...data.metadata,\n        ...trackingConfig.properties,\n      }),\n    [data, trackingConfig.properties],\n  );\n\n  const handleClick = useCallback(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'click',\n    );\n    track(eventName, buildEventProperties());\n    if (onCtaClick) {\n      onCtaClick(data.cta);\n    } else {\n      handleCtaClick(data.cta, log);\n    }\n  }, [data, trackingConfig, buildEventProperties, track, onCtaClick, log]);\n\n  const handleClose = useCallback(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'close',\n    );\n    track(eventName, buildEventProperties());\n    onClose?.();\n  }, [onClose, data, trackingConfig, buildEventProperties, track]);\n\n  useEffect(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'view',\n    );\n    track(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Alert\n      appearance={appearance}\n      title={data.title}\n      onRemove={onClose ? handleClose : undefined}>\n      <Box\n        display=\"flex\"\n        alignItems=\"flex-start\"\n        gap=\"3\"\n        flexWrap=\"wrap\"\n        flexDirection=\"column\">\n        <Box flex=\"1 1 auto\" minWidth=\"220px\">\n          <Text>{data.message}</Text>\n        </Box>\n\n        <Box display=\"flex\" justifyContent=\"flex-end\" marginTop=\"2\">\n          <Button appearance=\"primary\" onClick={handleClick}>\n            {data.cta.label}\n          </Button>\n        </Box>\n      </Box>\n    </Alert>\n  );\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { Card, Box, Text, Link, Icon } from '@nimbus-ds/components';\nimport { MoneyIcon, CloseIcon } from '@nimbus-ds/icons';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { buildTrackingProperties, buildEventName } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\nimport { useTrackEvent } from '../hooks/useTrackEvent';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\n\nexport interface LiveStateInfoProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  defaultVariant?: 'blue' | 'white';\n  /** When provided, shows a close button and calls this on dismiss */\n  onClose?: () => void;\n  /**\n   * Override mobile layout detection.\n   * When provided, bypasses `window.innerWidth < 750` so simulators and\n   * testing tools can force a specific layout without resizing the window.\n   */\n  isMobile?: boolean;\n  /**\n   * Override CTA click behaviour.\n   * When provided, replaces default navigation so the caller controls what\n   * happens on click (e.g. prevent navigation in a simulator, use a router).\n   */\n  onCtaClick?: (cta: import('../types').CtaConfig) => void;\n}\n\nconst ICON_COLOR_MAP = {\n  blue: { background: '#0050C3', icon: '#FFFFFF' },\n  white: { background: '#FFFFFF', icon: '#0059D5' },\n} as const;\n\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type.\n * Uses MoneyIcon with colored circle background, Text components,\n * and a Link-style CTA — matching the LendingBanner design reference.\n * Automatically tracks view, click, and close events.\n * Shows a close button when onClose is provided.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateInfo({\n  data,\n  trackingConfig,\n  defaultVariant = 'blue',\n  onClose,\n  isMobile: isMobileProp,\n  onCtaClick,\n}: LiveStateInfoProps) {\n  const track = useTrackEvent();\n  const { log } = useLiveStateContext();\n  const variant = data.variant || defaultVariant;\n  const iconConfig = ICON_COLOR_MAP[variant];\n\n  const [isMobileWindow, setIsMobileWindow] = useState(\n    () => window.innerWidth < 750,\n  );\n\n  useEffect(() => {\n    const handler = () => setIsMobileWindow(window.innerWidth < 750);\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, []);\n\n  // Prop overrides window detection — allows simulators/tests to force layout\n  const isMobile = isMobileProp ?? isMobileWindow;\n\n  const buildEventProperties = useCallback(\n    () =>\n      buildTrackingProperties({\n        context: data.context,\n        campaignId: data.campaignId,\n        group: data.group,\n        ...data.metadata,\n        ...trackingConfig.properties,\n      }),\n    [data, trackingConfig.properties],\n  );\n\n  const handleClick = useCallback(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'click',\n    );\n    track(eventName, buildEventProperties());\n    if (onCtaClick) {\n      onCtaClick(data.cta);\n    } else {\n      handleCtaClick(data.cta, log);\n    }\n  }, [data, trackingConfig, buildEventProperties, track, onCtaClick, log]);\n\n  const handleClose = useCallback(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'close',\n    );\n    track(eventName, buildEventProperties());\n    onClose?.();\n  }, [onClose, data, trackingConfig, buildEventProperties, track]);\n\n  useEffect(() => {\n    const eventName = buildEventName(\n      trackingConfig.prefix,\n      trackingConfig.page,\n      data.context,\n      'view',\n    );\n    track(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const ctaLink = (\n    <Link\n      as=\"a\"\n      textDecoration=\"none\"\n      onClick={handleClick}\n      data-testid=\"live-state-cta-link\">\n      <Text color=\"primary-interactive\" fontSize=\"base\">\n        {data.cta.label}\n      </Text>\n    </Link>\n  );\n\n  return (\n    <Card>\n      <Box display=\"flex\" flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* Left: icon + text (+ cta on mobile) */}\n        <Box\n          display=\"flex\"\n          gap=\"4\"\n          alignItems={isMobile ? 'flex-start' : 'center'}\n          paddingRight=\"1-5\">\n          <Box minWidth=\"32px\">\n            <div\n              style={{\n                width: 32,\n                height: 32,\n                borderRadius: '35%',\n                borderColor: variant === 'white' ? '#E7E7E7' : 'transparent',\n                borderWidth: 1,\n                borderStyle: 'solid',\n                background: iconConfig.background,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}>\n              <MoneyIcon style={{ color: iconConfig.icon }} />\n            </div>\n          </Box>\n\n          <Box display=\"grid\" gap=\"2\">\n            <Box>\n              <Text fontSize=\"base\" color=\"neutral-textHigh\">\n                {data.title}\n              </Text>\n              <Text fontSize=\"base\" color=\"neutral-textLow\">\n                {data.message}\n              </Text>\n            </Box>\n\n            {/* CTA shown below text on mobile */}\n            {isMobile && ctaLink}\n          </Box>\n        </Box>\n\n        {/* Right: cta (desktop only) + close button */}\n        {(!isMobile || onClose) && (\n          <Box\n            display=\"flex\"\n            flexDirection={isMobile ? 'column' : 'row'}\n            alignItems={isMobile ? 'flex-end' : 'center'}\n            gap=\"2\">\n            {/* CTA shown on the right side on desktop */}\n            {!isMobile && ctaLink}\n\n            {onClose && (\n              <button\n                type=\"button\"\n                data-testid=\"live-state-close-button\"\n                aria-label=\"Fechar notificação\"\n                onClick={handleClose}\n                style={{\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                  cursor: 'pointer',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}>\n                <Icon\n                  source={<CloseIcon width=\"18px\" height=\"18px\" />}\n                  color=\"neutral-interactive\"\n                />\n              </button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  );\n}\n","import type { LiveStateRendererProps } from '../types';\nimport { useClosable } from '../hooks/useClosable';\nimport { useLiveStateContext } from '../providers/LiveStateProvider';\nimport { LiveStateAlert } from './LiveStateAlert';\nimport { LiveStateInfo } from './LiveStateInfo';\n\n/**\n * LiveStateRenderer\n *\n * Main component that validates payload, filters by context, and renders\n * the appropriate visual component (Alert or Info) based on type.\n * Handles closable notifications via useClosable when closable is configured.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateRenderer({\n  data,\n  loading,\n  trackingConfig,\n  allowedContexts,\n  defaultVariant,\n  isMobile,\n  onCtaClick,\n}: LiveStateRendererProps) {\n  const { log } = useLiveStateContext();\n  const { isVisible, close } = useClosable({\n    context: data?.context ?? '',\n    id: data?.campaignId,\n    maxCloseTimes: data?.metadata?.maxCloseTimes,\n    expiresIn: data?.metadata?.expiresIn,\n  });\n\n  // Don't render while loading or no data\n  if (loading || !data) {\n    return null;\n  }\n\n  // Validate required fields\n  if (\n    !data.context ||\n    !data.type ||\n    !data.title ||\n    !data.message ||\n    !data.cta?.label ||\n    !data.cta?.url ||\n    !data.cta?.type\n  ) {\n    log('warn', 'Invalid payload, missing required fields', { data });\n    return null;\n  }\n\n  // Filter by allowed contexts\n  if (allowedContexts && !allowedContexts.includes(data.context)) {\n    return null;\n  }\n\n  // Awaiting localStorage check\n  if (isVisible === null) {\n    return null;\n  }\n\n  // Hidden — user reached maxCloseTimes\n  if (!isVisible) {\n    return null;\n  }\n\n  // Pass onClose whenever closable is true.\n  // campaignId is optional — useClosable handles id=undefined gracefully\n  // (always visible, no localStorage tracking).\n  const onClose = data.closable ? close : undefined;\n\n  // Render appropriate component based on type\n  if (data.type === 'alert' || data.type === 'warning') {\n    return (\n      <LiveStateAlert\n        data={data}\n        onClose={onClose}\n        trackingConfig={trackingConfig}\n        onCtaClick={onCtaClick}\n      />\n    );\n  }\n\n  if (data.type === 'info') {\n    return (\n      <LiveStateInfo\n        data={data}\n        onClose={onClose}\n        trackingConfig={trackingConfig}\n        defaultVariant={defaultVariant}\n        isMobile={isMobile}\n        onCtaClick={onCtaClick}\n      />\n    );\n  }\n\n  log('warn', `Unknown type: ${data.type}`, { data });\n  return null;\n}\n"],"mappings":"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"}