Merge branch 'main' into feature/import-figma-frame

Author: PoojaB26

docs/accounts-billing/imgs/pricing-timeline-2025-dark.png

@@ -68,7 +68,9 @@ necessary code.
 This can significantly speed up the building process and reduce the need for in-depth programming
 knowledge, making it especially useful for custom functions and actions.
 
-**Limitation:** The prompts are limited to 100 characters currently.
+:::info[Limitation]
+Your prompt must be at least 3 words and no more than 500 characters.
+:::
 
 <div style={{
     position: 'relative',

docs/accounts-billing/imgs/pricing-timeline-2025-light.png

@@ -27,7 +27,7 @@ You can add and send push notifications manually or trigger them based on user a
 :::info[General Prerequisites]
 Before you begin, ensure that you:
 - Complete all the steps in 
-[**Firebase Setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md).
+[**Firebase Setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md). Note that, while setting up, make sure to follow step number 5 and 8 carefully from [**Allow FlutterFlow to Access Your Project**](../../ff-integrations/firebase/connect-to-firebase-setup.md#allow-flutterflow-to-access-your-project) section to properly add the **Cloud Functions Admin** role to **[email protected]** user.
 - Upgrade your Firebase project to the [**Blaze plan**](https://firebase.google.com/pricing) to enable [**Cloud Functions**](https://firebase.google.com/docs/functions), which are required specifically for FlutterFlow’s push notification setup, such as retrieving the FCM token and sending notifications trigger from FlutterFlow.  
 :::
 

docs/accounts-billing/new-pricing-comparison.md

@@ -21,7 +21,7 @@ Here are some examples of AI Agents:
 
 :::info[Prerequisite]
 Before you begin setting up AI Agents, make sure you:
-1. Connect your project to Firebase by completing the [**Firebase Setup**](../firebase/connect-to-firebase-setup.md).
+1. Complete all the steps in [**Firebase Setup**](../firebase/connect-to-firebase-setup.md). Note that, while setting up, make sure to follow step number 5 and 8 carefully from [**Allow FlutterFlow to Access Your Project**](../firebase/connect-to-firebase-setup.md#allow-flutterflow-to-access-your-project) section to properly add the **Cloud Functions Admin** role to **[email protected]** user.
 2. Upgrade your Firebase project to the [**Blaze Plan**](https://firebase.google.com/pricing), as we rely on [**Firebase Cloud Functions**](https://firebase.google.com/docs/functions) to handle AI-related communication securely.
 :::
 

docs/accounts-billing/plan-pricing.md

@@ -5,7 +5,10 @@ description: Learn how to add and configure the Google Maps widget in your Flutt
 tags: [Google Maps, Widget, Integration]
 sidebar_position: 2
 keywords: [FlutterFlow, Google Maps, Widget, Integration]
+toc_max_heading_level: 4
 ---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 # Google Maps Widget
 
@@ -155,6 +158,70 @@ the Map**.
 <div class="video-container"><iframe src="https://www.loom.
 com/embed/1b06bfc1365f4fc68f15089d4f84d798?sid=ff33ea94-cd7f-4b4e-822e-6fe0743dbd27" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
 
+#### Map Takes Gesture Preference
+When this is turned on, any gestures, such as zooming or dragging, will only affect the map, not the rest of the page. This is helpful if your map is inside a scrollable page, so users can interact with the map without accidentally scrolling the whole page.
+
+:::info
+This setting is only available if **Allow Interacting** and **Allow Zooming** are turned on.
+:::
+
+<Tabs>
+<TabItem value="1" label="Map Takes Gesture Preference (Disabled)" default>
+<div style={{
+    position: 'relative',
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
+    height: 0,
+    width: '100%'}}>
+    <iframe 
+        src="https://demo.arcade.software/JC6AnbIQpfSPfENrbd6s?embed&show_copy_link=true"
+        title=""
+        style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            colorScheme: 'light'
+        }}
+        frameborder="0"
+        loading="lazy"
+        webkitAllowFullScreen
+        mozAllowFullScreen
+        allowFullScreen
+        allow="clipboard-write">
+    </iframe>
+</div>
+<p></p>
+</TabItem>
+<TabItem value="2" label="Map Takes Gesture Preference (Enabled)">
+<div style={{
+    position: 'relative',
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
+    height: 0,
+    width: '100%'}}>
+    <iframe 
+        src="https://demo.arcade.software/m5EdLhn4tlkjfRhhquqg?embed&show_copy_link=true"
+        title=""
+        style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            colorScheme: 'light'
+        }}
+        frameborder="0"
+        loading="lazy"
+        webkitAllowFullScreen
+        mozAllowFullScreen
+        allowFullScreen
+        allow="clipboard-write">
+    </iframe>
+</div>
+<p></p>
+</TabItem>
+</Tabs>
+
 ### Show User Location
 
 When enabled, a blue dot appears on the map to indicate the user's current location. If the map is

docs/ff-concepts/adding-customization/custom-code.md

@@ -58,7 +58,7 @@ Integrating the Stripe Payments in your app comprises the following steps:
 4. [Testing](#4-testing)
 5. [Releasing to production](#5-releasing-to-production)
 
-### 1. Setup Stripe payment
+### 1. Setup Stripe Payment
 
 Setting up the Stripe payment includes acquiring the keys from your Stripe account and adding them to FlutterFlow.
 
@@ -76,7 +76,7 @@ Follow the steps below to set up payment using Stripe:
 6. Copy the **Publishable Key** and **Secret Key** from the Stripe API keys page and paste them into the respective fields inside FlutterFlow. If you are using Stripe in test mode, make sure you paste them inside the **Test Credentials** section.
 7. Under the **Additional Settings**, you need to specify the following:
     1. **Merchant Display Name** (*Required*): Enter a name for the merchant (you) that the user will see while performing the payment.
-    2. **Merchant Country Code** (*Required*): Enter your country code. This must be the 3-digit ISO country code, such as USA, IND, and NGA.
+    2. **Merchant Country Code** (*Required*): Enter your country code. This must be the 2 digit ISO country code, such as US, IN, and AU.
     3. **Apple Merchant ID** (*Optional*): You need to enter this if you want to accept payments through Apple Pay as well. The instructions for using Apple Pay are in [this section](#2-apple-pay-setup-optional).
 8. Click **Deploy**.
 
@@ -86,7 +86,7 @@ Follow the steps below to set up payment using Stripe:
     height: 0,
     width: '100%'}}>
     <iframe 
-        src="https://www.loom.com/embed/0e4ba1f7f055433e96a7fa6cede2c127?sid=400ef912-1580-44ad-81a9-25051bed0256"
+        src="https://demo.arcade.software/PcikYUtB8cSug9CyUAOv?embed&show_copy_link=true"
         title=""
         style={{
             position: 'absolute',
@@ -108,7 +108,7 @@ Follow the steps below to set up payment using Stripe:
 
 This would deploy the Stripe payment service as a Firebase Cloud Function. Now, you are ready to trigger payments inside your app.
 
-### 2. Apple Pay setup (optional)
+### 2. Apple Pay Setup (optional)
 
 Setting up Apple Pay comprises the following steps:
 
@@ -185,7 +185,7 @@ To add Apple Merchant ID in FlutterFlow:
 
 ![Adding Apple Merchant ID in FlutterFlow](imgs/adding-apple-merchant-id.png)
 
-### 3. Trigger Stripe payment [Action]
+### 3. Trigger Stripe Payment [Action]
 
 In order to initiate a payment using Stripe, you have to use the **Stripe Payment** action.
 
@@ -244,7 +244,7 @@ You can test Stripe payments on mobile and the Web before deployment. To do that
 4. [Download](../../testing-deployment-publishing/exporting-code/ff-cli.md) and [run](../../testing-deployment-publishing/running-your-app/run-your-app.md) your project..
 5. To test the purchase, you can use any of these [basic test card numbers](https://stripe.com/docs/testing#cards).
 
-### 5. Releasing to production
+### 5. Releasing to Production
 
 Before you release the app to production, complete the following steps: