Update app.py

app.py

@@ -125,7 +125,7 @@ with gr.Blocks(css = """#col_container { margin-left: auto; margin-right: auto;}
     gr.HTML(title)
     gr.HTML("""<h3 align="center">🔥This Huggingface Gradio Demo provides you full access to GPT4 API (4096 token limit). 🎉🥳🎉You don't need any OPENAI API key🙌</h1>""")
     gr.HTML('''<center><a href="https://huggingface.co/spaces/ysharma/ChatGPT4?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>Duplicate the Space and run securely with your OpenAI API Key</center>''')
-    with gr.Column(elem_id = "col_container"):
+    with gr.Column(elem_id = "col_container", visible=False) as main_block:
         #GPT4 API Key is provided by Huggingface 
         #openai_api_key = gr.Textbox(type='password', label="Enter only your GPT4 OpenAI API key here")
         chatbot = gr.Chatbot(elem_id='chatbot') #c
@@ -144,31 +144,32 @@ with gr.Blocks(css = """#col_container { margin-left: auto; margin-right: auto;}
             #top_k = gr.Slider( minimum=1, maximum=50, value=4, step=1, interactive=True, label="Top-k",)
             #repetition_penalty = gr.Slider( minimum=0.1, maximum=3.0, value=1.03, step=0.01, interactive=True, label="Repetition Penalty", )
             chat_counter = gr.Number(value=0, visible=False, precision=0)
-        with gr.Modal("User Consent for Data Collection and Use", open=True):
-            gr.HTML("""<p>
-            By using our app powered by OpenAI's API, you acknowledge and agree that we may collect and use the data you provide, including the inputs you type into our app and the outputs generated by OpenAI's API. Your data may be published or shared with others.
-            </p>
-            <p>
-            If you do not agree with our data collection and use practices, please do not use our app. By continuing to use our app, you are providing your explicit consent to the collection, use, and potential sharing of your data as described above.
-            </p>""")
-            accept_button = gr.Button("I Agree", id="accept_consent")
-
-        # Disable chatbot, inputs, and buttons until consent is given
-        chatbot.set_disabled(True)
-        inputs.set_disabled(True)
-        b1.set_disabled(True)
+    
+    with gr.Column(elem_id = "user_consent_container") as user_consent_block:
+        # Get user consent
+        with gr.Accordion("User Consent for Data Collection, Use, and Sharing", open=True):
+            gr.HTML("""
+            <div>
+                <p>By using our app, which is powered by OpenAI's API, you acknowledge and agree to the following terms regarding the data you provide:</p>
+                <ol>
+                    <li><strong>Collection:</strong> We may collect information, including the inputs you type into our app and the outputs generated by OpenAI's API.</li>
+                    <li><strong>Use:</strong> We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications.</li>
+                    <li><strong>Sharing and Publication:</strong> Your data may be published, shared with third parties, or used for analysis and reporting purposes.</li>
+                    <li><strong>Data Retention:</strong> We may retain your data for as long as necessary.</li>
+                </ol>
+                <p>By continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.</p>
+            </div>
+            """)
+            accept_button = gr.Button("I Agree")
 
         def enable_inputs():
-            chatbot.set_disabled(False)
-            inputs.set_disabled(False)
-            b1.set_disabled(False)
+            return user_consent_block.update(visible=False), main_block.update(visible=True)
 
-        accept_button.on_click(enable_inputs)
+    accept_button.click(fn=enable_inputs, inputs=[], outputs=[user_consent_block, main_block])
 
     inputs.submit( predict, [inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
     b1.click( predict, [inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
     b1.click(reset_textbox, [], [inputs])
     inputs.submit(reset_textbox, [], [inputs])
                     
-    #gr.Markdown(description)
-    demo.queue(max_size=20, concurrency_count=10).launch()
+    demo.queue(max_size=20, concurrency_count=10).launch()