refactor(cypress): expose oidc helper from appshell/ssr bundle (#2437)

.changeset/giant-glasses-wash.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/application-shell': patch
+'@commercetools-frontend/cypress': patch
+---
+
+Expose helper function from `@commercetools-frontend/application-shell/ssr`, clean up duplicate in `@commercetools-frontend/cypress`.

packages/application-shell/src/components/application-shell/redirect-to-login.tsx

@@ -8,9 +8,9 @@ import {
   trimLeadingAndTrailingSlashes,
 } from '@commercetools-frontend/url-utils';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
-import { buildOidcScope } from '../authenticated/helpers';
 import useIsServedByProxy from '../../hooks/use-is-served-by-proxy';
 import { OIDC_RESPONSE_TYPES } from '../../constants';
+import { buildOidcScope } from '../../utils/oidc';
 import * as oidcStorage from '../../utils/oidc-storage';
 import Redirector from '../redirector';
 import { getMcOrigin } from './helpers';

packages/application-shell/src/components/authenticated/has-cached-authentication-state.ts

@@ -1,8 +1,8 @@
 import type { ApplicationWindow } from '@commercetools-frontend/constants';
 
 import { STORAGE_KEYS, OIDC_CLAIMS } from '../../constants';
+import { buildOidcScope } from '../../utils/oidc';
 import * as oidcStorage from '../../utils/oidc-storage';
-import { buildOidcScope } from './helpers';
 
 declare let window: ApplicationWindow;
 

packages/application-shell/src/ssr/index.ts

@@ -1 +1,2 @@
 export * from '../utils/formatters';
+export { buildOidcScope } from '../utils/oidc';

packages/application-shell/src/components/authenticated/helpers.ts → packages/application-shell/src/utils/oidc.ts

@@ -1,6 +1,6 @@
 import type { ApplicationOidcForDevelopmentConfig } from '@commercetools-frontend/constants';
 
-import { OIDC_CLAIMS } from '../../constants';
+import { OIDC_CLAIMS } from '../constants';
 
 type BuilOidcScopeOptions = {
   projectKey?: ApplicationOidcForDevelopmentConfig['initialProjectKey'];

packages/cypress/package.json

@@ -38,6 +38,7 @@
     "@babel/runtime": "7.16.5",
     "@babel/runtime-corejs3": "7.16.5",
     "@commercetools-frontend/application-config": "20.12.1",
+    "@commercetools-frontend/application-shell": "20.12.2",
     "@manypkg/get-packages": "1.1.3",
     "uuid": "8.3.2"
   },

packages/cypress/src/add-commands/index.ts

@@ -2,7 +2,7 @@ import type { ApplicationRuntimeConfig } from '@commercetools-frontend/applicati
 
 import { v4 as uuidv4 } from 'uuid';
 import { STORAGE_KEYS, OIDC_RESPONSE_TYPES } from '../constants';
-import buildOidcScope from '../build-oidc-scope';
+import { buildOidcScope } from '@commercetools-frontend/application-shell/ssr';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 declare const Cypress: any;

packages/cypress/src/constants.ts

@@ -5,10 +5,3 @@ export const STORAGE_KEYS = {
 } as const;
 
 export const OIDC_RESPONSE_TYPES = { ID_TOKEN: 'id_token' };
-export const OIDC_CLAIMS = {
-  OPEN_ID: 'openid',
-  PROJECT_KEY: 'project_key',
-  TEAM_ID: 'team_id',
-  VIEW: 'view',
-  MANAGE: 'manage',
-};

yarn.lock

@@ -2893,6 +2893,7 @@ __metadata:
     "@babel/runtime": 7.16.5
     "@babel/runtime-corejs3": 7.16.5
     "@commercetools-frontend/application-config": 20.12.1
+    "@commercetools-frontend/application-shell": 20.12.2
     "@manypkg/get-packages": 1.1.3
     cypress: 8.7.0
     uuid: 8.3.2