jfs-components 0.0.55 → 0.0.56

package/lib/commonjs/components/index.js

@@ -447,6 +447,12 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.Tooltip;
   }
 });
+Object.defineProperty(exports, "TransactionBubble", {
+  enumerable: true,
+  get: function () {
+    return _TransactionBubble.default;
+  }
+});
 Object.defineProperty(exports, "TransactionDetails", {
   enumerable: true,
   get: function () {
@@ -548,6 +554,7 @@ var _ThreadHero = _interopRequireDefault(require("./ThreadHero/ThreadHero"));
 var _Tooltip = require("./Tooltip/Tooltip");
 var _TransactionDetails = _interopRequireDefault(require("./TransactionDetails/TransactionDetails"));
 var _TransactionStatus = _interopRequireDefault(require("./TransactionStatus/TransactionStatus"));
+var _TransactionBubble = _interopRequireDefault(require("./TransactionBubble/TransactionBubble"));
 var _UpiHandle = _interopRequireDefault(require("./UpiHandle/UpiHandle"));
 var _VStack = _interopRequireDefault(require("./VStack/VStack"));
 var _ChipGroup = _interopRequireDefault(require("./ChipGroup/ChipGroup"));

package/lib/commonjs/design-tokens/JFSThemeProvider.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTokens = exports.JFSThemeProvider = void 0;
+exports.getJFSFonts = exports.JFSThemeProvider = void 0;
+exports.useJFSFonts = useJFSFonts;
+exports.useTokens = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _figmaVariablesResolver = require("./figma-variables-resolver");
+var Font = _interopRequireWildcard(require("expo-font"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -27,7 +30,6 @@ const JFSThemeProvider = ({
   children
 }) => {
   const value = (0, _react.useMemo)(() => {
-    // We bind the current modes to getVariableByName so consumers don't have to pass it
     const getVariable = name => (0, _figmaVariablesResolver.getVariableByName)(name, modes);
     return {
       modes,
@@ -60,4 +62,37 @@ const useTokens = () => {
   }
   return context;
 };
-exports.useTokens = useTokens;
+
+/**
+ * Returns the JFS font map. The TTF is encapsulated within the package at
+ * src/assets/fonts/JioType Var.ttf (included via package.json "files").
+ * Call this inside load functions to avoid top-level require errors if font missing.
+ */
+exports.useTokens = useTokens;
+const getJFSFonts = () => ({
+  'JioType Var': require('../assets/fonts/JioType Var.ttf')
+});
+
+/**
+ * Hook for loading JFS fonts using expo-font. This improves Android font support by explicitly registering
+ * the custom 'JioType Var' font (encapsulated in the package) via Font.loadAsync before components render.
+ * Without it, Android defaults to Roboto. Call at app root (e.g. before JFSThemeProvider). Returns loaded state.
+ * See getJFSFonts() for direct use with Font.loadAsync. Handles missing font gracefully for web/Storybook.
+ */
+exports.getJFSFonts = getJFSFonts;
+function useJFSFonts() {
+  const [fontsLoaded, setFontsLoaded] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    async function loadJFSFonts() {
+      try {
+        await Font.loadAsync(getJFSFonts());
+        setFontsLoaded(true);
+      } catch (error) {
+        console.warn('Failed to load JFS fonts (this is common in web/Storybook or if font file missing):', error);
+        setFontsLoaded(true);
+      }
+    }
+    loadJFSFonts();
+  }, []);
+  return fontsLoaded;
+}