@knocklabs/react-core 0.3.0-rc.0 → 0.3.0

package/dist/esm/modules/in-app-messages/hooks/useInAppMessages.mjs

@@ -1,41 +0,0 @@
-import { InAppMessagesClient as a } from "@knocklabs/client";
-import { useStore as m } from "@tanstack/react-store";
-import { useMemo as c, useEffect as g } from "react";
-import "../../core/context/KnockProvider.mjs";
-import f from "../../core/hooks/useStableOptions.mjs";
-import "date-fns";
-import { useInAppMessagesChannel as l } from "../context/KnockInAppMessagesChannelProvider.mjs";
-const M = (t, o = {}) => {
-  const {
-    inAppMessagesChannelClient: e
-  } = l(), n = f(o), s = c(() => new a(e, t, n), [e, t, n]), {
-    messages: r,
-    networkStatus: p,
-    loading: i
-  } = m(e.store, (u) => s.getQueryInfoSelector(u));
-  return g(() => (s.subscribe(), s.fetch(), () => {
-    s.unsubscribe();
-  }), []), {
-    messages: r,
-    networkStatus: p,
-    loading: i,
-    inAppMessagesClient: s
-  };
-}, O = (t, o = {}) => {
-  const {
-    messages: e,
-    ...n
-  } = M(t, {
-    ...o,
-    page_size: 1
-  });
-  return {
-    message: e[0],
-    ...n
-  };
-};
-export {
-  O as useInAppMessage,
-  M as useInAppMessages
-};
-//# sourceMappingURL=useInAppMessages.mjs.map

package/dist/esm/modules/in-app-messages/hooks/useInAppMessages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInAppMessages.mjs","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"sourcesContent":["import {\n  InAppMessage,\n  InAppMessagesClient,\n  InAppMessagesClientOptions,\n  NetworkStatus,\n} from \"@knocklabs/client\";\nimport { GenericData } from \"@knocklabs/types\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\nimport { useInAppMessagesChannel } from \"../context\";\n\nexport interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}\n\nexport interface UseInAppMessagesResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> {\n  messages: InAppMessage<TContent, TData>[];\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessages = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessagesOptions = {},\n): UseInAppMessagesResponse<TContent, TData> => {\n  const { inAppMessagesChannelClient } = useInAppMessagesChannel();\n\n  const stableOptions = useStableOptions(options);\n\n  const inAppMessagesClient = useMemo(() => {\n    return new InAppMessagesClient(\n      inAppMessagesChannelClient,\n      messageType,\n      stableOptions,\n    );\n  }, [inAppMessagesChannelClient, messageType, stableOptions]);\n\n  const { messages, networkStatus, loading } = useStore(\n    inAppMessagesChannelClient.store,\n    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),\n  );\n\n  useEffect(() => {\n    inAppMessagesClient.subscribe();\n    inAppMessagesClient.fetch();\n\n    return () => {\n      inAppMessagesClient.unsubscribe();\n    };\n    // Run only once at mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { messages, networkStatus, loading, inAppMessagesClient };\n};\n\nexport type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, \"page_size\">;\n\nexport interface UseInAppMessageResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> extends GenericData {\n  message?: InAppMessage<TContent, TData>;\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessage = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessageOptions = {},\n): UseInAppMessageResponse<TContent, TData> => {\n  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {\n    ...options,\n    page_size: 1,\n  });\n\n  return { message: messages[0], ...rest };\n};\n"],"names":["useInAppMessages","messageType","options","inAppMessagesChannelClient","useInAppMessagesChannel","stableOptions","useStableOptions","inAppMessagesClient","useMemo","InAppMessagesClient","messages","networkStatus","loading","useStore","store","state","getQueryInfoSelector","useEffect","subscribe","fetch","unsubscribe","useInAppMessage","rest","page_size","message"],"mappings":";;;;;;;AAyBO,MAAMA,IAAmB,CAI9BC,GACAC,IAAmC,OACW;AACxC,QAAA;AAAA,IAAEC,4BAAAA;AAAAA,MAA+BC,EAAwB,GAEzDC,IAAgBC,EAAiBJ,CAAO,GAExCK,IAAsBC,EAAQ,MAC3B,IAAIC,EACTN,GACAF,GACAI,CACF,GACC,CAACF,GAA4BF,GAAaI,CAAa,CAAC,GAErD;AAAA,IAAEK,UAAAA;AAAAA,IAAUC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,EAAAA,IAAYC,EAC3CV,EAA2BW,OAC1BC,OAAUR,EAAoBS,qBAAsCD,CAAK,CAC5E;AAEAE,SAAAA,EAAU,OACRV,EAAoBW,UAAU,GAC9BX,EAAoBY,MAAM,GAEnB,MAAM;AACXZ,IAAAA,EAAoBa,YAAY;AAAA,EAAA,IAIjC,CAAE,CAAA,GAEE;AAAA,IAAEV,UAAAA;AAAAA,IAAUC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASL,qBAAAA;AAAAA,EAAAA;AAC7C,GAcac,IAAkB,CAI7BpB,GACAC,IAAkC,OACW;AACvC,QAAA;AAAA,IAAEQ,UAAAA;AAAAA,IAAU,GAAGY;AAAAA,EAAAA,IAAStB,EAAkCC,GAAa;AAAA,IAC3E,GAAGC;AAAAA,IACHqB,WAAW;AAAA,EAAA,CACZ;AAEM,SAAA;AAAA,IAAEC,SAASd,EAAS,CAAC;AAAA,IAAG,GAAGY;AAAAA,EAAAA;AACpC;"}

package/dist/types/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.d.ts

@@ -1,16 +0,0 @@
-import { InAppMessagesChannelClient, InAppMessagesClientOptions } from '@knocklabs/client';
-import { ColorMode } from '../../core/constants';
-
-import * as React from "react";
-export interface KnockInAppMessagesChannelProviderState {
-    inAppMessagesChannelClient: InAppMessagesChannelClient;
-    colorMode: ColorMode;
-}
-export interface KnockInAppMessagesChannelProviderProps {
-    channelId: string;
-    defaultOptions?: InAppMessagesClientOptions;
-    colorMode?: ColorMode;
-}
-export declare const KnockInAppMessagesChannelProvider: React.FC<React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>>;
-export declare const useInAppMessagesChannel: () => KnockInAppMessagesChannelProviderState;
-//# sourceMappingURL=KnockInAppMessagesChannelProvider.d.ts.map

package/dist/types/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnockInAppMessagesChannelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,WAAW,sCAAsC;IACrD,0BAA0B,EAAE,0BAA0B,CAAC;IACvD,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sCAAsC;IAErD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAG5C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAMD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,CA2BhE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAC9B,sCASH,CAAC"}

package/dist/types/modules/in-app-messages/context/index.d.ts

@@ -1,2 +0,0 @@
-export * from './KnockInAppMessagesChannelProvider';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/in-app-messages/context/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/dist/types/modules/in-app-messages/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useInAppMessages';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/in-app-messages/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/types/modules/in-app-messages/hooks/useInAppMessages.d.ts

@@ -1,21 +0,0 @@
-import { InAppMessage, InAppMessagesClient, InAppMessagesClientOptions, NetworkStatus } from '@knocklabs/client';
-import { GenericData } from '@knocklabs/types';
-
-export interface UseInAppMessagesOptions extends InAppMessagesClientOptions {
-}
-export interface UseInAppMessagesResponse<TContent extends GenericData, TData extends GenericData> {
-    messages: InAppMessage<TContent, TData>[];
-    networkStatus: NetworkStatus;
-    loading: boolean;
-    inAppMessagesClient: InAppMessagesClient;
-}
-export declare const useInAppMessages: <TContent extends GenericData = GenericData, TData extends GenericData = GenericData>(messageType: string, options?: UseInAppMessagesOptions) => UseInAppMessagesResponse<TContent, TData>;
-export type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, "page_size">;
-export interface UseInAppMessageResponse<TContent extends GenericData, TData extends GenericData> extends GenericData {
-    message?: InAppMessage<TContent, TData>;
-    networkStatus: NetworkStatus;
-    loading: boolean;
-    inAppMessagesClient: InAppMessagesClient;
-}
-export declare const useInAppMessage: <TContent extends GenericData = GenericData, TData extends GenericData = GenericData>(messageType: string, options?: UseInAppMessageOptions) => UseInAppMessageResponse<TContent, TData>;
-//# sourceMappingURL=useInAppMessages.d.ts.map

package/dist/types/modules/in-app-messages/hooks/useInAppMessages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInAppMessages.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,0BAA0B,EAC1B,aAAa,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,MAAM,WAAW,uBAAwB,SAAQ,0BAA0B;CAAG;AAE9E,MAAM,WAAW,wBAAwB,CACvC,QAAQ,SAAS,WAAW,EAC5B,KAAK,SAAS,WAAW;IAEzB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,WAAW,gBAC5B,KAAK,SAAS,WAAW,6BAEZ,MAAM,YACV,uBAAuB,KAC/B,wBAAwB,CAAC,QAAQ,EAAE,KAAK,CA8B1C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,WAAW,uBAAuB,CACtC,QAAQ,SAAS,WAAW,EAC5B,KAAK,SAAS,WAAW,CACzB,SAAQ,WAAW;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,GAC1B,QAAQ,SAAS,WAAW,gBAC5B,KAAK,SAAS,WAAW,6BAEZ,MAAM,YACV,sBAAsB,KAC9B,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAOzC,CAAC"}

package/dist/types/modules/in-app-messages/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/in-app-messages/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx

@@ -1,68 +0,0 @@
-import Knock, {
-  InAppMessagesChannelClient,
-  InAppMessagesClientOptions,
-} from "@knocklabs/client";
-import * as React from "react";
-
-import { useKnockClient, useStableOptions } from "../../core";
-import { ColorMode } from "../../core/constants";
-
-export interface KnockInAppMessagesChannelProviderState {
-  inAppMessagesChannelClient: InAppMessagesChannelClient;
-  colorMode: ColorMode;
-}
-
-export interface KnockInAppMessagesChannelProviderProps {
-  // In-App Message props
-  channelId: string;
-  defaultOptions?: InAppMessagesClientOptions;
-
-  // Extra options
-  colorMode?: ColorMode;
-}
-
-const KnockInAppMessagesContext = React.createContext<
-  KnockInAppMessagesChannelProviderState | undefined
->(undefined);
-
-export const KnockInAppMessagesChannelProvider: React.FC<
-  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>
-> = ({ children, channelId, colorMode = "light", defaultOptions }) => {
-  let knock: Knock;
-  try {
-    knock = useKnockClient();
-  } catch (error) {
-    throw new Error(
-      "KnockInAppMessagesChannelProvider must be used within a KnockProvider.",
-    );
-  }
-
-  const stableOptions = useStableOptions(defaultOptions);
-
-  const inAppMessagesChannelClient = React.useMemo(() => {
-    return new InAppMessagesChannelClient(knock, channelId, stableOptions);
-  }, [knock, channelId, stableOptions]);
-
-  return (
-    <KnockInAppMessagesContext.Provider
-      value={{
-        inAppMessagesChannelClient,
-        colorMode,
-      }}
-    >
-      {children}
-    </KnockInAppMessagesContext.Provider>
-  );
-};
-
-export const useInAppMessagesChannel =
-  (): KnockInAppMessagesChannelProviderState => {
-    const context = React.useContext(KnockInAppMessagesContext);
-    if (!context) {
-      throw new Error(
-        "useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider",
-      );
-    }
-
-    return context;
-  };

package/src/modules/in-app-messages/context/index.ts

@@ -1 +0,0 @@
-export * from "./KnockInAppMessagesChannelProvider";

package/src/modules/in-app-messages/hooks/index.ts

@@ -1 +0,0 @@
-export * from "./useInAppMessages";

package/src/modules/in-app-messages/hooks/useInAppMessages.ts

@@ -1,89 +0,0 @@
-import {
-  InAppMessage,
-  InAppMessagesClient,
-  InAppMessagesClientOptions,
-  NetworkStatus,
-} from "@knocklabs/client";
-import { GenericData } from "@knocklabs/types";
-import { useStore } from "@tanstack/react-store";
-import { useEffect, useMemo } from "react";
-
-import { useStableOptions } from "../../core";
-import { useInAppMessagesChannel } from "../context";
-
-export interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}
-
-export interface UseInAppMessagesResponse<
-  TContent extends GenericData,
-  TData extends GenericData,
-> {
-  messages: InAppMessage<TContent, TData>[];
-  networkStatus: NetworkStatus;
-  loading: boolean;
-  inAppMessagesClient: InAppMessagesClient;
-}
-
-export const useInAppMessages = <
-  TContent extends GenericData = GenericData,
-  TData extends GenericData = GenericData,
->(
-  messageType: string,
-  options: UseInAppMessagesOptions = {},
-): UseInAppMessagesResponse<TContent, TData> => {
-  const { inAppMessagesChannelClient } = useInAppMessagesChannel();
-
-  const stableOptions = useStableOptions(options);
-
-  const inAppMessagesClient = useMemo(() => {
-    return new InAppMessagesClient(
-      inAppMessagesChannelClient,
-      messageType,
-      stableOptions,
-    );
-  }, [inAppMessagesChannelClient, messageType, stableOptions]);
-
-  const { messages, networkStatus, loading } = useStore(
-    inAppMessagesChannelClient.store,
-    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),
-  );
-
-  useEffect(() => {
-    inAppMessagesClient.subscribe();
-    inAppMessagesClient.fetch();
-
-    return () => {
-      inAppMessagesClient.unsubscribe();
-    };
-    // Run only once at mount.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return { messages, networkStatus, loading, inAppMessagesClient };
-};
-
-export type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, "page_size">;
-
-export interface UseInAppMessageResponse<
-  TContent extends GenericData,
-  TData extends GenericData,
-> extends GenericData {
-  message?: InAppMessage<TContent, TData>;
-  networkStatus: NetworkStatus;
-  loading: boolean;
-  inAppMessagesClient: InAppMessagesClient;
-}
-
-export const useInAppMessage = <
-  TContent extends GenericData = GenericData,
-  TData extends GenericData = GenericData,
->(
-  messageType: string,
-  options: UseInAppMessageOptions = {},
-): UseInAppMessageResponse<TContent, TData> => {
-  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {
-    ...options,
-    page_size: 1,
-  });
-
-  return { message: messages[0], ...rest };
-};

package/src/modules/in-app-messages/index.ts

@@ -1,3 +0,0 @@
-export * from "./context";
-export * from "./hooks";
-// TODO: Double check exports are exporting only necessary values