From d96f2a0d9289b1a0148fea82b48f6f3889420058 Mon Sep 17 00:00:00 2001
From: Alex Varchuk <olexandr.varchuk@gmail.com>
Date: Fri, 8 Jul 2022 16:33:58 +0300
Subject: [PATCH] fix: restore old variant security injections

---
 demo/openapi.yaml                                    |  2 +-
 src/services/AppStore.ts                             | 12 +++++++++++-
 .../__snapshots__/loadAndBundleSpec.test.ts.snap     |  2 +-
 src/utils/openapi.ts                                 |  1 +
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/demo/openapi.yaml b/demo/openapi.yaml
index 4008f2e271..dabf41d44c 100644
--- a/demo/openapi.yaml
+++ b/demo/openapi.yaml
@@ -38,7 +38,7 @@ info:
     OAuth2 - an open protocol to allow secure authorization in a simple
     and standard method from web, mobile and desktop applications.
 
-    <SecurityDefinitions />
+    <!-- ReDoc-Inject: <security-definitions> -->
 
   version: 1.0.0
   title: Swagger Petstore
diff --git a/src/services/AppStore.ts b/src/services/AppStore.ts
index 6c3457cd27..f6237c343c 100644
--- a/src/services/AppStore.ts
+++ b/src/services/AppStore.ts
@@ -12,7 +12,11 @@ import { SearchStore } from './SearchStore';
 
 import { SchemaDefinition } from '../components/SchemaDefinition/SchemaDefinition';
 import { SecurityDefs } from '../components/SecuritySchemes/SecuritySchemes';
-import { SCHEMA_DEFINITION_JSX_NAME, SECURITY_DEFINITIONS_JSX_NAME } from '../utils/openapi';
+import {
+  SCHEMA_DEFINITION_JSX_NAME,
+  SECURITY_DEFINITIONS_JSX_NAME,
+  OLD_SECURITY_DEFINITIONS_JSX_NAME,
+} from '../utils/openapi';
 
 import { IS_BROWSER } from '../utils';
 
@@ -160,6 +164,12 @@ const DEFAULT_OPTIONS: RedocRawOptions = {
         securitySchemes: store.spec.securitySchemes,
       }),
     },
+    [OLD_SECURITY_DEFINITIONS_JSX_NAME]: {
+      component: SecurityDefs,
+      propsSelector: (store: AppStore) => ({
+        securitySchemes: store.spec.securitySchemes,
+      }),
+    },
     [SCHEMA_DEFINITION_JSX_NAME]: {
       component: SchemaDefinition,
       propsSelector: (store: AppStore) => ({
diff --git a/src/utils/__tests__/__snapshots__/loadAndBundleSpec.test.ts.snap b/src/utils/__tests__/__snapshots__/loadAndBundleSpec.test.ts.snap
index 5f526a7472..b676fc7e5a 100644
--- a/src/utils/__tests__/__snapshots__/loadAndBundleSpec.test.ts.snap
+++ b/src/utils/__tests__/__snapshots__/loadAndBundleSpec.test.ts.snap
@@ -513,7 +513,7 @@ Petstore offers two forms of authentication:
 OAuth2 - an open protocol to allow secure authorization in a simple
 and standard method from web, mobile and desktop applications.
 
-<SecurityDefinitions />
+<!-- ReDoc-Inject: <security-definitions> -->
 ",
     "license": Object {
       "name": "Apache 2.0",
diff --git a/src/utils/openapi.ts b/src/utils/openapi.ts
index 272f04f9f7..d40576988c 100644
--- a/src/utils/openapi.ts
+++ b/src/utils/openapi.ts
@@ -627,6 +627,7 @@ export function normalizeServers(
 }
 
 export const SECURITY_DEFINITIONS_JSX_NAME = 'SecurityDefinitions';
+export const OLD_SECURITY_DEFINITIONS_JSX_NAME = 'security-definitions';
 export const SCHEMA_DEFINITION_JSX_NAME = 'SchemaDefinition';
 
 export let SECURITY_SCHEMES_SECTION_PREFIX = 'section/Authentication/';