@frontegg/react-hooks 7.10.0-alpha.0 → 7.11.0-alpha.0

package/FronteggNativeProvider/FronteggNativeProvider.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { ContextOptions } from '@frontegg/rest-api';
+import { FronteggAppInstance } from '@frontegg/types';
+export type FronteggNativeProviderProps = {
+    app?: FronteggAppInstance;
+    contextOptions?: ContextOptions;
+    setLoading?: (loading: boolean) => void;
+    children?: ReactNode | undefined;
+};
+export declare const FronteggNativeProvider: FC<FronteggNativeProviderProps>;

package/FronteggNativeProvider/FronteggNativeProvider.js

@@ -0,0 +1,81 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useMemo, useRef } from 'react';
+import { createStore } from '@frontegg/redux-store';
+import { ContextHolder } from '@frontegg/rest-api';
+import { Provider } from '../FronteggStoreContext';
+import { useAuth } from '../auth';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultSetLoading = loading => {
+  if (loading) {
+    document.body.classList.add('frontegg-loading');
+  } else {
+    document.body.classList.remove('frontegg-loading');
+  }
+};
+const FronteggContent = ({
+  children,
+  setLoading
+}) => {
+  const {
+    isLoading
+  } = useAuth();
+  const loadingRef = useRef(undefined);
+  if (isLoading !== loadingRef.current) {
+    loadingRef.current = isLoading;
+    setTimeout(() => {
+      setLoading(isLoading);
+    });
+  }
+  if (isLoading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+export const FronteggNativeProvider = props => {
+  var _app$options$contextO, _app$options, _app$options$previewM, _app$options2, _app$options$builderM, _app$options3, _app$options4, _app$options5, _app$options6, _app$name;
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading = defaultSetLoading
+  } = props;
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.contextOptions) != null ? _app$options$contextO : contextOptions;
+  if (!context) {
+    throw Error('contextOptions must not be null or undefined');
+  }
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.previewMode) != null ? _app$options$previewM : false;
+  const builderMode = (_app$options$builderM = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.builderMode) != null ? _app$options$builderM : false;
+  const auditsOptions = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.auditsOptions;
+  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? _extends({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
+  };
+  const appName = (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default';
+  ContextHolder.for(appName).setContext(context);
+  const store = useMemo(() => {
+    var _app$store, _app$options7;
+    return (_app$store = app == null ? void 0 : app.store) != null ? _app$store : createStore({
+      name: appName,
+      context,
+      previewMode,
+      builderMode,
+      initialState: {
+        auth: authOptions,
+        audits: auditsOptions
+      },
+      urlStrategy: app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy,
+      storeHolder: app
+    });
+  }, [app, previewMode]);
+  return /*#__PURE__*/_jsx(Provider, {
+    store: store,
+    children: /*#__PURE__*/_jsx(FronteggContent, {
+      setLoading: setLoading,
+      children: children
+    })
+  });
+};

package/FronteggNativeProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './FronteggNativeProvider';

package/FronteggNativeProvider/index.js

@@ -0,0 +1 @@
+export * from './FronteggNativeProvider';

package/FronteggNativeProvider/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/FronteggNativeProvider/index.js",
+  "types": "./index.d.ts"
+}

package/index.d.ts

@@ -6,4 +6,5 @@ export * from './vendor';
 export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
+export * from './FronteggNativeProvider';
 export * from './FronteggStoreContext';

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.10.0-alpha.0
+/** @license Frontegg v7.11.0-alpha.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,4 +11,5 @@ export * from './vendor';
 export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
+export * from './FronteggNativeProvider';
 export * from './FronteggStoreContext';

package/node/FronteggNativeProvider/FronteggNativeProvider.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FronteggNativeProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reduxStore = require("@frontegg/redux-store");
+var _restApi = require("@frontegg/rest-api");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _auth = require("../auth");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const defaultSetLoading = loading => {
+  if (loading) {
+    document.body.classList.add('frontegg-loading');
+  } else {
+    document.body.classList.remove('frontegg-loading');
+  }
+};
+const FronteggContent = ({
+  children,
+  setLoading
+}) => {
+  const {
+    isLoading
+  } = (0, _auth.useAuth)();
+  const loadingRef = (0, _react.useRef)(undefined);
+  if (isLoading !== loadingRef.current) {
+    loadingRef.current = isLoading;
+    setTimeout(() => {
+      setLoading(isLoading);
+    });
+  }
+  if (isLoading) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+};
+const FronteggNativeProvider = props => {
+  var _app$options$contextO, _app$options, _app$options$previewM, _app$options2, _app$options$builderM, _app$options3, _app$options4, _app$options5, _app$options6, _app$name;
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading = defaultSetLoading
+  } = props;
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.contextOptions) != null ? _app$options$contextO : contextOptions;
+  if (!context) {
+    throw Error('contextOptions must not be null or undefined');
+  }
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.previewMode) != null ? _app$options$previewM : false;
+  const builderMode = (_app$options$builderM = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.builderMode) != null ? _app$options$builderM : false;
+  const auditsOptions = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.auditsOptions;
+  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? (0, _extends2.default)({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
+  };
+  const appName = (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default';
+  _restApi.ContextHolder.for(appName).setContext(context);
+  const store = (0, _react.useMemo)(() => {
+    var _app$store, _app$options7;
+    return (_app$store = app == null ? void 0 : app.store) != null ? _app$store : (0, _reduxStore.createStore)({
+      name: appName,
+      context,
+      previewMode,
+      builderMode,
+      initialState: {
+        auth: authOptions,
+        audits: auditsOptions
+      },
+      urlStrategy: app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy,
+      storeHolder: app
+    });
+  }, [app, previewMode]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FronteggStoreContext.Provider, {
+    store: store,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
+      setLoading: setLoading,
+      children: children
+    })
+  });
+};
+exports.FronteggNativeProvider = FronteggNativeProvider;

package/node/FronteggNativeProvider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FronteggNativeProvider = require("./FronteggNativeProvider");
+Object.keys(_FronteggNativeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FronteggNativeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FronteggNativeProvider[key];
+    }
+  });
+});

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.10.0-alpha.0
+/** @license Frontegg v7.11.0-alpha.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -96,6 +96,17 @@ Object.keys(_FronteggProvider).forEach(function (key) {
     }
   });
 });
+var _FronteggNativeProvider = require("./FronteggNativeProvider");
+Object.keys(_FronteggNativeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FronteggNativeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FronteggNativeProvider[key];
+    }
+  });
+});
 var _FronteggStoreContext = require("./FronteggStoreContext");
 Object.keys(_FronteggStoreContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
-  "version": "7.10.0-alpha.0",
+  "version": "7.11.0-alpha.0",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "7.10.0-alpha.0",
-    "@frontegg/types": "7.10.0-alpha.0",
+    "@frontegg/redux-store": "7.11.0-alpha.0",
+    "@frontegg/types": "7.11.0-alpha.0",
     "@types/react": "*",
     "@types/react-is": "^17.0.7",
     "get-value": "^3.0.1",