@knocklabs/react-core 0.1.0 → 0.1.1

package/dist/types/modules/core/hooks/useAuthenticatedKnockClient.d.ts

@@ -0,0 +1,4 @@
+import Knock, { KnockOptions } from "@knocklabs/client";
+declare function useAuthenticatedKnockClient(apiKey: string, userId: string, userToken: string | undefined, options?: KnockOptions): Knock;
+export default useAuthenticatedKnockClient;
+//# sourceMappingURL=useAuthenticatedKnockClient.d.ts.map

package/dist/types/modules/core/hooks/useAuthenticatedKnockClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthenticatedKnockClient.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAExD,iBAAS,2BAA2B,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,OAAO,GAAE,YAAiB,SAa3B;AAED,eAAe,2BAA2B,CAAC"}

package/{src/modules/core/index.ts → dist/types/modules/core/index.d.ts}

@@ -2,3 +2,4 @@ export * from "./context";
 export * from "./hooks";
 export * from "./constants";
 export * from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/core/index.d.ts.map

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

package/dist/types/modules/core/utils.d.ts

@@ -0,0 +1,13 @@
+import { FeedClientOptions } from "@knocklabs/client";
+import { Locale } from "date-fns";
+import { ReactNode } from "react";
+export declare function formatBadgeCount(count: number): string | number;
+type FormatTimestampOptions = {
+    locale?: Locale;
+};
+export declare function formatTimestamp(ts: string, options?: FormatTimestampOptions): string;
+export declare function toSentenceCase(string: string): string;
+export declare function renderNodeOrFallback(node: ReactNode, fallback: ReactNode): ReactNode;
+export declare function feedProviderKey(userFeedId: string, options?: FeedClientOptions): string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/modules/core/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/core/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAA4B,MAAM,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE/D;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,sBAA2B,UAarC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,aAExE;AAMD,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,iBAAsB,UAWhC"}

package/dist/types/modules/feed/context/KnockFeedProvider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import Knock, { Feed, FeedClientOptions, FeedStoreState } from "@knocklabs/client";
+import { UseStore } from "zustand";
+import { ColorMode } from "../../core/constants";
+export interface KnockFeedProviderState {
+    knock: Knock;
+    feedClient: Feed;
+    useFeedStore: UseStore<FeedStoreState>;
+    colorMode: ColorMode;
+}
+export interface KnockFeedProviderProps {
+    feedId: string;
+    children?: React.ReactElement;
+    colorMode?: ColorMode;
+    defaultFeedOptions?: FeedClientOptions;
+}
+export declare const KnockFeedProvider: React.FC<KnockFeedProviderProps>;
+export declare const useKnockFeed: () => KnockFeedProviderState;
+//# sourceMappingURL=KnockFeedProvider.d.ts.map

package/dist/types/modules/feed/context/KnockFeedProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockFeedProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,EACZ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAe,EAAY,QAAQ,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAMD,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwB9D,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAM/B,CAAC"}

package/dist/types/modules/feed/context/index.d.ts

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

package/dist/types/modules/feed/context/index.d.ts.map

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

package/{src/modules/feed/hooks/index.ts → dist/types/modules/feed/hooks/index.d.ts}

@@ -1,2 +1,3 @@
 export { default as useNotifications } from "./useNotifications";
 export { default as useFeedSettings } from "./useFeedSettings";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/modules/feed/hooks/useFeedSettings.d.ts

@@ -0,0 +1,12 @@
+import { Feed } from "@knocklabs/client";
+export type FeedSettings = {
+    features: {
+        branding_required: boolean;
+    };
+};
+declare function useFeedSettings(feedClient: Feed): {
+    settings: FeedSettings | null;
+    loading: boolean;
+};
+export default useFeedSettings;
+//# sourceMappingURL=useFeedSettings.d.ts.map

package/dist/types/modules/feed/hooks/useFeedSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeedSettings.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useFeedSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE;QACR,iBAAiB,EAAE,OAAO,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,iBAAS,eAAe,CAAC,UAAU,EAAE,IAAI,GAAG;IAC1C,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB,CA6BA;AAED,eAAe,eAAe,CAAC"}

package/dist/types/modules/feed/hooks/useNotifications.d.ts

@@ -0,0 +1,4 @@
+import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
+declare function useNotifications(knock: Knock, feedId: string, options?: FeedClientOptions): Feed;
+export default useNotifications;
+//# sourceMappingURL=useNotifications.d.ts.map

package/dist/types/modules/feed/hooks/useNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,iBAAsB,QAqBhC;AAED,eAAe,gBAAgB,CAAC"}

package/{src/modules/feed/index.ts → dist/types/modules/feed/index.d.ts}

@@ -1,2 +1,3 @@
 export * from "./context";
 export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/index.d.ts.map

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

package/dist/types/modules/i18n/context/KnockI18nProvider.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { I18nContent } from "../languages";
+export declare const I18nContext: React.Context<I18nContent>;
+interface KnockI18nProviderProps {
+    i18n?: I18nContent;
+    children: JSX.Element | undefined;
+}
+export declare function KnockI18nProvider({ i18n, ...props }: KnockI18nProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KnockI18nProvider.d.ts.map

package/dist/types/modules/i18n/context/KnockI18nProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockI18nProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/context/KnockI18nProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,WAAW,4BAA+C,CAAC;AAExE,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAExB"}

package/{src/modules/i18n/context/index.ts → dist/types/modules/i18n/context/index.d.ts}

@@ -1 +1,2 @@
 export * from "./KnockI18nProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/context/index.d.ts.map

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

package/{src/modules/i18n/hooks/index.ts → dist/types/modules/i18n/hooks/index.d.ts}

@@ -1 +1,2 @@
 export * from "./useTranslations";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/hooks/index.d.ts.map

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

package/dist/types/modules/i18n/hooks/useTranslations.d.ts

@@ -0,0 +1,7 @@
+import { Locale as DateFnLocale } from "date-fns";
+export declare function useTranslations(): {
+    locale: string;
+    t: (key: keyof import("../languages").Translations) => string | undefined;
+    dateFnsLocale: () => DateFnLocale;
+};
+//# sourceMappingURL=useTranslations.d.ts.map

package/dist/types/modules/i18n/hooks/useTranslations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslations.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/hooks/useTranslations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAKlD,wBAAgB,eAAe;;;yBASR,YAAY;EAMlC"}

package/{src/modules/i18n/index.ts → dist/types/modules/i18n/index.d.ts}

@@ -1,3 +1,4 @@
 export * from "./context";
 export * from "./hooks";
 export * from "./languages";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/index.d.ts.map

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

package/dist/types/modules/i18n/languages/de.d.ts

@@ -0,0 +1,4 @@
+import { I18nContent } from ".";
+declare const de: I18nContent;
+export default de;
+//# sourceMappingURL=de.d.ts.map

package/dist/types/modules/i18n/languages/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAcT,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/types/modules/i18n/languages/en.d.ts

@@ -0,0 +1,4 @@
+import { I18nContent } from ".";
+declare const en: I18nContent;
+export default en;
+//# sourceMappingURL=en.d.ts.map

package/dist/types/modules/i18n/languages/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAaT,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/types/modules/i18n/languages/index.d.ts

@@ -0,0 +1,21 @@
+export interface Translations {
+    readonly emptyFeedTitle: string;
+    readonly emptyFeedBody: string;
+    readonly notifications: string;
+    readonly poweredBy: string;
+    readonly markAllAsRead: string;
+    readonly archiveNotification: string;
+    readonly all: string;
+    readonly unread: string;
+    readonly read: string;
+    readonly unseen: string;
+}
+export interface I18nContent {
+    readonly translations: Partial<Translations>;
+    readonly locale: string;
+}
+export declare const locales: {
+    en: I18nContent;
+    de: I18nContent;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/languages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/index.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO;;;CAAa,CAAC"}

package/package.json

@@ -2,9 +2,58 @@
   "name": "@knocklabs/react-core",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
-  "dependencies": {}
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "clean": "rimraf dist",
+    "dev": "tsc && vite build --watch",
+    "build": "yarn clean && yarn build:esm && yarn build:cjs",
+    "build:esm": "export BUILD_TARGET=esm; tsc && vite build",
+    "build:cjs": "export BUILD_TARGET=cjs; tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/knocklabs/javascript.git"
+  },
+  "bugs": {
+    "url": "https://github.com/knocklabs/javascript/issues"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "dependencies": {
+    "@knocklabs/client": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.37",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-execute": "^1.1.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.3",
+    "vite-plugin-no-bundle": "^3.0.0"
+  }
 }

package/.eslintrc.js

@@ -1,9 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  root: true,
-  extends: ["@knocklabs/eslint-config/react-internal.js"],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    project: true,
-  },
-};

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# Changelog
-
-## 0.1.0
-
-### Patch Changes
-
-- bcdbc86: Initialize monorepo

package/src/modules/core/constants.ts

@@ -1,8 +0,0 @@
-export enum FilterStatus {
-  All = "all",
-  Read = "read",
-  Unseen = "unseen",
-  Unread = "unread",
-}
-
-export type ColorMode = "light" | "dark";

package/src/modules/core/context/KnockProvider.tsx

@@ -1,59 +0,0 @@
-import * as React from "react";
-import Knock from "@knocklabs/client";
-
-import { useAuthenticatedKnockClient } from "../hooks";
-import { KnockI18nProvider, I18nContent } from "../../i18n";
-
-export interface KnockProviderState {
-  knock: Knock;
-}
-
-const ProviderStateContext = React.createContext<KnockProviderState | null>(
-  null,
-);
-
-export interface KnockProviderProps {
-  // Knock client props
-  apiKey: string;
-  host?: string;
-  // Authentication props
-  userId: string;
-  userToken?: string;
-
-  // Extra options
-  children?: React.ReactElement;
-
-  // i18n translations
-  i18n?: I18nContent;
-}
-
-export const KnockProvider: React.FC<KnockProviderProps> = ({
-  apiKey,
-  host,
-  userId,
-  userToken,
-  children,
-  i18n,
-}) => {
-  const knock = useAuthenticatedKnockClient(apiKey, userId, userToken, {
-    host,
-  });
-
-  return (
-    <ProviderStateContext.Provider
-      value={{
-        knock,
-      }}
-    >
-      <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>
-    </ProviderStateContext.Provider>
-  );
-};
-
-export const useKnockClient = (): Knock => {
-  const context = React.useContext(ProviderStateContext) as KnockProviderState;
-  if (context === undefined) {
-    throw new Error("useKnock must be used within a KnockProvider");
-  }
-  return context.knock;
-};

package/src/modules/core/context/index.ts

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

package/src/modules/core/hooks/useAuthenticatedKnockClient.ts

@@ -1,23 +0,0 @@
-import React, { useMemo } from "react";
-import Knock, { KnockOptions } from "@knocklabs/client";
-
-function useAuthenticatedKnockClient(
-  apiKey: string,
-  userId: string,
-  userToken: string | undefined,
-  options: KnockOptions = {},
-) {
-  const knockRef = React.useRef<Knock | null>();
-
-  return useMemo(() => {
-    if (knockRef.current) knockRef.current.teardown();
-
-    const knock = new Knock(apiKey, options);
-    knock.authenticate(userId, userToken);
-    knockRef.current = knock;
-
-    return knock;
-  }, [apiKey, userId, userToken]);
-}
-
-export default useAuthenticatedKnockClient;

package/src/modules/core/utils.ts

@@ -1,55 +0,0 @@
-import { FeedClientOptions } from "@knocklabs/client";
-import { parseISO, formatDistance, Locale } from "date-fns";
-import { ReactNode } from "react";
-
-export function formatBadgeCount(count: number): string | number {
-  return count > 9 ? "9+" : count;
-}
-
-type FormatTimestampOptions = {
-  locale?: Locale;
-};
-
-export function formatTimestamp(
-  ts: string,
-  options: FormatTimestampOptions = {},
-) {
-  try {
-    const parsedTs = parseISO(ts);
-    const formatted = formatDistance(parsedTs, new Date(), {
-      addSuffix: true,
-      locale: options.locale,
-    });
-
-    return formatted;
-  } catch (e) {
-    return ts;
-  }
-}
-
-export function toSentenceCase(string: string): string {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-export function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {
-  return node !== undefined ? node : fallback;
-}
-
-/*
-  Used to build a consistent key for the KnockFeedProvider so that React knows when
-  to trigger a re-render of the context when a key property changes.
-*/
-export function feedProviderKey(
-  userFeedId: string,
-  options: FeedClientOptions = {},
-) {
-  return [
-    userFeedId,
-    options.source,
-    options.tenant,
-    options.has_tenant,
-    options.archived,
-  ]
-    .filter((f) => f !== null && f !== undefined)
-    .join("-");
-}

package/src/modules/feed/context/KnockFeedContainer.tsx

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from "react";
-import "./styles.css";
-
-export const KnockFeedContainer: React.FC<PropsWithChildren> = ({
-  children,
-}) => {
-  return <div className="rnf-feed-provider">{children}</div>;
-};

package/src/modules/feed/context/KnockFeedProvider.tsx

@@ -1,78 +0,0 @@
-import * as React from "react";
-import Knock, {
-  Feed,
-  FeedClientOptions,
-  FeedStoreState,
-} from "@knocklabs/client";
-import create, { StoreApi, UseStore } from "zustand";
-
-import { ColorMode } from "../../core/constants";
-import useNotifications from "../hooks/useNotifications";
-import { feedProviderKey } from "../../core/utils";
-import { KnockFeedContainer } from "./KnockFeedContainer";
-import { useKnockClient } from "../../core";
-
-export interface KnockFeedProviderState {
-  knock: Knock;
-  feedClient: Feed;
-  useFeedStore: UseStore<FeedStoreState>;
-  colorMode: ColorMode;
-}
-
-const FeedStateContext = React.createContext<KnockFeedProviderState | null>(
-  null,
-);
-
-export interface KnockFeedProviderProps {
-  // Feed props
-  feedId: string;
-
-  // Extra options
-  children?: React.ReactElement;
-  rootless?: boolean;
-  colorMode?: ColorMode;
-
-  // Feed client options
-  defaultFeedOptions?: FeedClientOptions;
-}
-
-export const KnockFeedProvider: React.FC<KnockFeedProviderProps> = ({
-  feedId,
-  children,
-  defaultFeedOptions = {},
-  rootless = false,
-  colorMode = "light",
-}) => {
-  const knock = useKnockClient();
-
-  const feedClient = useNotifications(knock, feedId, defaultFeedOptions);
-  const useFeedStore = create(feedClient.store as StoreApi<FeedStoreState>);
-
-  const content = rootless ? (
-    children
-  ) : (
-    <KnockFeedContainer>{children}</KnockFeedContainer>
-  );
-
-  return (
-    <FeedStateContext.Provider
-      key={feedProviderKey(feedId, defaultFeedOptions)}
-      value={{
-        knock,
-        feedClient,
-        useFeedStore,
-        colorMode,
-      }}
-    >
-      {content}
-    </FeedStateContext.Provider>
-  );
-};
-
-export const useKnockFeed = (): KnockFeedProviderState => {
-  const context = React.useContext(FeedStateContext);
-  if (context === undefined) {
-    throw new Error("useKnockFeed must be used within a KnockFeedProvider");
-  }
-  return context as KnockFeedProviderState;
-};

package/src/modules/feed/context/index.ts

@@ -1,2 +0,0 @@
-export * from "./KnockFeedProvider";
-export * from "./KnockFeedContainer";

package/src/modules/feed/context/styles.css

@@ -1,10 +0,0 @@
-.rnf-feed-provider {
-  font-family: var(--rnf-font-family-sanserif) !important;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.rnf-feed-provider * {
-  font-family: var(--rnf-font-family-sanserif) !important;
-  box-sizing: border-box;
-}

package/src/modules/feed/hooks/useFeedSettings.ts

@@ -1,44 +0,0 @@
-import { Feed } from "@knocklabs/client";
-import { useEffect, useState } from "react";
-
-export type FeedSettings = {
-  features: {
-    branding_required: boolean;
-  };
-};
-
-function useFeedSettings(feedClient: Feed): {
-  settings: FeedSettings | null;
-  loading: boolean;
-} {
-  const [settings, setSettings] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-
-  // TODO: consider moving this into the feed client and into the feed store state when
-  // we're using this in other areas of the feed
-  useEffect(() => {
-    async function getSettings() {
-      const knock = feedClient.knock;
-      const apiClient = knock.client();
-      const feedSettingsPath = `/v1/users/${knock.userId}/feeds/${feedClient.feedId}/settings`;
-      setIsLoading(true);
-
-      const response = await apiClient.makeRequest({
-        method: "GET",
-        url: feedSettingsPath,
-      });
-
-      if (!response.error) {
-        setSettings(response.body);
-      }
-
-      setIsLoading(false);
-    }
-
-    getSettings();
-  }, []);
-
-  return { settings, loading: isLoading };
-}
-
-export default useFeedSettings;

package/src/modules/feed/hooks/useNotifications.ts

@@ -1,30 +0,0 @@
-import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
-import { useMemo, useRef } from "react";
-
-function useNotifications(
-  knock: Knock,
-  feedId: string,
-  options: FeedClientOptions = {},
-) {
-  const feedClientRef = useRef<Feed | null>();
-
-  return useMemo(() => {
-    if (feedClientRef.current) feedClientRef.current.teardown();
-
-    const feedClient = knock.feeds.initialize(feedId, options);
-
-    feedClient.listenForUpdates();
-    feedClientRef.current = feedClient;
-
-    return feedClient;
-  }, [
-    knock,
-    feedId,
-    options.source,
-    options.tenant,
-    options.has_tenant,
-    options.archived,
-  ]);
-}
-
-export default useNotifications;

package/src/modules/i18n/context/KnockI18nProvider.tsx

@@ -1,16 +0,0 @@
-import React from "react";
-import { locales, I18nContent } from "../languages";
-
-export const I18nContext = React.createContext<I18nContent>(locales.en);
-
-interface KnockI18nProviderProps {
-  i18n?: I18nContent;
-  children: JSX.Element | undefined;
-}
-
-export function KnockI18nProvider({
-  i18n = locales.en,
-  ...props
-}: KnockI18nProviderProps) {
-  return <I18nContext.Provider {...props} value={i18n} />;
-}