@helpdice/theme 1.0.9 → 1.1.0

package/dist/use-all-themes/index.js

@@ -58,8 +58,6 @@ function _typeof(o) {
 }
 
 var shadows = {
-  button: "0 2px #0000000b",
-  text: "0 -1px 0 rgb(0 0 0 / 12%)",
   drop: {
     z1: "0px 2px 8px rgba(0, 0, 0, 0.4)",
     z2: "rgba(149, 157, 165, 0.2) 0px 8px 24px",

package/dist/use-media-query/index.js

@@ -103,8 +103,6 @@ function _unsupportedIterableToArray(r, a) {
 }
 
 var shadows = {
-  button: "0 2px #0000000b",
-  text: "0 -1px 0 rgb(0 0 0 / 12%)",
   drop: {
     z1: "0px 2px 8px rgba(0, 0, 0, 0.4)",
     z2: "rgba(149, 157, 165, 0.2) 0px 8px 24px",

package/dist/use-theme/index.js

@@ -58,8 +58,6 @@ function _typeof(o) {
 }
 
 var shadows = {
-  button: "0 2px #0000000b",
-  text: "0 -1px 0 rgb(0 0 0 / 12%)",
   drop: {
     z1: "0px 2px 8px rgba(0, 0, 0, 0.4)",
     z2: "rgba(149, 157, 165, 0.2) 0px 8px 24px",

package/esm/index.d.ts

@@ -22,3 +22,4 @@ export { default as Dropdown } from './shared/dropdown';
 export { default as CssTransition } from './shared/css-transition';
 export { default as Backdrop } from './shared/backdrop';
 export { addColorAlpha, colorToRgbValues } from './utils/color';
+export { withSubscription } from './subscription';

package/esm/index.js

@@ -17,4 +17,5 @@ export { default as Expand } from './shared/expand';
 export { default as Dropdown } from './shared/dropdown';
 export { default as CssTransition } from './shared/css-transition';
 export { default as Backdrop } from './shared/backdrop';
-export { addColorAlpha, colorToRgbValues } from './utils/color';
+export { addColorAlpha, colorToRgbValues } from './utils/color';
+export { withSubscription } from './subscription';

package/esm/subscription/SubscriptionContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type SubscriptionState = {
+    status: 'loading';
+} | {
+    status: 'active' | 'expired' | 'trial' | 'inactive';
+} | {
+    status: 'error';
+    reason: 'OFFLINE' | 'SERVER_DOWN' | 'UNAUTHORIZED';
+};
+export declare const SubscriptionProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useSubscription: () => SubscriptionState;
+export {};

package/esm/subscription/SubscriptionContext.js

@@ -0,0 +1,66 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+// context/SubscriptionContext.tsx
+import axios from 'axios';
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { Account } from '@helpdice/sdk';
+var SubscriptionContext = /*#__PURE__*/createContext({
+  status: 'loading'
+});
+export var SubscriptionProvider = function SubscriptionProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState({
+      status: 'loading'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(function () {
+    var controller = new AbortController();
+    try {
+      Account.verifySubscription({
+        config: {
+          signal: controller.signal,
+          // AbortController supported in axios v1+
+          timeout: 8000 // prevents hanging forever
+        },
+        onSuccess: function onSuccess(res) {
+          setState({
+            status: res === null || res === void 0 ? void 0 : res.data.status
+          });
+        },
+        onError: function onError(err) {
+          // Request cancelled
+          if (axios.isCancel(err)) {
+            throw err;
+          }
+
+          // No response → server down or CORS or offline
+          if (!err.response) {
+            if (!navigator.onLine) throw 'OFFLINE';
+            throw 'SERVER_DOWN';
+          }
+          if (err.response.status === 401) throw 'UNAUTHORIZED';
+          if (err.response.status >= 500) throw 'SERVER_DOWN';
+          throw 'UNKNOWN';
+        }
+      });
+    } catch (reason) {
+      if (reason !== 'AbortError') {
+        setState({
+          status: 'error',
+          reason: reason !== null && reason !== void 0 ? reason : 'SERVER_DOWN'
+        });
+      }
+    }
+    ;
+    return function () {
+      return controller.abort();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(SubscriptionContext.Provider, {
+    value: state
+  }, children);
+};
+export var useSubscription = function useSubscription() {
+  return useContext(SubscriptionContext);
+};

package/esm/subscription/SubscriptionError.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const SubscriptionError: ({ reason }: {
+    reason: string;
+}) => React.JSX.Element;
+export default SubscriptionError;

package/esm/subscription/SubscriptionError.js

@@ -0,0 +1,13 @@
+// components/SubscriptionError.tsx
+import React from "react";
+var SubscriptionError = function SubscriptionError(_ref) {
+  var reason = _ref.reason;
+  if (reason === 'OFFLINE') {
+    return /*#__PURE__*/React.createElement("p", null, "No internet connection. Please check your network.");
+  }
+  if (reason === 'SERVER_DOWN') {
+    return /*#__PURE__*/React.createElement("p", null, "Service temporarily unavailable. Try again later.");
+  }
+  return /*#__PURE__*/React.createElement("p", null, "Unable to verify subscription.");
+};
+export default SubscriptionError;

package/esm/subscription/UpgradeNotice.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const UpgradeNotice: () => React.JSX.Element;
+export default UpgradeNotice;

package/esm/subscription/UpgradeNotice.js

@@ -0,0 +1,15 @@
+// components/UpgradeNotice.tsx
+import React from "react";
+var UpgradeNotice = function UpgradeNotice() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 24,
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("h2", null, "Upgrade Required"), /*#__PURE__*/React.createElement("p", null, "This feature is available for pro users."), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      return window.location.href = 'https://ui.helpdice.com/pro';
+    }
+  }, "Upgrade Now"));
+};
+export default UpgradeNotice;

package/esm/subscription/index.d.ts

@@ -0,0 +1,3 @@
+import { SubscriptionProvider } from "./SubscriptionContext";
+import { withSubscription } from "./withSubscription";
+export { withSubscription, SubscriptionProvider };

package/esm/subscription/index.js

@@ -0,0 +1,3 @@
+import { SubscriptionProvider } from "./SubscriptionContext";
+import { withSubscription } from "./withSubscription";
+export { withSubscription, SubscriptionProvider };

package/esm/subscription/withSubscription.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const withSubscription: (Component: React.FC) => (props: any) => React.JSX.Element;

package/esm/subscription/withSubscription.js

@@ -0,0 +1,44 @@
+// hoc/withSubscription.tsx
+
+// import React from 'react';
+// import { useSubscription } from './SubscriptionContext';
+// import UpgradeNotice from './UpgradeNotice';
+
+// export const withSubscription =
+//   (Component: React.FC) =>
+//   (props: any) => {
+//     const status = useSubscription();
+
+//     if (status === 'loading') {
+//       return <div>Loading...</div>;
+//     }
+
+//     if (status !== 'active') {
+//       return <UpgradeNotice />;
+//     }
+
+//     return <Component {...props} />;
+//   };
+
+// hoc/withSubscription.tsx
+import React from 'react';
+import { useSubscription } from './SubscriptionContext';
+import UpgradeNotice from './UpgradeNotice';
+import SubscriptionError from './SubscriptionError';
+export var withSubscription = function withSubscription(Component) {
+  return function (props) {
+    var sub = useSubscription();
+    if (sub.status === 'loading') {
+      return /*#__PURE__*/React.createElement("div", null, "Checking subscription...");
+    }
+    if (sub.status === 'error') {
+      return /*#__PURE__*/React.createElement(SubscriptionError, {
+        reason: sub.reason
+      });
+    }
+    if (sub.status !== 'active') {
+      return /*#__PURE__*/React.createElement(UpgradeNotice, null);
+    }
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+};

package/esm/themes/presets/index.d.ts

@@ -81,8 +81,6 @@ export interface HUIThemesBreakpoints {
     xl: BreakpointsItem;
 }
 export interface HUIThemesShadow {
-    button: string;
-    text: string;
     drop: Record<string, string>;
     level: Record<string, string>;
     border: Record<string, string>;

package/esm/themes/shadows.d.ts

@@ -1,6 +1,4 @@
 export declare const shadows: {
-    button: string;
-    text: string;
     drop: {
         z1: string;
         z2: string;

package/esm/themes/shadows.js

@@ -1,6 +1,4 @@
 export var shadows = {
-  button: "0 2px #0000000b",
-  text: "0 -1px 0 rgb(0 0 0 / 12%)",
   drop: {
     z1: "0px 2px 8px rgba(0, 0, 0, 0.4)",
     z2: "rgba(149, 157, 165, 0.2) 0px 8px 24px",

package/esm/ui-provider/ui-provider.js

@@ -6,6 +6,7 @@ import { HUIContent, defaultToastLayout } from '../utils/use-hd-ui-context';
 import ThemeProvider from './theme-provider';
 import useCurrentState from '../utils/use-current-state';
 import ToastContainer from '../use-toasts/toast-container';
+import { SubscriptionProvider } from '../subscription';
 var HuiProvider = function HuiProvider(_ref) {
   var themes = _ref.themes,
     themeType = _ref.themeType,
@@ -50,6 +51,6 @@ var HuiProvider = function HuiProvider(_ref) {
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
     themes: themes,
     themeType: themeType
-  }, children, /*#__PURE__*/React.createElement(ToastContainer, null)));
+  }, /*#__PURE__*/React.createElement(SubscriptionProvider, null, children), /*#__PURE__*/React.createElement(ToastContainer, null)));
 };
 export default HuiProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/theme",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -101,6 +101,7 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
+    "@helpdice/sdk": "^0.4.3",
     "react": "^18.3.1 || ^19.1.0"
   },
   "jest": {