@oxyhq/services 10.5.0 → 11.1.0

package/lib/module/ui/screens/NotificationsScreen.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useCallback, useMemo } from 'react';
-import { View, StyleSheet, ScrollView } from 'react-native';
+import { View, ScrollView } from 'react-native';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import { Switch } from '@oxyhq/bloom/switch';
 import { useTheme } from '@oxyhq/bloom/theme';
@@ -12,9 +12,6 @@ import { useOxy } from "../context/OxyContext.js";
 import { useCurrentUser } from "../hooks/queries/useAccountQueries.js";
 import { useUpdateNotificationPreferences } from "../hooks/mutations/useAccountMutations.js";
 import { useSettingToggles } from "../hooks/useSettingToggle.js";
-import { useColorScheme } from "../hooks/useColorScheme.js";
-import { Colors } from "../constants/theme.js";
-import { normalizeColorScheme, normalizeTheme } from '@oxyhq/core';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_VALUES = {
   pushEnabled: true,
@@ -33,15 +30,12 @@ const DEFAULT_VALUES = {
  */
 const NotificationsScreen = ({
   onClose,
-  theme,
   goBack
 }) => {
   const bloomTheme = useTheme();
   const {
     t
   } = useI18n();
-  const colorScheme = useColorScheme();
-  const palette = useMemo(() => Colors[normalizeColorScheme(colorScheme, normalizeTheme(theme))], [colorScheme, theme]);
   const {
     isAuthenticated
   } = useOxy();
@@ -77,93 +71,81 @@ const NotificationsScreen = ({
   });
   const isSaving = savingKeys.size > 0;
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: [/*#__PURE__*/_jsx(Header, {
       title: t('notifications.title') || 'Notifications',
       onBack: goBack || onClose,
       variant: "minimal",
       elevation: "subtle"
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      children: [/*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('notifications.sections.channels') || 'Channels',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "bell",
-            color: palette.iconPersonalInfo
-          }),
-          title: t('notifications.items.push.title') || 'Push notifications',
-          description: t('notifications.items.push.subtitle') || 'Real-time alerts on your devices',
-          rightElement: /*#__PURE__*/_jsx(Switch, {
-            value: values.pushEnabled,
-            onValueChange: () => toggle('pushEnabled'),
-            disabled: isSaving
-          }),
-          showChevron: false
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "email",
-            color: palette.iconData
-          }),
-          title: t('notifications.items.emailDigest.title') || 'Email digest',
-          description: t('notifications.items.emailDigest.subtitle') || 'Periodic summary of your account activity',
-          rightElement: /*#__PURE__*/_jsx(Switch, {
-            value: values.emailDigest,
-            onValueChange: () => toggle('emailDigest'),
-            disabled: isSaving
-          }),
-          showChevron: false
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      className: "flex-1",
+      children: /*#__PURE__*/_jsxs(View, {
+        className: "px-screen-margin pb-space-24",
+        children: [/*#__PURE__*/_jsxs(SettingsListGroup, {
+          title: t('notifications.sections.channels') || 'Channels',
+          children: [/*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "bell",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('notifications.items.push.title') || 'Push notifications',
+            description: t('notifications.items.push.subtitle') || 'Real-time alerts on your devices',
+            rightElement: /*#__PURE__*/_jsx(Switch, {
+              value: values.pushEnabled,
+              onValueChange: () => toggle('pushEnabled'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "email",
+              color: bloomTheme.colors.info
+            }),
+            title: t('notifications.items.emailDigest.title') || 'Email digest',
+            description: t('notifications.items.emailDigest.subtitle') || 'Periodic summary of your account activity',
+            rightElement: /*#__PURE__*/_jsx(Switch, {
+              value: values.emailDigest,
+              onValueChange: () => toggle('emailDigest'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })]
+        }), /*#__PURE__*/_jsx(SettingsListGroup, {
+          title: t('notifications.sections.alerts') || 'Alerts',
+          children: /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "shield-check",
+              color: bloomTheme.colors.success
+            }),
+            title: t('notifications.items.securityAlerts.title') || 'Security alerts',
+            description: t('notifications.items.securityAlerts.subtitle') || 'Sign-ins, recovery codes, and key changes',
+            rightElement: /*#__PURE__*/_jsx(Switch, {
+              value: values.securityAlerts,
+              onValueChange: () => toggle('securityAlerts'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })
+        }), /*#__PURE__*/_jsx(SettingsListGroup, {
+          title: t('notifications.sections.marketing') || 'Marketing',
+          children: /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "megaphone",
+              color: bloomTheme.colors.secondary
+            }),
+            title: t('notifications.items.marketingEmails.title') || 'Marketing emails',
+            description: t('notifications.items.marketingEmails.subtitle') || 'Product news and occasional offers',
+            rightElement: /*#__PURE__*/_jsx(Switch, {
+              value: values.marketingEmails,
+              onValueChange: () => toggle('marketingEmails'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })
         })]
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('notifications.sections.alerts') || 'Alerts',
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "shield-check",
-            color: palette.iconSecurity
-          }),
-          title: t('notifications.items.securityAlerts.title') || 'Security alerts',
-          description: t('notifications.items.securityAlerts.subtitle') || 'Sign-ins, recovery codes, and key changes',
-          rightElement: /*#__PURE__*/_jsx(Switch, {
-            value: values.securityAlerts,
-            onValueChange: () => toggle('securityAlerts'),
-            disabled: isSaving
-          }),
-          showChevron: false
-        })
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('notifications.sections.marketing') || 'Marketing',
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "megaphone",
-            color: palette.iconSharing
-          }),
-          title: t('notifications.items.marketingEmails.title') || 'Marketing emails',
-          description: t('notifications.items.marketingEmails.subtitle') || 'Product news and occasional offers',
-          rightElement: /*#__PURE__*/_jsx(Switch, {
-            value: values.marketingEmails,
-            onValueChange: () => toggle('marketingEmails'),
-            disabled: isSaving
-          }),
-          showChevron: false
-        })
-      })]
+      })
     })]
   });
 };
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 16,
-    paddingBottom: 24
-  }
-});
 export default /*#__PURE__*/React.memo(NotificationsScreen);
 //# sourceMappingURL=NotificationsScreen.js.map

package/lib/module/ui/screens/NotificationsScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","View","StyleSheet","ScrollView","SettingsListGroup","SettingsListItem","Switch","useTheme","Header","SettingsIcon","useI18n","useOxy","useCurrentUser","useUpdateNotificationPreferences","useSettingToggles","useColorScheme","Colors","normalizeColorScheme","normalizeTheme","jsx","_jsx","jsxs","_jsxs","DEFAULT_VALUES","pushEnabled","emailDigest","securityAlerts","marketingEmails","NotificationsScreen","onClose","theme","goBack","bloomTheme","t","colorScheme","palette","isAuthenticated","data","user","enabled","updateMutation","initialValues","prefs","notificationPreferences","handleSave","key","value","patch","mutateAsync","values","toggle","savingKeys","onSave","errorMessage","isSaving","size","style","styles","container","backgroundColor","colors","background","children","title","onBack","variant","elevation","scroll","contentContainerStyle","scrollContent","icon","name","color","iconPersonalInfo","description","rightElement","onValueChange","disabled","showChevron","iconData","iconSecurity","iconSharing","create","flex","paddingHorizontal","paddingBottom","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/NotificationsScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","View","ScrollView","SettingsListGroup","SettingsListItem","Switch","useTheme","Header","SettingsIcon","useI18n","useOxy","useCurrentUser","useUpdateNotificationPreferences","useSettingToggles","jsx","_jsx","jsxs","_jsxs","DEFAULT_VALUES","pushEnabled","emailDigest","securityAlerts","marketingEmails","NotificationsScreen","onClose","goBack","bloomTheme","t","isAuthenticated","data","user","enabled","updateMutation","initialValues","prefs","notificationPreferences","handleSave","key","value","patch","mutateAsync","values","toggle","savingKeys","onSave","errorMessage","isSaving","size","className","children","title","onBack","variant","elevation","icon","name","color","colors","primary","description","rightElement","onValueChange","disabled","showChevron","info","success","secondary","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/NotificationsScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/OxyAuthScreen.js

@@ -17,13 +17,17 @@
  * identity; this screen should NOT be used within the Accounts app itself.
  */
 
-import { View, Text, TouchableOpacity, StyleSheet, Linking } from 'react-native';
+import { View, Linking } from 'react-native';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { Button } from '@oxyhq/bloom/button';
 import { Loading } from '@oxyhq/bloom/loading';
+import { H4, Text } from '@oxyhq/bloom/typography';
+import { IconCircle } from '@oxyhq/bloom/icon-circle';
+import * as Icons from '@oxyhq/bloom/icons';
 import { useOxy } from "../context/OxyContext.js";
 import OxyLogo from "../components/OxyLogo.js";
 import AnotherDeviceQR from "../components/AnotherDeviceQR.js";
+import LoadingState from "../components/LoadingState.js";
 import { useOxyAuthSession, OXY_ACCOUNTS_WEB_URL } from "../hooks/useOxyAuthSession.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const OxyAuthScreen = ({
@@ -38,190 +42,121 @@ const OxyAuthScreen = ({
   } = useOxy();
   const {
     qrData,
+    qrPayload,
     isLoading,
     error,
     isWaiting,
     openAuthApproval,
+    openSameDeviceApproval,
     retry
   } = useOxyAuthSession(oxyServices, clientId, switchSession, {
     onSignedIn: onAuthenticated
   });
   if (isLoading) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: [styles.container, {
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: [/*#__PURE__*/_jsx(Loading, {
-        size: "large"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.loadingText,
-        className: "text-muted-foreground",
-        children: "Preparing sign in..."
-      })]
+    return /*#__PURE__*/_jsx(View, {
+      className: "flex-1 items-center justify-center bg-bg",
+      children: /*#__PURE__*/_jsx(LoadingState, {
+        size: "large",
+        color: bloomTheme.colors.primary,
+        message: "Preparing sign in..."
+      })
     });
   }
   if (error) {
     return /*#__PURE__*/_jsxs(View, {
-      style: [styles.container, {
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.errorText,
-        className: "text-destructive",
+      className: "flex-1 items-center justify-center bg-bg px-screen-margin gap-space-16",
+      children: [/*#__PURE__*/_jsx(IconCircle, {
+        icon: Icons.Warning_Stroke2_Corner0_Rounded
+      }), /*#__PURE__*/_jsx(Text, {
+        className: "font-sans text-body text-text-secondary text-center",
         children: error
       }), /*#__PURE__*/_jsx(Button, {
         variant: "primary",
+        fullWidth: true,
+        className: "w-full",
         onPress: retry,
-        style: styles.primaryButton,
+        icon: /*#__PURE__*/_jsx(Icons.ArrowRotateClockwise_Stroke2_Corner0_Rounded, {
+          size: "sm",
+          style: {
+            color: bloomTheme.colors.primaryForeground
+          }
+        }),
         children: "Try Again"
       })]
     });
   }
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 items-center justify-center bg-bg px-screen-margin",
     children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.header,
+      className: "items-center mb-space-24 gap-space-12",
       children: [/*#__PURE__*/_jsx(OxyLogo, {
         variant: "icon",
-        size: 48
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        className: "text-foreground",
+        size: 56
+      }), /*#__PURE__*/_jsx(H4, {
+        className: "text-headerBold font-headerBold text-text text-center",
         children: "Sign in to Oxy"
       }), /*#__PURE__*/_jsx(Text, {
-        style: styles.subtitle,
-        className: "text-muted-foreground",
+        className: "font-sans text-body text-text-secondary text-center",
         children: "Continue with your Oxy identity to sign in securely"
       })]
     }), /*#__PURE__*/_jsx(Button, {
       variant: "primary",
+      size: "large",
+      fullWidth: true,
+      className: "w-full",
       onPress: openAuthApproval,
       icon: /*#__PURE__*/_jsx(OxyLogo, {
         variant: "icon",
         size: 20,
-        fillColor: bloomTheme.colors.primaryForeground,
-        style: styles.buttonIcon
+        fillColor: bloomTheme.colors.primaryForeground
       }),
-      style: styles.primaryButton,
       children: "Continue with Oxy"
+    }), qrPayload && /*#__PURE__*/_jsx(Button, {
+      variant: "secondary",
+      size: "large",
+      fullWidth: true,
+      className: "w-full mt-space-12",
+      onPress: openSameDeviceApproval,
+      icon: /*#__PURE__*/_jsx(OxyLogo, {
+        variant: "icon",
+        size: 20,
+        fillColor: bloomTheme.colors.text
+      }),
+      children: "Sign in with the Oxy app"
     }), isWaiting && /*#__PURE__*/_jsxs(View, {
-      style: styles.statusContainer,
+      className: "flex-row items-center mt-space-16 gap-space-8",
       children: [/*#__PURE__*/_jsx(Loading, {
-        size: "small",
-        style: styles.statusSpinner
+        size: "small"
       }), /*#__PURE__*/_jsx(Text, {
-        style: styles.statusText,
-        className: "text-muted-foreground",
+        className: "font-sans text-body text-text-secondary",
         children: "Waiting for authorization..."
       })]
     }), /*#__PURE__*/_jsx(View, {
-      style: styles.qrSection,
+      className: "w-full mt-space-24",
       children: /*#__PURE__*/_jsx(AnotherDeviceQR, {
-        qrData: qrData
+        qrData: qrData,
+        qrPayload: qrPayload
       })
     }), /*#__PURE__*/_jsxs(View, {
-      style: styles.footer,
-      children: [/*#__PURE__*/_jsxs(Text, {
-        style: styles.footerText,
-        className: "text-muted-foreground",
-        children: ["Don't have an Oxy account?", ' ']
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: "flex-row flex-wrap justify-center items-center mt-space-24",
+      children: [/*#__PURE__*/_jsx(Text, {
+        className: "font-sans text-body text-text-secondary",
+        children: "Don't have an Oxy account?"
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "text",
+        size: "small",
         onPress: () => Linking.openURL(OXY_ACCOUNTS_WEB_URL),
-        accessibilityRole: "link",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.footerLink,
-          className: "text-primary",
-          children: "Create one"
-        })
+        accessibilityLabel: "Create an Oxy account",
+        children: "Create one"
       })]
-    }), goBack && /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.cancelButton,
+    }), goBack && /*#__PURE__*/_jsx(Button, {
+      variant: "text",
       onPress: goBack,
-      accessibilityRole: "button",
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.cancelText,
-        className: "text-muted-foreground",
-        children: "Cancel"
-      })
+      className: "mt-space-8",
+      accessibilityLabel: "Cancel",
+      children: "Cancel"
     })]
   });
 };
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    padding: 24,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  header: {
-    alignItems: 'center',
-    marginBottom: 28
-  },
-  title: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginTop: 16,
-    textAlign: 'center'
-  },
-  subtitle: {
-    fontSize: 14,
-    marginTop: 8,
-    textAlign: 'center'
-  },
-  primaryButton: {
-    width: '100%',
-    borderRadius: 12
-  },
-  buttonIcon: {
-    marginRight: 10
-  },
-  statusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: 20
-  },
-  statusSpinner: {
-    flex: undefined
-  },
-  statusText: {
-    marginLeft: 8,
-    fontSize: 14
-  },
-  qrSection: {
-    width: '100%',
-    marginTop: 24
-  },
-  footer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    justifyContent: 'center',
-    marginTop: 28
-  },
-  footerText: {
-    fontSize: 14
-  },
-  footerLink: {
-    fontSize: 14,
-    fontWeight: '600'
-  },
-  cancelButton: {
-    marginTop: 16,
-    padding: 12
-  },
-  cancelText: {
-    fontSize: 14
-  },
-  loadingText: {
-    marginTop: 16,
-    fontSize: 14
-  },
-  errorText: {
-    fontSize: 14,
-    textAlign: 'center',
-    marginBottom: 16
-  }
-});
 export default OxyAuthScreen;
 //# sourceMappingURL=OxyAuthScreen.js.map

package/lib/module/ui/screens/OxyAuthScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Linking","useTheme","Button","Loading","useOxy","OxyLogo","AnotherDeviceQR","useOxyAuthSession","OXY_ACCOUNTS_WEB_URL","jsx","_jsx","jsxs","_jsxs","OxyAuthScreen","goBack","onAuthenticated","bloomTheme","oxyServices","switchSession","clientId","qrData","isLoading","error","isWaiting","openAuthApproval","retry","onSignedIn","style","styles","container","backgroundColor","colors","background","children","size","loadingText","className","errorText","variant","onPress","primaryButton","header","title","subtitle","icon","fillColor","primaryForeground","buttonIcon","statusContainer","statusSpinner","statusText","qrSection","footer","footerText","openURL","accessibilityRole","footerLink","cancelButton","cancelText","create","flex","padding","alignItems","justifyContent","marginBottom","fontSize","fontWeight","marginTop","textAlign","width","borderRadius","marginRight","flexDirection","undefined","marginLeft","flexWrap"],"sourceRoot":"../../../../src","sources":["ui/screens/OxyAuthScreen.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,OAAO,QAAQ,cAAc;AAEhF,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,MAAM,QAAQ,0BAAuB;AAC9C,OAAOC,OAAO,MAAM,0BAAuB;AAC3C,OAAOC,eAAe,MAAM,kCAA+B;AAC3D,SAASC,iBAAiB,EAAEC,oBAAoB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErF,MAAMC,aAAwC,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EAChF,MAAMC,UAAU,GAAGf,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEgB,WAAW;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGf,MAAM,CAAC,CAAC;EAEzD,MAAM;IAAEgB,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGlB,iBAAiB,CACxFU,WAAW,EACXE,QAAQ,EACRD,aAAa,EACb;IAAEQ,UAAU,EAAEX;EAAgB,CAChC,CAAC;EAED,IAAIM,SAAS,EAAE;IACb,oBACET,KAAA,CAAChB,IAAI;MAAC+B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;QAAEC,eAAe,EAAEd,UAAU,CAACe,MAAM,CAACC;MAAW,CAAC,CAAE;MAAAC,QAAA,gBACjFvB,IAAA,CAACP,OAAO;QAAC+B,IAAI,EAAC;MAAO,CAAE,CAAC,eACxBxB,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACO,WAAY;QAACC,SAAS,EAAC,uBAAuB;QAAAH,QAAA,EAAC;MAEnE,CAAM,CAAC;IAAA,CACH,CAAC;EAEX;EAEA,IAAIX,KAAK,EAAE;IACT,oBACEV,KAAA,CAAChB,IAAI;MAAC+B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;QAAEC,eAAe,EAAEd,UAAU,CAACe,MAAM,CAACC;MAAW,CAAC,CAAE;MAAAC,QAAA,gBACjFvB,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACS,SAAU;QAACD,SAAS,EAAC,kBAAkB;QAAAH,QAAA,EAAEX;MAAK,CAAO,CAAC,eAC1EZ,IAAA,CAACR,MAAM;QAACoC,OAAO,EAAC,SAAS;QAACC,OAAO,EAAEd,KAAM;QAACE,KAAK,EAAEC,MAAM,CAACY,aAAc;QAAAP,QAAA,EAAC;MAEvE,CAAQ,CAAC;IAAA,CACL,CAAC;EAEX;EAEA,oBACErB,KAAA,CAAChB,IAAI;IAAC+B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEd,UAAU,CAACe,MAAM,CAACC;IAAW,CAAC,CAAE;IAAAC,QAAA,gBAEjFrB,KAAA,CAAChB,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACa,MAAO;MAAAR,QAAA,gBACzBvB,IAAA,CAACL,OAAO;QAACiC,OAAO,EAAC,MAAM;QAACJ,IAAI,EAAE;MAAG,CAAE,CAAC,eACpCxB,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACc,KAAM;QAACN,SAAS,EAAC,iBAAiB;QAAAH,QAAA,EAAC;MAAc,CAAM,CAAC,eAC5EvB,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACe,QAAS;QAACP,SAAS,EAAC,uBAAuB;QAAAH,QAAA,EAAC;MAEhE,CAAM,CAAC;IAAA,CACH,CAAC,eAGPvB,IAAA,CAACR,MAAM;MACLoC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAEf,gBAAiB;MAC1BoB,IAAI,eAAElC,IAAA,CAACL,OAAO;QAACiC,OAAO,EAAC,MAAM;QAACJ,IAAI,EAAE,EAAG;QAACW,SAAS,EAAE7B,UAAU,CAACe,MAAM,CAACe,iBAAkB;QAACnB,KAAK,EAAEC,MAAM,CAACmB;MAAW,CAAE,CAAE;MACrHpB,KAAK,EAAEC,MAAM,CAACY,aAAc;MAAAP,QAAA,EAC7B;IAED,CAAQ,CAAC,EAGRV,SAAS,iBACRX,KAAA,CAAChB,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACoB,eAAgB;MAAAf,QAAA,gBAClCvB,IAAA,CAACP,OAAO;QAAC+B,IAAI,EAAC,OAAO;QAACP,KAAK,EAAEC,MAAM,CAACqB;MAAc,CAAE,CAAC,eACrDvC,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACsB,UAAW;QAACd,SAAS,EAAC,uBAAuB;QAAAH,QAAA,EAAC;MAElE,CAAM,CAAC;IAAA,CACH,CACP,eAGDvB,IAAA,CAACd,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACuB,SAAU;MAAAlB,QAAA,eAC5BvB,IAAA,CAACJ,eAAe;QAACc,MAAM,EAAEA;MAAO,CAAE;IAAC,CAC/B,CAAC,eAGPR,KAAA,CAAChB,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACwB,MAAO;MAAAnB,QAAA,gBACzBrB,KAAA,CAACf,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACyB,UAAW;QAACjB,SAAS,EAAC,uBAAuB;QAAAH,QAAA,GAAC,4BACtC,EAAC,GAAG;MAAA,CAC1B,CAAC,eACPvB,IAAA,CAACZ,gBAAgB;QAACyC,OAAO,EAAEA,CAAA,KAAMvC,OAAO,CAACsD,OAAO,CAAC9C,oBAAoB,CAAE;QAAC+C,iBAAiB,EAAC,MAAM;QAAAtB,QAAA,eAC9FvB,IAAA,CAACb,IAAI;UAAC8B,KAAK,EAAEC,MAAM,CAAC4B,UAAW;UAACpB,SAAS,EAAC,cAAc;UAAAH,QAAA,EAAC;QAEzD,CAAM;MAAC,CACS,CAAC;IAAA,CACf,CAAC,EAGNnB,MAAM,iBACLJ,IAAA,CAACZ,gBAAgB;MAAC6B,KAAK,EAAEC,MAAM,CAAC6B,YAAa;MAAClB,OAAO,EAAEzB,MAAO;MAACyC,iBAAiB,EAAC,QAAQ;MAAAtB,QAAA,eACvFvB,IAAA,CAACb,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAAC8B,UAAW;QAACtB,SAAS,EAAC,uBAAuB;QAAAH,QAAA,EAAC;MAAM,CAAM;IAAC,CAC/D,CACnB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAG7B,UAAU,CAAC4D,MAAM,CAAC;EAC/B9B,SAAS,EAAE;IACT+B,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtB,MAAM,EAAE;IACNqB,UAAU,EAAE,QAAQ;IACpBE,YAAY,EAAE;EAChB,CAAC;EACDtB,KAAK,EAAE;IACLuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE;EACb,CAAC;EACDzB,QAAQ,EAAE;IACRsB,QAAQ,EAAE,EAAE;IACZE,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb,CAAC;EACD5B,aAAa,EAAE;IACb6B,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAChB,CAAC;EACDvB,UAAU,EAAE;IACVwB,WAAW,EAAE;EACf,CAAC;EACDvB,eAAe,EAAE;IACfwB,aAAa,EAAE,KAAK;IACpBV,UAAU,EAAE,QAAQ;IACpBK,SAAS,EAAE;EACb,CAAC;EACDlB,aAAa,EAAE;IACbW,IAAI,EAAEa;EACR,CAAC;EACDvB,UAAU,EAAE;IACVwB,UAAU,EAAE,CAAC;IACbT,QAAQ,EAAE;EACZ,CAAC;EACDd,SAAS,EAAE;IACTkB,KAAK,EAAE,MAAM;IACbF,SAAS,EAAE;EACb,CAAC;EACDf,MAAM,EAAE;IACNoB,aAAa,EAAE,KAAK;IACpBG,QAAQ,EAAE,MAAM;IAChBZ,cAAc,EAAE,QAAQ;IACxBI,SAAS,EAAE;EACb,CAAC;EACDd,UAAU,EAAE;IACVY,QAAQ,EAAE;EACZ,CAAC;EACDT,UAAU,EAAE;IACVS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDT,YAAY,EAAE;IACZU,SAAS,EAAE,EAAE;IACbN,OAAO,EAAE;EACX,CAAC;EACDH,UAAU,EAAE;IACVO,QAAQ,EAAE;EACZ,CAAC;EACD9B,WAAW,EAAE;IACXgC,SAAS,EAAE,EAAE;IACbF,QAAQ,EAAE;EACZ,CAAC;EACD5B,SAAS,EAAE;IACT4B,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE,QAAQ;IACnBJ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAenD,aAAa","ignoreList":[]}
+{"version":3,"names":["View","Linking","useTheme","Button","Loading","H4","Text","IconCircle","Icons","useOxy","OxyLogo","AnotherDeviceQR","LoadingState","useOxyAuthSession","OXY_ACCOUNTS_WEB_URL","jsx","_jsx","jsxs","_jsxs","OxyAuthScreen","goBack","onAuthenticated","bloomTheme","oxyServices","switchSession","clientId","qrData","qrPayload","isLoading","error","isWaiting","openAuthApproval","openSameDeviceApproval","retry","onSignedIn","className","children","size","color","colors","primary","message","icon","Warning_Stroke2_Corner0_Rounded","variant","fullWidth","onPress","ArrowRotateClockwise_Stroke2_Corner0_Rounded","style","primaryForeground","fillColor","text","openURL","accessibilityLabel"],"sourceRoot":"../../../../src","sources":["ui/screens/OxyAuthScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/PaymentGatewayScreen.js

@@ -1,10 +1,12 @@
 "use strict";
 
 import { useState, useRef, useMemo, useCallback } from 'react';
-import { View, Text, ScrollView, Animated, Platform, useWindowDimensions } from 'react-native';
+import { View, ScrollView, Animated, Platform, useWindowDimensions } from 'react-native';
 import { useThemeColors } from "../styles/theme.js";
 import { normalizeTheme } from '@oxyhq/core';
 import { Button } from '@oxyhq/bloom/button';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { H4 } from '@oxyhq/bloom/typography';
 import { Ionicons } from '@expo/vector-icons';
 import { useI18n } from "../hooks/useI18n.js";
 import QRCode from 'react-native-qrcode-svg';
@@ -14,7 +16,6 @@ import PaymentDetailsStep from "../components/payment/PaymentDetailsStep.js";
 import PaymentReviewStep from "../components/payment/PaymentReviewStep.js";
 import PaymentSuccessStep from "../components/payment/PaymentSuccessStep.js";
 import { PAYMENT_METHODS } from "../components/payment/constants.js";
-import { createPaymentStyles } from "../components/payment/paymentStyles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getUniqueItemTypes = items => {
   const types = items.map(item => item.type);
@@ -57,11 +58,13 @@ const PaymentGatewayScreen = props => {
   const scaleAnim = useRef(new Animated.Value(1)).current;
   const progressAnim = useRef(new Animated.Value(0.2)).current;
   const normalizedTheme = normalizeTheme(theme);
+  // `colors` (PaymentColors) is the contract the wizard step components consume.
   const colors = useThemeColors(normalizedTheme);
+  // Bloom theme drives screen-shell icon roles (no hardcoded hex).
+  const bloomTheme = useTheme();
   const {
     t
   } = useI18n();
-  const styles = useMemo(() => createPaymentStyles(colors), [colors]);
 
   // Determine if the payment is for a recurring item (subscription)
   const isRecurring = paymentItems.length > 0 && paymentItems[0].type === 'subscription';
@@ -160,9 +163,13 @@ const PaymentGatewayScreen = props => {
   // Validate amount
   if (!amount || Number.isNaN(Number(amount)) || Number(amount) <= 0) {
     return /*#__PURE__*/_jsxs(View, {
-      style: styles.errorContainer,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.errorText,
+      className: "flex-1 bg-bg items-center justify-center px-screen-margin gap-space-24",
+      children: [/*#__PURE__*/_jsx(Ionicons, {
+        name: "alert-circle-outline",
+        size: 48,
+        color: bloomTheme.colors.error
+      }), /*#__PURE__*/_jsx(H4, {
+        className: "text-text text-center",
         children: t('payment.errors.invalidAmount')
       }), /*#__PURE__*/_jsx(Button, {
         variant: "primary",
@@ -250,11 +257,10 @@ const PaymentGatewayScreen = props => {
     }
   };
   return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, {
-      backgroundColor: colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: /*#__PURE__*/_jsx(ScrollView, {
-      style: styles.content,
+      className: "flex-1",
+      contentContainerClassName: "p-space-16",
       showsVerticalScrollIndicator: false,
       children: renderCurrentStep()
     })