Merge branch 'main' into david/account-and-billing-QA

Author: PoojaB26

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

@@ -208,7 +208,7 @@ export const PricingToggles = () => {
             <td>Unlimited</td>
             <td>Unlimited</td>
             <td>Unlimited</td>
-            <td>Unlimited</td>
+            <td>Custom</td>
           </tr>
           <tr>
             <td>AI Generation<br/><span className="feature-description">AI-powered assistance for building and coding</span></td>
@@ -252,7 +252,7 @@ export const PricingToggles = () => {
             <td>Unlimited</td>
             <td>Unlimited</td>
             <td>Unlimited</td>
-            <td>Unlimited</td>
+            <td>Custom</td>
           </tr>
           <tr>
             <td>Swagger/OpenAPI Imports<br/><span className="feature-description">Import API specifications automatically</span></td>
@@ -342,7 +342,7 @@ export const PricingToggles = () => {
             <td>Automated Testing<br/><span className="feature-description">Run automated tests on your applications</span></td>
             <td>❌</td>
             <td>❌</td>
-            <td>❌</td>
+            <td>1 test per project</td>
             <td>Up to 3 tests per project</td>
             <td>Unlimited tests</td>
           </tr>
@@ -524,15 +524,15 @@ export const PricingToggles = () => {
             <td>1</td>
             <td>Up to 2</td>
             <td>Up to 5*</td>
-            <td>Unlimited</td>
+            <td>Custom</td>
           </tr>
           <tr>
             <td>Single Project Collaborator Add-Ons<br/><span className="feature-description">Allow non-team members to collaborate on a single project</span></td>
             <td>None</td>
             <td>None</td>
             <td>Up to 4 collaborators available for purchase</td>
             <td>Up to 10 collaborators available for purchase</td>
-            <td>N/A (unlimited team editors)</td>
+            <td>N/A</td>
           </tr>
           <tr>
             <td>Real-Time Collaboration<br/><span className="feature-description">Work together on projects simultaneously</span></td>

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

@@ -459,4 +459,15 @@ You can access the custom enums from **Set from Variable** menu > **Custom Enum*
 - Keep your custom class files modular and focused; ideally one class per file for better organization and reusability.
 - Avoid advanced Dart features that are not supported by FlutterFlow’s parser, such as generics or function-typed fields.
 - Re-parse your code after making changes to ensure FlutterFlow updates the parsed structure correctly.
-- Document your code with comments to make your custom classes easier to understand and maintain over time.
+- Document your code with comments to make your custom classes easier to understand and maintain over time.
+
+## FAQs
+
+<details>
+<summary>
+Can I add Custom Classes (Code Files) in a Library Project?
+</summary>
+<p>
+Yes, you can. When a Library Project is imported, any custom code files you’ve defined will be parsed, and the resulting classes will be available for use in the consuming project.
+</p>
+</details>

docs/ff-concepts/adding-customization/configuration-files.md

@@ -0,0 +1,4 @@
+{
+  "label": "Advanced",
+  "position": 10
+}

docs/ff-concepts/advanced/_category_.json

@@ -196,4 +196,58 @@ To implement this, we can go to its widget properties and toggle the device icon
 
 And now you have a more responsive screen for this shopping app use case that looks good in both mobile and desktop formats.
 
-With these adjustments, your shopping app now boasts a highly responsive screen that seamlessly adapts to both mobile and desktop formats. This ensures an optimal user experience across all devices, maintaining both functionality and aesthetic appeal.
+With these adjustments, your shopping app now boasts a highly responsive screen that seamlessly adapts to both mobile and desktop formats. This ensures an optimal user experience across all devices, maintaining both functionality and aesthetic appeal.
+
+## Responsive Value
+
+**Responsive Values** allow you to define different property values, such as widths, heights, font sizes, or padding, for different device sizes (mobile, tablet, desktop, and wide). At runtime, your app evaluates the screen width and automatically applies the appropriate value based on your configurations.
+
+:::info[possible use cases]
+
+- **Adaptive Layouts**: Automatically adjust element sizes to deliver a consistent UI across devices.
+- **Better Readability**: Increase font size on larger screens to improve legibility.
+- **Improved Spacing**: Use different padding or margins on tablets and desktops to optimize content flow.
+
+:::
+
+To set a responsive value, select a widget and choose a property that supports responsiveness. Click **Set from Variable > Responsive Value**, then enter different values for each screen size:
+
+- Mobile (below `Breakpoint Small`)
+- Tablet (below `Breakpoint Medium`)
+- Desktop (below `Breakpoint Large`)
+- Wide (above `Breakpoint Large`)
+
+As you preview on different devices, the property will automatically adjust based on the selected screen size.
+
+:::tip[Customizing Breakpoints]
+
+You can adjust the default screen size breakpoints (mobile, tablet, desktop, wide) in FlutterFlow’s Theme Settings. See how to [**Customize Breakpoints**](#customize-responsive-breakpoints).
+
+:::
+
+
+<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/0XfY0BCqlcIrsXhOGlCh?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>

docs/ff-concepts/advanced/imgs/method-channels.avif

@@ -684,17 +684,7 @@ This library sets up everything you need for routing users into your app using B
 
 ### Install Library
 
-To install the Branch Deep Linking Library, open the FlutterFlow Marketplace, search for the library, and click **+ Add for Free**.
-
-:::tip[marketplace]
-You can find the [**Library here**](https://marketplace.flutterflow.io/item/oAco1HzQHxtOVE1ssTcC).
-:::
-
-This installs the library into your FlutterFlow account, and you can reuse it across any number of projects.
-
-![branch-library-install.png](imgs/branch-library-install.png)
-
-To add it to a specific project, go to **Settings > Project Dependencies**, click **Add Library**, and search for Branch.
+You can install the [Branch Deeplinking Library from the Marketplace](https://marketplace.flutterflow.io/item/oAco1HzQHxtOVE1ssTcC). Refer to the [Add Library Item](../../marketplace/adding-purchasing-item.md#add-library-item) instructions to see how to add it to your account.
 
 ### Branch Setup 
 

docs/ff-concepts/advanced/method-channels.md

@@ -269,10 +269,14 @@ For testing your app on a real device, you must configure the project in Xcode.
 
 Here's how you configure your project in Xcode:
 
-1. Open your project in Xcode. If you are using Android Studio, right-click on the **ios** folder, find **Flutter,** and then click on the **Open iOS module in Xcode**.
+1. From the Local Run, [open your project in Xcode](../../../testing-deployment-publishing/running-your-app/local-run.md#access-project-code). 
+:::tip
+If you are using Android Studio, right-click on the **ios** folder, find **Flutter,** and then click on the **Open iOS module in Xcode**.
+:::
 2. In Xcode, click on **Runner** (left side menu) and then select the **Signing and Capabilities** tab.
 3. We recommend choosing the **Automatically manage signing** option. This will auto-create the profiles, app ID, and certificates required to build and run your app. If you don't, you'll have to [manually create a 'provisioning profile'](https://blog.codemagic.io/distributing-native-ios-sdk-with-flutter-module-using-codemagic/) and then add it in the Xcode.
 4. Under the **Signing** section, find the **Team** dropdown and select your team.
+5. Use [Local Run](../../../testing-deployment-publishing/running-your-app/local-run.md) to test the app on a real device.
 
 <div style={{
     position: 'relative',

docs/ff-concepts/layout/responsive-layout.md

@@ -270,7 +270,7 @@ To let users log out of your app, you can use the [Logout](auth-actions.md#logou
 
 ### 9. Prepare to test the app
 
-Facebook Sign-In functionality does not work in Run or Test Mode and can only be tested on a real device or emulator.
+Facebook Sign-In functionality does not work in Run or Test Mode. You can test your app on a real device or emulator using FlutterFlow’s Local Run. Follow the [Local Run documentation](../../../testing-deployment-publishing/running-your-app/local-run.md) and see [how to set up a physical device](../../../testing-deployment-publishing/running-your-app/local-run.md#setup-physical-device) to start testing.
 
 ### 10. Verify user creation