Steve.moviesHD

.gitignore

@@ -0,0 +1,2 @@
+images/.DS_Store
+.DS_store

account/subscriptions.mdx

@@ -49,8 +49,13 @@ You can view and upgrade your subscription at [create.xyz/pricing](https://creat
 To manage your subscription:
 
 1. Click your profile icon in the bottom left corner of the dashboard
-2. Select "Manage Subscription"
+2. Select "[Manage Subscription](https://pay.create.xyz/p/login/5kA6oDbVS22c2jedQQ)"
 3. From here you can:
    - Upgrade your plan
    - Downgrade your plan
    - Cancel your subscription
+
+
+## Invoices, Receipts, and Billing History
+
+You can access your invoices, receipts, and billing history through Create's [billing portal](https://pay.create.xyz/p/login/5kA6oDbVS22c2jedQQ) in Stripe.

auth/facebook.mdx

@@ -0,0 +1,270 @@
+---
+title: "Facebook Login"
+description: "Let users login to your app with their Facebook accounts"
+---
+
+Let users sign in to your app with their Facebook accounts. They'll share their email, name, and profile picture.
+
+You'll need to set up a few things in Facebook first, then add those settings to Create.
+
+## Before You Start
+
+Make sure you have:
+
+<Check>
+  A Create project with [User Accounts](/builder/user-accounts) turned on
+</Check>
+
+<Check>
+  Your app running on a custom domain through [Create's domain setup](/publish-and-share/custom-domains)
+</Check>
+
+## Overview
+
+<CardGroup cols={2}>
+  <Card title="Set Up Facebook App" icon="key">
+    Create an app in Facebook
+  </Card>
+  <Card title="Add keys to Create" icon="plug">
+    Add your Facebook App ID and Secret to Create
+  </Card>
+  <Card title="Add the Facebook Login UI your sign in pages" icon="pencil">
+    Make the login button look how you want
+  </Card>
+  <Card title="Test flow" icon="check-circle">
+    Make sure login works
+  </Card>
+</CardGroup>
+
+## Facebook Setup
+
+<Steps>
+  <Step title="Access Facebook Developers">
+    1. Go to [Facebook for Developers](https://developers.facebook.com)
+    2. Sign in with your Facebook account
+    3. Click "My Apps" in the top right
+    <img src="/images/auth/facebook/1-signindevelopers.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Create New App">
+    1. Click "Create App" from the dashboard
+    2. You'll be taken to the app creation screen
+    <img src="/images/auth/facebook/2-createapp.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Configure App Details">
+    1. Enter your app name
+    2. Add your contact email
+    3. Click "Create App"
+    <img src="/images/auth/facebook/3-namecontact.png" style={{ borderRadius: '0.5rem' }} />
+    <Warning>
+      Choose an app name that clearly represents your business or service - this will be visible to users
+    </Warning>
+  </Step>
+
+  <Step title="Add Facebook Login">
+    1. On the product selection screen
+    2. Find and select "Facebook Login"
+    3. This will add the login capability to your app
+    <img src="/images/auth/facebook/4-choosefblogin.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Business Portfolio Setup">
+    1. Choose whether to add your app to a business portfolio
+    2. You can skip this step for now during development
+    3. You'll need to complete this before launching
+    <img src="/images/auth/facebook/5-businessportfolios.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Complete Initial Setup">
+    1. Click "Go to Dashboard" to finalize the initial setup
+    2. This will take you to your app's main dashboard
+    <img src="/images/auth/facebook/6-finalize.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Configure Email Permission (Optional)">
+    1. Navigate to App Settings > Permissions
+    2. Add the email permission if you want to receive user email addresses
+    3. This is optional but recommended if your app needs to email users
+    <img src="/images/auth/facebook/7-permissionsaddemail.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Access Settings">
+    1. In the left sidebar, click "Facebook Login > Settings"
+    2. This is where you'll configure the OAuth settings
+    <img src="/images/auth/facebook/8-settings.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Configure OAuth Redirect URI">
+    1. Under "Valid OAuth Redirect URIs"
+    2. Add: `https://www.your-domain.com/api/auth/callback/facebook`
+    3. Replace "your-domain.com" with your actual domain
+    <img src="/images/auth/facebook/9-oauthredirecturi.png" style={{ borderRadius: '0.5rem' }} />
+    <Warning>
+      Must include:
+      - `https://` protocol
+      - `www` prefix in the domain
+      - Exact domain used in Create's custom domain settings
+      - Valid CNAME record for `www` subdomain in DNS
+    </Warning>
+  </Step>
+
+  <Step title="Save OAuth Settings">
+    1. Scroll to the bottom of the settings page
+    2. Click "Save Changes" to store your OAuth configuration
+    <img src="/images/auth/facebook/10-savechanges.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Go to Basic Settings">
+    1. Navigate to Settings > Basic in the left sidebar
+    2. This section contains your app credentials and core settings
+    <img src="/images/auth/facebook/11-basicsettings.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Copy App Credentials">
+    1. Find your App ID
+    2. Click "Show" to reveal your App Secret
+    3. Save both values - you'll need them for Create setup
+    <img src="/images/auth/facebook/12-copyidsecret.png" style={{ borderRadius: '0.5rem' }} />
+    <Warning>
+      Keep your App Secret secure - never share it publicly
+    </Warning>
+  </Step>
+
+  <Step title="Complete Basic Settings (Later)">
+    <Note>
+      Before launching, you'll need to complete these additional settings:
+    </Note>
+    1. Add your domain with `www` prefix
+    2. Add Privacy Policy URL
+    3. Add User Data Deletion Policy URL
+    4. Add Terms of Service URL
+    <img src="/images/auth/facebook/13-domainprivacydatadeletion.png" style={{ borderRadius: '0.5rem' }} />
+    <Tip>
+      You can use services like Termly to generate these required policy documents and then host them on pages in your Create app. 
+    </Tip>
+  </Step>
+
+  <Step title="Business Verification (Later)">
+    <Note>
+      Required before launching your app:
+    </Note>
+    1. Complete the business verification process
+    2. Provide required documentation
+    3. Wait for Facebook's review
+    <img src="/images/auth/facebook/14-businessverification.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Publish Your Facebook App (Later)">
+    <Note>
+      Final step before going live:
+    </Note>
+    1. Navigate to the App Dashboard
+    2. Switch your app from Development to Live mode
+    3. Complete any remaining verification steps
+    <img src="/images/auth/facebook/15-publish.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+</Steps>
+
+## Add to Create Project
+
+<Steps>
+  <Step title="Enable User Accounts">
+    You have two options:
+    1. Prompt Create with "Let users sign in"
+    2. Enable User Accounts from the logo menu
+  </Step>
+
+  <Step title="Access Project Settings">
+    1. Click the 3-dot menu at the top of the chat
+    2. Select "Project Settings"
+    <img src="/images/auth/x/17-createprojectsettings.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Enable Facebook Login">
+    1. Navigate to the Authentication section
+    2. Find Facebook Login toggle
+    3. Turn it on
+    <img src="/images/auth/facebook/16-enablefb.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Add Facebook Credentials">
+    1. Paste in your App ID
+    2. Paste in your App Secret
+    3. Click Save
+    <img src="/images/auth/facebook/16-enablefb.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Add Sign In UI">
+    1. Return to the chat
+    2. Prompt Create with "Add Facebook Login as an option"
+    3. Create will update your sign-in pages automatically
+    <img src="/images/auth/facebook/17-promptcreate.png" style={{ borderRadius: '0.5rem' }} />
+  </Step>
+
+  <Step title="Publish Your App">
+    1. Click the Publish button
+    2. Review your changes
+    3. Publish to make the Facebook Login feature live
+  </Step>
+</Steps>
+
+## Testing
+
+1. Publish your changes
+2. Open your app in a new incognito window 
+3. Go to the sign in page
+4. Try signing in with Facebook
+5. Check the [auth_users table](/builder/databases) to see your new user
+
+## Troubleshooting
+
+<Accordion title="Can't see the Facebook button">
+  - Check if User Accounts is turned on
+  - Make sure Facebook Login is enabled in Project Settings
+  - Try publishing your changes again
+  - Clear your browser data and try in incognito mode
+</Accordion>
+
+<Accordion title="Login not working">
+  - Double check your domain is exactly the same in Create and Facebook
+  - Make sure your callback URL is right: `www.your-domain.com/api/auth/callback/facebook`
+  - Check if your App ID and Secret are pasted correctly
+  - Verify your domain is set up in Facebook
+  - Make sure your app is live at your custom domain
+</Accordion>
+
+<Accordion title="Users can't sign in after domain change">
+  - Update the OAuth Redirect URIs in Facebook
+  - Update your App Domains in Facebook
+  - Re-publish your app on the new domain
+</Accordion>
+
+## FAQ
+
+<Accordion title="What user info do I get?">
+  By default:
+  - Email address
+  - Name
+  - Profile picture (if they have one)
+
+  Additional information requires requesting extra permissions and may require Facebook app review.
+</Accordion>
+
+<Accordion title="Can I change how the login button looks?">
+  Yes! Just:
+  1. Go back to chat
+  2. Tell Create how you want it to look
+  3. Create will help style it while following Facebook's rules
+</Accordion>
+
+<Accordion title="Do I need Facebook to review my app?">
+  - For basic login: No
+  - For extra features: Yes
+  - You'll need to submit your app to Facebook for approval
+</Accordion>
+
+## See Also
+
+- [User Accounts](/builder/user-accounts)
+- [Customizing Login Pages](/builder/user-accounts#customizing-auth-pages)