@vritti/quantum-ui 0.2.10 → 0.3.0

package/dist/useIsMobile.js

@@ -0,0 +1,19 @@
+import { useState, useEffect } from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState(void 0);
+  useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export { useIsMobile as u };
+//# sourceMappingURL=useIsMobile.js.map

package/dist/useIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.js","sources":["../lib/hooks/useIsMobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\n// Returns true when viewport width is below the mobile breakpoint (768px)\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,iBAAA,GAAoB,GAAA;AAGnB,SAAS,WAAA,GAAc;AAC5B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA8B,MAAS,CAAA;AAEvE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAK,CAAA;AACvE,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AAAA,IACnD,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AACjD,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,CAAC,CAAC,QAAA;AACX;;;;"}

package/dist/{useSSE.js → useTimer.js}

@@ -1,5 +1,24 @@
+import { useParams } from 'react-router-dom';
+import { parseSlug } from './utils/slug.js';
 import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { g as getConfig } from './index2.js';
+import { g as getConfig } from './axios.js';
+
+function parseParam(value) {
+  const v = value ?? "";
+  const parsed = parseSlug(v);
+  return { slug: v, name: parsed?.slug ?? "", id: parsed?.id ?? v };
+}
+function useSlugParams(...params) {
+  const routeParams = useParams();
+  if (params.length === 1) {
+    return parseParam(routeParams[params[0]]);
+  }
+  const result = {};
+  for (const param of params) {
+    result[param] = parseParam(routeParams[param]);
+  }
+  return result;
+}
 
 function useSSE(options) {
   const { path, events: eventNames = [], enabled = true, withCredentials = true } = options;
@@ -78,5 +97,16 @@ function useSSE(options) {
   return { eventType, data, eventTypes, isConnected, error, disconnect };
 }
 
-export { useSSE as u };
-//# sourceMappingURL=useSSE.js.map
+function useTimer(initial = 0) {
+  const [timer, setTimer] = useState(initial);
+  useEffect(() => {
+    if (timer > 0) {
+      const t = setTimeout(() => setTimer(timer - 1), 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [timer]);
+  return { timer, startTimer: (seconds = 45) => setTimer(seconds) };
+}
+
+export { useSlugParams as a, useTimer as b, useSSE as u };
+//# sourceMappingURL=useTimer.js.map

package/dist/useTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","sources":["../lib/hooks/useSlugParams.ts","../lib/hooks/useSSE.ts","../lib/hooks/useTimer.ts"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { parseSlug } from '../utils/slug';\n\nexport interface SlugParam {\n  slug: string;\n  name: string;\n  id: string;\n}\n\ntype SlugParamMap<T extends string[]> = { [K in T[number]]: SlugParam };\n\nfunction parseParam(value: string | undefined): SlugParam {\n  const v = value ?? '';\n  const parsed = parseSlug(v);\n  return { slug: v, name: parsed?.slug ?? '', id: parsed?.id ?? v };\n}\n\n// Single param — returns SlugParam directly for clean destructuring\nexport function useSlugParams<T extends string>(param: T): SlugParam;\n// Multiple params — returns { paramA: SlugParam; paramB: SlugParam }\nexport function useSlugParams<T extends string[]>(...params: T): SlugParamMap<T>;\nexport function useSlugParams(...params: string[]): SlugParam | SlugParamMap<string[]> {\n  const routeParams = useParams();\n\n  if (params.length === 1) {\n    return parseParam(routeParams[params[0]]);\n  }\n\n  const result: Record<string, SlugParam> = {};\n  for (const param of params) {\n    result[param] = parseParam(routeParams[param]);\n  }\n  return result;\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { getConfig } from '../config';\n\n/**\n * Options for the useSSE hook\n *\n * @typeParam EventMap - Maps SSE event names to their parsed JSON data types\n */\nexport interface UseSSEOptions<EventMap extends Record<string, unknown> = Record<string, unknown>> {\n  /** API path resolved against quantum-ui baseURL (e.g. '/cloud-api/events/whatsapp') */\n  path: string;\n  /** SSE event names to listen for via addEventListener */\n  events: (keyof EventMap & string)[];\n  /** Whether to connect. Set false to disconnect and reset state. @default true */\n  enabled?: boolean;\n  /** Whether to auto-reconnect when the server closes the connection. @default true */\n  autoReconnect?: boolean;\n  /** Whether to send cookies with the request. @default true */\n  withCredentials?: boolean;\n  /** Called when the EventSource connection encounters an error */\n  onError?: (event: Event) => void;\n  /** Called when the EventSource connection opens */\n  onOpen?: () => void;\n}\n\n/**\n * Return type for the useSSE hook\n *\n * @typeParam EventMap - Maps SSE event names to their parsed JSON data types\n */\nexport interface UseSSEReturn<EventMap extends Record<string, unknown>> {\n  /** The SSE event name of the last received event */\n  eventType: keyof EventMap | null;\n  /** The parsed JSON data of the last received event */\n  data: EventMap[keyof EventMap] | null;\n  /** UPPER_CASE enum of event names for comparison (e.g. eventTypes.VERIFIED === 'verified') */\n  eventTypes: { [K in keyof EventMap as Uppercase<K & string>]: K };\n  /** Whether the EventSource connection is currently open */\n  isConnected: boolean;\n  /** Human-readable error message if the connection failed */\n  error: string | null;\n  /** Manually close the connection */\n  disconnect: () => void;\n}\n\n/**\n * Generic Server-Sent Events hook that returns the last event as `eventType` + `data`.\n *\n * Registers a `addEventListener` for each name in `events`, parses `event.data`\n * as JSON, and stores the latest event type and data in state.\n *\n * @typeParam EventMap - Maps SSE event names to their data shapes\n *\n * @example\n * ```tsx\n * type VerificationEvents = {\n *   initiated: { verificationCode: string; instructions: string };\n *   verified: { phone: string };\n *   error: { message: string };\n *   expired: { message: string };\n * };\n *\n * const { eventType, data, eventTypes, disconnect } = useSSE<VerificationEvents>({\n *   path: '/cloud-api/onboarding/mobile-verification/events/whatsapp',\n *   events: ['initiated', 'verified', 'error', 'expired'],\n * });\n *\n * if (!eventType) return <Spinner />;\n * if (eventType === eventTypes.VERIFIED) handleSuccess((data as VerificationEvents['verified']).phone);\n * if (eventType === eventTypes.INITIATED) return <QRCode value={(data as VerificationEvents['initiated']).verificationCode} />;\n * ```\n */\nexport function useSSE<EventMap extends Record<string, unknown> = Record<string, unknown>>(\n  options: UseSSEOptions<EventMap>,\n): UseSSEReturn<EventMap> {\n  const { path, events: eventNames = [], enabled = true, withCredentials = true } = options;\n\n  const eventSourceRef = useRef<EventSource | null>(null);\n  const [eventType, setEventType] = useState<keyof EventMap | null>(null);\n  const [data, setData] = useState<EventMap[keyof EventMap] | null>(null);\n  const [isConnected, setIsConnected] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Store options in a ref for stable access inside event handlers\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  // Stable serialized key for the events array\n  const eventsKey = eventNames.join(',');\n\n  const disconnect = useCallback(() => {\n    if (eventSourceRef.current) {\n      eventSourceRef.current.close();\n      eventSourceRef.current = null;\n      setIsConnected(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!enabled) {\n      disconnect();\n      setEventType(null);\n      setData(null);\n      return;\n    }\n\n    // Build full URL from quantum-ui config\n    const config = getConfig();\n    const sseUrl = `${config.axios.baseURL}${path}`;\n\n    const eventSource = new EventSource(sseUrl, { withCredentials });\n    eventSourceRef.current = eventSource;\n\n    eventSource.onopen = () => {\n      setIsConnected(true);\n      setError(null);\n      optionsRef.current.onOpen?.();\n    };\n\n    eventSource.onerror = (event) => {\n      setIsConnected(false);\n\n      // When autoReconnect is false, close on any error to prevent browser reconnect\n      if (!optionsRef.current.autoReconnect && optionsRef.current.autoReconnect !== undefined) {\n        eventSource.close();\n        eventSourceRef.current = null;\n        return;\n      }\n\n      if (eventSource.readyState === EventSource.CLOSED) {\n        setError('Connection lost.');\n        optionsRef.current.onError?.(event);\n      }\n    };\n\n    // Register one addEventListener per event name\n    const handlers: { name: string; handler: EventListener }[] = [];\n    const names = eventsKey.split(',').filter(Boolean);\n\n    for (const name of names) {\n      const handler = (event: Event) => {\n        try {\n          const parsed = JSON.parse((event as MessageEvent).data as string);\n          setEventType(name as keyof EventMap);\n          setData(parsed);\n        } catch (e) {\n          console.error(`Failed to parse SSE event '${name}':`, e);\n        }\n      };\n\n      eventSource.addEventListener(name, handler);\n      handlers.push({ name, handler });\n    }\n\n    return () => {\n      for (const { name, handler } of handlers) {\n        eventSource.removeEventListener(name, handler);\n      }\n      disconnect();\n    };\n  }, [enabled, path, eventsKey, withCredentials, disconnect]);\n\n  // Build UPPER_CASE enum from event names: { INITIATED: 'initiated', VERIFIED: 'verified', ... }\n  type EventTypesMap = { [K in keyof EventMap as Uppercase<K & string>]: K };\n  const eventTypes = useMemo(() => {\n    const map = {} as EventTypesMap;\n    for (const name of eventsKey.split(',').filter(Boolean)) {\n      (map as Record<string, string>)[name.toUpperCase()] = name;\n    }\n    return map;\n  }, [eventsKey]);\n\n  return { eventType, data, eventTypes, isConnected, error, disconnect };\n}\n","import { useEffect, useState } from 'react';\n\nexport interface TimerHandle {\n  timer: number;\n  startTimer: (seconds?: number) => void;\n}\n\n// Generic countdown timer — decrements every second until 0\nexport function useTimer(initial = 0): TimerHandle {\n  const [timer, setTimer] = useState(initial);\n\n  useEffect(() => {\n    if (timer > 0) {\n      const t = setTimeout(() => setTimer(timer - 1), 1000);\n      return () => clearTimeout(t);\n    }\n  }, [timer]);\n\n  return { timer, startTimer: (seconds = 45) => setTimer(seconds) };\n}\n"],"names":[],"mappings":"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"}