@bifold/core 2.2.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifold/core",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -31,117 +31,116 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
-    "@bifold/oca": "2.2.0",
-    "@bifold/verifier": "2.2.0",
-    "@commitlint/cli": "^11.0.0",
+    "@babel/core": "~7.22.20",
+    "@babel/runtime": "~7.23.9",
+    "@bifold/oca": "2.3.0",
+    "@bifold/verifier": "2.3.0",
+    "@commitlint/cli": "~11.0.0",
     "@credo-ts/anoncreds": "0.5.13",
     "@credo-ts/askar": "0.5.13",
     "@credo-ts/core": "0.5.13",
     "@credo-ts/indy-sdk-to-askar-migration": "0.5.13",
     "@credo-ts/indy-vdr": "0.5.13",
     "@credo-ts/openid4vc": "0.5.13",
-    "@credo-ts/push-notifications": "^0.7.0",
+    "@credo-ts/push-notifications": "0.7.0",
     "@credo-ts/question-answer": "0.5.13",
     "@credo-ts/react-hooks": "0.6.0",
     "@credo-ts/react-native": "0.5.13",
-    "@formatjs/intl-datetimeformat": "4.2.4",
-    "@formatjs/intl-displaynames": "5.2.4",
-    "@formatjs/intl-getcanonicallocales": "1.7.3",
-    "@formatjs/intl-listformat": "6.3.4",
-    "@formatjs/intl-locale": "2.4.38",
-    "@formatjs/intl-numberformat": "7.2.4",
-    "@formatjs/intl-pluralrules": "4.1.4",
-    "@formatjs/intl-relativetimeformat": "9.3.1",
+    "@formatjs/intl-datetimeformat": "~4.2.6",
+    "@formatjs/intl-displaynames": "~5.2.6",
+    "@formatjs/intl-getcanonicallocales": "~1.7.3",
+    "@formatjs/intl-listformat": "~6.3.6",
+    "@formatjs/intl-locale": "~2.4.47",
+    "@formatjs/intl-numberformat": "~7.2.6",
+    "@formatjs/intl-pluralrules": "~4.1.6",
+    "@formatjs/intl-relativetimeformat": "~9.3.3",
     "@hyperledger/anoncreds-react-native": "0.2.4",
     "@hyperledger/aries-askar-react-native": "0.2.3",
     "@hyperledger/indy-vdr-react-native": "0.2.2",
     "@hyperledger/indy-vdr-shared": "0.2.2",
-    "@react-native-async-storage/async-storage": "^1.22.0",
-    "@react-native-clipboard/clipboard": "^1.16.2",
-    "@react-native-community/netinfo": "^11.3.0",
-    "@react-native-masked-view/masked-view": "^0.3.0",
-    "@react-native/babel-preset": "^0.73.0",
-    "@react-native/eslint-config": "^0.73.2",
-    "@react-native/eslint-plugin": "^0.73.1",
-    "@react-navigation/bottom-tabs": "6.0.9",
-    "@react-navigation/core": "6.1.0",
-    "@react-navigation/devtools": "^6.0.8",
-    "@react-navigation/native": "^6.0.8",
-    "@react-navigation/stack": "^6.3.21",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.3.0",
-    "@types/jest": "^29.5.5",
-    "@types/lodash.flatten": "^4.4.6",
-    "@types/lodash.startcase": "^4.4.7",
-    "@types/react": "^18.2.6",
-    "@types/react-native-vector-icons": "^6.4.6",
-    "@types/react-test-renderer": "^18.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.6.0",
-    "axios": "^1.4.0",
-    "babel-jest": "^27.5.1",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "base-64": "^1.0.0",
-    "commitlint": "^17.7.1",
-    "eslint": "^8.48.0",
-    "eslint-import-resolver-typescript": "^2.5.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-prettier": "^4.0.0",
+    "@react-native-async-storage/async-storage": "~1.22.3",
+    "@react-native-clipboard/clipboard": "~1.16.3",
+    "@react-native-community/netinfo": "~11.3.3",
+    "@react-native-masked-view/masked-view": "~0.3.2",
+    "@react-native/babel-preset": "~0.73.21",
+    "@react-native/eslint-config": "~0.73.2",
+    "@react-native/eslint-plugin": "~0.73.1",
+    "@react-navigation/bottom-tabs": "~6.0.9",
+    "@react-navigation/core": "~6.1.1",
+    "@react-navigation/devtools": "~6.0.27",
+    "@react-navigation/native": "~6.0.16",
+    "@react-navigation/stack": "~6.3.29",
+    "@testing-library/jest-native": "~5.4.3",
+    "@testing-library/react-native": "~12.3.3",
+    "@types/jest": "~29.5.14",
+    "@types/lodash.flatten": "~4.4.9",
+    "@types/lodash.startcase": "~4.4.9",
+    "@types/react": "~18.2.79",
+    "@types/react-native-vector-icons": "~6.4.18",
+    "@types/react-test-renderer": "~18.0.7",
+    "@typescript-eslint/eslint-plugin": "~7.18.0",
+    "@typescript-eslint/parser": "~7.18.0",
+    "axios": "~1.4.0",
+    "babel-jest": "~27.5.1",
+    "babel-plugin-module-resolver": "~5.0.2",
+    "base-64": "~1.0.0",
+    "commitlint": "~17.7.2",
+    "eslint": "~8.57.1",
+    "eslint-import-resolver-typescript": "~3.6.3",
+    "eslint-plugin-import": "~2.29.1",
+    "eslint-plugin-prettier": "~5.2.6",
     "expo": "*",
     "expo-secure-store": "*",
-    "husky": "^7.0.0",
-    "i18next": "^21.4.0",
-    "install-peerdeps": "^3.0.3",
-    "jest": "^29.6.4",
-    "lodash.flatten": "^4.4.0",
-    "lodash.startcase": "^4.4.0",
-    "mockdate": "^3.0.5",
-    "moment": "^2.29.4",
-    "node-notifier": "^10.0.1",
-    "patch-package": "^6.4.4",
-    "prettier": "^2.8.8",
-    "query-string": "^7.0.1",
+    "husky": "~7.0.4",
+    "i18next": "~21.6.16",
+    "install-peerdeps": "~3.0.7",
+    "jest": "~29.6.4",
+    "lodash.flatten": "~4.4.0",
+    "lodash.startcase": "~4.4.0",
+    "mockdate": "~3.0.5",
+    "moment": "~2.29.4",
+    "node-notifier": "~10.0.1",
+    "prettier": "~2.8.8",
+    "query-string": "~7.1.3",
     "react": "*",
-    "react-i18next": "11.13.0",
-    "react-native": "^0.73.6",
-    "react-native-animated-pagination-dots": "^0.1.72",
-    "react-native-argon2": "^2.0.1",
-    "react-native-bouncy-checkbox": "^3.0.5",
-    "react-native-builder-bob": "^0.21.3",
-    "react-native-collapsible": "^1.6.1",
-    "react-native-config": "^1.4.2",
-    "react-native-confirmation-code-field": "^7.3.0",
-    "react-native-device-info": "^8.4.9",
-    "react-native-encrypted-storage": "^4.0.2",
-    "react-native-fs": "^2.18.0",
-    "react-native-gesture-handler": "^2.14.0",
-    "react-native-get-random-values": "^1.7.0",
-    "react-native-gifted-chat": "2.4.0",
-    "react-native-keychain": "^8.1.3",
-    "react-native-localize": "^2.2.4",
+    "react-i18next": "~11.17.1",
+    "react-native": "0.73.11",
+    "react-native-animated-pagination-dots": "~0.1.73",
+    "react-native-argon2": "~2.0.1",
+    "react-native-bouncy-checkbox": "~3.0.7",
+    "react-native-builder-bob": "~0.21.3",
+    "react-native-collapsible": "~1.6.2",
+    "react-native-config": "~1.5.5",
+    "react-native-confirmation-code-field": "~7.3.2",
+    "react-native-device-info": "~8.7.1",
+    "react-native-encrypted-storage": "~4.0.3",
+    "react-native-fs": "~2.20.0",
+    "react-native-gesture-handler": "~2.18.1",
+    "react-native-get-random-values": "~1.8.0",
+    "react-native-gifted-chat": "~2.4.1",
+    "react-native-keychain": "~8.1.3",
+    "react-native-localize": "~2.2.6",
     "react-native-logs": "~5.1.0",
-    "react-native-orientation-locker": "^1.6.0",
-    "react-native-permissions": "^5.4.0",
-    "react-native-qrcode-svg": "6.2.0",
-    "react-native-safe-area-context": "^4.8.2",
-    "react-native-scalable-image": "^1.1.0",
-    "react-native-screenguard": "^1.0.8-beta3",
-    "react-native-screens": "^3.29.0",
-    "react-native-splash-screen": "^3.3.0",
-    "react-native-svg": "^15.0.0",
-    "react-native-svg-transformer": "^0.14.3",
-    "react-native-tcp-socket": "^6.0.6",
-    "react-native-toast-message": "^2.1.6",
-    "react-native-uuid": "^2.0.1",
-    "react-native-vector-icons": "^10.0.0",
-    "react-native-vision-camera": "4.3.1",
-    "react-test-renderer": "^18.2.0",
-    "rimraf": "^5.0.0",
-    "tsyringe": "^4.7.0",
-    "typescript": "^5.0.4",
-    "uuid": "^9.0.0"
+    "react-native-orientation-locker": "~1.6.0",
+    "react-native-permissions": "~5.4.1",
+    "react-native-qrcode-svg": "~6.2.0",
+    "react-native-safe-area-context": "~4.8.2",
+    "react-native-scalable-image": "~1.1.0",
+    "react-native-screenguard": "~1.1.0",
+    "react-native-screens": "~4.4.0",
+    "react-native-splash-screen": "~3.3.0",
+    "react-native-svg": "~15.0.0",
+    "react-native-svg-transformer": "~0.14.3",
+    "react-native-tcp-socket": "~6.0.6",
+    "react-native-toast-message": "~2.1.10",
+    "react-native-uuid": "~2.0.3",
+    "react-native-vector-icons": "~10.0.3",
+    "react-native-vision-camera": "~4.3.2",
+    "react-test-renderer": "~18.2.0",
+    "rimraf": "~5.0.10",
+    "tsyringe": "~4.8.0",
+    "typescript": "~5.5.4",
+    "uuid": "~9.0.1"
   },
   "peerDependencies": {
     "@credo-ts/anoncreds": "0.5.13",
@@ -150,71 +149,71 @@
     "@credo-ts/indy-sdk-to-askar-migration": "0.5.13",
     "@credo-ts/indy-vdr": "0.5.13",
     "@credo-ts/openid4vc": "0.5.13",
-    "@credo-ts/push-notifications": "^0.7.0",
+    "@credo-ts/push-notifications": "0.7.0",
     "@credo-ts/question-answer": "0.5.13",
     "@credo-ts/react-hooks": "0.6.0",
     "@credo-ts/react-native": "0.5.13",
-    "@formatjs/intl-datetimeformat": "4.2.4",
-    "@formatjs/intl-displaynames": "5.2.4",
-    "@formatjs/intl-getcanonicallocales": "1.7.3",
-    "@formatjs/intl-listformat": "6.3.4",
-    "@formatjs/intl-locale": "2.4.38",
-    "@formatjs/intl-numberformat": "7.2.4",
-    "@formatjs/intl-pluralrules": "4.1.4",
-    "@formatjs/intl-relativetimeformat": "9.3.1",
+    "@formatjs/intl-datetimeformat": "~4.2.6",
+    "@formatjs/intl-displaynames": "~5.2.6",
+    "@formatjs/intl-getcanonicallocales": "~1.7.3",
+    "@formatjs/intl-listformat": "~6.3.6",
+    "@formatjs/intl-locale": "~2.4.47",
+    "@formatjs/intl-numberformat": "~7.2.6",
+    "@formatjs/intl-pluralrules": "~4.1.6",
+    "@formatjs/intl-relativetimeformat": "~9.3.3",
     "@hyperledger/anoncreds-react-native": "0.2.4",
     "@hyperledger/aries-askar-react-native": "0.2.3",
     "@hyperledger/indy-vdr-react-native": "0.2.2",
     "@hyperledger/indy-vdr-shared": "0.2.2",
-    "@react-native-async-storage/async-storage": "^1.22.0",
-    "@react-native-clipboard/clipboard": "^1.16.2",
-    "@react-native-community/netinfo": "^11.3.0",
-    "@react-native-masked-view/masked-view": "^0.3.0",
-    "@react-navigation/bottom-tabs": "6.0.9",
-    "@react-navigation/core": "6.1.0",
-    "@react-navigation/devtools": "^6.0.8",
-    "@react-navigation/native": "^6.0.8",
-    "@react-navigation/stack": "^6.3.21",
-    "axios": "^1.4.0",
-    "base-64": "^1.0.0",
-    "i18next": "^21.4.0",
-    "lodash.flatten": "^4.4.0",
-    "lodash.startcase": "^4.4.0",
-    "moment": "^2.29.4",
-    "query-string": "^7.0.1",
-    "react": "^18.2.0",
-    "react-i18next": "11.13.0",
+    "@react-native-async-storage/async-storage": "~1.22.3",
+    "@react-native-clipboard/clipboard": "~1.16.3",
+    "@react-native-community/netinfo": "~11.3.3",
+    "@react-native-masked-view/masked-view": "~0.3.2",
+    "@react-navigation/bottom-tabs": "~6.0.9",
+    "@react-navigation/core": "~6.1.0",
+    "@react-navigation/devtools": "~6.0.27",
+    "@react-navigation/native": "~6.0.16",
+    "@react-navigation/stack": "~6.3.29",
+    "axios": "~1.4.0",
+    "base-64": "~1.0.0",
+    "i18next": "~21.6.16",
+    "lodash.flatten": "~4.4.0",
+    "lodash.startcase": "~4.4.0",
+    "moment": "~2.29.4",
+    "query-string": "~7.1.3",
+    "react": "~18.3.1",
+    "react-i18next": "~11.17.1",
     "react-native": "*",
-    "react-native-animated-pagination-dots": "^0.1.72",
-    "react-native-argon2": "^2.0.1",
-    "react-native-bouncy-checkbox": "^3.0.5",
-    "react-native-collapsible": "^1.6.1",
-    "react-native-config": "^1.4.2",
-    "react-native-confirmation-code-field": "^7.3.0",
-    "react-native-device-info": "^8.4.9",
-    "react-native-encrypted-storage": "^4.0.2",
-    "react-native-fs": "^2.16.6",
-    "react-native-gesture-handler": "^2.14.0",
-    "react-native-get-random-values": "^1.7.0",
-    "react-native-gifted-chat": "2.4.0",
-    "react-native-keychain": "^8.1.3",
-    "react-native-localize": "^2.2.4",
+    "react-native-animated-pagination-dots": "~0.1.73",
+    "react-native-argon2": "~2.0.1",
+    "react-native-bouncy-checkbox": "~3.0.7",
+    "react-native-collapsible": "~1.6.2",
+    "react-native-config": "~1.5.5",
+    "react-native-confirmation-code-field": "~7.3.2",
+    "react-native-device-info": "~8.7.1",
+    "react-native-encrypted-storage": "~4.0.3",
+    "react-native-fs": "~2.20.0",
+    "react-native-gesture-handler": "~2.18.1",
+    "react-native-get-random-values": "~1.8.0",
+    "react-native-gifted-chat": "~2.4.1",
+    "react-native-keychain": "~8.1.3",
+    "react-native-localize": "~2.2.6",
     "react-native-logs": "~5.1.0",
     "react-native-orientation-locker": "*",
-    "react-native-permissions": "^4.0.1",
-    "react-native-qrcode-svg": "6.2.0",
-    "react-native-safe-area-context": "^4.8.2",
+    "react-native-permissions": "~5.4.1",
+    "react-native-qrcode-svg": "~6.2.0",
+    "react-native-safe-area-context": "~4.8.2",
     "react-native-screenguard": "*",
-    "react-native-screens": "^3.24.0",
-    "react-native-splash-screen": "^3.3.0",
-    "react-native-svg": "^15.0.0",
-    "react-native-tcp-socket": "^6.0.6",
-    "react-native-toast-message": "^2.1.6",
-    "react-native-uuid": "^2.0.1",
-    "react-native-vector-icons": "^10.0.0",
+    "react-native-screens": "~4.4.0",
+    "react-native-splash-screen": "~3.3.0",
+    "react-native-svg": "~15.0.0",
+    "react-native-tcp-socket": "~6.0.6",
+    "react-native-toast-message": "~2.1.10",
+    "react-native-uuid": "~2.0.3",
+    "react-native-vector-icons": "~10.0.3",
     "react-native-vision-camera": "*",
-    "tsyringe": "^4.7.0",
-    "uuid": "^9.0.0"
+    "tsyringe": "~4.8.0",
+    "uuid": "~9.0.1"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"

package/src/App.tsx

@@ -8,7 +8,6 @@ import { isTablet } from 'react-native-device-info'
 import Orientation from 'react-native-orientation-locker'
 import { animatedComponents } from './animated-components'
 import ErrorModal from './components/modals/ErrorModal'
-import NetInfo from './components/network/NetInfo'
 import toastConfig from './components/toast/ToastConfig'
 import { tours } from './constants'
 import { Container, ContainerProvider } from './container-api'
@@ -55,7 +54,6 @@ const createApp = (container: Container): React.FC => {
                       backgroundColor={bifoldTheme.ColorPallet.brand.primary}
                       translucent={false}
                     />
-                    <NetInfo />
                     <ErrorModal />
                     <TourProvider tours={tours} overlayColor={'gray'} overlayOpacity={0.7}>
                       <RootStack />

package/src/assets/oca-bundles.json

@@ -21,7 +21,7 @@
         "description": "",
         "issuer": "",
         "issuer_description": "",
-        "issuer_url": ""
+        "issuer_url": "http://example.com/issue"
       },
       {
         "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
@@ -33,7 +33,7 @@
         "description": "",
         "issuer": "",
         "issuer_description": "",
-        "issuer_url": ""
+        "issuer_url": "http://example.com/issue"
       },
       {
         "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
@@ -88,7 +88,7 @@
         "description": "",
         "issuer": "",
         "issuer_description": "",
-        "issuer_url": ""
+        "issuer_url": "http://example.com/issue"
       },
       {
         "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
@@ -100,7 +100,7 @@
         "description": "",
         "issuer": "",
         "issuer_description": "",
-        "issuer_url": ""
+        "issuer_url": "http://example.com/issue"
       },
       {
         "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",

package/src/components/buttons/Button.tsx

@@ -22,53 +22,53 @@ const ButtonImplComponent = (
 ) => {
   const { Buttons, heavyOpacity } = useTheme()
   const buttonStyles = {
-    [ButtonType.Critical]: { 
-      color: Buttons.critical, 
+    [ButtonType.Critical]: {
+      color: Buttons.critical,
       colorDisabled: Buttons.criticalTextDisabled,
       text: Buttons.criticalText,
-      textDisabled: Buttons.criticalTextDisabled
+      textDisabled: Buttons.criticalTextDisabled,
     },
-    [ButtonType.Primary]: { 
-      color: Buttons.primary, 
+    [ButtonType.Primary]: {
+      color: Buttons.primary,
       colorDisabled: Buttons.primaryDisabled,
       text: Buttons.primaryText,
-      textDisabled: Buttons.primaryTextDisabled
+      textDisabled: Buttons.primaryTextDisabled,
     },
-    [ButtonType.Secondary]: { 
-      color: Buttons.secondary, 
+    [ButtonType.Secondary]: {
+      color: Buttons.secondary,
       colorDisabled: Buttons.secondaryDisabled,
       text: Buttons.secondaryText,
-      textDisabled: Buttons.secondaryTextDisabled
+      textDisabled: Buttons.secondaryTextDisabled,
     },
-    [ButtonType.Tertiary]: { 
-      color: Buttons.tertiary, 
+    [ButtonType.Tertiary]: {
+      color: Buttons.tertiary,
       colorDisabled: Buttons.tertiaryDisabled,
       text: Buttons.tertiaryText,
-      textDisabled: Buttons.tertiaryTextDisabled
+      textDisabled: Buttons.tertiaryTextDisabled,
     },
-    [ButtonType.ModalCritical]: { 
-      color: Buttons.modalCritical, 
+    [ButtonType.ModalCritical]: {
+      color: Buttons.modalCritical,
       colorDisabled: Buttons.modalCriticalDisabled,
       text: Buttons.modalCriticalText,
-      textDisabled: Buttons.modalCriticalTextDisabled
+      textDisabled: Buttons.modalCriticalTextDisabled,
     },
-    [ButtonType.ModalPrimary]: { 
-      color: Buttons.modalPrimary, 
+    [ButtonType.ModalPrimary]: {
+      color: Buttons.modalPrimary,
       colorDisabled: Buttons.modalPrimaryDisabled,
       text: Buttons.modalPrimaryText,
-      textDisabled: Buttons.modalPrimaryTextDisabled
+      textDisabled: Buttons.modalPrimaryTextDisabled,
     },
-    [ButtonType.ModalSecondary]: { 
-      color: Buttons.modalSecondary, 
+    [ButtonType.ModalSecondary]: {
+      color: Buttons.modalSecondary,
       colorDisabled: Buttons.modalSecondaryDisabled,
       text: Buttons.modalSecondaryText,
-      textDisabled: Buttons.modalSecondaryTextDisabled
+      textDisabled: Buttons.modalSecondaryTextDisabled,
     },
-    [ButtonType.ModalTertiary]: { 
-      color: Buttons.modalTertiary, 
+    [ButtonType.ModalTertiary]: {
+      color: Buttons.modalTertiary,
       colorDisabled: Buttons.modalTertiaryDisabled,
       text: Buttons.modalTertiaryText,
-      textDisabled: Buttons.modalTertiaryTextDisabled
+      textDisabled: Buttons.modalTertiaryTextDisabled,
     },
   }
   const [isActive, setIsActive] = useState<boolean>(false)

package/src/components/inputs/PINInput.tsx

@@ -21,10 +21,11 @@ interface PINInputProps {
   accessibilityLabel?: string
   autoFocus?: boolean
   inlineMessage?: InlineMessageProps
+  onSubmitEditing?: () => void
 }
 
 const PINInputComponent = (
-  { label, onPINChanged, testID, accessibilityLabel, autoFocus = false, inlineMessage }: PINInputProps,
+  { label, onPINChanged, testID, accessibilityLabel, autoFocus = false, inlineMessage, onSubmitEditing }: PINInputProps,
   ref: Ref<TextInput>
 ) => {
   const [PIN, setPIN] = useState('')
@@ -127,6 +128,7 @@ const PINInputComponent = (
           }}
           autoFocus={autoFocus}
           ref={ref}
+          onSubmitEditing={onSubmitEditing}
         />
       </View>
       <TouchableOpacity

package/src/components/misc/CredentialCard11.tsx

@@ -220,9 +220,9 @@ const CredentialCard11: React.FC<CredentialCard11Props> = ({
     bundleResolver.resolveAllBundles(params).then((bundle: any) => {
       if (proof) {
         setFlaggedAttributes((bundle as any).bundle.bundle.flaggedAttributes.map((attr: any) => attr.name))
-        const credHelpUrl =
-          (bundle as any).bundle.bundle.metadata.credentialSupportUrl[params.language] ??
-          Object.values((bundle as any).bundle.bundle.metadata.credentialSupportUrl)?.[0]
+        const issuerUrl =
+          (bundle as any).bundle.bundle.metadata.issuerUrl[params.language] ??
+          Object.values((bundle as any).bundle.bundle.metadata.issuerUrl)?.[0]
 
         // Check if there is a help action override for this credential
         const override = credHelpActionOverrides?.find(
@@ -234,9 +234,9 @@ const CredentialCard11: React.FC<CredentialCard11Props> = ({
           setHelpAction(() => () => {
             override.action(navigation)
           })
-        } else if (credHelpUrl) {
+        } else if (issuerUrl) {
           setHelpAction(() => () => {
-            Linking.openURL(credHelpUrl)
+            Linking.openURL(issuerUrl)
           })
         }
       }
@@ -490,30 +490,55 @@ const CredentialCard11: React.FC<CredentialCard11Props> = ({
     )
   }
 
-  function getSliceBackgroundColor(): ColorValue | undefined {
-    if (hideSlice) return 'transparent'
-    return brandingOverlayType === BrandingOverlayType.Branding10
-      ? backgroundColorIfRevoked(styles.secondaryBodyContainer.backgroundColor)
-      : overlay.brandingOverlay?.secondaryBackgroundColor
+  /**
+   * Returns the background color for the slice of the card.
+   *
+   * @return {ColorValue} - The background color for the slice.
+   */
+  function getSliceBackgroundColor(): ColorValue {
+    if (overlay.brandingOverlay?.secondaryBackgroundColor) {
+      return overlay.brandingOverlay.secondaryBackgroundColor
+    }
+
+    if (styles.secondaryBodyContainer.backgroundColor) {
+      return styles.secondaryBodyContainer.backgroundColor
+    }
+
+    return 'transparent'
   }
 
   const CredentialCardSecondaryBody: React.FC = () => {
+    // If the slice is hidden, we return an empty view with the same styles
+    if (hideSlice) {
+      return (
+        <View
+          testID={testIdWithKey('CredentialCardSecondaryBody')}
+          style={[
+            styles.secondaryBodyContainer,
+            {
+              backgroundColor: 'transparent',
+              overflow: 'hidden',
+            },
+          ]}
+        />
+      )
+    }
+
     return (
       <View
         testID={testIdWithKey('CredentialCardSecondaryBody')}
         style={[
           styles.secondaryBodyContainer,
           {
-            backgroundColor: getSliceBackgroundColor() ?? ColorPallet.brand.secondaryBackground,
+            backgroundColor: getSliceBackgroundColor(),
             overflow: 'hidden',
           },
         ]}
       >
         {overlay.brandingOverlay?.backgroundImageSlice &&
-        (!displayItems || brandingOverlayType === BrandingOverlayType.Branding11) &&
-        !hideSlice ? (
+        (!displayItems || brandingOverlayType === BrandingOverlayType.Branding11) ? (
           <ImageBackground
-            source={toImageSource(overlay.brandingOverlay?.backgroundImageSlice)}
+            source={toImageSource(overlay.brandingOverlay.backgroundImageSlice)}
             style={{ flexGrow: 1 }}
             imageStyle={{
               borderTopLeftRadius: borderRadius,
@@ -521,8 +546,7 @@ const CredentialCard11: React.FC<CredentialCard11Props> = ({
             }}
           />
         ) : (
-          !(Boolean(credentialErrors.length) || proof || getSecondaryBackgroundColor(overlay, proof)) &&
-          !hideSlice && (
+          !(Boolean(credentialErrors.length) || proof || getSecondaryBackgroundColor(overlay, proof)) && (
             <View
               style={[
                 {

package/src/components/modals/DeveloperModal.tsx

@@ -12,7 +12,7 @@ interface DeveloperModalProps {
 }
 
 const DeveloperModal: React.FC<DeveloperModalProps> = ({ onBackPressed }) => {
-  const { NavigationTheme, ColorPallet } = useTheme()
+  const { NavigationTheme } = useTheme()
   const [Developer] = useServices([TOKENS.SCREEN_DEVELOPER])
   const { t } = useTranslation()
 
@@ -25,7 +25,6 @@ const DeveloperModal: React.FC<DeveloperModalProps> = ({ onBackPressed }) => {
         <FauxHeader title={t('Screens.Developer')} onBackPressed={onBackPressed} />
         <Developer />
       </SafeAreaView>
-      <SafeAreaView edges={['bottom']} style={{ backgroundColor: ColorPallet.brand.primaryBackground }} />
     </SafeAreaModal>
   )
 }