@xylabs/sdk-react 2.9.13 → 2.9.17

package/src/components/Pixel/hooks/index.ts

@@ -0,0 +1,23 @@
+import { XyPixel } from '@xylabs/pixel'
+import { useEffect, useState } from 'react'
+
+export const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {
+  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()
+  useEffect(() => {
+    if (!pixelSend && XyPixel.instance.send) {
+      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)
+      setPixelSend(oldHandler)
+    } else {
+      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>) => {
+        altHandler(event, fields)
+        return await pixelSend?.(event, fields)
+      }
+    }
+    return () => {
+      //restore send on unmount
+      if (pixelSend) {
+        XyPixel.instance.send = pixelSend
+      }
+    }
+  }, [pixelSend, altHandler])
+}

package/src/components/Pixel/index.ts

@@ -0,0 +1,3 @@
+export * from './PixelDebugger'
+export * from './PixelDebuggerProvider'
+export * from './PixelDebuggerToggle'

package/src/components/Pixel/models/index.ts

@@ -0,0 +1,4 @@
+export interface PixelEvent {
+  event: string
+  fields?: unknown
+}

package/src/components/{Portal.tsx → Portal/Portal.tsx}

@@ -1,12 +1,7 @@
 import { useEffect, useState } from 'react'
 import { createPortal } from 'react-dom'
 
-interface PortalProps {
-  children: React.ReactNode
-  className?: string
-  el?: string
-  target?: string
-}
+import { PortalProps } from './PortalProps'
 
 export const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: PortalProps) => {
   const [container] = useState(document.createElement(el))
@@ -25,4 +20,4 @@ export const Portal: React.FC<PortalProps> = ({ children, className, el = 'div',
   }, [container, target])
 
   return createPortal(children, container)
-}
+}

package/src/components/Portal/PortalProps.ts

@@ -0,0 +1,6 @@
+export interface PortalProps {
+  children: React.ReactNode
+  className?: string
+  el?: string
+  target?: string
+}

package/src/components/Portal/index.ts

@@ -0,0 +1,2 @@
+export * from './Portal'
+export * from './PortalProps'

package/src/components/index.ts

@@ -17,8 +17,9 @@ export * from './FlexBox'
 export * from './InvertableThemeProvider'
 export * from './LinkEx'
 export * from './NumberStatus'
-export * from './QuickTipButton'
+export * from './Pixel'
 export * from './Portal'
+export * from './QuickTipButton'
 export * from './RichResult'
 export * from './ScrollToTop'
 export * from './TokenAmount'

package/src/contexts/UserEvents/Context.ts

@@ -4,6 +4,18 @@ import { createContext } from 'react'
 interface Props {
   userEvents?: UserEventHandler<unknown>
 }
-
 const UserEventsContext = createContext<Props>({})
-export { UserEventsContext }
+
+interface DebuggingProps {
+  isDebugging: boolean
+  setIsDebugging: (value: boolean) => void
+}
+
+const DebugUserEventsContext = createContext<DebuggingProps>({
+  isDebugging: false,
+  setIsDebugging: (value) => {
+    console.warn('set is debugging is not set', value)
+  },
+})
+
+export { DebugUserEventsContext, UserEventsContext }

package/src/contexts/UserEvents/index.ts

@@ -1,3 +1,2 @@
-import { UserEventsContext } from './Context'
+export * from './Context'
 export * from './Loader'
-export { UserEventsContext }

package/src/hooks/useLocalStorage.ts

@@ -14,10 +14,8 @@ export const useLocalStorage = <T>(key: string, defaultValue: T): [T, (value: T)
   })
 
   const setValue = (value: T) => {
-    console.log('setValue', value)
     setStoredValue(value)
     setLocalStorageObject(key, value)
-    console.log('getValue from ls', getLocalStorageObject(key))
   }
 
   return [storedValue, setValue]

package/dist/cjs5/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/components/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASxC,sBAAsB;AACtB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAe,EAAE,EAAE;IAC1G,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IACxD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;KACnC;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACpD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,kCAAkC,MAAM,EAAE,CAAC,CAAA;SACzD;QACD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACrC,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC,CAAA"}

package/dist/esm2015/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm2017/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm5/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/node/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/node-esm/components/Portal.d.ts

@@ -1 +0,0 @@
-export {};