From 3e45cd73ea07192a90a76a70b8d75823640711c6 Mon Sep 17 00:00:00 2001
From: Kiril Kartunov <kiril.kartunov@gmail.com>
Date: Mon, 9 Nov 2020 11:35:23 +0200
Subject: [PATCH 1/3] Fixes #5165

---
 .../Contentful/PasswordScreen/index.jsx        | 18 ++++++++++++------
 src/shared/components/Contentful/Route.jsx     |  1 +
 .../components/GUIKit/TextInput/index.jsx      | 13 ++++++++++++-
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/shared/components/Contentful/PasswordScreen/index.jsx b/src/shared/components/Contentful/PasswordScreen/index.jsx
index a323ff6a46..87a57e404f 100644
--- a/src/shared/components/Contentful/PasswordScreen/index.jsx
+++ b/src/shared/components/Contentful/PasswordScreen/index.jsx
@@ -21,10 +21,12 @@ export default class PasswordScreen extends React.Component {
 
   onSubmit() {
     const { password } = this.props;
-    const { inputVal } = this.state;
-    this.setState({
-      authorized: password === inputVal,
-      errorMsg: password === inputVal ? '' : 'Password incorrect',
+    this.setState((state) => {
+      const { inputVal } = state;
+      return {
+        authorized: password === inputVal,
+        errorMsg: password === inputVal ? '' : 'Password incorrect',
+      };
     });
   }
 
@@ -41,7 +43,7 @@ export default class PasswordScreen extends React.Component {
       authorized, errorMsg, inputVal,
     } = this.state;
     const {
-      viewPortId, preview, spaceName, environment, baseUrl, title,
+      viewPortId, preview, spaceName, environment, baseUrl, title, btnText,
     } = this.props;
     return authorized ? (
       <Viewport
@@ -62,9 +64,11 @@ export default class PasswordScreen extends React.Component {
             onChange={val => this.onPasswordInput(val)}
             errorMsg={errorMsg}
             required
+            type="password"
+            onEnterKey={this.onSubmit}
           />
           <div styleName="cta">
-            <button type="button" styleName="submit" onClick={this.onSubmit} disabled={!inputVal}>SUBMIT</button>
+            <button type="button" styleName="submit" onClick={this.onSubmit} disabled={!inputVal}>{btnText}</button>
           </div>
         </div>
       </div>
@@ -78,6 +82,7 @@ PasswordScreen.defaultProps = {
   environment: null,
   baseUrl: '',
   title: 'GET ACCESS WITH PASSWORD',
+  btnText: 'SUBMIT',
 };
 
 PasswordScreen.propTypes = {
@@ -88,4 +93,5 @@ PasswordScreen.propTypes = {
   environment: PT.string,
   baseUrl: PT.string,
   title: PT.string,
+  btnText: PT.string,
 };
diff --git a/src/shared/components/Contentful/Route.jsx b/src/shared/components/Contentful/Route.jsx
index 18c23943f8..69aefe17a3 100644
--- a/src/shared/components/Contentful/Route.jsx
+++ b/src/shared/components/Contentful/Route.jsx
@@ -71,6 +71,7 @@ function ChildRoutesLoader(props) {
                         environment={environment}
                         baseUrl={url}
                         title={fields.passwordScreenTitle}
+                        btnText={fields.passwordScreenButtonText}
                       />
                     )
                     ) : <Error404 />
diff --git a/src/shared/components/GUIKit/TextInput/index.jsx b/src/shared/components/GUIKit/TextInput/index.jsx
index a69881350c..519ea50dc6 100644
--- a/src/shared/components/GUIKit/TextInput/index.jsx
+++ b/src/shared/components/GUIKit/TextInput/index.jsx
@@ -17,6 +17,8 @@ function TextInput({
   onChange,
   required,
   size,
+  type,
+  onEnterKey,
 }) {
   const [val, setVal] = useState(value);
   const delayedOnChange = useRef(
@@ -28,7 +30,7 @@ function TextInput({
     <div className="textInputContainer" styleName={`container ${sizeStyle}`}>
       <input
         defaultValue={value}
-        type="text"
+        type={type}
         placeholder={`${placeholder}${placeholder && required ? ' *' : ''}`}
         styleName={`${value || val ? 'haveValue' : ''} ${errorMsg ? 'haveError' : ''}`}
         onChange={(e) => {
@@ -39,6 +41,11 @@ function TextInput({
           delayedOnChange(e.target.value, onChange);
           setVal(e.target.value);
         }}
+        onKeyPress={(e) => {
+          if (e.key === 'Enter') {
+            onEnterKey();
+          }
+        }}
       />
       {label ? (
         <label htmlFor="textBoxInput">
@@ -58,6 +65,8 @@ TextInput.defaultProps = {
   onChange: () => {},
   required: false,
   size: 'lg',
+  type: 'text',
+  onEnterKey: () => {},
 };
 
 TextInput.propTypes = {
@@ -68,6 +77,8 @@ TextInput.propTypes = {
   onChange: PT.func,
   required: PT.bool,
   size: PT.oneOf(['xs', 'lg']),
+  type: PT.string,
+  onEnterKey: PT.func,
 };
 
 export default TextInput;

From f55074622d538dabed79be88c7e7e3036c143ffc Mon Sep 17 00:00:00 2001
From: Kiril Kartunov <kiril.kartunov@gmail.com>
Date: Mon, 9 Nov 2020 12:05:02 +0200
Subject: [PATCH 2/3] Implements #5165

---
 .../GUIKit/TextInput/__snapshots__/index.jsx.snap |  1 +
 .../Contentful/PasswordScreen/index.jsx           | 15 ++++++++++++++-
 src/shared/components/Contentful/Route.jsx        |  1 +
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/__tests__/shared/components/GUIKit/TextInput/__snapshots__/index.jsx.snap b/__tests__/shared/components/GUIKit/TextInput/__snapshots__/index.jsx.snap
index 1d2c532062..f7c29a7f58 100644
--- a/__tests__/shared/components/GUIKit/TextInput/__snapshots__/index.jsx.snap
+++ b/__tests__/shared/components/GUIKit/TextInput/__snapshots__/index.jsx.snap
@@ -9,6 +9,7 @@ exports[`Default render 1`] = `
     defaultValue=""
     onBlur={[Function]}
     onChange={[Function]}
+    onKeyPress={[Function]}
     placeholder=""
     type="text"
   />
diff --git a/src/shared/components/Contentful/PasswordScreen/index.jsx b/src/shared/components/Contentful/PasswordScreen/index.jsx
index 87a57e404f..c574520af5 100644
--- a/src/shared/components/Contentful/PasswordScreen/index.jsx
+++ b/src/shared/components/Contentful/PasswordScreen/index.jsx
@@ -43,7 +43,7 @@ export default class PasswordScreen extends React.Component {
       authorized, errorMsg, inputVal,
     } = this.state;
     const {
-      viewPortId, preview, spaceName, environment, baseUrl, title, btnText,
+      viewPortId, preview, spaceName, environment, baseUrl, title, btnText, content,
     } = this.props;
     return authorized ? (
       <Viewport
@@ -71,6 +71,17 @@ export default class PasswordScreen extends React.Component {
             <button type="button" styleName="submit" onClick={this.onSubmit} disabled={!inputVal}>{btnText}</button>
           </div>
         </div>
+        {
+          content ? (
+            <Viewport
+              id={content.sys.id}
+              preview={preview}
+              spaceName={spaceName}
+              environment={environment}
+              baseUrl={baseUrl}
+            />
+          ) : null
+        }
       </div>
     );
   }
@@ -83,6 +94,7 @@ PasswordScreen.defaultProps = {
   baseUrl: '',
   title: 'GET ACCESS WITH PASSWORD',
   btnText: 'SUBMIT',
+  content: null,
 };
 
 PasswordScreen.propTypes = {
@@ -94,4 +106,5 @@ PasswordScreen.propTypes = {
   baseUrl: PT.string,
   title: PT.string,
   btnText: PT.string,
+  content: PT.shape(),
 };
diff --git a/src/shared/components/Contentful/Route.jsx b/src/shared/components/Contentful/Route.jsx
index 69aefe17a3..78876bb229 100644
--- a/src/shared/components/Contentful/Route.jsx
+++ b/src/shared/components/Contentful/Route.jsx
@@ -72,6 +72,7 @@ function ChildRoutesLoader(props) {
                         baseUrl={url}
                         title={fields.passwordScreenTitle}
                         btnText={fields.passwordScreenButtonText}
+                        content={fields.passwordScreenContent}
                       />
                     )
                     ) : <Error404 />

From c833dcc17cc597f5a5ef566e8ec80eb07fa75874 Mon Sep 17 00:00:00 2001
From: Luiz Ricardo Rodrigues <contato@luizrrodrigues.com.br>
Date: Mon, 9 Nov 2020 07:23:48 -0300
Subject: [PATCH 3/3] ci: deploy pass-screen-updates to Stag env

Issue: #5165
---
 .circleci/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index abe65e8480..856330daff 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -260,7 +260,7 @@ workflows:
           filters:
             branches:
               only:
-                - develop
+                - pass-screen-updates
       # Production builds are exectuted 
       # when PR is merged to the master
       # Don't change anything in this configuration