@commercetools-frontend/application-shell-connectors 21.16.0 → 21.17.0

package/dist/commercetools-frontend-application-shell-connectors.cjs.dev.js

@@ -16,6 +16,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _pt = require('prop-types');
 var react = require('react');
 var moment = require('moment-timezone');
+var sentry = require('@commercetools-frontend/sentry');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -25,7 +26,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
 var warning = require('tiny-warning');
 var react$1 = require('@apollo/client/react');
 var constants = require('@commercetools-frontend/constants');
-var sentry = require('@commercetools-frontend/sentry');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -47,7 +47,7 @@ var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInsta
 var warning__default = /*#__PURE__*/_interopDefault(warning);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.16.0";
+var version = "21.17.0";
 
 var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
@@ -252,7 +252,7 @@ var defaultTimeZone = moment__default["default"].tz.guess() || 'Etc/UTC'; // Exp
 
 var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(user) {
   if (!user) return null;
-  return {
+  var applicationContextUser = {
     id: user.id,
     email: user.email,
     firstName: user.firstName,
@@ -263,7 +263,27 @@ var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(u
     locale: user.language,
     timeZone: user.timeZone || defaultTimeZone,
     projects: user.projects
-  };
+  }; // This property will only be populated when user has logged in using SSO
+
+  if (user.idTokenUserInfo) {
+    var additionalClaims = {};
+
+    try {
+      additionalClaims = JSON.parse(user.idTokenUserInfo.additionalClaims || '');
+    } catch (error) {
+      sentry.reportErrorToSentry(new Error('@commercetools-frontend/application-shell-connectors: Could not parse received user sso token additional claims from server.'), {
+        extra: {
+          receivedAdditionalClaims: user.idTokenUserInfo.additionalClaims
+        }
+      });
+    }
+
+    applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
+      additionalClaims: additionalClaims
+    });
+  }
+
+  return applicationContextUser;
 }; // Adjust certain fields which depend e.g. on the origin
 
 var mapEnvironmentToApplicationContextEnvironment = function mapEnvironmentToApplicationContextEnvironment(environment, origin) {

package/dist/commercetools-frontend-application-shell-connectors.cjs.prod.js

@@ -16,6 +16,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('prop-types');
 var react = require('react');
 var moment = require('moment-timezone');
+var sentry = require('@commercetools-frontend/sentry');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -25,7 +26,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('tiny-warning');
 var react$1 = require('@apollo/client/react');
 var constants = require('@commercetools-frontend/constants');
-var sentry = require('@commercetools-frontend/sentry');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -45,7 +45,7 @@ var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.16.0";
+var version = "21.17.0";
 
 var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
@@ -250,7 +250,7 @@ var defaultTimeZone = moment__default["default"].tz.guess() || 'Etc/UTC'; // Exp
 
 var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(user) {
   if (!user) return null;
-  return {
+  var applicationContextUser = {
     id: user.id,
     email: user.email,
     firstName: user.firstName,
@@ -261,7 +261,27 @@ var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(u
     locale: user.language,
     timeZone: user.timeZone || defaultTimeZone,
     projects: user.projects
-  };
+  }; // This property will only be populated when user has logged in using SSO
+
+  if (user.idTokenUserInfo) {
+    var additionalClaims = {};
+
+    try {
+      additionalClaims = JSON.parse(user.idTokenUserInfo.additionalClaims || '');
+    } catch (error) {
+      sentry.reportErrorToSentry(new Error('@commercetools-frontend/application-shell-connectors: Could not parse received user sso token additional claims from server.'), {
+        extra: {
+          receivedAdditionalClaims: user.idTokenUserInfo.additionalClaims
+        }
+      });
+    }
+
+    applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
+      additionalClaims: additionalClaims
+    });
+  }
+
+  return applicationContextUser;
 }; // Adjust certain fields which depend e.g. on the origin
 
 var mapEnvironmentToApplicationContextEnvironment = function mapEnvironmentToApplicationContextEnvironment(environment, origin) {

package/dist/commercetools-frontend-application-shell-connectors.esm.js

@@ -12,6 +12,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _pt from 'prop-types';
 import { createContext, useContext, useEffect } from 'react';
 import moment from 'moment-timezone';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
@@ -21,10 +22,9 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import warning from 'tiny-warning';
 import { useQuery } from '@apollo/client/react';
 import { GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
-import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.16.0";
+var version = "21.17.0";
 
 var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
@@ -229,7 +229,7 @@ var defaultTimeZone = moment.tz.guess() || 'Etc/UTC'; // Expose only certain fie
 
 var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(user) {
   if (!user) return null;
-  return {
+  var applicationContextUser = {
     id: user.id,
     email: user.email,
     firstName: user.firstName,
@@ -240,7 +240,27 @@ var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(u
     locale: user.language,
     timeZone: user.timeZone || defaultTimeZone,
     projects: user.projects
-  };
+  }; // This property will only be populated when user has logged in using SSO
+
+  if (user.idTokenUserInfo) {
+    var additionalClaims = {};
+
+    try {
+      additionalClaims = JSON.parse(user.idTokenUserInfo.additionalClaims || '');
+    } catch (error) {
+      reportErrorToSentry(new Error('@commercetools-frontend/application-shell-connectors: Could not parse received user sso token additional claims from server.'), {
+        extra: {
+          receivedAdditionalClaims: user.idTokenUserInfo.additionalClaims
+        }
+      });
+    }
+
+    applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
+      additionalClaims: additionalClaims
+    });
+  }
+
+  return applicationContextUser;
 }; // Adjust certain fields which depend e.g. on the origin
 
 var mapEnvironmentToApplicationContextEnvironment = function mapEnvironmentToApplicationContextEnvironment(environment, origin) {

package/dist/declarations/src/components/application-context/application-context.d.ts

@@ -1,5 +1,5 @@
 import type { ApplicationWindow } from '@commercetools-frontend/constants';
-import type { TFetchLoggedInUserQuery, TFetchProjectQuery } from '../../types/generated/mc';
+import type { TFetchLoggedInUserQuery, TFetchProjectQuery, TIdTokenUserInfo } from '../../types/generated/mc';
 import { ComponentType, ReactNode } from 'react';
 declare type TFetchedUser = TFetchLoggedInUserQuery['user'];
 declare type TFetchedProject = TFetchProjectQuery['project'];
@@ -23,33 +23,15 @@ declare type TApplicationContextGroupedByResourceType = {
 declare type TApplicationContextDataFenceType = 'store';
 declare type TApplicationContextDataFences = Partial<Record<TApplicationContextDataFenceType, TApplicationContextGroupedByResourceType>>;
 declare type TApplicationContextEnvironment = ApplicationWindow['app'];
-declare const Context: import("react").Context<{}>;
-export declare const mapUserToApplicationContextUser: (user?: TFetchedUser) => {
-    id: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    businessRole: string | null | undefined;
+declare type TApplicationContextUser = Pick<NonNullable<TFetchedUser>, 'id' | 'email' | 'firstName' | 'lastName' | 'businessRole' | 'projects'> & {
     locale: string;
     timeZone: string;
-    projects: {
-        __typename?: "ProjectQueryResult" | undefined;
-        total: number;
-        results: {
-            __typename?: "Project" | undefined;
-            name: string;
-            key: string;
-            suspension: {
-                __typename?: "ProjectSuspension" | undefined;
-                isActive: boolean;
-            };
-            expiry: {
-                __typename?: "ProjectExpiry" | undefined;
-                isActive: boolean;
-            };
-        }[];
+    idTokenUserInfo?: Omit<TIdTokenUserInfo, 'additionalClaims'> & {
+        additionalClaims: Record<string, unknown>;
     };
-} | null;
+};
+declare const Context: import("react").Context<{}>;
+export declare const mapUserToApplicationContextUser: (user?: TFetchedUser) => TApplicationContextUser | null;
 export declare const mapEnvironmentToApplicationContextEnvironment: <AdditionalEnvironmentProperties extends {}>(environment: AdditionalEnvironmentProperties & {
     applicationId: string;
     applicationName: string;

package/dist/declarations/src/types/generated/mc.d.ts

@@ -84,6 +84,17 @@ export declare type TFeature = {
     reason?: Maybe<Scalars['String']>;
     value: Scalars['Boolean'];
 };
+export declare type TIdTokenUserInfo = {
+    __typename?: 'IdTokenUserInfo';
+    additionalClaims?: Maybe<Scalars['String']>;
+    aud: Scalars['String'];
+    email?: Maybe<Scalars['String']>;
+    exp: Scalars['Float'];
+    iat: Scalars['Float'];
+    iss: Scalars['String'];
+    name?: Maybe<Scalars['String']>;
+    sub: Scalars['String'];
+};
 export declare type TInvitationInput = {
     emails: Array<Scalars['String']>;
     organization: TInvitationOrganizationInput;
@@ -551,6 +562,7 @@ export declare type TUser = TMetaData & {
     firstName: Scalars['String'];
     gravatarHash: Scalars['String'];
     id: Scalars['ID'];
+    idTokenUserInfo?: Maybe<TIdTokenUserInfo>;
     language: Scalars['String'];
     lastModifiedAt: Scalars['String'];
     lastName: Scalars['String'];
@@ -699,6 +711,17 @@ export declare type TFetchLoggedInUserQuery = {
                 };
             }>;
         };
+        idTokenUserInfo?: {
+            __typename?: 'IdTokenUserInfo';
+            iss: string;
+            sub: string;
+            aud: string;
+            exp: number;
+            iat: number;
+            email?: string | null;
+            name?: string | null;
+            additionalClaims?: string | null;
+        } | null;
     } | null;
 };
 export declare type TFetchUserProjectsQueryVariables = Exact<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "21.16.0",
+  "version": "21.17.0",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -23,8 +23,8 @@
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@babel/runtime-corejs3": "^7.19.0",
-    "@commercetools-frontend/constants": "21.16.0",
-    "@commercetools-frontend/sentry": "21.16.0",
+    "@commercetools-frontend/constants": "21.17.0",
+    "@commercetools-frontend/sentry": "21.17.0",
     "@emotion/react": "11.10.4",
     "@types/lodash": "^4.14.185",
     "@types/prop-types": "^15.7.5",