Merge branch 'main' into feature/multiple-conditions-description

Author: pinkeshmars

docs/accounts-billing/plan-pricing.md

@@ -1,37 +1,8 @@
 
 # Referral Program
 
-Everyone with a FlutterFlow account has a personal referral code to share with friends and colleagues. For every referral that subscribes, you will receive one month of FlutterFlow Pro credited to your account.
+:::warning[Discontinued]
+With the retirement of the Pro plan, the existing referral program has been discontinued. Any active referral discounts will end at your next renewal. However, referral credits you’ve already earned will remain in your account and can be redeemed for free months on the new Growth plan.
 
-In order to receive this reward, the person you referred will need to:
-
-1. Click your referral link and create a FlutterFlow account.
-2. Complete purchase of any of the paid subscriptions (after their trial period ends).
-
-You are only eligible for one referral reward per individual. If your referral has already signed up for FlutterFlow, this will not be eligible for a reward.
-
-:::info
-In order to account for refunds and cancellations, referral credits will be processed 45 days after your referral's first payment.
+We are also exploring new referral and incentive programs to better support and reward our community under the updated pricing model.
 :::
-
-### How To Find And Share Your Referral Code
-
-Your personal referral code is listed on your [My Account Page](https://app.flutterflow.io/account).
-
-1. Navigate to the [My Account Page](https://app.flutterflow.io/account) and scroll down to the **Referrals** section.
-2. To copy your referral code, press the copy icon.
-
-![referral-link](imgs/referral-link.avif)
-
-### How To Track How Many People Have Signed Up Using Your Referral Code
-
-You can track your referrals in the **Referrals** section on the [My Account Page](https://app.flutterflow.io/account). Here you will see:
-
-* **Signed Up:** How many people have signed up for FluterFlow using your referral link.
-* **Subscribed:** How many people have subscribed to a FlutterFlow paid subscription using your referral link.
-
-![track-referrals.png](imgs/track-referral.avif)
-
-### I forgot to sign-up using the referral link, can I add this after creating account?
-
-Unfortunately, we are unable to retroactively change this after your account has been created.

docs/accounts-billing/referral-program.md

@@ -90,7 +90,7 @@ On the right side, you can configure the following Boilerplate Settings:
 3. **Require Authentication**: Turn on this setting if you want users to be authenticated to execute this cloud function.
 4. **Cloud Function Region**: This determines the geographical location of the servers where your functions are hosted and executed. Ideally, you should keep this same as your *Default GCP resource location* and the Cloud Function Region specified in the Firebase Advanced Settings.
 
-![img_8.png](imgs/img_8.png)
+![cf-region.avif](imgs/cf-region.avif)
 
 #### Configuring Input & Output
 

docs/ff-concepts/adding-customization/cloud-functions.md

@@ -67,7 +67,7 @@ Use this approach only when the component is a fixed element that does not chang
 :::
 
 In a **[Custom Widget](custom-widgets.md)**, you can integrate a previously built **[FlutterFlow Component](../../resources/ui/components/intro-components.md)** directly, saving you from recreating child content in code. For example, if you’re building a Custom Widget to display custom dialog boxes or bottom sheets using a package from 
-[pub.dev](custom-code.md#pubdev), you can simply return an existing Component created on the canvas, rather than coding a new one from scratch.
+[pub.dev](https://pub.dev/), you can simply return an existing Component created on the canvas, rather than coding a new one from scratch.
 
 :::tip[Imports]
 When referencing a Component class in your code, FlutterFlow will automatically add the necessary import statement.

docs/ff-concepts/adding-customization/common-examples.md

@@ -263,14 +263,7 @@ In the generated code, descriptions are added as comments before the function de
 :::
 
 ## Adding a Pubspec Dependency
-To utilize community-built Flutter solutions in your FlutterFlow projects, you can add a "pubspec dependency". The **pubspec file** is the configuration file in Flutter projects that lists external packages or libraries, along with other project configurations.
 
-
-:::tip[Scope]
-You can only add a pubspec dependency to [**Custom Actions**](custom-actions.md) & [**Custom Widgets**](custom-widgets.md).
-:::
-
-####  Pub.dev
 [Pub.dev](https://pub.dev) is the official package repository for Dart and Flutter. It hosts a wide range of packages, libraries, and tools that developers can use to extend the functionality of their Dart and Flutter applications.
 
 :::info[Flutter Favorite Packages]
@@ -281,17 +274,33 @@ You can explore the Flutter Favorite packages on **[pub.dev's Flutter Favorites
 
 :::
 
-To add a pubspec dependency from [**pub.dev**](#pubdev), follow these steps:
-
-1. Create a new Custom Widget or Custom Action resource file, and be sure to give it a meaningful name.
+To add a pubspec dependency from pub.dev, go to **Settings and Integrations > Project Dependencies**, then open the **Custom Dependencies** tab. Click **Add Pub Dependency**, enter the **package name** and **version**, and click **Add** to include it in your project.
 
-2. [**Generate the boilerplate code**](#generate-boilerplate-code) and copy the basic widget or function structure into the code editor.
-
-3. Select the [**package you want from pub.dev**](#choosing-the-correct-package-from-pubdev) and review its details.
-
-4. Copy the package name and version, and add them to the Custom Code settings in FlutterFlow. Then, copy the import statement and add it to the list of imports in the Custom Code resource. You can also copy example code from the Example tab on the package’s pub.dev page and modify it as needed — see more in the **[Setup Code](#setup-code)** section.
-
-5. Click "Save & **[Compile Code](#compile-code)**" to apply the changes.
+<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/oRtb2mYzh1fdRcgeoQjZ?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>
 
 ### Choosing the correct package from pub.dev
 
@@ -376,14 +385,13 @@ dependencies:
 
 Here’s exactly how you do it:
 
-
 <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/CgLCKJzdiCuaxMF04pg6?embed&show_copy_link=true"
+        src="https://demo.arcade.software/KUqOcYwnQQ77uAcTA1dw?embed&show_copy_link=true"
         title=""
         style={{
             position: 'absolute',
@@ -424,7 +432,7 @@ To configure your custom code with the package, copy and paste the following ite
 
 To use the dependency in your Custom Action or Custom Widget resource file, go to the package's pub.dev page and click the **Copy to Clipboard** icon next to the package name and version. Then, paste it into the **Pubspec Dependency** section (bottom right) of the FlutterFlow code editor. 
 
-![package-dependency-version-copy.png](imgs/package-dependency-version-copy.png)
+![package-dependency-version-copy](imgs/package-dependency-version-copy.avif)
 
 
 See **[example](#add-pubspec-dependency-to-custom-code-example-guide)** for more information.
@@ -469,7 +477,7 @@ FlutterFlow:
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/EAqWwTSfjumXzJ3xB6FX?embed&show_copy_link=true"
+        src="https://demo.arcade.software/e8vTIcA4EPju5XntsGiD?embed&show_copy_link=true"
         title=""
         style={{
             position: 'absolute',
@@ -496,11 +504,9 @@ This example demonstrates how to add a [**pub.dev**](https://pub.dev) package to
 
 ## Manage Dependencies
 
-You can also add packages directly on the **Dependencies** page (at **Settings and Integrations > Project Setup > Project Dependencies**) and they will be reflected in your custom actions or custom widgets, because packages are managed at the project level.
-
-Additionally, when you create a new custom action or widget, all previously added custom dependencies will be listed on the **Pubspec** **Dependencies** list on the right side. This ensures that you can easily track all custom dependencies in the project, avoiding duplication or conflicts that could override each other or cause project errors.
+You can manage dependencies directly from **Settings and Integrations > Project Dependencies** > **Custom Dependencies** tab.
 
-If any project errors related to packages arise, they will be displayed in both the custom code editor and the Dependencies page. You can also update the version numbers of custom packages directly from the Dependencies page. This streamlined process helps maintain consistency and reduces potential issues related to custom packages.
+If version conflicts occur, warnings will appear in both the **Custom Dependencies** tab and the **Custom Code** editor. You can also bump package versions directly from the list, making it easier to resolve issues and keep dependencies consistent.
 
 <div style={{
     position: 'relative',

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

@@ -80,7 +80,7 @@ FlutterFlow:
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/EAqWwTSfjumXzJ3xB6FX?embed&show_copy_link=true"
+        src="https://demo.arcade.software/e8vTIcA4EPju5XntsGiD?embed&show_copy_link=true"
         title=""
         style={{
             position: 'absolute',

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

@@ -12,8 +12,17 @@ Our support team is available from 5 AM to 5 PM Eastern Time, Monday through Fri
 
 ### How To Reach Us
 
-* **Pro** and **Teams** users can reach us using the in-app chat inside FlutterFlow
-* We can also be reached at [email protected]
+Depending on your plan, there are multiple ways you can get support when using FlutterFlow:
+
+- **Account and Billing Support**: Available for all plans. You can always reach out for help with managing your account or billing-related questions.
+
+- **Community Support**: All users have access to the FlutterFlow Community Forums, where you can ask questions, share knowledge, and connect with other builders.
+
+- **Email Support**: Available starting from the **Basic** plan and above. Get direct help from our support team via email.
+
+- **In-App Support**: Available starting from the **Growth** plan and above. Chat directly with support specialists from within FlutterFlow for faster assistance.
+
+- **Dedicated Live Support**: Exclusive to the **Enterprise** plan. Gain direct access to dedicated support specialists for priority, hands-on help.
 
 ### What We Can Help With
 

docs/ff-concepts/adding-customization/imgs/cf-region.avif

@@ -207,11 +207,11 @@ data is cached, the same data will be used for all employees, which is not what
 <Tabs>
 <TabItem value="1" label="Data inaccuracy without Unique Key" default>
 <div class="video-container"><iframe src="https://www.loom.
-com/embed/b0383a28dd2c4ad4aa761c27be9f7d3d?sid=2d6ec072-976a-4116-b971-78c1c8e79704" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+com/embed/ed9716ec74e542d8a264e87235ce3aec?sid=7b03c276-a8bb-4dbf-9131-acf0a1fa9e8b" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
 </TabItem>
-<TabItem value="2" label="Adding Unique Key ">
+<TabItem value="2" label="Adding Unique Key">
 <div class="video-container"><iframe src="https://www.loom.
-com/embed/ed9716ec74e542d8a264e87235ce3aec?sid=7b03c276-a8bb-4dbf-9131-acf0a1fa9e8b" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+com/embed/b0383a28dd2c4ad4aa761c27be9f7d3d?sid=2d6ec072-976a-4116-b971-78c1c8e79704" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
 </TabItem>
 </Tabs>
 
@@ -314,4 +314,4 @@ Follow the steps below to add this action to any widget.
         allow="clipboard-write">
     </iframe>
 </div>
-<p></p>
+<p></p>