merge main

modules/BlueskyClip/ViewController.swift

@@ -34,6 +34,7 @@ class ViewController: UIViewController, WKScriptMessageHandler, WKNavigationDele
     webView.navigationDelegate = self
     self.view.addSubview(webView)
     self.webView = webView
+    self.webView?.load(URLRequest(url: URL(string: "https://bsky.app/?splash=true&clip=true")!))
   }
 
   func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
@@ -45,13 +46,11 @@ class ViewController: UIViewController, WKScriptMessageHandler, WKNavigationDele
     
     switch payload.action {
     case .present:
-      guard let url = self.starterPackUrl else {
-        return
-      }
-
       self.presentAppStoreOverlay()
-      defaults?.setValue(url.absoluteString, forKey: "starterPackUri")
 
+      if let url = self.starterPackUrl {
+        defaults?.setValue(url.absoluteString, forKey: "starterPackUri")
+      }
     case .store:
       guard let keyToStoreAs = payload.keyToStoreAs, let jsonToStore = payload.jsonToStore else {
         return

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bsky.app",
-  "version": "1.92.0",
+  "version": "1.93.0",
   "private": true,
   "engines": {
     "node": ">=18"

src/components/Typography.tsx

@@ -26,7 +26,7 @@ export type TextProps = Omit<RNTextProps, 'children'> & {
   title?: string
 } & (
     | {
-        emoji: true
+        emoji?: true
         children: StringChild
       }
     | {

src/components/dialogs/VerifyEmailDialog.tsx

@@ -8,10 +8,11 @@ import {logger} from '#/logger'
 import {useModalControls} from '#/state/modals'
 import {useAgent, useSession} from '#/state/session'
 import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
-import {atoms as a, useBreakpoints, useTheme} from '#/alf'
+import {atoms as a, useBreakpoints} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
 import * as TextField from '#/components/forms/TextField'
+import {InlineLinkText} from '#/components/Link'
 import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
 
@@ -55,7 +56,6 @@ export function Inner({
   const {_} = useLingui()
   const {currentAccount} = useSession()
   const agent = useAgent()
-  const t = useTheme()
   const {openModal} = useModalControls()
   const {gtMobile} = useBreakpoints()
 
@@ -116,7 +116,12 @@ export function Inner({
   }
 
   return (
-    <Dialog.ScrollableInner label={_(msg`Verify email dialog`)}>
+    <Dialog.ScrollableInner
+      label={_(msg`Verify email dialog`)}
+      style={[
+        gtMobile ? {width: 'auto', maxWidth: 400, minWidth: 200} : a.w_full,
+      ]}>
+      <Dialog.Close />
       <View style={[a.gap_xl]}>
         <View style={[a.gap_sm]}>
           <Text style={[a.font_heavy, a.text_2xl]}>
@@ -129,26 +134,28 @@ export function Inner({
           ) : null}
           <Text style={[a.text_md, a.leading_snug]}>
             {currentStep === 'StepOne' ? (
-              <Trans>
+              <>
-                You'll receive an email at{' '}
+                <Trans>
-                <Text style={[a.text_md, a.leading_snug, a.font_bold]}>
+                  You'll receive an email at{' '}
-                  {currentAccount?.email}
+                  <Text style={[a.text_md, a.leading_snug, a.font_bold]}>
-                </Text>{' '}
+                    {currentAccount?.email}
-                to verify it's you.{' '}
+                  </Text>{' '}
-                <Text
+                  to verify it's you.
-                  onPress={() => {
+                </Trans>{' '}
+                <InlineLinkText
+                  to="#"
+                  label={_(msg`Change email address`)}
+                  style={[a.text_md, a.leading_snug]}
+                  onPress={e => {
+                    e.preventDefault()
                     control.close(() => {
                       openModal({name: 'change-email'})
                     })
-                  }}
+                    return false
-                  style={[
+                  }}>
-                    a.text_md,
-                    a.leading_snug,
-                    {color: t.palette.primary_500},
-                  ]}>
                   <Trans>Need to change it?</Trans>
-                </Text>
+                </InlineLinkText>
-              </Trans>
+              </>
             ) : (
               uiStrings[currentStep].message
             )}
@@ -187,8 +194,8 @@ export function Inner({
               </Button>
               <Button
                 label={_(msg`I Have a Code`)}
-                variant="ghost"
+                variant="solid"
-                color="primary"
+                color="secondary"
                 size="large"
                 disabled={isProcessing}
                 onPress={() => setCurrentStep('StepTwo')}>
@@ -215,8 +222,8 @@ export function Inner({
               </Button>
               <Button
                 label={_(msg`Resend Email`)}
-                variant="ghost"
+                variant="solid"
-                color="primary"
+                color="secondary"
                 size="large"
                 disabled={isProcessing}
                 onPress={() => {

src/view/com/util/UserBanner.tsx

@@ -106,7 +106,7 @@ export function UserBanner({
               ) : (
                 <View
                   testID="userBannerFallback"
-                  style={[styles.bannerImage, styles.defaultBanner]}
+                  style={[styles.bannerImage, t.atoms.bg_contrast_25]}
                 />
               )}
               <View style={[styles.editButtonContainer, pal.btn]}>
@@ -181,7 +181,7 @@ export function UserBanner({
       testID="userBannerFallback"
       style={[
         styles.bannerImage,
-        type === 'labeler' ? styles.labelerBanner : styles.defaultBanner,
+        type === 'labeler' ? styles.labelerBanner : t.atoms.bg_contrast_25,
       ]}
     />
   )
@@ -203,9 +203,6 @@ const styles = StyleSheet.create({
     width: '100%',
     height: 150,
   },
-  defaultBanner: {
-    backgroundColor: '#0070ff',
-  },
   labelerBanner: {
     backgroundColor: tokens.color.temp_purple,
   },