Merge pull request #72 from blacksky-algorithms/stripe

add stripe checkout and support page

Author: rishibalakrishnan

.env.example

@@ -46,3 +46,7 @@ GEOLOCATION_DEV_URL=
 
 # live-events web worker URL
 LIVE_EVENTS_DEV_URL=
+
+# Stripe
+EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+EXPO_PUBLIC_STRIPE_API_URL=

Dockerfile

@@ -60,6 +60,14 @@ ENV EXPO_PUBLIC_GROWTHBOOK_API_HOST=${EXPO_PUBLIC_GROWTHBOOK_API_HOST:-${EXPO_PU
 ARG EXPO_PUBLIC_GROWTHBOOK_CLIENT_KEY
 ENV EXPO_PUBLIC_GROWTHBOOK_CLIENT_KEY=${EXPO_PUBLIC_GROWTHBOOK_CLIENT_KEY:-sdk-7gkUkGy9wguUjyFe}
 
+#
+# Stripe
+#
+ARG EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY
+ENV EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=$EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY
+ARG EXPO_PUBLIC_STRIPE_API_URL
+ENV EXPO_PUBLIC_STRIPE_API_URL=$EXPO_PUBLIC_STRIPE_API_URL
+
 #
 # Copy everything into the container
 #
@@ -88,6 +96,8 @@ RUN \. "$NVM_DIR/nvm.sh" && \
   echo "EXPO_PUBLIC_METRICS_API_HOST=$EXPO_PUBLIC_METRICS_API_HOST" >> .env && \
   echo "EXPO_PUBLIC_GROWTHBOOK_API_HOST=$EXPO_PUBLIC_GROWTHBOOK_API_HOST" >> .env && \
   echo "EXPO_PUBLIC_GROWTHBOOK_CLIENT_KEY=$EXPO_PUBLIC_GROWTHBOOK_CLIENT_KEY" >> .env && \
+  echo "EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=$EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY" >> .env && \
+  echo "EXPO_PUBLIC_STRIPE_API_URL=$EXPO_PUBLIC_STRIPE_API_URL" >> .env && \
   npm install --global yarn && \
   yarn && \
   yarn intl:build 2>&1 | tee i18n.log && \

package.json

@@ -106,6 +106,8 @@
     "@react-navigation/native": "^7.1.26",
     "@react-navigation/native-stack": "^7.9.0",
     "@sentry/react-native": "~6.20.0",
+    "@stripe/react-stripe-js": "^6.1.0",
+    "@stripe/stripe-js": "^9.0.1",
     "@tanstack/query-async-storage-persister": "^5.25.0",
     "@tanstack/react-query": "5.25.0",
     "@tanstack/react-query-persist-client": "^5.25.0",

src/Navigation.tsx

@@ -68,6 +68,7 @@ import {ProfileScreen} from '#/view/screens/Profile'
 import {ProfileFeedLikedByScreen} from '#/view/screens/ProfileFeedLikedBy'
 import {StorybookScreen} from '#/view/screens/Storybook'
 import {SupportScreen} from '#/view/screens/Support'
+import {SupportReturnScreen} from '#/view/screens/SupportReturn'
 import {TermsOfServiceScreen} from '#/view/screens/TermsOfService'
 import {BottomBar} from '#/view/shell/bottom-bar/BottomBar'
 import {createNativeStackNavigatorWithAuth} from '#/view/shell/createNativeStackNavigatorWithAuth'
@@ -334,6 +335,11 @@ function commonScreens(Stack: typeof Flat, unreadCountLabel?: string) {
         getComponent={() => SupportScreen}
         options={{title: title(msg`Support`)}}
       />
+      <Stack.Screen
+        name="SupportReturn"
+        getComponent={() => SupportReturnScreen}
+        options={{title: title(msg`Support`)}}
+      />
       <Stack.Screen
         name="PrivacyPolicy"
         getComponent={() => PrivacyPolicyScreen}

src/env/common.ts

@@ -142,3 +142,15 @@ export const LIVE_EVENTS_PROD_URL = `https://live-events.workers.bsky.app`
 export const LIVE_EVENTS_URL = IS_DEV
   ? (LIVE_EVENTS_DEV_URL ?? LIVE_EVENTS_PROD_URL)
   : LIVE_EVENTS_PROD_URL
+
+/**
+ * Stripe publishable key for embedded checkout
+ */
+export const STRIPE_PUBLISHABLE_KEY: string =
+  process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY || ''
+
+/**
+ * Stripe API URL for creating checkout sessions
+ */
+export const STRIPE_API_URL: string =
+  process.env.EXPO_PUBLIC_STRIPE_API_URL || ''

src/lib/routes/types.ts

@@ -38,6 +38,7 @@ export type CommonNavigatorParams = {
   SharedPreferencesTester: undefined
   Log: undefined
   Support: undefined
+  SupportReturn: {session_id?: string}
   PrivacyPolicy: undefined
   TermsOfService: undefined
   CommunityGuidelines: undefined