powr-sdk-web 6.0.0 → 6.1.0

package/dist/auth/index.js

@@ -688,13 +688,13 @@ var PowrLogin = function PowrLogin(_ref) {
     style: styles.card
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.header
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, appLogo ? /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.logoContainer
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: appLogo,
     alt: "".concat(appName, " Logo"),
     style: styles.logoImage
-  })), /*#__PURE__*/_react["default"].createElement("h1", {
+  })) : null, /*#__PURE__*/_react["default"].createElement("h1", {
     style: styles.title
   }, isLogin ? 'Welcome to' : 'Join', " ", appName), /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.subtitleContainer

package/dist/index.js

@@ -58,6 +58,12 @@ Object.defineProperty(exports, "OnboardingShell", {
     return _onboarding.OnboardingShell;
   }
 });
+Object.defineProperty(exports, "POWR_ADMIN_ACCESS", {
+  enumerable: true,
+  get: function get() {
+    return _session.POWR_ADMIN_ACCESS;
+  }
+});
 Object.defineProperty(exports, "POWR_CSS_VAR_NAMES", {
   enumerable: true,
   get: function get() {
@@ -76,6 +82,18 @@ Object.defineProperty(exports, "POWR_SCHEMES", {
     return _theme.POWR_SCHEMES;
   }
 });
+Object.defineProperty(exports, "POWR_SESSION_STORAGE_KEY", {
+  enumerable: true,
+  get: function get() {
+    return _session.POWR_SESSION_STORAGE_KEY;
+  }
+});
+Object.defineProperty(exports, "POWR_SHELL_MODES", {
+  enumerable: true,
+  get: function get() {
+    return _shell.POWR_SHELL_MODES;
+  }
+});
 Object.defineProperty(exports, "POWR_TOKENS", {
   enumerable: true,
   get: function get() {
@@ -112,6 +130,12 @@ Object.defineProperty(exports, "PowrBaseAdmin", {
     return _PowrBaseAdminFull["default"];
   }
 });
+Object.defineProperty(exports, "PowrBaseAppWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _shell.PowrBaseAppWrapper;
+  }
+});
 Object.defineProperty(exports, "PowrBaseBlogs", {
   enumerable: true,
   get: function get() {
@@ -226,6 +250,12 @@ Object.defineProperty(exports, "PowrOnboardingProvider", {
     return _onboarding.PowrOnboardingProvider;
   }
 });
+Object.defineProperty(exports, "PowrSessionProvider", {
+  enumerable: true,
+  get: function get() {
+    return _session.PowrSessionProvider;
+  }
+});
 Object.defineProperty(exports, "PowrTable", {
   enumerable: true,
   get: function get() {
@@ -238,12 +268,24 @@ Object.defineProperty(exports, "PowrThemeProvider", {
     return _theme.PowrThemeProvider;
   }
 });
+Object.defineProperty(exports, "PowrThemeSettings", {
+  enumerable: true,
+  get: function get() {
+    return _theme.PowrThemeSettings;
+  }
+});
 Object.defineProperty(exports, "SESSION_MESSAGES", {
   enumerable: true,
   get: function get() {
     return _sessionMessages.SESSION_MESSAGES;
   }
 });
+Object.defineProperty(exports, "accessFromToken", {
+  enumerable: true,
+  get: function get() {
+    return _session.accessFromToken;
+  }
+});
 Object.defineProperty(exports, "addPhoneStep", {
   enumerable: true,
   get: function get() {
@@ -262,6 +304,12 @@ Object.defineProperty(exports, "buildPowrSsoUrl", {
     return _sso.buildPowrSsoUrl;
   }
 });
+Object.defineProperty(exports, "clearStoredSession", {
+  enumerable: true,
+  get: function get() {
+    return _session.clearStoredSession;
+  }
+});
 Object.defineProperty(exports, "coercePhoneForStorage", {
   enumerable: true,
   get: function get() {
@@ -316,6 +364,12 @@ Object.defineProperty(exports, "getPhoneLookupVariants", {
     return _phone.getPhoneLookupVariants;
   }
 });
+Object.defineProperty(exports, "getPowrUserId", {
+  enumerable: true,
+  get: function get() {
+    return _session.getPowrUserId;
+  }
+});
 Object.defineProperty(exports, "getUserId", {
   enumerable: true,
   get: function get() {
@@ -340,6 +394,12 @@ Object.defineProperty(exports, "isJwtExpired", {
     return _jwt.isJwtExpired;
   }
 });
+Object.defineProperty(exports, "isPowrAdmin", {
+  enumerable: true,
+  get: function get() {
+    return _session.isPowrAdmin;
+  }
+});
 Object.defineProperty(exports, "isValidPhone", {
   enumerable: true,
   get: function get() {
@@ -424,6 +484,18 @@ Object.defineProperty(exports, "profileNameStep", {
     return _onboarding.profileNameStep;
   }
 });
+Object.defineProperty(exports, "readStoredSession", {
+  enumerable: true,
+  get: function get() {
+    return _session.readStoredSession;
+  }
+});
+Object.defineProperty(exports, "resolveAccess", {
+  enumerable: true,
+  get: function get() {
+    return _session.resolveAccess;
+  }
+});
 Object.defineProperty(exports, "resolveCountry", {
   enumerable: true,
   get: function get() {
@@ -448,12 +520,24 @@ Object.defineProperty(exports, "tokensToCssVars", {
     return _theme.tokensToCssVars;
   }
 });
+Object.defineProperty(exports, "usePowrSession", {
+  enumerable: true,
+  get: function get() {
+    return _session.usePowrSession;
+  }
+});
 Object.defineProperty(exports, "usePowrTheme", {
   enumerable: true,
   get: function get() {
     return _theme.usePowrTheme;
   }
 });
+Object.defineProperty(exports, "writeStoredSession", {
+  enumerable: true,
+  get: function get() {
+    return _session.writeStoredSession;
+  }
+});
 var _table = _interopRequireDefault(require("./table"));
 var _swiper = _interopRequireDefault(require("./swiper"));
 var _reviews = _interopRequireDefault(require("./reviews"));
@@ -481,5 +565,7 @@ var _phone = require("./utils/phone");
 var _jwt = require("./utils/jwt");
 var _sessionMessages = require("./utils/sessionMessages");
 var _theme = require("./theme");
+var _session = require("./session");
+var _shell = require("./shell");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/session/index.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POWR_SESSION_STORAGE_KEY = exports.POWR_ADMIN_ACCESS = void 0;
+exports.PowrSessionProvider = PowrSessionProvider;
+exports.accessFromToken = accessFromToken;
+exports.clearStoredSession = clearStoredSession;
+exports["default"] = void 0;
+exports.getPowrUserId = getPowrUserId;
+exports.isPowrAdmin = isPowrAdmin;
+exports.readStoredSession = readStoredSession;
+exports.resolveAccess = resolveAccess;
+exports.usePowrSession = usePowrSession;
+exports.writeStoredSession = writeStoredSession;
+var _react = _interopRequireWildcard(require("react"));
+var _jwt = require("../utils/jwt");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Powr session — the file every new app used to copy (`utils/store.ts`).
+ *
+ * Owns `localStorage['auth-store']` in the zustand-persist shape
+ * `{ state: { user, token }, version }` so:
+ *  - `apiCall` (utils/auth.getAuthToken) keeps reading the bearer from it
+ *  - apps that already run a zustand `auth-store` can pass `user`/`token`
+ *    as props (controlled) and nothing moves.
+ *
+ * No zustand dependency. Plain React context.
+ */
+
+var POWR_SESSION_STORAGE_KEY = exports.POWR_SESSION_STORAGE_KEY = "auth-store";
+var POWR_ADMIN_ACCESS = exports.POWR_ADMIN_ACCESS = 100;
+function accessFromToken(token) {
+  var _decodeJwtPayload;
+  var access = Number((_decodeJwtPayload = (0, _jwt.decodeJwtPayload)(token)) === null || _decodeJwtPayload === void 0 ? void 0 : _decodeJwtPayload.access);
+  return Number.isFinite(access) ? access : undefined;
+}
+
+/** `user.access` wins; falls back to the JWT claim; 0 when neither. */
+function resolveAccess(user, token) {
+  var _accessFromToken;
+  var fromUser = Number(user === null || user === void 0 ? void 0 : user.access);
+  if (Number.isFinite(fromUser)) return fromUser;
+  return (_accessFromToken = accessFromToken(token)) !== null && _accessFromToken !== void 0 ? _accessFromToken : 0;
+}
+function isPowrAdmin(user, token) {
+  return resolveAccess(user, token) === POWR_ADMIN_ACCESS;
+}
+function getPowrUserId(user) {
+  return String((user === null || user === void 0 ? void 0 : user.powrId) || (user === null || user === void 0 ? void 0 : user._id) || (user === null || user === void 0 ? void 0 : user.userId) || "");
+}
+function readStoredSession() {
+  if (typeof window === "undefined") return null;
+  try {
+    var raw = window.localStorage.getItem(POWR_SESSION_STORAGE_KEY);
+    if (!raw) return null;
+    var parsed = JSON.parse(raw);
+    var state = (parsed === null || parsed === void 0 ? void 0 : parsed.state) || parsed || {};
+    return {
+      user: state.user || null,
+      token: state.token || null,
+      refreshToken: state.refreshToken || null
+    };
+  } catch (_unused) {
+    return null;
+  }
+}
+function writeStoredSession(_ref) {
+  var user = _ref.user,
+    token = _ref.token,
+    refreshToken = _ref.refreshToken;
+  if (typeof window === "undefined") return;
+  window.localStorage.setItem(POWR_SESSION_STORAGE_KEY, JSON.stringify({
+    state: {
+      user: user,
+      token: token,
+      refreshToken: refreshToken
+    },
+    version: 0
+  }));
+}
+function clearStoredSession() {
+  if (typeof window === "undefined") return;
+  window.localStorage.removeItem(POWR_SESSION_STORAGE_KEY);
+}
+var EMPTY = {
+  user: null,
+  token: null,
+  refreshToken: null
+};
+var PowrSessionContext = /*#__PURE__*/(0, _react.createContext)(_objectSpread(_objectSpread({}, EMPTY), {}, {
+  hydrated: false,
+  access: 0,
+  isPowrAdmin: false,
+  userId: "",
+  controlled: false,
+  setSession: function setSession() {},
+  clear: function clear() {}
+}));
+
+/**
+ * @param {object} props
+ * @param {object|null} [props.user] - Controlled mode: app's own store is truth.
+ * @param {string|null} [props.token] - Controlled mode.
+ * @param {string|null} [props.refreshToken]
+ * @param {(session: {user, token, refreshToken}) => void} [props.onChange] - After setSession / clear.
+ * @param {() => void} [props.onLogout] - Controlled mode: clear your store here.
+ * @param {boolean} [props.persist=true] - Uncontrolled mode: write `auth-store`.
+ */
+function PowrSessionProvider(_ref2) {
+  var userProp = _ref2.user,
+    tokenProp = _ref2.token,
+    refreshTokenProp = _ref2.refreshToken,
+    onChange = _ref2.onChange,
+    onLogout = _ref2.onLogout,
+    _ref2$persist = _ref2.persist,
+    persist = _ref2$persist === void 0 ? true : _ref2$persist,
+    children = _ref2.children;
+  var controlled = userProp !== undefined || tokenProp !== undefined;
+  var _useState = (0, _react.useState)(EMPTY),
+    _useState2 = _slicedToArray(_useState, 2),
+    local = _useState2[0],
+    setLocal = _useState2[1];
+  var _useState3 = (0, _react.useState)(controlled),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hydrated = _useState4[0],
+    setHydrated = _useState4[1];
+  var onChangeRef = (0, _react.useRef)(onChange);
+  onChangeRef.current = onChange;
+  (0, _react.useEffect)(function () {
+    if (controlled) return;
+    var stored = readStoredSession();
+    if (stored !== null && stored !== void 0 && stored.token && !(0, _jwt.isJwtExpired)(stored.token)) {
+      setLocal({
+        user: stored.user,
+        token: stored.token,
+        refreshToken: stored.refreshToken
+      });
+    } else if (stored) {
+      clearStoredSession();
+    }
+    setHydrated(true);
+  }, [controlled]);
+
+  // Follow other tabs (and legacy zustand stores in the same origin).
+  (0, _react.useEffect)(function () {
+    if (controlled || typeof window === "undefined") return undefined;
+    var onStorage = function onStorage(e) {
+      if (e.key && e.key !== POWR_SESSION_STORAGE_KEY) return;
+      setLocal(readStoredSession() || EMPTY);
+    };
+    window.addEventListener("storage", onStorage);
+    return function () {
+      return window.removeEventListener("storage", onStorage);
+    };
+  }, [controlled]);
+  var setSession = (0, _react.useCallback)(function (user, token) {
+    var _onChangeRef$current;
+    var refreshToken = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var next = {
+      user: user || null,
+      token: token || null,
+      refreshToken: refreshToken
+    };
+    if (!controlled) {
+      setLocal(next);
+      if (persist) writeStoredSession(next);
+    }
+    (_onChangeRef$current = onChangeRef.current) === null || _onChangeRef$current === void 0 || _onChangeRef$current.call(onChangeRef, next);
+  }, [controlled, persist]);
+  var clear = (0, _react.useCallback)(function () {
+    var _onChangeRef$current2;
+    if (!controlled) {
+      setLocal(EMPTY);
+      clearStoredSession();
+    }
+    onLogout === null || onLogout === void 0 || onLogout();
+    (_onChangeRef$current2 = onChangeRef.current) === null || _onChangeRef$current2 === void 0 || _onChangeRef$current2.call(onChangeRef, EMPTY);
+  }, [controlled, onLogout]);
+  var current = controlled ? {
+    user: userProp || null,
+    token: tokenProp || null,
+    refreshToken: refreshTokenProp || null
+  } : local;
+  var value = (0, _react.useMemo)(function () {
+    var access = resolveAccess(current.user, current.token);
+    return _objectSpread(_objectSpread({}, current), {}, {
+      hydrated: hydrated,
+      access: access,
+      isPowrAdmin: access === POWR_ADMIN_ACCESS,
+      userId: getPowrUserId(current.user),
+      controlled: controlled,
+      setSession: setSession,
+      clear: clear
+    });
+  }, [current.user, current.token, current.refreshToken, hydrated, controlled, setSession, clear]);
+  return /*#__PURE__*/_react["default"].createElement(PowrSessionContext.Provider, {
+    value: value
+  }, children);
+}
+function usePowrSession() {
+  return (0, _react.useContext)(PowrSessionContext);
+}
+var _default = exports["default"] = PowrSessionProvider;