creatorpraveen

// Settings (screen)
//  └─ Personal Information (screen)
//      └─ Change Number (bottom_sheet)
//          └─ Verify OTP (bottom_sheet)

// SETTINGS (ROOT SCREEN)
{
  "screen_id": "settings",
  "title": "Settings",
  "sections": [

creatorpraveen

import React, { useMemo } from 'react';
import {
  Canvas,
  Group,
  Skottie,
  Skia,
  useClock,
} from '@shopify/react-native-skia';
import { useDerivedValue } from 'react-native-reanimated';
import { ViewStyle } from 'react-native';

creatorpraveen

// ✅ Demo App: React Navigation 7.1.26 + Firebase Messaging + Notifee
// Includes:
// - Permissions (iOS + Android 13+)
// - Channels
// - Unified notification routing (Instagram-style)
// - Foreground + Background + Quit-state handling
// - Demo screens: Home, Notifications, PostDetails, UserProfile, ChatThread, FollowRequests, PromoScreen, LiveStream
// - In-app buttons to trigger local notifications for testing
//
// 📌 INSTALL (you already have):

creatorpraveen

{
  screen_id: "edit_account_access",
  title: "Edit Account",
  sections: [
    {
      type: "user_info",
      user_id: "{{user_id}}",
      name: "{{name}}",
      profile_pic: "{{profile_pic}}",
      user_name: "{{user_name}}",

creatorpraveen

{
  screen_id: "content_visibility",
  title: "Content visibility",
  sections: [
    {
      type: "info_row_2",
      label: "Stories",
      description: "Control who can see your stories.",
      action: { type: "navigate", to: "stories_visibility" },
    },

creatorpraveen

{
  screen_id: "blocked_accounts",
  title: "Blocked accounts",
  data_source: {
    method: "GET",
    url: "/privacy/blocked/accounts"
  },
  block_user: {
    type: "api",
    method: "POST",

creatorpraveen

appearance: {
  screen_id: "appearance",
  title: "Appearance",
  layout: "mixed",
  sections: [
    {
      type: "toggle",
      label: "Dark mode",
      description: "Toggle between light and dark mode.",
      value: user.dark_mode,

creatorpraveen

{
  screen_id: "sensitive_content",
  title: "Sensitive content",
  sections: [
    {
      type: 'radio_list',
      description: 'This affects search results as well as recommended content in explore, feed, posts and hashtag.',
      default_value: user.sensitive_content,
      options: [
        {

creatorpraveen

{
  linked_accounts: {
    screen_id: "linked_accounts",
    title: "Linked accounts",
    sections: [
      {
        type: "account_access_row",
        label: "Account Access",
        description: "See who has access to your account.",
        right_labels: {

creatorpraveen

  {
    personal_information: {
      screen_id: "personal_information",
      title: "Personal information",
      sections: [
        {
          type: "info_row",
          label: "Phone",
          right_label: "Edit",