@kerne/react 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,238 +1,186 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  KerneClient: () => KerneClient,
-  KerneProvider: () => KerneProvider,
-  createKerneClient: () => createKerneClient,
-  useAuth: () => useAuth,
-  useBilling: () => useBilling,
-  useKerne: () => useKerne
-});
-module.exports = __toCommonJS(index_exports);
-var import_react = require("react");
-var import_server = require("@kerne/server");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_STORAGE_KEY = "kerne_auth";
-var KerneClient = class {
-  kerne;
-  storage;
-  storageKey;
-  onAuthChange;
-  currentUser = null;
-  currentToken = null;
-  constructor(config) {
-    this.storage = config.storage ?? (typeof window !== "undefined" ? localStorage : null);
-    this.storageKey = config.storageKey ?? DEFAULT_STORAGE_KEY;
-    this.onAuthChange = config.onAuthChange;
-    this.kerne = new import_server.Kerne({
-      baseUrl: config.baseUrl,
-      appId: config.appId,
-      timeout: config.timeout
-    });
-    this.loadSession();
-  }
-  loadSession() {
-    if (!this.storage) return;
-    try {
-      const data = this.storage.getItem(this.storageKey);
-      if (data) {
-        const { user, token, expires_at } = JSON.parse(data);
-        if (new Date(expires_at) > /* @__PURE__ */ new Date()) {
-          this.currentUser = user;
-          this.currentToken = token;
-          this.kerne = this.kerne.withToken(token);
-        } else {
-          this.storage.removeItem(this.storageKey);
-        }
-      }
-    } catch {
-      this.storage.removeItem(this.storageKey);
-    }
-  }
-  saveSession(response) {
-    this.currentUser = response.user;
-    this.currentToken = response.token;
-    this.kerne = this.kerne.withToken(response.token);
-    if (this.storage) {
-      this.storage.setItem(this.storageKey, JSON.stringify(response));
-    }
-    this.onAuthChange?.(response.user);
-  }
-  clearSession() {
-    this.currentUser = null;
-    this.currentToken = null;
-    if (this.storage) {
-      this.storage.removeItem(this.storageKey);
-    }
-    this.onAuthChange?.(null);
-  }
-  get user() {
-    return this.currentUser;
-  }
-  get token() {
-    return this.currentToken;
-  }
-  get isAuthenticated() {
-    return this.currentToken !== null;
-  }
-  get client() {
-    return this.kerne;
-  }
-  get projects() {
-    return this.kerne.projects;
-  }
-  async register(params) {
-    const [firstName, ...lastNameParts] = (params.name || "").split(" ");
-    const lastName = lastNameParts.join(" ");
-    const response = await this.kerne.auth.signup({
-      email: params.email,
-      password: params.password,
-      first_name: firstName,
-      last_name: lastName || void 0
-    });
-    this.saveSession(response);
-    return response;
-  }
-  async login(params) {
-    const response = await this.kerne.auth.login({
-      email: params.email,
-      password: params.password
-    });
-    this.saveSession(response);
-    return response;
-  }
-  async refreshToken() {
-    if (!this.currentToken) return null;
-    const response = await this.kerne.auth.refreshToken({
-      refresh_token: this.currentToken
-    });
-    this.saveSession(response);
-    return response;
-  }
-  logout() {
-    this.clearSession();
-  }
-  async refreshUser() {
-    if (!this.currentToken) return null;
-    try {
-      const user = await this.kerne.users.me();
-      this.currentUser = user;
-      this.onAuthChange?.(user);
-      return user;
-    } catch {
-      this.clearSession();
-      return null;
-    }
-  }
-  async checkEntitlement(featureKey, requested) {
-    try {
-      const check = await this.kerne.billing.checkEntitlement(featureKey, requested);
-      return check.has_access;
-    } catch {
-      return false;
-    }
-  }
-  async createCheckout(planId, options) {
-    const { url } = await this.kerne.billing.createCheckout(planId, {
-      success_url: options?.successUrl,
-      cancel_url: options?.cancelUrl
-    });
-    return url;
-  }
-  async openCheckout(planId, options) {
-    const url = await this.createCheckout(planId, options);
-    if (typeof window !== "undefined") {
-      window.location.href = url;
-    }
-  }
-  async createPortal(returnUrl) {
-    const { url } = await this.kerne.billing.createPortal({ return_url: returnUrl });
-    return url;
-  }
-  async openPortal(returnUrl) {
-    const url = await this.createPortal(returnUrl);
-    if (typeof window !== "undefined") {
-      window.location.href = url;
-    }
-  }
-};
-function createKerneClient(config) {
-  return new KerneClient(config);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;"use client";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunk3PROPZWWcjs = require('./chunk-3PROPZWW.cjs');
+
+// src/components.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+function Authenticated({ children, fallback = null }) {
+  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  return isAuthenticated ? children : fallback;
 }
-var KerneContext = (0, import_react.createContext)(null);
-function KerneProvider({ children, ...config }) {
-  const [user, setUser] = (0, import_react.useState)(null);
-  const client = (0, import_react.useMemo)(() => {
-    return new KerneClient({
-      ...config,
-      onAuthChange: (u) => {
-        setUser(u);
-        config.onAuthChange?.(u);
-      }
+function Unauthenticated({ children, fallback = null }) {
+  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  return !isAuthenticated ? children : fallback;
+}
+function AuthLoading({ children }) {
+  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  return client.isLoading ? children : null;
+}
+function HasSubscription({ children, fallback = null }) {
+  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  const [hasSubscription, setHasSubscription] = _react2.default.useState(null);
+  _react2.default.useEffect(() => {
+    client.getSubscription().then((sub) => {
+      setHasSubscription(sub !== null && ["ACTIVE", "TRIALING"].includes(sub.status));
+    }).catch(() => {
+      setHasSubscription(false);
     });
-  }, [config.appId, config.baseUrl]);
-  (0, import_react.useEffect)(() => {
-    setUser(client.user);
   }, [client]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KerneContext.Provider, { value: client, children });
+  if (hasSubscription === null) return null;
+  return hasSubscription ? children : fallback;
 }
-function useKerne() {
-  const context = (0, import_react.useContext)(KerneContext);
-  if (!context) {
-    throw new Error("useKerne must be used within a KerneProvider");
-  }
-  return context;
+function Allows({
+  children,
+  featureKey,
+  minimum,
+  fallback = null
+}) {
+  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  const [allowed, setAllowed] = _react2.default.useState(null);
+  _react2.default.useEffect(() => {
+    client.allows(featureKey, minimum).then((result) => {
+      setAllowed(result);
+    }).catch(() => {
+      setAllowed(false);
+    });
+  }, [client, featureKey, minimum]);
+  if (allowed === null) return null;
+  return allowed ? children : fallback;
 }
-function useAuth() {
-  const client = useKerne();
-  const [user, setUser] = (0, import_react.useState)(client.user);
-  (0, import_react.useEffect)(() => {
-    setUser(client.user);
-  }, [client.user]);
-  return {
-    user,
-    isAuthenticated: client.isAuthenticated,
-    login: client.login.bind(client),
-    register: client.register.bind(client),
-    logout: client.logout.bind(client),
-    refreshUser: client.refreshUser.bind(client)
-  };
+function Protected({
+  children,
+  auth = true,
+  featureKey,
+  authFallback = null,
+  billingFallback = null
+}) {
+  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  if (auth && !isAuthenticated) {
+    return authFallback;
+  }
+  if (featureKey) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Allows, { featureKey, fallback: billingFallback, children });
+  }
+  return children;
 }
-function useBilling() {
-  const client = useKerne();
+
+// src/error-boundary.tsx
+
+
+var KerneErrorBoundary = (_class = class extends _react.Component {
+  constructor(props) {
+    super(props);_class.prototype.__init.call(this);;
+    this.state = { error: null, hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { error, hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    const kerneError = error;
+    _optionalChain([this, 'access', _4 => _4.props, 'access', _5 => _5.onError, 'optionalCall', _6 => _6(kerneError, errorInfo)]);
+    if (process.env.NODE_ENV === "development") {
+      console.error("[KerneSDK] Error caught by boundary:", kerneError);
+      console.error("[KerneSDK] Component stack:", errorInfo.componentStack);
+    }
+  }
+  __init() {this.reset = () => {
+    _optionalChain([this, 'access', _7 => _7.props, 'access', _8 => _8.onReset, 'optionalCall', _9 => _9()]);
+    this.setState({ error: null, hasError: false });
+  }}
+  render() {
+    if (this.state.hasError && this.state.error) {
+      const { fallback } = this.props;
+      const { error } = this.state;
+      if (fallback) {
+        if (typeof fallback === "function") {
+          return fallback(error, this.reset);
+        }
+        return fallback;
+      }
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "20px", textAlign: "center" }, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { style: { color: "#dc2626", marginBottom: "10px" }, children: "Something went wrong" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { color: "#6b7280", marginBottom: "20px" }, children: error.message || "An unexpected error occurred" }),
+        error.code && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { style: { color: "#9ca3af", fontSize: "12px", marginBottom: "20px" }, children: [
+          "Error code: ",
+          error.code
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            onClick: this.reset,
+            style: {
+              padding: "10px 20px",
+              backgroundColor: "#3b82f6",
+              color: "white",
+              border: "none",
+              borderRadius: "6px",
+              cursor: "pointer"
+            },
+            children: "Try again"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+}, _class);
+function useKerneError() {
+  const [error, setError] = _react2.default.useState(null);
+  const handleError = _react2.default.useCallback((err) => {
+    setError(err);
+  }, []);
+  const clearError = _react2.default.useCallback(() => {
+    setError(null);
+  }, []);
   return {
-    checkEntitlement: client.checkEntitlement.bind(client),
-    createCheckout: client.createCheckout.bind(client),
-    openCheckout: client.openCheckout.bind(client),
-    createPortal: client.createPortal.bind(client),
-    openPortal: client.openPortal.bind(client)
+    error,
+    hasError: error !== null,
+    handleError,
+    clearError
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  KerneClient,
-  KerneProvider,
-  createKerneClient,
-  useAuth,
-  useBilling,
-  useKerne
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Allows = Allows; exports.AuthLoading = AuthLoading; exports.Authenticated = Authenticated; exports.HasSubscription = HasSubscription; exports.KerneClient = _chunk3PROPZWWcjs.KerneClient; exports.KerneContext = _chunk3PROPZWWcjs.KerneContext; exports.KerneErrorBoundary = KerneErrorBoundary; exports.KerneProvider = _chunk3PROPZWWcjs.KerneProvider; exports.Protected = Protected; exports.Unauthenticated = Unauthenticated; exports.defaultLocalization = _chunk3PROPZWWcjs.defaultLocalization; exports.useAccess = _chunk3PROPZWWcjs.useAccess; exports.useAuth = _chunk3PROPZWWcjs.useAuth; exports.useAuthConfig = _chunk3PROPZWWcjs.useAuthConfig; exports.useCheckout = _chunk3PROPZWWcjs.useCheckout; exports.useClient = _chunk3PROPZWWcjs.useClient; exports.useEntitlements = _chunk3PROPZWWcjs.useEntitlements; exports.useInvitation = _chunk3PROPZWWcjs.useInvitation; exports.useKerneError = useKerneError; exports.usePlans = _chunk3PROPZWWcjs.usePlans; exports.usePortal = _chunk3PROPZWWcjs.usePortal; exports.useSubscription = _chunk3PROPZWWcjs.useSubscription; exports.useUsage = _chunk3PROPZWWcjs.useUsage; exports.useUser = _chunk3PROPZWWcjs.useUser; exports.useWaitlist = _chunk3PROPZWWcjs.useWaitlist;