@frontegg/types 5.61.0 → 6.0.1-alpha.0

package/node/Metadata/colorManipulator.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alpha = alpha;
+exports.darken = darken;
+exports.decomposeColor = decomposeColor;
+exports.emphasize = emphasize;
+exports.getLuminance = getLuminance;
+exports.hexToRgb = hexToRgb;
+exports.hslToRgb = hslToRgb;
+exports.lighten = lighten;
+exports.recomposeColor = recomposeColor;
+exports.rgbToHex = rgbToHex;
+
+function clamp(value, min = 0, max = 1) {
+  return Math.min(Math.max(min, value), max);
+}
+
+function hexToRgb(color) {
+  color = color.substr(1);
+  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');
+  let colors = color.match(re);
+
+  if (colors && colors[0].length === 1) {
+    colors = colors.map(n => n + n);
+  }
+
+  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
+    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
+  }).join(', ')})` : '';
+}
+
+function intToHex(int) {
+  const hex = int.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+}
+
+function decomposeColor(color) {
+  if (color.type) {
+    return color;
+  }
+
+  if (color.charAt(0) === '#') {
+    return decomposeColor(hexToRgb(color));
+  }
+
+  const marker = color.indexOf('(');
+  const type = color.substring(0, marker);
+
+  if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
+    throw new Error('MUI: Unsupported `%s` color.\n' + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color(). ' + color);
+  }
+
+  let values = color.substring(marker + 1, color.length - 1);
+  let colorSpace;
+
+  if (type === 'color') {
+    values = values.split(' ');
+    colorSpace = values.shift();
+
+    if (values.length === 4 && values[3].charAt(0) === '/') {
+      values[3] = values[3].substr(1);
+    }
+
+    if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
+      throw new Error('MUI: unsupported `%s` color space.\n' + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' + colorSpace);
+    }
+  } else {
+    values = values.split(',');
+  }
+
+  values = values.map(value => parseFloat(value));
+  return {
+    type,
+    values,
+    colorSpace
+  };
+}
+
+function recomposeColor(color) {
+  const {
+    type,
+    colorSpace
+  } = color;
+  let {
+    values
+  } = color;
+
+  if (type.indexOf('rgb') !== -1) {
+    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);
+  } else if (type.indexOf('hsl') !== -1) {
+    values[1] = `${values[1]}%`;
+    values[2] = `${values[2]}%`;
+  }
+
+  if (type.indexOf('color') !== -1) {
+    values = `${colorSpace} ${values.join(' ')}`;
+  } else {
+    values = `${values.join(', ')}`;
+  }
+
+  return `${type}(${values})`;
+}
+
+function rgbToHex(color) {
+  if (color.indexOf('#') === 0) {
+    return color;
+  }
+
+  const {
+    values
+  } = decomposeColor(color);
+  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
+}
+
+function hslToRgb(color) {
+  color = decomposeColor(color);
+  const {
+    values
+  } = color;
+  const h = values[0];
+  const s = values[1] / 100;
+  const l = values[2] / 100;
+  const a = s * Math.min(l, 1 - l);
+
+  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+
+  let type = 'rgb';
+  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
+
+  if (color.type === 'hsla') {
+    type += 'a';
+    rgb.push(values[3]);
+  }
+
+  return recomposeColor({
+    type,
+    values: rgb
+  });
+}
+
+function getLuminance(color) {
+  color = decomposeColor(color);
+  let rgb = color.type === 'hsl' ? decomposeColor(hslToRgb(color)).values : color.values;
+  rgb = rgb.map(val => {
+    if (color.type !== 'color') {
+      val /= 255;
+    }
+
+    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
+  });
+  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
+}
+
+function alpha(color, value) {
+  color = decomposeColor(color);
+  value = clamp(value);
+
+  if (color.type === 'rgb' || color.type === 'hsl') {
+    color.type += 'a';
+  }
+
+  if (color.type === 'color') {
+    color.values[3] = `/${value}`;
+  } else {
+    color.values[3] = value;
+  }
+
+  return recomposeColor(color);
+}
+
+function darken(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] *= 1 - coefficient;
+  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] *= 1 - coefficient;
+    }
+  }
+
+  return recomposeColor(color);
+}
+
+function lighten(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] += (100 - color.values[2]) * coefficient;
+  } else if (color.type.indexOf('rgb') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (255 - color.values[i]) * coefficient;
+    }
+  } else if (color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (1 - color.values[i]) * coefficient;
+    }
+  }
+
+  return recomposeColor(color);
+}
+
+function emphasize(color, coefficient = 0.15) {
+  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
+}

package/node/Metadata/getPalette.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPalette = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _colorManipulator = require("./colorManipulator");
+
+const generateMainColorObject = color => {
+  if (!!color) {
+    return {
+      main: color,
+      light: (0, _colorManipulator.rgbToHex)((0, _colorManipulator.lighten)(color, 0.4)),
+      dark: (0, _colorManipulator.rgbToHex)((0, _colorManipulator.darken)(color, 0.15)),
+      hover: (0, _colorManipulator.rgbToHex)((0, _colorManipulator.darken)(color, 0.15)),
+      active: (0, _colorManipulator.rgbToHex)((0, _colorManipulator.darken)(color, 0.20))
+    };
+  }
+};
+
+const generateSubColorObject = color => {
+  if (!!color) {
+    return {
+      main: color,
+      light: (0, _colorManipulator.lighten)(color, 0.7),
+      dark: (0, _colorManipulator.darken)(color, 0.2)
+    };
+  }
+};
+
+const getPalette = (theme, defaultTheme) => {
+  var _theme$palette, _theme$palette2, _theme$palette$primar, _theme$palette3, _theme$palette4, _theme$palette$second, _theme$palette5, _theme$palette6, _theme$palette7, _theme$palette8, _theme$palette9, _theme$palette10;
+
+  if (!(theme != null && theme.palette) || typeof (theme == null ? void 0 : (_theme$palette = theme.palette) == null ? void 0 : _theme$palette.primary) !== 'string') {
+    return {};
+  }
+
+  return (0, _extends2.default)({}, defaultTheme, {
+    palette: {
+      primary: (0, _extends2.default)({}, generateMainColorObject(theme == null ? void 0 : (_theme$palette2 = theme.palette) == null ? void 0 : _theme$palette2.primary), {
+        contrastText: (_theme$palette$primar = theme == null ? void 0 : (_theme$palette3 = theme.palette) == null ? void 0 : _theme$palette3.primaryText) != null ? _theme$palette$primar : '#000000'
+      }),
+      secondary: (0, _extends2.default)({}, generateMainColorObject(theme == null ? void 0 : (_theme$palette4 = theme.palette) == null ? void 0 : _theme$palette4.secondary), {
+        contrastText: (_theme$palette$second = theme == null ? void 0 : (_theme$palette5 = theme.palette) == null ? void 0 : _theme$palette5.secondaryText) != null ? _theme$palette$second : '#000000'
+      }),
+      danger: (0, _extends2.default)({}, generateMainColorObject(theme == null ? void 0 : (_theme$palette6 = theme.palette) == null ? void 0 : _theme$palette6.error), {
+        contrastText: '#FFF'
+      }),
+      success: (0, _extends2.default)({}, generateSubColorObject(theme == null ? void 0 : (_theme$palette7 = theme.palette) == null ? void 0 : _theme$palette7.success), {
+        contrastText: '#FFF'
+      }),
+      error: (0, _extends2.default)({}, generateSubColorObject(theme == null ? void 0 : (_theme$palette8 = theme.palette) == null ? void 0 : _theme$palette8.error), {
+        contrastText: '#FFF'
+      }),
+      warning: (0, _extends2.default)({}, generateSubColorObject(theme == null ? void 0 : (_theme$palette9 = theme.palette) == null ? void 0 : _theme$palette9.warning), {
+        contrastText: '#FFF'
+      }),
+      info: (0, _extends2.default)({}, generateSubColorObject(theme == null ? void 0 : (_theme$palette10 = theme.palette) == null ? void 0 : _theme$palette10.info), {
+        contrastText: '#FFF'
+      })
+    }
+  });
+};
+
+exports.getPalette = getPalette;

package/node/Metadata/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Metadata = void 0;
+
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+
+var _getPalette = require("./getPalette");
+
+const defaultMetadata = {
+  theme: {},
+  themeV2: {},
+  localizations: {},
+  navigation: {
+    usage: {
+      visibility: 'hidden',
+      permissions: ['fe.usage.read'],
+      featureFlag: 'fe-usage-page'
+    },
+    webhooks: {
+      visibility: 'hidden',
+      permissions: ['fe.connectivity.read.webhooks']
+    },
+    roles: {
+      visibility: 'hidden',
+      featureFlag: 'fe-roles-page',
+      permissions: ['fe.secure.read.roles']
+    },
+    users: {
+      visibility: 'always',
+      permissions: ['fe.secure.read.users'],
+      inviteDialog: {
+        phoneNumberField: 'optional'
+      }
+    },
+    personalApiTokens: {
+      visibility: 'hidden'
+    },
+    apiTokens: {
+      visibility: 'hidden',
+      permissions: ['fe.secure.read.tenantApiTokens']
+    },
+    profile: {
+      visibility: 'always'
+    },
+    privacy: {
+      visibility: 'always'
+    },
+    account: {
+      visibility: 'always'
+    },
+    security: {
+      visibility: 'always',
+      permissions: ['fe.secure.read.securityPolicy']
+    },
+    sso: {
+      visibility: 'hidden'
+    },
+    multipleSSO: {
+      visibility: 'hidden',
+      permissions: ['fe.secure.read.samlConfiguration']
+    },
+    audits: {
+      visibility: 'always',
+      permissions: ['fe.secure.read.audits']
+    },
+    subscriptions: {
+      visibility: 'hidden',
+      permissions: ['fe.subscriptions.*']
+    }
+  }
+};
+
+class Metadata {
+  constructor() {
+    this._theme = defaultMetadata.theme;
+    this._themeV2 = defaultMetadata.themeV2;
+    this._navigation = defaultMetadata.navigation;
+    this._localizations = defaultMetadata.localizations;
+  }
+
+  static getInstance(name = 'default') {
+    return this._instances[name];
+  }
+
+  static set(metadata, name = 'default') {
+    const metadataInstance = new Metadata();
+    metadataInstance.set(metadata);
+    Metadata._instances[name] = metadataInstance;
+    return metadataInstance;
+  }
+
+  get theme() {
+    var _this$_theme;
+
+    return (_this$_theme = this._theme) != null ? _this$_theme : {};
+  }
+
+  get themeV2() {
+    var _this$_themeV;
+
+    return (_this$_themeV = this._themeV2) != null ? _this$_themeV : {};
+  }
+
+  get navigation() {
+    var _this$_navigation;
+
+    return (_this$_navigation = this._navigation) != null ? _this$_navigation : {};
+  }
+
+  get localizations() {
+    var _this$_localizations;
+
+    return (_this$_localizations = this._localizations) != null ? _this$_localizations : {};
+  }
+
+  set(metadata) {
+    try {
+      var _defaultMetadata$navi, _metadata$navigation, _defaultMetadata$them, _defaultMetadata$them2, _metadata$themeV, _defaultMetadata$loca, _metadata$localizatio;
+
+      this._navigation = _deepmerge.default.all([(_defaultMetadata$navi = defaultMetadata.navigation) != null ? _defaultMetadata$navi : {}, (_metadata$navigation = metadata == null ? void 0 : metadata.navigation) != null ? _metadata$navigation : {}]);
+      this._theme = _deepmerge.default.all([(_defaultMetadata$them = defaultMetadata.theme) != null ? _defaultMetadata$them : {}, (0, _getPalette.getPalette)(metadata == null ? void 0 : metadata.theme, defaultMetadata.theme)]);
+      this._themeV2 = _deepmerge.default.all([(_defaultMetadata$them2 = defaultMetadata.themeV2) != null ? _defaultMetadata$them2 : {}, (_metadata$themeV = metadata == null ? void 0 : metadata.themeV2) != null ? _metadata$themeV : {}]);
+      this._localizations = _deepmerge.default.all([(_defaultMetadata$loca = defaultMetadata.localizations) != null ? _defaultMetadata$loca : {}, (_metadata$localizatio = metadata == null ? void 0 : metadata.localizations) != null ? _metadata$localizatio : {}]);
+    } catch (e) {
+      this._navigation = defaultMetadata.navigation;
+      this._theme = defaultMetadata.theme;
+      this._themeV2 = defaultMetadata.themeV2;
+      this._localizations = defaultMetadata.localizations;
+    }
+  }
+
+}
+
+exports.Metadata = Metadata;
+Metadata._instances = {};

package/node/PrivateOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/AdminPortalThemeOptions.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdminPortalPages = void 0;
+let AdminPortalPages;
+exports.AdminPortalPages = AdminPortalPages;
+
+(function (AdminPortalPages) {
+  AdminPortalPages["Profile"] = "profile";
+  AdminPortalPages["Privacy"] = "privacy";
+  AdminPortalPages["PersonalTokens"] = "personalTokens";
+  AdminPortalPages["AccountDetails"] = "accountDetails";
+  AdminPortalPages["Users"] = "users";
+  AdminPortalPages["Security"] = "security";
+  AdminPortalPages["Sso"] = "sso";
+  AdminPortalPages["AuditLogs"] = "auditLogs";
+  AdminPortalPages["Webhooks"] = "webhooks";
+  AdminPortalPages["ApiTokens"] = "apiTokens";
+  AdminPortalPages["Roles"] = "roles";
+  AdminPortalPages["Subscription"] = "subscription";
+})(AdminPortalPages || (exports.AdminPortalPages = AdminPortalPages = {}));

package/node/ThemeOptions/BreakpointsOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/ComponentsOptions.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+;

package/node/ThemeOptions/LoginBoxTheme/AcceptInvitationTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/ActivateAccountPageTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/CustomLoginComponents.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/ForgotPasswordTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/LoaderTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/LoginBoxCommon.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/LoginPageTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/ResetPasswordTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/ResetPhoneNumberTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/SignupPageTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/SocialLoginsTheme.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/LoginBoxTheme/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _LoginBoxCommon = require("./LoginBoxCommon");
+
+Object.keys(_LoginBoxCommon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoginBoxCommon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LoginBoxCommon[key];
+    }
+  });
+});
+
+var _LoginPageTheme = require("./LoginPageTheme");
+
+Object.keys(_LoginPageTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoginPageTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LoginPageTheme[key];
+    }
+  });
+});
+
+var _SignupPageTheme = require("./SignupPageTheme");
+
+Object.keys(_SignupPageTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SignupPageTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SignupPageTheme[key];
+    }
+  });
+});
+
+var _CustomLoginComponents = require("./CustomLoginComponents");
+
+Object.keys(_CustomLoginComponents).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomLoginComponents[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CustomLoginComponents[key];
+    }
+  });
+});
+
+var _SocialLoginsTheme = require("./SocialLoginsTheme");
+
+Object.keys(_SocialLoginsTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SocialLoginsTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SocialLoginsTheme[key];
+    }
+  });
+});
+
+var _ForgotPasswordTheme = require("./ForgotPasswordTheme");
+
+Object.keys(_ForgotPasswordTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ForgotPasswordTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ForgotPasswordTheme[key];
+    }
+  });
+});
+
+var _ResetPhoneNumberTheme = require("./ResetPhoneNumberTheme");
+
+Object.keys(_ResetPhoneNumberTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ResetPhoneNumberTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ResetPhoneNumberTheme[key];
+    }
+  });
+});
+
+var _ResetPasswordTheme = require("./ResetPasswordTheme");
+
+Object.keys(_ResetPasswordTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ResetPasswordTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ResetPasswordTheme[key];
+    }
+  });
+});
+
+var _ActivateAccountPageTheme = require("./ActivateAccountPageTheme");
+
+Object.keys(_ActivateAccountPageTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActivateAccountPageTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ActivateAccountPageTheme[key];
+    }
+  });
+});
+
+var _AcceptInvitationTheme = require("./AcceptInvitationTheme");
+
+Object.keys(_AcceptInvitationTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AcceptInvitationTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AcceptInvitationTheme[key];
+    }
+  });
+});

package/node/ThemeOptions/LoginBoxThemeOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ThemeOptions/Palette.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});