@tiendanube/live-state 1.0.0-beta.4 → 1.0.0-beta.7

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`);function m(e){try{if(!e){console.warn(`[LiveState] Amplitude API key not provided`);return}u.init(e,{defaultTracking:!1})}catch(e){console.warn(`[LiveState] Failed to initialize Amplitude:`,e)}}async function h(e){try{if(window.clarity){console.log(`[LiveState] Clarity already initialized by client`);return}let t=e||g();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 g(){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 _(e,t){try{u.track(e,t)}catch(e){console.warn(`[LiveState] Failed to track Amplitude event:`,e)}}function v(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 y(e){return Object.fromEntries(Object.entries(e).filter(e=>e[1]!==void 0))}function b(e,t){_(e,t),v(e,t)}var x=(0,c.createContext)(null);function S({children:e,fetcher:t,analytics:n}){return(0,c.useEffect)(()=>{n?.amplitudeKey&&m(n.amplitudeKey),n?.clarityProjectId&&h(n.clarityProjectId)},[n]),(0,d.jsx)(l.SWRConfig,{value:{provider:()=>new Map},children:(0,d.jsx)(x.Provider,{value:{fetcher:t,analytics:n},children:e})})}function C(){let e=(0,c.useContext)(x);if(!e)throw Error(`useLiveState must be used within LiveStateProvider`);return e}function w(){let{fetcher:e}=C(),{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 T(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 E({data:e,trackingConfig:t}){let n=e.type===`alert`?`danger`:`warning`,r=()=>y({context:e.context,campaignId:e.campaignId,group:e.group,...e.metadata,...t.properties});return(0,c.useEffect)(()=>{b(`${t.prefix}${t.page}_${e.context}_view`,r())},[]),(0,d.jsxs)(f.Alert,{appearance:n,title:e.title,onRemove:()=>{b(`${t.prefix}${t.page}_${e.context}_close`,r())},children:[(0,d.jsx)(`p`,{dangerouslySetInnerHTML:{__html:e.message}}),(0,d.jsx)(f.Button,{appearance:`neutral`,onClick:()=>{b(`${t.prefix}${t.page}_${e.context}_click`,r()),T(e.cta)},children:e.cta.label})]})}function D({data:e,trackingConfig:t,defaultVariant:n=`blue`}){let r=e.variant||n,i=()=>y({context:e.context,campaignId:e.campaignId,group:e.group,...e.metadata,...t.properties}),a=()=>{b(`${t.prefix}${t.page}_${e.context}_click`,i()),T(e.cta)};(0,c.useEffect)(()=>{b(`${t.prefix}${t.page}_${e.context}_view`,i())},[]);let o=r===`blue`?`currentColor`:`primary-interactive`;return(0,d.jsx)(f.Card,{backgroundColor:r===`blue`?`primary-surface`:`neutral-background`,children:(0,d.jsx)(f.Card.Body,{children:(0,d.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,alignItems:`flex-start`},children:[(0,d.jsx)(`div`,{style:{width:`32px`,height:`32px`,borderRadius:`50%`,display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0},children:(0,d.jsx)(f.Icon,{source:(0,d.jsx)(p.ExclamationCircleIcon,{}),color:o})}),(0,d.jsxs)(`div`,{style:{flex:1},children:[(0,d.jsx)(`h3`,{style:{fontSize:`16px`,fontWeight:600,margin:`0 0 8px 0`,lineHeight:`24px`},dangerouslySetInnerHTML:{__html:e.title}}),(0,d.jsx)(`p`,{style:{fontSize:`14px`,margin:`0 0 16px 0`,lineHeight:`20px`},dangerouslySetInnerHTML:{__html:e.message}}),(0,d.jsx)(f.Button,{onClick:a,children:e.cta.label})]})]})})})}function O({data:e,loading:t,trackingConfig:n,allowedContexts:r,defaultVariant:i}){return t||!e?null:!e.context||!e.type||!e.title||!e.message||!e.cta?.label||!e.cta?.url||!e.cta?.type?(console.warn(`[LiveState] Invalid payload, missing required fields`,e),null):r&&!r.includes(e.context)?null:e.type===`alert`||e.type===`warning`?(0,d.jsx)(E,{data:e,trackingConfig:n}):e.type===`info`?(0,d.jsx)(D,{data:e,trackingConfig:n,defaultVariant:i}):(console.warn(`[LiveState] Unknown type: ${e.type}`),null)}exports.LiveStateAlert=E,exports.LiveStateInfo=D,exports.LiveStateProvider=S,exports.LiveStateRenderer=O,exports.handleCtaClick=T,exports.trackEvent=b,exports.useLiveState=w;
+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`;function O(){try{let e=localStorage.getItem(D);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 k(e){try{localStorage.setItem(D,JSON.stringify(e))}catch{}}function A({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=O(),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],k(n)),a(!0);return}a(s<n)},[e,t,n,r]),{isVisible:i,close:(0,c.useCallback)(()=>{if(!t)return;let n=O(),r=n[e]?.[t]?.count??0,i={...n,[e]:{...n[e]??{},[t]:{count:r+1,closedAt:Date.now()}}};a(!1),k(i)},[e,t])}}function j(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 M({data:e,trackingConfig:t,onClose:n}){let r=E(),i=e.type===`alert`?`danger`:`warning`,a=(0,c.useCallback)(()=>b({context:e.context,campaignId:e.campaignId,group:e.group,...e.metadata,...t.properties}),[e,t.properties]),o=(0,c.useCallback)(()=>{r(`${t.prefix}${t.page}_${e.context}_click`,a()),j(e.cta)},[e,t,a,r]),s=(0,c.useCallback)(()=>{r(`${t.prefix}${t.page}_${e.context}_close`,a()),n?.()},[n,e,t,a,r]);return(0,c.useEffect)(()=>{r(`${t.prefix}${t.page}_${e.context}_view`,a())},[]),(0,d.jsxs)(f.Alert,{appearance:i,title:e.title,onRemove:n?s:void 0,children:[(0,d.jsx)(`p`,{dangerouslySetInnerHTML:{__html:e.message}}),(0,d.jsx)(f.Button,{appearance:`neutral`,onClick:o,children:e.cta.label})]})}function N({data:e,trackingConfig:t,defaultVariant:n=`blue`,onClose:r}){let i=E(),a=e.variant||n,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()),j(e.cta)},[e,t,o,i]),l=(0,c.useCallback)(()=>{i(`${t.prefix}${t.page}_${e.context}_close`,o()),r?.()},[r,e,t,o,i]);(0,c.useEffect)(()=>{i(`${t.prefix}${t.page}_${e.context}_view`,o())},[]);let u=a===`blue`?`currentColor`:`primary-interactive`;return(0,d.jsx)(f.Card,{backgroundColor:a===`blue`?`primary-surface`:`neutral-background`,children:(0,d.jsx)(f.Card.Body,{children:(0,d.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,alignItems:`flex-start`},children:[(0,d.jsx)(`div`,{style:{width:`32px`,height:`32px`,borderRadius:`50%`,display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0},children:(0,d.jsx)(f.Icon,{source:(0,d.jsx)(p.ExclamationCircleIcon,{}),color:u})}),(0,d.jsxs)(`div`,{style:{flex:1},children:[(0,d.jsx)(`h3`,{style:{fontSize:`16px`,fontWeight:600,margin:`0 0 8px 0`,lineHeight:`24px`},dangerouslySetInnerHTML:{__html:e.title}}),(0,d.jsx)(`p`,{style:{fontSize:`14px`,margin:`0 0 16px 0`,lineHeight:`20px`},dangerouslySetInnerHTML:{__html:e.message}}),(0,d.jsx)(f.Button,{onClick:s,children:e.cta.label})]}),r&&(0,d.jsx)(`button`,{onClick:l,"aria-label":`Fechar notificação`,"data-testid":`live-state-close-button`,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`4px`,display:`flex`,alignItems:`center`,flexShrink:0},children:(0,d.jsx)(f.Icon,{source:(0,d.jsx)(p.CloseIcon,{size:`small`}),color:`neutral-interactive`})})]})})})}function P({data:e,loading:t,trackingConfig:n,allowedContexts:r,defaultVariant:i}){let{isVisible:a,close:o}=A({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)||a===null||!a)return null;let s=e.closable&&e.campaignId?o:void 0;return e.type===`alert`||e.type===`warning`?(0,d.jsx)(M,{data:e,onClose:s,trackingConfig:n}):e.type===`info`?(0,d.jsx)(N,{data:e,onClose:s,trackingConfig:n,defaultVariant:i}):(console.warn(`[LiveState] Unknown type: ${e.type}`),null)}exports.LiveStateAlert=M,exports.LiveStateInfo=N,exports.LiveStateProvider=C,exports.LiveStateRenderer=P,exports.handleCtaClick=j,exports.trackEvent=x,exports.useLiveState=T,exports.useTrackEvent=E;
 //# 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/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 * 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    amplitude.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    amplitude.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 { LiveStateFetcher, AnalyticsConfig } from '../types';\nimport { initializeAmplitude, initializeClarity } from '../utils/analytics';\n\ninterface LiveStateContextValue {\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n}\n\nconst LiveStateContext = createContext<LiveStateContextValue | null>(null);\n\nexport interface LiveStateProviderProps {\n  children: React.ReactNode;\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\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 * See examples/ directory for usage examples.\n */\nexport function LiveStateProvider({\n  children,\n  fetcher,\n  analytics,\n}: LiveStateProviderProps) {\n  // Initialize analytics on mount\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 }}>\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 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 { useEffect } from 'react';\nimport { Alert, Button } from '@nimbus-ds/components';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { trackEvent, buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\n\nexport interface LiveStateAlertProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\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 *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateAlert({ data, trackingConfig }: LiveStateAlertProps) {\n  const appearance = data.type === 'alert' ? 'danger' : 'warning';\n\n  const buildEventProperties = () =>\n    buildTrackingProperties({\n      context: data.context,\n      campaignId: data.campaignId,\n      group: data.group,\n      ...data.metadata,\n      ...trackingConfig.properties,\n    });\n\n  const handleClick = () => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    trackEvent(eventName, buildEventProperties());\n    handleCtaClick(data.cta);\n  };\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    trackEvent(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={() => {\n        const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_close`;\n        trackEvent(eventName, buildEventProperties());\n      }}>\n      <p dangerouslySetInnerHTML={{ __html: data.message }} />\n      <Button appearance=\"neutral\" onClick={handleClick}>\n        {data.cta.label}\n      </Button>\n    </Alert>\n  );\n}\n","import { useEffect } from 'react';\nimport { Card, Button, Icon } from '@nimbus-ds/components';\nimport { ExclamationCircleIcon } from '@nimbus-ds/icons';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { trackEvent, buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\n\nexport interface LiveStateInfoProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  defaultVariant?: 'blue' | 'white';\n}\n\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type with a circular icon.\n * Automatically tracks view, click, and close events.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateInfo({\n  data,\n  trackingConfig,\n  defaultVariant = 'blue',\n}: LiveStateInfoProps) {\n  const variant = data.variant || defaultVariant;\n\n  const buildEventProperties = () =>\n    buildTrackingProperties({\n      context: data.context,\n      campaignId: data.campaignId,\n      group: data.group,\n      ...data.metadata,\n      ...trackingConfig.properties,\n    });\n\n  const handleClick = () => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    trackEvent(eventName, buildEventProperties());\n    handleCtaClick(data.cta);\n  };\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    trackEvent(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const iconColor = variant === 'blue' ? 'currentColor' : 'primary-interactive';\n\n  return (\n    <Card\n      backgroundColor={\n        variant === 'blue' ? 'primary-surface' : 'neutral-background'\n      }>\n      <Card.Body>\n        <div style={{ display: 'flex', gap: '16px', alignItems: 'flex-start' }}>\n          <div\n            style={{\n              width: '32px',\n              height: '32px',\n              borderRadius: '50%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n            }}>\n            <Icon source={<ExclamationCircleIcon />} color={iconColor} />\n          </div>\n\n          <div style={{ flex: 1 }}>\n            <h3\n              style={{\n                fontSize: '16px',\n                fontWeight: 600,\n                margin: '0 0 8px 0',\n                lineHeight: '24px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.title }}\n            />\n            <p\n              style={{\n                fontSize: '14px',\n                margin: '0 0 16px 0',\n                lineHeight: '20px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.message }}\n            />\n            <Button onClick={handleClick}>{data.cta.label}</Button>\n          </div>\n        </div>\n      </Card.Body>\n    </Card>\n  );\n}\n","import type { LiveStateRendererProps } from '../types';\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 *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateRenderer({\n  data,\n  loading,\n  trackingConfig,\n  allowedContexts,\n  defaultVariant,\n}: LiveStateRendererProps) {\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  // Render appropriate component based on type\n  if (data.type === 'alert' || data.type === 'warning') {\n    return <LiveStateAlert data={data} trackingConfig={trackingConfig} />;\n  }\n\n  if (data.type === 'info') {\n    return (\n      <LiveStateInfo\n        data={data}\n        trackingConfig={trackingConfig}\n        defaultVariant={defaultVariant}\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/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","const STORAGE_KEY = '@tiendanube/live-state:closable';\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, Button } 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\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}: 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    handleCtaClick(data.cta);\n  }, [data, trackingConfig, buildEventProperties, track]);\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      <p dangerouslySetInnerHTML={{ __html: data.message }} />\n      <Button appearance=\"neutral\" onClick={handleClick}>\n        {data.cta.label}\n      </Button>\n    </Alert>\n  );\n}\n","import { useCallback, useEffect } from 'react';\nimport { Card, Button, Icon } from '@nimbus-ds/components';\nimport { ExclamationCircleIcon, 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\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type with a circular icon.\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}: LiveStateInfoProps) {\n  const track = useTrackEvent();\n  const variant = data.variant || defaultVariant;\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    handleCtaClick(data.cta);\n  }, [data, trackingConfig, buildEventProperties, track]);\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 iconColor = variant === 'blue' ? 'currentColor' : 'primary-interactive';\n\n  return (\n    <Card\n      backgroundColor={\n        variant === 'blue' ? 'primary-surface' : 'neutral-background'\n      }>\n      <Card.Body>\n        <div style={{ display: 'flex', gap: '16px', alignItems: 'flex-start' }}>\n          <div\n            style={{\n              width: '32px',\n              height: '32px',\n              borderRadius: '50%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n            }}>\n            <Icon source={<ExclamationCircleIcon />} color={iconColor} />\n          </div>\n\n          <div style={{ flex: 1 }}>\n            <h3\n              style={{\n                fontSize: '16px',\n                fontWeight: 600,\n                margin: '0 0 8px 0',\n                lineHeight: '24px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.title }}\n            />\n            <p\n              style={{\n                fontSize: '14px',\n                margin: '0 0 16px 0',\n                lineHeight: '20px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.message }}\n            />\n            <Button onClick={handleClick}>{data.cta.label}</Button>\n          </div>\n\n          {onClose && (\n            <button\n              onClick={handleClose}\n              aria-label=\"Fechar notificação\"\n              data-testid=\"live-state-close-button\"\n              style={{\n                background: 'none',\n                border: 'none',\n                cursor: 'pointer',\n                padding: '4px',\n                display: 'flex',\n                alignItems: 'center',\n                flexShrink: 0,\n              }}>\n              <Icon\n                source={<CloseIcon size=\"small\" />}\n                color=\"neutral-interactive\"\n              />\n            </button>\n          )}\n        </div>\n      </Card.Body>\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}: 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      />\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      />\n    );\n  }\n\n  console.warn(`[LiveState] Unknown type: ${data.type}`);\n  return null;\n}\n"],"mappings":"0vBAOA,IAAM,EAAoB,EAAU,gBAAgB,CAKpD,SAAgB,EAAoB,EAAsB,CACxD,GAAI,CACF,GAAI,CAAC,EAAQ,CACX,QAAQ,KAAK,6CAA6C,CAC1D,OAGF,EAAkB,KAAK,EAAQ,CAC7B,gBAAiB,GAClB,CAAC,OACK,EAAO,CACd,QAAQ,KAAK,8CAA+C,EAAM,EAOtE,eAAsB,EAAkB,EAAmC,CACzE,GAAI,CAEF,GAAI,OAAO,QAAS,CAClB,QAAQ,IAAI,oDAAoD,CAChE,OAIF,IAAM,EAAiB,GAAa,GAA2B,CAE/D,GAAI,CAAC,EAAgB,CACnB,QAAQ,KAAK,8CAA8C,CAC3D,QAIe,MAAM,OAAO,uBAAuB,QAC7C,KAAK,EAAe,OACrB,EAAO,CACd,QAAQ,KAAK,4CAA6C,EAAM,EAOpE,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,EACM,CACN,GAAI,CACF,EAAkB,MAAM,EAAW,EAAW,OACvC,EAAO,CACd,QAAQ,KAAK,+CAAgD,EAAM,EAOvE,SAAgB,EACd,EACA,EACM,CACN,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,QAAQ,KAAK,6CAA8C,EAAM,EAQrE,SAAgB,EACd,EACoB,CACpB,OAAO,OAAO,YACZ,OAAO,QAAQ,EAAO,CAAC,OACpB,GAA4C,EAAM,KAAO,IAAA,GAC3D,CACF,CAMH,SAAgB,EACd,EACA,EACM,CACN,EAAoB,EAAW,EAAW,CAC1C,EAAkB,EAAW,EAAW,CC3H1C,IAAM,GAAA,EAAA,EAAA,eAA+D,KAAK,CAoB1E,SAAgB,EAAkB,CAChC,WACA,UACA,YACA,WACyB,CAWzB,OAVA,EAAA,EAAA,eAAgB,CACV,GAAW,cACb,EAAoB,EAAU,aAAa,CAGzC,GAAW,kBACb,EAAkB,EAAU,iBAAiB,EAE9C,CAAC,EAAU,CAAC,EAGb,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,MAAO,CAAE,aAAgB,IAAI,IAAO,WAC7C,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,CAAE,UAAS,YAAW,UAAS,CAC9D,WACyB,CAAA,CAClB,CAAA,CAShB,SAAgB,GAAsB,CACpC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MAAM,qDAAqD,CAGvE,OAAO,EC9CT,SAAgB,GAAmC,CACjD,GAAM,CAAE,WAAY,GAAqB,CAEnC,CAAE,OAAM,QAAO,YAAW,WAAA,EAAA,EAAA,SAC9B,aACA,EACA,CACE,kBAAmB,GACnB,sBAAuB,GACvB,iBAAkB,IAClB,mBAAoB,GACpB,QAAS,GAAO,CACd,QAAQ,KAAK,0CAA2C,EAAI,EAE/D,CACF,CAUD,MAAO,CACL,UAAW,GAAQ,KACnB,YACA,MAAO,GAAS,KAChB,QAZc,SAAY,CAC1B,GAAI,CACF,MAAM,GAAQ,OACP,EAAK,CACZ,QAAQ,KAAK,4CAA6C,EAAI,GASjE,CC5CH,SAAgB,GAAgB,CAC9B,GAAM,CAAE,WAAY,GAAqB,CAUzC,OAAA,EAAA,EAAA,cAPG,EAAmB,IAAoC,CACtD,IAAU,EAAW,EAAW,CAChC,EAAW,EAAW,EAAW,EAEnC,CAAC,EAAQ,CACV,CCrBH,IAAM,EAAc,kCAcpB,SAAgB,GAAoC,CAClD,GAAI,CACF,IAAM,EAAM,aAAa,QAAQ,EAAY,CAC7C,GAAI,CAAC,EAAK,MAAO,EAAE,CAEnB,IAAM,EAAS,KAAK,MAAM,EAAI,CAC9B,GAAI,OAAO,GAAW,WAAY,EAAiB,MAAO,EAAE,CAE5D,IAAM,EAA6B,EAAE,CAErC,IAAK,GAAM,CAAC,EAAK,KAAa,OAAO,QACnC,EACD,CACK,YAAO,GAAa,WAAY,GAEpC,GAAW,GAAO,EAAE,CAEpB,IAAK,GAAM,CAAC,EAAI,KAAU,OAAO,QAC/B,EACD,CACC,GAAI,OAAO,GAAU,SAEnB,EAAW,GAAK,GAAM,CAAE,MAAO,EAAO,SAAU,EAAG,SAC1C,OAAO,GAAU,UAAY,EAAgB,CACtD,IAAM,EAAY,EAClB,EAAW,GAAK,GAAM,CACpB,MAAO,OAAO,EAAU,OAAU,SAAW,EAAU,MAAQ,EAC/D,SACE,OAAO,EAAU,UAAa,SAAW,EAAU,SAAW,EACjE,EAKP,OAAO,OACD,CACN,MAAO,EAAE,EAQb,SAAgB,EAAkB,EAA8B,CAC9D,GAAI,CACF,aAAa,QAAQ,EAAa,KAAK,UAAU,EAAO,CAAC,MACnD,GChBV,SAAgB,EAAY,CAC1B,UACA,KACA,gBAAgB,EAChB,aACwC,CACxC,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyC,KAAK,CAyDhE,OAvDA,EAAA,EAAA,eAAgB,CAEd,GAAI,CAAC,EAAI,CACP,EAAa,GAAK,CAClB,OAGF,IAAM,EAAS,GAAmB,CAC5B,EAAQ,EAAO,KAAW,GAEhC,GAAI,CAAC,EAAO,CACV,EAAa,GAAK,CAClB,OAGF,GAAM,CAAE,QAAO,YAAa,EAG5B,GAAI,GAAa,MAAQ,EAAW,GAClB,KAAK,KAAK,CAAG,EACf,EAAW,CACvB,IAAM,EAAU,CAAE,GAAG,EAAQ,CACzB,EAAQ,KACV,OAAO,EAAQ,GAAS,GACxB,EAAkB,EAAQ,EAE5B,EAAa,GAAK,CAClB,OAIJ,EAAa,EAAQ,EAAc,EAClC,CAAC,EAAS,EAAI,EAAe,EAAU,CAAC,CAuBpC,CAAE,YAAW,OAAA,EAAA,EAAA,iBArBY,CAC9B,GAAI,CAAC,EAAI,OAET,IAAM,EAAS,GAAmB,CAC5B,EAAe,EAAO,KAAW,IAAK,OAAS,EAE/C,EAAyB,CAC7B,GAAG,GACF,GAAU,CACT,GAAI,EAAO,IAAY,EAAE,EACxB,GAAK,CACJ,MAAO,EAAe,EACtB,SAAU,KAAK,KAAK,CACrB,CACF,CACF,CAED,EAAa,GAAM,CACnB,EAAkB,EAAQ,EACzB,CAAC,EAAS,EAAG,CAAC,CAEU,CCrG7B,SAAgB,EAAe,EAAsB,CACnD,GAAI,CACF,OAAQ,EAAI,KAAZ,CACE,IAAK,WAEH,OAAO,SAAS,KAAO,EAAI,IAC3B,MAEF,IAAK,WAAY,CAEf,IAAM,EAAc,EAAI,gBACpB,GAAG,EAAI,IAAI,QAAQ,mBAAmB,EAAI,gBAAgB,GAC1D,EAAI,IACR,OAAO,KAAK,EAAa,SAAS,CAClC,MAGF,IAAK,WAEH,OAAO,KAAK,EAAI,IAAK,SAAS,CAC9B,MAEF,QACE,QAAQ,KAAK,iCAAiC,EAAI,OAAO,QAEtD,EAAO,CACd,QAAQ,KAAK,0CAA2C,EAAM,ECVlE,SAAgB,EAAe,CAC7B,OACA,iBACA,WACsB,CACtB,IAAM,EAAQ,GAAe,CACvB,EAAa,EAAK,OAAS,QAAU,SAAW,UAEhD,GAAA,EAAA,EAAA,iBAEF,EAAwB,CACtB,QAAS,EAAK,QACd,WAAY,EAAK,WACjB,MAAO,EAAK,MACZ,GAAG,EAAK,SACR,GAAG,EAAe,WACnB,CAAC,CACJ,CAAC,EAAM,EAAe,WAAW,CAClC,CAEK,GAAA,EAAA,EAAA,iBAAgC,CAEpC,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,QAChE,GAAsB,CAAC,CACxC,EAAe,EAAK,IAAI,EACvB,CAAC,EAAM,EAAgB,EAAsB,EAAM,CAAC,CAEjD,GAAA,EAAA,EAAA,iBAAgC,CAEpC,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,QAChE,GAAsB,CAAC,CACxC,KAAW,EACV,CAAC,EAAS,EAAM,EAAgB,EAAsB,EAAM,CAAC,CAQhE,OANA,EAAA,EAAA,eAAgB,CAEd,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,OAChE,GAAsB,CAAC,EAEvC,EAAE,CAAC,EAGJ,EAAA,EAAA,MAAC,EAAA,MAAD,CACc,aACZ,MAAO,EAAK,MACZ,SAAU,EAAU,EAAc,IAAA,YAHpC,EAIE,EAAA,EAAA,KAAC,IAAD,CAAG,wBAAyB,CAAE,OAAQ,EAAK,QAAS,CAAI,CAAA,EACxD,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,WAAW,UAAU,QAAS,WACnC,EAAK,IAAI,MACH,CAAA,CACH,GC7CZ,SAAgB,EAAc,CAC5B,OACA,iBACA,iBAAiB,OACjB,WACqB,CACrB,IAAM,EAAQ,GAAe,CACvB,EAAU,EAAK,SAAW,EAE1B,GAAA,EAAA,EAAA,iBAEF,EAAwB,CACtB,QAAS,EAAK,QACd,WAAY,EAAK,WACjB,MAAO,EAAK,MACZ,GAAG,EAAK,SACR,GAAG,EAAe,WACnB,CAAC,CACJ,CAAC,EAAM,EAAe,WAAW,CAClC,CAEK,GAAA,EAAA,EAAA,iBAAgC,CAEpC,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,QAChE,GAAsB,CAAC,CACxC,EAAe,EAAK,IAAI,EACvB,CAAC,EAAM,EAAgB,EAAsB,EAAM,CAAC,CAEjD,GAAA,EAAA,EAAA,iBAAgC,CAEpC,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,QAChE,GAAsB,CAAC,CACxC,KAAW,EACV,CAAC,EAAS,EAAM,EAAgB,EAAsB,EAAM,CAAC,EAEhE,EAAA,EAAA,eAAgB,CAEd,EADkB,GAAG,EAAe,SAAS,EAAe,KAAK,GAAG,EAAK,QAAQ,OAChE,GAAsB,CAAC,EAEvC,EAAE,CAAC,CAEN,IAAM,EAAY,IAAY,OAAS,eAAiB,sBAExD,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,gBACE,IAAY,OAAS,kBAAoB,+BAE3C,EAAA,EAAA,KAAC,EAAA,KAAK,KAAN,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,CAAE,QAAS,OAAQ,IAAK,OAAQ,WAAY,aAAc,UAAtE,EACE,EAAA,EAAA,KAAC,MAAD,CACE,MAAO,CACL,MAAO,OACP,OAAQ,OACR,aAAc,MACd,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,EACb,WACD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,QAAQ,EAAA,EAAA,KAAC,EAAA,sBAAD,EAAyB,CAAA,CAAE,MAAO,EAAa,CAAA,CACzD,CAAA,EAEN,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,CAAE,KAAM,EAAG,UAAvB,EACE,EAAA,EAAA,KAAC,KAAD,CACE,MAAO,CACL,SAAU,OACV,WAAY,IACZ,OAAQ,YACR,WAAY,OACb,CACD,wBAAyB,CAAE,OAAQ,EAAK,MAAO,CAC/C,CAAA,EACF,EAAA,EAAA,KAAC,IAAD,CACE,MAAO,CACL,SAAU,OACV,OAAQ,aACR,WAAY,OACb,CACD,wBAAyB,CAAE,OAAQ,EAAK,QAAS,CACjD,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAS,WAAc,EAAK,IAAI,MAAe,CAAA,CACnD,GAEL,IACC,EAAA,EAAA,KAAC,SAAD,CACE,QAAS,EACT,aAAW,qBACX,cAAY,0BACZ,MAAO,CACL,WAAY,OACZ,OAAQ,OACR,OAAQ,UACR,QAAS,MACT,QAAS,OACT,WAAY,SACZ,WAAY,EACb,WACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,QAAQ,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAK,QAAU,CAAA,CAClC,MAAM,sBACN,CAAA,CACK,CAAA,CAEP,GACI,CAAA,CACP,CAAA,CCnHX,SAAgB,EAAkB,CAChC,OACA,UACA,iBACA,kBACA,kBACyB,CACzB,GAAM,CAAE,YAAW,SAAU,EAAY,CACvC,QAAS,GAAM,SAAW,GAC1B,GAAI,GAAM,WACV,cAAe,GAAM,UAAU,cAC/B,UAAW,GAAM,UAAU,UAC5B,CAAC,CAGF,GAAI,GAAW,CAAC,EACd,OAAO,KAIT,GACE,CAAC,EAAK,SACN,CAAC,EAAK,MACN,CAAC,EAAK,OACN,CAAC,EAAK,SACN,CAAC,EAAK,KAAK,OACX,CAAC,EAAK,KAAK,KACX,CAAC,EAAK,KAAK,KAGX,OADA,QAAQ,KAAK,uDAAwD,EAAK,CACnE,KAcT,GAVI,GAAmB,CAAC,EAAgB,SAAS,EAAK,QAAQ,EAK1D,IAAc,MAKd,CAAC,EACH,OAAO,KAIT,IAAM,EAAU,EAAK,UAAY,EAAK,WAAa,EAAQ,IAAA,GAyB3D,OAtBI,EAAK,OAAS,SAAW,EAAK,OAAS,WAEvC,EAAA,EAAA,KAAC,EAAD,CACQ,OACG,UACO,iBAChB,CAAA,CAIF,EAAK,OAAS,QAEd,EAAA,EAAA,KAAC,EAAD,CACQ,OACG,UACO,iBACA,iBAChB,CAAA,EAIN,QAAQ,KAAK,6BAA6B,EAAK,OAAO,CAC/C"}

package/dist/index.js

@@ -1,28 +1,29 @@
-import { createContext as e, useContext as t, useEffect as n } from "react";
-import r, { SWRConfig as i } from "swr";
-import * as a from "@amplitude/analytics-browser";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Alert as c, Button as l, Card as u, Icon as d } from "@nimbus-ds/components";
-import { ExclamationCircleIcon as f } from "@nimbus-ds/icons";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useState as i } from "react";
+import a, { SWRConfig as o } from "swr";
+import * as s from "@amplitude/analytics-browser";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Alert as u, Button as d, Card as f, Icon as p } from "@nimbus-ds/components";
+import { CloseIcon as m, ExclamationCircleIcon as h } from "@nimbus-ds/icons";
 //#region src/utils/analytics.ts
-function p(e) {
+var g = s.createInstance();
+function _(e) {
 	try {
 		if (!e) {
 			console.warn("[LiveState] Amplitude API key not provided");
 			return;
 		}
-		a.init(e, { defaultTracking: !1 });
+		g.init(e, { defaultTracking: !1 });
 	} catch (e) {
 		console.warn("[LiveState] Failed to initialize Amplitude:", e);
 	}
 }
-async function m(e) {
+async function v(e) {
 	try {
 		if (window.clarity) {
 			console.log("[LiveState] Clarity already initialized by client");
 			return;
 		}
-		let t = e || h();
+		let t = e || y();
 		if (!t) {
 			console.warn("[LiveState] Clarity project ID not provided");
 			return;
@@ -32,7 +33,7 @@ async function m(e) {
 		console.warn("[LiveState] Failed to initialize Clarity:", e);
 	}
 }
-function h() {
+function y() {
 	try {
 		let e = document.querySelector("script[src*=\"clarity.ms\"]");
 		if (e) return e.getAttribute("src")?.match(/\/([a-z0-9]+)$/)?.[1];
@@ -40,14 +41,14 @@ function h() {
 		if (typeof t == "string") return t;
 	} catch {}
 }
-function g(e, t) {
+function b(e, t) {
 	try {
-		a.track(e, t);
+		g.track(e, t);
 	} catch (e) {
 		console.warn("[LiveState] Failed to track Amplitude event:", e);
 	}
 }
-function _(e, t) {
+function x(e, t) {
 	try {
 		window.clarity && (window.clarity("event", e), t && Object.entries(t).forEach(([e, t]) => {
 			window.clarity?.("set", e, String(t));
@@ -56,38 +57,39 @@ function _(e, t) {
 		console.warn("[LiveState] Failed to track Clarity event:", e);
 	}
 }
-function v(e) {
+function S(e) {
 	return Object.fromEntries(Object.entries(e).filter((e) => e[1] !== void 0));
 }
-function y(e, t) {
-	g(e, t), _(e, t);
+function C(e, t) {
+	b(e, t), x(e, t);
 }
 //#endregion
 //#region src/providers/LiveStateProvider.tsx
-var b = e(null);
-function x({ children: e, fetcher: t, analytics: r }) {
-	return n(() => {
-		r?.amplitudeKey && p(r.amplitudeKey), r?.clarityProjectId && m(r.clarityProjectId);
-	}, [r]), /* @__PURE__ */ o(i, {
+var w = e(null);
+function T({ children: e, fetcher: t, analytics: n, onEvent: i }) {
+	return r(() => {
+		n?.amplitudeKey && _(n.amplitudeKey), n?.clarityProjectId && v(n.clarityProjectId);
+	}, [n]), /* @__PURE__ */ c(o, {
 		value: { provider: () => /* @__PURE__ */ new Map() },
-		children: /* @__PURE__ */ o(b.Provider, {
+		children: /* @__PURE__ */ c(w.Provider, {
 			value: {
 				fetcher: t,
-				analytics: r
+				analytics: n,
+				onEvent: i
 			},
 			children: e
 		})
 	});
 }
-function S() {
-	let e = t(b);
+function E() {
+	let e = n(w);
 	if (!e) throw Error("useLiveState must be used within LiveStateProvider");
 	return e;
 }
 //#endregion
 //#region src/hooks/useLiveState.ts
-function C() {
-	let { fetcher: e } = S(), { data: t, error: n, isLoading: i, mutate: a } = r("live-state", e, {
+function D() {
+	let { fetcher: e } = E(), { data: t, error: n, isLoading: r, mutate: i } = a("live-state", e, {
 		revalidateOnFocus: !1,
 		revalidateOnReconnect: !0,
 		dedupingInterval: 6e4,
@@ -98,11 +100,11 @@ function C() {
 	});
 	return {
 		liveState: t ?? null,
-		isLoading: i,
+		isLoading: r,
 		error: n ?? null,
 		refresh: async () => {
 			try {
-				await a();
+				await i();
 			} catch (e) {
 				console.warn("[LiveState] Failed to refresh live state:", e);
 			}
@@ -110,8 +112,94 @@ function C() {
 	};
 }
 //#endregion
+//#region src/hooks/useTrackEvent.ts
+function O() {
+	let { onEvent: e } = E();
+	return t((t, n) => {
+		e?.(t, n), C(t, n);
+	}, [e]);
+}
+//#endregion
+//#region src/utils/closable-storage.ts
+var k = "@tiendanube/live-state:closable";
+function A() {
+	try {
+		let e = localStorage.getItem(k);
+		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 j(e) {
+	try {
+		localStorage.setItem(k, JSON.stringify(e));
+	} catch {}
+}
+//#endregion
+//#region src/hooks/useClosable.ts
+function M({ context: e, id: n, maxCloseTimes: a = 3, expiresIn: o }) {
+	let [s, c] = i(null);
+	return r(() => {
+		if (!n) {
+			c(!0);
+			return;
+		}
+		let t = A(), r = t[e]?.[n];
+		if (!r) {
+			c(!0);
+			return;
+		}
+		let { count: i, closedAt: s } = r;
+		if (o != null && s > 0 && Date.now() - s > o) {
+			let r = { ...t };
+			r[e] && (delete r[e][n], j(r)), c(!0);
+			return;
+		}
+		c(i < a);
+	}, [
+		e,
+		n,
+		a,
+		o
+	]), {
+		isVisible: s,
+		close: t(() => {
+			if (!n) return;
+			let t = A(), r = t[e]?.[n]?.count ?? 0, i = {
+				...t,
+				[e]: {
+					...t[e] ?? {},
+					[n]: {
+						count: r + 1,
+						closedAt: Date.now()
+					}
+				}
+			};
+			c(!1), j(i);
+		}, [e, n])
+	};
+}
+//#endregion
 //#region src/utils/cta.ts
-function w(e) {
+function N(e) {
 	try {
 		switch (e.type) {
 			case "redirect":
@@ -133,111 +221,168 @@ function w(e) {
 }
 //#endregion
 //#region src/components/LiveStateAlert.tsx
-function T({ data: e, trackingConfig: t }) {
-	let r = e.type === "alert" ? "danger" : "warning", i = () => v({
+function P({ data: e, trackingConfig: n, onClose: i }) {
+	let a = O(), o = e.type === "alert" ? "danger" : "warning", s = t(() => S({
 		context: e.context,
 		campaignId: e.campaignId,
 		group: e.group,
 		...e.metadata,
-		...t.properties
-	});
-	return n(() => {
-		y(`${t.prefix}${t.page}_${e.context}_view`, i());
-	}, []), /* @__PURE__ */ s(c, {
-		appearance: r,
+		...n.properties
+	}), [e, n.properties]), f = t(() => {
+		a(`${n.prefix}${n.page}_${e.context}_click`, s()), N(e.cta);
+	}, [
+		e,
+		n,
+		s,
+		a
+	]), p = t(() => {
+		a(`${n.prefix}${n.page}_${e.context}_close`, s()), i?.();
+	}, [
+		i,
+		e,
+		n,
+		s,
+		a
+	]);
+	return r(() => {
+		a(`${n.prefix}${n.page}_${e.context}_view`, s());
+	}, []), /* @__PURE__ */ l(u, {
+		appearance: o,
 		title: e.title,
-		onRemove: () => {
-			y(`${t.prefix}${t.page}_${e.context}_close`, i());
-		},
-		children: [/* @__PURE__ */ o("p", { dangerouslySetInnerHTML: { __html: e.message } }), /* @__PURE__ */ o(l, {
+		onRemove: i ? p : void 0,
+		children: [/* @__PURE__ */ c("p", { dangerouslySetInnerHTML: { __html: e.message } }), /* @__PURE__ */ c(d, {
 			appearance: "neutral",
-			onClick: () => {
-				y(`${t.prefix}${t.page}_${e.context}_click`, i()), w(e.cta);
-			},
+			onClick: f,
 			children: e.cta.label
 		})]
 	});
 }
 //#endregion
 //#region src/components/LiveStateInfo.tsx
-function E({ data: e, trackingConfig: t, defaultVariant: r = "blue" }) {
-	let i = e.variant || r, a = () => v({
+function F({ data: e, trackingConfig: n, defaultVariant: i = "blue", onClose: a }) {
+	let o = O(), s = e.variant || i, u = t(() => S({
 		context: e.context,
 		campaignId: e.campaignId,
 		group: e.group,
 		...e.metadata,
-		...t.properties
-	}), c = () => {
-		y(`${t.prefix}${t.page}_${e.context}_click`, a()), w(e.cta);
-	};
-	n(() => {
-		y(`${t.prefix}${t.page}_${e.context}_view`, a());
+		...n.properties
+	}), [e, n.properties]), g = t(() => {
+		o(`${n.prefix}${n.page}_${e.context}_click`, u()), N(e.cta);
+	}, [
+		e,
+		n,
+		u,
+		o
+	]), _ = t(() => {
+		o(`${n.prefix}${n.page}_${e.context}_close`, u()), a?.();
+	}, [
+		a,
+		e,
+		n,
+		u,
+		o
+	]);
+	r(() => {
+		o(`${n.prefix}${n.page}_${e.context}_view`, u());
 	}, []);
-	let p = i === "blue" ? "currentColor" : "primary-interactive";
-	return /* @__PURE__ */ o(u, {
-		backgroundColor: i === "blue" ? "primary-surface" : "neutral-background",
-		children: /* @__PURE__ */ o(u.Body, { children: /* @__PURE__ */ s("div", {
+	let v = s === "blue" ? "currentColor" : "primary-interactive";
+	return /* @__PURE__ */ c(f, {
+		backgroundColor: s === "blue" ? "primary-surface" : "neutral-background",
+		children: /* @__PURE__ */ c(f.Body, { children: /* @__PURE__ */ l("div", {
 			style: {
 				display: "flex",
 				gap: "16px",
 				alignItems: "flex-start"
 			},
-			children: [/* @__PURE__ */ o("div", {
-				style: {
-					width: "32px",
-					height: "32px",
-					borderRadius: "50%",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					flexShrink: 0
-				},
-				children: /* @__PURE__ */ o(d, {
-					source: /* @__PURE__ */ o(f, {}),
-					color: p
-				})
-			}), /* @__PURE__ */ s("div", {
-				style: { flex: 1 },
-				children: [
-					/* @__PURE__ */ o("h3", {
-						style: {
-							fontSize: "16px",
-							fontWeight: 600,
-							margin: "0 0 8px 0",
-							lineHeight: "24px"
-						},
-						dangerouslySetInnerHTML: { __html: e.title }
-					}),
-					/* @__PURE__ */ o("p", {
-						style: {
-							fontSize: "14px",
-							margin: "0 0 16px 0",
-							lineHeight: "20px"
-						},
-						dangerouslySetInnerHTML: { __html: e.message }
-					}),
-					/* @__PURE__ */ o(l, {
-						onClick: c,
-						children: e.cta.label
+			children: [
+				/* @__PURE__ */ c("div", {
+					style: {
+						width: "32px",
+						height: "32px",
+						borderRadius: "50%",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						flexShrink: 0
+					},
+					children: /* @__PURE__ */ c(p, {
+						source: /* @__PURE__ */ c(h, {}),
+						color: v
 					})
-				]
-			})]
+				}),
+				/* @__PURE__ */ l("div", {
+					style: { flex: 1 },
+					children: [
+						/* @__PURE__ */ c("h3", {
+							style: {
+								fontSize: "16px",
+								fontWeight: 600,
+								margin: "0 0 8px 0",
+								lineHeight: "24px"
+							},
+							dangerouslySetInnerHTML: { __html: e.title }
+						}),
+						/* @__PURE__ */ c("p", {
+							style: {
+								fontSize: "14px",
+								margin: "0 0 16px 0",
+								lineHeight: "20px"
+							},
+							dangerouslySetInnerHTML: { __html: e.message }
+						}),
+						/* @__PURE__ */ c(d, {
+							onClick: g,
+							children: e.cta.label
+						})
+					]
+				}),
+				a && /* @__PURE__ */ c("button", {
+					onClick: _,
+					"aria-label": "Fechar notificação",
+					"data-testid": "live-state-close-button",
+					style: {
+						background: "none",
+						border: "none",
+						cursor: "pointer",
+						padding: "4px",
+						display: "flex",
+						alignItems: "center",
+						flexShrink: 0
+					},
+					children: /* @__PURE__ */ c(p, {
+						source: /* @__PURE__ */ c(m, { size: "small" }),
+						color: "neutral-interactive"
+					})
+				})
+			]
 		}) })
 	});
 }
 //#endregion
 //#region src/components/LiveStateRenderer.tsx
-function D({ data: e, loading: t, trackingConfig: n, allowedContexts: r, defaultVariant: i }) {
-	return t || !e ? null : !e.context || !e.type || !e.title || !e.message || !e.cta?.label || !e.cta?.url || !e.cta?.type ? (console.warn("[LiveState] Invalid payload, missing required fields", e), null) : r && !r.includes(e.context) ? null : e.type === "alert" || e.type === "warning" ? /* @__PURE__ */ o(T, {
+function I({ data: e, loading: t, trackingConfig: n, allowedContexts: r, defaultVariant: i }) {
+	let { isVisible: a, close: o } = M({
+		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) || a === null || !a) return null;
+	let s = e.closable && e.campaignId ? o : void 0;
+	return e.type === "alert" || e.type === "warning" ? /* @__PURE__ */ c(P, {
 		data: e,
+		onClose: s,
 		trackingConfig: n
-	}) : e.type === "info" ? /* @__PURE__ */ o(E, {
+	}) : e.type === "info" ? /* @__PURE__ */ c(F, {
 		data: e,
+		onClose: s,
 		trackingConfig: n,
 		defaultVariant: i
 	}) : (console.warn(`[LiveState] Unknown type: ${e.type}`), null);
 }
 //#endregion
-export { T as LiveStateAlert, E as LiveStateInfo, x as LiveStateProvider, D as LiveStateRenderer, w as handleCtaClick, y as trackEvent, C as useLiveState };
+export { P as LiveStateAlert, F as LiveStateInfo, T as LiveStateProvider, I as LiveStateRenderer, N as handleCtaClick, C as trackEvent, D as useLiveState, O as useTrackEvent };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/utils/analytics.ts","../src/providers/LiveStateProvider.tsx","../src/hooks/useLiveState.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 * 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    amplitude.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    amplitude.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 { LiveStateFetcher, AnalyticsConfig } from '../types';\nimport { initializeAmplitude, initializeClarity } from '../utils/analytics';\n\ninterface LiveStateContextValue {\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\n}\n\nconst LiveStateContext = createContext<LiveStateContextValue | null>(null);\n\nexport interface LiveStateProviderProps {\n  children: React.ReactNode;\n  fetcher: LiveStateFetcher;\n  analytics?: AnalyticsConfig;\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 * See examples/ directory for usage examples.\n */\nexport function LiveStateProvider({\n  children,\n  fetcher,\n  analytics,\n}: LiveStateProviderProps) {\n  // Initialize analytics on mount\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 }}>\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 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 { useEffect } from 'react';\nimport { Alert, Button } from '@nimbus-ds/components';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { trackEvent, buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\n\nexport interface LiveStateAlertProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\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 *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateAlert({ data, trackingConfig }: LiveStateAlertProps) {\n  const appearance = data.type === 'alert' ? 'danger' : 'warning';\n\n  const buildEventProperties = () =>\n    buildTrackingProperties({\n      context: data.context,\n      campaignId: data.campaignId,\n      group: data.group,\n      ...data.metadata,\n      ...trackingConfig.properties,\n    });\n\n  const handleClick = () => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    trackEvent(eventName, buildEventProperties());\n    handleCtaClick(data.cta);\n  };\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    trackEvent(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={() => {\n        const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_close`;\n        trackEvent(eventName, buildEventProperties());\n      }}>\n      <p dangerouslySetInnerHTML={{ __html: data.message }} />\n      <Button appearance=\"neutral\" onClick={handleClick}>\n        {data.cta.label}\n      </Button>\n    </Alert>\n  );\n}\n","import { useEffect } from 'react';\nimport { Card, Button, Icon } from '@nimbus-ds/components';\nimport { ExclamationCircleIcon } from '@nimbus-ds/icons';\nimport type { LiveStateResponse, TrackingConfig } from '../types';\nimport { trackEvent, buildTrackingProperties } from '../utils/analytics';\nimport { handleCtaClick } from '../utils/cta';\n\nexport interface LiveStateInfoProps {\n  data: LiveStateResponse;\n  trackingConfig: TrackingConfig;\n  defaultVariant?: 'blue' | 'white';\n}\n\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type with a circular icon.\n * Automatically tracks view, click, and close events.\n *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateInfo({\n  data,\n  trackingConfig,\n  defaultVariant = 'blue',\n}: LiveStateInfoProps) {\n  const variant = data.variant || defaultVariant;\n\n  const buildEventProperties = () =>\n    buildTrackingProperties({\n      context: data.context,\n      campaignId: data.campaignId,\n      group: data.group,\n      ...data.metadata,\n      ...trackingConfig.properties,\n    });\n\n  const handleClick = () => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_click`;\n    trackEvent(eventName, buildEventProperties());\n    handleCtaClick(data.cta);\n  };\n\n  useEffect(() => {\n    const eventName = `${trackingConfig.prefix}${trackingConfig.page}_${data.context}_view`;\n    trackEvent(eventName, buildEventProperties());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const iconColor = variant === 'blue' ? 'currentColor' : 'primary-interactive';\n\n  return (\n    <Card\n      backgroundColor={\n        variant === 'blue' ? 'primary-surface' : 'neutral-background'\n      }>\n      <Card.Body>\n        <div style={{ display: 'flex', gap: '16px', alignItems: 'flex-start' }}>\n          <div\n            style={{\n              width: '32px',\n              height: '32px',\n              borderRadius: '50%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n            }}>\n            <Icon source={<ExclamationCircleIcon />} color={iconColor} />\n          </div>\n\n          <div style={{ flex: 1 }}>\n            <h3\n              style={{\n                fontSize: '16px',\n                fontWeight: 600,\n                margin: '0 0 8px 0',\n                lineHeight: '24px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.title }}\n            />\n            <p\n              style={{\n                fontSize: '14px',\n                margin: '0 0 16px 0',\n                lineHeight: '20px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.message }}\n            />\n            <Button onClick={handleClick}>{data.cta.label}</Button>\n          </div>\n        </div>\n      </Card.Body>\n    </Card>\n  );\n}\n","import type { LiveStateRendererProps } from '../types';\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 *\n * See examples/ directory for usage examples.\n */\nexport function LiveStateRenderer({\n  data,\n  loading,\n  trackingConfig,\n  allowedContexts,\n  defaultVariant,\n}: LiveStateRendererProps) {\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  // Render appropriate component based on type\n  if (data.type === 'alert' || data.type === 'warning') {\n    return <LiveStateAlert data={data} trackingConfig={trackingConfig} />;\n  }\n\n  if (data.type === 'info') {\n    return (\n      <LiveStateInfo\n        data={data}\n        trackingConfig={trackingConfig}\n        defaultVariant={defaultVariant}\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.js","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","const STORAGE_KEY = '@tiendanube/live-state:closable';\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, Button } 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\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}: 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    handleCtaClick(data.cta);\n  }, [data, trackingConfig, buildEventProperties, track]);\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      <p dangerouslySetInnerHTML={{ __html: data.message }} />\n      <Button appearance=\"neutral\" onClick={handleClick}>\n        {data.cta.label}\n      </Button>\n    </Alert>\n  );\n}\n","import { useCallback, useEffect } from 'react';\nimport { Card, Button, Icon } from '@nimbus-ds/components';\nimport { ExclamationCircleIcon, 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\n/**\n * LiveStateInfo\n *\n * Renders a Card component (Nimbus) for info type with a circular icon.\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}: LiveStateInfoProps) {\n  const track = useTrackEvent();\n  const variant = data.variant || defaultVariant;\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    handleCtaClick(data.cta);\n  }, [data, trackingConfig, buildEventProperties, track]);\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 iconColor = variant === 'blue' ? 'currentColor' : 'primary-interactive';\n\n  return (\n    <Card\n      backgroundColor={\n        variant === 'blue' ? 'primary-surface' : 'neutral-background'\n      }>\n      <Card.Body>\n        <div style={{ display: 'flex', gap: '16px', alignItems: 'flex-start' }}>\n          <div\n            style={{\n              width: '32px',\n              height: '32px',\n              borderRadius: '50%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n            }}>\n            <Icon source={<ExclamationCircleIcon />} color={iconColor} />\n          </div>\n\n          <div style={{ flex: 1 }}>\n            <h3\n              style={{\n                fontSize: '16px',\n                fontWeight: 600,\n                margin: '0 0 8px 0',\n                lineHeight: '24px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.title }}\n            />\n            <p\n              style={{\n                fontSize: '14px',\n                margin: '0 0 16px 0',\n                lineHeight: '20px',\n              }}\n              dangerouslySetInnerHTML={{ __html: data.message }}\n            />\n            <Button onClick={handleClick}>{data.cta.label}</Button>\n          </div>\n\n          {onClose && (\n            <button\n              onClick={handleClose}\n              aria-label=\"Fechar notificação\"\n              data-testid=\"live-state-close-button\"\n              style={{\n                background: 'none',\n                border: 'none',\n                cursor: 'pointer',\n                padding: '4px',\n                display: 'flex',\n                alignItems: 'center',\n                flexShrink: 0,\n              }}>\n              <Icon\n                source={<CloseIcon size=\"small\" />}\n                color=\"neutral-interactive\"\n              />\n            </button>\n          )}\n        </div>\n      </Card.Body>\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}: 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      />\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      />\n    );\n  }\n\n  console.warn(`[LiveState] Unknown type: ${data.type}`);\n  return null;\n}\n"],"mappings":"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"}

package/dist/src/components/LiveStateAlert.d.ts

@@ -2,14 +2,17 @@ import { LiveStateResponse, TrackingConfig } from '../types';
 export interface LiveStateAlertProps {
     data: LiveStateResponse;
     trackingConfig: TrackingConfig;
+    /** When provided, shows a close button and calls this on dismiss */
+    onClose?: () => void;
 }
 /**
  * LiveStateAlert
  *
  * Renders an Alert component (Nimbus) for alert/warning types.
  * Automatically tracks view, click, and close events.
+ * Shows a close button when onClose is provided.
  *
  * See examples/ directory for usage examples.
  */
-export declare function LiveStateAlert({ data, trackingConfig }: LiveStateAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function LiveStateAlert({ data, trackingConfig, onClose, }: LiveStateAlertProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LiveStateAlert.d.ts.map

package/dist/src/components/LiveStateAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveStateAlert.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,iBAAiB,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,mBAAmB,2CAsC3E"}
+{"version":3,"file":"LiveStateAlert.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKlE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,iBAAiB,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,cAAc,EACd,OAAO,GACR,EAAE,mBAAmB,2CA6CrB"}

package/dist/src/components/LiveStateInfo.d.ts

@@ -3,14 +3,17 @@ export interface LiveStateInfoProps {
     data: LiveStateResponse;
     trackingConfig: TrackingConfig;
     defaultVariant?: 'blue' | 'white';
+    /** When provided, shows a close button and calls this on dismiss */
+    onClose?: () => void;
 }
 /**
  * LiveStateInfo
  *
  * Renders a Card component (Nimbus) for info type with a circular icon.
  * Automatically tracks view, click, and close events.
+ * Shows a close button when onClose is provided.
  *
  * See examples/ directory for usage examples.
  */
-export declare function LiveStateInfo({ data, trackingConfig, defaultVariant, }: LiveStateInfoProps): import("react/jsx-runtime").JSX.Element;
+export declare function LiveStateInfo({ data, trackingConfig, defaultVariant, onClose, }: LiveStateInfoProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LiveStateInfo.d.ts.map

package/dist/src/components/LiveStateInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveStateInfo.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateInfo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIlE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,cAAc,EACd,cAAuB,GACxB,EAAE,kBAAkB,2CAsEpB"}
+{"version":3,"file":"LiveStateInfo.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateInfo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKlE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,cAAc,EACd,cAAuB,EACvB,OAAO,GACR,EAAE,kBAAkB,2CAqGpB"}

package/dist/src/components/LiveStateRenderer.d.ts

@@ -4,6 +4,7 @@ import { LiveStateRendererProps } from '../types';
  *
  * Main component that validates payload, filters by context, and renders
  * the appropriate visual component (Alert or Info) based on type.
+ * Handles closable notifications via useClosable when closable is configured.
  *
  * See examples/ directory for usage examples.
  */

package/dist/src/components/LiveStateRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveStateRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIvD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,EAAE,sBAAsB,kDA0CxB"}
+{"version":3,"file":"LiveStateRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/LiveStateRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAKvD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,EAAE,sBAAsB,kDAqExB"}

package/dist/src/hooks/useClosable.d.ts

@@ -0,0 +1,39 @@
+export interface UseClosableOptions {
+    /** Notification context (e.g. 'awareness', 'charge') */
+    context: string;
+    /** Unique notification ID (campaignId). If absent, always visible — no close tracking. */
+    id: string | undefined;
+    /** Maximum number of times the user can close before it is hidden permanently */
+    maxCloseTimes?: number;
+    /** Milliseconds after which the close counter resets (optional) */
+    expiresIn?: number;
+}
+export interface UseClosableReturn {
+    /** Whether the notification should be shown. null = initial check in progress. */
+    isVisible: boolean | null;
+    /** Call this to record a close action */
+    close: () => void;
+}
+/**
+ * Manages the close state of a notification using localStorage.
+ *
+ * After the user closes a notification `maxCloseTimes` times, it is hidden
+ * permanently. Optionally, the counter resets after `expiresIn` milliseconds.
+ *
+ * Fails silently — errors in localStorage never break the application.
+ *
+ * @example
+ * ```tsx
+ * const { isVisible, close } = useClosable({
+ *   context: 'awareness',
+ *   id: 'awareness-2026-q1',
+ *   maxCloseTimes: 3,
+ *   expiresIn: 86_400_000, // 1 day
+ * });
+ *
+ * if (!isVisible) return null;
+ * return <Notification onClose={close} />;
+ * ```
+ */
+export declare function useClosable({ context, id, maxCloseTimes, expiresIn, }: UseClosableOptions): UseClosableReturn;
+//# sourceMappingURL=useClosable.d.ts.map

package/dist/src/hooks/useClosable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClosable.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClosable.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,0FAA0F;IAC1F,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,yCAAyC;IACzC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,EAAE,EACF,aAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,GAAG,iBAAiB,CA2DxC"}

package/dist/src/hooks/useTrackEvent.d.ts

@@ -0,0 +1,10 @@
+import { TrackingProperties } from '../types';
+/**
+ * useTrackEvent
+ *
+ * Returns a `track` function that fires both the internal analytics
+ * (Amplitude + Clarity) and the optional `onEvent` callback provided
+ * to LiveStateProvider — useful for simulators and debugging tools.
+ */
+export declare function useTrackEvent(): (eventName: string, properties?: TrackingProperties) => void;
+//# sourceMappingURL=useTrackEvent.d.ts.map

package/dist/src/hooks/useTrackEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTrackEvent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD;;;;;;GAMG;AACH,wBAAgB,aAAa,gBAIb,MAAM,eAAe,kBAAkB,UAQtD"}

package/dist/src/index.d.ts

@@ -1,6 +1,7 @@
 export type { LiveStateResponse, LiveStateFetcher, TrackingConfig, AnalyticsConfig, LiveStateProviderProps, LiveStateRendererProps, } from './types';
 export { LiveStateProvider } from './providers/LiveStateProvider';
 export { useLiveState } from './hooks/useLiveState';
+export { useTrackEvent } from './hooks/useTrackEvent';
 export { LiveStateRenderer } from './components/LiveStateRenderer';
 export { LiveStateAlert } from './components/LiveStateAlert';
 export { LiveStateInfo } from './components/LiveStateInfo';

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/providers/LiveStateProvider.d.ts

@@ -1,13 +1,15 @@
 import { default as React } from 'react';
-import { LiveStateFetcher, AnalyticsConfig } from '../types';
+import { LiveStateFetcher, AnalyticsConfig, TrackingProperties } from '../types';
 interface LiveStateContextValue {
     fetcher: LiveStateFetcher;
     analytics?: AnalyticsConfig;
+    onEvent?: (eventName: string, properties?: TrackingProperties) => void;
 }
 export interface LiveStateProviderProps {
     children: React.ReactNode;
     fetcher: LiveStateFetcher;
     analytics?: AnalyticsConfig;
+    onEvent?: (eventName: string, properties?: TrackingProperties) => void;
 }
 /**
  * LiveStateProvider
@@ -15,9 +17,12 @@ export interface LiveStateProviderProps {
  * Root-level provider that configures fetcher function and analytics.
  * Initializes Amplitude and Clarity on mount.
  *
+ * The optional `onEvent` callback is fired on every tracking event before
+ * sending to Amplitude/Clarity — useful for simulators and debugging tools.
+ *
  * See examples/ directory for usage examples.
  */
-export declare function LiveStateProvider({ children, fetcher, analytics, }: LiveStateProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function LiveStateProvider({ children, fetcher, analytics, onEvent, }: LiveStateProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * useLiveStateContext
  *

package/dist/src/providers/LiveStateProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveStateProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/LiveStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGlE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAID,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,2CAmBxB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,0BAQlC"}
+{"version":3,"file":"LiveStateProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/LiveStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAGlB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxE;AAID,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB,2CAkBxB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,0BAQlC"}

package/dist/src/types/index.d.ts

@@ -40,13 +40,17 @@ export interface LiveStateResponse {
     group?: string;
     /** Visual variant */
     variant?: 'blue' | 'white';
-    /** Closable configuration */
-    closable?: {
-        maxCloseTimes: number;
+    /** Whether the notification can be dismissed by the user */
+    closable?: boolean;
+    /**
+     * Additional metadata.
+     * When closable=true, may contain maxCloseTimes and expiresIn to control
+     * how many times the user can close before it disappears permanently.
+     */
+    metadata?: TrackingProperties & {
+        maxCloseTimes?: number;
         expiresIn?: number;
     };
-    /** Additional metadata for tracking */
-    metadata?: TrackingProperties;
 }
 /**
  * Fetcher function type
@@ -82,6 +86,15 @@ export interface LiveStateProviderProps {
     fetcher: LiveStateFetcher;
     /** Analytics configuration */
     analytics?: AnalyticsConfig;
+    /**
+     * Optional observability callback fired on every tracking event
+     * (view, click, close) before sending to Amplitude/Clarity.
+     * Useful for simulators, debugging tools, and custom analytics pipelines.
+     *
+     * @example
+     * <LiveStateProvider onEvent={(name, props) => console.log(name, props)} />
+     */
+    onEvent?: (eventName: string, properties?: TrackingProperties) => void;
 }
 /**
  * LiveStateRenderer props

package/dist/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IAEZ,wBAAwB;IACxB,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IAE3C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAEhB,4BAA4B;IAC5B,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEnC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IAEd,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,GAAG,EAAE,SAAS,CAAC;IAEf,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE3B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb,qCAAqC;IACrC,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,EAAE,gBAAgB,CAAC;IAE1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,cAAc,EAAE,cAAc,CAAC;IAE/B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IAEZ,wBAAwB;IACxB,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IAE3C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAEhB,4BAA4B;IAC5B,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEnC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IAEd,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,GAAG,EAAE,SAAS,CAAC;IAEf,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE3B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,GAAG;QAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb,qCAAqC;IACrC,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,EAAE,gBAAgB,CAAC;IAE1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxE;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,cAAc,EAAE,cAAc,CAAC;IAE/B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC"}

package/dist/src/utils/analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../src/utils/analytics.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAElE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAsBzE;AA2BD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAMN;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAeN;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAAC,GAChD,kBAAkB,CAMpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAGN;AAED;;;GAGG;AACH,KAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,KAAK,GACL,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,CAAC,EAAE;YACR,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YACnD,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;SAChB,CAAC;KACH;CACF"}
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../src/utils/analytics.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAQlE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAsBzE;AA2BD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAMN;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAeN;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAAC,GAChD,kBAAkB,CAMpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,kBAAkB,GAC9B,IAAI,CAGN;AAED;;;GAGG;AACH,KAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,KAAK,GACL,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,CAAC,EAAE;YACR,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YACnD,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;SAChB,CAAC;KACH;CACF"}

package/dist/src/utils/closable-storage.d.ts

@@ -0,0 +1,17 @@
+export interface ClosableState {
+    count: number;
+    closedAt: number;
+}
+export type ClosableStates = Record<string, Record<string, ClosableState>>;
+/**
+ * Reads closable states from localStorage.
+ * Normalises legacy format (plain number) to the current shape ({ count, closedAt }).
+ * Returns an empty object on any error (fail-silent).
+ */
+export declare function getClosableStates(): ClosableStates;
+/**
+ * Persists closable states to localStorage.
+ * Fails silently if localStorage is unavailable or full.
+ */
+export declare function setClosableStates(states: ClosableStates): void;
+//# sourceMappingURL=closable-storage.d.ts.map

package/dist/src/utils/closable-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"closable-storage.d.ts","sourceRoot":"","sources":["../../../src/utils/closable-storage.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAE3E;;;;GAIG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAsClD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAM9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiendanube/live-state",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.7",
   "description": "Generic React library for rendering live state notifications",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -33,8 +33,6 @@
     "verify:build": "./scripts/test-build.sh"
   },
   "peerDependencies": {
-    "@amplitude/analytics-browser": "^2.0.0",
-    "@microsoft/clarity": "^1.0.0",
     "@nimbus-ds/components": "^5.41.0",
     "@nimbus-ds/icons": "^1.14.0",
     "react": "^18.0.0 || ^19.0.0",
@@ -42,14 +40,15 @@
     "swr": "^2.0.0"
   },
   "peerDependenciesMeta": {
-    "@amplitude/analytics-browser": { "optional": true },
-    "@microsoft/clarity": { "optional": true },
-    "swr": { "optional": true }
+    "swr": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@amplitude/analytics-browser": "^2.11.1",
+    "@microsoft/clarity": "^1.0.0"
   },
-  "dependencies": {},
   "devDependencies": {
-    "@amplitude/analytics-browser": "^2.39.0",
-    "@microsoft/clarity": "^1.0.2",
     "@eslint/js": "^10.0.1",
     "@nimbus-ds/components": "5.41.0",
     "@nimbus-ds/icons": "1.14.0",
@@ -71,13 +70,13 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "globals": "^17.4.0",
-    "jsdom": "^29.0.2",
+    "jsdom": "26.1.0",
     "prettier": "^3.8.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "swr": "^2.4.1",
     "typescript": "^6.0.2",
     "vite": "^8.0.8",
-    "swr": "^2.4.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.4"
   },