@oxyhq/services 6.9.25 → 6.9.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/ui/components/BottomSheet.js +15 -19
- package/lib/commonjs/ui/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/ui/components/BottomSheetRouter.js +6 -9
- package/lib/commonjs/ui/components/BottomSheetRouter.js.map +1 -1
- package/lib/commonjs/ui/components/Header.js +9 -12
- package/lib/commonjs/ui/components/Header.js.map +1 -1
- package/lib/commonjs/ui/components/SignInModal.js +24 -53
- package/lib/commonjs/ui/components/SignInModal.js.map +1 -1
- package/lib/commonjs/ui/components/StepBasedScreen.js +20 -7
- package/lib/commonjs/ui/components/StepBasedScreen.js.map +1 -1
- package/lib/commonjs/ui/components/feedback/feedbackStyles.js +2 -2
- package/lib/commonjs/ui/components/feedback/feedbackStyles.js.map +1 -1
- package/lib/commonjs/ui/components/modals/DeleteAccountModal.js +32 -29
- package/lib/commonjs/ui/components/modals/DeleteAccountModal.js.map +1 -1
- package/lib/commonjs/ui/components/payment/paymentStyles.js +6 -6
- package/lib/commonjs/ui/components/payment/paymentStyles.js.map +1 -1
- package/lib/commonjs/ui/constants/theme.js +3 -2
- package/lib/commonjs/ui/constants/theme.js.map +1 -1
- package/lib/commonjs/ui/hooks/useAuth.js +6 -1
- package/lib/commonjs/ui/hooks/useAuth.js.map +1 -1
- package/lib/commonjs/ui/hooks/useWebSSO.js +6 -1
- package/lib/commonjs/ui/hooks/useWebSSO.js.map +1 -1
- package/lib/commonjs/ui/screens/AccountOverviewScreen.js +0 -8
- package/lib/commonjs/ui/screens/AccountOverviewScreen.js.map +1 -1
- package/lib/commonjs/ui/styles/authStyles.js +3 -3
- package/lib/commonjs/ui/styles/authStyles.js.map +1 -1
- package/lib/commonjs/ui/styles/theme.js +45 -9
- package/lib/commonjs/ui/styles/theme.js.map +1 -1
- package/lib/module/ui/components/BottomSheet.js +15 -19
- package/lib/module/ui/components/BottomSheet.js.map +1 -1
- package/lib/module/ui/components/BottomSheetRouter.js +6 -9
- package/lib/module/ui/components/BottomSheetRouter.js.map +1 -1
- package/lib/module/ui/components/Header.js +9 -12
- package/lib/module/ui/components/Header.js.map +1 -1
- package/lib/module/ui/components/SignInModal.js +25 -54
- package/lib/module/ui/components/SignInModal.js.map +1 -1
- package/lib/module/ui/components/StepBasedScreen.js +21 -8
- package/lib/module/ui/components/StepBasedScreen.js.map +1 -1
- package/lib/module/ui/components/feedback/feedbackStyles.js +2 -2
- package/lib/module/ui/components/feedback/feedbackStyles.js.map +1 -1
- package/lib/module/ui/components/modals/DeleteAccountModal.js +33 -30
- package/lib/module/ui/components/modals/DeleteAccountModal.js.map +1 -1
- package/lib/module/ui/components/payment/paymentStyles.js +6 -6
- package/lib/module/ui/components/payment/paymentStyles.js.map +1 -1
- package/lib/module/ui/constants/theme.js +3 -2
- package/lib/module/ui/constants/theme.js.map +1 -1
- package/lib/module/ui/hooks/useAuth.js +6 -1
- package/lib/module/ui/hooks/useAuth.js.map +1 -1
- package/lib/module/ui/hooks/useWebSSO.js +6 -1
- package/lib/module/ui/hooks/useWebSSO.js.map +1 -1
- package/lib/module/ui/screens/AccountOverviewScreen.js +0 -8
- package/lib/module/ui/screens/AccountOverviewScreen.js.map +1 -1
- package/lib/module/ui/styles/authStyles.js +3 -3
- package/lib/module/ui/styles/authStyles.js.map +1 -1
- package/lib/module/ui/styles/theme.js +46 -9
- package/lib/module/ui/styles/theme.js.map +1 -1
- package/lib/typescript/commonjs/ui/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/BottomSheetRouter.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/Header.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/SignInModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/StepBasedScreen.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/modals/DeleteAccountModal.d.ts +0 -8
- package/lib/typescript/commonjs/ui/components/modals/DeleteAccountModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/components/payment/types.d.ts +2 -0
- package/lib/typescript/commonjs/ui/components/payment/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/constants/theme.d.ts +3 -2
- package/lib/typescript/commonjs/ui/constants/theme.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/hooks/useAuth.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/hooks/useWebSSO.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/screens/AccountOverviewScreen.d.ts.map +1 -1
- package/lib/typescript/commonjs/ui/styles/theme.d.ts +8 -0
- package/lib/typescript/commonjs/ui/styles/theme.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/BottomSheetRouter.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/Header.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/SignInModal.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/StepBasedScreen.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/modals/DeleteAccountModal.d.ts +0 -8
- package/lib/typescript/module/ui/components/modals/DeleteAccountModal.d.ts.map +1 -1
- package/lib/typescript/module/ui/components/payment/types.d.ts +2 -0
- package/lib/typescript/module/ui/components/payment/types.d.ts.map +1 -1
- package/lib/typescript/module/ui/constants/theme.d.ts +3 -2
- package/lib/typescript/module/ui/constants/theme.d.ts.map +1 -1
- package/lib/typescript/module/ui/hooks/useAuth.d.ts.map +1 -1
- package/lib/typescript/module/ui/hooks/useWebSSO.d.ts.map +1 -1
- package/lib/typescript/module/ui/screens/AccountOverviewScreen.d.ts.map +1 -1
- package/lib/typescript/module/ui/styles/theme.d.ts +8 -0
- package/lib/typescript/module/ui/styles/theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/ui/components/BottomSheet.tsx +12 -18
- package/src/ui/components/BottomSheetRouter.tsx +7 -9
- package/src/ui/components/Header.tsx +9 -12
- package/src/ui/components/SignInModal.tsx +17 -40
- package/src/ui/components/StepBasedScreen.tsx +22 -9
- package/src/ui/components/feedback/feedbackStyles.ts +2 -2
- package/src/ui/components/modals/DeleteAccountModal.tsx +25 -34
- package/src/ui/components/payment/paymentStyles.ts +6 -6
- package/src/ui/components/payment/types.ts +2 -0
- package/src/ui/constants/theme.ts +3 -2
- package/src/ui/hooks/useAuth.ts +4 -1
- package/src/ui/hooks/useWebSSO.ts +4 -1
- package/src/ui/screens/AccountOverviewScreen.tsx +0 -8
- package/src/ui/styles/authStyles.ts +3 -3
- package/src/ui/styles/theme.ts +44 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,SAAS,CAAC;QACjB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,SAAS,CAAC;QAClB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC;CACH;AA6ED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,KAElD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,WAQxD,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAiCtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAiCtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,yFA2Sf,CAAC;AAkFH,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetRouter.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/BottomSheetRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetRouter.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/BottomSheetRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAkEtD,MAAM,WAAW,sBAAsB;IACnC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;;AA4KD,wBAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAA2B,EAAgD,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAA2B,EAAgD,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ7H,eAAO,MAAM,eAAe,GAAI,UAAS,WAAW,CAAC,SAAS,CAAa,EAAE,oBAAe,KAAG,MAK9F,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC5C,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1D,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmSjC,CAAC;AA4JF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignInModal.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SignInModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SignInModal.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SignInModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwD/B,eAAO,MAAM,eAAe,YAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,YAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,eAAqB,CAAC;AAEvD,4CAA4C;AAC5C,eAAO,MAAM,sBAAsB,GAAI,UAAU,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAGxF,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAkVxB,CAAC;AAgGF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepBasedScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/StepBasedScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StepBasedScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/StepBasedScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQrD,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IAEX,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IAC3E,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAEvE,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtD;AA4DD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuXnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -4,14 +4,6 @@ interface DeleteAccountModalProps {
|
|
|
4
4
|
username: string;
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
onDelete: (password: string) => Promise<void>;
|
|
7
|
-
colors: {
|
|
8
|
-
background: string;
|
|
9
|
-
text: string;
|
|
10
|
-
secondaryText: string;
|
|
11
|
-
border: string;
|
|
12
|
-
danger: string;
|
|
13
|
-
inputBackground: string;
|
|
14
|
-
};
|
|
15
7
|
t: (key: string, params?: Record<string, string>) => string | undefined;
|
|
16
8
|
}
|
|
17
9
|
declare const DeleteAccountModal: React.FC<DeleteAccountModalProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteAccountModal.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/modals/DeleteAccountModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DeleteAccountModal.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/modals/DeleteAccountModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,UAAU,uBAAuB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3E;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiKzD,CAAC;AAoGF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC1B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC1B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Below are the colors that are used in the app.
|
|
3
|
-
*
|
|
2
|
+
* Below are the colors that are used in the app.
|
|
3
|
+
* These are kept as a compatibility layer — prefer using bloom's useTheme() / useThemeColor()
|
|
4
|
+
* directly in new code. Existing screens still reference Colors.light / Colors.dark.
|
|
4
5
|
*/
|
|
5
6
|
export declare const Colors: {
|
|
6
7
|
light: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/constants/theme.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/constants/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFlB,CAAC;AAEF,eAAO,MAAM,KAAK;IAEd,gDAAgD;;IAEhD,8CAA8C;;IAE9C,gDAAgD;;IAEhD,mDAAmD;;CAerD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useAuth.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,WAAW,SAAS;IACxB,4DAA4D;IAC5D,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAElB,oCAAoC;IACpC,eAAe,EAAE,OAAO,CAAC;IAEzB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IAEnB,oDAAoD;IACpD,OAAO,EAAE,OAAO,CAAC;IAEjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhC;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW;IAC3D,6DAA6D;IAC7D,WAAW,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;IACtD,4EAA4E;IAC5E,eAAe,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC9D,0CAA0C;IAC1C,gBAAgB,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC;CACjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,IAAI,aAAa,
|
|
1
|
+
{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useAuth.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,WAAW,SAAS;IACxB,4DAA4D;IAC5D,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAElB,oCAAoC;IACpC,eAAe,EAAE,OAAO,CAAC;IAEzB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IAEnB,oDAAoD;IACpD,OAAO,EAAE,OAAO,CAAC;IAEjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhC;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW;IAC3D,6DAA6D;IAC7D,WAAW,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;IACtD,4EAA4E;IAC5E,eAAe,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC9D,0CAA0C;IAC1C,gBAAgB,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC;CACjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,IAAI,aAAa,CA8HvC;AAGD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWebSSO.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWebSSO.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,iCAAiC;IACjC,QAAQ,EAAE,MAAM,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACrD,2DAA2D;IAC3D,eAAe,EAAE,MAAM,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IAC5D,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,YAAY,IAAI,OAAO,CAI/B;
|
|
1
|
+
{"version":3,"file":"useWebSSO.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWebSSO.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,iCAAiC;IACjC,QAAQ,EAAE,MAAM,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACrD,2DAA2D;IAC3D,eAAe,EAAE,MAAM,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IAC5D,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,YAAY,IAAI,OAAO,CAI/B;AAgBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,OAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CAwGpC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;
|
|
1
|
+
{"version":3,"file":"AccountOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AA6yB3D,wBAAiD"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { type TextStyle } from 'react-native';
|
|
2
|
+
/**
|
|
3
|
+
* ThemeColors used by services style files.
|
|
4
|
+
* Maps to bloom's ThemeColors, with a few convenience aliases.
|
|
5
|
+
*/
|
|
2
6
|
export interface ThemeColors {
|
|
3
7
|
text: string;
|
|
4
8
|
background: string;
|
|
@@ -21,6 +25,10 @@ export interface Theme {
|
|
|
21
25
|
};
|
|
22
26
|
}
|
|
23
27
|
export declare const getTheme: (theme: "light" | "dark") => Theme;
|
|
28
|
+
/**
|
|
29
|
+
* Returns theme colors from bloom when available, with fallback to local colors.
|
|
30
|
+
* Prefer this hook for new code — it reads from bloom's ThemeProvider.
|
|
31
|
+
*/
|
|
24
32
|
export declare const useThemeColors: (theme: "light" | "dark") => ThemeColors;
|
|
25
33
|
export declare const createCommonStyles: (theme: "light" | "dark") => {
|
|
26
34
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,SAAS,CAAC;QACjB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,SAAS,CAAC;QAClB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC;CACH;AA6ED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,KAElD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,WAQxD,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzD,CAAC"}
|
package/package.json
CHANGED
|
@@ -21,7 +21,7 @@ import Animated, {
|
|
|
21
21
|
withTiming,
|
|
22
22
|
} from 'react-native-reanimated';
|
|
23
23
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
24
|
-
import {
|
|
24
|
+
import { useTheme } from '@oxyhq/bloom/theme';
|
|
25
25
|
|
|
26
26
|
// Keyboard handler — only on native platforms. On web, keyboard events are handled by the browser.
|
|
27
27
|
const noopKeyboardHandler = (_handlers: Record<string, (e: { height: number }) => void>, _deps: unknown[]) => {};
|
|
@@ -77,7 +77,7 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
77
77
|
} = props;
|
|
78
78
|
|
|
79
79
|
const insets = useSafeAreaInsets();
|
|
80
|
-
const
|
|
80
|
+
const theme = useTheme();
|
|
81
81
|
const [visible, setVisible] = useState(false);
|
|
82
82
|
const [rendered, setRendered] = useState(false); // keep mounted for exit animation
|
|
83
83
|
const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
@@ -159,9 +159,9 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
159
159
|
// Apply web scrollbar styles when colors change
|
|
160
160
|
useEffect(() => {
|
|
161
161
|
if (Platform.OS === 'web') {
|
|
162
|
-
createWebScrollbarStyle(colors.border);
|
|
162
|
+
createWebScrollbarStyle(theme.colors.border);
|
|
163
163
|
}
|
|
164
|
-
}, [colors.border]);
|
|
164
|
+
}, [theme.colors.border]);
|
|
165
165
|
|
|
166
166
|
const present = useCallback(() => {
|
|
167
167
|
setRendered(true);
|
|
@@ -293,15 +293,14 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
293
293
|
});
|
|
294
294
|
|
|
295
295
|
const dynamicStyles = useMemo(() => {
|
|
296
|
-
const isDark = colors.background === '#000000';
|
|
297
296
|
return StyleSheet.create({
|
|
298
297
|
handle: {
|
|
299
298
|
...styles.handle,
|
|
300
|
-
backgroundColor: isDark ?
|
|
299
|
+
backgroundColor: theme.isDark ? theme.colors.border : theme.colors.borderLight,
|
|
301
300
|
},
|
|
302
301
|
sheet: {
|
|
303
302
|
...styles.sheet,
|
|
304
|
-
backgroundColor: colors.background,
|
|
303
|
+
backgroundColor: theme.colors.background,
|
|
305
304
|
...(detached ? styles.sheetDetached : styles.sheetNormal),
|
|
306
305
|
},
|
|
307
306
|
scrollContent: {
|
|
@@ -310,14 +309,14 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
310
309
|
// The sheet extends behind safe area, and screens add padding as needed
|
|
311
310
|
},
|
|
312
311
|
});
|
|
313
|
-
}, [colors.background, detached]);
|
|
312
|
+
}, [theme.colors.background, theme.colors.border, theme.colors.borderLight, theme.isDark, detached]);
|
|
314
313
|
|
|
315
314
|
if (!rendered) return null;
|
|
316
315
|
|
|
317
316
|
return (
|
|
318
317
|
<Modal visible={rendered} transparent animationType="none" statusBarTranslucent onRequestClose={dismiss}>
|
|
319
318
|
<View style={StyleSheet.absoluteFill}>
|
|
320
|
-
<Animated.View style={[styles.backdrop, backdropStyle]}>
|
|
319
|
+
<Animated.View style={[styles.backdrop, { backgroundColor: theme.colors.overlay }, backdropStyle]}>
|
|
321
320
|
{backdropComponent ? (
|
|
322
321
|
backdropComponent({ onPress: handleBackdropPress })
|
|
323
322
|
) : (
|
|
@@ -340,7 +339,7 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
340
339
|
styles.scrollView,
|
|
341
340
|
Platform.OS === 'web' && ({
|
|
342
341
|
scrollbarWidth: 'thin',
|
|
343
|
-
scrollbarColor: `${colors.border} transparent`,
|
|
342
|
+
scrollbarColor: `${theme.colors.border} transparent`,
|
|
344
343
|
} as ViewStyle),
|
|
345
344
|
]}
|
|
346
345
|
contentContainerStyle={dynamicStyles.scrollContent}
|
|
@@ -351,7 +350,7 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
|
|
|
351
350
|
{...(Platform.OS === 'web' ? { className: 'bottom-sheet-scrollview' } : undefined)}
|
|
352
351
|
onLayout={() => {
|
|
353
352
|
if (Platform.OS === 'web') {
|
|
354
|
-
createWebScrollbarStyle(colors.border);
|
|
353
|
+
createWebScrollbarStyle(theme.colors.border);
|
|
355
354
|
}
|
|
356
355
|
}}
|
|
357
356
|
>
|
|
@@ -370,7 +369,6 @@ BottomSheet.displayName = 'BottomSheet';
|
|
|
370
369
|
const styles = StyleSheet.create({
|
|
371
370
|
backdrop: {
|
|
372
371
|
flex: 1,
|
|
373
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
374
372
|
},
|
|
375
373
|
backdropTouchable: {
|
|
376
374
|
flex: 1,
|
|
@@ -428,10 +426,6 @@ const createWebScrollbarStyle = (borderColor: string) => {
|
|
|
428
426
|
document.head.appendChild(styleElement);
|
|
429
427
|
}
|
|
430
428
|
|
|
431
|
-
// Use theme border color for scrollbar
|
|
432
|
-
const scrollbarColor = borderColor;
|
|
433
|
-
const scrollbarHoverColor = borderColor === '#E5E5EA' ? '#C7C7CC' : '#555';
|
|
434
|
-
|
|
435
429
|
styleElement.textContent = `
|
|
436
430
|
.bottom-sheet-scrollview::-webkit-scrollbar {
|
|
437
431
|
width: 6px;
|
|
@@ -441,11 +435,11 @@ const createWebScrollbarStyle = (borderColor: string) => {
|
|
|
441
435
|
border-radius: 10px;
|
|
442
436
|
}
|
|
443
437
|
.bottom-sheet-scrollview::-webkit-scrollbar-thumb {
|
|
444
|
-
background: ${
|
|
438
|
+
background: ${borderColor};
|
|
445
439
|
border-radius: 10px;
|
|
446
440
|
}
|
|
447
441
|
.bottom-sheet-scrollview::-webkit-scrollbar-thumb:hover {
|
|
448
|
-
background: ${
|
|
442
|
+
background: ${borderColor};
|
|
449
443
|
}
|
|
450
444
|
`;
|
|
451
445
|
};
|
|
@@ -4,8 +4,7 @@ import { useStore } from 'zustand';
|
|
|
4
4
|
import type { RouteName } from '../navigation/routes';
|
|
5
5
|
import { getScreenComponent, isValidRoute } from '../navigation/routes';
|
|
6
6
|
import type { BaseScreenProps } from '../types/navigation';
|
|
7
|
-
import {
|
|
8
|
-
import { Colors } from '../constants/theme';
|
|
7
|
+
import { useTheme } from '@oxyhq/bloom/theme';
|
|
9
8
|
import BottomSheet, { type BottomSheetRef } from './BottomSheet';
|
|
10
9
|
import {
|
|
11
10
|
bottomSheetStore,
|
|
@@ -65,7 +64,7 @@ class ScreenErrorBoundary extends React.Component<
|
|
|
65
64
|
const errorStyles = StyleSheet.create({
|
|
66
65
|
container: { flex: 1, alignItems: 'center', justifyContent: 'center', padding: 24 },
|
|
67
66
|
title: { fontSize: 16, fontWeight: '600', marginBottom: 8 },
|
|
68
|
-
message: { fontSize: 13,
|
|
67
|
+
message: { fontSize: 13, textAlign: 'center' },
|
|
69
68
|
});
|
|
70
69
|
|
|
71
70
|
export interface BottomSheetRouterProps {
|
|
@@ -78,8 +77,7 @@ export interface BottomSheetRouterProps {
|
|
|
78
77
|
*/
|
|
79
78
|
const BottomSheetRouter: React.FC<BottomSheetRouterProps> = ({ onScreenChange, onDismiss }) => {
|
|
80
79
|
const sheetRef = useRef<BottomSheetRef>(null);
|
|
81
|
-
const
|
|
82
|
-
const colors = Colors[colorScheme ?? 'light'];
|
|
80
|
+
const theme = useTheme();
|
|
83
81
|
const prevScreenRef = useRef<RouteName | null>(null);
|
|
84
82
|
|
|
85
83
|
const { currentScreen, screenProps, currentStep, isOpen } = useStore(bottomSheetStore);
|
|
@@ -190,9 +188,9 @@ const BottomSheetRouter: React.FC<BottomSheetRouterProps> = ({ onScreenChange, o
|
|
|
190
188
|
|
|
191
189
|
const renderBackground = useCallback(
|
|
192
190
|
(props: { style?: StyleProp<ViewStyle> }) => (
|
|
193
|
-
<View style={[styles.background, { backgroundColor: colors.background }, props.style]} />
|
|
191
|
+
<View style={[styles.background, { backgroundColor: theme.colors.background }, props.style]} />
|
|
194
192
|
),
|
|
195
|
-
[colors.background]
|
|
193
|
+
[theme.colors.background]
|
|
196
194
|
);
|
|
197
195
|
|
|
198
196
|
const screenPropsValue = useMemo((): BaseScreenProps & { scrollTo: typeof scrollTo } => {
|
|
@@ -202,14 +200,14 @@ const BottomSheetRouter: React.FC<BottomSheetRouterProps> = ({ onScreenChange, o
|
|
|
202
200
|
goBack: handleGoBack,
|
|
203
201
|
onClose: closeBottomSheet,
|
|
204
202
|
onAuthenticated: closeBottomSheet,
|
|
205
|
-
theme:
|
|
203
|
+
theme: theme.mode,
|
|
206
204
|
currentScreen: currentScreen ?? undefined,
|
|
207
205
|
initialStep: currentStep ?? (screenProps?.initialStep as number | undefined),
|
|
208
206
|
onStepChange: handleStepChange,
|
|
209
207
|
scrollTo,
|
|
210
208
|
...rest,
|
|
211
209
|
};
|
|
212
|
-
}, [navigate, handleGoBack,
|
|
210
|
+
}, [navigate, handleGoBack, theme.mode, currentScreen, currentStep, screenProps, handleStepChange, scrollTo]);
|
|
213
211
|
|
|
214
212
|
return (
|
|
215
213
|
<BottomSheet
|
|
@@ -14,9 +14,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
14
14
|
import { Ionicons } from '@expo/vector-icons';
|
|
15
15
|
import OxyIcon from './icon/OxyIcon';
|
|
16
16
|
import { fontFamilies } from '../styles/fonts';
|
|
17
|
-
import {
|
|
18
|
-
import { normalizeColorScheme } from '../utils/themeUtils';
|
|
19
|
-
import { Colors } from '../constants/theme';
|
|
17
|
+
import { useTheme } from '@oxyhq/bloom/theme';
|
|
20
18
|
|
|
21
19
|
// Calculate header height based on platform and variant
|
|
22
20
|
export const getHeaderHeight = (variant: HeaderProps['variant'] = 'default', safeAreaTop = 0): number => {
|
|
@@ -77,10 +75,9 @@ const Header: React.FC<HeaderProps> = ({
|
|
|
77
75
|
titleAlignment = 'left',
|
|
78
76
|
scrollY,
|
|
79
77
|
}) => {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
const colorScheme =
|
|
83
|
-
const colors = Colors[colorScheme];
|
|
78
|
+
const bloomTheme = useTheme();
|
|
79
|
+
const colors = bloomTheme.colors;
|
|
80
|
+
const colorScheme = bloomTheme.mode;
|
|
84
81
|
const insets = useSafeAreaInsets();
|
|
85
82
|
const headerHeight = getHeaderHeight(variant, insets.top);
|
|
86
83
|
|
|
@@ -168,12 +165,12 @@ const Header: React.FC<HeaderProps> = ({
|
|
|
168
165
|
>
|
|
169
166
|
{action.loading ? (
|
|
170
167
|
<View style={styles.loadingContainer}>
|
|
171
|
-
<View style={[styles.loadingDot, { backgroundColor: isTextAction ?
|
|
172
|
-
<View style={[styles.loadingDot, { backgroundColor: isTextAction ?
|
|
173
|
-
<View style={[styles.loadingDot, { backgroundColor: isTextAction ?
|
|
168
|
+
<View style={[styles.loadingDot, { backgroundColor: isTextAction ? colors.card : colors.tint }]} />
|
|
169
|
+
<View style={[styles.loadingDot, { backgroundColor: isTextAction ? colors.card : colors.tint }]} />
|
|
170
|
+
<View style={[styles.loadingDot, { backgroundColor: isTextAction ? colors.card : colors.tint }]} />
|
|
174
171
|
</View>
|
|
175
172
|
) : isTextAction ? (
|
|
176
|
-
<Text style={[styles.actionText, { color:
|
|
173
|
+
<Text style={[styles.actionText, { color: colors.card }]}>
|
|
177
174
|
{action.text}
|
|
178
175
|
</Text>
|
|
179
176
|
) : (
|
|
@@ -247,7 +244,7 @@ const Header: React.FC<HeaderProps> = ({
|
|
|
247
244
|
{title}
|
|
248
245
|
</Text>
|
|
249
246
|
{subtitle ? (
|
|
250
|
-
<Text style={[subtitleStyle, { color: colors.
|
|
247
|
+
<Text style={[subtitleStyle, { color: colors.textSecondary }]}>
|
|
251
248
|
{subtitle}
|
|
252
249
|
</Text>
|
|
253
250
|
) : null}
|
|
@@ -17,7 +17,6 @@ import {
|
|
|
17
17
|
StyleSheet,
|
|
18
18
|
Modal,
|
|
19
19
|
Dimensions,
|
|
20
|
-
ActivityIndicator,
|
|
21
20
|
Platform,
|
|
22
21
|
Linking,
|
|
23
22
|
} from 'react-native';
|
|
@@ -30,7 +29,9 @@ import Animated, {
|
|
|
30
29
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
31
30
|
import io, { type Socket } from 'socket.io-client';
|
|
32
31
|
import QRCode from 'react-native-qrcode-svg';
|
|
33
|
-
import {
|
|
32
|
+
import { useTheme } from '@oxyhq/bloom/theme';
|
|
33
|
+
import { Button } from '@oxyhq/bloom/button';
|
|
34
|
+
import { Loading } from '@oxyhq/bloom/loading';
|
|
34
35
|
import { useOxy } from '../context/OxyContext';
|
|
35
36
|
import OxyLogo from './OxyLogo';
|
|
36
37
|
import { createDebugLogger } from '@oxyhq/core';
|
|
@@ -91,7 +92,7 @@ const SignInModal: React.FC = () => {
|
|
|
91
92
|
const [isWaiting, setIsWaiting] = useState(false);
|
|
92
93
|
|
|
93
94
|
const insets = useSafeAreaInsets();
|
|
94
|
-
const
|
|
95
|
+
const theme = useTheme();
|
|
95
96
|
const { oxyServices, switchSession } = useOxy();
|
|
96
97
|
|
|
97
98
|
const socketRef = useRef<Socket | null>(null);
|
|
@@ -345,7 +346,7 @@ const SignInModal: React.FC = () => {
|
|
|
345
346
|
|
|
346
347
|
return (
|
|
347
348
|
<Modal visible={visible} transparent animationType="none" statusBarTranslucent onRequestClose={handleClose}>
|
|
348
|
-
<Animated.View style={[styles.backdrop, backdropStyle]}>
|
|
349
|
+
<Animated.View style={[styles.backdrop, { backgroundColor: theme.colors.overlay }, backdropStyle]}>
|
|
349
350
|
<TouchableOpacity style={StyleSheet.absoluteFill} onPress={handleClose} activeOpacity={1} />
|
|
350
351
|
|
|
351
352
|
<Animated.View style={[styles.content, contentStyle, { paddingTop: insets.top + 20, paddingBottom: insets.bottom + 20 }]}>
|
|
@@ -357,28 +358,23 @@ const SignInModal: React.FC = () => {
|
|
|
357
358
|
{/* Header */}
|
|
358
359
|
<View style={styles.header}>
|
|
359
360
|
<OxyLogo width={56} height={56} />
|
|
360
|
-
<Text style={[styles.title, { color: colors.text }]}>Sign in with Oxy</Text>
|
|
361
|
-
<Text style={[styles.subtitle, { color: colors.
|
|
361
|
+
<Text style={[styles.title, { color: theme.colors.text }]}>Sign in with Oxy</Text>
|
|
362
|
+
<Text style={[styles.subtitle, { color: theme.colors.textSecondary }]}>
|
|
362
363
|
Scan with Oxy Accounts app or use the button below
|
|
363
364
|
</Text>
|
|
364
365
|
</View>
|
|
365
366
|
|
|
366
367
|
{isLoading ? (
|
|
367
368
|
<View style={styles.loadingContainer}>
|
|
368
|
-
<
|
|
369
|
-
<Text style={[styles.loadingText, { color: colors.
|
|
369
|
+
<Loading size="large" />
|
|
370
|
+
<Text style={[styles.loadingText, { color: theme.colors.textSecondary }]}>
|
|
370
371
|
Preparing sign in...
|
|
371
372
|
</Text>
|
|
372
373
|
</View>
|
|
373
374
|
) : error ? (
|
|
374
375
|
<View style={styles.errorContainer}>
|
|
375
|
-
<Text style={[styles.errorText, { color:
|
|
376
|
-
<
|
|
377
|
-
style={[styles.button, { backgroundColor: colors.tint }]}
|
|
378
|
-
onPress={handleRefresh}
|
|
379
|
-
>
|
|
380
|
-
<Text style={styles.buttonText}>Try Again</Text>
|
|
381
|
-
</TouchableOpacity>
|
|
376
|
+
<Text style={[styles.errorText, { color: theme.colors.error }]}>{error}</Text>
|
|
377
|
+
<Button onPress={handleRefresh}>Try Again</Button>
|
|
382
378
|
</View>
|
|
383
379
|
) : (
|
|
384
380
|
<>
|
|
@@ -392,7 +388,7 @@ const SignInModal: React.FC = () => {
|
|
|
392
388
|
color="black"
|
|
393
389
|
/>
|
|
394
390
|
) : (
|
|
395
|
-
<
|
|
391
|
+
<Loading size="large" />
|
|
396
392
|
)}
|
|
397
393
|
</View>
|
|
398
394
|
|
|
@@ -404,18 +400,17 @@ const SignInModal: React.FC = () => {
|
|
|
404
400
|
</View>
|
|
405
401
|
|
|
406
402
|
{/* Open Auth Popup Button */}
|
|
407
|
-
<
|
|
408
|
-
style={[styles.button, { backgroundColor: '#d169e5' }]}
|
|
403
|
+
<Button
|
|
409
404
|
onPress={handleOpenAuthPopup}
|
|
405
|
+
icon={<OxyLogo width={20} height={20} fillColor={theme.colors.card} />}
|
|
410
406
|
>
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
</TouchableOpacity>
|
|
407
|
+
Open Oxy Auth
|
|
408
|
+
</Button>
|
|
414
409
|
|
|
415
410
|
{/* Status */}
|
|
416
411
|
{isWaiting && (
|
|
417
412
|
<View style={styles.statusContainer}>
|
|
418
|
-
<
|
|
413
|
+
<Loading size="small" />
|
|
419
414
|
<Text style={styles.statusText}>
|
|
420
415
|
Waiting for authorization...
|
|
421
416
|
</Text>
|
|
@@ -432,7 +427,6 @@ const SignInModal: React.FC = () => {
|
|
|
432
427
|
const styles = StyleSheet.create({
|
|
433
428
|
backdrop: {
|
|
434
429
|
flex: 1,
|
|
435
|
-
backgroundColor: 'rgba(0, 0, 0, 0.85)',
|
|
436
430
|
justifyContent: 'center',
|
|
437
431
|
alignItems: 'center',
|
|
438
432
|
},
|
|
@@ -494,23 +488,6 @@ const styles = StyleSheet.create({
|
|
|
494
488
|
marginHorizontal: 16,
|
|
495
489
|
fontSize: 14,
|
|
496
490
|
},
|
|
497
|
-
button: {
|
|
498
|
-
flexDirection: 'row',
|
|
499
|
-
alignItems: 'center',
|
|
500
|
-
justifyContent: 'center',
|
|
501
|
-
paddingVertical: 16,
|
|
502
|
-
paddingHorizontal: 24,
|
|
503
|
-
borderRadius: 12,
|
|
504
|
-
width: '100%',
|
|
505
|
-
},
|
|
506
|
-
buttonIcon: {
|
|
507
|
-
marginRight: 10,
|
|
508
|
-
},
|
|
509
|
-
buttonText: {
|
|
510
|
-
color: 'white',
|
|
511
|
-
fontSize: 16,
|
|
512
|
-
fontWeight: '600',
|
|
513
|
-
},
|
|
514
491
|
statusContainer: {
|
|
515
492
|
flexDirection: 'row',
|
|
516
493
|
alignItems: 'center',
|
|
@@ -11,8 +11,9 @@ import Animated, {
|
|
|
11
11
|
useAnimatedStyle,
|
|
12
12
|
withTiming,
|
|
13
13
|
} from 'react-native-reanimated';
|
|
14
|
-
import {
|
|
15
|
-
import type { ThemeColors } from '
|
|
14
|
+
import { useTheme } from '@oxyhq/bloom/theme';
|
|
15
|
+
import type { ThemeColors } from '@oxyhq/bloom/theme';
|
|
16
|
+
import { createAuthStyles } from '../styles';
|
|
16
17
|
import { fontFamilies } from '../styles/fonts';
|
|
17
18
|
import type { BaseScreenProps, StepController } from '../types/navigation';
|
|
18
19
|
import type { RouteName } from '../types/navigation';
|
|
@@ -136,13 +137,25 @@ const StepBasedScreen: React.FC<StepBasedScreenProps> = ({
|
|
|
136
137
|
// ========================================================================
|
|
137
138
|
// Computed Values
|
|
138
139
|
// ========================================================================
|
|
139
|
-
|
|
140
|
-
const
|
|
141
|
-
const themeString =
|
|
142
|
-
|
|
140
|
+
const bloomTheme = useTheme();
|
|
141
|
+
const colors = bloomTheme.colors;
|
|
142
|
+
const themeString = bloomTheme.mode;
|
|
143
|
+
// Map bloom theme colors to AuthThemeColors shape for createAuthStyles
|
|
144
|
+
const authColors = useMemo(() => ({
|
|
145
|
+
text: colors.text,
|
|
146
|
+
background: colors.background,
|
|
147
|
+
inputBackground: colors.backgroundSecondary,
|
|
148
|
+
placeholder: colors.textTertiary,
|
|
149
|
+
primary: colors.primary,
|
|
150
|
+
border: colors.border,
|
|
151
|
+
error: colors.error,
|
|
152
|
+
success: colors.success,
|
|
153
|
+
warning: colors.warning,
|
|
154
|
+
secondaryText: colors.textSecondary,
|
|
155
|
+
}), [colors]);
|
|
143
156
|
const insets = useSafeAreaInsets();
|
|
144
157
|
const styles = useMemo(() => ({
|
|
145
|
-
...createAuthStyles(
|
|
158
|
+
...createAuthStyles(authColors, themeString),
|
|
146
159
|
// Additional styles for step components
|
|
147
160
|
modernHeader: {
|
|
148
161
|
alignItems: 'flex-start' as const,
|
|
@@ -189,7 +202,7 @@ const StepBasedScreen: React.FC<StepBasedScreenProps> = ({
|
|
|
189
202
|
}),
|
|
190
203
|
},
|
|
191
204
|
buttonText: {
|
|
192
|
-
color:
|
|
205
|
+
color: colors.card,
|
|
193
206
|
fontSize: 16,
|
|
194
207
|
fontWeight: '600' as const,
|
|
195
208
|
letterSpacing: 0.5,
|
|
@@ -223,7 +236,7 @@ const StepBasedScreen: React.FC<StepBasedScreenProps> = ({
|
|
|
223
236
|
marginHorizontal: 3,
|
|
224
237
|
backgroundColor: colors.border,
|
|
225
238
|
},
|
|
226
|
-
}), [colors, themeString]);
|
|
239
|
+
}), [authColors, colors, themeString]);
|
|
227
240
|
|
|
228
241
|
// ========================================================================
|
|
229
242
|
// Animation Values (removed - router handles animations now)
|
|
@@ -130,7 +130,7 @@ export const createFeedbackStyles = (colors: FeedbackColors) => StyleSheet.creat
|
|
|
130
130
|
}),
|
|
131
131
|
},
|
|
132
132
|
buttonText: {
|
|
133
|
-
color:
|
|
133
|
+
color: colors.background,
|
|
134
134
|
fontSize: 16,
|
|
135
135
|
fontWeight: '600',
|
|
136
136
|
letterSpacing: 0.5,
|
|
@@ -193,7 +193,7 @@ export const createFeedbackStyles = (colors: FeedbackColors) => StyleSheet.creat
|
|
|
193
193
|
borderRadius: 5,
|
|
194
194
|
marginHorizontal: 6,
|
|
195
195
|
borderWidth: 2,
|
|
196
|
-
borderColor:
|
|
196
|
+
borderColor: colors.background,
|
|
197
197
|
...Platform.select({
|
|
198
198
|
web: {
|
|
199
199
|
boxShadow: '0 1px 2px rgba(0,0,0,0.08)',
|