[{"data":1,"prerenderedAt":21570},["ShallowReactive",2],{"navigation_docs":3,"-react-native-version2-camera-media-filesystem":3728,"-react-native-version2-camera-media-filesystem-surround":21565},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3495,3512,3525,3671,3724],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475,3479,3483,3487,3491],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3472,"path":3473,"stem":3474},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3476,"path":3477,"stem":3478},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3480,"path":3481,"stem":3482},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3484,"path":3485,"stem":3486},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3488,"path":3489,"stem":3490},"Доступність та інтернаціоналізація","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3492,"path":3493,"stem":3494},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3496,"path":3497,"stem":3498,"children":3499,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3500,3504,3508],{"title":3501,"path":3502,"stem":3503},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3505,"path":3506,"stem":3507},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3509,"path":3510,"stem":3511},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3513,"icon":658,"path":3514,"stem":3515,"children":3516,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3517,3521],{"title":3518,"path":3519,"stem":3520},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3522,"path":3523,"stem":3524},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3526,"icon":1946,"path":3527,"stem":3528,"children":3529,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3530,3575,3613,3642],{"title":3531,"icon":658,"path":3532,"stem":3533,"children":3534,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571],{"title":3536,"path":3537,"stem":3538},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3540,"path":3541,"stem":3542},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3544,"path":3545,"stem":3546},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3548,"path":3549,"stem":3550},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":3552,"path":3553,"stem":3554},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3556,"path":3557,"stem":3558},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3560,"path":3561,"stem":3562},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3564,"path":3565,"stem":3566},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3568,"path":3569,"stem":3570},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3572,"path":3573,"stem":3574},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3576,"icon":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3581,3585,3589,3593,3597,3601,3605,3609],{"title":3582,"path":3583,"stem":3584},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3586,"path":3587,"stem":3588},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3590,"path":3591,"stem":3592},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3594,"path":3595,"stem":3596},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3598,"path":3599,"stem":3600},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3602,"path":3603,"stem":3604},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3606,"path":3607,"stem":3608},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3610,"path":3611,"stem":3612},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3614,"icon":2326,"path":3615,"stem":3616,"children":3617,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3618,3622,3626,3630,3634,3638],{"title":3619,"path":3620,"stem":3621},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3623,"path":3624,"stem":3625},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3627,"path":3628,"stem":3629},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3631,"path":3632,"stem":3633},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3635,"path":3636,"stem":3637},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3639,"path":3640,"stem":3641},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3643,"icon":2326,"path":3644,"stem":3645,"children":3646,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3647,3651,3655,3659,3663,3667],{"title":3648,"path":3649,"stem":3650},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3652,"path":3653,"stem":3654},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3656,"path":3657,"stem":3658},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3660,"path":3661,"stem":3662},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3664,"path":3665,"stem":3666},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3668,"path":3669,"stem":3670},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3672,"path":3673,"stem":3674,"children":3675,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3676,3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720],{"title":3677,"path":3678,"stem":3679},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3681,"path":3682,"stem":3683},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3685,"path":3686,"stem":3687},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3689,"path":3690,"stem":3691},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3693,"path":3694,"stem":3695},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3697,"path":3698,"stem":3699},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3701,"path":3702,"stem":3703},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3705,"path":3706,"stem":3707},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3709,"path":3710,"stem":3711},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3713,"path":3714,"stem":3715},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3717,"path":3718,"stem":3719},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3721,"path":3722,"stem":3723},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3725,"path":3726,"stem":3727},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3729,"title":3468,"body":3730,"description":21559,"extension":21560,"links":21561,"meta":21562,"navigation":4459,"path":3469,"seo":21563,"stem":3470,"__hash__":21564},"docs\u002F15.react-native\u002Fversion2\u002F21.camera-media-filesystem.md",{"type":3731,"value":3732,"toc":21491},"minimark",[3733,3737,3742,3746,3783,3807,3822,3825,3829,3834,3845,3848,3885,3889,3893,3896,3985,3994,3998,4013,4086,4097,4101,4104,4165,4180,4354,4373,4377,4380,5454,5470,5473,5483,5492,5506,5510,5513,5818,5824,5826,5830,5834,5843,5846,5849,5896,5903,5906,6153,6162,6358,6379,6382,6796,6804,6812,7189,7205,7209,7216,7234,8032,8035,8097,8108,8112,8130,8741,8752,8754,8760,8764,8778,8781,8831,8834,8845,8854,8860,8866,8956,8965,9001,9009,9059,9063,9066,9580,9583,10194,10212,10216,10315,10321,10325,10328,10426,10451,10453,10457,10461,10464,10472,10475,10508,10524,10530,10535,10615,10629,10633,10638,10775,10779,10947,10951,11073,11077,11080,12006,12038,12045,12054,12393,12418,12425,12430,12650,12660,12662,12668,12677,12680,12729,12733,12736,12739,13229,13241,13243,13247,13250,13255,13278,13282,13288,13292,13795,13802,14873,14880,16928,16935,18685,18687,18694,18701,18707,18711,18869,18876,21195,21197,21201,21205,21282,21286,21348,21352,21387,21389,21393,21487],[3734,3735,3468],"h1",{"id":3736},"камера-медіа-та-файлова-система",[3738,3739,3741],"h2",{"id":3740},"відкриття-чому-фото-це-не-просто-файл","Відкриття: чому фото — це не просто файл",[3743,3744,3745],"p",{},"Уявіть: ви додаєте до застосунку функцію «аватар профілю». Здається, нічого складного — кнопка «Обрати фото», і все. Але насправді за цією простою кнопкою стоїть ціла система взаємодій:",[3747,3748,3749,3758,3765,3776],"ul",{},[3750,3751,3752,3753,3757],"li",{},"Спочатку треба ",[3754,3755,3756],"strong",{},"запитати дозвіл"," у операційної системи — iOS і Android не дозволяють застосункам просто так читати файли або вмикати камеру.",[3750,3759,3760,3761,3764],{},"Потім потрібно ",[3754,3762,3763],{},"відкрити системний picker"," — нативний UI для вибору фото або зйомки нового.",[3750,3766,3767,3768,3771,3772,3775],{},"Обране фото може важити ",[3754,3769,3770],{},"10–15 МБ"," — треба ",[3754,3773,3774],{},"стиснути"," його до прийнятного розміру перед завантаженням на сервер.",[3750,3777,3778,3779,3782],{},"Після вибору ви отримаєте ",[3754,3780,3781],{},"локальний URI"," — тимчасовий шлях до файлу в пісочниці застосунку, з яким треба вміти правильно працювати.",[3743,3784,3785,3786,3790,3791,3794,3795,3798,3799,3802,3803,3806],{},"У цій статті ми пройдемо весь цей шлях від початку до кінця. Розберемо, як iOS і Android управляють дозволами, чому вони відрізняються, як використовувати ",[3787,3788,3789],"code",{},"expo-image-picker"," і ",[3787,3792,3793],{},"expo-media-library",", стиснення через ",[3787,3796,3797],{},"expo-image-manipulator"," та роботу з файловою системою через ",[3787,3800,3801],{},"expo-file-system",". Наприкінці побудуємо ",[3754,3804,3805],{},"міні-проєкт «Фото-бейдж»"," — екран профілю, де користувач може зробити фото або обрати з галереї, а результат одразу з'являється на екрані.",[3808,3809,3810,3813,3814,3817,3818,3821],"note",{},[3754,3811,3812],{},"Що потрібно знати заздалегідь:"," ця стаття передбачає знайомство з Expo Router, хуками ",[3787,3815,3816],{},"useState","\u002F",[3787,3819,3820],{},"useEffect"," та базовими компонентами React Native. Якщо ви ще не читали попередні розділи — рекомендую почати звідти.",[3823,3824],"hr",{},[3738,3826,3828],{"id":3827},"дозволи-permissions","Дозволи (Permissions)",[3830,3831,3833],"h3",{"id":3832},"_11-навіщо-взагалі-потрібні-дозволи","1.1. Навіщо взагалі потрібні дозволи",[3743,3835,3836,3837,3840,3841,3844],{},"У вебі браузер може запитати доступ до камери або мікрофону через ",[3787,3838,3839],{},"getUserMedia",". Але уявіть, якби будь-який сайт міг читати ваші фотографії без питань — це була б катастрофа приватності. Мобільні ОС вирішили цю проблему радикальніше: ",[3754,3842,3843],{},"кожен чутливий ресурс пристрою захищений системою дозволів",". Застосунок не може навіть спробувати відкрити камеру без явної згоди користувача.",[3743,3846,3847],{},"Дозволи (permissions) — це контракт між застосунком і ОС:",[3849,3850,3851,3858,3865,3872,3879],"ol",{},[3750,3852,3853,3854,3857],{},"Застосунок ",[3754,3855,3856],{},"декларує"," у маніфесті, які ресурси йому можуть знадобитись.",[3750,3859,3860,3861,3864],{},"При першій спробі використати ресурс застосунок ",[3754,3862,3863],{},"запитує"," дозвіл у runtime.",[3750,3866,3867,3868,3871],{},"Операційна система показує ",[3754,3869,3870],{},"системний діалог"," — від імені ОС, не від застосунку.",[3750,3873,3874,3875,3878],{},"Користувач ",[3754,3876,3877],{},"вирішує",": дозволити, відмовити, або дозволити «тільки один раз» (iOS).",[3750,3880,3853,3881,3884],{},[3754,3882,3883],{},"реагує"," на відповідь — або продовжує роботу, або пояснює, чому дозвіл потрібен.",[3886,3887,3888],"tip",{},"Системний діалог дозволів виглядає однаково для всіх застосунків — це навмисне рішення Apple і Google. Користувач знає: цей запит прийшов від ОС, а не від застосунку, і ОС буде виконувати його рішення.",[3830,3890,3892],{"id":3891},"_12-ios-vs-android-принципові-відмінності","1.2. iOS vs Android: принципові відмінності",[3743,3894,3895],{},"Системи дозволів на iOS і Android суттєво відрізняються — і це напряму впливає на те, як ми пишемо код.",[3897,3898,3899,3938],"card-group",{},[3900,3901,3904],"card",{"icon":3902,"title":3903},"i-simple-icons-apple","iOS — суворий однораз",[3747,3905,3906,3913,3920,3931],{},[3750,3907,3908,3909,3912],{},"Дозвіл запитується ",[3754,3910,3911],{},"один раз за весь термін роботи застосунку",".",[3750,3914,3915,3916,3919],{},"Якщо користувач відмовив — ОС ",[3754,3917,3918],{},"більше не покаже"," системний діалог. Тільки ручний перехід у Налаштування.",[3750,3921,3922,3923,3926,3927,3930],{},"З iOS 14: дозвіл на фото-бібліотеку може бути ",[3754,3924,3925],{},"частковим"," — ",[3787,3928,3929],{},"limited",". Користувач сам обирає, які фото відкрити.",[3750,3932,3933,3934,3937],{},"З iOS 17: нові варіанти — ",[3787,3935,3936],{},"addOnly"," (тільки зберігати, не читати).",[3900,3939,3942],{"icon":3940,"title":3941},"i-simple-icons-android","Android — гнучкіший, але складніший",[3747,3943,3944,3955,3962,3978],{},[3750,3945,3946,3947,3950,3951,3954],{},"До Android 10: дозволи ",[3787,3948,3949],{},"READ_EXTERNAL_STORAGE"," \u002F ",[3787,3952,3953],{},"WRITE_EXTERNAL_STORAGE"," давали доступ до всього сховища.",[3750,3956,3957,3958,3961],{},"Android 10+: ",[3754,3959,3960],{},"Scoped Storage"," — кожен застосунок бачить тільки свою папку і публічні медіа через MediaStore.",[3750,3963,3964,3965,3967,3968,3971,3972,3971,3975,3912],{},"Android 13+: замість ",[3787,3966,3949],{}," — окремі дозволи: ",[3787,3969,3970],{},"READ_MEDIA_IMAGES",", ",[3787,3973,3974],{},"READ_MEDIA_VIDEO",[3787,3976,3977],{},"READ_MEDIA_AUDIO",[3750,3979,3980,3981,3984],{},"На Android дозвіл можна запитати ",[3754,3982,3983],{},"повторно",", але лише якщо користувач не відзначив «Більше не питати».",[3743,3986,3987,3988,3971,3991,3993],{},"Що це означає на практиці? Expo абстрагує більшість цих відмінностей, але розуміти їх все одно важливо — щоб правильно реагувати на ",[3787,3989,3990],{},"denied",[3787,3992,3929],{}," та інші статуси.",[3830,3995,3997],{"id":3996},"_13-статуси-дозволів","1.3. Статуси дозволів",[3743,3999,4000,4001,4004,4005,3971,4007,3971,4009,4012],{},"Перед тим як запитувати дозвіл, слід ",[3754,4002,4003],{},"перевірити поточний статус",". Expo надає єдиний API через окремі пакети (",[3787,4006,3789],{},[3787,4008,3793],{},[3787,4010,4011],{},"expo-camera"," тощо), але всі вони повертають одні й ті самі статуси:",[4014,4015,4016,4032],"table",{},[4017,4018,4019],"thead",{},[4020,4021,4022,4026,4029],"tr",{},[4023,4024,4025],"th",{},"Статус",[4023,4027,4028],{},"Значення",[4023,4030,4031],{},"Що робити",[4033,4034,4035,4049,4062,4074],"tbody",{},[4020,4036,4037,4043,4046],{},[4038,4039,4040],"td",{},[3787,4041,4042],{},"undetermined",[4038,4044,4045],{},"Користувач ще не вирішував",[4038,4047,4048],{},"Запитати дозвіл",[4020,4050,4051,4056,4059],{},[4038,4052,4053],{},[3787,4054,4055],{},"granted",[4038,4057,4058],{},"Дозволено",[4038,4060,4061],{},"Продовжувати роботу",[4020,4063,4064,4068,4071],{},[4038,4065,4066],{},[3787,4067,3990],{},[4038,4069,4070],{},"Відмовлено",[4038,4072,4073],{},"Показати пояснення + кнопку «Відкрити Налаштування»",[4020,4075,4076,4080,4083],{},[4038,4077,4078],{},[3787,4079,3929],{},[4038,4081,4082],{},"Частковий доступ (iOS 14+)",[4038,4084,4085],{},"Працювати з обраними фото або запропонувати розширити доступ",[3808,4087,4088,4089,4092,4093,4096],{},"У Expo дозволи перевіряються і запитуються через хуки або статичні методи — залежно від пакету. Наприклад, ",[3787,4090,4091],{},"useMediaLibraryPermissions()"," — хук, а ",[3787,4094,4095],{},"ImagePicker.requestMediaLibraryPermissionsAsync()"," — прямий виклик. Обидва підходи правомірні; хук зручніший у компонентах.",[3830,4098,4100],{"id":4099},"_14-підключення-пакетів-і-налаштування-маніфестів","1.4. Підключення пакетів і налаштування маніфестів",[3743,4102,4103],{},"Для роботи з камерою і медіа нам знадобляться три пакети:",[4105,4106,4107,4145],"code-group",{},[4108,4109,4115],"pre",{"className":4110,"code":4111,"filename":4112,"language":4113,"meta":4114,"style":4114},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npx expo install expo-image-picker expo-media-library expo-image-manipulator expo-file-system\n","expo install","bash","",[3787,4116,4117],{"__ignoreMap":4114},[4118,4119,4122,4126,4130,4133,4136,4139,4142],"span",{"class":4120,"line":4121},"line",1,[4118,4123,4125],{"class":4124},"s8Opu","npx",[4118,4127,4129],{"class":4128},"sbdoH"," expo",[4118,4131,4132],{"class":4128}," install",[4118,4134,4135],{"class":4128}," expo-image-picker",[4118,4137,4138],{"class":4128}," expo-media-library",[4118,4140,4141],{"class":4128}," expo-image-manipulator",[4118,4143,4144],{"class":4128}," expo-file-system\n",[4108,4146,4149],{"className":4110,"code":4147,"filename":4148,"language":4113,"meta":4114,"style":4114},"npm install expo-image-picker expo-media-library expo-image-manipulator expo-file-system\n","npm",[3787,4150,4151],{"__ignoreMap":4114},[4118,4152,4153,4155,4157,4159,4161,4163],{"class":4120,"line":4121},[4118,4154,4148],{"class":4124},[4118,4156,4132],{"class":4128},[4118,4158,4135],{"class":4128},[4118,4160,4138],{"class":4128},[4118,4162,4141],{"class":4128},[4118,4164,4144],{"class":4128},[3743,4166,4167,4168,4171,4172,4175,4176,4179],{},"Після встановлення пакетів треба оголосити дозволи в ",[3787,4169,4170],{},"app.json",". Expo генерує нативний ",[3787,4173,4174],{},"Info.plist"," (iOS) і ",[3787,4177,4178],{},"AndroidManifest.xml"," (Android) з цих налаштувань автоматично під час збірки.",[4108,4181,4185],{"className":4182,"code":4183,"filename":4170,"language":4184,"meta":4114,"style":4114},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"expo\": {\n    \"plugins\": [\n      [\n        \"expo-image-picker\",\n        {\n          \"photosPermission\": \"Застосунок потребує доступу до фотографій, щоб ви могли обрати аватар.\",\n          \"cameraPermission\": \"Застосунок потребує доступу до камери для зйомки фото.\"\n        }\n      ],\n      [\n        \"expo-media-library\",\n        {\n          \"photosPermission\": \"Дозвольте доступ до фотографій.\",\n          \"savePhotosPermission\": \"Дозвольте зберігати фотографії.\",\n          \"isAccessMediaLocationEnabled\": true\n        }\n      ]\n    ]\n  }\n}\n","json",[3787,4186,4187,4193,4203,4212,4218,4227,4233,4247,4258,4264,4270,4275,4283,4288,4300,4313,4325,4330,4336,4342,4348],{"__ignoreMap":4114},[4118,4188,4189],{"class":4120,"line":4121},[4118,4190,4192],{"class":4191},"sHH4Y","{\n",[4118,4194,4196,4200],{"class":4120,"line":4195},2,[4118,4197,4199],{"class":4198},"sLwNe","  \"expo\"",[4118,4201,4202],{"class":4191},": {\n",[4118,4204,4206,4209],{"class":4120,"line":4205},3,[4118,4207,4208],{"class":4198},"    \"plugins\"",[4118,4210,4211],{"class":4191},": [\n",[4118,4213,4215],{"class":4120,"line":4214},4,[4118,4216,4217],{"class":4191},"      [\n",[4118,4219,4221,4224],{"class":4120,"line":4220},5,[4118,4222,4223],{"class":4128},"        \"expo-image-picker\"",[4118,4225,4226],{"class":4191},",\n",[4118,4228,4230],{"class":4120,"line":4229},6,[4118,4231,4232],{"class":4191},"        {\n",[4118,4234,4236,4239,4242,4245],{"class":4120,"line":4235},7,[4118,4237,4238],{"class":4198},"          \"photosPermission\"",[4118,4240,4241],{"class":4191},": ",[4118,4243,4244],{"class":4128},"\"Застосунок потребує доступу до фотографій, щоб ви могли обрати аватар.\"",[4118,4246,4226],{"class":4191},[4118,4248,4250,4253,4255],{"class":4120,"line":4249},8,[4118,4251,4252],{"class":4198},"          \"cameraPermission\"",[4118,4254,4241],{"class":4191},[4118,4256,4257],{"class":4128},"\"Застосунок потребує доступу до камери для зйомки фото.\"\n",[4118,4259,4261],{"class":4120,"line":4260},9,[4118,4262,4263],{"class":4191},"        }\n",[4118,4265,4267],{"class":4120,"line":4266},10,[4118,4268,4269],{"class":4191},"      ],\n",[4118,4271,4273],{"class":4120,"line":4272},11,[4118,4274,4217],{"class":4191},[4118,4276,4278,4281],{"class":4120,"line":4277},12,[4118,4279,4280],{"class":4128},"        \"expo-media-library\"",[4118,4282,4226],{"class":4191},[4118,4284,4286],{"class":4120,"line":4285},13,[4118,4287,4232],{"class":4191},[4118,4289,4291,4293,4295,4298],{"class":4120,"line":4290},14,[4118,4292,4238],{"class":4198},[4118,4294,4241],{"class":4191},[4118,4296,4297],{"class":4128},"\"Дозвольте доступ до фотографій.\"",[4118,4299,4226],{"class":4191},[4118,4301,4303,4306,4308,4311],{"class":4120,"line":4302},15,[4118,4304,4305],{"class":4198},"          \"savePhotosPermission\"",[4118,4307,4241],{"class":4191},[4118,4309,4310],{"class":4128},"\"Дозвольте зберігати фотографії.\"",[4118,4312,4226],{"class":4191},[4118,4314,4316,4319,4321],{"class":4120,"line":4315},16,[4118,4317,4318],{"class":4198},"          \"isAccessMediaLocationEnabled\"",[4118,4320,4241],{"class":4191},[4118,4322,4324],{"class":4323},"su1O8","true\n",[4118,4326,4328],{"class":4120,"line":4327},17,[4118,4329,4263],{"class":4191},[4118,4331,4333],{"class":4120,"line":4332},18,[4118,4334,4335],{"class":4191},"      ]\n",[4118,4337,4339],{"class":4120,"line":4338},19,[4118,4340,4341],{"class":4191},"    ]\n",[4118,4343,4345],{"class":4120,"line":4344},20,[4118,4346,4347],{"class":4191},"  }\n",[4118,4349,4351],{"class":4120,"line":4350},21,[4118,4352,4353],{"class":4191},"}\n",[4355,4356,4357,4358,3790,4361,4364,4365,4368,4369,4372],"warning",{},"Текст у ",[3787,4359,4360],{},"photosPermission",[3787,4362,4363],{},"cameraPermission"," — це рядки, які ",[3754,4366,4367],{},"буде показано користувачу"," в системному діалозі iOS. Пишіть їх зрозумілою мовою і пояснюйте, ",[3754,4370,4371],{},"навіщо"," застосунку цей доступ. Apple може відхилити застосунок у App Store, якщо рядок дозволу недостатньо конкретний або технічний.",[3830,4374,4376],{"id":4375},"_15-запит-дозволів-на-практиці","1.5. Запит дозволів на практиці",[3743,4378,4379],{},"Ось повний приклад компонента, що перевіряє і запитує дозволи, а також правильно обробляє кожен статус:",[4108,4381,4387],{"className":4382,"code":4383,"filename":4384,"language":4385,"meta":4386,"style":4114},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import * as ImagePicker from 'expo-image-picker';\nimport { Linking, Pressable, StyleSheet, Text, View } from 'react-native';\n\ntype Props = {\n  children: React.ReactNode;\n};\n\nexport function PermissionGate({ children }: Props) {\n  \u002F\u002F Хук повертає [статус, requestAsync, getAsync]\n  const [cameraStatus, requestCamera] =\n    ImagePicker.useCameraPermissions();\n  const [libraryStatus, requestLibrary] =\n    ImagePicker.useMediaLibraryPermissions();\n\n  \u002F\u002F Поки дозволи ще не завантажились — нічого не рендеримо\n  if (!cameraStatus || !libraryStatus) return null;\n\n  const allGranted =\n    cameraStatus.granted && libraryStatus.granted;\n\n  if (allGranted) {\n    \u002F\u002F Всі дозволи є — рендеримо дочірній контент\n    return \u003C>{children}\u003C\u002F>;\n  }\n\n  \u002F\u002F Якщо хоча б один дозвіл \"denied\" — треба вести в Налаштування\n  const anyDenied =\n    cameraStatus.status === 'denied' ||\n    libraryStatus.status === 'denied';\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.title}>Потрібен доступ\u003C\u002FText>\n      \u003CText style={styles.description}>\n        Для роботи з фото застосунок потребує доступу до\n        камери та фото-бібліотеки.\n      \u003C\u002FText>\n\n      {anyDenied ? (\n        \u002F\u002F Дозвіл вже відхилений — система не покаже діалог знову.\n        \u002F\u002F Єдиний вихід — відкрити Налаштування вручну.\n        \u003CPressable\n          style={styles.button}\n          onPress={() => Linking.openSettings()}\n        >\n          \u003CText style={styles.buttonText}>\n            Відкрити Налаштування\n          \u003C\u002FText>\n        \u003C\u002FPressable>\n      ) : (\n        \u002F\u002F Статус \"undetermined\" — можна запитати\n        \u003CPressable\n          style={styles.button}\n          onPress={async () => {\n            await requestCamera();\n            await requestLibrary();\n          }}\n        >\n          \u003CText style={styles.buttonText}>\n            Надати доступ\n          \u003C\u002FText>\n        \u003C\u002FPressable>\n      )}\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 32,\n    gap: 16,\n  },\n  title: { fontSize: 20, fontWeight: '700', textAlign: 'center' },\n  description: { fontSize: 15, textAlign: 'center', color: '#666' },\n  button: {\n    backgroundColor: '#3b82f6',\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    borderRadius: 10,\n  },\n  buttonText: { color: '#fff', fontWeight: '600', fontSize: 16 },\n});\n","components\u002FPermissionGate.tsx","tsx","showLineNumbers",[3787,4388,4389,4414,4455,4461,4473,4489,4494,4498,4524,4530,4550,4563,4579,4590,4594,4599,4625,4629,4639,4659,4663,4675,4681,4704,4709,4714,4720,4730,4749,4765,4770,4779,4810,4846,4870,4876,4882,4892,4897,4911,4917,4923,4932,4951,4980,4986,5011,5017,5027,5037,5048,5054,5061,5078,5096,5107,5117,5125,5130,5153,5159,5168,5177,5185,5195,5201,5206,5211,5233,5241,5253,5264,5274,5285,5296,5302,5334,5363,5371,5382,5393,5404,5415,5420,5448],{"__ignoreMap":4114},[4118,4390,4391,4395,4398,4401,4405,4408,4411],{"class":4120,"line":4121},[4118,4392,4394],{"class":4393},"s8xlr","import",[4118,4396,4397],{"class":4323}," *",[4118,4399,4400],{"class":4393}," as",[4118,4402,4404],{"class":4403},"siwwj"," ImagePicker",[4118,4406,4407],{"class":4393}," from",[4118,4409,4410],{"class":4128}," 'expo-image-picker'",[4118,4412,4413],{"class":4191},";\n",[4118,4415,4416,4418,4421,4424,4426,4429,4431,4434,4436,4439,4441,4444,4447,4450,4453],{"class":4120,"line":4195},[4118,4417,4394],{"class":4393},[4118,4419,4420],{"class":4191}," { ",[4118,4422,4423],{"class":4403},"Linking",[4118,4425,3971],{"class":4191},[4118,4427,4428],{"class":4403},"Pressable",[4118,4430,3971],{"class":4191},[4118,4432,4433],{"class":4403},"StyleSheet",[4118,4435,3971],{"class":4191},[4118,4437,4438],{"class":4403},"Text",[4118,4440,3971],{"class":4191},[4118,4442,4443],{"class":4403},"View",[4118,4445,4446],{"class":4191}," } ",[4118,4448,4449],{"class":4393},"from",[4118,4451,4452],{"class":4128}," 'react-native'",[4118,4454,4413],{"class":4191},[4118,4456,4457],{"class":4120,"line":4205},[4118,4458,4460],{"emptyLinePlaceholder":4459},true,"\n",[4118,4462,4463,4466,4470],{"class":4120,"line":4214},[4118,4464,4465],{"class":4323},"type",[4118,4467,4469],{"class":4468},"sN1BT"," Props",[4118,4471,4472],{"class":4191}," = {\n",[4118,4474,4475,4478,4480,4482,4484,4487],{"class":4120,"line":4220},[4118,4476,4477],{"class":4403},"  children",[4118,4479,4241],{"class":4191},[4118,4481,2021],{"class":4468},[4118,4483,3912],{"class":4191},[4118,4485,4486],{"class":4468},"ReactNode",[4118,4488,4413],{"class":4191},[4118,4490,4491],{"class":4120,"line":4229},[4118,4492,4493],{"class":4191},"};\n",[4118,4495,4496],{"class":4120,"line":4235},[4118,4497,4460],{"emptyLinePlaceholder":4459},[4118,4499,4500,4503,4506,4509,4512,4515,4518,4521],{"class":4120,"line":4249},[4118,4501,4502],{"class":4393},"export",[4118,4504,4505],{"class":4323}," function",[4118,4507,4508],{"class":4124}," PermissionGate",[4118,4510,4511],{"class":4191},"({ ",[4118,4513,4514],{"class":4403},"children",[4118,4516,4517],{"class":4191}," }: ",[4118,4519,4520],{"class":4468},"Props",[4118,4522,4523],{"class":4191},") {\n",[4118,4525,4526],{"class":4120,"line":4260},[4118,4527,4529],{"class":4528},"spJ8K","  \u002F\u002F Хук повертає [статус, requestAsync, getAsync]\n",[4118,4531,4532,4535,4538,4542,4544,4547],{"class":4120,"line":4266},[4118,4533,4534],{"class":4323},"  const",[4118,4536,4537],{"class":4191}," [",[4118,4539,4541],{"class":4540},"s-QsJ","cameraStatus",[4118,4543,3971],{"class":4191},[4118,4545,4546],{"class":4540},"requestCamera",[4118,4548,4549],{"class":4191},"] =\n",[4118,4551,4552,4555,4557,4560],{"class":4120,"line":4272},[4118,4553,4554],{"class":4403},"    ImagePicker",[4118,4556,3912],{"class":4191},[4118,4558,4559],{"class":4124},"useCameraPermissions",[4118,4561,4562],{"class":4191},"();\n",[4118,4564,4565,4567,4569,4572,4574,4577],{"class":4120,"line":4277},[4118,4566,4534],{"class":4323},[4118,4568,4537],{"class":4191},[4118,4570,4571],{"class":4540},"libraryStatus",[4118,4573,3971],{"class":4191},[4118,4575,4576],{"class":4540},"requestLibrary",[4118,4578,4549],{"class":4191},[4118,4580,4581,4583,4585,4588],{"class":4120,"line":4285},[4118,4582,4554],{"class":4403},[4118,4584,3912],{"class":4191},[4118,4586,4587],{"class":4124},"useMediaLibraryPermissions",[4118,4589,4562],{"class":4191},[4118,4591,4592],{"class":4120,"line":4290},[4118,4593,4460],{"emptyLinePlaceholder":4459},[4118,4595,4596],{"class":4120,"line":4302},[4118,4597,4598],{"class":4528},"  \u002F\u002F Поки дозволи ще не завантажились — нічого не рендеримо\n",[4118,4600,4601,4604,4607,4609,4612,4614,4617,4620,4623],{"class":4120,"line":4315},[4118,4602,4603],{"class":4393},"  if",[4118,4605,4606],{"class":4191}," (!",[4118,4608,4541],{"class":4403},[4118,4610,4611],{"class":4191}," || !",[4118,4613,4571],{"class":4403},[4118,4615,4616],{"class":4191},") ",[4118,4618,4619],{"class":4393},"return",[4118,4621,4622],{"class":4323}," null",[4118,4624,4413],{"class":4191},[4118,4626,4627],{"class":4120,"line":4327},[4118,4628,4460],{"emptyLinePlaceholder":4459},[4118,4630,4631,4633,4636],{"class":4120,"line":4332},[4118,4632,4534],{"class":4323},[4118,4634,4635],{"class":4540}," allGranted",[4118,4637,4638],{"class":4191}," =\n",[4118,4640,4641,4644,4646,4648,4651,4653,4655,4657],{"class":4120,"line":4338},[4118,4642,4643],{"class":4403},"    cameraStatus",[4118,4645,3912],{"class":4191},[4118,4647,4055],{"class":4403},[4118,4649,4650],{"class":4191}," && ",[4118,4652,4571],{"class":4403},[4118,4654,3912],{"class":4191},[4118,4656,4055],{"class":4403},[4118,4658,4413],{"class":4191},[4118,4660,4661],{"class":4120,"line":4344},[4118,4662,4460],{"emptyLinePlaceholder":4459},[4118,4664,4665,4667,4670,4673],{"class":4120,"line":4350},[4118,4666,4603],{"class":4393},[4118,4668,4669],{"class":4191}," (",[4118,4671,4672],{"class":4403},"allGranted",[4118,4674,4523],{"class":4191},[4118,4676,4678],{"class":4120,"line":4677},22,[4118,4679,4680],{"class":4528},"    \u002F\u002F Всі дозволи є — рендеримо дочірній контент\n",[4118,4682,4684,4687,4691,4694,4696,4699,4702],{"class":4120,"line":4683},23,[4118,4685,4686],{"class":4393},"    return",[4118,4688,4690],{"class":4689},"s0P7L"," \u003C>",[4118,4692,4693],{"class":4323},"{",[4118,4695,4514],{"class":4403},[4118,4697,4698],{"class":4323},"}",[4118,4700,4701],{"class":4689},"\u003C\u002F>",[4118,4703,4413],{"class":4191},[4118,4705,4707],{"class":4120,"line":4706},24,[4118,4708,4347],{"class":4191},[4118,4710,4712],{"class":4120,"line":4711},25,[4118,4713,4460],{"emptyLinePlaceholder":4459},[4118,4715,4717],{"class":4120,"line":4716},26,[4118,4718,4719],{"class":4528},"  \u002F\u002F Якщо хоча б один дозвіл \"denied\" — треба вести в Налаштування\n",[4118,4721,4723,4725,4728],{"class":4120,"line":4722},27,[4118,4724,4534],{"class":4323},[4118,4726,4727],{"class":4540}," anyDenied",[4118,4729,4638],{"class":4191},[4118,4731,4733,4735,4737,4740,4743,4746],{"class":4120,"line":4732},28,[4118,4734,4643],{"class":4403},[4118,4736,3912],{"class":4191},[4118,4738,4739],{"class":4403},"status",[4118,4741,4742],{"class":4191}," === ",[4118,4744,4745],{"class":4128},"'denied'",[4118,4747,4748],{"class":4191}," ||\n",[4118,4750,4752,4755,4757,4759,4761,4763],{"class":4120,"line":4751},29,[4118,4753,4754],{"class":4403},"    libraryStatus",[4118,4756,3912],{"class":4191},[4118,4758,4739],{"class":4403},[4118,4760,4742],{"class":4191},[4118,4762,4745],{"class":4128},[4118,4764,4413],{"class":4191},[4118,4766,4768],{"class":4120,"line":4767},30,[4118,4769,4460],{"emptyLinePlaceholder":4459},[4118,4771,4773,4776],{"class":4120,"line":4772},31,[4118,4774,4775],{"class":4393},"  return",[4118,4777,4778],{"class":4191}," (\n",[4118,4780,4782,4785,4787,4791,4794,4796,4799,4802,4805,4807],{"class":4120,"line":4781},32,[4118,4783,4784],{"class":4689},"    \u003C",[4118,4786,4443],{"class":4468},[4118,4788,4790],{"class":4789},"sa4r_"," style",[4118,4792,4793],{"class":4191},"=",[4118,4795,4693],{"class":4323},[4118,4797,4798],{"class":4403},"styles",[4118,4800,3912],{"class":4801},"sD7JJ",[4118,4803,4804],{"class":4403},"container",[4118,4806,4698],{"class":4323},[4118,4808,4809],{"class":4689},">\n",[4118,4811,4813,4816,4818,4820,4822,4824,4826,4828,4831,4833,4836,4839,4842,4844],{"class":4120,"line":4812},33,[4118,4814,4815],{"class":4689},"      \u003C",[4118,4817,4438],{"class":4468},[4118,4819,4790],{"class":4789},[4118,4821,4793],{"class":4191},[4118,4823,4693],{"class":4323},[4118,4825,4798],{"class":4403},[4118,4827,3912],{"class":4801},[4118,4829,4830],{"class":4403},"title",[4118,4832,4698],{"class":4323},[4118,4834,4835],{"class":4689},">",[4118,4837,4838],{"class":4191},"Потрібен доступ",[4118,4840,4841],{"class":4689},"\u003C\u002F",[4118,4843,4438],{"class":4468},[4118,4845,4809],{"class":4689},[4118,4847,4849,4851,4853,4855,4857,4859,4861,4863,4866,4868],{"class":4120,"line":4848},34,[4118,4850,4815],{"class":4689},[4118,4852,4438],{"class":4468},[4118,4854,4790],{"class":4789},[4118,4856,4793],{"class":4191},[4118,4858,4693],{"class":4323},[4118,4860,4798],{"class":4403},[4118,4862,3912],{"class":4801},[4118,4864,4865],{"class":4403},"description",[4118,4867,4698],{"class":4323},[4118,4869,4809],{"class":4689},[4118,4871,4873],{"class":4120,"line":4872},35,[4118,4874,4875],{"class":4191},"        Для роботи з фото застосунок потребує доступу до\n",[4118,4877,4879],{"class":4120,"line":4878},36,[4118,4880,4881],{"class":4191},"        камери та фото-бібліотеки.\n",[4118,4883,4885,4888,4890],{"class":4120,"line":4884},37,[4118,4886,4887],{"class":4689},"      \u003C\u002F",[4118,4889,4438],{"class":4468},[4118,4891,4809],{"class":4689},[4118,4893,4895],{"class":4120,"line":4894},38,[4118,4896,4460],{"emptyLinePlaceholder":4459},[4118,4898,4900,4903,4906,4909],{"class":4120,"line":4899},39,[4118,4901,4902],{"class":4323},"      {",[4118,4904,4905],{"class":4403},"anyDenied",[4118,4907,4908],{"class":4191}," ?",[4118,4910,4778],{"class":4801},[4118,4912,4914],{"class":4120,"line":4913},40,[4118,4915,4916],{"class":4528},"        \u002F\u002F Дозвіл вже відхилений — система не покаже діалог знову.\n",[4118,4918,4920],{"class":4120,"line":4919},41,[4118,4921,4922],{"class":4528},"        \u002F\u002F Єдиний вихід — відкрити Налаштування вручну.\n",[4118,4924,4926,4929],{"class":4120,"line":4925},42,[4118,4927,4928],{"class":4689},"        \u003C",[4118,4930,4931],{"class":4468},"Pressable\n",[4118,4933,4935,4938,4940,4942,4944,4946,4949],{"class":4120,"line":4934},43,[4118,4936,4937],{"class":4789},"          style",[4118,4939,4793],{"class":4191},[4118,4941,4693],{"class":4323},[4118,4943,4798],{"class":4403},[4118,4945,3912],{"class":4801},[4118,4947,4948],{"class":4403},"button",[4118,4950,4353],{"class":4323},[4118,4952,4954,4957,4959,4961,4964,4967,4970,4972,4975,4978],{"class":4120,"line":4953},44,[4118,4955,4956],{"class":4789},"          onPress",[4118,4958,4793],{"class":4191},[4118,4960,4693],{"class":4323},[4118,4962,4963],{"class":4801},"() ",[4118,4965,4966],{"class":4323},"=>",[4118,4968,4969],{"class":4403}," Linking",[4118,4971,3912],{"class":4801},[4118,4973,4974],{"class":4124},"openSettings",[4118,4976,4977],{"class":4801},"()",[4118,4979,4353],{"class":4323},[4118,4981,4983],{"class":4120,"line":4982},45,[4118,4984,4985],{"class":4689},"        >\n",[4118,4987,4989,4992,4994,4996,4998,5000,5002,5004,5007,5009],{"class":4120,"line":4988},46,[4118,4990,4991],{"class":4689},"          \u003C",[4118,4993,4438],{"class":4468},[4118,4995,4790],{"class":4789},[4118,4997,4793],{"class":4191},[4118,4999,4693],{"class":4323},[4118,5001,4798],{"class":4403},[4118,5003,3912],{"class":4801},[4118,5005,5006],{"class":4403},"buttonText",[4118,5008,4698],{"class":4323},[4118,5010,4809],{"class":4689},[4118,5012,5014],{"class":4120,"line":5013},47,[4118,5015,5016],{"class":4801},"            Відкрити Налаштування\n",[4118,5018,5020,5023,5025],{"class":4120,"line":5019},48,[4118,5021,5022],{"class":4689},"          \u003C\u002F",[4118,5024,4438],{"class":4468},[4118,5026,4809],{"class":4689},[4118,5028,5030,5033,5035],{"class":4120,"line":5029},49,[4118,5031,5032],{"class":4689},"        \u003C\u002F",[4118,5034,4428],{"class":4468},[4118,5036,4809],{"class":4689},[4118,5038,5040,5043,5046],{"class":4120,"line":5039},50,[4118,5041,5042],{"class":4801},"      ) ",[4118,5044,5045],{"class":4191},":",[4118,5047,4778],{"class":4801},[4118,5049,5051],{"class":4120,"line":5050},51,[4118,5052,5053],{"class":4528},"        \u002F\u002F Статус \"undetermined\" — можна запитати\n",[4118,5055,5057,5059],{"class":4120,"line":5056},52,[4118,5058,4928],{"class":4689},[4118,5060,4931],{"class":4468},[4118,5062,5064,5066,5068,5070,5072,5074,5076],{"class":4120,"line":5063},53,[4118,5065,4937],{"class":4789},[4118,5067,4793],{"class":4191},[4118,5069,4693],{"class":4323},[4118,5071,4798],{"class":4403},[4118,5073,3912],{"class":4801},[4118,5075,4948],{"class":4403},[4118,5077,4353],{"class":4323},[4118,5079,5081,5083,5085,5088,5091,5093],{"class":4120,"line":5080},54,[4118,5082,4956],{"class":4789},[4118,5084,4793],{"class":4191},[4118,5086,5087],{"class":4323},"{async",[4118,5089,5090],{"class":4801}," () ",[4118,5092,4966],{"class":4323},[4118,5094,5095],{"class":4801}," {\n",[4118,5097,5099,5102,5105],{"class":4120,"line":5098},55,[4118,5100,5101],{"class":4393},"            await",[4118,5103,5104],{"class":4124}," requestCamera",[4118,5106,4562],{"class":4801},[4118,5108,5110,5112,5115],{"class":4120,"line":5109},56,[4118,5111,5101],{"class":4393},[4118,5113,5114],{"class":4124}," requestLibrary",[4118,5116,4562],{"class":4801},[4118,5118,5120,5123],{"class":4120,"line":5119},57,[4118,5121,5122],{"class":4801},"          }",[4118,5124,4353],{"class":4323},[4118,5126,5128],{"class":4120,"line":5127},58,[4118,5129,4985],{"class":4689},[4118,5131,5133,5135,5137,5139,5141,5143,5145,5147,5149,5151],{"class":4120,"line":5132},59,[4118,5134,4991],{"class":4689},[4118,5136,4438],{"class":4468},[4118,5138,4790],{"class":4789},[4118,5140,4793],{"class":4191},[4118,5142,4693],{"class":4323},[4118,5144,4798],{"class":4403},[4118,5146,3912],{"class":4801},[4118,5148,5006],{"class":4403},[4118,5150,4698],{"class":4323},[4118,5152,4809],{"class":4689},[4118,5154,5156],{"class":4120,"line":5155},60,[4118,5157,5158],{"class":4801},"            Надати доступ\n",[4118,5160,5162,5164,5166],{"class":4120,"line":5161},61,[4118,5163,5022],{"class":4689},[4118,5165,4438],{"class":4468},[4118,5167,4809],{"class":4689},[4118,5169,5171,5173,5175],{"class":4120,"line":5170},62,[4118,5172,5032],{"class":4689},[4118,5174,4428],{"class":4468},[4118,5176,4809],{"class":4689},[4118,5178,5180,5183],{"class":4120,"line":5179},63,[4118,5181,5182],{"class":4801},"      )",[4118,5184,4353],{"class":4323},[4118,5186,5188,5191,5193],{"class":4120,"line":5187},64,[4118,5189,5190],{"class":4689},"    \u003C\u002F",[4118,5192,4443],{"class":4468},[4118,5194,4809],{"class":4689},[4118,5196,5198],{"class":4120,"line":5197},65,[4118,5199,5200],{"class":4191},"  );\n",[4118,5202,5204],{"class":4120,"line":5203},66,[4118,5205,4353],{"class":4191},[4118,5207,5209],{"class":4120,"line":5208},67,[4118,5210,4460],{"emptyLinePlaceholder":4459},[4118,5212,5214,5217,5220,5223,5225,5227,5230],{"class":4120,"line":5213},68,[4118,5215,5216],{"class":4323},"const",[4118,5218,5219],{"class":4540}," styles",[4118,5221,5222],{"class":4191}," = ",[4118,5224,4433],{"class":4403},[4118,5226,3912],{"class":4191},[4118,5228,5229],{"class":4124},"create",[4118,5231,5232],{"class":4191},"({\n",[4118,5234,5236,5239],{"class":4120,"line":5235},69,[4118,5237,5238],{"class":4403},"  container:",[4118,5240,5095],{"class":4191},[4118,5242,5244,5247,5251],{"class":4120,"line":5243},70,[4118,5245,5246],{"class":4403},"    flex:",[4118,5248,5250],{"class":5249},"sJj4R"," 1",[4118,5252,4226],{"class":4191},[4118,5254,5256,5259,5262],{"class":4120,"line":5255},71,[4118,5257,5258],{"class":4403},"    justifyContent:",[4118,5260,5261],{"class":4128}," 'center'",[4118,5263,4226],{"class":4191},[4118,5265,5267,5270,5272],{"class":4120,"line":5266},72,[4118,5268,5269],{"class":4403},"    alignItems:",[4118,5271,5261],{"class":4128},[4118,5273,4226],{"class":4191},[4118,5275,5277,5280,5283],{"class":4120,"line":5276},73,[4118,5278,5279],{"class":4403},"    padding:",[4118,5281,5282],{"class":5249}," 32",[4118,5284,4226],{"class":4191},[4118,5286,5288,5291,5294],{"class":4120,"line":5287},74,[4118,5289,5290],{"class":4403},"    gap:",[4118,5292,5293],{"class":5249}," 16",[4118,5295,4226],{"class":4191},[4118,5297,5299],{"class":4120,"line":5298},75,[4118,5300,5301],{"class":4191},"  },\n",[4118,5303,5305,5308,5310,5313,5316,5318,5321,5324,5326,5329,5331],{"class":4120,"line":5304},76,[4118,5306,5307],{"class":4403},"  title:",[4118,5309,4420],{"class":4191},[4118,5311,5312],{"class":4403},"fontSize:",[4118,5314,5315],{"class":5249}," 20",[4118,5317,3971],{"class":4191},[4118,5319,5320],{"class":4403},"fontWeight:",[4118,5322,5323],{"class":4128}," '700'",[4118,5325,3971],{"class":4191},[4118,5327,5328],{"class":4403},"textAlign:",[4118,5330,5261],{"class":4128},[4118,5332,5333],{"class":4191}," },\n",[4118,5335,5337,5340,5342,5344,5347,5349,5351,5353,5355,5358,5361],{"class":4120,"line":5336},77,[4118,5338,5339],{"class":4403},"  description:",[4118,5341,4420],{"class":4191},[4118,5343,5312],{"class":4403},[4118,5345,5346],{"class":5249}," 15",[4118,5348,3971],{"class":4191},[4118,5350,5328],{"class":4403},[4118,5352,5261],{"class":4128},[4118,5354,3971],{"class":4191},[4118,5356,5357],{"class":4403},"color:",[4118,5359,5360],{"class":4128}," '#666'",[4118,5362,5333],{"class":4191},[4118,5364,5366,5369],{"class":4120,"line":5365},78,[4118,5367,5368],{"class":4403},"  button:",[4118,5370,5095],{"class":4191},[4118,5372,5374,5377,5380],{"class":4120,"line":5373},79,[4118,5375,5376],{"class":4403},"    backgroundColor:",[4118,5378,5379],{"class":4128}," '#3b82f6'",[4118,5381,4226],{"class":4191},[4118,5383,5385,5388,5391],{"class":4120,"line":5384},80,[4118,5386,5387],{"class":4403},"    paddingHorizontal:",[4118,5389,5390],{"class":5249}," 24",[4118,5392,4226],{"class":4191},[4118,5394,5396,5399,5402],{"class":4120,"line":5395},81,[4118,5397,5398],{"class":4403},"    paddingVertical:",[4118,5400,5401],{"class":5249}," 12",[4118,5403,4226],{"class":4191},[4118,5405,5407,5410,5413],{"class":4120,"line":5406},82,[4118,5408,5409],{"class":4403},"    borderRadius:",[4118,5411,5412],{"class":5249}," 10",[4118,5414,4226],{"class":4191},[4118,5416,5418],{"class":4120,"line":5417},83,[4118,5419,5301],{"class":4191},[4118,5421,5423,5426,5428,5430,5433,5435,5437,5440,5442,5444,5446],{"class":4120,"line":5422},84,[4118,5424,5425],{"class":4403},"  buttonText:",[4118,5427,4420],{"class":4191},[4118,5429,5357],{"class":4403},[4118,5431,5432],{"class":4128}," '#fff'",[4118,5434,3971],{"class":4191},[4118,5436,5320],{"class":4403},[4118,5438,5439],{"class":4128}," '600'",[4118,5441,3971],{"class":4191},[4118,5443,5312],{"class":4403},[4118,5445,5293],{"class":5249},[4118,5447,5333],{"class":4191},[4118,5449,5451],{"class":4120,"line":5450},85,[4118,5452,5453],{"class":4191},"});\n",[3808,5455,5456,5463,5464,5466,5467,5469],{},[3754,5457,5458,5459,5462],{},"Чому ",[3787,5460,5461],{},"Linking.openSettings()","?"," Коли статус ",[3787,5465,3990],{},", операційна система заблокувала повторний показ діалогу. Єдиний спосіб змінити рішення — перейти у Налаштування → Конфіденційність → ваш застосунок. ",[3787,5468,5461],{}," відкриває саме цю сторінку на обох платформах.",[3743,5471,5472],{},"Розберемо ключові моменти цього компонента:",[3743,5474,5475,5478,5479,5482],{},[3754,5476,5477],{},"Рядки 10–13"," — хук ",[3787,5480,5481],{},"useCameraPermissions()"," повертає кортеж: поточний статус дозволу і функцію для його запиту. Це React-хук, тому він реактивно оновлює компонент, коли статус змінюється (наприклад, після того як користувач надав дозвіл у діалозі).",[3743,5484,5485,3926,5488,5491],{},[3754,5486,5487],{},"Рядок 16",[3787,5489,5490],{},"!cameraStatus"," означає, що хук ще не завершив асинхронну перевірку статусу. У цей короткий момент краще не рендерити нічого, ніж показувати миготіння UI.",[3743,5493,5494,3926,5497,5499,5500,5502,5503,3912],{},[3754,5495,5496],{},"Рядки 41–48",[3787,5498,5461],{}," — правильна реакція на ",[3787,5501,3990],{},". Жодна кнопка «Запитати знову» не спрацює: ОС просто проігнорує виклик ",[3787,5504,5505],{},"requestPermissionsAsync()",[3830,5507,5509],{"id":5508},"_16-коли-питати-дозволи-стратегії-ux","1.6. Коли питати дозволи: стратегії UX",[3743,5511,5512],{},"Є два підходи до моменту запиту дозволів:",[5514,5515,5516,5605],"tabs",{},[5517,5518,5520,5523,5595],"tabs-item",{"label":5519},"Eager (при старті)",[3743,5521,5522],{},"Запитуємо дозволи відразу, коли застосунок відкривається або коли користувач заходить на певний екран.",[4108,5524,5526],{"className":4382,"code":5525,"language":4385,"meta":4114,"style":4114},"\u002F\u002F При монтуванні екрана\nuseEffect(() => {\n  (async () => {\n    await ImagePicker.requestCameraPermissionsAsync();\n    await ImagePicker.requestMediaLibraryPermissionsAsync();\n  })();\n}, []);\n",[3787,5527,5528,5533,5544,5558,5572,5585,5590],{"__ignoreMap":4114},[4118,5529,5530],{"class":4120,"line":4121},[4118,5531,5532],{"class":4528},"\u002F\u002F При монтуванні екрана\n",[4118,5534,5535,5537,5540,5542],{"class":4120,"line":4195},[4118,5536,3820],{"class":4124},[4118,5538,5539],{"class":4191},"(() ",[4118,5541,4966],{"class":4323},[4118,5543,5095],{"class":4191},[4118,5545,5546,5549,5552,5554,5556],{"class":4120,"line":4205},[4118,5547,5548],{"class":4191},"  (",[4118,5550,5551],{"class":4323},"async",[4118,5553,5090],{"class":4191},[4118,5555,4966],{"class":4323},[4118,5557,5095],{"class":4191},[4118,5559,5560,5563,5565,5567,5570],{"class":4120,"line":4214},[4118,5561,5562],{"class":4393},"    await",[4118,5564,4404],{"class":4403},[4118,5566,3912],{"class":4191},[4118,5568,5569],{"class":4124},"requestCameraPermissionsAsync",[4118,5571,4562],{"class":4191},[4118,5573,5574,5576,5578,5580,5583],{"class":4120,"line":4220},[4118,5575,5562],{"class":4393},[4118,5577,4404],{"class":4403},[4118,5579,3912],{"class":4191},[4118,5581,5582],{"class":4124},"requestMediaLibraryPermissionsAsync",[4118,5584,4562],{"class":4191},[4118,5586,5587],{"class":4120,"line":4229},[4118,5588,5589],{"class":4191},"  })();\n",[4118,5591,5592],{"class":4120,"line":4235},[4118,5593,5594],{"class":4191},"}, []);\n",[3743,5596,5597,5600,5601,5604],{},[3754,5598,5599],{},"Проблема:"," iOS і Google Play вимагають, щоб дозволи запитувались ",[3754,5602,5603],{},"лише в контексті дії",". Якщо запитати доступ до камери на екрані привітання — застосунок може бути відхилений у App Store.",[5517,5606,5608,5611],{"label":5607},"Lazy (по дії) ✅ Рекомендовано",[3743,5609,5610],{},"Запитуємо дозвіл саме тоді, коли користувач натискає кнопку, яка його потребує.",[4108,5612,5614],{"className":4382,"code":5613,"language":4385,"meta":4114,"style":4114},"const handlePickPhoto = async () => {\n  \u002F\u002F 1. Спочатку перевіряємо \u002F запитуємо статус\n  const { status } =\n    await ImagePicker.requestMediaLibraryPermissionsAsync();\n\n  if (status !== 'granted') {\n    Alert.alert(\n      'Потрібен доступ до фото',\n      'Щоб обрати аватар, дозвольте доступ до фото-бібліотеки.',\n      [\n        { text: 'Скасувати', style: 'cancel' },\n        { text: 'Налаштування', onPress: Linking.openSettings },\n      ],\n    );\n    return;\n  }\n\n  \u002F\u002F 2. Дозвіл є — відкриваємо picker\n  const result = await ImagePicker.launchImageLibraryAsync({\n    \u002F\u002F опції розглянемо в наступному розділі\n  });\n};\n",[3787,5615,5616,5633,5638,5649,5661,5665,5681,5694,5701,5708,5712,5733,5755,5759,5764,5770,5774,5778,5783,5804,5809,5814],{"__ignoreMap":4114},[4118,5617,5618,5620,5623,5625,5627,5629,5631],{"class":4120,"line":4121},[4118,5619,5216],{"class":4323},[4118,5621,5622],{"class":4124}," handlePickPhoto",[4118,5624,5222],{"class":4191},[4118,5626,5551],{"class":4323},[4118,5628,5090],{"class":4191},[4118,5630,4966],{"class":4323},[4118,5632,5095],{"class":4191},[4118,5634,5635],{"class":4120,"line":4195},[4118,5636,5637],{"class":4528},"  \u002F\u002F 1. Спочатку перевіряємо \u002F запитуємо статус\n",[4118,5639,5640,5642,5644,5646],{"class":4120,"line":4205},[4118,5641,4534],{"class":4323},[4118,5643,4420],{"class":4191},[4118,5645,4739],{"class":4540},[4118,5647,5648],{"class":4191}," } =\n",[4118,5650,5651,5653,5655,5657,5659],{"class":4120,"line":4214},[4118,5652,5562],{"class":4393},[4118,5654,4404],{"class":4403},[4118,5656,3912],{"class":4191},[4118,5658,5582],{"class":4124},[4118,5660,4562],{"class":4191},[4118,5662,5663],{"class":4120,"line":4220},[4118,5664,4460],{"emptyLinePlaceholder":4459},[4118,5666,5667,5669,5671,5673,5676,5679],{"class":4120,"line":4229},[4118,5668,4603],{"class":4393},[4118,5670,4669],{"class":4191},[4118,5672,4739],{"class":4403},[4118,5674,5675],{"class":4191}," !== ",[4118,5677,5678],{"class":4128},"'granted'",[4118,5680,4523],{"class":4191},[4118,5682,5683,5686,5688,5691],{"class":4120,"line":4235},[4118,5684,5685],{"class":4403},"    Alert",[4118,5687,3912],{"class":4191},[4118,5689,5690],{"class":4124},"alert",[4118,5692,5693],{"class":4191},"(\n",[4118,5695,5696,5699],{"class":4120,"line":4249},[4118,5697,5698],{"class":4128},"      'Потрібен доступ до фото'",[4118,5700,4226],{"class":4191},[4118,5702,5703,5706],{"class":4120,"line":4260},[4118,5704,5705],{"class":4128},"      'Щоб обрати аватар, дозвольте доступ до фото-бібліотеки.'",[4118,5707,4226],{"class":4191},[4118,5709,5710],{"class":4120,"line":4266},[4118,5711,4217],{"class":4191},[4118,5713,5714,5717,5720,5723,5725,5728,5731],{"class":4120,"line":4272},[4118,5715,5716],{"class":4191},"        { ",[4118,5718,5719],{"class":4403},"text:",[4118,5721,5722],{"class":4128}," 'Скасувати'",[4118,5724,3971],{"class":4191},[4118,5726,5727],{"class":4403},"style:",[4118,5729,5730],{"class":4128}," 'cancel'",[4118,5732,5333],{"class":4191},[4118,5734,5735,5737,5739,5742,5744,5747,5749,5751,5753],{"class":4120,"line":4277},[4118,5736,5716],{"class":4191},[4118,5738,5719],{"class":4403},[4118,5740,5741],{"class":4128}," 'Налаштування'",[4118,5743,3971],{"class":4191},[4118,5745,5746],{"class":4403},"onPress:",[4118,5748,4969],{"class":4403},[4118,5750,3912],{"class":4191},[4118,5752,4974],{"class":4403},[4118,5754,5333],{"class":4191},[4118,5756,5757],{"class":4120,"line":4285},[4118,5758,4269],{"class":4191},[4118,5760,5761],{"class":4120,"line":4290},[4118,5762,5763],{"class":4191},"    );\n",[4118,5765,5766,5768],{"class":4120,"line":4302},[4118,5767,4686],{"class":4393},[4118,5769,4413],{"class":4191},[4118,5771,5772],{"class":4120,"line":4315},[4118,5773,4347],{"class":4191},[4118,5775,5776],{"class":4120,"line":4327},[4118,5777,4460],{"emptyLinePlaceholder":4459},[4118,5779,5780],{"class":4120,"line":4332},[4118,5781,5782],{"class":4528},"  \u002F\u002F 2. Дозвіл є — відкриваємо picker\n",[4118,5784,5785,5787,5790,5792,5795,5797,5799,5802],{"class":4120,"line":4338},[4118,5786,4534],{"class":4323},[4118,5788,5789],{"class":4540}," result",[4118,5791,5222],{"class":4191},[4118,5793,5794],{"class":4393},"await",[4118,5796,4404],{"class":4403},[4118,5798,3912],{"class":4191},[4118,5800,5801],{"class":4124},"launchImageLibraryAsync",[4118,5803,5232],{"class":4191},[4118,5805,5806],{"class":4120,"line":4344},[4118,5807,5808],{"class":4528},"    \u002F\u002F опції розглянемо в наступному розділі\n",[4118,5810,5811],{"class":4120,"line":4350},[4118,5812,5813],{"class":4191},"  });\n",[4118,5815,5816],{"class":4120,"line":4677},[4118,5817,4493],{"class":4191},[3886,5819,5820,5823],{},[3754,5821,5822],{},"Правило великого пальця:"," питайте дозвіл тільки тоді, коли без нього неможливо виконати дію, яку щойно ініціював користувач. Ніколи не питайте «про запас». Це покращує конверсію (більше людей погоджуються) і відповідає вимогам App Store і Google Play.",[3823,5825],{},[3738,5827,5829],{"id":5828},"image-picker-вибір-і-зйомка-фото","Image Picker — вибір і зйомка фото",[3830,5831,5833],{"id":5832},"_21-що-таке-image-picker-і-навіщо-він-потрібен","2.1. Що таке Image Picker і навіщо він потрібен",[3743,5835,5836,5838,5839,5842],{},[3787,5837,3789],{}," — це Expo-модуль, що надає нативний UI для вибору зображень або відео з фото-бібліотеки пристрою, або зйомки нових фото\u002Fвідео через камеру. Ключове слово — ",[3754,5840,5841],{},"нативний",": на iOS відкривається рідна Photos app з усіма smart albums і фільтрами, на Android — системний Media Picker, адаптований до версії ОС.",[3743,5844,5845],{},"Це принципова перевага перед самостійним відображенням зображень: вам не треба будувати свій UI для перегляду галереї — ОС надає готовий, звичний для користувача інтерфейс.",[3743,5847,5848],{},"Пакет надає дві головні функції:",[4014,5850,5851,5864],{},[4017,5852,5853],{},[4020,5854,5855,5858,5861],{},[4023,5856,5857],{},"Функція",[4023,5859,5860],{},"Що відкриває",[4023,5862,5863],{},"Дозвіл",[4033,5865,5866,5881],{},[4020,5867,5868,5873,5876],{},[4038,5869,5870],{},[3787,5871,5872],{},"launchImageLibraryAsync()",[4038,5874,5875],{},"Системна фото-бібліотека",[4038,5877,5878],{},[3787,5879,5880],{},"MEDIA_LIBRARY",[4020,5882,5883,5888,5891],{},[4038,5884,5885],{},[3787,5886,5887],{},"launchCameraAsync()",[4038,5889,5890],{},"Камера пристрою",[4038,5892,5893],{},[3787,5894,5895],{},"CAMERA",[3830,5897,5899,5900,5902],{"id":5898},"_22-launchimagelibraryasync-вибір-з-галереї","2.2. ",[3787,5901,5801],{}," — вибір з галереї",[3743,5904,5905],{},"Розберемо всі опції, які приймає ця функція:",[4108,5907,5910],{"className":4382,"code":5908,"filename":5909,"language":4385,"meta":4386,"style":4114},"import * as ImagePicker from 'expo-image-picker';\n\nexport async function pickFromLibrary() {\n  const result = await ImagePicker.launchImageLibraryAsync({\n    \u002F\u002F Які типи медіа показувати у picker-і\n    \u002F\u002F 'Images' | 'Videos' | 'All'\n    mediaTypes: ImagePicker.MediaTypeOptions.Images,\n\n    \u002F\u002F Чи дозволити редактор кадрування після вибору\n    \u002F\u002F На iOS відкриває вбудований crop UI\n    allowsEditing: true,\n\n    \u002F\u002F Пропорції кадрування (тільки якщо allowsEditing: true)\n    \u002F\u002F [ширина, висота] — наприклад, [1, 1] = квадрат\n    aspect: [1, 1],\n\n    \u002F\u002F Якість стиснення JPEG: 0.0 (мінімальна) → 1.0 (максимальна)\n    \u002F\u002F Застосовується до JPEG\u002FWebP; PNG не стискається (lossless)\n    quality: 0.8,\n\n    \u002F\u002F Чи дозволити вибір кількох файлів одночасно (iOS 14+, Android)\n    allowsMultipleSelection: false,\n\n    \u002F\u002F Чи повертати base64 разом з URI\n    \u002F\u002F Увімкнення суттєво збільшує час обробки і пам'ять!\n    base64: false,\n\n    \u002F\u002F Чи повертати exif-метадані (геолокація, камера, час зйомки)\n    exif: false,\n  });\n\n  return result;\n}\n","features\u002Fphoto\u002FusePhotoPicker.ts",[3787,5911,5912,5928,5932,5947,5965,5970,5975,5994,5998,6003,6008,6018,6022,6027,6032,6049,6053,6058,6063,6073,6077,6082,6092,6096,6101,6106,6115,6119,6124,6133,6137,6141,6149],{"__ignoreMap":4114},[4118,5913,5914,5916,5918,5920,5922,5924,5926],{"class":4120,"line":4121},[4118,5915,4394],{"class":4393},[4118,5917,4397],{"class":4323},[4118,5919,4400],{"class":4393},[4118,5921,4404],{"class":4403},[4118,5923,4407],{"class":4393},[4118,5925,4410],{"class":4128},[4118,5927,4413],{"class":4191},[4118,5929,5930],{"class":4120,"line":4195},[4118,5931,4460],{"emptyLinePlaceholder":4459},[4118,5933,5934,5936,5939,5941,5944],{"class":4120,"line":4205},[4118,5935,4502],{"class":4393},[4118,5937,5938],{"class":4323}," async",[4118,5940,4505],{"class":4323},[4118,5942,5943],{"class":4124}," pickFromLibrary",[4118,5945,5946],{"class":4191},"() {\n",[4118,5948,5949,5951,5953,5955,5957,5959,5961,5963],{"class":4120,"line":4214},[4118,5950,4534],{"class":4323},[4118,5952,5789],{"class":4540},[4118,5954,5222],{"class":4191},[4118,5956,5794],{"class":4393},[4118,5958,4404],{"class":4403},[4118,5960,3912],{"class":4191},[4118,5962,5801],{"class":4124},[4118,5964,5232],{"class":4191},[4118,5966,5967],{"class":4120,"line":4220},[4118,5968,5969],{"class":4528},"    \u002F\u002F Які типи медіа показувати у picker-і\n",[4118,5971,5972],{"class":4120,"line":4229},[4118,5973,5974],{"class":4528},"    \u002F\u002F 'Images' | 'Videos' | 'All'\n",[4118,5976,5977,5980,5982,5984,5987,5989,5992],{"class":4120,"line":4235},[4118,5978,5979],{"class":4403},"    mediaTypes:",[4118,5981,4404],{"class":4403},[4118,5983,3912],{"class":4191},[4118,5985,5986],{"class":4403},"MediaTypeOptions",[4118,5988,3912],{"class":4191},[4118,5990,5991],{"class":4403},"Images",[4118,5993,4226],{"class":4191},[4118,5995,5996],{"class":4120,"line":4249},[4118,5997,4460],{"emptyLinePlaceholder":4459},[4118,5999,6000],{"class":4120,"line":4260},[4118,6001,6002],{"class":4528},"    \u002F\u002F Чи дозволити редактор кадрування після вибору\n",[4118,6004,6005],{"class":4120,"line":4266},[4118,6006,6007],{"class":4528},"    \u002F\u002F На iOS відкриває вбудований crop UI\n",[4118,6009,6010,6013,6016],{"class":4120,"line":4272},[4118,6011,6012],{"class":4403},"    allowsEditing:",[4118,6014,6015],{"class":4323}," true",[4118,6017,4226],{"class":4191},[4118,6019,6020],{"class":4120,"line":4277},[4118,6021,4460],{"emptyLinePlaceholder":4459},[4118,6023,6024],{"class":4120,"line":4285},[4118,6025,6026],{"class":4528},"    \u002F\u002F Пропорції кадрування (тільки якщо allowsEditing: true)\n",[4118,6028,6029],{"class":4120,"line":4290},[4118,6030,6031],{"class":4528},"    \u002F\u002F [ширина, висота] — наприклад, [1, 1] = квадрат\n",[4118,6033,6034,6037,6039,6042,6044,6046],{"class":4120,"line":4302},[4118,6035,6036],{"class":4403},"    aspect:",[4118,6038,4537],{"class":4191},[4118,6040,6041],{"class":5249},"1",[4118,6043,3971],{"class":4191},[4118,6045,6041],{"class":5249},[4118,6047,6048],{"class":4191},"],\n",[4118,6050,6051],{"class":4120,"line":4315},[4118,6052,4460],{"emptyLinePlaceholder":4459},[4118,6054,6055],{"class":4120,"line":4327},[4118,6056,6057],{"class":4528},"    \u002F\u002F Якість стиснення JPEG: 0.0 (мінімальна) → 1.0 (максимальна)\n",[4118,6059,6060],{"class":4120,"line":4332},[4118,6061,6062],{"class":4528},"    \u002F\u002F Застосовується до JPEG\u002FWebP; PNG не стискається (lossless)\n",[4118,6064,6065,6068,6071],{"class":4120,"line":4338},[4118,6066,6067],{"class":4403},"    quality:",[4118,6069,6070],{"class":5249}," 0.8",[4118,6072,4226],{"class":4191},[4118,6074,6075],{"class":4120,"line":4344},[4118,6076,4460],{"emptyLinePlaceholder":4459},[4118,6078,6079],{"class":4120,"line":4350},[4118,6080,6081],{"class":4528},"    \u002F\u002F Чи дозволити вибір кількох файлів одночасно (iOS 14+, Android)\n",[4118,6083,6084,6087,6090],{"class":4120,"line":4677},[4118,6085,6086],{"class":4403},"    allowsMultipleSelection:",[4118,6088,6089],{"class":4323}," false",[4118,6091,4226],{"class":4191},[4118,6093,6094],{"class":4120,"line":4683},[4118,6095,4460],{"emptyLinePlaceholder":4459},[4118,6097,6098],{"class":4120,"line":4706},[4118,6099,6100],{"class":4528},"    \u002F\u002F Чи повертати base64 разом з URI\n",[4118,6102,6103],{"class":4120,"line":4711},[4118,6104,6105],{"class":4528},"    \u002F\u002F Увімкнення суттєво збільшує час обробки і пам'ять!\n",[4118,6107,6108,6111,6113],{"class":4120,"line":4716},[4118,6109,6110],{"class":4403},"    base64:",[4118,6112,6089],{"class":4323},[4118,6114,4226],{"class":4191},[4118,6116,6117],{"class":4120,"line":4722},[4118,6118,4460],{"emptyLinePlaceholder":4459},[4118,6120,6121],{"class":4120,"line":4732},[4118,6122,6123],{"class":4528},"    \u002F\u002F Чи повертати exif-метадані (геолокація, камера, час зйомки)\n",[4118,6125,6126,6129,6131],{"class":4120,"line":4751},[4118,6127,6128],{"class":4403},"    exif:",[4118,6130,6089],{"class":4323},[4118,6132,4226],{"class":4191},[4118,6134,6135],{"class":4120,"line":4767},[4118,6136,5813],{"class":4191},[4118,6138,6139],{"class":4120,"line":4772},[4118,6140,4460],{"emptyLinePlaceholder":4459},[4118,6142,6143,6145,6147],{"class":4120,"line":4781},[4118,6144,4775],{"class":4393},[4118,6146,5789],{"class":4403},[4118,6148,4413],{"class":4191},[4118,6150,6151],{"class":4120,"line":4812},[4118,6152,4353],{"class":4191},[3743,6154,6155,6158,6159,5045],{},[3754,6156,6157],{},"Що повертає функція?"," Об'єкт типу ",[3787,6160,6161],{},"ImagePickerResult",[4108,6163,6167],{"className":6164,"code":6165,"language":6166,"meta":4114,"style":4114},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Якщо користувач скасував вибір:\n{ canceled: true }\n\n\u002F\u002F Якщо обрав фото:\n{\n  canceled: false,\n  assets: [\n    {\n      uri: 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002FContainers\u002F...\u002Ftmp\u002Fimage.jpg',\n      width: 1080,\n      height: 1080,\n      type: 'image',        \u002F\u002F 'image' | 'video'\n      fileName: 'IMG_1234.jpg',\n      fileSize: 2430000,    \u002F\u002F байти\n      mimeType: 'image\u002Fjpeg',\n      base64: null,         \u002F\u002F тільки якщо base64: true\n      exif: null,           \u002F\u002F тільки якщо exif: true\n      duration: null,       \u002F\u002F для відео — тривалість у мс\n    }\n  ]\n}\n","typescript",[3787,6168,6169,6174,6191,6195,6200,6204,6216,6223,6228,6238,6248,6257,6271,6281,6295,6305,6318,6331,6344,6349,6354],{"__ignoreMap":4114},[4118,6170,6171],{"class":4120,"line":4121},[4118,6172,6173],{"class":4528},"\u002F\u002F Якщо користувач скасував вибір:\n",[4118,6175,6176,6179,6183,6185,6188],{"class":4120,"line":4195},[4118,6177,6178],{"class":4191},"{ ",[4118,6180,6182],{"class":6181},"s5IvJ","canceled",[4118,6184,4241],{"class":4191},[4118,6186,6187],{"class":4323},"true",[4118,6189,6190],{"class":4191}," }\n",[4118,6192,6193],{"class":4120,"line":4205},[4118,6194,4460],{"emptyLinePlaceholder":4459},[4118,6196,6197],{"class":4120,"line":4214},[4118,6198,6199],{"class":4528},"\u002F\u002F Якщо обрав фото:\n",[4118,6201,6202],{"class":4120,"line":4220},[4118,6203,4192],{"class":4191},[4118,6205,6206,6209,6211,6214],{"class":4120,"line":4229},[4118,6207,6208],{"class":6181},"  canceled",[4118,6210,4241],{"class":4191},[4118,6212,6213],{"class":4323},"false",[4118,6215,4226],{"class":4191},[4118,6217,6218,6221],{"class":4120,"line":4235},[4118,6219,6220],{"class":6181},"  assets",[4118,6222,4211],{"class":4191},[4118,6224,6225],{"class":4120,"line":4249},[4118,6226,6227],{"class":4191},"    {\n",[4118,6229,6230,6233,6236],{"class":4120,"line":4260},[4118,6231,6232],{"class":4403},"      uri:",[4118,6234,6235],{"class":4128}," 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002FContainers\u002F...\u002Ftmp\u002Fimage.jpg'",[4118,6237,4226],{"class":4191},[4118,6239,6240,6243,6246],{"class":4120,"line":4266},[4118,6241,6242],{"class":4403},"      width:",[4118,6244,6245],{"class":5249}," 1080",[4118,6247,4226],{"class":4191},[4118,6249,6250,6253,6255],{"class":4120,"line":4272},[4118,6251,6252],{"class":4403},"      height:",[4118,6254,6245],{"class":5249},[4118,6256,4226],{"class":4191},[4118,6258,6259,6262,6265,6268],{"class":4120,"line":4277},[4118,6260,6261],{"class":4403},"      type:",[4118,6263,6264],{"class":4128}," 'image'",[4118,6266,6267],{"class":4191},",        ",[4118,6269,6270],{"class":4528},"\u002F\u002F 'image' | 'video'\n",[4118,6272,6273,6276,6279],{"class":4120,"line":4285},[4118,6274,6275],{"class":4403},"      fileName:",[4118,6277,6278],{"class":4128}," 'IMG_1234.jpg'",[4118,6280,4226],{"class":4191},[4118,6282,6283,6286,6289,6292],{"class":4120,"line":4290},[4118,6284,6285],{"class":4403},"      fileSize:",[4118,6287,6288],{"class":5249}," 2430000",[4118,6290,6291],{"class":4191},",    ",[4118,6293,6294],{"class":4528},"\u002F\u002F байти\n",[4118,6296,6297,6300,6303],{"class":4120,"line":4302},[4118,6298,6299],{"class":4403},"      mimeType:",[4118,6301,6302],{"class":4128}," 'image\u002Fjpeg'",[4118,6304,4226],{"class":4191},[4118,6306,6307,6310,6312,6315],{"class":4120,"line":4315},[4118,6308,6309],{"class":4403},"      base64:",[4118,6311,4622],{"class":4323},[4118,6313,6314],{"class":4191},",         ",[4118,6316,6317],{"class":4528},"\u002F\u002F тільки якщо base64: true\n",[4118,6319,6320,6323,6325,6328],{"class":4120,"line":4327},[4118,6321,6322],{"class":4403},"      exif:",[4118,6324,4622],{"class":4323},[4118,6326,6327],{"class":4191},",           ",[4118,6329,6330],{"class":4528},"\u002F\u002F тільки якщо exif: true\n",[4118,6332,6333,6336,6338,6341],{"class":4120,"line":4332},[4118,6334,6335],{"class":4403},"      duration:",[4118,6337,4622],{"class":4323},[4118,6339,6340],{"class":4191},",       ",[4118,6342,6343],{"class":4528},"\u002F\u002F для відео — тривалість у мс\n",[4118,6345,6346],{"class":4120,"line":4338},[4118,6347,6348],{"class":4191},"    }\n",[4118,6350,6351],{"class":4120,"line":4344},[4118,6352,6353],{"class":4191},"  ]\n",[4118,6355,6356],{"class":4120,"line":4350},[4118,6357,4353],{"class":4191},[3808,6359,5458,6360,6363,6364,6367,6368,6371,6372,6375,6376,3912],{},[3787,6361,6362],{},"assets"," — масив, якщо ",[3787,6365,6366],{},"allowsMultipleSelection: false","? Тому що API єдиний для одиночного і множинного вибору. Навіть при виборі одного файлу — він завжди буде в ",[3787,6369,6370],{},"assets[0]",". Перевіряйте ",[3787,6373,6374],{},"result.canceled"," і звертайтесь до ",[3787,6377,6378],{},"result.assets[0]",[3743,6380,6381],{},"Ось повний хук для роботи з picker-ом:",[4108,6383,6385],{"className":4382,"code":6384,"filename":5909,"language":4385,"meta":4386,"style":4114},"import * as ImagePicker from 'expo-image-picker';\nimport { Alert, Linking } from 'react-native';\n\nexport type PickedAsset = ImagePicker.ImagePickerAsset;\n\nexport function usePhotoPicker() {\n  const pickFromLibrary = async (): Promise\u003CPickedAsset | null> => {\n    \u002F\u002F Запитуємо дозвіл (lazy — прямо перед дією)\n    const { status } =\n      await ImagePicker.requestMediaLibraryPermissionsAsync();\n\n    if (status !== 'granted') {\n      Alert.alert(\n        'Потрібен доступ до фото',\n        'Щоб обрати фото, надайте доступ до фото-бібліотеки у Налаштуваннях.',\n        [\n          { text: 'Скасувати', style: 'cancel' },\n          { text: 'Налаштування', onPress: () => Linking.openSettings() },\n        ],\n      );\n      return null;\n    }\n\n    const result = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 0.8,\n    });\n\n    if (result.canceled) return null;\n\n    return result.assets[0];\n  };\n\n  return { pickFromLibrary };\n}\n",[3787,6386,6387,6403,6424,6428,6450,6454,6465,6500,6505,6516,6529,6533,6548,6559,6566,6573,6578,6595,6623,6628,6633,6642,6646,6650,6668,6685,6694,6709,6718,6723,6727,6748,6752,6771,6776,6780,6792],{"__ignoreMap":4114},[4118,6388,6389,6391,6393,6395,6397,6399,6401],{"class":4120,"line":4121},[4118,6390,4394],{"class":4393},[4118,6392,4397],{"class":4323},[4118,6394,4400],{"class":4393},[4118,6396,4404],{"class":4403},[4118,6398,4407],{"class":4393},[4118,6400,4410],{"class":4128},[4118,6402,4413],{"class":4191},[4118,6404,6405,6407,6409,6412,6414,6416,6418,6420,6422],{"class":4120,"line":4195},[4118,6406,4394],{"class":4393},[4118,6408,4420],{"class":4191},[4118,6410,6411],{"class":4403},"Alert",[4118,6413,3971],{"class":4191},[4118,6415,4423],{"class":4403},[4118,6417,4446],{"class":4191},[4118,6419,4449],{"class":4393},[4118,6421,4452],{"class":4128},[4118,6423,4413],{"class":4191},[4118,6425,6426],{"class":4120,"line":4205},[4118,6427,4460],{"emptyLinePlaceholder":4459},[4118,6429,6430,6432,6435,6438,6440,6443,6445,6448],{"class":4120,"line":4214},[4118,6431,4502],{"class":4393},[4118,6433,6434],{"class":4323}," type",[4118,6436,6437],{"class":4468}," PickedAsset",[4118,6439,5222],{"class":4191},[4118,6441,6442],{"class":4468},"ImagePicker",[4118,6444,3912],{"class":4191},[4118,6446,6447],{"class":4468},"ImagePickerAsset",[4118,6449,4413],{"class":4191},[4118,6451,6452],{"class":4120,"line":4220},[4118,6453,4460],{"emptyLinePlaceholder":4459},[4118,6455,6456,6458,6460,6463],{"class":4120,"line":4229},[4118,6457,4502],{"class":4393},[4118,6459,4505],{"class":4323},[4118,6461,6462],{"class":4124}," usePhotoPicker",[4118,6464,5946],{"class":4191},[4118,6466,6467,6469,6471,6473,6475,6478,6481,6484,6487,6490,6493,6496,6498],{"class":4120,"line":4235},[4118,6468,4534],{"class":4323},[4118,6470,5943],{"class":4124},[4118,6472,5222],{"class":4191},[4118,6474,5551],{"class":4323},[4118,6476,6477],{"class":4191}," (): ",[4118,6479,6480],{"class":4468},"Promise",[4118,6482,6483],{"class":4191},"\u003C",[4118,6485,6486],{"class":4468},"PickedAsset",[4118,6488,6489],{"class":4191}," | ",[4118,6491,6492],{"class":4468},"null",[4118,6494,6495],{"class":4191},"> ",[4118,6497,4966],{"class":4323},[4118,6499,5095],{"class":4191},[4118,6501,6502],{"class":4120,"line":4249},[4118,6503,6504],{"class":4528},"    \u002F\u002F Запитуємо дозвіл (lazy — прямо перед дією)\n",[4118,6506,6507,6510,6512,6514],{"class":4120,"line":4260},[4118,6508,6509],{"class":4323},"    const",[4118,6511,4420],{"class":4191},[4118,6513,4739],{"class":4540},[4118,6515,5648],{"class":4191},[4118,6517,6518,6521,6523,6525,6527],{"class":4120,"line":4266},[4118,6519,6520],{"class":4393},"      await",[4118,6522,4404],{"class":4403},[4118,6524,3912],{"class":4191},[4118,6526,5582],{"class":4124},[4118,6528,4562],{"class":4191},[4118,6530,6531],{"class":4120,"line":4272},[4118,6532,4460],{"emptyLinePlaceholder":4459},[4118,6534,6535,6538,6540,6542,6544,6546],{"class":4120,"line":4277},[4118,6536,6537],{"class":4393},"    if",[4118,6539,4669],{"class":4191},[4118,6541,4739],{"class":4403},[4118,6543,5675],{"class":4191},[4118,6545,5678],{"class":4128},[4118,6547,4523],{"class":4191},[4118,6549,6550,6553,6555,6557],{"class":4120,"line":4285},[4118,6551,6552],{"class":4403},"      Alert",[4118,6554,3912],{"class":4191},[4118,6556,5690],{"class":4124},[4118,6558,5693],{"class":4191},[4118,6560,6561,6564],{"class":4120,"line":4290},[4118,6562,6563],{"class":4128},"        'Потрібен доступ до фото'",[4118,6565,4226],{"class":4191},[4118,6567,6568,6571],{"class":4120,"line":4302},[4118,6569,6570],{"class":4128},"        'Щоб обрати фото, надайте доступ до фото-бібліотеки у Налаштуваннях.'",[4118,6572,4226],{"class":4191},[4118,6574,6575],{"class":4120,"line":4315},[4118,6576,6577],{"class":4191},"        [\n",[4118,6579,6580,6583,6585,6587,6589,6591,6593],{"class":4120,"line":4327},[4118,6581,6582],{"class":4191},"          { ",[4118,6584,5719],{"class":4403},[4118,6586,5722],{"class":4128},[4118,6588,3971],{"class":4191},[4118,6590,5727],{"class":4403},[4118,6592,5730],{"class":4128},[4118,6594,5333],{"class":4191},[4118,6596,6597,6599,6601,6603,6605,6608,6610,6612,6614,6616,6618,6620],{"class":4120,"line":4332},[4118,6598,6582],{"class":4191},[4118,6600,5719],{"class":4403},[4118,6602,5741],{"class":4128},[4118,6604,3971],{"class":4191},[4118,6606,6607],{"class":4124},"onPress",[4118,6609,5045],{"class":4403},[4118,6611,5090],{"class":4191},[4118,6613,4966],{"class":4323},[4118,6615,4969],{"class":4403},[4118,6617,3912],{"class":4191},[4118,6619,4974],{"class":4124},[4118,6621,6622],{"class":4191},"() },\n",[4118,6624,6625],{"class":4120,"line":4338},[4118,6626,6627],{"class":4191},"        ],\n",[4118,6629,6630],{"class":4120,"line":4344},[4118,6631,6632],{"class":4191},"      );\n",[4118,6634,6635,6638,6640],{"class":4120,"line":4350},[4118,6636,6637],{"class":4393},"      return",[4118,6639,4622],{"class":4323},[4118,6641,4413],{"class":4191},[4118,6643,6644],{"class":4120,"line":4677},[4118,6645,6348],{"class":4191},[4118,6647,6648],{"class":4120,"line":4683},[4118,6649,4460],{"emptyLinePlaceholder":4459},[4118,6651,6652,6654,6656,6658,6660,6662,6664,6666],{"class":4120,"line":4706},[4118,6653,6509],{"class":4323},[4118,6655,5789],{"class":4540},[4118,6657,5222],{"class":4191},[4118,6659,5794],{"class":4393},[4118,6661,4404],{"class":4403},[4118,6663,3912],{"class":4191},[4118,6665,5801],{"class":4124},[4118,6667,5232],{"class":4191},[4118,6669,6670,6673,6675,6677,6679,6681,6683],{"class":4120,"line":4711},[4118,6671,6672],{"class":4403},"      mediaTypes:",[4118,6674,4404],{"class":4403},[4118,6676,3912],{"class":4191},[4118,6678,5986],{"class":4403},[4118,6680,3912],{"class":4191},[4118,6682,5991],{"class":4403},[4118,6684,4226],{"class":4191},[4118,6686,6687,6690,6692],{"class":4120,"line":4716},[4118,6688,6689],{"class":4403},"      allowsEditing:",[4118,6691,6015],{"class":4323},[4118,6693,4226],{"class":4191},[4118,6695,6696,6699,6701,6703,6705,6707],{"class":4120,"line":4722},[4118,6697,6698],{"class":4403},"      aspect:",[4118,6700,4537],{"class":4191},[4118,6702,6041],{"class":5249},[4118,6704,3971],{"class":4191},[4118,6706,6041],{"class":5249},[4118,6708,6048],{"class":4191},[4118,6710,6711,6714,6716],{"class":4120,"line":4732},[4118,6712,6713],{"class":4403},"      quality:",[4118,6715,6070],{"class":5249},[4118,6717,4226],{"class":4191},[4118,6719,6720],{"class":4120,"line":4751},[4118,6721,6722],{"class":4191},"    });\n",[4118,6724,6725],{"class":4120,"line":4767},[4118,6726,4460],{"emptyLinePlaceholder":4459},[4118,6728,6729,6731,6733,6736,6738,6740,6742,6744,6746],{"class":4120,"line":4772},[4118,6730,6537],{"class":4393},[4118,6732,4669],{"class":4191},[4118,6734,6735],{"class":4403},"result",[4118,6737,3912],{"class":4191},[4118,6739,6182],{"class":4403},[4118,6741,4616],{"class":4191},[4118,6743,4619],{"class":4393},[4118,6745,4622],{"class":4323},[4118,6747,4413],{"class":4191},[4118,6749,6750],{"class":4120,"line":4781},[4118,6751,4460],{"emptyLinePlaceholder":4459},[4118,6753,6754,6756,6758,6760,6762,6765,6768],{"class":4120,"line":4812},[4118,6755,4686],{"class":4393},[4118,6757,5789],{"class":4403},[4118,6759,3912],{"class":4191},[4118,6761,6362],{"class":4403},[4118,6763,6764],{"class":4191},"[",[4118,6766,6767],{"class":5249},"0",[4118,6769,6770],{"class":4191},"];\n",[4118,6772,6773],{"class":4120,"line":4848},[4118,6774,6775],{"class":4191},"  };\n",[4118,6777,6778],{"class":4120,"line":4872},[4118,6779,4460],{"emptyLinePlaceholder":4459},[4118,6781,6782,6784,6786,6789],{"class":4120,"line":4878},[4118,6783,4775],{"class":4393},[4118,6785,4420],{"class":4191},[4118,6787,6788],{"class":4403},"pickFromLibrary",[4118,6790,6791],{"class":4191}," };\n",[4118,6793,6794],{"class":4120,"line":4884},[4118,6795,4353],{"class":4191},[3830,6797,6799,6800,6803],{"id":6798},"_23-launchcameraasync-зйомка-нового-фото","2.3. ",[3787,6801,6802],{},"launchCameraAsync"," — зйомка нового фото",[3743,6805,6806,6808,6809,6811],{},[3787,6807,6802],{}," відкриває нативний інтерфейс камери. Опції ті самі, що й у ",[3787,6810,5801],{},", плюс кілька специфічних:",[4108,6813,6816],{"className":4382,"code":6814,"filename":6815,"language":4385,"meta":4386,"style":4114},"import * as ImagePicker from 'expo-image-picker';\nimport { Alert, Linking } from 'react-native';\n\nexport function useCameraPicker() {\n  const takePhoto = async () => {\n    const { status } =\n      await ImagePicker.requestCameraPermissionsAsync();\n\n    if (status !== 'granted') {\n      Alert.alert(\n        'Потрібен доступ до камери',\n        'Щоб зняти фото, надайте доступ до камери у Налаштуваннях.',\n        [\n          { text: 'Скасувати', style: 'cancel' },\n          { text: 'Налаштування', onPress: () => Linking.openSettings() },\n        ],\n      );\n      return null;\n    }\n\n    const result = await ImagePicker.launchCameraAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 0.85,\n\n      \u002F\u002F Яка камера відкривається першою\n      \u002F\u002F 'front' (фронтальна) | 'back' (основна, за замовчуванням)\n      cameraType: ImagePicker.CameraType.back,\n    });\n\n    if (result.canceled) return null;\n\n    return result.assets[0];\n  };\n\n  return { takePhoto };\n}\n","features\u002Fphoto\u002FuseCameraPicker.ts",[3787,6817,6818,6834,6854,6858,6869,6886,6896,6908,6912,6926,6936,6943,6950,6954,6970,6996,7000,7004,7012,7016,7020,7038,7054,7062,7076,7085,7089,7094,7099,7118,7122,7126,7146,7150,7166,7170,7174,7185],{"__ignoreMap":4114},[4118,6819,6820,6822,6824,6826,6828,6830,6832],{"class":4120,"line":4121},[4118,6821,4394],{"class":4393},[4118,6823,4397],{"class":4323},[4118,6825,4400],{"class":4393},[4118,6827,4404],{"class":4403},[4118,6829,4407],{"class":4393},[4118,6831,4410],{"class":4128},[4118,6833,4413],{"class":4191},[4118,6835,6836,6838,6840,6842,6844,6846,6848,6850,6852],{"class":4120,"line":4195},[4118,6837,4394],{"class":4393},[4118,6839,4420],{"class":4191},[4118,6841,6411],{"class":4403},[4118,6843,3971],{"class":4191},[4118,6845,4423],{"class":4403},[4118,6847,4446],{"class":4191},[4118,6849,4449],{"class":4393},[4118,6851,4452],{"class":4128},[4118,6853,4413],{"class":4191},[4118,6855,6856],{"class":4120,"line":4205},[4118,6857,4460],{"emptyLinePlaceholder":4459},[4118,6859,6860,6862,6864,6867],{"class":4120,"line":4214},[4118,6861,4502],{"class":4393},[4118,6863,4505],{"class":4323},[4118,6865,6866],{"class":4124}," useCameraPicker",[4118,6868,5946],{"class":4191},[4118,6870,6871,6873,6876,6878,6880,6882,6884],{"class":4120,"line":4220},[4118,6872,4534],{"class":4323},[4118,6874,6875],{"class":4124}," takePhoto",[4118,6877,5222],{"class":4191},[4118,6879,5551],{"class":4323},[4118,6881,5090],{"class":4191},[4118,6883,4966],{"class":4323},[4118,6885,5095],{"class":4191},[4118,6887,6888,6890,6892,6894],{"class":4120,"line":4229},[4118,6889,6509],{"class":4323},[4118,6891,4420],{"class":4191},[4118,6893,4739],{"class":4540},[4118,6895,5648],{"class":4191},[4118,6897,6898,6900,6902,6904,6906],{"class":4120,"line":4235},[4118,6899,6520],{"class":4393},[4118,6901,4404],{"class":4403},[4118,6903,3912],{"class":4191},[4118,6905,5569],{"class":4124},[4118,6907,4562],{"class":4191},[4118,6909,6910],{"class":4120,"line":4249},[4118,6911,4460],{"emptyLinePlaceholder":4459},[4118,6913,6914,6916,6918,6920,6922,6924],{"class":4120,"line":4260},[4118,6915,6537],{"class":4393},[4118,6917,4669],{"class":4191},[4118,6919,4739],{"class":4403},[4118,6921,5675],{"class":4191},[4118,6923,5678],{"class":4128},[4118,6925,4523],{"class":4191},[4118,6927,6928,6930,6932,6934],{"class":4120,"line":4266},[4118,6929,6552],{"class":4403},[4118,6931,3912],{"class":4191},[4118,6933,5690],{"class":4124},[4118,6935,5693],{"class":4191},[4118,6937,6938,6941],{"class":4120,"line":4272},[4118,6939,6940],{"class":4128},"        'Потрібен доступ до камери'",[4118,6942,4226],{"class":4191},[4118,6944,6945,6948],{"class":4120,"line":4277},[4118,6946,6947],{"class":4128},"        'Щоб зняти фото, надайте доступ до камери у Налаштуваннях.'",[4118,6949,4226],{"class":4191},[4118,6951,6952],{"class":4120,"line":4285},[4118,6953,6577],{"class":4191},[4118,6955,6956,6958,6960,6962,6964,6966,6968],{"class":4120,"line":4290},[4118,6957,6582],{"class":4191},[4118,6959,5719],{"class":4403},[4118,6961,5722],{"class":4128},[4118,6963,3971],{"class":4191},[4118,6965,5727],{"class":4403},[4118,6967,5730],{"class":4128},[4118,6969,5333],{"class":4191},[4118,6971,6972,6974,6976,6978,6980,6982,6984,6986,6988,6990,6992,6994],{"class":4120,"line":4302},[4118,6973,6582],{"class":4191},[4118,6975,5719],{"class":4403},[4118,6977,5741],{"class":4128},[4118,6979,3971],{"class":4191},[4118,6981,6607],{"class":4124},[4118,6983,5045],{"class":4403},[4118,6985,5090],{"class":4191},[4118,6987,4966],{"class":4323},[4118,6989,4969],{"class":4403},[4118,6991,3912],{"class":4191},[4118,6993,4974],{"class":4124},[4118,6995,6622],{"class":4191},[4118,6997,6998],{"class":4120,"line":4315},[4118,6999,6627],{"class":4191},[4118,7001,7002],{"class":4120,"line":4327},[4118,7003,6632],{"class":4191},[4118,7005,7006,7008,7010],{"class":4120,"line":4332},[4118,7007,6637],{"class":4393},[4118,7009,4622],{"class":4323},[4118,7011,4413],{"class":4191},[4118,7013,7014],{"class":4120,"line":4338},[4118,7015,6348],{"class":4191},[4118,7017,7018],{"class":4120,"line":4344},[4118,7019,4460],{"emptyLinePlaceholder":4459},[4118,7021,7022,7024,7026,7028,7030,7032,7034,7036],{"class":4120,"line":4350},[4118,7023,6509],{"class":4323},[4118,7025,5789],{"class":4540},[4118,7027,5222],{"class":4191},[4118,7029,5794],{"class":4393},[4118,7031,4404],{"class":4403},[4118,7033,3912],{"class":4191},[4118,7035,6802],{"class":4124},[4118,7037,5232],{"class":4191},[4118,7039,7040,7042,7044,7046,7048,7050,7052],{"class":4120,"line":4677},[4118,7041,6672],{"class":4403},[4118,7043,4404],{"class":4403},[4118,7045,3912],{"class":4191},[4118,7047,5986],{"class":4403},[4118,7049,3912],{"class":4191},[4118,7051,5991],{"class":4403},[4118,7053,4226],{"class":4191},[4118,7055,7056,7058,7060],{"class":4120,"line":4683},[4118,7057,6689],{"class":4403},[4118,7059,6015],{"class":4323},[4118,7061,4226],{"class":4191},[4118,7063,7064,7066,7068,7070,7072,7074],{"class":4120,"line":4706},[4118,7065,6698],{"class":4403},[4118,7067,4537],{"class":4191},[4118,7069,6041],{"class":5249},[4118,7071,3971],{"class":4191},[4118,7073,6041],{"class":5249},[4118,7075,6048],{"class":4191},[4118,7077,7078,7080,7083],{"class":4120,"line":4711},[4118,7079,6713],{"class":4403},[4118,7081,7082],{"class":5249}," 0.85",[4118,7084,4226],{"class":4191},[4118,7086,7087],{"class":4120,"line":4716},[4118,7088,4460],{"emptyLinePlaceholder":4459},[4118,7090,7091],{"class":4120,"line":4722},[4118,7092,7093],{"class":4528},"      \u002F\u002F Яка камера відкривається першою\n",[4118,7095,7096],{"class":4120,"line":4732},[4118,7097,7098],{"class":4528},"      \u002F\u002F 'front' (фронтальна) | 'back' (основна, за замовчуванням)\n",[4118,7100,7101,7104,7106,7108,7111,7113,7116],{"class":4120,"line":4751},[4118,7102,7103],{"class":4403},"      cameraType:",[4118,7105,4404],{"class":4403},[4118,7107,3912],{"class":4191},[4118,7109,7110],{"class":4403},"CameraType",[4118,7112,3912],{"class":4191},[4118,7114,7115],{"class":4403},"back",[4118,7117,4226],{"class":4191},[4118,7119,7120],{"class":4120,"line":4767},[4118,7121,6722],{"class":4191},[4118,7123,7124],{"class":4120,"line":4772},[4118,7125,4460],{"emptyLinePlaceholder":4459},[4118,7127,7128,7130,7132,7134,7136,7138,7140,7142,7144],{"class":4120,"line":4781},[4118,7129,6537],{"class":4393},[4118,7131,4669],{"class":4191},[4118,7133,6735],{"class":4403},[4118,7135,3912],{"class":4191},[4118,7137,6182],{"class":4403},[4118,7139,4616],{"class":4191},[4118,7141,4619],{"class":4393},[4118,7143,4622],{"class":4323},[4118,7145,4413],{"class":4191},[4118,7147,7148],{"class":4120,"line":4812},[4118,7149,4460],{"emptyLinePlaceholder":4459},[4118,7151,7152,7154,7156,7158,7160,7162,7164],{"class":4120,"line":4848},[4118,7153,4686],{"class":4393},[4118,7155,5789],{"class":4403},[4118,7157,3912],{"class":4191},[4118,7159,6362],{"class":4403},[4118,7161,6764],{"class":4191},[4118,7163,6767],{"class":5249},[4118,7165,6770],{"class":4191},[4118,7167,7168],{"class":4120,"line":4872},[4118,7169,6775],{"class":4191},[4118,7171,7172],{"class":4120,"line":4878},[4118,7173,4460],{"emptyLinePlaceholder":4459},[4118,7175,7176,7178,7180,7183],{"class":4120,"line":4884},[4118,7177,4775],{"class":4393},[4118,7179,4420],{"class":4191},[4118,7181,7182],{"class":4403},"takePhoto",[4118,7184,6791],{"class":4191},[4118,7186,7187],{"class":4120,"line":4894},[4118,7188,4353],{"class":4191},[4355,7190,7191,7193,7194,7197,7198,7201,7202,3912],{},[3787,7192,6802],{}," ",[3754,7195,7196],{},"не працює в Expo Go на iOS"," — лише в development build або standalone app. На Android — частково працює в Expo Go. Якщо розробляєте з Expo Go і бачите помилку ",[3787,7199,7200],{},"Camera module not available",", — це очікувана поведінка. Для тестування камери потрібен ",[3787,7203,7204],{},"expo-dev-client",[3830,7206,7208],{"id":7207},"_24-паттерн-actionsheet-камера-або-галерея","2.4. Паттерн ActionSheet: «Камера або Галерея»",[3743,7210,7211,7212,7215],{},"У реальних застосунках майже завжди треба дати користувачу ",[3754,7213,7214],{},"вибір",": сфотографувати щось нове або обрати вже наявне фото. Це класичний паттерн — ActionSheet з двома опціями.",[3743,7217,7218,7219,7222,7223,7226,7227,7230,7231,5045],{},"На iOS ",[3787,7220,7221],{},"ActionSheet"," — нативний компонент; на Android він виглядає інакше. Щоб уникнути різниці у вигляді, використаємо ",[3787,7224,7225],{},"Alert.alert"," — він виглядає нативно на обох платформах. Але краще — бібліотека ",[3787,7228,7229],{},"@expo\u002Freact-native-action-sheet"," або ",[3787,7232,7233],{},"react-native-modal",[4108,7235,7238],{"className":4382,"code":7236,"filename":7237,"language":4385,"meta":4386,"style":4114},"import * as ImagePicker from 'expo-image-picker';\nimport { Alert, Linking } from 'react-native';\n\ntype PhotoSource = 'library' | 'camera';\n\nasync function requestAndLaunch(source: PhotoSource) {\n  if (source === 'library') {\n    const { status } =\n      await ImagePicker.requestMediaLibraryPermissionsAsync();\n    if (status !== 'granted') {\n      Alert.alert('Немає доступу', 'Відкрийте Налаштування і надайте доступ до фото.', [\n        { text: 'OK' },\n        { text: 'Налаштування', onPress: () => Linking.openSettings() },\n      ]);\n      return null;\n    }\n    const result = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 0.8,\n    });\n    return result.canceled ? null : result.assets[0];\n  }\n\n  \u002F\u002F source === 'camera'\n  const { status } = await ImagePicker.requestCameraPermissionsAsync();\n  if (status !== 'granted') {\n    Alert.alert('Немає доступу', 'Відкрийте Налаштування і надайте доступ до камери.', [\n      { text: 'OK' },\n      { text: 'Налаштування', onPress: () => Linking.openSettings() },\n    ]);\n    return null;\n  }\n  const result = await ImagePicker.launchCameraAsync({\n    mediaTypes: ImagePicker.MediaTypeOptions.Images,\n    allowsEditing: true,\n    aspect: [1, 1],\n    quality: 0.85,\n  });\n  return result.canceled ? null : result.assets[0];\n}\n\n\u002F\u002F Функція показує Alert з вибором джерела фото\nexport function showPhotoSourceSheet(\n  onPicked: (asset: ImagePicker.ImagePickerAsset) => void,\n) {\n  Alert.alert(\n    'Оберіть джерело фото',\n    undefined,\n    [\n      {\n        text: 'Фото-бібліотека',\n        onPress: async () => {\n          const asset = await requestAndLaunch('library');\n          if (asset) onPicked(asset);\n        },\n      },\n      {\n        text: 'Камера',\n        onPress: async () => {\n          const asset = await requestAndLaunch('camera');\n          if (asset) onPicked(asset);\n        },\n      },\n      { text: 'Скасувати', style: 'cancel' },\n    ],\n  );\n}\n","components\u002FPhotoSourceSheet.tsx",[3787,7239,7240,7256,7276,7280,7299,7303,7325,7339,7349,7361,7375,7396,7407,7433,7438,7446,7450,7468,7484,7492,7506,7514,7518,7548,7552,7556,7561,7582,7596,7615,7626,7652,7657,7665,7669,7687,7703,7711,7725,7733,7737,7765,7769,7773,7778,7789,7817,7821,7832,7839,7846,7851,7856,7866,7881,7902,7922,7927,7932,7936,7945,7959,7977,7995,7999,8003,8019,8024,8028],{"__ignoreMap":4114},[4118,7241,7242,7244,7246,7248,7250,7252,7254],{"class":4120,"line":4121},[4118,7243,4394],{"class":4393},[4118,7245,4397],{"class":4323},[4118,7247,4400],{"class":4393},[4118,7249,4404],{"class":4403},[4118,7251,4407],{"class":4393},[4118,7253,4410],{"class":4128},[4118,7255,4413],{"class":4191},[4118,7257,7258,7260,7262,7264,7266,7268,7270,7272,7274],{"class":4120,"line":4195},[4118,7259,4394],{"class":4393},[4118,7261,4420],{"class":4191},[4118,7263,6411],{"class":4403},[4118,7265,3971],{"class":4191},[4118,7267,4423],{"class":4403},[4118,7269,4446],{"class":4191},[4118,7271,4449],{"class":4393},[4118,7273,4452],{"class":4128},[4118,7275,4413],{"class":4191},[4118,7277,7278],{"class":4120,"line":4205},[4118,7279,4460],{"emptyLinePlaceholder":4459},[4118,7281,7282,7284,7287,7289,7292,7294,7297],{"class":4120,"line":4214},[4118,7283,4465],{"class":4323},[4118,7285,7286],{"class":4468}," PhotoSource",[4118,7288,5222],{"class":4191},[4118,7290,7291],{"class":4128},"'library'",[4118,7293,6489],{"class":4191},[4118,7295,7296],{"class":4128},"'camera'",[4118,7298,4413],{"class":4191},[4118,7300,7301],{"class":4120,"line":4220},[4118,7302,4460],{"emptyLinePlaceholder":4459},[4118,7304,7305,7307,7309,7312,7315,7318,7320,7323],{"class":4120,"line":4229},[4118,7306,5551],{"class":4323},[4118,7308,4505],{"class":4323},[4118,7310,7311],{"class":4124}," requestAndLaunch",[4118,7313,7314],{"class":4191},"(",[4118,7316,7317],{"class":4403},"source",[4118,7319,4241],{"class":4191},[4118,7321,7322],{"class":4468},"PhotoSource",[4118,7324,4523],{"class":4191},[4118,7326,7327,7329,7331,7333,7335,7337],{"class":4120,"line":4235},[4118,7328,4603],{"class":4393},[4118,7330,4669],{"class":4191},[4118,7332,7317],{"class":4403},[4118,7334,4742],{"class":4191},[4118,7336,7291],{"class":4128},[4118,7338,4523],{"class":4191},[4118,7340,7341,7343,7345,7347],{"class":4120,"line":4249},[4118,7342,6509],{"class":4323},[4118,7344,4420],{"class":4191},[4118,7346,4739],{"class":4540},[4118,7348,5648],{"class":4191},[4118,7350,7351,7353,7355,7357,7359],{"class":4120,"line":4260},[4118,7352,6520],{"class":4393},[4118,7354,4404],{"class":4403},[4118,7356,3912],{"class":4191},[4118,7358,5582],{"class":4124},[4118,7360,4562],{"class":4191},[4118,7362,7363,7365,7367,7369,7371,7373],{"class":4120,"line":4266},[4118,7364,6537],{"class":4393},[4118,7366,4669],{"class":4191},[4118,7368,4739],{"class":4403},[4118,7370,5675],{"class":4191},[4118,7372,5678],{"class":4128},[4118,7374,4523],{"class":4191},[4118,7376,7377,7379,7381,7383,7385,7388,7390,7393],{"class":4120,"line":4272},[4118,7378,6552],{"class":4403},[4118,7380,3912],{"class":4191},[4118,7382,5690],{"class":4124},[4118,7384,7314],{"class":4191},[4118,7386,7387],{"class":4128},"'Немає доступу'",[4118,7389,3971],{"class":4191},[4118,7391,7392],{"class":4128},"'Відкрийте Налаштування і надайте доступ до фото.'",[4118,7394,7395],{"class":4191},", [\n",[4118,7397,7398,7400,7402,7405],{"class":4120,"line":4277},[4118,7399,5716],{"class":4191},[4118,7401,5719],{"class":4403},[4118,7403,7404],{"class":4128}," 'OK'",[4118,7406,5333],{"class":4191},[4118,7408,7409,7411,7413,7415,7417,7419,7421,7423,7425,7427,7429,7431],{"class":4120,"line":4285},[4118,7410,5716],{"class":4191},[4118,7412,5719],{"class":4403},[4118,7414,5741],{"class":4128},[4118,7416,3971],{"class":4191},[4118,7418,6607],{"class":4124},[4118,7420,5045],{"class":4403},[4118,7422,5090],{"class":4191},[4118,7424,4966],{"class":4323},[4118,7426,4969],{"class":4403},[4118,7428,3912],{"class":4191},[4118,7430,4974],{"class":4124},[4118,7432,6622],{"class":4191},[4118,7434,7435],{"class":4120,"line":4290},[4118,7436,7437],{"class":4191},"      ]);\n",[4118,7439,7440,7442,7444],{"class":4120,"line":4302},[4118,7441,6637],{"class":4393},[4118,7443,4622],{"class":4323},[4118,7445,4413],{"class":4191},[4118,7447,7448],{"class":4120,"line":4315},[4118,7449,6348],{"class":4191},[4118,7451,7452,7454,7456,7458,7460,7462,7464,7466],{"class":4120,"line":4327},[4118,7453,6509],{"class":4323},[4118,7455,5789],{"class":4540},[4118,7457,5222],{"class":4191},[4118,7459,5794],{"class":4393},[4118,7461,4404],{"class":4403},[4118,7463,3912],{"class":4191},[4118,7465,5801],{"class":4124},[4118,7467,5232],{"class":4191},[4118,7469,7470,7472,7474,7476,7478,7480,7482],{"class":4120,"line":4332},[4118,7471,6672],{"class":4403},[4118,7473,4404],{"class":4403},[4118,7475,3912],{"class":4191},[4118,7477,5986],{"class":4403},[4118,7479,3912],{"class":4191},[4118,7481,5991],{"class":4403},[4118,7483,4226],{"class":4191},[4118,7485,7486,7488,7490],{"class":4120,"line":4338},[4118,7487,6689],{"class":4403},[4118,7489,6015],{"class":4323},[4118,7491,4226],{"class":4191},[4118,7493,7494,7496,7498,7500,7502,7504],{"class":4120,"line":4344},[4118,7495,6698],{"class":4403},[4118,7497,4537],{"class":4191},[4118,7499,6041],{"class":5249},[4118,7501,3971],{"class":4191},[4118,7503,6041],{"class":5249},[4118,7505,6048],{"class":4191},[4118,7507,7508,7510,7512],{"class":4120,"line":4350},[4118,7509,6713],{"class":4403},[4118,7511,6070],{"class":5249},[4118,7513,4226],{"class":4191},[4118,7515,7516],{"class":4120,"line":4677},[4118,7517,6722],{"class":4191},[4118,7519,7520,7522,7524,7526,7528,7531,7533,7536,7538,7540,7542,7544,7546],{"class":4120,"line":4683},[4118,7521,4686],{"class":4393},[4118,7523,5789],{"class":4403},[4118,7525,3912],{"class":4191},[4118,7527,6182],{"class":4403},[4118,7529,7530],{"class":4191}," ? ",[4118,7532,6492],{"class":4323},[4118,7534,7535],{"class":4191}," : ",[4118,7537,6735],{"class":4403},[4118,7539,3912],{"class":4191},[4118,7541,6362],{"class":4403},[4118,7543,6764],{"class":4191},[4118,7545,6767],{"class":5249},[4118,7547,6770],{"class":4191},[4118,7549,7550],{"class":4120,"line":4706},[4118,7551,4347],{"class":4191},[4118,7553,7554],{"class":4120,"line":4711},[4118,7555,4460],{"emptyLinePlaceholder":4459},[4118,7557,7558],{"class":4120,"line":4716},[4118,7559,7560],{"class":4528},"  \u002F\u002F source === 'camera'\n",[4118,7562,7563,7565,7567,7569,7572,7574,7576,7578,7580],{"class":4120,"line":4722},[4118,7564,4534],{"class":4323},[4118,7566,4420],{"class":4191},[4118,7568,4739],{"class":4540},[4118,7570,7571],{"class":4191}," } = ",[4118,7573,5794],{"class":4393},[4118,7575,4404],{"class":4403},[4118,7577,3912],{"class":4191},[4118,7579,5569],{"class":4124},[4118,7581,4562],{"class":4191},[4118,7583,7584,7586,7588,7590,7592,7594],{"class":4120,"line":4732},[4118,7585,4603],{"class":4393},[4118,7587,4669],{"class":4191},[4118,7589,4739],{"class":4403},[4118,7591,5675],{"class":4191},[4118,7593,5678],{"class":4128},[4118,7595,4523],{"class":4191},[4118,7597,7598,7600,7602,7604,7606,7608,7610,7613],{"class":4120,"line":4751},[4118,7599,5685],{"class":4403},[4118,7601,3912],{"class":4191},[4118,7603,5690],{"class":4124},[4118,7605,7314],{"class":4191},[4118,7607,7387],{"class":4128},[4118,7609,3971],{"class":4191},[4118,7611,7612],{"class":4128},"'Відкрийте Налаштування і надайте доступ до камери.'",[4118,7614,7395],{"class":4191},[4118,7616,7617,7620,7622,7624],{"class":4120,"line":4767},[4118,7618,7619],{"class":4191},"      { ",[4118,7621,5719],{"class":4403},[4118,7623,7404],{"class":4128},[4118,7625,5333],{"class":4191},[4118,7627,7628,7630,7632,7634,7636,7638,7640,7642,7644,7646,7648,7650],{"class":4120,"line":4772},[4118,7629,7619],{"class":4191},[4118,7631,5719],{"class":4403},[4118,7633,5741],{"class":4128},[4118,7635,3971],{"class":4191},[4118,7637,6607],{"class":4124},[4118,7639,5045],{"class":4403},[4118,7641,5090],{"class":4191},[4118,7643,4966],{"class":4323},[4118,7645,4969],{"class":4403},[4118,7647,3912],{"class":4191},[4118,7649,4974],{"class":4124},[4118,7651,6622],{"class":4191},[4118,7653,7654],{"class":4120,"line":4781},[4118,7655,7656],{"class":4191},"    ]);\n",[4118,7658,7659,7661,7663],{"class":4120,"line":4812},[4118,7660,4686],{"class":4393},[4118,7662,4622],{"class":4323},[4118,7664,4413],{"class":4191},[4118,7666,7667],{"class":4120,"line":4848},[4118,7668,4347],{"class":4191},[4118,7670,7671,7673,7675,7677,7679,7681,7683,7685],{"class":4120,"line":4872},[4118,7672,4534],{"class":4323},[4118,7674,5789],{"class":4540},[4118,7676,5222],{"class":4191},[4118,7678,5794],{"class":4393},[4118,7680,4404],{"class":4403},[4118,7682,3912],{"class":4191},[4118,7684,6802],{"class":4124},[4118,7686,5232],{"class":4191},[4118,7688,7689,7691,7693,7695,7697,7699,7701],{"class":4120,"line":4878},[4118,7690,5979],{"class":4403},[4118,7692,4404],{"class":4403},[4118,7694,3912],{"class":4191},[4118,7696,5986],{"class":4403},[4118,7698,3912],{"class":4191},[4118,7700,5991],{"class":4403},[4118,7702,4226],{"class":4191},[4118,7704,7705,7707,7709],{"class":4120,"line":4884},[4118,7706,6012],{"class":4403},[4118,7708,6015],{"class":4323},[4118,7710,4226],{"class":4191},[4118,7712,7713,7715,7717,7719,7721,7723],{"class":4120,"line":4894},[4118,7714,6036],{"class":4403},[4118,7716,4537],{"class":4191},[4118,7718,6041],{"class":5249},[4118,7720,3971],{"class":4191},[4118,7722,6041],{"class":5249},[4118,7724,6048],{"class":4191},[4118,7726,7727,7729,7731],{"class":4120,"line":4899},[4118,7728,6067],{"class":4403},[4118,7730,7082],{"class":5249},[4118,7732,4226],{"class":4191},[4118,7734,7735],{"class":4120,"line":4913},[4118,7736,5813],{"class":4191},[4118,7738,7739,7741,7743,7745,7747,7749,7751,7753,7755,7757,7759,7761,7763],{"class":4120,"line":4919},[4118,7740,4775],{"class":4393},[4118,7742,5789],{"class":4403},[4118,7744,3912],{"class":4191},[4118,7746,6182],{"class":4403},[4118,7748,7530],{"class":4191},[4118,7750,6492],{"class":4323},[4118,7752,7535],{"class":4191},[4118,7754,6735],{"class":4403},[4118,7756,3912],{"class":4191},[4118,7758,6362],{"class":4403},[4118,7760,6764],{"class":4191},[4118,7762,6767],{"class":5249},[4118,7764,6770],{"class":4191},[4118,7766,7767],{"class":4120,"line":4925},[4118,7768,4353],{"class":4191},[4118,7770,7771],{"class":4120,"line":4934},[4118,7772,4460],{"emptyLinePlaceholder":4459},[4118,7774,7775],{"class":4120,"line":4953},[4118,7776,7777],{"class":4528},"\u002F\u002F Функція показує Alert з вибором джерела фото\n",[4118,7779,7780,7782,7784,7787],{"class":4120,"line":4982},[4118,7781,4502],{"class":4393},[4118,7783,4505],{"class":4323},[4118,7785,7786],{"class":4124}," showPhotoSourceSheet",[4118,7788,5693],{"class":4191},[4118,7790,7791,7794,7797,7800,7802,7804,7806,7808,7810,7812,7815],{"class":4120,"line":4988},[4118,7792,7793],{"class":4124},"  onPicked",[4118,7795,7796],{"class":4191},": (",[4118,7798,7799],{"class":4403},"asset",[4118,7801,4241],{"class":4191},[4118,7803,6442],{"class":4468},[4118,7805,3912],{"class":4191},[4118,7807,6447],{"class":4468},[4118,7809,4616],{"class":4191},[4118,7811,4966],{"class":4323},[4118,7813,7814],{"class":4468}," void",[4118,7816,4226],{"class":4191},[4118,7818,7819],{"class":4120,"line":5013},[4118,7820,4523],{"class":4191},[4118,7822,7823,7826,7828,7830],{"class":4120,"line":5019},[4118,7824,7825],{"class":4403},"  Alert",[4118,7827,3912],{"class":4191},[4118,7829,5690],{"class":4124},[4118,7831,5693],{"class":4191},[4118,7833,7834,7837],{"class":4120,"line":5029},[4118,7835,7836],{"class":4128},"    'Оберіть джерело фото'",[4118,7838,4226],{"class":4191},[4118,7840,7841,7844],{"class":4120,"line":5039},[4118,7842,7843],{"class":4323},"    undefined",[4118,7845,4226],{"class":4191},[4118,7847,7848],{"class":4120,"line":5050},[4118,7849,7850],{"class":4191},"    [\n",[4118,7852,7853],{"class":4120,"line":5056},[4118,7854,7855],{"class":4191},"      {\n",[4118,7857,7858,7861,7864],{"class":4120,"line":5063},[4118,7859,7860],{"class":4403},"        text:",[4118,7862,7863],{"class":4128}," 'Фото-бібліотека'",[4118,7865,4226],{"class":4191},[4118,7867,7868,7871,7873,7875,7877,7879],{"class":4120,"line":5080},[4118,7869,7870],{"class":4124},"        onPress",[4118,7872,5045],{"class":4403},[4118,7874,5938],{"class":4323},[4118,7876,5090],{"class":4191},[4118,7878,4966],{"class":4323},[4118,7880,5095],{"class":4191},[4118,7882,7883,7886,7889,7891,7893,7895,7897,7899],{"class":4120,"line":5098},[4118,7884,7885],{"class":4323},"          const",[4118,7887,7888],{"class":4540}," asset",[4118,7890,5222],{"class":4191},[4118,7892,5794],{"class":4393},[4118,7894,7311],{"class":4124},[4118,7896,7314],{"class":4191},[4118,7898,7291],{"class":4128},[4118,7900,7901],{"class":4191},");\n",[4118,7903,7904,7907,7909,7911,7913,7916,7918,7920],{"class":4120,"line":5109},[4118,7905,7906],{"class":4393},"          if",[4118,7908,4669],{"class":4191},[4118,7910,7799],{"class":4403},[4118,7912,4616],{"class":4191},[4118,7914,7915],{"class":4124},"onPicked",[4118,7917,7314],{"class":4191},[4118,7919,7799],{"class":4403},[4118,7921,7901],{"class":4191},[4118,7923,7924],{"class":4120,"line":5119},[4118,7925,7926],{"class":4191},"        },\n",[4118,7928,7929],{"class":4120,"line":5127},[4118,7930,7931],{"class":4191},"      },\n",[4118,7933,7934],{"class":4120,"line":5132},[4118,7935,7855],{"class":4191},[4118,7937,7938,7940,7943],{"class":4120,"line":5155},[4118,7939,7860],{"class":4403},[4118,7941,7942],{"class":4128}," 'Камера'",[4118,7944,4226],{"class":4191},[4118,7946,7947,7949,7951,7953,7955,7957],{"class":4120,"line":5161},[4118,7948,7870],{"class":4124},[4118,7950,5045],{"class":4403},[4118,7952,5938],{"class":4323},[4118,7954,5090],{"class":4191},[4118,7956,4966],{"class":4323},[4118,7958,5095],{"class":4191},[4118,7960,7961,7963,7965,7967,7969,7971,7973,7975],{"class":4120,"line":5170},[4118,7962,7885],{"class":4323},[4118,7964,7888],{"class":4540},[4118,7966,5222],{"class":4191},[4118,7968,5794],{"class":4393},[4118,7970,7311],{"class":4124},[4118,7972,7314],{"class":4191},[4118,7974,7296],{"class":4128},[4118,7976,7901],{"class":4191},[4118,7978,7979,7981,7983,7985,7987,7989,7991,7993],{"class":4120,"line":5179},[4118,7980,7906],{"class":4393},[4118,7982,4669],{"class":4191},[4118,7984,7799],{"class":4403},[4118,7986,4616],{"class":4191},[4118,7988,7915],{"class":4124},[4118,7990,7314],{"class":4191},[4118,7992,7799],{"class":4403},[4118,7994,7901],{"class":4191},[4118,7996,7997],{"class":4120,"line":5187},[4118,7998,7926],{"class":4191},[4118,8000,8001],{"class":4120,"line":5197},[4118,8002,7931],{"class":4191},[4118,8004,8005,8007,8009,8011,8013,8015,8017],{"class":4120,"line":5203},[4118,8006,7619],{"class":4191},[4118,8008,5719],{"class":4403},[4118,8010,5722],{"class":4128},[4118,8012,3971],{"class":4191},[4118,8014,5727],{"class":4403},[4118,8016,5730],{"class":4128},[4118,8018,5333],{"class":4191},[4118,8020,8021],{"class":4120,"line":5208},[4118,8022,8023],{"class":4191},"    ],\n",[4118,8025,8026],{"class":4120,"line":5213},[4118,8027,5200],{"class":4191},[4118,8029,8030],{"class":4120,"line":5235},[4118,8031,4353],{"class":4191},[3743,8033,8034],{},"Використання в компоненті:",[4108,8036,8038],{"className":4382,"code":8037,"language":4385,"meta":4114,"style":4114},"\u003CPressable onPress={() => showPhotoSourceSheet(setSelectedAsset)}>\n  \u003CText>Змінити фото\u003C\u002FText>\n\u003C\u002FPressable>\n",[3787,8039,8040,8071,8089],{"__ignoreMap":4114},[4118,8041,8042,8044,8046,8049,8051,8053,8055,8057,8059,8061,8064,8067,8069],{"class":4120,"line":4121},[4118,8043,6483],{"class":4689},[4118,8045,4428],{"class":4468},[4118,8047,8048],{"class":4789}," onPress",[4118,8050,4793],{"class":4191},[4118,8052,4693],{"class":4323},[4118,8054,4963],{"class":4801},[4118,8056,4966],{"class":4323},[4118,8058,7786],{"class":4124},[4118,8060,7314],{"class":4801},[4118,8062,8063],{"class":4403},"setSelectedAsset",[4118,8065,8066],{"class":4801},")",[4118,8068,4698],{"class":4323},[4118,8070,4809],{"class":4689},[4118,8072,8073,8076,8078,8080,8083,8085,8087],{"class":4120,"line":4195},[4118,8074,8075],{"class":4689},"  \u003C",[4118,8077,4438],{"class":4468},[4118,8079,4835],{"class":4689},[4118,8081,8082],{"class":4191},"Змінити фото",[4118,8084,4841],{"class":4689},[4118,8086,4438],{"class":4468},[4118,8088,4809],{"class":4689},[4118,8090,8091,8093,8095],{"class":4120,"line":4205},[4118,8092,4841],{"class":4689},[4118,8094,4428],{"class":4468},[4118,8096,4809],{"class":4689},[3886,8098,7218,8099,8101,8102,8105,8106,3912],{},[3787,8100,7225],{}," з трьома кнопками автоматично відображає першу і другу як дії, а третю з ",[3787,8103,8104],{},"style: 'cancel'"," — окремо внизу, що візуально схоже на нативний ActionSheet. На Android кнопки розміщуються в ряд у діалоговому вікні. Якщо потрібен однаковий нативний вигляд ActionSheet на обох платформах — розгляньте ",[3787,8107,7229],{},[3830,8109,8111],{"id":8110},"_25-відображення-обраного-фото","2.5. Відображення обраного фото",[3743,8113,8114,8115,7230,8117,8119,8120,8122,8123,8126,8127,5045],{},"Після того як ",[3787,8116,5801],{},[3787,8118,6802],{}," повернули ",[3787,8121,7799],{},", його ",[3787,8124,8125],{},"uri"," можна одразу передати в ",[3787,8128,8129],{},"Image",[4108,8131,8134],{"className":4382,"code":8132,"filename":8133,"language":4385,"meta":4386,"style":4114},"import { Image, StyleSheet, Text, View } from 'react-native';\nimport type { ImagePickerAsset } from 'expo-image-picker';\n\ntype Props = {\n  asset: ImagePickerAsset | null;\n};\n\nexport function PhotoPreview({ asset }: Props) {\n  if (!asset) {\n    return (\n      \u003CView style={styles.placeholder}>\n        \u003CText style={styles.placeholderText}>Фото не обрано\u003C\u002FText>\n      \u003C\u002FView>\n    );\n  }\n\n  return (\n    \u003CView>\n      \u003CImage\n        source={{ uri: asset.uri }}\n        style={styles.image}\n        \u002F\u002F Показуємо фото в його реальних пропорціях\n        \u002F\u002F width і height asset-а вже відомі — використаємо їх\n        accessibilityLabel=\"Обране фото\"\n      \u002F>\n      \u003CText style={styles.meta}>\n        {asset.width} × {asset.height} px\n        {asset.fileSize\n          ? ` · ${(asset.fileSize \u002F 1024 \u002F 1024).toFixed(1)} МБ`\n          : ''}\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  placeholder: {\n    width: 200,\n    height: 200,\n    borderRadius: 100,\n    backgroundColor: '#f1f5f9',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  placeholderText: { color: '#94a3b8', fontSize: 14 },\n  image: {\n    width: 200,\n    height: 200,\n    borderRadius: 100,\n  },\n  meta: { textAlign: 'center', color: '#64748b', marginTop: 8, fontSize: 13 },\n});\n","features\u002Fphoto\u002FPhotoPreview.tsx",[3787,8135,8136,8164,8182,8186,8194,8209,8213,8217,8236,8246,8252,8275,8307,8315,8319,8323,8327,8333,8341,8348,8373,8391,8396,8401,8411,8416,8439,8470,8481,8528,8538,8546,8554,8558,8562,8566,8582,8589,8599,8608,8617,8626,8634,8642,8646,8667,8674,8682,8690,8698,8702,8737],{"__ignoreMap":4114},[4118,8137,8138,8140,8142,8144,8146,8148,8150,8152,8154,8156,8158,8160,8162],{"class":4120,"line":4121},[4118,8139,4394],{"class":4393},[4118,8141,4420],{"class":4191},[4118,8143,8129],{"class":4403},[4118,8145,3971],{"class":4191},[4118,8147,4433],{"class":4403},[4118,8149,3971],{"class":4191},[4118,8151,4438],{"class":4403},[4118,8153,3971],{"class":4191},[4118,8155,4443],{"class":4403},[4118,8157,4446],{"class":4191},[4118,8159,4449],{"class":4393},[4118,8161,4452],{"class":4128},[4118,8163,4413],{"class":4191},[4118,8165,8166,8168,8170,8172,8174,8176,8178,8180],{"class":4120,"line":4195},[4118,8167,4394],{"class":4393},[4118,8169,6434],{"class":4393},[4118,8171,4420],{"class":4191},[4118,8173,6447],{"class":4403},[4118,8175,4446],{"class":4191},[4118,8177,4449],{"class":4393},[4118,8179,4410],{"class":4128},[4118,8181,4413],{"class":4191},[4118,8183,8184],{"class":4120,"line":4205},[4118,8185,4460],{"emptyLinePlaceholder":4459},[4118,8187,8188,8190,8192],{"class":4120,"line":4214},[4118,8189,4465],{"class":4323},[4118,8191,4469],{"class":4468},[4118,8193,4472],{"class":4191},[4118,8195,8196,8199,8201,8203,8205,8207],{"class":4120,"line":4220},[4118,8197,8198],{"class":4403},"  asset",[4118,8200,4241],{"class":4191},[4118,8202,6447],{"class":4468},[4118,8204,6489],{"class":4191},[4118,8206,6492],{"class":4468},[4118,8208,4413],{"class":4191},[4118,8210,8211],{"class":4120,"line":4229},[4118,8212,4493],{"class":4191},[4118,8214,8215],{"class":4120,"line":4235},[4118,8216,4460],{"emptyLinePlaceholder":4459},[4118,8218,8219,8221,8223,8226,8228,8230,8232,8234],{"class":4120,"line":4249},[4118,8220,4502],{"class":4393},[4118,8222,4505],{"class":4323},[4118,8224,8225],{"class":4124}," PhotoPreview",[4118,8227,4511],{"class":4191},[4118,8229,7799],{"class":4403},[4118,8231,4517],{"class":4191},[4118,8233,4520],{"class":4468},[4118,8235,4523],{"class":4191},[4118,8237,8238,8240,8242,8244],{"class":4120,"line":4260},[4118,8239,4603],{"class":4393},[4118,8241,4606],{"class":4191},[4118,8243,7799],{"class":4403},[4118,8245,4523],{"class":4191},[4118,8247,8248,8250],{"class":4120,"line":4266},[4118,8249,4686],{"class":4393},[4118,8251,4778],{"class":4191},[4118,8253,8254,8256,8258,8260,8262,8264,8266,8268,8271,8273],{"class":4120,"line":4272},[4118,8255,4815],{"class":4689},[4118,8257,4443],{"class":4468},[4118,8259,4790],{"class":4789},[4118,8261,4793],{"class":4191},[4118,8263,4693],{"class":4323},[4118,8265,4798],{"class":4403},[4118,8267,3912],{"class":4801},[4118,8269,8270],{"class":4403},"placeholder",[4118,8272,4698],{"class":4323},[4118,8274,4809],{"class":4689},[4118,8276,8277,8279,8281,8283,8285,8287,8289,8291,8294,8296,8298,8301,8303,8305],{"class":4120,"line":4277},[4118,8278,4928],{"class":4689},[4118,8280,4438],{"class":4468},[4118,8282,4790],{"class":4789},[4118,8284,4793],{"class":4191},[4118,8286,4693],{"class":4323},[4118,8288,4798],{"class":4403},[4118,8290,3912],{"class":4801},[4118,8292,8293],{"class":4403},"placeholderText",[4118,8295,4698],{"class":4323},[4118,8297,4835],{"class":4689},[4118,8299,8300],{"class":4191},"Фото не обрано",[4118,8302,4841],{"class":4689},[4118,8304,4438],{"class":4468},[4118,8306,4809],{"class":4689},[4118,8308,8309,8311,8313],{"class":4120,"line":4285},[4118,8310,4887],{"class":4689},[4118,8312,4443],{"class":4468},[4118,8314,4809],{"class":4689},[4118,8316,8317],{"class":4120,"line":4290},[4118,8318,5763],{"class":4191},[4118,8320,8321],{"class":4120,"line":4302},[4118,8322,4347],{"class":4191},[4118,8324,8325],{"class":4120,"line":4315},[4118,8326,4460],{"emptyLinePlaceholder":4459},[4118,8328,8329,8331],{"class":4120,"line":4327},[4118,8330,4775],{"class":4393},[4118,8332,4778],{"class":4191},[4118,8334,8335,8337,8339],{"class":4120,"line":4332},[4118,8336,4784],{"class":4689},[4118,8338,4443],{"class":4468},[4118,8340,4809],{"class":4689},[4118,8342,8343,8345],{"class":4120,"line":4338},[4118,8344,4815],{"class":4689},[4118,8346,8347],{"class":4468},"Image\n",[4118,8349,8350,8353,8355,8357,8359,8362,8364,8366,8368,8371],{"class":4120,"line":4344},[4118,8351,8352],{"class":4789},"        source",[4118,8354,4793],{"class":4191},[4118,8356,4693],{"class":4323},[4118,8358,6178],{"class":4801},[4118,8360,8361],{"class":4403},"uri:",[4118,8363,7888],{"class":4403},[4118,8365,3912],{"class":4801},[4118,8367,8125],{"class":4403},[4118,8369,8370],{"class":4801}," }",[4118,8372,4353],{"class":4323},[4118,8374,8375,8378,8380,8382,8384,8386,8389],{"class":4120,"line":4350},[4118,8376,8377],{"class":4789},"        style",[4118,8379,4793],{"class":4191},[4118,8381,4693],{"class":4323},[4118,8383,4798],{"class":4403},[4118,8385,3912],{"class":4801},[4118,8387,8388],{"class":4403},"image",[4118,8390,4353],{"class":4323},[4118,8392,8393],{"class":4120,"line":4677},[4118,8394,8395],{"class":4528},"        \u002F\u002F Показуємо фото в його реальних пропорціях\n",[4118,8397,8398],{"class":4120,"line":4683},[4118,8399,8400],{"class":4528},"        \u002F\u002F width і height asset-а вже відомі — використаємо їх\n",[4118,8402,8403,8406,8408],{"class":4120,"line":4706},[4118,8404,8405],{"class":4789},"        accessibilityLabel",[4118,8407,4793],{"class":4191},[4118,8409,8410],{"class":4128},"\"Обране фото\"\n",[4118,8412,8413],{"class":4120,"line":4711},[4118,8414,8415],{"class":4689},"      \u002F>\n",[4118,8417,8418,8420,8422,8424,8426,8428,8430,8432,8435,8437],{"class":4120,"line":4716},[4118,8419,4815],{"class":4689},[4118,8421,4438],{"class":4468},[4118,8423,4790],{"class":4789},[4118,8425,4793],{"class":4191},[4118,8427,4693],{"class":4323},[4118,8429,4798],{"class":4403},[4118,8431,3912],{"class":4801},[4118,8433,8434],{"class":4403},"meta",[4118,8436,4698],{"class":4323},[4118,8438,4809],{"class":4689},[4118,8440,8441,8444,8446,8448,8451,8453,8456,8458,8460,8462,8465,8467],{"class":4120,"line":4722},[4118,8442,8443],{"class":4323},"        {",[4118,8445,7799],{"class":4403},[4118,8447,3912],{"class":4801},[4118,8449,8450],{"class":4403},"width",[4118,8452,4698],{"class":4323},[4118,8454,8455],{"class":4191}," × ",[4118,8457,4693],{"class":4323},[4118,8459,7799],{"class":4403},[4118,8461,3912],{"class":4801},[4118,8463,8464],{"class":4403},"height",[4118,8466,4698],{"class":4323},[4118,8468,8469],{"class":4191}," px\n",[4118,8471,8472,8474,8476,8478],{"class":4120,"line":4732},[4118,8473,8443],{"class":4323},[4118,8475,7799],{"class":4403},[4118,8477,3912],{"class":4801},[4118,8479,8480],{"class":4403},"fileSize\n",[4118,8482,8483,8486,8489,8492,8494,8496,8498,8501,8504,8507,8509,8511,8514,8517,8519,8521,8523,8525],{"class":4120,"line":4751},[4118,8484,8485],{"class":4191},"          ?",[4118,8487,8488],{"class":4128}," ` · ",[4118,8490,8491],{"class":4323},"${",[4118,8493,7314],{"class":4801},[4118,8495,7799],{"class":4403},[4118,8497,3912],{"class":4801},[4118,8499,8500],{"class":4403},"fileSize",[4118,8502,8503],{"class":4191}," \u002F",[4118,8505,8506],{"class":5249}," 1024",[4118,8508,8503],{"class":4191},[4118,8510,8506],{"class":5249},[4118,8512,8513],{"class":4801},").",[4118,8515,8516],{"class":4124},"toFixed",[4118,8518,7314],{"class":4801},[4118,8520,6041],{"class":5249},[4118,8522,8066],{"class":4801},[4118,8524,4698],{"class":4323},[4118,8526,8527],{"class":4128}," МБ`\n",[4118,8529,8530,8533,8536],{"class":4120,"line":4767},[4118,8531,8532],{"class":4191},"          :",[4118,8534,8535],{"class":4128}," ''",[4118,8537,4353],{"class":4323},[4118,8539,8540,8542,8544],{"class":4120,"line":4772},[4118,8541,4887],{"class":4689},[4118,8543,4438],{"class":4468},[4118,8545,4809],{"class":4689},[4118,8547,8548,8550,8552],{"class":4120,"line":4781},[4118,8549,5190],{"class":4689},[4118,8551,4443],{"class":4468},[4118,8553,4809],{"class":4689},[4118,8555,8556],{"class":4120,"line":4812},[4118,8557,5200],{"class":4191},[4118,8559,8560],{"class":4120,"line":4848},[4118,8561,4353],{"class":4191},[4118,8563,8564],{"class":4120,"line":4872},[4118,8565,4460],{"emptyLinePlaceholder":4459},[4118,8567,8568,8570,8572,8574,8576,8578,8580],{"class":4120,"line":4878},[4118,8569,5216],{"class":4323},[4118,8571,5219],{"class":4540},[4118,8573,5222],{"class":4191},[4118,8575,4433],{"class":4403},[4118,8577,3912],{"class":4191},[4118,8579,5229],{"class":4124},[4118,8581,5232],{"class":4191},[4118,8583,8584,8587],{"class":4120,"line":4884},[4118,8585,8586],{"class":4403},"  placeholder:",[4118,8588,5095],{"class":4191},[4118,8590,8591,8594,8597],{"class":4120,"line":4894},[4118,8592,8593],{"class":4403},"    width:",[4118,8595,8596],{"class":5249}," 200",[4118,8598,4226],{"class":4191},[4118,8600,8601,8604,8606],{"class":4120,"line":4899},[4118,8602,8603],{"class":4403},"    height:",[4118,8605,8596],{"class":5249},[4118,8607,4226],{"class":4191},[4118,8609,8610,8612,8615],{"class":4120,"line":4913},[4118,8611,5409],{"class":4403},[4118,8613,8614],{"class":5249}," 100",[4118,8616,4226],{"class":4191},[4118,8618,8619,8621,8624],{"class":4120,"line":4919},[4118,8620,5376],{"class":4403},[4118,8622,8623],{"class":4128}," '#f1f5f9'",[4118,8625,4226],{"class":4191},[4118,8627,8628,8630,8632],{"class":4120,"line":4925},[4118,8629,5258],{"class":4403},[4118,8631,5261],{"class":4128},[4118,8633,4226],{"class":4191},[4118,8635,8636,8638,8640],{"class":4120,"line":4934},[4118,8637,5269],{"class":4403},[4118,8639,5261],{"class":4128},[4118,8641,4226],{"class":4191},[4118,8643,8644],{"class":4120,"line":4953},[4118,8645,5301],{"class":4191},[4118,8647,8648,8651,8653,8655,8658,8660,8662,8665],{"class":4120,"line":4982},[4118,8649,8650],{"class":4403},"  placeholderText:",[4118,8652,4420],{"class":4191},[4118,8654,5357],{"class":4403},[4118,8656,8657],{"class":4128}," '#94a3b8'",[4118,8659,3971],{"class":4191},[4118,8661,5312],{"class":4403},[4118,8663,8664],{"class":5249}," 14",[4118,8666,5333],{"class":4191},[4118,8668,8669,8672],{"class":4120,"line":4988},[4118,8670,8671],{"class":4403},"  image:",[4118,8673,5095],{"class":4191},[4118,8675,8676,8678,8680],{"class":4120,"line":5013},[4118,8677,8593],{"class":4403},[4118,8679,8596],{"class":5249},[4118,8681,4226],{"class":4191},[4118,8683,8684,8686,8688],{"class":4120,"line":5019},[4118,8685,8603],{"class":4403},[4118,8687,8596],{"class":5249},[4118,8689,4226],{"class":4191},[4118,8691,8692,8694,8696],{"class":4120,"line":5029},[4118,8693,5409],{"class":4403},[4118,8695,8614],{"class":5249},[4118,8697,4226],{"class":4191},[4118,8699,8700],{"class":4120,"line":5039},[4118,8701,5301],{"class":4191},[4118,8703,8704,8707,8709,8711,8713,8715,8717,8720,8722,8725,8728,8730,8732,8735],{"class":4120,"line":5050},[4118,8705,8706],{"class":4403},"  meta:",[4118,8708,4420],{"class":4191},[4118,8710,5328],{"class":4403},[4118,8712,5261],{"class":4128},[4118,8714,3971],{"class":4191},[4118,8716,5357],{"class":4403},[4118,8718,8719],{"class":4128}," '#64748b'",[4118,8721,3971],{"class":4191},[4118,8723,8724],{"class":4403},"marginTop:",[4118,8726,8727],{"class":5249}," 8",[4118,8729,3971],{"class":4191},[4118,8731,5312],{"class":4403},[4118,8733,8734],{"class":5249}," 13",[4118,8736,5333],{"class":4191},[4118,8738,8739],{"class":4120,"line":5056},[4118,8740,5453],{"class":4191},[3808,8742,8743,8744,8747,8748,8751],{},"URI з picker-а виглядає як ",[3787,8745,8746],{},"file:\u002F\u002F\u002Fvar\u002Fmobile\u002FContainers\u002FData\u002FApplication\u002F...\u002Ftmp\u002F...",". Це ",[3754,8749,8750],{},"тимчасовий"," шлях. Якщо ви перезапустите застосунок — цей файл може бути видалений ОС. Щоб зберегти фото надовго, треба скопіювати його в постійну директорію застосунку — про це у розділі про файлову систему.",[3823,8753],{},[3738,8755,8757,8758,8066],{"id":8756},"стиснення-зображень-expo-image-manipulator","Стиснення зображень (",[3787,8759,3797],{},[3830,8761,8763],{"id":8762},"_31-чому-якість-08-у-picker-і-недостатньо","3.1. Чому «якість 0.8 у picker-і» — недостатньо",[3743,8765,8766,8767,8770,8771,8773,8774,8777],{},"Коли ви встановлюєте ",[3787,8768,8769],{},"quality: 0.8"," у ",[3787,8772,5801],{},", це означає: якщо picker сам конвертує фото (наприклад, HEIC → JPEG), він застосує 80% якість JPEG. Але якщо користувач обрав вже готовий JPEG — picker може повернути ",[3754,8775,8776],{},"оригінальний"," файл без стиснення.",[3743,8779,8780],{},"Типові розміри фотографій із сучасних смартфонів:",[4014,8782,8783,8796],{},[4017,8784,8785],{},[4020,8786,8787,8790,8793],{},[4023,8788,8789],{},"Сценарій",[4023,8791,8792],{},"Роздільна здатність",[4023,8794,8795],{},"Розмір файлу",[4033,8797,8798,8809,8820],{},[4020,8799,8800,8803,8806],{},[4038,8801,8802],{},"iPhone 15 Pro (основна камера)",[4038,8804,8805],{},"4032 × 3024 px",[4038,8807,8808],{},"8–15 МБ",[4020,8810,8811,8814,8817],{},[4038,8812,8813],{},"Samsung Galaxy S24 (12 МП режим)",[4038,8815,8816],{},"4000 × 3000 px",[4038,8818,8819],{},"5–10 МБ",[4020,8821,8822,8825,8828],{},[4038,8823,8824],{},"Середній аватар для сервера",[4038,8826,8827],{},"512 × 512 px",[4038,8829,8830],{},"30–80 КБ",[3743,8832,8833],{},"Відправляти 10 МБ фото на сервер — це погана практика:",[3747,8835,8836,8839,8842],{},[3750,8837,8838],{},"Повільне завантаження, особливо на мобільному інтернеті.",[3750,8840,8841],{},"Зайве навантаження на сервер і сховище (S3 та ін.).",[3750,8843,8844],{},"Поганий UX: користувач бачить спіннер замість результату.",[3743,8846,8847,8848,8851,8852,3912],{},"Тому перед завантаженням на сервер фото треба ",[3754,8849,8850],{},"явно стиснути і масштабувати"," — і саме для цього існує ",[3787,8853,3797],{},[3830,8855,8857,8858],{"id":8856},"_32-основи-expo-image-manipulator","3.2. Основи ",[3787,8859,3797],{},[3743,8861,8862,8865],{},[3787,8863,8864],{},"ImageManipulator.manipulateAsync"," — головна функція пакету. Вона приймає URI зображення, масив операцій трансформації і опції збереження результату:",[4108,8867,8869],{"className":6164,"code":8868,"language":6166,"meta":4114,"style":4114},"import * as ImageManipulator from 'expo-image-manipulator';\n\nconst result = await ImageManipulator.manipulateAsync(\n  uri,           \u002F\u002F вхідний URI (file:\u002F\u002F, asset-library:\u002F\u002F, https:\u002F\u002F)\n  actions,       \u002F\u002F масив операцій — порядок важливий!\n  saveOptions,   \u002F\u002F формат і якість вихідного файлу\n);\n\n\u002F\u002F result: { uri: string, width: number, height: number }\n",[3787,8870,8871,8889,8893,8912,8922,8932,8943,8947,8951],{"__ignoreMap":4114},[4118,8872,8873,8875,8877,8879,8882,8884,8887],{"class":4120,"line":4121},[4118,8874,4394],{"class":4393},[4118,8876,4397],{"class":4323},[4118,8878,4400],{"class":4393},[4118,8880,8881],{"class":4403}," ImageManipulator",[4118,8883,4407],{"class":4393},[4118,8885,8886],{"class":4128}," 'expo-image-manipulator'",[4118,8888,4413],{"class":4191},[4118,8890,8891],{"class":4120,"line":4195},[4118,8892,4460],{"emptyLinePlaceholder":4459},[4118,8894,8895,8897,8899,8901,8903,8905,8907,8910],{"class":4120,"line":4205},[4118,8896,5216],{"class":4323},[4118,8898,5789],{"class":4540},[4118,8900,5222],{"class":4191},[4118,8902,5794],{"class":4393},[4118,8904,8881],{"class":4403},[4118,8906,3912],{"class":4191},[4118,8908,8909],{"class":4124},"manipulateAsync",[4118,8911,5693],{"class":4191},[4118,8913,8914,8917,8919],{"class":4120,"line":4214},[4118,8915,8916],{"class":4403},"  uri",[4118,8918,6327],{"class":4191},[4118,8920,8921],{"class":4528},"\u002F\u002F вхідний URI (file:\u002F\u002F, asset-library:\u002F\u002F, https:\u002F\u002F)\n",[4118,8923,8924,8927,8929],{"class":4120,"line":4220},[4118,8925,8926],{"class":4403},"  actions",[4118,8928,6340],{"class":4191},[4118,8930,8931],{"class":4528},"\u002F\u002F масив операцій — порядок важливий!\n",[4118,8933,8934,8937,8940],{"class":4120,"line":4229},[4118,8935,8936],{"class":4403},"  saveOptions",[4118,8938,8939],{"class":4191},",   ",[4118,8941,8942],{"class":4528},"\u002F\u002F формат і якість вихідного файлу\n",[4118,8944,8945],{"class":4120,"line":4235},[4118,8946,7901],{"class":4191},[4118,8948,8949],{"class":4120,"line":4249},[4118,8950,4460],{"emptyLinePlaceholder":4459},[4118,8952,8953],{"class":4120,"line":4260},[4118,8954,8955],{"class":4528},"\u002F\u002F result: { uri: string, width: number, height: number }\n",[3743,8957,8958],{},[3754,8959,8960,8961,8964],{},"Доступні дії (",[3787,8962,8963],{},"actions","):",[8966,8967,8968,8980,8991,8996],"field-group",{},[8969,8970,8973,8974,8976,8977,8979],"field",{"name":8971,"type":8972},"resize","{ width?, height? }","Масштабує зображення. Якщо вказати лише ",[3787,8975,8450],{}," або лише ",[3787,8978,8464],{}," — друга сторона масштабується пропорційно, зберігаючи aspect ratio. Якщо вказати обидва — зображення розтягується до точних розмірів.",[8969,8981,8984,8985,7193,8988,8990],{"name":8982,"type":8983},"crop","{ originX, originY, width, height }","Обрізає зображення. Координати у пікселях відносно лівого верхнього кута. Виконується ",[3754,8986,8987],{},"після",[3787,8989,8971],{},", якщо вони обидва в масиві.",[8969,8992,8995],{"name":8993,"type":8994},"rotate","number (degrees)","Повертає зображення на вказану кількість градусів за годинниковою стрілкою. 90, 180, 270 — типові значення.",[8969,8997,9000],{"name":8998,"type":8999},"flip","{ horizontal?, vertical? }","Дзеркальне відображення по горизонталі або вертикалі.",[3743,9002,9003],{},[3754,9004,9005,9006,8964],{},"Опції збереження (",[3787,9007,9008],{},"SaveOptions",[8966,9010,9011,9028,9044],{},[8969,9012,9015,9016,9019,9020,9023,9024,9027],{"name":9013,"type":9014},"format","'jpeg' | 'png' | 'webp'","Формат вихідного файлу. ",[3787,9017,9018],{},"'jpeg'"," — найкращий вибір для фотографій (менший розмір). ",[3787,9021,9022],{},"'png'"," — для зображень з прозорістю. ",[3787,9025,9026],{},"'webp'"," — сучасний формат з кращим стисненням, але підтримується не всюди.",[8969,9029,9032,9033,9036,9037,9040,9041,3912],{"name":9030,"type":9031},"compress","number (0.0–1.0)","Ступінь стиснення для JPEG і WebP: ",[3787,9034,9035],{},"1.0"," = без втрат якості (найбільший файл), ",[3787,9038,9039],{},"0.0"," = максимальне стиснення (найменший файл, видимі артефакти). Для аватарів зазвичай ",[3787,9042,9043],{},"0.7–0.85",[8969,9045,9048,9049,9051,9052,9054,9055,9058],{"name":9046,"type":9047},"base64","boolean","Якщо ",[3787,9050,6187],{}," — результат містить також ",[3787,9053,9046],{},"-рядок. Корисно для прямої вставки в ",[3787,9056,9057],{},"\u003Cimg src=\"data:...\">",", але значно збільшує пам'ять.",[3830,9060,9062],{"id":9061},"_33-практичний-приклад-функція-стиснення-аватара","3.3. Практичний приклад: функція стиснення аватара",[3743,9064,9065],{},"Ось ready-to-use функція, що зменшує фото до максимум 800×800 px і стискає до JPEG з 80% якістю:",[4108,9067,9070],{"className":4382,"code":9068,"filename":9069,"language":4385,"meta":4386,"style":4114},"import * as ImageManipulator from 'expo-image-manipulator';\n\ntype CompressOptions = {\n  maxWidth?: number;   \u002F\u002F максимальна ширина (default: 800)\n  maxHeight?: number;  \u002F\u002F максимальна висота (default: 800)\n  quality?: number;    \u002F\u002F якість JPEG: 0–1 (default: 0.8)\n};\n\nexport type CompressedImage = {\n  uri: string;\n  width: number;\n  height: number;\n};\n\nexport async function compressImage(\n  uri: string,\n  options: CompressOptions = {},\n): Promise\u003CCompressedImage> {\n  const {\n    maxWidth = 800,\n    maxHeight = 800,\n    quality = 0.8,\n  } = options;\n\n  \u002F\u002F resize з лише однією стороною зберігає пропорції.\n  \u002F\u002F Але нам треба обмежити обидва виміри — тому беремо менший коефіцієнт.\n  \u002F\u002F Найпростіший підхід: спочатку обмежимо ширину, потім висоту.\n  \u002F\u002F ImageManipulator сам збереже пропорції при single-dimension resize.\n  const result = await ImageManipulator.manipulateAsync(\n    uri,\n    [\n      \u002F\u002F Зменшуємо до maxWidth, зберігаючи пропорції\n      { resize: { width: maxWidth } },\n    ],\n    {\n      compress: quality,\n      format: ImageManipulator.SaveFormat.JPEG,\n    },\n  );\n\n  \u002F\u002F Якщо після зменшення за шириною висота все ще перевищує maxHeight —\n  \u002F\u002F ще раз зменшуємо, тепер за висотою\n  if (result.height > maxHeight) {\n    const second = await ImageManipulator.manipulateAsync(\n      result.uri,\n      [{ resize: { height: maxHeight } }],\n      {\n        compress: quality,\n        format: ImageManipulator.SaveFormat.JPEG,\n      },\n    );\n    return second;\n  }\n\n  return result;\n}\n","utils\u002FcompressImage.ts",[3787,9071,9072,9088,9092,9101,9118,9133,9148,9152,9156,9167,9178,9189,9200,9204,9208,9221,9231,9244,9259,9265,9277,9288,9300,9310,9314,9319,9324,9329,9334,9352,9359,9363,9368,9386,9390,9394,9404,9423,9428,9432,9436,9441,9446,9466,9485,9496,9514,9518,9527,9544,9548,9552,9560,9564,9568,9576],{"__ignoreMap":4114},[4118,9073,9074,9076,9078,9080,9082,9084,9086],{"class":4120,"line":4121},[4118,9075,4394],{"class":4393},[4118,9077,4397],{"class":4323},[4118,9079,4400],{"class":4393},[4118,9081,8881],{"class":4403},[4118,9083,4407],{"class":4393},[4118,9085,8886],{"class":4128},[4118,9087,4413],{"class":4191},[4118,9089,9090],{"class":4120,"line":4195},[4118,9091,4460],{"emptyLinePlaceholder":4459},[4118,9093,9094,9096,9099],{"class":4120,"line":4205},[4118,9095,4465],{"class":4323},[4118,9097,9098],{"class":4468}," CompressOptions",[4118,9100,4472],{"class":4191},[4118,9102,9103,9106,9109,9112,9115],{"class":4120,"line":4214},[4118,9104,9105],{"class":4403},"  maxWidth",[4118,9107,9108],{"class":4191},"?: ",[4118,9110,9111],{"class":4468},"number",[4118,9113,9114],{"class":4191},";   ",[4118,9116,9117],{"class":4528},"\u002F\u002F максимальна ширина (default: 800)\n",[4118,9119,9120,9123,9125,9127,9130],{"class":4120,"line":4220},[4118,9121,9122],{"class":4403},"  maxHeight",[4118,9124,9108],{"class":4191},[4118,9126,9111],{"class":4468},[4118,9128,9129],{"class":4191},";  ",[4118,9131,9132],{"class":4528},"\u002F\u002F максимальна висота (default: 800)\n",[4118,9134,9135,9138,9140,9142,9145],{"class":4120,"line":4229},[4118,9136,9137],{"class":4403},"  quality",[4118,9139,9108],{"class":4191},[4118,9141,9111],{"class":4468},[4118,9143,9144],{"class":4191},";    ",[4118,9146,9147],{"class":4528},"\u002F\u002F якість JPEG: 0–1 (default: 0.8)\n",[4118,9149,9150],{"class":4120,"line":4235},[4118,9151,4493],{"class":4191},[4118,9153,9154],{"class":4120,"line":4249},[4118,9155,4460],{"emptyLinePlaceholder":4459},[4118,9157,9158,9160,9162,9165],{"class":4120,"line":4260},[4118,9159,4502],{"class":4393},[4118,9161,6434],{"class":4323},[4118,9163,9164],{"class":4468}," CompressedImage",[4118,9166,4472],{"class":4191},[4118,9168,9169,9171,9173,9176],{"class":4120,"line":4266},[4118,9170,8916],{"class":4403},[4118,9172,4241],{"class":4191},[4118,9174,9175],{"class":4468},"string",[4118,9177,4413],{"class":4191},[4118,9179,9180,9183,9185,9187],{"class":4120,"line":4272},[4118,9181,9182],{"class":4403},"  width",[4118,9184,4241],{"class":4191},[4118,9186,9111],{"class":4468},[4118,9188,4413],{"class":4191},[4118,9190,9191,9194,9196,9198],{"class":4120,"line":4277},[4118,9192,9193],{"class":4403},"  height",[4118,9195,4241],{"class":4191},[4118,9197,9111],{"class":4468},[4118,9199,4413],{"class":4191},[4118,9201,9202],{"class":4120,"line":4285},[4118,9203,4493],{"class":4191},[4118,9205,9206],{"class":4120,"line":4290},[4118,9207,4460],{"emptyLinePlaceholder":4459},[4118,9209,9210,9212,9214,9216,9219],{"class":4120,"line":4302},[4118,9211,4502],{"class":4393},[4118,9213,5938],{"class":4323},[4118,9215,4505],{"class":4323},[4118,9217,9218],{"class":4124}," compressImage",[4118,9220,5693],{"class":4191},[4118,9222,9223,9225,9227,9229],{"class":4120,"line":4315},[4118,9224,8916],{"class":4403},[4118,9226,4241],{"class":4191},[4118,9228,9175],{"class":4468},[4118,9230,4226],{"class":4191},[4118,9232,9233,9236,9238,9241],{"class":4120,"line":4327},[4118,9234,9235],{"class":4403},"  options",[4118,9237,4241],{"class":4191},[4118,9239,9240],{"class":4468},"CompressOptions",[4118,9242,9243],{"class":4191}," = {},\n",[4118,9245,9246,9249,9251,9253,9256],{"class":4120,"line":4332},[4118,9247,9248],{"class":4191},"): ",[4118,9250,6480],{"class":4468},[4118,9252,6483],{"class":4191},[4118,9254,9255],{"class":4468},"CompressedImage",[4118,9257,9258],{"class":4191},"> {\n",[4118,9260,9261,9263],{"class":4120,"line":4338},[4118,9262,4534],{"class":4323},[4118,9264,5095],{"class":4191},[4118,9266,9267,9270,9272,9275],{"class":4120,"line":4344},[4118,9268,9269],{"class":4540},"    maxWidth",[4118,9271,5222],{"class":4191},[4118,9273,9274],{"class":5249},"800",[4118,9276,4226],{"class":4191},[4118,9278,9279,9282,9284,9286],{"class":4120,"line":4350},[4118,9280,9281],{"class":4540},"    maxHeight",[4118,9283,5222],{"class":4191},[4118,9285,9274],{"class":5249},[4118,9287,4226],{"class":4191},[4118,9289,9290,9293,9295,9298],{"class":4120,"line":4677},[4118,9291,9292],{"class":4540},"    quality",[4118,9294,5222],{"class":4191},[4118,9296,9297],{"class":5249},"0.8",[4118,9299,4226],{"class":4191},[4118,9301,9302,9305,9308],{"class":4120,"line":4683},[4118,9303,9304],{"class":4191},"  } = ",[4118,9306,9307],{"class":4403},"options",[4118,9309,4413],{"class":4191},[4118,9311,9312],{"class":4120,"line":4706},[4118,9313,4460],{"emptyLinePlaceholder":4459},[4118,9315,9316],{"class":4120,"line":4711},[4118,9317,9318],{"class":4528},"  \u002F\u002F resize з лише однією стороною зберігає пропорції.\n",[4118,9320,9321],{"class":4120,"line":4716},[4118,9322,9323],{"class":4528},"  \u002F\u002F Але нам треба обмежити обидва виміри — тому беремо менший коефіцієнт.\n",[4118,9325,9326],{"class":4120,"line":4722},[4118,9327,9328],{"class":4528},"  \u002F\u002F Найпростіший підхід: спочатку обмежимо ширину, потім висоту.\n",[4118,9330,9331],{"class":4120,"line":4732},[4118,9332,9333],{"class":4528},"  \u002F\u002F ImageManipulator сам збереже пропорції при single-dimension resize.\n",[4118,9335,9336,9338,9340,9342,9344,9346,9348,9350],{"class":4120,"line":4751},[4118,9337,4534],{"class":4323},[4118,9339,5789],{"class":4540},[4118,9341,5222],{"class":4191},[4118,9343,5794],{"class":4393},[4118,9345,8881],{"class":4403},[4118,9347,3912],{"class":4191},[4118,9349,8909],{"class":4124},[4118,9351,5693],{"class":4191},[4118,9353,9354,9357],{"class":4120,"line":4767},[4118,9355,9356],{"class":4403},"    uri",[4118,9358,4226],{"class":4191},[4118,9360,9361],{"class":4120,"line":4772},[4118,9362,7850],{"class":4191},[4118,9364,9365],{"class":4120,"line":4781},[4118,9366,9367],{"class":4528},"      \u002F\u002F Зменшуємо до maxWidth, зберігаючи пропорції\n",[4118,9369,9370,9372,9375,9377,9380,9383],{"class":4120,"line":4812},[4118,9371,7619],{"class":4191},[4118,9373,9374],{"class":4403},"resize:",[4118,9376,4420],{"class":4191},[4118,9378,9379],{"class":4403},"width:",[4118,9381,9382],{"class":4403}," maxWidth",[4118,9384,9385],{"class":4191}," } },\n",[4118,9387,9388],{"class":4120,"line":4848},[4118,9389,8023],{"class":4191},[4118,9391,9392],{"class":4120,"line":4872},[4118,9393,6227],{"class":4191},[4118,9395,9396,9399,9402],{"class":4120,"line":4878},[4118,9397,9398],{"class":4403},"      compress:",[4118,9400,9401],{"class":4403}," quality",[4118,9403,4226],{"class":4191},[4118,9405,9406,9409,9411,9413,9416,9418,9421],{"class":4120,"line":4884},[4118,9407,9408],{"class":4403},"      format:",[4118,9410,8881],{"class":4403},[4118,9412,3912],{"class":4191},[4118,9414,9415],{"class":4403},"SaveFormat",[4118,9417,3912],{"class":4191},[4118,9419,9420],{"class":4540},"JPEG",[4118,9422,4226],{"class":4191},[4118,9424,9425],{"class":4120,"line":4894},[4118,9426,9427],{"class":4191},"    },\n",[4118,9429,9430],{"class":4120,"line":4899},[4118,9431,5200],{"class":4191},[4118,9433,9434],{"class":4120,"line":4913},[4118,9435,4460],{"emptyLinePlaceholder":4459},[4118,9437,9438],{"class":4120,"line":4919},[4118,9439,9440],{"class":4528},"  \u002F\u002F Якщо після зменшення за шириною висота все ще перевищує maxHeight —\n",[4118,9442,9443],{"class":4120,"line":4925},[4118,9444,9445],{"class":4528},"  \u002F\u002F ще раз зменшуємо, тепер за висотою\n",[4118,9447,9448,9450,9452,9454,9456,9458,9461,9464],{"class":4120,"line":4934},[4118,9449,4603],{"class":4393},[4118,9451,4669],{"class":4191},[4118,9453,6735],{"class":4403},[4118,9455,3912],{"class":4191},[4118,9457,8464],{"class":4403},[4118,9459,9460],{"class":4191}," > ",[4118,9462,9463],{"class":4403},"maxHeight",[4118,9465,4523],{"class":4191},[4118,9467,9468,9470,9473,9475,9477,9479,9481,9483],{"class":4120,"line":4953},[4118,9469,6509],{"class":4323},[4118,9471,9472],{"class":4540}," second",[4118,9474,5222],{"class":4191},[4118,9476,5794],{"class":4393},[4118,9478,8881],{"class":4403},[4118,9480,3912],{"class":4191},[4118,9482,8909],{"class":4124},[4118,9484,5693],{"class":4191},[4118,9486,9487,9490,9492,9494],{"class":4120,"line":4982},[4118,9488,9489],{"class":4403},"      result",[4118,9491,3912],{"class":4191},[4118,9493,8125],{"class":4403},[4118,9495,4226],{"class":4191},[4118,9497,9498,9501,9503,9505,9508,9511],{"class":4120,"line":4988},[4118,9499,9500],{"class":4191},"      [{ ",[4118,9502,9374],{"class":4403},[4118,9504,4420],{"class":4191},[4118,9506,9507],{"class":4403},"height:",[4118,9509,9510],{"class":4403}," maxHeight",[4118,9512,9513],{"class":4191}," } }],\n",[4118,9515,9516],{"class":4120,"line":5013},[4118,9517,7855],{"class":4191},[4118,9519,9520,9523,9525],{"class":4120,"line":5019},[4118,9521,9522],{"class":4403},"        compress:",[4118,9524,9401],{"class":4403},[4118,9526,4226],{"class":4191},[4118,9528,9529,9532,9534,9536,9538,9540,9542],{"class":4120,"line":5029},[4118,9530,9531],{"class":4403},"        format:",[4118,9533,8881],{"class":4403},[4118,9535,3912],{"class":4191},[4118,9537,9415],{"class":4403},[4118,9539,3912],{"class":4191},[4118,9541,9420],{"class":4540},[4118,9543,4226],{"class":4191},[4118,9545,9546],{"class":4120,"line":5039},[4118,9547,7931],{"class":4191},[4118,9549,9550],{"class":4120,"line":5050},[4118,9551,5763],{"class":4191},[4118,9553,9554,9556,9558],{"class":4120,"line":5056},[4118,9555,4686],{"class":4393},[4118,9557,9472],{"class":4403},[4118,9559,4413],{"class":4191},[4118,9561,9562],{"class":4120,"line":5063},[4118,9563,4347],{"class":4191},[4118,9565,9566],{"class":4120,"line":5080},[4118,9567,4460],{"emptyLinePlaceholder":4459},[4118,9569,9570,9572,9574],{"class":4120,"line":5098},[4118,9571,4775],{"class":4393},[4118,9573,5789],{"class":4403},[4118,9575,4413],{"class":4191},[4118,9577,9578],{"class":4120,"line":5109},[4118,9579,4353],{"class":4191},[3743,9581,9582],{},"Використання у хуку:",[4108,9584,9587],{"className":4382,"code":9585,"filename":9586,"language":4385,"meta":4386,"style":4114},"import { useState } from 'react';\nimport * as ImagePicker from 'expo-image-picker';\nimport { compressImage, type CompressedImage } from '@\u002Futils\u002FcompressImage';\n\nexport function useAvatarUpload() {\n  const [compressed, setCompressed] = useState\u003CCompressedImage | null>(null);\n  const [isProcessing, setIsProcessing] = useState(false);\n\n  const pickAndCompress = async () => {\n    const { status } =\n      await ImagePicker.requestMediaLibraryPermissionsAsync();\n    if (status !== 'granted') return;\n\n    const picked = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      \u002F\u002F Не стискаємо тут — зробимо це самі для повного контролю\n      quality: 1,\n    });\n\n    if (picked.canceled) return;\n\n    setIsProcessing(true);\n    try {\n      const asset = picked.assets[0];\n      console.log(\n        `Оригінал: ${asset.width}×${asset.height},`,\n        `${((asset.fileSize ?? 0) \u002F 1024 \u002F 1024).toFixed(1)} МБ`,\n      );\n\n      const result = await compressImage(asset.uri, {\n        maxWidth: 512,\n        maxHeight: 512,\n        quality: 0.82,\n      });\n\n      console.log(`Стиснуто: ${result.width}×${result.height}`);\n      setCompressed(result);\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  return { compressed, isProcessing, pickAndCompress };\n}\n","features\u002Fphoto\u002FuseAvatarUpload.ts",[3787,9588,9589,9606,9622,9646,9650,9661,9695,9719,9723,9740,9750,9762,9780,9784,9803,9819,9827,9841,9846,9854,9858,9862,9881,9885,9896,9903,9924,9936,9969,10018,10022,10026,10049,10059,10068,10078,10083,10087,10127,10138,10148,10159,10163,10167,10171,10190],{"__ignoreMap":4114},[4118,9590,9591,9593,9595,9597,9599,9601,9604],{"class":4120,"line":4121},[4118,9592,4394],{"class":4393},[4118,9594,4420],{"class":4191},[4118,9596,3816],{"class":4403},[4118,9598,4446],{"class":4191},[4118,9600,4449],{"class":4393},[4118,9602,9603],{"class":4128}," 'react'",[4118,9605,4413],{"class":4191},[4118,9607,9608,9610,9612,9614,9616,9618,9620],{"class":4120,"line":4195},[4118,9609,4394],{"class":4393},[4118,9611,4397],{"class":4323},[4118,9613,4400],{"class":4393},[4118,9615,4404],{"class":4403},[4118,9617,4407],{"class":4393},[4118,9619,4410],{"class":4128},[4118,9621,4413],{"class":4191},[4118,9623,9624,9626,9628,9631,9633,9635,9637,9639,9641,9644],{"class":4120,"line":4205},[4118,9625,4394],{"class":4393},[4118,9627,4420],{"class":4191},[4118,9629,9630],{"class":4403},"compressImage",[4118,9632,3971],{"class":4191},[4118,9634,4465],{"class":4393},[4118,9636,9164],{"class":4403},[4118,9638,4446],{"class":4191},[4118,9640,4449],{"class":4393},[4118,9642,9643],{"class":4128}," '@\u002Futils\u002FcompressImage'",[4118,9645,4413],{"class":4191},[4118,9647,9648],{"class":4120,"line":4214},[4118,9649,4460],{"emptyLinePlaceholder":4459},[4118,9651,9652,9654,9656,9659],{"class":4120,"line":4220},[4118,9653,4502],{"class":4393},[4118,9655,4505],{"class":4323},[4118,9657,9658],{"class":4124}," useAvatarUpload",[4118,9660,5946],{"class":4191},[4118,9662,9663,9665,9667,9670,9672,9675,9678,9680,9682,9684,9686,9688,9691,9693],{"class":4120,"line":4229},[4118,9664,4534],{"class":4323},[4118,9666,4537],{"class":4191},[4118,9668,9669],{"class":4540},"compressed",[4118,9671,3971],{"class":4191},[4118,9673,9674],{"class":4540},"setCompressed",[4118,9676,9677],{"class":4191},"] = ",[4118,9679,3816],{"class":4124},[4118,9681,6483],{"class":4191},[4118,9683,9255],{"class":4468},[4118,9685,6489],{"class":4191},[4118,9687,6492],{"class":4468},[4118,9689,9690],{"class":4191},">(",[4118,9692,6492],{"class":4323},[4118,9694,7901],{"class":4191},[4118,9696,9697,9699,9701,9704,9706,9709,9711,9713,9715,9717],{"class":4120,"line":4235},[4118,9698,4534],{"class":4323},[4118,9700,4537],{"class":4191},[4118,9702,9703],{"class":4540},"isProcessing",[4118,9705,3971],{"class":4191},[4118,9707,9708],{"class":4540},"setIsProcessing",[4118,9710,9677],{"class":4191},[4118,9712,3816],{"class":4124},[4118,9714,7314],{"class":4191},[4118,9716,6213],{"class":4323},[4118,9718,7901],{"class":4191},[4118,9720,9721],{"class":4120,"line":4249},[4118,9722,4460],{"emptyLinePlaceholder":4459},[4118,9724,9725,9727,9730,9732,9734,9736,9738],{"class":4120,"line":4260},[4118,9726,4534],{"class":4323},[4118,9728,9729],{"class":4124}," pickAndCompress",[4118,9731,5222],{"class":4191},[4118,9733,5551],{"class":4323},[4118,9735,5090],{"class":4191},[4118,9737,4966],{"class":4323},[4118,9739,5095],{"class":4191},[4118,9741,9742,9744,9746,9748],{"class":4120,"line":4266},[4118,9743,6509],{"class":4323},[4118,9745,4420],{"class":4191},[4118,9747,4739],{"class":4540},[4118,9749,5648],{"class":4191},[4118,9751,9752,9754,9756,9758,9760],{"class":4120,"line":4272},[4118,9753,6520],{"class":4393},[4118,9755,4404],{"class":4403},[4118,9757,3912],{"class":4191},[4118,9759,5582],{"class":4124},[4118,9761,4562],{"class":4191},[4118,9763,9764,9766,9768,9770,9772,9774,9776,9778],{"class":4120,"line":4277},[4118,9765,6537],{"class":4393},[4118,9767,4669],{"class":4191},[4118,9769,4739],{"class":4403},[4118,9771,5675],{"class":4191},[4118,9773,5678],{"class":4128},[4118,9775,4616],{"class":4191},[4118,9777,4619],{"class":4393},[4118,9779,4413],{"class":4191},[4118,9781,9782],{"class":4120,"line":4285},[4118,9783,4460],{"emptyLinePlaceholder":4459},[4118,9785,9786,9788,9791,9793,9795,9797,9799,9801],{"class":4120,"line":4290},[4118,9787,6509],{"class":4323},[4118,9789,9790],{"class":4540}," picked",[4118,9792,5222],{"class":4191},[4118,9794,5794],{"class":4393},[4118,9796,4404],{"class":4403},[4118,9798,3912],{"class":4191},[4118,9800,5801],{"class":4124},[4118,9802,5232],{"class":4191},[4118,9804,9805,9807,9809,9811,9813,9815,9817],{"class":4120,"line":4302},[4118,9806,6672],{"class":4403},[4118,9808,4404],{"class":4403},[4118,9810,3912],{"class":4191},[4118,9812,5986],{"class":4403},[4118,9814,3912],{"class":4191},[4118,9816,5991],{"class":4403},[4118,9818,4226],{"class":4191},[4118,9820,9821,9823,9825],{"class":4120,"line":4315},[4118,9822,6689],{"class":4403},[4118,9824,6015],{"class":4323},[4118,9826,4226],{"class":4191},[4118,9828,9829,9831,9833,9835,9837,9839],{"class":4120,"line":4327},[4118,9830,6698],{"class":4403},[4118,9832,4537],{"class":4191},[4118,9834,6041],{"class":5249},[4118,9836,3971],{"class":4191},[4118,9838,6041],{"class":5249},[4118,9840,6048],{"class":4191},[4118,9842,9843],{"class":4120,"line":4332},[4118,9844,9845],{"class":4528},"      \u002F\u002F Не стискаємо тут — зробимо це самі для повного контролю\n",[4118,9847,9848,9850,9852],{"class":4120,"line":4338},[4118,9849,6713],{"class":4403},[4118,9851,5250],{"class":5249},[4118,9853,4226],{"class":4191},[4118,9855,9856],{"class":4120,"line":4344},[4118,9857,6722],{"class":4191},[4118,9859,9860],{"class":4120,"line":4350},[4118,9861,4460],{"emptyLinePlaceholder":4459},[4118,9863,9864,9866,9868,9871,9873,9875,9877,9879],{"class":4120,"line":4677},[4118,9865,6537],{"class":4393},[4118,9867,4669],{"class":4191},[4118,9869,9870],{"class":4403},"picked",[4118,9872,3912],{"class":4191},[4118,9874,6182],{"class":4403},[4118,9876,4616],{"class":4191},[4118,9878,4619],{"class":4393},[4118,9880,4413],{"class":4191},[4118,9882,9883],{"class":4120,"line":4683},[4118,9884,4460],{"emptyLinePlaceholder":4459},[4118,9886,9887,9890,9892,9894],{"class":4120,"line":4706},[4118,9888,9889],{"class":4124},"    setIsProcessing",[4118,9891,7314],{"class":4191},[4118,9893,6187],{"class":4323},[4118,9895,7901],{"class":4191},[4118,9897,9898,9901],{"class":4120,"line":4711},[4118,9899,9900],{"class":4393},"    try",[4118,9902,5095],{"class":4191},[4118,9904,9905,9908,9910,9912,9914,9916,9918,9920,9922],{"class":4120,"line":4716},[4118,9906,9907],{"class":4323},"      const",[4118,9909,7888],{"class":4540},[4118,9911,5222],{"class":4191},[4118,9913,9870],{"class":4403},[4118,9915,3912],{"class":4191},[4118,9917,6362],{"class":4403},[4118,9919,6764],{"class":4191},[4118,9921,6767],{"class":5249},[4118,9923,6770],{"class":4191},[4118,9925,9926,9929,9931,9934],{"class":4120,"line":4722},[4118,9927,9928],{"class":4403},"      console",[4118,9930,3912],{"class":4191},[4118,9932,9933],{"class":4124},"log",[4118,9935,5693],{"class":4191},[4118,9937,9938,9941,9943,9945,9947,9949,9951,9954,9956,9958,9960,9962,9964,9967],{"class":4120,"line":4732},[4118,9939,9940],{"class":4128},"        `Оригінал: ",[4118,9942,8491],{"class":4323},[4118,9944,7799],{"class":4403},[4118,9946,3912],{"class":4801},[4118,9948,8450],{"class":4403},[4118,9950,4698],{"class":4323},[4118,9952,9953],{"class":4128},"×",[4118,9955,8491],{"class":4323},[4118,9957,7799],{"class":4403},[4118,9959,3912],{"class":4801},[4118,9961,8464],{"class":4403},[4118,9963,4698],{"class":4323},[4118,9965,9966],{"class":4128},",`",[4118,9968,4226],{"class":4191},[4118,9970,9971,9974,9976,9979,9981,9983,9985,9988,9991,9993,9995,9997,9999,10001,10003,10005,10007,10009,10011,10013,10016],{"class":4120,"line":4751},[4118,9972,9973],{"class":4128},"        `",[4118,9975,8491],{"class":4323},[4118,9977,9978],{"class":4801},"((",[4118,9980,7799],{"class":4403},[4118,9982,3912],{"class":4801},[4118,9984,8500],{"class":4403},[4118,9986,9987],{"class":4191}," ??",[4118,9989,9990],{"class":5249}," 0",[4118,9992,4616],{"class":4801},[4118,9994,3817],{"class":4191},[4118,9996,8506],{"class":5249},[4118,9998,8503],{"class":4191},[4118,10000,8506],{"class":5249},[4118,10002,8513],{"class":4801},[4118,10004,8516],{"class":4124},[4118,10006,7314],{"class":4801},[4118,10008,6041],{"class":5249},[4118,10010,8066],{"class":4801},[4118,10012,4698],{"class":4323},[4118,10014,10015],{"class":4128}," МБ`",[4118,10017,4226],{"class":4191},[4118,10019,10020],{"class":4120,"line":4767},[4118,10021,6632],{"class":4191},[4118,10023,10024],{"class":4120,"line":4772},[4118,10025,4460],{"emptyLinePlaceholder":4459},[4118,10027,10028,10030,10032,10034,10036,10038,10040,10042,10044,10046],{"class":4120,"line":4781},[4118,10029,9907],{"class":4323},[4118,10031,5789],{"class":4540},[4118,10033,5222],{"class":4191},[4118,10035,5794],{"class":4393},[4118,10037,9218],{"class":4124},[4118,10039,7314],{"class":4191},[4118,10041,7799],{"class":4403},[4118,10043,3912],{"class":4191},[4118,10045,8125],{"class":4403},[4118,10047,10048],{"class":4191},", {\n",[4118,10050,10051,10054,10057],{"class":4120,"line":4812},[4118,10052,10053],{"class":4403},"        maxWidth:",[4118,10055,10056],{"class":5249}," 512",[4118,10058,4226],{"class":4191},[4118,10060,10061,10064,10066],{"class":4120,"line":4848},[4118,10062,10063],{"class":4403},"        maxHeight:",[4118,10065,10056],{"class":5249},[4118,10067,4226],{"class":4191},[4118,10069,10070,10073,10076],{"class":4120,"line":4872},[4118,10071,10072],{"class":4403},"        quality:",[4118,10074,10075],{"class":5249}," 0.82",[4118,10077,4226],{"class":4191},[4118,10079,10080],{"class":4120,"line":4878},[4118,10081,10082],{"class":4191},"      });\n",[4118,10084,10085],{"class":4120,"line":4884},[4118,10086,4460],{"emptyLinePlaceholder":4459},[4118,10088,10089,10091,10093,10095,10097,10100,10102,10104,10106,10108,10110,10112,10114,10116,10118,10120,10122,10125],{"class":4120,"line":4894},[4118,10090,9928],{"class":4403},[4118,10092,3912],{"class":4191},[4118,10094,9933],{"class":4124},[4118,10096,7314],{"class":4191},[4118,10098,10099],{"class":4128},"`Стиснуто: ",[4118,10101,8491],{"class":4323},[4118,10103,6735],{"class":4403},[4118,10105,3912],{"class":4801},[4118,10107,8450],{"class":4403},[4118,10109,4698],{"class":4323},[4118,10111,9953],{"class":4128},[4118,10113,8491],{"class":4323},[4118,10115,6735],{"class":4403},[4118,10117,3912],{"class":4801},[4118,10119,8464],{"class":4403},[4118,10121,4698],{"class":4323},[4118,10123,10124],{"class":4128},"`",[4118,10126,7901],{"class":4191},[4118,10128,10129,10132,10134,10136],{"class":4120,"line":4899},[4118,10130,10131],{"class":4124},"      setCompressed",[4118,10133,7314],{"class":4191},[4118,10135,6735],{"class":4403},[4118,10137,7901],{"class":4191},[4118,10139,10140,10143,10146],{"class":4120,"line":4913},[4118,10141,10142],{"class":4191},"    } ",[4118,10144,10145],{"class":4393},"finally",[4118,10147,5095],{"class":4191},[4118,10149,10150,10153,10155,10157],{"class":4120,"line":4919},[4118,10151,10152],{"class":4124},"      setIsProcessing",[4118,10154,7314],{"class":4191},[4118,10156,6213],{"class":4323},[4118,10158,7901],{"class":4191},[4118,10160,10161],{"class":4120,"line":4925},[4118,10162,6348],{"class":4191},[4118,10164,10165],{"class":4120,"line":4934},[4118,10166,6775],{"class":4191},[4118,10168,10169],{"class":4120,"line":4953},[4118,10170,4460],{"emptyLinePlaceholder":4459},[4118,10172,10173,10175,10177,10179,10181,10183,10185,10188],{"class":4120,"line":4982},[4118,10174,4775],{"class":4393},[4118,10176,4420],{"class":4191},[4118,10178,9669],{"class":4403},[4118,10180,3971],{"class":4191},[4118,10182,9703],{"class":4403},[4118,10184,3971],{"class":4191},[4118,10186,10187],{"class":4403},"pickAndCompress",[4118,10189,6791],{"class":4191},[4118,10191,10192],{"class":4120,"line":4988},[4118,10193,4353],{"class":4191},[3886,10195,10196,10197,10200,10201,10203,10204,10207,10208,10211],{},"Зверніть увагу на ",[3787,10198,10199],{},"quality: 1"," у picker-і і явне стиснення через ",[3787,10202,9630],{},". Це краща стратегія, ніж покладатись на ",[3787,10205,10206],{},"quality"," у picker-і, бо дає ",[3754,10209,10210],{},"повний контроль",": ви точно знаєте, до якого розміру і з якою якістю стиснуто фото, і можете логувати обидва значення для дебагінгу.",[3830,10213,10215],{"id":10214},"_34-порівняння-форматів-jpeg-vs-png-vs-webp","3.4. Порівняння форматів: JPEG vs PNG vs WebP",[4014,10217,10218,10233],{},[4017,10219,10220],{},[4020,10221,10222,10225,10227,10230],{},[4023,10223,10224],{},"Критерій",[4023,10226,9420],{},[4023,10228,10229],{},"PNG",[4023,10231,10232],{},"WebP",[4033,10234,10235,10249,10262,10276,10289,10301],{},[4020,10236,10237,10240,10243,10246],{},[4038,10238,10239],{},"Стиснення",[4038,10241,10242],{},"Lossy (з втратами)",[4038,10244,10245],{},"Lossless (без втрат)",[4038,10247,10248],{},"Lossy або Lossless",[4020,10250,10251,10254,10257,10260],{},[4038,10252,10253],{},"Прозорість",[4038,10255,10256],{},"❌ Немає",[4038,10258,10259],{},"✅ Є",[4038,10261,10259],{},[4020,10263,10264,10267,10270,10273],{},[4038,10265,10266],{},"Розмір фото",[4038,10268,10269],{},"Малий (10–15× менше PNG)",[4038,10271,10272],{},"Великий",[4038,10274,10275],{},"Найменший (~30% \u003C JPEG)",[4020,10277,10278,10281,10284,10286],{},[4038,10279,10280],{},"Підтримка iOS",[4038,10282,10283],{},"✅ Повна",[4038,10285,10283],{},[4038,10287,10288],{},"✅ iOS 14+",[4020,10290,10291,10294,10296,10298],{},[4038,10292,10293],{},"Підтримка Android",[4038,10295,10283],{},[4038,10297,10283],{},[4038,10299,10300],{},"✅ Android 4.0+",[4020,10302,10303,10306,10309,10312],{},[4038,10304,10305],{},"Коли використовувати",[4038,10307,10308],{},"Фотографії, аватари",[4038,10310,10311],{},"Скріншоти, іконки",[4038,10313,10314],{},"Сучасні застосунки",[3743,10316,10317,10320],{},[3754,10318,10319],{},"Для аватарів і фотографій завжди використовуйте JPEG"," — він дає найкращий баланс розміру і якості для фотографічного контенту.",[3830,10322,10324],{"id":10323},"_35-pipeline-від-picker-а-до-готового-uri","3.5. Pipeline: від picker-а до готового URI",[3743,10326,10327],{},"Ось повна схема обробки зображення:",[10329,10330,10331],"mermaid",{},[4108,10332,10335],{"className":10333,"code":10334,"language":10329,"meta":4114,"style":4114},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TD\n    A[\"Користувач натискає\u003Cbr\u002F>«Обрати фото»\"] --> B[\"Перевірка дозволу\u003Cbr\u002F>requestMediaLibraryPermissionsAsync\"]\n    B --> C{Дозвіл?}\n    C -- Denied --> D[\"Alert + openSettings()\"]\n    C -- Granted --> E[\"launchImageLibraryAsync\u003Cbr\u002F>allowsEditing: true, quality: 1\"]\n    E --> F{canceled?}\n    F -- true --> G[\"Нічого не робимо\"]\n    F -- false --> H[\"asset = result.assets[0]\u003Cbr\u002F>URI тимчасовий!\"]\n    H --> I[\"compressImage(asset.uri)\u003Cbr\u002F>resize → JPEG, quality: 0.82\"]\n    I --> J[\"compressed.uri\u003Cbr\u002F>постійний після копіювання\"]\n    J --> K[\"Image source={uri: compressed.uri}\"]\n    J --> L[\"FormData + fetch → сервер\"]\n\n    style A fill:#3b82f6,color:#fff\n    style D fill:#ef4444,color:#fff\n    style G fill:#64748b,color:#fff\n    style K fill:#22c55e,color:#fff\n    style L fill:#22c55e,color:#fff\n",[3787,10336,10337,10342,10347,10352,10357,10362,10367,10372,10377,10382,10387,10392,10397,10401,10406,10411,10416,10421],{"__ignoreMap":4114},[4118,10338,10339],{"class":4120,"line":4121},[4118,10340,10341],{},"graph TD\n",[4118,10343,10344],{"class":4120,"line":4195},[4118,10345,10346],{},"    A[\"Користувач натискає\u003Cbr\u002F>«Обрати фото»\"] --> B[\"Перевірка дозволу\u003Cbr\u002F>requestMediaLibraryPermissionsAsync\"]\n",[4118,10348,10349],{"class":4120,"line":4205},[4118,10350,10351],{},"    B --> C{Дозвіл?}\n",[4118,10353,10354],{"class":4120,"line":4214},[4118,10355,10356],{},"    C -- Denied --> D[\"Alert + openSettings()\"]\n",[4118,10358,10359],{"class":4120,"line":4220},[4118,10360,10361],{},"    C -- Granted --> E[\"launchImageLibraryAsync\u003Cbr\u002F>allowsEditing: true, quality: 1\"]\n",[4118,10363,10364],{"class":4120,"line":4229},[4118,10365,10366],{},"    E --> F{canceled?}\n",[4118,10368,10369],{"class":4120,"line":4235},[4118,10370,10371],{},"    F -- true --> G[\"Нічого не робимо\"]\n",[4118,10373,10374],{"class":4120,"line":4249},[4118,10375,10376],{},"    F -- false --> H[\"asset = result.assets[0]\u003Cbr\u002F>URI тимчасовий!\"]\n",[4118,10378,10379],{"class":4120,"line":4260},[4118,10380,10381],{},"    H --> I[\"compressImage(asset.uri)\u003Cbr\u002F>resize → JPEG, quality: 0.82\"]\n",[4118,10383,10384],{"class":4120,"line":4266},[4118,10385,10386],{},"    I --> J[\"compressed.uri\u003Cbr\u002F>постійний після копіювання\"]\n",[4118,10388,10389],{"class":4120,"line":4272},[4118,10390,10391],{},"    J --> K[\"Image source={uri: compressed.uri}\"]\n",[4118,10393,10394],{"class":4120,"line":4277},[4118,10395,10396],{},"    J --> L[\"FormData + fetch → сервер\"]\n",[4118,10398,10399],{"class":4120,"line":4285},[4118,10400,4460],{"emptyLinePlaceholder":4459},[4118,10402,10403],{"class":4120,"line":4290},[4118,10404,10405],{},"    style A fill:#3b82f6,color:#fff\n",[4118,10407,10408],{"class":4120,"line":4302},[4118,10409,10410],{},"    style D fill:#ef4444,color:#fff\n",[4118,10412,10413],{"class":4120,"line":4315},[4118,10414,10415],{},"    style G fill:#64748b,color:#fff\n",[4118,10417,10418],{"class":4120,"line":4327},[4118,10419,10420],{},"    style K fill:#22c55e,color:#fff\n",[4118,10422,10423],{"class":4120,"line":4332},[4118,10424,10425],{},"    style L fill:#22c55e,color:#fff\n",[4355,10427,10428,10429,10431,10432,10435,10436,10439,10440,10443,10444,10447,10448,10450],{},"URI, який повертає ",[3787,10430,8909],{},", зберігається у ",[3754,10433,10434],{},"тимчасовій директорії"," кешу (",[3787,10437,10438],{},"cacheDirectory","). Він залишиться живим до наступного очищення кешу ОС — зазвичай кілька годин чи днів. Якщо ви хочете зберегти зображення ",[3754,10441,10442],{},"назавжди"," між сесіями застосунку — скопіюйте його у ",[3787,10445,10446],{},"documentDirectory"," через ",[3787,10449,3801],{},". Саме це ми розглянемо у наступному розділі.",[3823,10452],{},[3738,10454,10456],{"id":10455},"локальний-uri-і-файлова-система","Локальний URI і файлова система",[3830,10458,10460],{"id":10459},"_41-що-таке-локальний-uri-і-чому-він-тимчасовий","4.1. Що таке локальний URI і чому він «тимчасовий»",[3743,10462,10463],{},"Кожен URI, який ви отримуєте від picker-а або маніпулятора зображень, виглядає приблизно так:",[4108,10465,10470],{"className":10466,"code":10468,"language":10469},[10467],"language-text","file:\u002F\u002F\u002Fvar\u002Fmobile\u002FContainers\u002FData\u002FApplication\u002FA7B23C4D-1234...\u002Ftmp\u002FImagePicker\u002Fimage001.jpg\n","text",[3787,10471,10468],{"__ignoreMap":4114},[3743,10473,10474],{},"Розберемо структуру цього шляху:",[3747,10476,10477,10483,10493,10502],{},[3750,10478,10479,10482],{},[3787,10480,10481],{},"file:\u002F\u002F"," — схема, яка вказує, що це локальний файл на пристрої.",[3750,10484,10485,10488,10489,10492],{},[3787,10486,10487],{},"\u002Fvar\u002Fmobile\u002FContainers\u002FData\u002FApplication\u002FA7B23C4D-1234...\u002F"," — унікальна ",[3754,10490,10491],{},"пісочниця"," (sandbox) вашого застосунку. Інші застосунки не мають до неї доступу.",[3750,10494,10495,3926,10498,10501],{},[3787,10496,10497],{},"tmp\u002FImagePicker\u002F",[3754,10499,10500],{},"тимчасова"," директорія. ОС може очистити її будь-коли: при нестачі місця, після перезавантаження, або при черговому запуску.",[3750,10503,10504,10507],{},[3787,10505,10506],{},"image001.jpg"," — ім'я файлу.",[3743,10509,10510,10511,10516,10517,10519,10520,10523],{},"Ключова проблема — ",[3754,10512,10513],{},[3787,10514,10515],{},"tmp\u002F",". Якщо ви зберегли URI в стані (",[3787,10518,3816],{},") і перезапустили застосунок — файл за цим URI може вже не існувати. Тому для довготривалого зберігання файлів потрібна ",[3754,10521,10522],{},"постійна"," директорія.",[3830,10525,10527,10528],{"id":10526},"_42-директорії-в-expo-file-system","4.2. Директорії в ",[3787,10529,3801],{},[3743,10531,10532,10534],{},[3787,10533,3801],{}," надає кілька шляхів до різних директорій:",[4108,10536,10538],{"className":6164,"code":10537,"language":6166,"meta":4114,"style":4114},"import * as FileSystem from 'expo-file-system';\n\n\u002F\u002F Постійна директорія застосунку — живе до видалення застосунку.\n\u002F\u002F Сюди зберігаємо файли, які повинні існувати між сесіями.\nFileSystem.documentDirectory\n\u002F\u002F → 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002F...\u002FDocuments\u002F'\n\n\u002F\u002F Кеш — ОС може очистити при нестачі місця.\n\u002F\u002F Для тимчасових файлів і кешу зображень.\nFileSystem.cacheDirectory\n\u002F\u002F → 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002F...\u002FLibrary\u002FCaches\u002F'\n",[3787,10539,10540,10558,10562,10567,10572,10582,10587,10591,10596,10601,10610],{"__ignoreMap":4114},[4118,10541,10542,10544,10546,10548,10551,10553,10556],{"class":4120,"line":4121},[4118,10543,4394],{"class":4393},[4118,10545,4397],{"class":4323},[4118,10547,4400],{"class":4393},[4118,10549,10550],{"class":4403}," FileSystem",[4118,10552,4407],{"class":4393},[4118,10554,10555],{"class":4128}," 'expo-file-system'",[4118,10557,4413],{"class":4191},[4118,10559,10560],{"class":4120,"line":4195},[4118,10561,4460],{"emptyLinePlaceholder":4459},[4118,10563,10564],{"class":4120,"line":4205},[4118,10565,10566],{"class":4528},"\u002F\u002F Постійна директорія застосунку — живе до видалення застосунку.\n",[4118,10568,10569],{"class":4120,"line":4214},[4118,10570,10571],{"class":4528},"\u002F\u002F Сюди зберігаємо файли, які повинні існувати між сесіями.\n",[4118,10573,10574,10577,10579],{"class":4120,"line":4220},[4118,10575,10576],{"class":4403},"FileSystem",[4118,10578,3912],{"class":4191},[4118,10580,10581],{"class":4403},"documentDirectory\n",[4118,10583,10584],{"class":4120,"line":4229},[4118,10585,10586],{"class":4528},"\u002F\u002F → 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002F...\u002FDocuments\u002F'\n",[4118,10588,10589],{"class":4120,"line":4235},[4118,10590,4460],{"emptyLinePlaceholder":4459},[4118,10592,10593],{"class":4120,"line":4249},[4118,10594,10595],{"class":4528},"\u002F\u002F Кеш — ОС може очистити при нестачі місця.\n",[4118,10597,10598],{"class":4120,"line":4260},[4118,10599,10600],{"class":4528},"\u002F\u002F Для тимчасових файлів і кешу зображень.\n",[4118,10602,10603,10605,10607],{"class":4120,"line":4266},[4118,10604,10576],{"class":4403},[4118,10606,3912],{"class":4191},[4118,10608,10609],{"class":4403},"cacheDirectory\n",[4118,10611,10612],{"class":4120,"line":4272},[4118,10613,10614],{"class":4528},"\u002F\u002F → 'file:\u002F\u002F\u002Fvar\u002Fmobile\u002F...\u002FLibrary\u002FCaches\u002F'\n",[3808,10616,10617,10619,10620,10623,10624,10626,10627,3912],{},[3787,10618,10446],{}," — це те місце, де iOS і Android гарантують, що файли ",[3754,10621,10622],{},"не будуть видалені"," без явної дії користувача або видалення застосунку. ",[3787,10625,10438],{}," — ОС може очистити в будь-який момент. Для аватарів профілю і важливих медіа завжди використовуйте ",[3787,10628,10446],{},[3830,10630,10632],{"id":10631},"_43-основні-операції-з-файлами","4.3. Основні операції з файлами",[10634,10635,10637],"h4",{"id":10636},"перевірка-існування-та-метаданих","Перевірка існування та метаданих",[4108,10639,10641],{"className":6164,"code":10640,"language":6166,"meta":4114,"style":4114},"const info = await FileSystem.getInfoAsync(uri);\n\nif (!info.exists) {\n  console.log('Файл не існує!');\n  return;\n}\n\nconsole.log(`Розмір: ${info.size} байт`);\nconsole.log(`Шлях: ${info.uri}`);\n",[3787,10642,10643,10667,10671,10688,10704,10710,10714,10718,10748],{"__ignoreMap":4114},[4118,10644,10645,10647,10650,10652,10654,10656,10658,10661,10663,10665],{"class":4120,"line":4121},[4118,10646,5216],{"class":4323},[4118,10648,10649],{"class":4540}," info",[4118,10651,5222],{"class":4191},[4118,10653,5794],{"class":4393},[4118,10655,10550],{"class":4403},[4118,10657,3912],{"class":4191},[4118,10659,10660],{"class":4124},"getInfoAsync",[4118,10662,7314],{"class":4191},[4118,10664,8125],{"class":4403},[4118,10666,7901],{"class":4191},[4118,10668,10669],{"class":4120,"line":4195},[4118,10670,4460],{"emptyLinePlaceholder":4459},[4118,10672,10673,10676,10678,10681,10683,10686],{"class":4120,"line":4205},[4118,10674,10675],{"class":4393},"if",[4118,10677,4606],{"class":4191},[4118,10679,10680],{"class":4403},"info",[4118,10682,3912],{"class":4191},[4118,10684,10685],{"class":4403},"exists",[4118,10687,4523],{"class":4191},[4118,10689,10690,10693,10695,10697,10699,10702],{"class":4120,"line":4214},[4118,10691,10692],{"class":4403},"  console",[4118,10694,3912],{"class":4191},[4118,10696,9933],{"class":4124},[4118,10698,7314],{"class":4191},[4118,10700,10701],{"class":4128},"'Файл не існує!'",[4118,10703,7901],{"class":4191},[4118,10705,10706,10708],{"class":4120,"line":4220},[4118,10707,4775],{"class":4393},[4118,10709,4413],{"class":4191},[4118,10711,10712],{"class":4120,"line":4229},[4118,10713,4353],{"class":4191},[4118,10715,10716],{"class":4120,"line":4235},[4118,10717,4460],{"emptyLinePlaceholder":4459},[4118,10719,10720,10723,10725,10727,10729,10732,10734,10736,10738,10741,10743,10746],{"class":4120,"line":4249},[4118,10721,10722],{"class":4403},"console",[4118,10724,3912],{"class":4191},[4118,10726,9933],{"class":4124},[4118,10728,7314],{"class":4191},[4118,10730,10731],{"class":4128},"`Розмір: ",[4118,10733,8491],{"class":4323},[4118,10735,10680],{"class":4403},[4118,10737,3912],{"class":4801},[4118,10739,10740],{"class":4403},"size",[4118,10742,4698],{"class":4323},[4118,10744,10745],{"class":4128}," байт`",[4118,10747,7901],{"class":4191},[4118,10749,10750,10752,10754,10756,10758,10761,10763,10765,10767,10769,10771,10773],{"class":4120,"line":4260},[4118,10751,10722],{"class":4403},[4118,10753,3912],{"class":4191},[4118,10755,9933],{"class":4124},[4118,10757,7314],{"class":4191},[4118,10759,10760],{"class":4128},"`Шлях: ",[4118,10762,8491],{"class":4323},[4118,10764,10680],{"class":4403},[4118,10766,3912],{"class":4801},[4118,10768,8125],{"class":4403},[4118,10770,4698],{"class":4323},[4118,10772,10124],{"class":4128},[4118,10774,7901],{"class":4191},[10634,10776,10778],{"id":10777},"копіювання-і-переміщення","Копіювання і переміщення",[4108,10780,10782],{"className":6164,"code":10781,"language":6166,"meta":4114,"style":4114},"\u002F\u002F Гарантуємо, що цільова директорія існує\nawait FileSystem.makeDirectoryAsync(\n  `${FileSystem.documentDirectory}avatars\u002F`,\n  { intermediates: true },\n);\n\n\u002F\u002F Копіювання — вихідний файл залишається\nawait FileSystem.copyAsync({ from: tempUri, to: destination });\n\n\u002F\u002F Переміщення — вихідний файл видаляється\nawait FileSystem.moveAsync({ from: sourceUri, to: destinationUri });\n\n\u002F\u002F Видалення (idempotent: не кидає помилку якщо файлу немає)\nawait FileSystem.deleteAsync(uri, { idempotent: true });\n",[3787,10783,10784,10789,10802,10822,10834,10838,10842,10847,10877,10881,10886,10913,10917,10922],{"__ignoreMap":4114},[4118,10785,10786],{"class":4120,"line":4121},[4118,10787,10788],{"class":4528},"\u002F\u002F Гарантуємо, що цільова директорія існує\n",[4118,10790,10791,10793,10795,10797,10800],{"class":4120,"line":4195},[4118,10792,5794],{"class":4393},[4118,10794,10550],{"class":4403},[4118,10796,3912],{"class":4191},[4118,10798,10799],{"class":4124},"makeDirectoryAsync",[4118,10801,5693],{"class":4191},[4118,10803,10804,10807,10809,10811,10813,10815,10817,10820],{"class":4120,"line":4205},[4118,10805,10806],{"class":4128},"  `",[4118,10808,8491],{"class":4323},[4118,10810,10576],{"class":4403},[4118,10812,3912],{"class":4801},[4118,10814,10446],{"class":4403},[4118,10816,4698],{"class":4323},[4118,10818,10819],{"class":4128},"avatars\u002F`",[4118,10821,4226],{"class":4191},[4118,10823,10824,10827,10830,10832],{"class":4120,"line":4214},[4118,10825,10826],{"class":4191},"  { ",[4118,10828,10829],{"class":4403},"intermediates:",[4118,10831,6015],{"class":4323},[4118,10833,5333],{"class":4191},[4118,10835,10836],{"class":4120,"line":4220},[4118,10837,7901],{"class":4191},[4118,10839,10840],{"class":4120,"line":4229},[4118,10841,4460],{"emptyLinePlaceholder":4459},[4118,10843,10844],{"class":4120,"line":4235},[4118,10845,10846],{"class":4528},"\u002F\u002F Копіювання — вихідний файл залишається\n",[4118,10848,10849,10851,10853,10855,10858,10860,10863,10866,10868,10871,10874],{"class":4120,"line":4249},[4118,10850,5794],{"class":4393},[4118,10852,10550],{"class":4403},[4118,10854,3912],{"class":4191},[4118,10856,10857],{"class":4124},"copyAsync",[4118,10859,4511],{"class":4191},[4118,10861,10862],{"class":4403},"from:",[4118,10864,10865],{"class":4403}," tempUri",[4118,10867,3971],{"class":4191},[4118,10869,10870],{"class":4403},"to:",[4118,10872,10873],{"class":4403}," destination",[4118,10875,10876],{"class":4191}," });\n",[4118,10878,10879],{"class":4120,"line":4260},[4118,10880,4460],{"emptyLinePlaceholder":4459},[4118,10882,10883],{"class":4120,"line":4266},[4118,10884,10885],{"class":4528},"\u002F\u002F Переміщення — вихідний файл видаляється\n",[4118,10887,10888,10890,10892,10894,10897,10899,10901,10904,10906,10908,10911],{"class":4120,"line":4272},[4118,10889,5794],{"class":4393},[4118,10891,10550],{"class":4403},[4118,10893,3912],{"class":4191},[4118,10895,10896],{"class":4124},"moveAsync",[4118,10898,4511],{"class":4191},[4118,10900,10862],{"class":4403},[4118,10902,10903],{"class":4403}," sourceUri",[4118,10905,3971],{"class":4191},[4118,10907,10870],{"class":4403},[4118,10909,10910],{"class":4403}," destinationUri",[4118,10912,10876],{"class":4191},[4118,10914,10915],{"class":4120,"line":4277},[4118,10916,4460],{"emptyLinePlaceholder":4459},[4118,10918,10919],{"class":4120,"line":4285},[4118,10920,10921],{"class":4528},"\u002F\u002F Видалення (idempotent: не кидає помилку якщо файлу немає)\n",[4118,10923,10924,10926,10928,10930,10933,10935,10937,10940,10943,10945],{"class":4120,"line":4290},[4118,10925,5794],{"class":4393},[4118,10927,10550],{"class":4403},[4118,10929,3912],{"class":4191},[4118,10931,10932],{"class":4124},"deleteAsync",[4118,10934,7314],{"class":4191},[4118,10936,8125],{"class":4403},[4118,10938,10939],{"class":4191},", { ",[4118,10941,10942],{"class":4403},"idempotent:",[4118,10944,6015],{"class":4323},[4118,10946,10876],{"class":4191},[10634,10948,10950],{"id":10949},"читання-і-запис","Читання і запис",[4108,10952,10954],{"className":6164,"code":10953,"language":6166,"meta":4114,"style":4114},"\u002F\u002F Текстові файли (JSON, конфіги)\nconst content = await FileSystem.readAsStringAsync(uri);\nawait FileSystem.writeAsStringAsync(uri, JSON.stringify(data));\n\n\u002F\u002F Бінарні файли — через Base64\nconst base64 = await FileSystem.readAsStringAsync(uri, {\n  encoding: FileSystem.EncodingType.Base64,\n});\n",[3787,10955,10956,10961,10985,11018,11022,11027,11050,11069],{"__ignoreMap":4114},[4118,10957,10958],{"class":4120,"line":4121},[4118,10959,10960],{"class":4528},"\u002F\u002F Текстові файли (JSON, конфіги)\n",[4118,10962,10963,10965,10968,10970,10972,10974,10976,10979,10981,10983],{"class":4120,"line":4195},[4118,10964,5216],{"class":4323},[4118,10966,10967],{"class":4540}," content",[4118,10969,5222],{"class":4191},[4118,10971,5794],{"class":4393},[4118,10973,10550],{"class":4403},[4118,10975,3912],{"class":4191},[4118,10977,10978],{"class":4124},"readAsStringAsync",[4118,10980,7314],{"class":4191},[4118,10982,8125],{"class":4403},[4118,10984,7901],{"class":4191},[4118,10986,10987,10989,10991,10993,10996,10998,11000,11002,11005,11007,11010,11012,11015],{"class":4120,"line":4205},[4118,10988,5794],{"class":4393},[4118,10990,10550],{"class":4403},[4118,10992,3912],{"class":4191},[4118,10994,10995],{"class":4124},"writeAsStringAsync",[4118,10997,7314],{"class":4191},[4118,10999,8125],{"class":4403},[4118,11001,3971],{"class":4191},[4118,11003,11004],{"class":4540},"JSON",[4118,11006,3912],{"class":4191},[4118,11008,11009],{"class":4124},"stringify",[4118,11011,7314],{"class":4191},[4118,11013,11014],{"class":4403},"data",[4118,11016,11017],{"class":4191},"));\n",[4118,11019,11020],{"class":4120,"line":4214},[4118,11021,4460],{"emptyLinePlaceholder":4459},[4118,11023,11024],{"class":4120,"line":4220},[4118,11025,11026],{"class":4528},"\u002F\u002F Бінарні файли — через Base64\n",[4118,11028,11029,11031,11034,11036,11038,11040,11042,11044,11046,11048],{"class":4120,"line":4229},[4118,11030,5216],{"class":4323},[4118,11032,11033],{"class":4540}," base64",[4118,11035,5222],{"class":4191},[4118,11037,5794],{"class":4393},[4118,11039,10550],{"class":4403},[4118,11041,3912],{"class":4191},[4118,11043,10978],{"class":4124},[4118,11045,7314],{"class":4191},[4118,11047,8125],{"class":4403},[4118,11049,10048],{"class":4191},[4118,11051,11052,11055,11057,11059,11062,11064,11067],{"class":4120,"line":4235},[4118,11053,11054],{"class":4403},"  encoding:",[4118,11056,10550],{"class":4403},[4118,11058,3912],{"class":4191},[4118,11060,11061],{"class":4403},"EncodingType",[4118,11063,3912],{"class":4191},[4118,11065,11066],{"class":4403},"Base64",[4118,11068,4226],{"class":4191},[4118,11070,11071],{"class":4120,"line":4249},[4118,11072,5453],{"class":4191},[3830,11074,11076],{"id":11075},"_44-повний-хук-збереження-аватара","4.4. Повний хук збереження аватара",[3743,11078,11079],{},"Об'єднаємо все: picker → стиснення → збереження у постійну директорію:",[4108,11081,11084],{"className":4382,"code":11082,"filename":11083,"language":4385,"meta":4386,"style":4114},"import { useState, useEffect } from 'react';\nimport * as ImagePicker from 'expo-image-picker';\nimport * as FileSystem from 'expo-file-system';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport { Alert, Linking } from 'react-native';\n\nconst AVATARS_DIR = `${FileSystem.documentDirectory}avatars\u002F`;\nconst AVATAR_FILE = `${AVATARS_DIR}current.jpg`;\n\nexport function useAvatarManager() {\n  const [avatarUri, setAvatarUri] = useState\u003Cstring | null>(null);\n  const [isProcessing, setIsProcessing] = useState(false);\n\n  \u002F\u002F При старті завантажуємо збережений аватар (якщо є)\n  useEffect(() => {\n    (async () => {\n      const info = await FileSystem.getInfoAsync(AVATAR_FILE);\n      if (info.exists) {\n        \u002F\u002F Додаємо ?t= щоб обійти кеш Image-компонента\n        setAvatarUri(`${AVATAR_FILE}?t=${Date.now()}`);\n      }\n    })();\n  }, []);\n\n  const pickAvatar = async () => {\n    const { status } =\n      await ImagePicker.requestMediaLibraryPermissionsAsync();\n\n    if (status !== 'granted') {\n      Alert.alert(\n        'Потрібен доступ до фото',\n        'Надайте доступ до фото-бібліотеки у Налаштуваннях.',\n        [\n          { text: 'Скасувати', style: 'cancel' },\n          { text: 'Налаштування', onPress: () => Linking.openSettings() },\n        ],\n      );\n      return;\n    }\n\n    const picked = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 1,\n    });\n\n    if (picked.canceled) return;\n    setIsProcessing(true);\n\n    try {\n      const tempUri = picked.assets[0].uri;\n\n      \u002F\u002F Стискаємо до 512×512, JPEG 82%\n      const compressed = await ImageManipulator.manipulateAsync(\n        tempUri,\n        [{ resize: { width: 512 } }],\n        { compress: 0.82, format: ImageManipulator.SaveFormat.JPEG },\n      );\n\n      \u002F\u002F Гарантуємо директорію і зберігаємо\n      await FileSystem.makeDirectoryAsync(AVATARS_DIR, { intermediates: true });\n      await FileSystem.copyAsync({ from: compressed.uri, to: AVATAR_FILE });\n\n      \u002F\u002F cache-buster — Image кешує URI, тому змінюємо query\n      setAvatarUri(`${AVATAR_FILE}?t=${Date.now()}`);\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  const deleteAvatar = async () => {\n    await FileSystem.deleteAsync(AVATAR_FILE, { idempotent: true });\n    setAvatarUri(null);\n  };\n\n  return { avatarUri, isProcessing, pickAvatar, deleteAvatar };\n}\n","features\u002Fprofile\u002FuseAvatarManager.ts",[3787,11085,11086,11106,11122,11138,11154,11174,11178,11203,11226,11230,11241,11273,11295,11299,11304,11315,11328,11351,11366,11371,11407,11412,11417,11422,11426,11443,11453,11465,11469,11483,11493,11499,11506,11510,11526,11552,11556,11560,11566,11570,11574,11592,11608,11616,11630,11638,11642,11646,11664,11674,11678,11684,11709,11713,11718,11737,11744,11759,11785,11789,11793,11798,11820,11848,11852,11857,11890,11898,11908,11912,11916,11920,11937,11959,11970,11974,11978,12002],{"__ignoreMap":4114},[4118,11087,11088,11090,11092,11094,11096,11098,11100,11102,11104],{"class":4120,"line":4121},[4118,11089,4394],{"class":4393},[4118,11091,4420],{"class":4191},[4118,11093,3816],{"class":4403},[4118,11095,3971],{"class":4191},[4118,11097,3820],{"class":4403},[4118,11099,4446],{"class":4191},[4118,11101,4449],{"class":4393},[4118,11103,9603],{"class":4128},[4118,11105,4413],{"class":4191},[4118,11107,11108,11110,11112,11114,11116,11118,11120],{"class":4120,"line":4195},[4118,11109,4394],{"class":4393},[4118,11111,4397],{"class":4323},[4118,11113,4400],{"class":4393},[4118,11115,4404],{"class":4403},[4118,11117,4407],{"class":4393},[4118,11119,4410],{"class":4128},[4118,11121,4413],{"class":4191},[4118,11123,11124,11126,11128,11130,11132,11134,11136],{"class":4120,"line":4205},[4118,11125,4394],{"class":4393},[4118,11127,4397],{"class":4323},[4118,11129,4400],{"class":4393},[4118,11131,10550],{"class":4403},[4118,11133,4407],{"class":4393},[4118,11135,10555],{"class":4128},[4118,11137,4413],{"class":4191},[4118,11139,11140,11142,11144,11146,11148,11150,11152],{"class":4120,"line":4214},[4118,11141,4394],{"class":4393},[4118,11143,4397],{"class":4323},[4118,11145,4400],{"class":4393},[4118,11147,8881],{"class":4403},[4118,11149,4407],{"class":4393},[4118,11151,8886],{"class":4128},[4118,11153,4413],{"class":4191},[4118,11155,11156,11158,11160,11162,11164,11166,11168,11170,11172],{"class":4120,"line":4220},[4118,11157,4394],{"class":4393},[4118,11159,4420],{"class":4191},[4118,11161,6411],{"class":4403},[4118,11163,3971],{"class":4191},[4118,11165,4423],{"class":4403},[4118,11167,4446],{"class":4191},[4118,11169,4449],{"class":4393},[4118,11171,4452],{"class":4128},[4118,11173,4413],{"class":4191},[4118,11175,11176],{"class":4120,"line":4229},[4118,11177,4460],{"emptyLinePlaceholder":4459},[4118,11179,11180,11182,11185,11187,11189,11191,11193,11195,11197,11199,11201],{"class":4120,"line":4235},[4118,11181,5216],{"class":4323},[4118,11183,11184],{"class":4540}," AVATARS_DIR",[4118,11186,5222],{"class":4191},[4118,11188,10124],{"class":4128},[4118,11190,8491],{"class":4323},[4118,11192,10576],{"class":4403},[4118,11194,3912],{"class":4801},[4118,11196,10446],{"class":4403},[4118,11198,4698],{"class":4323},[4118,11200,10819],{"class":4128},[4118,11202,4413],{"class":4191},[4118,11204,11205,11207,11210,11212,11214,11216,11219,11221,11224],{"class":4120,"line":4249},[4118,11206,5216],{"class":4323},[4118,11208,11209],{"class":4540}," AVATAR_FILE",[4118,11211,5222],{"class":4191},[4118,11213,10124],{"class":4128},[4118,11215,8491],{"class":4323},[4118,11217,11218],{"class":4540},"AVATARS_DIR",[4118,11220,4698],{"class":4323},[4118,11222,11223],{"class":4128},"current.jpg`",[4118,11225,4413],{"class":4191},[4118,11227,11228],{"class":4120,"line":4260},[4118,11229,4460],{"emptyLinePlaceholder":4459},[4118,11231,11232,11234,11236,11239],{"class":4120,"line":4266},[4118,11233,4502],{"class":4393},[4118,11235,4505],{"class":4323},[4118,11237,11238],{"class":4124}," useAvatarManager",[4118,11240,5946],{"class":4191},[4118,11242,11243,11245,11247,11250,11252,11255,11257,11259,11261,11263,11265,11267,11269,11271],{"class":4120,"line":4272},[4118,11244,4534],{"class":4323},[4118,11246,4537],{"class":4191},[4118,11248,11249],{"class":4540},"avatarUri",[4118,11251,3971],{"class":4191},[4118,11253,11254],{"class":4540},"setAvatarUri",[4118,11256,9677],{"class":4191},[4118,11258,3816],{"class":4124},[4118,11260,6483],{"class":4191},[4118,11262,9175],{"class":4468},[4118,11264,6489],{"class":4191},[4118,11266,6492],{"class":4468},[4118,11268,9690],{"class":4191},[4118,11270,6492],{"class":4323},[4118,11272,7901],{"class":4191},[4118,11274,11275,11277,11279,11281,11283,11285,11287,11289,11291,11293],{"class":4120,"line":4277},[4118,11276,4534],{"class":4323},[4118,11278,4537],{"class":4191},[4118,11280,9703],{"class":4540},[4118,11282,3971],{"class":4191},[4118,11284,9708],{"class":4540},[4118,11286,9677],{"class":4191},[4118,11288,3816],{"class":4124},[4118,11290,7314],{"class":4191},[4118,11292,6213],{"class":4323},[4118,11294,7901],{"class":4191},[4118,11296,11297],{"class":4120,"line":4285},[4118,11298,4460],{"emptyLinePlaceholder":4459},[4118,11300,11301],{"class":4120,"line":4290},[4118,11302,11303],{"class":4528},"  \u002F\u002F При старті завантажуємо збережений аватар (якщо є)\n",[4118,11305,11306,11309,11311,11313],{"class":4120,"line":4302},[4118,11307,11308],{"class":4124},"  useEffect",[4118,11310,5539],{"class":4191},[4118,11312,4966],{"class":4323},[4118,11314,5095],{"class":4191},[4118,11316,11317,11320,11322,11324,11326],{"class":4120,"line":4315},[4118,11318,11319],{"class":4191},"    (",[4118,11321,5551],{"class":4323},[4118,11323,5090],{"class":4191},[4118,11325,4966],{"class":4323},[4118,11327,5095],{"class":4191},[4118,11329,11330,11332,11334,11336,11338,11340,11342,11344,11346,11349],{"class":4120,"line":4327},[4118,11331,9907],{"class":4323},[4118,11333,10649],{"class":4540},[4118,11335,5222],{"class":4191},[4118,11337,5794],{"class":4393},[4118,11339,10550],{"class":4403},[4118,11341,3912],{"class":4191},[4118,11343,10660],{"class":4124},[4118,11345,7314],{"class":4191},[4118,11347,11348],{"class":4540},"AVATAR_FILE",[4118,11350,7901],{"class":4191},[4118,11352,11353,11356,11358,11360,11362,11364],{"class":4120,"line":4332},[4118,11354,11355],{"class":4393},"      if",[4118,11357,4669],{"class":4191},[4118,11359,10680],{"class":4403},[4118,11361,3912],{"class":4191},[4118,11363,10685],{"class":4403},[4118,11365,4523],{"class":4191},[4118,11367,11368],{"class":4120,"line":4338},[4118,11369,11370],{"class":4528},"        \u002F\u002F Додаємо ?t= щоб обійти кеш Image-компонента\n",[4118,11372,11373,11376,11378,11380,11382,11384,11386,11389,11391,11394,11396,11399,11401,11403,11405],{"class":4120,"line":4344},[4118,11374,11375],{"class":4124},"        setAvatarUri",[4118,11377,7314],{"class":4191},[4118,11379,10124],{"class":4128},[4118,11381,8491],{"class":4323},[4118,11383,11348],{"class":4540},[4118,11385,4698],{"class":4323},[4118,11387,11388],{"class":4128},"?t=",[4118,11390,8491],{"class":4323},[4118,11392,11393],{"class":4403},"Date",[4118,11395,3912],{"class":4801},[4118,11397,11398],{"class":4124},"now",[4118,11400,4977],{"class":4801},[4118,11402,4698],{"class":4323},[4118,11404,10124],{"class":4128},[4118,11406,7901],{"class":4191},[4118,11408,11409],{"class":4120,"line":4350},[4118,11410,11411],{"class":4191},"      }\n",[4118,11413,11414],{"class":4120,"line":4677},[4118,11415,11416],{"class":4191},"    })();\n",[4118,11418,11419],{"class":4120,"line":4683},[4118,11420,11421],{"class":4191},"  }, []);\n",[4118,11423,11424],{"class":4120,"line":4706},[4118,11425,4460],{"emptyLinePlaceholder":4459},[4118,11427,11428,11430,11433,11435,11437,11439,11441],{"class":4120,"line":4711},[4118,11429,4534],{"class":4323},[4118,11431,11432],{"class":4124}," pickAvatar",[4118,11434,5222],{"class":4191},[4118,11436,5551],{"class":4323},[4118,11438,5090],{"class":4191},[4118,11440,4966],{"class":4323},[4118,11442,5095],{"class":4191},[4118,11444,11445,11447,11449,11451],{"class":4120,"line":4716},[4118,11446,6509],{"class":4323},[4118,11448,4420],{"class":4191},[4118,11450,4739],{"class":4540},[4118,11452,5648],{"class":4191},[4118,11454,11455,11457,11459,11461,11463],{"class":4120,"line":4722},[4118,11456,6520],{"class":4393},[4118,11458,4404],{"class":4403},[4118,11460,3912],{"class":4191},[4118,11462,5582],{"class":4124},[4118,11464,4562],{"class":4191},[4118,11466,11467],{"class":4120,"line":4732},[4118,11468,4460],{"emptyLinePlaceholder":4459},[4118,11470,11471,11473,11475,11477,11479,11481],{"class":4120,"line":4751},[4118,11472,6537],{"class":4393},[4118,11474,4669],{"class":4191},[4118,11476,4739],{"class":4403},[4118,11478,5675],{"class":4191},[4118,11480,5678],{"class":4128},[4118,11482,4523],{"class":4191},[4118,11484,11485,11487,11489,11491],{"class":4120,"line":4767},[4118,11486,6552],{"class":4403},[4118,11488,3912],{"class":4191},[4118,11490,5690],{"class":4124},[4118,11492,5693],{"class":4191},[4118,11494,11495,11497],{"class":4120,"line":4772},[4118,11496,6563],{"class":4128},[4118,11498,4226],{"class":4191},[4118,11500,11501,11504],{"class":4120,"line":4781},[4118,11502,11503],{"class":4128},"        'Надайте доступ до фото-бібліотеки у Налаштуваннях.'",[4118,11505,4226],{"class":4191},[4118,11507,11508],{"class":4120,"line":4812},[4118,11509,6577],{"class":4191},[4118,11511,11512,11514,11516,11518,11520,11522,11524],{"class":4120,"line":4848},[4118,11513,6582],{"class":4191},[4118,11515,5719],{"class":4403},[4118,11517,5722],{"class":4128},[4118,11519,3971],{"class":4191},[4118,11521,5727],{"class":4403},[4118,11523,5730],{"class":4128},[4118,11525,5333],{"class":4191},[4118,11527,11528,11530,11532,11534,11536,11538,11540,11542,11544,11546,11548,11550],{"class":4120,"line":4872},[4118,11529,6582],{"class":4191},[4118,11531,5719],{"class":4403},[4118,11533,5741],{"class":4128},[4118,11535,3971],{"class":4191},[4118,11537,6607],{"class":4124},[4118,11539,5045],{"class":4403},[4118,11541,5090],{"class":4191},[4118,11543,4966],{"class":4323},[4118,11545,4969],{"class":4403},[4118,11547,3912],{"class":4191},[4118,11549,4974],{"class":4124},[4118,11551,6622],{"class":4191},[4118,11553,11554],{"class":4120,"line":4878},[4118,11555,6627],{"class":4191},[4118,11557,11558],{"class":4120,"line":4884},[4118,11559,6632],{"class":4191},[4118,11561,11562,11564],{"class":4120,"line":4894},[4118,11563,6637],{"class":4393},[4118,11565,4413],{"class":4191},[4118,11567,11568],{"class":4120,"line":4899},[4118,11569,6348],{"class":4191},[4118,11571,11572],{"class":4120,"line":4913},[4118,11573,4460],{"emptyLinePlaceholder":4459},[4118,11575,11576,11578,11580,11582,11584,11586,11588,11590],{"class":4120,"line":4919},[4118,11577,6509],{"class":4323},[4118,11579,9790],{"class":4540},[4118,11581,5222],{"class":4191},[4118,11583,5794],{"class":4393},[4118,11585,4404],{"class":4403},[4118,11587,3912],{"class":4191},[4118,11589,5801],{"class":4124},[4118,11591,5232],{"class":4191},[4118,11593,11594,11596,11598,11600,11602,11604,11606],{"class":4120,"line":4925},[4118,11595,6672],{"class":4403},[4118,11597,4404],{"class":4403},[4118,11599,3912],{"class":4191},[4118,11601,5986],{"class":4403},[4118,11603,3912],{"class":4191},[4118,11605,5991],{"class":4403},[4118,11607,4226],{"class":4191},[4118,11609,11610,11612,11614],{"class":4120,"line":4934},[4118,11611,6689],{"class":4403},[4118,11613,6015],{"class":4323},[4118,11615,4226],{"class":4191},[4118,11617,11618,11620,11622,11624,11626,11628],{"class":4120,"line":4953},[4118,11619,6698],{"class":4403},[4118,11621,4537],{"class":4191},[4118,11623,6041],{"class":5249},[4118,11625,3971],{"class":4191},[4118,11627,6041],{"class":5249},[4118,11629,6048],{"class":4191},[4118,11631,11632,11634,11636],{"class":4120,"line":4982},[4118,11633,6713],{"class":4403},[4118,11635,5250],{"class":5249},[4118,11637,4226],{"class":4191},[4118,11639,11640],{"class":4120,"line":4988},[4118,11641,6722],{"class":4191},[4118,11643,11644],{"class":4120,"line":5013},[4118,11645,4460],{"emptyLinePlaceholder":4459},[4118,11647,11648,11650,11652,11654,11656,11658,11660,11662],{"class":4120,"line":5019},[4118,11649,6537],{"class":4393},[4118,11651,4669],{"class":4191},[4118,11653,9870],{"class":4403},[4118,11655,3912],{"class":4191},[4118,11657,6182],{"class":4403},[4118,11659,4616],{"class":4191},[4118,11661,4619],{"class":4393},[4118,11663,4413],{"class":4191},[4118,11665,11666,11668,11670,11672],{"class":4120,"line":5029},[4118,11667,9889],{"class":4124},[4118,11669,7314],{"class":4191},[4118,11671,6187],{"class":4323},[4118,11673,7901],{"class":4191},[4118,11675,11676],{"class":4120,"line":5039},[4118,11677,4460],{"emptyLinePlaceholder":4459},[4118,11679,11680,11682],{"class":4120,"line":5050},[4118,11681,9900],{"class":4393},[4118,11683,5095],{"class":4191},[4118,11685,11686,11688,11690,11692,11694,11696,11698,11700,11702,11705,11707],{"class":4120,"line":5056},[4118,11687,9907],{"class":4323},[4118,11689,10865],{"class":4540},[4118,11691,5222],{"class":4191},[4118,11693,9870],{"class":4403},[4118,11695,3912],{"class":4191},[4118,11697,6362],{"class":4403},[4118,11699,6764],{"class":4191},[4118,11701,6767],{"class":5249},[4118,11703,11704],{"class":4191},"].",[4118,11706,8125],{"class":4403},[4118,11708,4413],{"class":4191},[4118,11710,11711],{"class":4120,"line":5063},[4118,11712,4460],{"emptyLinePlaceholder":4459},[4118,11714,11715],{"class":4120,"line":5080},[4118,11716,11717],{"class":4528},"      \u002F\u002F Стискаємо до 512×512, JPEG 82%\n",[4118,11719,11720,11722,11725,11727,11729,11731,11733,11735],{"class":4120,"line":5098},[4118,11721,9907],{"class":4323},[4118,11723,11724],{"class":4540}," compressed",[4118,11726,5222],{"class":4191},[4118,11728,5794],{"class":4393},[4118,11730,8881],{"class":4403},[4118,11732,3912],{"class":4191},[4118,11734,8909],{"class":4124},[4118,11736,5693],{"class":4191},[4118,11738,11739,11742],{"class":4120,"line":5109},[4118,11740,11741],{"class":4403},"        tempUri",[4118,11743,4226],{"class":4191},[4118,11745,11746,11749,11751,11753,11755,11757],{"class":4120,"line":5119},[4118,11747,11748],{"class":4191},"        [{ ",[4118,11750,9374],{"class":4403},[4118,11752,4420],{"class":4191},[4118,11754,9379],{"class":4403},[4118,11756,10056],{"class":5249},[4118,11758,9513],{"class":4191},[4118,11760,11761,11763,11766,11768,11770,11773,11775,11777,11779,11781,11783],{"class":4120,"line":5127},[4118,11762,5716],{"class":4191},[4118,11764,11765],{"class":4403},"compress:",[4118,11767,10075],{"class":5249},[4118,11769,3971],{"class":4191},[4118,11771,11772],{"class":4403},"format:",[4118,11774,8881],{"class":4403},[4118,11776,3912],{"class":4191},[4118,11778,9415],{"class":4403},[4118,11780,3912],{"class":4191},[4118,11782,9420],{"class":4540},[4118,11784,5333],{"class":4191},[4118,11786,11787],{"class":4120,"line":5132},[4118,11788,6632],{"class":4191},[4118,11790,11791],{"class":4120,"line":5155},[4118,11792,4460],{"emptyLinePlaceholder":4459},[4118,11794,11795],{"class":4120,"line":5161},[4118,11796,11797],{"class":4528},"      \u002F\u002F Гарантуємо директорію і зберігаємо\n",[4118,11799,11800,11802,11804,11806,11808,11810,11812,11814,11816,11818],{"class":4120,"line":5170},[4118,11801,6520],{"class":4393},[4118,11803,10550],{"class":4403},[4118,11805,3912],{"class":4191},[4118,11807,10799],{"class":4124},[4118,11809,7314],{"class":4191},[4118,11811,11218],{"class":4540},[4118,11813,10939],{"class":4191},[4118,11815,10829],{"class":4403},[4118,11817,6015],{"class":4323},[4118,11819,10876],{"class":4191},[4118,11821,11822,11824,11826,11828,11830,11832,11834,11836,11838,11840,11842,11844,11846],{"class":4120,"line":5179},[4118,11823,6520],{"class":4393},[4118,11825,10550],{"class":4403},[4118,11827,3912],{"class":4191},[4118,11829,10857],{"class":4124},[4118,11831,4511],{"class":4191},[4118,11833,10862],{"class":4403},[4118,11835,11724],{"class":4403},[4118,11837,3912],{"class":4191},[4118,11839,8125],{"class":4403},[4118,11841,3971],{"class":4191},[4118,11843,10870],{"class":4403},[4118,11845,11209],{"class":4540},[4118,11847,10876],{"class":4191},[4118,11849,11850],{"class":4120,"line":5187},[4118,11851,4460],{"emptyLinePlaceholder":4459},[4118,11853,11854],{"class":4120,"line":5197},[4118,11855,11856],{"class":4528},"      \u002F\u002F cache-buster — Image кешує URI, тому змінюємо query\n",[4118,11858,11859,11862,11864,11866,11868,11870,11872,11874,11876,11878,11880,11882,11884,11886,11888],{"class":4120,"line":5203},[4118,11860,11861],{"class":4124},"      setAvatarUri",[4118,11863,7314],{"class":4191},[4118,11865,10124],{"class":4128},[4118,11867,8491],{"class":4323},[4118,11869,11348],{"class":4540},[4118,11871,4698],{"class":4323},[4118,11873,11388],{"class":4128},[4118,11875,8491],{"class":4323},[4118,11877,11393],{"class":4403},[4118,11879,3912],{"class":4801},[4118,11881,11398],{"class":4124},[4118,11883,4977],{"class":4801},[4118,11885,4698],{"class":4323},[4118,11887,10124],{"class":4128},[4118,11889,7901],{"class":4191},[4118,11891,11892,11894,11896],{"class":4120,"line":5208},[4118,11893,10142],{"class":4191},[4118,11895,10145],{"class":4393},[4118,11897,5095],{"class":4191},[4118,11899,11900,11902,11904,11906],{"class":4120,"line":5213},[4118,11901,10152],{"class":4124},[4118,11903,7314],{"class":4191},[4118,11905,6213],{"class":4323},[4118,11907,7901],{"class":4191},[4118,11909,11910],{"class":4120,"line":5235},[4118,11911,6348],{"class":4191},[4118,11913,11914],{"class":4120,"line":5243},[4118,11915,6775],{"class":4191},[4118,11917,11918],{"class":4120,"line":5255},[4118,11919,4460],{"emptyLinePlaceholder":4459},[4118,11921,11922,11924,11927,11929,11931,11933,11935],{"class":4120,"line":5266},[4118,11923,4534],{"class":4323},[4118,11925,11926],{"class":4124}," deleteAvatar",[4118,11928,5222],{"class":4191},[4118,11930,5551],{"class":4323},[4118,11932,5090],{"class":4191},[4118,11934,4966],{"class":4323},[4118,11936,5095],{"class":4191},[4118,11938,11939,11941,11943,11945,11947,11949,11951,11953,11955,11957],{"class":4120,"line":5276},[4118,11940,5562],{"class":4393},[4118,11942,10550],{"class":4403},[4118,11944,3912],{"class":4191},[4118,11946,10932],{"class":4124},[4118,11948,7314],{"class":4191},[4118,11950,11348],{"class":4540},[4118,11952,10939],{"class":4191},[4118,11954,10942],{"class":4403},[4118,11956,6015],{"class":4323},[4118,11958,10876],{"class":4191},[4118,11960,11961,11964,11966,11968],{"class":4120,"line":5287},[4118,11962,11963],{"class":4124},"    setAvatarUri",[4118,11965,7314],{"class":4191},[4118,11967,6492],{"class":4323},[4118,11969,7901],{"class":4191},[4118,11971,11972],{"class":4120,"line":5298},[4118,11973,6775],{"class":4191},[4118,11975,11976],{"class":4120,"line":5304},[4118,11977,4460],{"emptyLinePlaceholder":4459},[4118,11979,11980,11982,11984,11986,11988,11990,11992,11995,11997,12000],{"class":4120,"line":5336},[4118,11981,4775],{"class":4393},[4118,11983,4420],{"class":4191},[4118,11985,11249],{"class":4403},[4118,11987,3971],{"class":4191},[4118,11989,9703],{"class":4403},[4118,11991,3971],{"class":4191},[4118,11993,11994],{"class":4403},"pickAvatar",[4118,11996,3971],{"class":4191},[4118,11998,11999],{"class":4403},"deleteAvatar",[4118,12001,6791],{"class":4191},[4118,12003,12004],{"class":4120,"line":5365},[4118,12005,4353],{"class":4191},[3808,12007,12008,12014,12015,12017,12018,12021,12022,12024,12025,12028,12029,12031,12032,12034,12035,12037],{},[3754,12009,12010,12011,8964],{},"Cache-buster (",[3787,12012,12013],{},"?t=..."," Компонент ",[3787,12016,8129],{}," кешує зображення за URI. Якщо ми завжди зберігаємо в ",[3787,12019,12020],{},"current.jpg"," з тим самим URI — ",[3787,12023,8129],{}," покаже стару картинку з кешу після оновлення файлу. Унікальний query-параметр ",[3787,12026,12027],{},"?t=${Date.now()}"," змушує ",[3787,12030,8129],{}," завантажити файл заново. Цей ",[3787,12033,11388],{}," не впливає на шлях файлу — ",[3787,12036,10576],{}," ігнорує query-частину URI.",[3830,12039,12041,12042],{"id":12040},"_45-завантаження-файлу-на-сервер-через-formdata","4.5. Завантаження файлу на сервер через ",[3787,12043,12044],{},"FormData",[3743,12046,12047,12048,12050,12051,5045],{},"Після стиснення і збереження файл треба відправити на сервер. Стандартний спосіб — ",[3787,12049,12044],{}," + ",[3787,12052,12053],{},"fetch",[4108,12055,12058],{"className":4382,"code":12056,"filename":12057,"language":4385,"meta":4386,"style":4114},"export async function uploadAvatar(\n  localUri: string,\n  authToken: string,\n): Promise\u003C{ avatarUrl: string }> {\n  const formData = new FormData();\n\n  \u002F\u002F В React Native FormData приймає об'єкт з uri, name, type\n  formData.append('avatar', {\n    uri: localUri,\n    name: 'avatar.jpg',\n    type: 'image\u002Fjpeg',\n  } as unknown as Blob);\n\n  const response = await fetch('https:\u002F\u002Fapi.example.com\u002Fprofile\u002Favatar', {\n    method: 'POST',\n    headers: {\n      Authorization: `Bearer ${authToken}`,\n      \u002F\u002F НЕ встановлюйте Content-Type вручну — fetch зробить це сам!\n      \u002F\u002F Він додасть boundary: 'multipart\u002Fform-data; boundary=----...'\n    },\n    body: formData,\n  });\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`Upload failed: ${response.status} ${error}`);\n  }\n\n  return response.json();\n}\n","features\u002Fprofile\u002FuploadAvatar.ts",[3787,12059,12060,12073,12084,12095,12114,12131,12135,12140,12157,12167,12177,12186,12204,12208,12229,12239,12246,12265,12270,12275,12279,12288,12292,12296,12312,12331,12369,12373,12377,12389],{"__ignoreMap":4114},[4118,12061,12062,12064,12066,12068,12071],{"class":4120,"line":4121},[4118,12063,4502],{"class":4393},[4118,12065,5938],{"class":4323},[4118,12067,4505],{"class":4323},[4118,12069,12070],{"class":4124}," uploadAvatar",[4118,12072,5693],{"class":4191},[4118,12074,12075,12078,12080,12082],{"class":4120,"line":4195},[4118,12076,12077],{"class":4403},"  localUri",[4118,12079,4241],{"class":4191},[4118,12081,9175],{"class":4468},[4118,12083,4226],{"class":4191},[4118,12085,12086,12089,12091,12093],{"class":4120,"line":4205},[4118,12087,12088],{"class":4403},"  authToken",[4118,12090,4241],{"class":4191},[4118,12092,9175],{"class":4468},[4118,12094,4226],{"class":4191},[4118,12096,12097,12099,12101,12104,12107,12109,12111],{"class":4120,"line":4214},[4118,12098,9248],{"class":4191},[4118,12100,6480],{"class":4468},[4118,12102,12103],{"class":4191},"\u003C{ ",[4118,12105,12106],{"class":4403},"avatarUrl",[4118,12108,4241],{"class":4191},[4118,12110,9175],{"class":4468},[4118,12112,12113],{"class":4191}," }> {\n",[4118,12115,12116,12118,12121,12123,12126,12129],{"class":4120,"line":4220},[4118,12117,4534],{"class":4323},[4118,12119,12120],{"class":4540}," formData",[4118,12122,5222],{"class":4191},[4118,12124,12125],{"class":4323},"new",[4118,12127,12128],{"class":4124}," FormData",[4118,12130,4562],{"class":4191},[4118,12132,12133],{"class":4120,"line":4229},[4118,12134,4460],{"emptyLinePlaceholder":4459},[4118,12136,12137],{"class":4120,"line":4235},[4118,12138,12139],{"class":4528},"  \u002F\u002F В React Native FormData приймає об'єкт з uri, name, type\n",[4118,12141,12142,12145,12147,12150,12152,12155],{"class":4120,"line":4249},[4118,12143,12144],{"class":4403},"  formData",[4118,12146,3912],{"class":4191},[4118,12148,12149],{"class":4124},"append",[4118,12151,7314],{"class":4191},[4118,12153,12154],{"class":4128},"'avatar'",[4118,12156,10048],{"class":4191},[4118,12158,12159,12162,12165],{"class":4120,"line":4260},[4118,12160,12161],{"class":4403},"    uri:",[4118,12163,12164],{"class":4403}," localUri",[4118,12166,4226],{"class":4191},[4118,12168,12169,12172,12175],{"class":4120,"line":4266},[4118,12170,12171],{"class":4403},"    name:",[4118,12173,12174],{"class":4128}," 'avatar.jpg'",[4118,12176,4226],{"class":4191},[4118,12178,12179,12182,12184],{"class":4120,"line":4272},[4118,12180,12181],{"class":4403},"    type:",[4118,12183,6302],{"class":4128},[4118,12185,4226],{"class":4191},[4118,12187,12188,12191,12194,12197,12199,12202],{"class":4120,"line":4277},[4118,12189,12190],{"class":4191},"  } ",[4118,12192,12193],{"class":4393},"as",[4118,12195,12196],{"class":4468}," unknown",[4118,12198,4400],{"class":4393},[4118,12200,12201],{"class":4468}," Blob",[4118,12203,7901],{"class":4191},[4118,12205,12206],{"class":4120,"line":4285},[4118,12207,4460],{"emptyLinePlaceholder":4459},[4118,12209,12210,12212,12215,12217,12219,12222,12224,12227],{"class":4120,"line":4290},[4118,12211,4534],{"class":4323},[4118,12213,12214],{"class":4540}," response",[4118,12216,5222],{"class":4191},[4118,12218,5794],{"class":4393},[4118,12220,12221],{"class":4124}," fetch",[4118,12223,7314],{"class":4191},[4118,12225,12226],{"class":4128},"'https:\u002F\u002Fapi.example.com\u002Fprofile\u002Favatar'",[4118,12228,10048],{"class":4191},[4118,12230,12231,12234,12237],{"class":4120,"line":4302},[4118,12232,12233],{"class":4403},"    method:",[4118,12235,12236],{"class":4128}," 'POST'",[4118,12238,4226],{"class":4191},[4118,12240,12241,12244],{"class":4120,"line":4315},[4118,12242,12243],{"class":4403},"    headers:",[4118,12245,5095],{"class":4191},[4118,12247,12248,12251,12254,12256,12259,12261,12263],{"class":4120,"line":4327},[4118,12249,12250],{"class":4403},"      Authorization:",[4118,12252,12253],{"class":4128}," `Bearer ",[4118,12255,8491],{"class":4323},[4118,12257,12258],{"class":4403},"authToken",[4118,12260,4698],{"class":4323},[4118,12262,10124],{"class":4128},[4118,12264,4226],{"class":4191},[4118,12266,12267],{"class":4120,"line":4332},[4118,12268,12269],{"class":4528},"      \u002F\u002F НЕ встановлюйте Content-Type вручну — fetch зробить це сам!\n",[4118,12271,12272],{"class":4120,"line":4338},[4118,12273,12274],{"class":4528},"      \u002F\u002F Він додасть boundary: 'multipart\u002Fform-data; boundary=----...'\n",[4118,12276,12277],{"class":4120,"line":4344},[4118,12278,9427],{"class":4191},[4118,12280,12281,12284,12286],{"class":4120,"line":4350},[4118,12282,12283],{"class":4403},"    body:",[4118,12285,12120],{"class":4403},[4118,12287,4226],{"class":4191},[4118,12289,12290],{"class":4120,"line":4677},[4118,12291,5813],{"class":4191},[4118,12293,12294],{"class":4120,"line":4683},[4118,12295,4460],{"emptyLinePlaceholder":4459},[4118,12297,12298,12300,12302,12305,12307,12310],{"class":4120,"line":4706},[4118,12299,4603],{"class":4393},[4118,12301,4606],{"class":4191},[4118,12303,12304],{"class":4403},"response",[4118,12306,3912],{"class":4191},[4118,12308,12309],{"class":4403},"ok",[4118,12311,4523],{"class":4191},[4118,12313,12314,12316,12319,12321,12323,12325,12327,12329],{"class":4120,"line":4711},[4118,12315,6509],{"class":4323},[4118,12317,12318],{"class":4540}," error",[4118,12320,5222],{"class":4191},[4118,12322,5794],{"class":4393},[4118,12324,12214],{"class":4403},[4118,12326,3912],{"class":4191},[4118,12328,10469],{"class":4124},[4118,12330,4562],{"class":4191},[4118,12332,12333,12336,12339,12342,12344,12347,12349,12351,12353,12355,12357,12360,12363,12365,12367],{"class":4120,"line":4716},[4118,12334,12335],{"class":4393},"    throw",[4118,12337,12338],{"class":4323}," new",[4118,12340,12341],{"class":4124}," Error",[4118,12343,7314],{"class":4191},[4118,12345,12346],{"class":4128},"`Upload failed: ",[4118,12348,8491],{"class":4323},[4118,12350,12304],{"class":4403},[4118,12352,3912],{"class":4801},[4118,12354,4739],{"class":4403},[4118,12356,4698],{"class":4323},[4118,12358,12359],{"class":4323}," ${",[4118,12361,12362],{"class":4403},"error",[4118,12364,4698],{"class":4323},[4118,12366,10124],{"class":4128},[4118,12368,7901],{"class":4191},[4118,12370,12371],{"class":4120,"line":4722},[4118,12372,4347],{"class":4191},[4118,12374,12375],{"class":4120,"line":4732},[4118,12376,4460],{"emptyLinePlaceholder":4459},[4118,12378,12379,12381,12383,12385,12387],{"class":4120,"line":4751},[4118,12380,4775],{"class":4393},[4118,12382,12214],{"class":4403},[4118,12384,3912],{"class":4191},[4118,12386,4184],{"class":4124},[4118,12388,4562],{"class":4191},[4118,12390,12391],{"class":4120,"line":4767},[4118,12392,4353],{"class":4191},[12394,12395,12396,12397,12400,12401,12403,12404,12407,12408,12411,12412,12414,12415,3912],"caution",{},"Не встановлюйте заголовок ",[3787,12398,12399],{},"Content-Type: multipart\u002Fform-data"," вручну. ",[3787,12402,12053],{}," генерує ",[3787,12405,12406],{},"boundary"," автоматично і вставляє його в заголовок. Якщо вказати ",[3787,12409,12410],{},"Content-Type"," вручну без правильного ",[3787,12413,12406],{}," — сервер не зможе розпарсити тіло запиту і поверне ",[3787,12416,12417],{},"400 Bad Request",[3830,12419,12421,12422],{"id":12420},"_46-альтернатива-filesystemuploadasync","4.6. Альтернатива: ",[3787,12423,12424],{},"FileSystem.uploadAsync",[3743,12426,12427,12429],{},[3787,12428,3801],{}," має власний метод завантаження, який продовжує роботу навіть якщо застосунок згорнутий:",[4108,12431,12433],{"className":6164,"code":12432,"language":6166,"meta":4114,"style":4114},"const uploadResult = await FileSystem.uploadAsync(\n  'https:\u002F\u002Fapi.example.com\u002Fprofile\u002Favatar',\n  localUri,\n  {\n    httpMethod: 'POST',\n    uploadType: FileSystem.FileSystemUploadType.MULTIPART,\n    fieldName: 'avatar',\n    mimeType: 'image\u002Fjpeg',\n    headers: { Authorization: `Bearer ${authToken}` },\n    sessionType: FileSystem.FileSystemSessionType.BACKGROUND,\n  },\n);\n\nif (uploadResult.status !== 200) {\n  throw new Error(`Upload failed: ${uploadResult.status}`);\n}\nconst body = JSON.parse(uploadResult.body);\n",[3787,12434,12435,12455,12462,12468,12473,12482,12501,12511,12520,12541,12560,12564,12568,12572,12592,12619,12623],{"__ignoreMap":4114},[4118,12436,12437,12439,12442,12444,12446,12448,12450,12453],{"class":4120,"line":4121},[4118,12438,5216],{"class":4323},[4118,12440,12441],{"class":4540}," uploadResult",[4118,12443,5222],{"class":4191},[4118,12445,5794],{"class":4393},[4118,12447,10550],{"class":4403},[4118,12449,3912],{"class":4191},[4118,12451,12452],{"class":4124},"uploadAsync",[4118,12454,5693],{"class":4191},[4118,12456,12457,12460],{"class":4120,"line":4195},[4118,12458,12459],{"class":4128},"  'https:\u002F\u002Fapi.example.com\u002Fprofile\u002Favatar'",[4118,12461,4226],{"class":4191},[4118,12463,12464,12466],{"class":4120,"line":4205},[4118,12465,12077],{"class":4403},[4118,12467,4226],{"class":4191},[4118,12469,12470],{"class":4120,"line":4214},[4118,12471,12472],{"class":4191},"  {\n",[4118,12474,12475,12478,12480],{"class":4120,"line":4220},[4118,12476,12477],{"class":4403},"    httpMethod:",[4118,12479,12236],{"class":4128},[4118,12481,4226],{"class":4191},[4118,12483,12484,12487,12489,12491,12494,12496,12499],{"class":4120,"line":4229},[4118,12485,12486],{"class":4403},"    uploadType:",[4118,12488,10550],{"class":4403},[4118,12490,3912],{"class":4191},[4118,12492,12493],{"class":4403},"FileSystemUploadType",[4118,12495,3912],{"class":4191},[4118,12497,12498],{"class":4540},"MULTIPART",[4118,12500,4226],{"class":4191},[4118,12502,12503,12506,12509],{"class":4120,"line":4235},[4118,12504,12505],{"class":4403},"    fieldName:",[4118,12507,12508],{"class":4128}," 'avatar'",[4118,12510,4226],{"class":4191},[4118,12512,12513,12516,12518],{"class":4120,"line":4249},[4118,12514,12515],{"class":4403},"    mimeType:",[4118,12517,6302],{"class":4128},[4118,12519,4226],{"class":4191},[4118,12521,12522,12524,12526,12529,12531,12533,12535,12537,12539],{"class":4120,"line":4260},[4118,12523,12243],{"class":4403},[4118,12525,4420],{"class":4191},[4118,12527,12528],{"class":4403},"Authorization:",[4118,12530,12253],{"class":4128},[4118,12532,8491],{"class":4323},[4118,12534,12258],{"class":4403},[4118,12536,4698],{"class":4323},[4118,12538,10124],{"class":4128},[4118,12540,5333],{"class":4191},[4118,12542,12543,12546,12548,12550,12553,12555,12558],{"class":4120,"line":4266},[4118,12544,12545],{"class":4403},"    sessionType:",[4118,12547,10550],{"class":4403},[4118,12549,3912],{"class":4191},[4118,12551,12552],{"class":4403},"FileSystemSessionType",[4118,12554,3912],{"class":4191},[4118,12556,12557],{"class":4540},"BACKGROUND",[4118,12559,4226],{"class":4191},[4118,12561,12562],{"class":4120,"line":4272},[4118,12563,5301],{"class":4191},[4118,12565,12566],{"class":4120,"line":4277},[4118,12567,7901],{"class":4191},[4118,12569,12570],{"class":4120,"line":4285},[4118,12571,4460],{"emptyLinePlaceholder":4459},[4118,12573,12574,12576,12578,12581,12583,12585,12587,12590],{"class":4120,"line":4290},[4118,12575,10675],{"class":4393},[4118,12577,4669],{"class":4191},[4118,12579,12580],{"class":4403},"uploadResult",[4118,12582,3912],{"class":4191},[4118,12584,4739],{"class":4403},[4118,12586,5675],{"class":4191},[4118,12588,12589],{"class":5249},"200",[4118,12591,4523],{"class":4191},[4118,12593,12594,12597,12599,12601,12603,12605,12607,12609,12611,12613,12615,12617],{"class":4120,"line":4302},[4118,12595,12596],{"class":4393},"  throw",[4118,12598,12338],{"class":4323},[4118,12600,12341],{"class":4124},[4118,12602,7314],{"class":4191},[4118,12604,12346],{"class":4128},[4118,12606,8491],{"class":4323},[4118,12608,12580],{"class":4403},[4118,12610,3912],{"class":4801},[4118,12612,4739],{"class":4403},[4118,12614,4698],{"class":4323},[4118,12616,10124],{"class":4128},[4118,12618,7901],{"class":4191},[4118,12620,12621],{"class":4120,"line":4315},[4118,12622,4353],{"class":4191},[4118,12624,12625,12627,12630,12632,12634,12636,12639,12641,12643,12645,12648],{"class":4120,"line":4327},[4118,12626,5216],{"class":4323},[4118,12628,12629],{"class":4540}," body",[4118,12631,5222],{"class":4191},[4118,12633,11004],{"class":4540},[4118,12635,3912],{"class":4191},[4118,12637,12638],{"class":4124},"parse",[4118,12640,7314],{"class":4191},[4118,12642,12580],{"class":4403},[4118,12644,3912],{"class":4191},[4118,12646,12647],{"class":4403},"body",[4118,12649,7901],{"class":4191},[3808,12651,12652,12654,12655,12657,12658,3912],{},[3787,12653,12424],{}," використовує нативний HTTP-клієнт ОС (URLSession на iOS, OkHttp на Android), тому продовжує роботу навіть при згортанні застосунку. ",[3787,12656,12053],{}," може бути перерваний на iOS. Для файлів більше 5 МБ або відео завжди використовуйте ",[3787,12659,12452],{},[3823,12661],{},[3738,12663,12665,12666,8066],{"id":12664},"робота-з-медіа-бібліотекою-expo-media-library","Робота з медіа-бібліотекою (",[3787,12667,3793],{},[3830,12669,12671,12672,12674,12675],{"id":12670},"_51-різниця-між-expo-image-picker-та-expo-media-library","5.1. Різниця між ",[3787,12673,3789],{}," та ",[3787,12676,3793],{},[3743,12678,12679],{},"Початківці часто плутають ці два пакети. Прояснимо різницю:",[3897,12681,12682,12707],{},[3900,12683,12686],{"icon":12684,"title":12685},"i-lucide-camera","expo-image-picker (Вибір \u002F Зйомка)",[3747,12687,12688,12695,12698,12701],{},[3750,12689,12690,12691,12694],{},"Відкриває ",[3754,12692,12693],{},"системний модальний інтерфейс"," вибору або камеру.",[3750,12696,12697],{},"Не потребує дозволу на повний доступ до сховища (працює через системний Sandbox\u002FPicker).",[3750,12699,12700],{},"Повертає лише вибраний користувачем файл як тимчасовий URI.",[3750,12702,12703,12706],{},[3754,12704,12705],{},"Не може"," зберігати фото в загальну галерею пристрою чи читати довільні альбоми.",[3900,12708,12711],{"icon":12709,"title":12710},"i-lucide-images","expo-media-library (Керування галереєю)",[3747,12712,12713,12720,12723,12726],{},[3750,12714,12715,12716,12719],{},"Надає ",[3754,12717,12718],{},"прямий програмний доступ"," до медіа-бібліотеки користувача (Camera Roll).",[3750,12721,12722],{},"Дозволяє створювати кастомні альбоми (наприклад, «Nomad Trips»).",[3750,12724,12725],{},"Дозволяє зберігати щойно зроблені або згенеровані фото прямо у системну галерею пристрою.",[3750,12727,12728],{},"Дозволяє отримувати список останніх фото користувача для побудови власної сітки (custom gallery grid).",[3830,12730,12732],{"id":12731},"_52-збереження-фото-в-системну-галерею-та-створення-альбому","5.2. Збереження фото в системну галерею та створення альбому",[3743,12734,12735],{},"Якщо ваш застосунок створює контент (наприклад, генерує звіт, квиток, відредаговане фото або робить знімок через кастомну камеру), користувач очікує знайти цей результат у своєму рідному додатку «Фото» або «Галерея».",[3743,12737,12738],{},"Ось як зберегти локальний файл у галерею і помістити його в окремий альбом:",[4108,12740,12743],{"className":4382,"code":12741,"filename":12742,"language":4385,"meta":4386,"style":4114},"import * as MediaLibrary from 'expo-media-library';\nimport { Alert, Linking } from 'react-native';\n\nexport async function savePhotoToCustomAlbum(\n  localUri: string,\n  albumName: string = 'Nomad',\n): Promise\u003Cboolean> {\n  \u002F\u002F 1. Запитуємо дозвіл на запис у бібліотеку\n  const { status } = await MediaLibrary.requestPermissionsAsync(true); \u002F\u002F writeOnly = true\n\n  if (status !== 'granted') {\n    Alert.alert(\n      'Немає дозволу',\n      'Щоб зберегти фото в галерею, надайте доступ у Налаштуваннях.',\n      [\n        { text: 'Скасувати', style: 'cancel' },\n        { text: 'Налаштування', onPress: () => Linking.openSettings() },\n      ],\n    );\n    return false;\n  }\n\n  try {\n    \u002F\u002F 2. Створюємо asset у системній бібліотеці\n    const asset = await MediaLibrary.createAssetAsync(localUri);\n\n    \u002F\u002F 3. Перевіряємо, чи вже існує наш альбом\n    const album = await MediaLibrary.getAlbumAsync(albumName);\n\n    if (album === null) {\n      \u002F\u002F Альбому ще немає — створюємо новий разом з цим asset\n      await MediaLibrary.createAlbumAsync(albumName, asset, false);\n    } else {\n      \u002F\u002F Альбом уже є — додаємо asset до існуючого альбому\n      await MediaLibrary.addAssetsToAlbumAsync([asset], album, false);\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Помилка збереження фото в галерею:', error);\n    Alert.alert('Помилка', 'Не вдалося зберегти фото в галерею.');\n    return false;\n  }\n}\n","features\u002Fmedia\u002FsaveToGallery.ts",[3787,12744,12745,12763,12783,12787,12800,12810,12826,12838,12843,12872,12876,12890,12900,12907,12914,12918,12934,12960,12964,12968,12976,12980,12984,12991,12996,13020,13024,13029,13054,13058,13073,13078,13103,13112,13117,13144,13148,13152,13160,13173,13193,13213,13221,13225],{"__ignoreMap":4114},[4118,12746,12747,12749,12751,12753,12756,12758,12761],{"class":4120,"line":4121},[4118,12748,4394],{"class":4393},[4118,12750,4397],{"class":4323},[4118,12752,4400],{"class":4393},[4118,12754,12755],{"class":4403}," MediaLibrary",[4118,12757,4407],{"class":4393},[4118,12759,12760],{"class":4128}," 'expo-media-library'",[4118,12762,4413],{"class":4191},[4118,12764,12765,12767,12769,12771,12773,12775,12777,12779,12781],{"class":4120,"line":4195},[4118,12766,4394],{"class":4393},[4118,12768,4420],{"class":4191},[4118,12770,6411],{"class":4403},[4118,12772,3971],{"class":4191},[4118,12774,4423],{"class":4403},[4118,12776,4446],{"class":4191},[4118,12778,4449],{"class":4393},[4118,12780,4452],{"class":4128},[4118,12782,4413],{"class":4191},[4118,12784,12785],{"class":4120,"line":4205},[4118,12786,4460],{"emptyLinePlaceholder":4459},[4118,12788,12789,12791,12793,12795,12798],{"class":4120,"line":4214},[4118,12790,4502],{"class":4393},[4118,12792,5938],{"class":4323},[4118,12794,4505],{"class":4323},[4118,12796,12797],{"class":4124}," savePhotoToCustomAlbum",[4118,12799,5693],{"class":4191},[4118,12801,12802,12804,12806,12808],{"class":4120,"line":4220},[4118,12803,12077],{"class":4403},[4118,12805,4241],{"class":4191},[4118,12807,9175],{"class":4468},[4118,12809,4226],{"class":4191},[4118,12811,12812,12815,12817,12819,12821,12824],{"class":4120,"line":4229},[4118,12813,12814],{"class":4403},"  albumName",[4118,12816,4241],{"class":4191},[4118,12818,9175],{"class":4468},[4118,12820,5222],{"class":4191},[4118,12822,12823],{"class":4128},"'Nomad'",[4118,12825,4226],{"class":4191},[4118,12827,12828,12830,12832,12834,12836],{"class":4120,"line":4235},[4118,12829,9248],{"class":4191},[4118,12831,6480],{"class":4468},[4118,12833,6483],{"class":4191},[4118,12835,9047],{"class":4468},[4118,12837,9258],{"class":4191},[4118,12839,12840],{"class":4120,"line":4249},[4118,12841,12842],{"class":4528},"  \u002F\u002F 1. Запитуємо дозвіл на запис у бібліотеку\n",[4118,12844,12845,12847,12849,12851,12853,12855,12857,12859,12862,12864,12866,12869],{"class":4120,"line":4260},[4118,12846,4534],{"class":4323},[4118,12848,4420],{"class":4191},[4118,12850,4739],{"class":4540},[4118,12852,7571],{"class":4191},[4118,12854,5794],{"class":4393},[4118,12856,12755],{"class":4403},[4118,12858,3912],{"class":4191},[4118,12860,12861],{"class":4124},"requestPermissionsAsync",[4118,12863,7314],{"class":4191},[4118,12865,6187],{"class":4323},[4118,12867,12868],{"class":4191},"); ",[4118,12870,12871],{"class":4528},"\u002F\u002F writeOnly = true\n",[4118,12873,12874],{"class":4120,"line":4266},[4118,12875,4460],{"emptyLinePlaceholder":4459},[4118,12877,12878,12880,12882,12884,12886,12888],{"class":4120,"line":4272},[4118,12879,4603],{"class":4393},[4118,12881,4669],{"class":4191},[4118,12883,4739],{"class":4403},[4118,12885,5675],{"class":4191},[4118,12887,5678],{"class":4128},[4118,12889,4523],{"class":4191},[4118,12891,12892,12894,12896,12898],{"class":4120,"line":4277},[4118,12893,5685],{"class":4403},[4118,12895,3912],{"class":4191},[4118,12897,5690],{"class":4124},[4118,12899,5693],{"class":4191},[4118,12901,12902,12905],{"class":4120,"line":4285},[4118,12903,12904],{"class":4128},"      'Немає дозволу'",[4118,12906,4226],{"class":4191},[4118,12908,12909,12912],{"class":4120,"line":4290},[4118,12910,12911],{"class":4128},"      'Щоб зберегти фото в галерею, надайте доступ у Налаштуваннях.'",[4118,12913,4226],{"class":4191},[4118,12915,12916],{"class":4120,"line":4302},[4118,12917,4217],{"class":4191},[4118,12919,12920,12922,12924,12926,12928,12930,12932],{"class":4120,"line":4315},[4118,12921,5716],{"class":4191},[4118,12923,5719],{"class":4403},[4118,12925,5722],{"class":4128},[4118,12927,3971],{"class":4191},[4118,12929,5727],{"class":4403},[4118,12931,5730],{"class":4128},[4118,12933,5333],{"class":4191},[4118,12935,12936,12938,12940,12942,12944,12946,12948,12950,12952,12954,12956,12958],{"class":4120,"line":4327},[4118,12937,5716],{"class":4191},[4118,12939,5719],{"class":4403},[4118,12941,5741],{"class":4128},[4118,12943,3971],{"class":4191},[4118,12945,6607],{"class":4124},[4118,12947,5045],{"class":4403},[4118,12949,5090],{"class":4191},[4118,12951,4966],{"class":4323},[4118,12953,4969],{"class":4403},[4118,12955,3912],{"class":4191},[4118,12957,4974],{"class":4124},[4118,12959,6622],{"class":4191},[4118,12961,12962],{"class":4120,"line":4332},[4118,12963,4269],{"class":4191},[4118,12965,12966],{"class":4120,"line":4338},[4118,12967,5763],{"class":4191},[4118,12969,12970,12972,12974],{"class":4120,"line":4344},[4118,12971,4686],{"class":4393},[4118,12973,6089],{"class":4323},[4118,12975,4413],{"class":4191},[4118,12977,12978],{"class":4120,"line":4350},[4118,12979,4347],{"class":4191},[4118,12981,12982],{"class":4120,"line":4677},[4118,12983,4460],{"emptyLinePlaceholder":4459},[4118,12985,12986,12989],{"class":4120,"line":4683},[4118,12987,12988],{"class":4393},"  try",[4118,12990,5095],{"class":4191},[4118,12992,12993],{"class":4120,"line":4706},[4118,12994,12995],{"class":4528},"    \u002F\u002F 2. Створюємо asset у системній бібліотеці\n",[4118,12997,12998,13000,13002,13004,13006,13008,13010,13013,13015,13018],{"class":4120,"line":4711},[4118,12999,6509],{"class":4323},[4118,13001,7888],{"class":4540},[4118,13003,5222],{"class":4191},[4118,13005,5794],{"class":4393},[4118,13007,12755],{"class":4403},[4118,13009,3912],{"class":4191},[4118,13011,13012],{"class":4124},"createAssetAsync",[4118,13014,7314],{"class":4191},[4118,13016,13017],{"class":4403},"localUri",[4118,13019,7901],{"class":4191},[4118,13021,13022],{"class":4120,"line":4716},[4118,13023,4460],{"emptyLinePlaceholder":4459},[4118,13025,13026],{"class":4120,"line":4722},[4118,13027,13028],{"class":4528},"    \u002F\u002F 3. Перевіряємо, чи вже існує наш альбом\n",[4118,13030,13031,13033,13036,13038,13040,13042,13044,13047,13049,13052],{"class":4120,"line":4732},[4118,13032,6509],{"class":4323},[4118,13034,13035],{"class":4540}," album",[4118,13037,5222],{"class":4191},[4118,13039,5794],{"class":4393},[4118,13041,12755],{"class":4403},[4118,13043,3912],{"class":4191},[4118,13045,13046],{"class":4124},"getAlbumAsync",[4118,13048,7314],{"class":4191},[4118,13050,13051],{"class":4403},"albumName",[4118,13053,7901],{"class":4191},[4118,13055,13056],{"class":4120,"line":4751},[4118,13057,4460],{"emptyLinePlaceholder":4459},[4118,13059,13060,13062,13064,13067,13069,13071],{"class":4120,"line":4767},[4118,13061,6537],{"class":4393},[4118,13063,4669],{"class":4191},[4118,13065,13066],{"class":4403},"album",[4118,13068,4742],{"class":4191},[4118,13070,6492],{"class":4323},[4118,13072,4523],{"class":4191},[4118,13074,13075],{"class":4120,"line":4772},[4118,13076,13077],{"class":4528},"      \u002F\u002F Альбому ще немає — створюємо новий разом з цим asset\n",[4118,13079,13080,13082,13084,13086,13089,13091,13093,13095,13097,13099,13101],{"class":4120,"line":4781},[4118,13081,6520],{"class":4393},[4118,13083,12755],{"class":4403},[4118,13085,3912],{"class":4191},[4118,13087,13088],{"class":4124},"createAlbumAsync",[4118,13090,7314],{"class":4191},[4118,13092,13051],{"class":4403},[4118,13094,3971],{"class":4191},[4118,13096,7799],{"class":4403},[4118,13098,3971],{"class":4191},[4118,13100,6213],{"class":4323},[4118,13102,7901],{"class":4191},[4118,13104,13105,13107,13110],{"class":4120,"line":4812},[4118,13106,10142],{"class":4191},[4118,13108,13109],{"class":4393},"else",[4118,13111,5095],{"class":4191},[4118,13113,13114],{"class":4120,"line":4848},[4118,13115,13116],{"class":4528},"      \u002F\u002F Альбом уже є — додаємо asset до існуючого альбому\n",[4118,13118,13119,13121,13123,13125,13128,13131,13133,13136,13138,13140,13142],{"class":4120,"line":4872},[4118,13120,6520],{"class":4393},[4118,13122,12755],{"class":4403},[4118,13124,3912],{"class":4191},[4118,13126,13127],{"class":4124},"addAssetsToAlbumAsync",[4118,13129,13130],{"class":4191},"([",[4118,13132,7799],{"class":4403},[4118,13134,13135],{"class":4191},"], ",[4118,13137,13066],{"class":4403},[4118,13139,3971],{"class":4191},[4118,13141,6213],{"class":4323},[4118,13143,7901],{"class":4191},[4118,13145,13146],{"class":4120,"line":4878},[4118,13147,6348],{"class":4191},[4118,13149,13150],{"class":4120,"line":4884},[4118,13151,4460],{"emptyLinePlaceholder":4459},[4118,13153,13154,13156,13158],{"class":4120,"line":4894},[4118,13155,4686],{"class":4393},[4118,13157,6015],{"class":4323},[4118,13159,4413],{"class":4191},[4118,13161,13162,13164,13167,13169,13171],{"class":4120,"line":4899},[4118,13163,12190],{"class":4191},[4118,13165,13166],{"class":4393},"catch",[4118,13168,4669],{"class":4191},[4118,13170,12362],{"class":4403},[4118,13172,4523],{"class":4191},[4118,13174,13175,13178,13180,13182,13184,13187,13189,13191],{"class":4120,"line":4913},[4118,13176,13177],{"class":4403},"    console",[4118,13179,3912],{"class":4191},[4118,13181,12362],{"class":4124},[4118,13183,7314],{"class":4191},[4118,13185,13186],{"class":4128},"'Помилка збереження фото в галерею:'",[4118,13188,3971],{"class":4191},[4118,13190,12362],{"class":4403},[4118,13192,7901],{"class":4191},[4118,13194,13195,13197,13199,13201,13203,13206,13208,13211],{"class":4120,"line":4919},[4118,13196,5685],{"class":4403},[4118,13198,3912],{"class":4191},[4118,13200,5690],{"class":4124},[4118,13202,7314],{"class":4191},[4118,13204,13205],{"class":4128},"'Помилка'",[4118,13207,3971],{"class":4191},[4118,13209,13210],{"class":4128},"'Не вдалося зберегти фото в галерею.'",[4118,13212,7901],{"class":4191},[4118,13214,13215,13217,13219],{"class":4120,"line":4925},[4118,13216,4686],{"class":4393},[4118,13218,6089],{"class":4323},[4118,13220,4413],{"class":4191},[4118,13222,13223],{"class":4120,"line":4934},[4118,13224,4347],{"class":4191},[4118,13226,13227],{"class":4120,"line":4953},[4118,13228,4353],{"class":4191},[3886,13230,13231,13232,13235,13236,12674,13238,13240],{},"Параметр ",[3787,13233,13234],{},"copyAsset: false"," у викликах ",[3787,13237,13088],{},[3787,13239,13127],{}," запобігає дублюванню файлу на Android (файли переміщуються замість дублювання байтів).",[3823,13242],{},[3738,13244,13246],{"id":13245},"міні-проєкт-фото-бейдж","Міні-проєкт: «Фото-бейдж»",[3743,13248,13249],{},"Побудуємо автономний міні-проєкт — інтерактивний екран створення бейджа учасника або співробітника.",[3743,13251,13252],{},[3754,13253,13254],{},"Що буде реалізовано:",[3849,13256,13257,13260,13263,13266,13273],{},[3750,13258,13259],{},"Екран з карткою-бейджем (аватар, ім'я, посада, QR\u002Fстатус).",[3750,13261,13262],{},"Кнопка вибору фото з діями: «Зробити знімок» або «Обрати з галереї».",[3750,13264,13265],{},"Кадрування та автоматичне апаратне стиснення фото до розміру 512×512 px (JPEG 80%).",[3750,13267,13268,13269,13272],{},"Постійне збереження аватара у ",[3787,13270,13271],{},"FileSystem.documentDirectory"," з cache-buster.",[3750,13274,13275,13276,3912],{},"Можливість зберегти сформований бейдж у системну галерею через ",[3787,13277,3793],{},[3830,13279,13281],{"id":13280},"_61-структура-файлів-проєкту","6.1. Структура файлів проєкту",[4108,13283,13286],{"className":13284,"code":13285,"language":10469,"meta":4114},[10467],"photo-badge\u002F\n├── app\u002F\n│   ├── _layout.tsx\n│   └── index.tsx\n├── components\u002F\n│   ├── BadgeCard.tsx\n│   └── PhotoActionSheet.tsx\n├── hooks\u002F\n│   └── useBadgePhoto.ts\n└── utils\u002F\n    └── imageProcessor.ts\n",[3787,13287,13285],{"__ignoreMap":4114},[3830,13289,13291],{"id":13290},"_62-утиліта-стиснення-та-збереження","6.2. Утиліта стиснення та збереження",[4108,13293,13296],{"className":4382,"code":13294,"filename":13295,"language":4385,"meta":4386,"style":4114},"import * as FileSystem from 'expo-file-system';\nimport * as ImageManipulator from 'expo-image-manipulator';\n\nconst BADGE_DIR = `${FileSystem.documentDirectory}badge\u002F`;\nconst BADGE_AVATAR_URI = `${BADGE_DIR}avatar.jpg`;\n\nexport async function processAndSaveAvatar(sourceUri: string): Promise\u003Cstring> {\n  \u002F\u002F 1. Апаратний ресайз та стиснення\n  const manipulated = await ImageManipulator.manipulateAsync(\n    sourceUri,\n    [{ resize: { width: 512, height: 512 } }],\n    {\n      compress: 0.8,\n      format: ImageManipulator.SaveFormat.JPEG,\n    },\n  );\n\n  \u002F\u002F 2. Створюємо директорію якщо немає\n  await FileSystem.makeDirectoryAsync(BADGE_DIR, { intermediates: true });\n\n  \u002F\u002F 3. Копіюємо файл на постійне місце\n  await FileSystem.copyAsync({\n    from: manipulated.uri,\n    to: BADGE_AVATAR_URI,\n  });\n\n  \u002F\u002F 4. Повертаємо URI з cache-buster для Image\n  return `${BADGE_AVATAR_URI}?t=${Date.now()}`;\n}\n\nexport async function getSavedAvatarUri(): Promise\u003Cstring | null> {\n  const fileInfo = await FileSystem.getInfoAsync(BADGE_AVATAR_URI);\n  if (fileInfo.exists) {\n    return `${BADGE_AVATAR_URI}?t=${Date.now()}`;\n  }\n  return null;\n}\n\nexport async function removeSavedAvatar(): Promise\u003Cvoid> {\n  await FileSystem.deleteAsync(BADGE_AVATAR_URI, { idempotent: true });\n}\n","utils\u002FimageProcessor.ts",[3787,13297,13298,13314,13330,13334,13360,13383,13387,13417,13422,13441,13448,13469,13473,13481,13497,13501,13505,13509,13514,13537,13541,13546,13558,13571,13580,13584,13588,13593,13625,13629,13633,13659,13682,13697,13727,13731,13739,13743,13747,13769,13791],{"__ignoreMap":4114},[4118,13299,13300,13302,13304,13306,13308,13310,13312],{"class":4120,"line":4121},[4118,13301,4394],{"class":4393},[4118,13303,4397],{"class":4323},[4118,13305,4400],{"class":4393},[4118,13307,10550],{"class":4403},[4118,13309,4407],{"class":4393},[4118,13311,10555],{"class":4128},[4118,13313,4413],{"class":4191},[4118,13315,13316,13318,13320,13322,13324,13326,13328],{"class":4120,"line":4195},[4118,13317,4394],{"class":4393},[4118,13319,4397],{"class":4323},[4118,13321,4400],{"class":4393},[4118,13323,8881],{"class":4403},[4118,13325,4407],{"class":4393},[4118,13327,8886],{"class":4128},[4118,13329,4413],{"class":4191},[4118,13331,13332],{"class":4120,"line":4205},[4118,13333,4460],{"emptyLinePlaceholder":4459},[4118,13335,13336,13338,13341,13343,13345,13347,13349,13351,13353,13355,13358],{"class":4120,"line":4214},[4118,13337,5216],{"class":4323},[4118,13339,13340],{"class":4540}," BADGE_DIR",[4118,13342,5222],{"class":4191},[4118,13344,10124],{"class":4128},[4118,13346,8491],{"class":4323},[4118,13348,10576],{"class":4403},[4118,13350,3912],{"class":4801},[4118,13352,10446],{"class":4403},[4118,13354,4698],{"class":4323},[4118,13356,13357],{"class":4128},"badge\u002F`",[4118,13359,4413],{"class":4191},[4118,13361,13362,13364,13367,13369,13371,13373,13376,13378,13381],{"class":4120,"line":4220},[4118,13363,5216],{"class":4323},[4118,13365,13366],{"class":4540}," BADGE_AVATAR_URI",[4118,13368,5222],{"class":4191},[4118,13370,10124],{"class":4128},[4118,13372,8491],{"class":4323},[4118,13374,13375],{"class":4540},"BADGE_DIR",[4118,13377,4698],{"class":4323},[4118,13379,13380],{"class":4128},"avatar.jpg`",[4118,13382,4413],{"class":4191},[4118,13384,13385],{"class":4120,"line":4229},[4118,13386,4460],{"emptyLinePlaceholder":4459},[4118,13388,13389,13391,13393,13395,13398,13400,13403,13405,13407,13409,13411,13413,13415],{"class":4120,"line":4235},[4118,13390,4502],{"class":4393},[4118,13392,5938],{"class":4323},[4118,13394,4505],{"class":4323},[4118,13396,13397],{"class":4124}," processAndSaveAvatar",[4118,13399,7314],{"class":4191},[4118,13401,13402],{"class":4403},"sourceUri",[4118,13404,4241],{"class":4191},[4118,13406,9175],{"class":4468},[4118,13408,9248],{"class":4191},[4118,13410,6480],{"class":4468},[4118,13412,6483],{"class":4191},[4118,13414,9175],{"class":4468},[4118,13416,9258],{"class":4191},[4118,13418,13419],{"class":4120,"line":4249},[4118,13420,13421],{"class":4528},"  \u002F\u002F 1. Апаратний ресайз та стиснення\n",[4118,13423,13424,13426,13429,13431,13433,13435,13437,13439],{"class":4120,"line":4260},[4118,13425,4534],{"class":4323},[4118,13427,13428],{"class":4540}," manipulated",[4118,13430,5222],{"class":4191},[4118,13432,5794],{"class":4393},[4118,13434,8881],{"class":4403},[4118,13436,3912],{"class":4191},[4118,13438,8909],{"class":4124},[4118,13440,5693],{"class":4191},[4118,13442,13443,13446],{"class":4120,"line":4266},[4118,13444,13445],{"class":4403},"    sourceUri",[4118,13447,4226],{"class":4191},[4118,13449,13450,13453,13455,13457,13459,13461,13463,13465,13467],{"class":4120,"line":4272},[4118,13451,13452],{"class":4191},"    [{ ",[4118,13454,9374],{"class":4403},[4118,13456,4420],{"class":4191},[4118,13458,9379],{"class":4403},[4118,13460,10056],{"class":5249},[4118,13462,3971],{"class":4191},[4118,13464,9507],{"class":4403},[4118,13466,10056],{"class":5249},[4118,13468,9513],{"class":4191},[4118,13470,13471],{"class":4120,"line":4277},[4118,13472,6227],{"class":4191},[4118,13474,13475,13477,13479],{"class":4120,"line":4285},[4118,13476,9398],{"class":4403},[4118,13478,6070],{"class":5249},[4118,13480,4226],{"class":4191},[4118,13482,13483,13485,13487,13489,13491,13493,13495],{"class":4120,"line":4290},[4118,13484,9408],{"class":4403},[4118,13486,8881],{"class":4403},[4118,13488,3912],{"class":4191},[4118,13490,9415],{"class":4403},[4118,13492,3912],{"class":4191},[4118,13494,9420],{"class":4540},[4118,13496,4226],{"class":4191},[4118,13498,13499],{"class":4120,"line":4302},[4118,13500,9427],{"class":4191},[4118,13502,13503],{"class":4120,"line":4315},[4118,13504,5200],{"class":4191},[4118,13506,13507],{"class":4120,"line":4327},[4118,13508,4460],{"emptyLinePlaceholder":4459},[4118,13510,13511],{"class":4120,"line":4332},[4118,13512,13513],{"class":4528},"  \u002F\u002F 2. Створюємо директорію якщо немає\n",[4118,13515,13516,13519,13521,13523,13525,13527,13529,13531,13533,13535],{"class":4120,"line":4338},[4118,13517,13518],{"class":4393},"  await",[4118,13520,10550],{"class":4403},[4118,13522,3912],{"class":4191},[4118,13524,10799],{"class":4124},[4118,13526,7314],{"class":4191},[4118,13528,13375],{"class":4540},[4118,13530,10939],{"class":4191},[4118,13532,10829],{"class":4403},[4118,13534,6015],{"class":4323},[4118,13536,10876],{"class":4191},[4118,13538,13539],{"class":4120,"line":4344},[4118,13540,4460],{"emptyLinePlaceholder":4459},[4118,13542,13543],{"class":4120,"line":4350},[4118,13544,13545],{"class":4528},"  \u002F\u002F 3. Копіюємо файл на постійне місце\n",[4118,13547,13548,13550,13552,13554,13556],{"class":4120,"line":4677},[4118,13549,13518],{"class":4393},[4118,13551,10550],{"class":4403},[4118,13553,3912],{"class":4191},[4118,13555,10857],{"class":4124},[4118,13557,5232],{"class":4191},[4118,13559,13560,13563,13565,13567,13569],{"class":4120,"line":4683},[4118,13561,13562],{"class":4403},"    from:",[4118,13564,13428],{"class":4403},[4118,13566,3912],{"class":4191},[4118,13568,8125],{"class":4403},[4118,13570,4226],{"class":4191},[4118,13572,13573,13576,13578],{"class":4120,"line":4706},[4118,13574,13575],{"class":4403},"    to:",[4118,13577,13366],{"class":4540},[4118,13579,4226],{"class":4191},[4118,13581,13582],{"class":4120,"line":4711},[4118,13583,5813],{"class":4191},[4118,13585,13586],{"class":4120,"line":4716},[4118,13587,4460],{"emptyLinePlaceholder":4459},[4118,13589,13590],{"class":4120,"line":4722},[4118,13591,13592],{"class":4528},"  \u002F\u002F 4. Повертаємо URI з cache-buster для Image\n",[4118,13594,13595,13597,13600,13602,13605,13607,13609,13611,13613,13615,13617,13619,13621,13623],{"class":4120,"line":4732},[4118,13596,4775],{"class":4393},[4118,13598,13599],{"class":4128}," `",[4118,13601,8491],{"class":4323},[4118,13603,13604],{"class":4540},"BADGE_AVATAR_URI",[4118,13606,4698],{"class":4323},[4118,13608,11388],{"class":4128},[4118,13610,8491],{"class":4323},[4118,13612,11393],{"class":4403},[4118,13614,3912],{"class":4801},[4118,13616,11398],{"class":4124},[4118,13618,4977],{"class":4801},[4118,13620,4698],{"class":4323},[4118,13622,10124],{"class":4128},[4118,13624,4413],{"class":4191},[4118,13626,13627],{"class":4120,"line":4751},[4118,13628,4353],{"class":4191},[4118,13630,13631],{"class":4120,"line":4767},[4118,13632,4460],{"emptyLinePlaceholder":4459},[4118,13634,13635,13637,13639,13641,13644,13647,13649,13651,13653,13655,13657],{"class":4120,"line":4772},[4118,13636,4502],{"class":4393},[4118,13638,5938],{"class":4323},[4118,13640,4505],{"class":4323},[4118,13642,13643],{"class":4124}," getSavedAvatarUri",[4118,13645,13646],{"class":4191},"(): ",[4118,13648,6480],{"class":4468},[4118,13650,6483],{"class":4191},[4118,13652,9175],{"class":4468},[4118,13654,6489],{"class":4191},[4118,13656,6492],{"class":4468},[4118,13658,9258],{"class":4191},[4118,13660,13661,13663,13666,13668,13670,13672,13674,13676,13678,13680],{"class":4120,"line":4781},[4118,13662,4534],{"class":4323},[4118,13664,13665],{"class":4540}," fileInfo",[4118,13667,5222],{"class":4191},[4118,13669,5794],{"class":4393},[4118,13671,10550],{"class":4403},[4118,13673,3912],{"class":4191},[4118,13675,10660],{"class":4124},[4118,13677,7314],{"class":4191},[4118,13679,13604],{"class":4540},[4118,13681,7901],{"class":4191},[4118,13683,13684,13686,13688,13691,13693,13695],{"class":4120,"line":4812},[4118,13685,4603],{"class":4393},[4118,13687,4669],{"class":4191},[4118,13689,13690],{"class":4403},"fileInfo",[4118,13692,3912],{"class":4191},[4118,13694,10685],{"class":4403},[4118,13696,4523],{"class":4191},[4118,13698,13699,13701,13703,13705,13707,13709,13711,13713,13715,13717,13719,13721,13723,13725],{"class":4120,"line":4848},[4118,13700,4686],{"class":4393},[4118,13702,13599],{"class":4128},[4118,13704,8491],{"class":4323},[4118,13706,13604],{"class":4540},[4118,13708,4698],{"class":4323},[4118,13710,11388],{"class":4128},[4118,13712,8491],{"class":4323},[4118,13714,11393],{"class":4403},[4118,13716,3912],{"class":4801},[4118,13718,11398],{"class":4124},[4118,13720,4977],{"class":4801},[4118,13722,4698],{"class":4323},[4118,13724,10124],{"class":4128},[4118,13726,4413],{"class":4191},[4118,13728,13729],{"class":4120,"line":4872},[4118,13730,4347],{"class":4191},[4118,13732,13733,13735,13737],{"class":4120,"line":4878},[4118,13734,4775],{"class":4393},[4118,13736,4622],{"class":4323},[4118,13738,4413],{"class":4191},[4118,13740,13741],{"class":4120,"line":4884},[4118,13742,4353],{"class":4191},[4118,13744,13745],{"class":4120,"line":4894},[4118,13746,4460],{"emptyLinePlaceholder":4459},[4118,13748,13749,13751,13753,13755,13758,13760,13762,13764,13767],{"class":4120,"line":4899},[4118,13750,4502],{"class":4393},[4118,13752,5938],{"class":4323},[4118,13754,4505],{"class":4323},[4118,13756,13757],{"class":4124}," removeSavedAvatar",[4118,13759,13646],{"class":4191},[4118,13761,6480],{"class":4468},[4118,13763,6483],{"class":4191},[4118,13765,13766],{"class":4468},"void",[4118,13768,9258],{"class":4191},[4118,13770,13771,13773,13775,13777,13779,13781,13783,13785,13787,13789],{"class":4120,"line":4913},[4118,13772,13518],{"class":4393},[4118,13774,10550],{"class":4403},[4118,13776,3912],{"class":4191},[4118,13778,10932],{"class":4124},[4118,13780,7314],{"class":4191},[4118,13782,13604],{"class":4540},[4118,13784,10939],{"class":4191},[4118,13786,10942],{"class":4403},[4118,13788,6015],{"class":4323},[4118,13790,10876],{"class":4191},[4118,13792,13793],{"class":4120,"line":4919},[4118,13794,4353],{"class":4191},[3830,13796,13798,13799],{"id":13797},"_63-кастомний-хук-usebadgephoto","6.3. Кастомний хук ",[3787,13800,13801],{},"useBadgePhoto",[4108,13803,13806],{"className":4382,"code":13804,"filename":13805,"language":4385,"meta":4386,"style":4114},"import { useState, useEffect, useCallback } from 'react';\nimport * as ImagePicker from 'expo-image-picker';\nimport { Alert, Linking } from 'react-native';\nimport {\n  processAndSaveAvatar,\n  getSavedAvatarUri,\n  removeSavedAvatar,\n} from '@\u002Futils\u002FimageProcessor';\n\nexport function useBadgePhoto() {\n  const [photoUri, setPhotoUri] = useState\u003Cstring | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    getSavedAvatarUri().then((uri) => {\n      if (uri) setPhotoUri(uri);\n    });\n  }, []);\n\n  const handlePickFromLibrary = useCallback(async () => {\n    const { status } =\n      await ImagePicker.requestMediaLibraryPermissionsAsync();\n\n    if (status !== 'granted') {\n      Alert.alert('Потрібен дозвіл', 'Надайте доступ до фото у Налаштуваннях.', [\n        { text: 'Скасувати' },\n        { text: 'Налаштування', onPress: () => Linking.openSettings() },\n      ]);\n      return;\n    }\n\n    const result = await ImagePicker.launchImageLibraryAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 1,\n    });\n\n    if (!result.canceled && result.assets[0]) {\n      setLoading(true);\n      try {\n        const savedUri = await processAndSaveAvatar(result.assets[0].uri);\n        setPhotoUri(savedUri);\n      } catch (err) {\n        Alert.alert('Помилка', 'Не вдалося обробити фото');\n      } finally {\n        setLoading(false);\n      }\n    }\n  }, []);\n\n  const handleTakePhoto = useCallback(async () => {\n    const { status } = await ImagePicker.requestCameraPermissionsAsync();\n\n    if (status !== 'granted') {\n      Alert.alert('Потрібен дозвіл', 'Надайте доступ до камери у Налаштуваннях.', [\n        { text: 'Скасувати' },\n        { text: 'Налаштування', onPress: () => Linking.openSettings() },\n      ]);\n      return;\n    }\n\n    const result = await ImagePicker.launchCameraAsync({\n      mediaTypes: ImagePicker.MediaTypeOptions.Images,\n      allowsEditing: true,\n      aspect: [1, 1],\n      quality: 1,\n    });\n\n    if (!result.canceled && result.assets[0]) {\n      setLoading(true);\n      try {\n        const savedUri = await processAndSaveAvatar(result.assets[0].uri);\n        setPhotoUri(savedUri);\n      } catch (err) {\n        Alert.alert('Помилка', 'Не вдалося обробити знімок');\n      } finally {\n        setLoading(false);\n      }\n    }\n  }, []);\n\n  const handleDeletePhoto = useCallback(async () => {\n    await removeSavedAvatar();\n    setPhotoUri(null);\n  }, []);\n\n  return {\n    photoUri,\n    loading,\n    pickFromLibrary: handlePickFromLibrary,\n    takePhoto: handleTakePhoto,\n    deletePhoto: handleDeletePhoto,\n  };\n}\n","hooks\u002FuseBadgePhoto.ts",[3787,13807,13808,13833,13849,13869,13875,13882,13889,13896,13908,13912,13923,13955,13979,13983,13993,14014,14032,14036,14040,14044,14065,14075,14087,14091,14105,14125,14135,14161,14165,14171,14175,14179,14197,14213,14221,14235,14243,14247,14251,14278,14289,14296,14328,14340,14354,14374,14382,14393,14397,14401,14405,14409,14430,14450,14454,14468,14487,14497,14523,14527,14533,14537,14541,14559,14575,14583,14597,14605,14609,14613,14639,14649,14655,14685,14695,14707,14726,14734,14744,14748,14752,14756,14760,14781,14789,14800,14805,14810,14817,14825,14833,14843,14853,14863,14868],{"__ignoreMap":4114},[4118,13809,13810,13812,13814,13816,13818,13820,13822,13825,13827,13829,13831],{"class":4120,"line":4121},[4118,13811,4394],{"class":4393},[4118,13813,4420],{"class":4191},[4118,13815,3816],{"class":4403},[4118,13817,3971],{"class":4191},[4118,13819,3820],{"class":4403},[4118,13821,3971],{"class":4191},[4118,13823,13824],{"class":4403},"useCallback",[4118,13826,4446],{"class":4191},[4118,13828,4449],{"class":4393},[4118,13830,9603],{"class":4128},[4118,13832,4413],{"class":4191},[4118,13834,13835,13837,13839,13841,13843,13845,13847],{"class":4120,"line":4195},[4118,13836,4394],{"class":4393},[4118,13838,4397],{"class":4323},[4118,13840,4400],{"class":4393},[4118,13842,4404],{"class":4403},[4118,13844,4407],{"class":4393},[4118,13846,4410],{"class":4128},[4118,13848,4413],{"class":4191},[4118,13850,13851,13853,13855,13857,13859,13861,13863,13865,13867],{"class":4120,"line":4205},[4118,13852,4394],{"class":4393},[4118,13854,4420],{"class":4191},[4118,13856,6411],{"class":4403},[4118,13858,3971],{"class":4191},[4118,13860,4423],{"class":4403},[4118,13862,4446],{"class":4191},[4118,13864,4449],{"class":4393},[4118,13866,4452],{"class":4128},[4118,13868,4413],{"class":4191},[4118,13870,13871,13873],{"class":4120,"line":4214},[4118,13872,4394],{"class":4393},[4118,13874,5095],{"class":4191},[4118,13876,13877,13880],{"class":4120,"line":4220},[4118,13878,13879],{"class":4403},"  processAndSaveAvatar",[4118,13881,4226],{"class":4191},[4118,13883,13884,13887],{"class":4120,"line":4229},[4118,13885,13886],{"class":4403},"  getSavedAvatarUri",[4118,13888,4226],{"class":4191},[4118,13890,13891,13894],{"class":4120,"line":4235},[4118,13892,13893],{"class":4403},"  removeSavedAvatar",[4118,13895,4226],{"class":4191},[4118,13897,13898,13901,13903,13906],{"class":4120,"line":4249},[4118,13899,13900],{"class":4191},"} ",[4118,13902,4449],{"class":4393},[4118,13904,13905],{"class":4128}," '@\u002Futils\u002FimageProcessor'",[4118,13907,4413],{"class":4191},[4118,13909,13910],{"class":4120,"line":4260},[4118,13911,4460],{"emptyLinePlaceholder":4459},[4118,13913,13914,13916,13918,13921],{"class":4120,"line":4266},[4118,13915,4502],{"class":4393},[4118,13917,4505],{"class":4323},[4118,13919,13920],{"class":4124}," useBadgePhoto",[4118,13922,5946],{"class":4191},[4118,13924,13925,13927,13929,13932,13934,13937,13939,13941,13943,13945,13947,13949,13951,13953],{"class":4120,"line":4272},[4118,13926,4534],{"class":4323},[4118,13928,4537],{"class":4191},[4118,13930,13931],{"class":4540},"photoUri",[4118,13933,3971],{"class":4191},[4118,13935,13936],{"class":4540},"setPhotoUri",[4118,13938,9677],{"class":4191},[4118,13940,3816],{"class":4124},[4118,13942,6483],{"class":4191},[4118,13944,9175],{"class":4468},[4118,13946,6489],{"class":4191},[4118,13948,6492],{"class":4468},[4118,13950,9690],{"class":4191},[4118,13952,6492],{"class":4323},[4118,13954,7901],{"class":4191},[4118,13956,13957,13959,13961,13964,13966,13969,13971,13973,13975,13977],{"class":4120,"line":4277},[4118,13958,4534],{"class":4323},[4118,13960,4537],{"class":4191},[4118,13962,13963],{"class":4540},"loading",[4118,13965,3971],{"class":4191},[4118,13967,13968],{"class":4540},"setLoading",[4118,13970,9677],{"class":4191},[4118,13972,3816],{"class":4124},[4118,13974,7314],{"class":4191},[4118,13976,6213],{"class":4323},[4118,13978,7901],{"class":4191},[4118,13980,13981],{"class":4120,"line":4285},[4118,13982,4460],{"emptyLinePlaceholder":4459},[4118,13984,13985,13987,13989,13991],{"class":4120,"line":4290},[4118,13986,11308],{"class":4124},[4118,13988,5539],{"class":4191},[4118,13990,4966],{"class":4323},[4118,13992,5095],{"class":4191},[4118,13994,13995,13998,14001,14004,14006,14008,14010,14012],{"class":4120,"line":4302},[4118,13996,13997],{"class":4124},"    getSavedAvatarUri",[4118,13999,14000],{"class":4191},"().",[4118,14002,14003],{"class":4124},"then",[4118,14005,9978],{"class":4191},[4118,14007,8125],{"class":4403},[4118,14009,4616],{"class":4191},[4118,14011,4966],{"class":4323},[4118,14013,5095],{"class":4191},[4118,14015,14016,14018,14020,14022,14024,14026,14028,14030],{"class":4120,"line":4315},[4118,14017,11355],{"class":4393},[4118,14019,4669],{"class":4191},[4118,14021,8125],{"class":4403},[4118,14023,4616],{"class":4191},[4118,14025,13936],{"class":4124},[4118,14027,7314],{"class":4191},[4118,14029,8125],{"class":4403},[4118,14031,7901],{"class":4191},[4118,14033,14034],{"class":4120,"line":4327},[4118,14035,6722],{"class":4191},[4118,14037,14038],{"class":4120,"line":4332},[4118,14039,11421],{"class":4191},[4118,14041,14042],{"class":4120,"line":4338},[4118,14043,4460],{"emptyLinePlaceholder":4459},[4118,14045,14046,14048,14051,14053,14055,14057,14059,14061,14063],{"class":4120,"line":4344},[4118,14047,4534],{"class":4323},[4118,14049,14050],{"class":4540}," handlePickFromLibrary",[4118,14052,5222],{"class":4191},[4118,14054,13824],{"class":4124},[4118,14056,7314],{"class":4191},[4118,14058,5551],{"class":4323},[4118,14060,5090],{"class":4191},[4118,14062,4966],{"class":4323},[4118,14064,5095],{"class":4191},[4118,14066,14067,14069,14071,14073],{"class":4120,"line":4350},[4118,14068,6509],{"class":4323},[4118,14070,4420],{"class":4191},[4118,14072,4739],{"class":4540},[4118,14074,5648],{"class":4191},[4118,14076,14077,14079,14081,14083,14085],{"class":4120,"line":4677},[4118,14078,6520],{"class":4393},[4118,14080,4404],{"class":4403},[4118,14082,3912],{"class":4191},[4118,14084,5582],{"class":4124},[4118,14086,4562],{"class":4191},[4118,14088,14089],{"class":4120,"line":4683},[4118,14090,4460],{"emptyLinePlaceholder":4459},[4118,14092,14093,14095,14097,14099,14101,14103],{"class":4120,"line":4706},[4118,14094,6537],{"class":4393},[4118,14096,4669],{"class":4191},[4118,14098,4739],{"class":4403},[4118,14100,5675],{"class":4191},[4118,14102,5678],{"class":4128},[4118,14104,4523],{"class":4191},[4118,14106,14107,14109,14111,14113,14115,14118,14120,14123],{"class":4120,"line":4711},[4118,14108,6552],{"class":4403},[4118,14110,3912],{"class":4191},[4118,14112,5690],{"class":4124},[4118,14114,7314],{"class":4191},[4118,14116,14117],{"class":4128},"'Потрібен дозвіл'",[4118,14119,3971],{"class":4191},[4118,14121,14122],{"class":4128},"'Надайте доступ до фото у Налаштуваннях.'",[4118,14124,7395],{"class":4191},[4118,14126,14127,14129,14131,14133],{"class":4120,"line":4716},[4118,14128,5716],{"class":4191},[4118,14130,5719],{"class":4403},[4118,14132,5722],{"class":4128},[4118,14134,5333],{"class":4191},[4118,14136,14137,14139,14141,14143,14145,14147,14149,14151,14153,14155,14157,14159],{"class":4120,"line":4722},[4118,14138,5716],{"class":4191},[4118,14140,5719],{"class":4403},[4118,14142,5741],{"class":4128},[4118,14144,3971],{"class":4191},[4118,14146,6607],{"class":4124},[4118,14148,5045],{"class":4403},[4118,14150,5090],{"class":4191},[4118,14152,4966],{"class":4323},[4118,14154,4969],{"class":4403},[4118,14156,3912],{"class":4191},[4118,14158,4974],{"class":4124},[4118,14160,6622],{"class":4191},[4118,14162,14163],{"class":4120,"line":4732},[4118,14164,7437],{"class":4191},[4118,14166,14167,14169],{"class":4120,"line":4751},[4118,14168,6637],{"class":4393},[4118,14170,4413],{"class":4191},[4118,14172,14173],{"class":4120,"line":4767},[4118,14174,6348],{"class":4191},[4118,14176,14177],{"class":4120,"line":4772},[4118,14178,4460],{"emptyLinePlaceholder":4459},[4118,14180,14181,14183,14185,14187,14189,14191,14193,14195],{"class":4120,"line":4781},[4118,14182,6509],{"class":4323},[4118,14184,5789],{"class":4540},[4118,14186,5222],{"class":4191},[4118,14188,5794],{"class":4393},[4118,14190,4404],{"class":4403},[4118,14192,3912],{"class":4191},[4118,14194,5801],{"class":4124},[4118,14196,5232],{"class":4191},[4118,14198,14199,14201,14203,14205,14207,14209,14211],{"class":4120,"line":4812},[4118,14200,6672],{"class":4403},[4118,14202,4404],{"class":4403},[4118,14204,3912],{"class":4191},[4118,14206,5986],{"class":4403},[4118,14208,3912],{"class":4191},[4118,14210,5991],{"class":4403},[4118,14212,4226],{"class":4191},[4118,14214,14215,14217,14219],{"class":4120,"line":4848},[4118,14216,6689],{"class":4403},[4118,14218,6015],{"class":4323},[4118,14220,4226],{"class":4191},[4118,14222,14223,14225,14227,14229,14231,14233],{"class":4120,"line":4872},[4118,14224,6698],{"class":4403},[4118,14226,4537],{"class":4191},[4118,14228,6041],{"class":5249},[4118,14230,3971],{"class":4191},[4118,14232,6041],{"class":5249},[4118,14234,6048],{"class":4191},[4118,14236,14237,14239,14241],{"class":4120,"line":4878},[4118,14238,6713],{"class":4403},[4118,14240,5250],{"class":5249},[4118,14242,4226],{"class":4191},[4118,14244,14245],{"class":4120,"line":4884},[4118,14246,6722],{"class":4191},[4118,14248,14249],{"class":4120,"line":4894},[4118,14250,4460],{"emptyLinePlaceholder":4459},[4118,14252,14253,14255,14257,14259,14261,14263,14265,14267,14269,14271,14273,14275],{"class":4120,"line":4899},[4118,14254,6537],{"class":4393},[4118,14256,4606],{"class":4191},[4118,14258,6735],{"class":4403},[4118,14260,3912],{"class":4191},[4118,14262,6182],{"class":4403},[4118,14264,4650],{"class":4191},[4118,14266,6735],{"class":4403},[4118,14268,3912],{"class":4191},[4118,14270,6362],{"class":4403},[4118,14272,6764],{"class":4191},[4118,14274,6767],{"class":5249},[4118,14276,14277],{"class":4191},"]) {\n",[4118,14279,14280,14283,14285,14287],{"class":4120,"line":4913},[4118,14281,14282],{"class":4124},"      setLoading",[4118,14284,7314],{"class":4191},[4118,14286,6187],{"class":4323},[4118,14288,7901],{"class":4191},[4118,14290,14291,14294],{"class":4120,"line":4919},[4118,14292,14293],{"class":4393},"      try",[4118,14295,5095],{"class":4191},[4118,14297,14298,14301,14304,14306,14308,14310,14312,14314,14316,14318,14320,14322,14324,14326],{"class":4120,"line":4925},[4118,14299,14300],{"class":4323},"        const",[4118,14302,14303],{"class":4540}," savedUri",[4118,14305,5222],{"class":4191},[4118,14307,5794],{"class":4393},[4118,14309,13397],{"class":4124},[4118,14311,7314],{"class":4191},[4118,14313,6735],{"class":4403},[4118,14315,3912],{"class":4191},[4118,14317,6362],{"class":4403},[4118,14319,6764],{"class":4191},[4118,14321,6767],{"class":5249},[4118,14323,11704],{"class":4191},[4118,14325,8125],{"class":4403},[4118,14327,7901],{"class":4191},[4118,14329,14330,14333,14335,14338],{"class":4120,"line":4934},[4118,14331,14332],{"class":4124},"        setPhotoUri",[4118,14334,7314],{"class":4191},[4118,14336,14337],{"class":4403},"savedUri",[4118,14339,7901],{"class":4191},[4118,14341,14342,14345,14347,14349,14352],{"class":4120,"line":4953},[4118,14343,14344],{"class":4191},"      } ",[4118,14346,13166],{"class":4393},[4118,14348,4669],{"class":4191},[4118,14350,14351],{"class":4403},"err",[4118,14353,4523],{"class":4191},[4118,14355,14356,14359,14361,14363,14365,14367,14369,14372],{"class":4120,"line":4982},[4118,14357,14358],{"class":4403},"        Alert",[4118,14360,3912],{"class":4191},[4118,14362,5690],{"class":4124},[4118,14364,7314],{"class":4191},[4118,14366,13205],{"class":4128},[4118,14368,3971],{"class":4191},[4118,14370,14371],{"class":4128},"'Не вдалося обробити фото'",[4118,14373,7901],{"class":4191},[4118,14375,14376,14378,14380],{"class":4120,"line":4988},[4118,14377,14344],{"class":4191},[4118,14379,10145],{"class":4393},[4118,14381,5095],{"class":4191},[4118,14383,14384,14387,14389,14391],{"class":4120,"line":5013},[4118,14385,14386],{"class":4124},"        setLoading",[4118,14388,7314],{"class":4191},[4118,14390,6213],{"class":4323},[4118,14392,7901],{"class":4191},[4118,14394,14395],{"class":4120,"line":5019},[4118,14396,11411],{"class":4191},[4118,14398,14399],{"class":4120,"line":5029},[4118,14400,6348],{"class":4191},[4118,14402,14403],{"class":4120,"line":5039},[4118,14404,11421],{"class":4191},[4118,14406,14407],{"class":4120,"line":5050},[4118,14408,4460],{"emptyLinePlaceholder":4459},[4118,14410,14411,14413,14416,14418,14420,14422,14424,14426,14428],{"class":4120,"line":5056},[4118,14412,4534],{"class":4323},[4118,14414,14415],{"class":4540}," handleTakePhoto",[4118,14417,5222],{"class":4191},[4118,14419,13824],{"class":4124},[4118,14421,7314],{"class":4191},[4118,14423,5551],{"class":4323},[4118,14425,5090],{"class":4191},[4118,14427,4966],{"class":4323},[4118,14429,5095],{"class":4191},[4118,14431,14432,14434,14436,14438,14440,14442,14444,14446,14448],{"class":4120,"line":5063},[4118,14433,6509],{"class":4323},[4118,14435,4420],{"class":4191},[4118,14437,4739],{"class":4540},[4118,14439,7571],{"class":4191},[4118,14441,5794],{"class":4393},[4118,14443,4404],{"class":4403},[4118,14445,3912],{"class":4191},[4118,14447,5569],{"class":4124},[4118,14449,4562],{"class":4191},[4118,14451,14452],{"class":4120,"line":5080},[4118,14453,4460],{"emptyLinePlaceholder":4459},[4118,14455,14456,14458,14460,14462,14464,14466],{"class":4120,"line":5098},[4118,14457,6537],{"class":4393},[4118,14459,4669],{"class":4191},[4118,14461,4739],{"class":4403},[4118,14463,5675],{"class":4191},[4118,14465,5678],{"class":4128},[4118,14467,4523],{"class":4191},[4118,14469,14470,14472,14474,14476,14478,14480,14482,14485],{"class":4120,"line":5109},[4118,14471,6552],{"class":4403},[4118,14473,3912],{"class":4191},[4118,14475,5690],{"class":4124},[4118,14477,7314],{"class":4191},[4118,14479,14117],{"class":4128},[4118,14481,3971],{"class":4191},[4118,14483,14484],{"class":4128},"'Надайте доступ до камери у Налаштуваннях.'",[4118,14486,7395],{"class":4191},[4118,14488,14489,14491,14493,14495],{"class":4120,"line":5119},[4118,14490,5716],{"class":4191},[4118,14492,5719],{"class":4403},[4118,14494,5722],{"class":4128},[4118,14496,5333],{"class":4191},[4118,14498,14499,14501,14503,14505,14507,14509,14511,14513,14515,14517,14519,14521],{"class":4120,"line":5127},[4118,14500,5716],{"class":4191},[4118,14502,5719],{"class":4403},[4118,14504,5741],{"class":4128},[4118,14506,3971],{"class":4191},[4118,14508,6607],{"class":4124},[4118,14510,5045],{"class":4403},[4118,14512,5090],{"class":4191},[4118,14514,4966],{"class":4323},[4118,14516,4969],{"class":4403},[4118,14518,3912],{"class":4191},[4118,14520,4974],{"class":4124},[4118,14522,6622],{"class":4191},[4118,14524,14525],{"class":4120,"line":5132},[4118,14526,7437],{"class":4191},[4118,14528,14529,14531],{"class":4120,"line":5155},[4118,14530,6637],{"class":4393},[4118,14532,4413],{"class":4191},[4118,14534,14535],{"class":4120,"line":5161},[4118,14536,6348],{"class":4191},[4118,14538,14539],{"class":4120,"line":5170},[4118,14540,4460],{"emptyLinePlaceholder":4459},[4118,14542,14543,14545,14547,14549,14551,14553,14555,14557],{"class":4120,"line":5179},[4118,14544,6509],{"class":4323},[4118,14546,5789],{"class":4540},[4118,14548,5222],{"class":4191},[4118,14550,5794],{"class":4393},[4118,14552,4404],{"class":4403},[4118,14554,3912],{"class":4191},[4118,14556,6802],{"class":4124},[4118,14558,5232],{"class":4191},[4118,14560,14561,14563,14565,14567,14569,14571,14573],{"class":4120,"line":5187},[4118,14562,6672],{"class":4403},[4118,14564,4404],{"class":4403},[4118,14566,3912],{"class":4191},[4118,14568,5986],{"class":4403},[4118,14570,3912],{"class":4191},[4118,14572,5991],{"class":4403},[4118,14574,4226],{"class":4191},[4118,14576,14577,14579,14581],{"class":4120,"line":5197},[4118,14578,6689],{"class":4403},[4118,14580,6015],{"class":4323},[4118,14582,4226],{"class":4191},[4118,14584,14585,14587,14589,14591,14593,14595],{"class":4120,"line":5203},[4118,14586,6698],{"class":4403},[4118,14588,4537],{"class":4191},[4118,14590,6041],{"class":5249},[4118,14592,3971],{"class":4191},[4118,14594,6041],{"class":5249},[4118,14596,6048],{"class":4191},[4118,14598,14599,14601,14603],{"class":4120,"line":5208},[4118,14600,6713],{"class":4403},[4118,14602,5250],{"class":5249},[4118,14604,4226],{"class":4191},[4118,14606,14607],{"class":4120,"line":5213},[4118,14608,6722],{"class":4191},[4118,14610,14611],{"class":4120,"line":5235},[4118,14612,4460],{"emptyLinePlaceholder":4459},[4118,14614,14615,14617,14619,14621,14623,14625,14627,14629,14631,14633,14635,14637],{"class":4120,"line":5243},[4118,14616,6537],{"class":4393},[4118,14618,4606],{"class":4191},[4118,14620,6735],{"class":4403},[4118,14622,3912],{"class":4191},[4118,14624,6182],{"class":4403},[4118,14626,4650],{"class":4191},[4118,14628,6735],{"class":4403},[4118,14630,3912],{"class":4191},[4118,14632,6362],{"class":4403},[4118,14634,6764],{"class":4191},[4118,14636,6767],{"class":5249},[4118,14638,14277],{"class":4191},[4118,14640,14641,14643,14645,14647],{"class":4120,"line":5255},[4118,14642,14282],{"class":4124},[4118,14644,7314],{"class":4191},[4118,14646,6187],{"class":4323},[4118,14648,7901],{"class":4191},[4118,14650,14651,14653],{"class":4120,"line":5266},[4118,14652,14293],{"class":4393},[4118,14654,5095],{"class":4191},[4118,14656,14657,14659,14661,14663,14665,14667,14669,14671,14673,14675,14677,14679,14681,14683],{"class":4120,"line":5276},[4118,14658,14300],{"class":4323},[4118,14660,14303],{"class":4540},[4118,14662,5222],{"class":4191},[4118,14664,5794],{"class":4393},[4118,14666,13397],{"class":4124},[4118,14668,7314],{"class":4191},[4118,14670,6735],{"class":4403},[4118,14672,3912],{"class":4191},[4118,14674,6362],{"class":4403},[4118,14676,6764],{"class":4191},[4118,14678,6767],{"class":5249},[4118,14680,11704],{"class":4191},[4118,14682,8125],{"class":4403},[4118,14684,7901],{"class":4191},[4118,14686,14687,14689,14691,14693],{"class":4120,"line":5287},[4118,14688,14332],{"class":4124},[4118,14690,7314],{"class":4191},[4118,14692,14337],{"class":4403},[4118,14694,7901],{"class":4191},[4118,14696,14697,14699,14701,14703,14705],{"class":4120,"line":5298},[4118,14698,14344],{"class":4191},[4118,14700,13166],{"class":4393},[4118,14702,4669],{"class":4191},[4118,14704,14351],{"class":4403},[4118,14706,4523],{"class":4191},[4118,14708,14709,14711,14713,14715,14717,14719,14721,14724],{"class":4120,"line":5304},[4118,14710,14358],{"class":4403},[4118,14712,3912],{"class":4191},[4118,14714,5690],{"class":4124},[4118,14716,7314],{"class":4191},[4118,14718,13205],{"class":4128},[4118,14720,3971],{"class":4191},[4118,14722,14723],{"class":4128},"'Не вдалося обробити знімок'",[4118,14725,7901],{"class":4191},[4118,14727,14728,14730,14732],{"class":4120,"line":5336},[4118,14729,14344],{"class":4191},[4118,14731,10145],{"class":4393},[4118,14733,5095],{"class":4191},[4118,14735,14736,14738,14740,14742],{"class":4120,"line":5365},[4118,14737,14386],{"class":4124},[4118,14739,7314],{"class":4191},[4118,14741,6213],{"class":4323},[4118,14743,7901],{"class":4191},[4118,14745,14746],{"class":4120,"line":5373},[4118,14747,11411],{"class":4191},[4118,14749,14750],{"class":4120,"line":5384},[4118,14751,6348],{"class":4191},[4118,14753,14754],{"class":4120,"line":5395},[4118,14755,11421],{"class":4191},[4118,14757,14758],{"class":4120,"line":5406},[4118,14759,4460],{"emptyLinePlaceholder":4459},[4118,14761,14762,14764,14767,14769,14771,14773,14775,14777,14779],{"class":4120,"line":5417},[4118,14763,4534],{"class":4323},[4118,14765,14766],{"class":4540}," handleDeletePhoto",[4118,14768,5222],{"class":4191},[4118,14770,13824],{"class":4124},[4118,14772,7314],{"class":4191},[4118,14774,5551],{"class":4323},[4118,14776,5090],{"class":4191},[4118,14778,4966],{"class":4323},[4118,14780,5095],{"class":4191},[4118,14782,14783,14785,14787],{"class":4120,"line":5422},[4118,14784,5562],{"class":4393},[4118,14786,13757],{"class":4124},[4118,14788,4562],{"class":4191},[4118,14790,14791,14794,14796,14798],{"class":4120,"line":5450},[4118,14792,14793],{"class":4124},"    setPhotoUri",[4118,14795,7314],{"class":4191},[4118,14797,6492],{"class":4323},[4118,14799,7901],{"class":4191},[4118,14801,14803],{"class":4120,"line":14802},86,[4118,14804,11421],{"class":4191},[4118,14806,14808],{"class":4120,"line":14807},87,[4118,14809,4460],{"emptyLinePlaceholder":4459},[4118,14811,14813,14815],{"class":4120,"line":14812},88,[4118,14814,4775],{"class":4393},[4118,14816,5095],{"class":4191},[4118,14818,14820,14823],{"class":4120,"line":14819},89,[4118,14821,14822],{"class":4403},"    photoUri",[4118,14824,4226],{"class":4191},[4118,14826,14828,14831],{"class":4120,"line":14827},90,[4118,14829,14830],{"class":4403},"    loading",[4118,14832,4226],{"class":4191},[4118,14834,14836,14839,14841],{"class":4120,"line":14835},91,[4118,14837,14838],{"class":4403},"    pickFromLibrary:",[4118,14840,14050],{"class":4403},[4118,14842,4226],{"class":4191},[4118,14844,14846,14849,14851],{"class":4120,"line":14845},92,[4118,14847,14848],{"class":4403},"    takePhoto:",[4118,14850,14415],{"class":4403},[4118,14852,4226],{"class":4191},[4118,14854,14856,14859,14861],{"class":4120,"line":14855},93,[4118,14857,14858],{"class":4403},"    deletePhoto:",[4118,14860,14766],{"class":4403},[4118,14862,4226],{"class":4191},[4118,14864,14866],{"class":4120,"line":14865},94,[4118,14867,6775],{"class":4191},[4118,14869,14871],{"class":4120,"line":14870},95,[4118,14872,4353],{"class":4191},[3830,14874,14876,14877],{"id":14875},"_64-компонент-бейджа-badgecardtsx","6.4. Компонент бейджа ",[3787,14878,14879],{},"BadgeCard.tsx",[4108,14881,14884],{"className":4382,"code":14882,"filename":14883,"language":4385,"meta":4386,"style":4114},"import React from 'react';\nimport {\n  View,\n  Text,\n  Image,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n} from 'react-native';\n\ntype BadgeCardProps = {\n  name: string;\n  role: string;\n  company: string;\n  photoUri: string | null;\n  loading: boolean;\n  onPressChangePhoto: () => void;\n};\n\nexport function BadgeCard({\n  name,\n  role,\n  company,\n  photoUri,\n  loading,\n  onPressChangePhoto,\n}: BadgeCardProps) {\n  return (\n    \u003CView style={styles.card}>\n      \u003CView style={styles.header}>\n        \u003CText style={styles.companyText}>{company.toUpperCase()}\u003C\u002FText>\n        \u003CView style={styles.badgeHole} \u002F>\n      \u003C\u002FView>\n\n      \u003CPressable\n        style={styles.avatarContainer}\n        onPress={onPressChangePhoto}\n        disabled={loading}\n      >\n        {loading ? (\n          \u003CActivityIndicator size=\"large\" color=\"#3b82f6\" \u002F>\n        ) : photoUri ? (\n          \u003CImage source={{ uri: photoUri }} style={styles.avatar} \u002F>\n        ) : (\n          \u003CView style={styles.placeholder}>\n            \u003CText style={styles.placeholderIcon}>📷\u003C\u002FText>\n            \u003CText style={styles.placeholderText}>Додати фото\u003C\u002FText>\n          \u003C\u002FView>\n        )}\n        \u003CView style={styles.editBadge}>\n          \u003CText style={styles.editBadgeText}>Змінити\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FPressable>\n\n      \u003CView style={styles.body}>\n        \u003CText style={styles.nameText}>{name || 'Імʼя Прізвище'}\u003C\u002FText>\n        \u003CText style={styles.roleText}>{role || 'Посада'}\u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CView style={styles.footer}>\n        \u003CText style={styles.passId}>PASS ID: #84920\u003C\u002FText>\n        \u003CView style={styles.statusDotContainer}>\n          \u003CView style={styles.statusDot} \u002F>\n          \u003CText style={styles.statusText}>ACTIVE\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    backgroundColor: '#ffffff',\n    borderRadius: 20,\n    padding: 24,\n    width: '100%',\n    maxWidth: 340,\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 10 },\n    shadowOpacity: 0.1,\n    shadowRadius: 20,\n    elevation: 8,\n    borderWidth: 1,\n    borderColor: '#e2e8f0',\n  },\n  header: {\n    width: '100%',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginBottom: 24,\n  },\n  companyText: {\n    fontSize: 14,\n    fontWeight: '800',\n    letterSpacing: 2,\n    color: '#3b82f6',\n  },\n  badgeHole: {\n    width: 36,\n    height: 8,\n    borderRadius: 4,\n    backgroundColor: '#cbd5e1',\n  },\n  avatarContainer: {\n    width: 140,\n    height: 140,\n    borderRadius: 70,\n    backgroundColor: '#f8fafc',\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginBottom: 20,\n    position: 'relative',\n    borderWidth: 3,\n    borderColor: '#3b82f6',\n    overflow: 'hidden',\n  },\n  avatar: {\n    width: '100%',\n    height: '100%',\n  },\n  placeholder: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  placeholderIcon: {\n    fontSize: 32,\n    marginBottom: 4,\n  },\n  placeholderText: {\n    fontSize: 12,\n    color: '#64748b',\n    fontWeight: '500',\n  },\n  editBadge: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: 'rgba(15, 23, 42, 0.65)',\n    paddingVertical: 4,\n    alignItems: 'center',\n  },\n  editBadgeText: {\n    color: '#ffffff',\n    fontSize: 10,\n    fontWeight: '600',\n  },\n  body: {\n    alignItems: 'center',\n    marginBottom: 24,\n  },\n  nameText: {\n    fontSize: 22,\n    fontWeight: '700',\n    color: '#0f172a',\n    marginBottom: 4,\n  },\n  roleText: {\n    fontSize: 15,\n    color: '#64748b',\n    fontWeight: '500',\n  },\n  footer: {\n    width: '100%',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingTop: 16,\n    borderTopWidth: 1,\n    borderTopColor: '#f1f5f9',\n  },\n  passId: {\n    fontSize: 12,\n    color: '#94a3b8',\n    fontWeight: '600',\n  },\n  statusDotContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 6,\n  },\n  statusDot: {\n    width: 8,\n    height: 8,\n    borderRadius: 4,\n    backgroundColor: '#22c55e',\n  },\n  statusText: {\n    fontSize: 11,\n    fontWeight: '700',\n    color: '#16a34a',\n    letterSpacing: 0.5,\n  },\n});\n","components\u002FBadgeCard.tsx",[3787,14885,14886,14899,14905,14912,14919,14926,14933,14940,14947,14957,14961,14970,14981,14992,15003,15018,15029,15043,15047,15051,15062,15068,15074,15080,15086,15092,15098,15108,15114,15136,15159,15202,15226,15234,15238,15244,15261,15274,15287,15292,15302,15327,15341,15381,15389,15411,15444,15475,15483,15490,15513,15545,15553,15561,15565,15587,15629,15670,15678,15682,15705,15737,15760,15783,15815,15823,15831,15839,15843,15847,15851,15867,15874,15883,15891,15899,15908,15918,15926,15936,15955,15965,15974,15983,15992,16002,16006,16013,16021,16031,16040,16048,16057,16061,16068,16077,16088,16099,16109,16114,16122,16132,16141,16151,16161,16166,16174,16184,16193,16203,16213,16222,16231,16240,16251,16261,16270,16281,16286,16294,16303,16312,16317,16324,16333,16342,16347,16355,16364,16373,16378,16385,16394,16403,16413,16418,16426,16436,16446,16456,16466,16476,16485,16494,16499,16507,16516,16525,16534,16539,16547,16556,16565,16570,16578,16588,16597,16607,16616,16621,16629,16638,16647,16656,16661,16669,16678,16687,16696,16705,16715,16725,16735,16740,16748,16757,16766,16775,16780,16788,16797,16806,16816,16821,16829,16838,16847,16856,16866,16871,16879,16889,16898,16908,16918,16923],{"__ignoreMap":4114},[4118,14887,14888,14890,14893,14895,14897],{"class":4120,"line":4121},[4118,14889,4394],{"class":4393},[4118,14891,14892],{"class":4403}," React",[4118,14894,4407],{"class":4393},[4118,14896,9603],{"class":4128},[4118,14898,4413],{"class":4191},[4118,14900,14901,14903],{"class":4120,"line":4195},[4118,14902,4394],{"class":4393},[4118,14904,5095],{"class":4191},[4118,14906,14907,14910],{"class":4120,"line":4205},[4118,14908,14909],{"class":4403},"  View",[4118,14911,4226],{"class":4191},[4118,14913,14914,14917],{"class":4120,"line":4214},[4118,14915,14916],{"class":4403},"  Text",[4118,14918,4226],{"class":4191},[4118,14920,14921,14924],{"class":4120,"line":4220},[4118,14922,14923],{"class":4403},"  Image",[4118,14925,4226],{"class":4191},[4118,14927,14928,14931],{"class":4120,"line":4229},[4118,14929,14930],{"class":4403},"  StyleSheet",[4118,14932,4226],{"class":4191},[4118,14934,14935,14938],{"class":4120,"line":4235},[4118,14936,14937],{"class":4403},"  Pressable",[4118,14939,4226],{"class":4191},[4118,14941,14942,14945],{"class":4120,"line":4249},[4118,14943,14944],{"class":4403},"  ActivityIndicator",[4118,14946,4226],{"class":4191},[4118,14948,14949,14951,14953,14955],{"class":4120,"line":4260},[4118,14950,13900],{"class":4191},[4118,14952,4449],{"class":4393},[4118,14954,4452],{"class":4128},[4118,14956,4413],{"class":4191},[4118,14958,14959],{"class":4120,"line":4266},[4118,14960,4460],{"emptyLinePlaceholder":4459},[4118,14962,14963,14965,14968],{"class":4120,"line":4272},[4118,14964,4465],{"class":4323},[4118,14966,14967],{"class":4468}," BadgeCardProps",[4118,14969,4472],{"class":4191},[4118,14971,14972,14975,14977,14979],{"class":4120,"line":4277},[4118,14973,14974],{"class":4403},"  name",[4118,14976,4241],{"class":4191},[4118,14978,9175],{"class":4468},[4118,14980,4413],{"class":4191},[4118,14982,14983,14986,14988,14990],{"class":4120,"line":4285},[4118,14984,14985],{"class":4403},"  role",[4118,14987,4241],{"class":4191},[4118,14989,9175],{"class":4468},[4118,14991,4413],{"class":4191},[4118,14993,14994,14997,14999,15001],{"class":4120,"line":4290},[4118,14995,14996],{"class":4403},"  company",[4118,14998,4241],{"class":4191},[4118,15000,9175],{"class":4468},[4118,15002,4413],{"class":4191},[4118,15004,15005,15008,15010,15012,15014,15016],{"class":4120,"line":4302},[4118,15006,15007],{"class":4403},"  photoUri",[4118,15009,4241],{"class":4191},[4118,15011,9175],{"class":4468},[4118,15013,6489],{"class":4191},[4118,15015,6492],{"class":4468},[4118,15017,4413],{"class":4191},[4118,15019,15020,15023,15025,15027],{"class":4120,"line":4315},[4118,15021,15022],{"class":4403},"  loading",[4118,15024,4241],{"class":4191},[4118,15026,9047],{"class":4468},[4118,15028,4413],{"class":4191},[4118,15030,15031,15034,15037,15039,15041],{"class":4120,"line":4327},[4118,15032,15033],{"class":4124},"  onPressChangePhoto",[4118,15035,15036],{"class":4191},": () ",[4118,15038,4966],{"class":4323},[4118,15040,7814],{"class":4468},[4118,15042,4413],{"class":4191},[4118,15044,15045],{"class":4120,"line":4332},[4118,15046,4493],{"class":4191},[4118,15048,15049],{"class":4120,"line":4338},[4118,15050,4460],{"emptyLinePlaceholder":4459},[4118,15052,15053,15055,15057,15060],{"class":4120,"line":4344},[4118,15054,4502],{"class":4393},[4118,15056,4505],{"class":4323},[4118,15058,15059],{"class":4124}," BadgeCard",[4118,15061,5232],{"class":4191},[4118,15063,15064,15066],{"class":4120,"line":4350},[4118,15065,14974],{"class":4403},[4118,15067,4226],{"class":4191},[4118,15069,15070,15072],{"class":4120,"line":4677},[4118,15071,14985],{"class":4403},[4118,15073,4226],{"class":4191},[4118,15075,15076,15078],{"class":4120,"line":4683},[4118,15077,14996],{"class":4403},[4118,15079,4226],{"class":4191},[4118,15081,15082,15084],{"class":4120,"line":4706},[4118,15083,15007],{"class":4403},[4118,15085,4226],{"class":4191},[4118,15087,15088,15090],{"class":4120,"line":4711},[4118,15089,15022],{"class":4403},[4118,15091,4226],{"class":4191},[4118,15093,15094,15096],{"class":4120,"line":4716},[4118,15095,15033],{"class":4403},[4118,15097,4226],{"class":4191},[4118,15099,15100,15103,15106],{"class":4120,"line":4722},[4118,15101,15102],{"class":4191},"}: ",[4118,15104,15105],{"class":4468},"BadgeCardProps",[4118,15107,4523],{"class":4191},[4118,15109,15110,15112],{"class":4120,"line":4732},[4118,15111,4775],{"class":4393},[4118,15113,4778],{"class":4191},[4118,15115,15116,15118,15120,15122,15124,15126,15128,15130,15132,15134],{"class":4120,"line":4751},[4118,15117,4784],{"class":4689},[4118,15119,4443],{"class":4468},[4118,15121,4790],{"class":4789},[4118,15123,4793],{"class":4191},[4118,15125,4693],{"class":4323},[4118,15127,4798],{"class":4403},[4118,15129,3912],{"class":4801},[4118,15131,3900],{"class":4403},[4118,15133,4698],{"class":4323},[4118,15135,4809],{"class":4689},[4118,15137,15138,15140,15142,15144,15146,15148,15150,15152,15155,15157],{"class":4120,"line":4767},[4118,15139,4815],{"class":4689},[4118,15141,4443],{"class":4468},[4118,15143,4790],{"class":4789},[4118,15145,4793],{"class":4191},[4118,15147,4693],{"class":4323},[4118,15149,4798],{"class":4403},[4118,15151,3912],{"class":4801},[4118,15153,15154],{"class":4403},"header",[4118,15156,4698],{"class":4323},[4118,15158,4809],{"class":4689},[4118,15160,15161,15163,15165,15167,15169,15171,15173,15175,15178,15180,15182,15184,15187,15189,15192,15194,15196,15198,15200],{"class":4120,"line":4772},[4118,15162,4928],{"class":4689},[4118,15164,4438],{"class":4468},[4118,15166,4790],{"class":4789},[4118,15168,4793],{"class":4191},[4118,15170,4693],{"class":4323},[4118,15172,4798],{"class":4403},[4118,15174,3912],{"class":4801},[4118,15176,15177],{"class":4403},"companyText",[4118,15179,4698],{"class":4323},[4118,15181,4835],{"class":4689},[4118,15183,4693],{"class":4323},[4118,15185,15186],{"class":4403},"company",[4118,15188,3912],{"class":4801},[4118,15190,15191],{"class":4124},"toUpperCase",[4118,15193,4977],{"class":4801},[4118,15195,4698],{"class":4323},[4118,15197,4841],{"class":4689},[4118,15199,4438],{"class":4468},[4118,15201,4809],{"class":4689},[4118,15203,15204,15206,15208,15210,15212,15214,15216,15218,15221,15223],{"class":4120,"line":4781},[4118,15205,4928],{"class":4689},[4118,15207,4443],{"class":4468},[4118,15209,4790],{"class":4789},[4118,15211,4793],{"class":4191},[4118,15213,4693],{"class":4323},[4118,15215,4798],{"class":4403},[4118,15217,3912],{"class":4801},[4118,15219,15220],{"class":4403},"badgeHole",[4118,15222,4698],{"class":4323},[4118,15224,15225],{"class":4689}," \u002F>\n",[4118,15227,15228,15230,15232],{"class":4120,"line":4812},[4118,15229,4887],{"class":4689},[4118,15231,4443],{"class":4468},[4118,15233,4809],{"class":4689},[4118,15235,15236],{"class":4120,"line":4848},[4118,15237,4460],{"emptyLinePlaceholder":4459},[4118,15239,15240,15242],{"class":4120,"line":4872},[4118,15241,4815],{"class":4689},[4118,15243,4931],{"class":4468},[4118,15245,15246,15248,15250,15252,15254,15256,15259],{"class":4120,"line":4878},[4118,15247,8377],{"class":4789},[4118,15249,4793],{"class":4191},[4118,15251,4693],{"class":4323},[4118,15253,4798],{"class":4403},[4118,15255,3912],{"class":4801},[4118,15257,15258],{"class":4403},"avatarContainer",[4118,15260,4353],{"class":4323},[4118,15262,15263,15265,15267,15269,15272],{"class":4120,"line":4884},[4118,15264,7870],{"class":4789},[4118,15266,4793],{"class":4191},[4118,15268,4693],{"class":4323},[4118,15270,15271],{"class":4403},"onPressChangePhoto",[4118,15273,4353],{"class":4323},[4118,15275,15276,15279,15281,15283,15285],{"class":4120,"line":4894},[4118,15277,15278],{"class":4789},"        disabled",[4118,15280,4793],{"class":4191},[4118,15282,4693],{"class":4323},[4118,15284,13963],{"class":4403},[4118,15286,4353],{"class":4323},[4118,15288,15289],{"class":4120,"line":4899},[4118,15290,15291],{"class":4689},"      >\n",[4118,15293,15294,15296,15298,15300],{"class":4120,"line":4913},[4118,15295,8443],{"class":4323},[4118,15297,13963],{"class":4403},[4118,15299,4908],{"class":4191},[4118,15301,4778],{"class":4801},[4118,15303,15304,15306,15309,15312,15314,15317,15320,15322,15325],{"class":4120,"line":4919},[4118,15305,4991],{"class":4689},[4118,15307,15308],{"class":4468},"ActivityIndicator",[4118,15310,15311],{"class":4789}," size",[4118,15313,4793],{"class":4191},[4118,15315,15316],{"class":4128},"\"large\"",[4118,15318,15319],{"class":4789}," color",[4118,15321,4793],{"class":4191},[4118,15323,15324],{"class":4128},"\"#3b82f6\"",[4118,15326,15225],{"class":4689},[4118,15328,15329,15332,15334,15337,15339],{"class":4120,"line":4925},[4118,15330,15331],{"class":4801},"        ) ",[4118,15333,5045],{"class":4191},[4118,15335,15336],{"class":4403}," photoUri",[4118,15338,4908],{"class":4191},[4118,15340,4778],{"class":4801},[4118,15342,15343,15345,15347,15350,15352,15354,15356,15358,15360,15362,15364,15366,15368,15370,15372,15374,15377,15379],{"class":4120,"line":4934},[4118,15344,4991],{"class":4689},[4118,15346,8129],{"class":4468},[4118,15348,15349],{"class":4789}," source",[4118,15351,4793],{"class":4191},[4118,15353,4693],{"class":4323},[4118,15355,6178],{"class":4801},[4118,15357,8361],{"class":4403},[4118,15359,15336],{"class":4403},[4118,15361,8370],{"class":4801},[4118,15363,4698],{"class":4323},[4118,15365,4790],{"class":4789},[4118,15367,4793],{"class":4191},[4118,15369,4693],{"class":4323},[4118,15371,4798],{"class":4403},[4118,15373,3912],{"class":4801},[4118,15375,15376],{"class":4403},"avatar",[4118,15378,4698],{"class":4323},[4118,15380,15225],{"class":4689},[4118,15382,15383,15385,15387],{"class":4120,"line":4953},[4118,15384,15331],{"class":4801},[4118,15386,5045],{"class":4191},[4118,15388,4778],{"class":4801},[4118,15390,15391,15393,15395,15397,15399,15401,15403,15405,15407,15409],{"class":4120,"line":4982},[4118,15392,4991],{"class":4689},[4118,15394,4443],{"class":4468},[4118,15396,4790],{"class":4789},[4118,15398,4793],{"class":4191},[4118,15400,4693],{"class":4323},[4118,15402,4798],{"class":4403},[4118,15404,3912],{"class":4801},[4118,15406,8270],{"class":4403},[4118,15408,4698],{"class":4323},[4118,15410,4809],{"class":4689},[4118,15412,15413,15416,15418,15420,15422,15424,15426,15428,15431,15433,15435,15438,15440,15442],{"class":4120,"line":4988},[4118,15414,15415],{"class":4689},"            \u003C",[4118,15417,4438],{"class":4468},[4118,15419,4790],{"class":4789},[4118,15421,4793],{"class":4191},[4118,15423,4693],{"class":4323},[4118,15425,4798],{"class":4403},[4118,15427,3912],{"class":4801},[4118,15429,15430],{"class":4403},"placeholderIcon",[4118,15432,4698],{"class":4323},[4118,15434,4835],{"class":4689},[4118,15436,15437],{"class":4801},"📷",[4118,15439,4841],{"class":4689},[4118,15441,4438],{"class":4468},[4118,15443,4809],{"class":4689},[4118,15445,15446,15448,15450,15452,15454,15456,15458,15460,15462,15464,15466,15469,15471,15473],{"class":4120,"line":5013},[4118,15447,15415],{"class":4689},[4118,15449,4438],{"class":4468},[4118,15451,4790],{"class":4789},[4118,15453,4793],{"class":4191},[4118,15455,4693],{"class":4323},[4118,15457,4798],{"class":4403},[4118,15459,3912],{"class":4801},[4118,15461,8293],{"class":4403},[4118,15463,4698],{"class":4323},[4118,15465,4835],{"class":4689},[4118,15467,15468],{"class":4801},"Додати фото",[4118,15470,4841],{"class":4689},[4118,15472,4438],{"class":4468},[4118,15474,4809],{"class":4689},[4118,15476,15477,15479,15481],{"class":4120,"line":5019},[4118,15478,5022],{"class":4689},[4118,15480,4443],{"class":4468},[4118,15482,4809],{"class":4689},[4118,15484,15485,15488],{"class":4120,"line":5029},[4118,15486,15487],{"class":4801},"        )",[4118,15489,4353],{"class":4323},[4118,15491,15492,15494,15496,15498,15500,15502,15504,15506,15509,15511],{"class":4120,"line":5039},[4118,15493,4928],{"class":4689},[4118,15495,4443],{"class":4468},[4118,15497,4790],{"class":4789},[4118,15499,4793],{"class":4191},[4118,15501,4693],{"class":4323},[4118,15503,4798],{"class":4403},[4118,15505,3912],{"class":4801},[4118,15507,15508],{"class":4403},"editBadge",[4118,15510,4698],{"class":4323},[4118,15512,4809],{"class":4689},[4118,15514,15515,15517,15519,15521,15523,15525,15527,15529,15532,15534,15536,15539,15541,15543],{"class":4120,"line":5050},[4118,15516,4991],{"class":4689},[4118,15518,4438],{"class":4468},[4118,15520,4790],{"class":4789},[4118,15522,4793],{"class":4191},[4118,15524,4693],{"class":4323},[4118,15526,4798],{"class":4403},[4118,15528,3912],{"class":4801},[4118,15530,15531],{"class":4403},"editBadgeText",[4118,15533,4698],{"class":4323},[4118,15535,4835],{"class":4689},[4118,15537,15538],{"class":4191},"Змінити",[4118,15540,4841],{"class":4689},[4118,15542,4438],{"class":4468},[4118,15544,4809],{"class":4689},[4118,15546,15547,15549,15551],{"class":4120,"line":5056},[4118,15548,5032],{"class":4689},[4118,15550,4443],{"class":4468},[4118,15552,4809],{"class":4689},[4118,15554,15555,15557,15559],{"class":4120,"line":5063},[4118,15556,4887],{"class":4689},[4118,15558,4428],{"class":4468},[4118,15560,4809],{"class":4689},[4118,15562,15563],{"class":4120,"line":5080},[4118,15564,4460],{"emptyLinePlaceholder":4459},[4118,15566,15567,15569,15571,15573,15575,15577,15579,15581,15583,15585],{"class":4120,"line":5098},[4118,15568,4815],{"class":4689},[4118,15570,4443],{"class":4468},[4118,15572,4790],{"class":4789},[4118,15574,4793],{"class":4191},[4118,15576,4693],{"class":4323},[4118,15578,4798],{"class":4403},[4118,15580,3912],{"class":4801},[4118,15582,12647],{"class":4403},[4118,15584,4698],{"class":4323},[4118,15586,4809],{"class":4689},[4118,15588,15589,15591,15593,15595,15597,15599,15601,15603,15606,15608,15610,15612,15615,15618,15621,15623,15625,15627],{"class":4120,"line":5109},[4118,15590,4928],{"class":4689},[4118,15592,4438],{"class":4468},[4118,15594,4790],{"class":4789},[4118,15596,4793],{"class":4191},[4118,15598,4693],{"class":4323},[4118,15600,4798],{"class":4403},[4118,15602,3912],{"class":4801},[4118,15604,15605],{"class":4403},"nameText",[4118,15607,4698],{"class":4323},[4118,15609,4835],{"class":4689},[4118,15611,4693],{"class":4323},[4118,15613,15614],{"class":4403},"name",[4118,15616,15617],{"class":4191}," ||",[4118,15619,15620],{"class":4128}," 'Імʼя Прізвище'",[4118,15622,4698],{"class":4323},[4118,15624,4841],{"class":4689},[4118,15626,4438],{"class":4468},[4118,15628,4809],{"class":4689},[4118,15630,15631,15633,15635,15637,15639,15641,15643,15645,15648,15650,15652,15654,15657,15659,15662,15664,15666,15668],{"class":4120,"line":5119},[4118,15632,4928],{"class":4689},[4118,15634,4438],{"class":4468},[4118,15636,4790],{"class":4789},[4118,15638,4793],{"class":4191},[4118,15640,4693],{"class":4323},[4118,15642,4798],{"class":4403},[4118,15644,3912],{"class":4801},[4118,15646,15647],{"class":4403},"roleText",[4118,15649,4698],{"class":4323},[4118,15651,4835],{"class":4689},[4118,15653,4693],{"class":4323},[4118,15655,15656],{"class":4403},"role",[4118,15658,15617],{"class":4191},[4118,15660,15661],{"class":4128}," 'Посада'",[4118,15663,4698],{"class":4323},[4118,15665,4841],{"class":4689},[4118,15667,4438],{"class":4468},[4118,15669,4809],{"class":4689},[4118,15671,15672,15674,15676],{"class":4120,"line":5127},[4118,15673,4887],{"class":4689},[4118,15675,4443],{"class":4468},[4118,15677,4809],{"class":4689},[4118,15679,15680],{"class":4120,"line":5132},[4118,15681,4460],{"emptyLinePlaceholder":4459},[4118,15683,15684,15686,15688,15690,15692,15694,15696,15698,15701,15703],{"class":4120,"line":5155},[4118,15685,4815],{"class":4689},[4118,15687,4443],{"class":4468},[4118,15689,4790],{"class":4789},[4118,15691,4793],{"class":4191},[4118,15693,4693],{"class":4323},[4118,15695,4798],{"class":4403},[4118,15697,3912],{"class":4801},[4118,15699,15700],{"class":4403},"footer",[4118,15702,4698],{"class":4323},[4118,15704,4809],{"class":4689},[4118,15706,15707,15709,15711,15713,15715,15717,15719,15721,15724,15726,15728,15731,15733,15735],{"class":4120,"line":5161},[4118,15708,4928],{"class":4689},[4118,15710,4438],{"class":4468},[4118,15712,4790],{"class":4789},[4118,15714,4793],{"class":4191},[4118,15716,4693],{"class":4323},[4118,15718,4798],{"class":4403},[4118,15720,3912],{"class":4801},[4118,15722,15723],{"class":4403},"passId",[4118,15725,4698],{"class":4323},[4118,15727,4835],{"class":4689},[4118,15729,15730],{"class":4191},"PASS ID: #84920",[4118,15732,4841],{"class":4689},[4118,15734,4438],{"class":4468},[4118,15736,4809],{"class":4689},[4118,15738,15739,15741,15743,15745,15747,15749,15751,15753,15756,15758],{"class":4120,"line":5170},[4118,15740,4928],{"class":4689},[4118,15742,4443],{"class":4468},[4118,15744,4790],{"class":4789},[4118,15746,4793],{"class":4191},[4118,15748,4693],{"class":4323},[4118,15750,4798],{"class":4403},[4118,15752,3912],{"class":4801},[4118,15754,15755],{"class":4403},"statusDotContainer",[4118,15757,4698],{"class":4323},[4118,15759,4809],{"class":4689},[4118,15761,15762,15764,15766,15768,15770,15772,15774,15776,15779,15781],{"class":4120,"line":5179},[4118,15763,4991],{"class":4689},[4118,15765,4443],{"class":4468},[4118,15767,4790],{"class":4789},[4118,15769,4793],{"class":4191},[4118,15771,4693],{"class":4323},[4118,15773,4798],{"class":4403},[4118,15775,3912],{"class":4801},[4118,15777,15778],{"class":4403},"statusDot",[4118,15780,4698],{"class":4323},[4118,15782,15225],{"class":4689},[4118,15784,15785,15787,15789,15791,15793,15795,15797,15799,15802,15804,15806,15809,15811,15813],{"class":4120,"line":5187},[4118,15786,4991],{"class":4689},[4118,15788,4438],{"class":4468},[4118,15790,4790],{"class":4789},[4118,15792,4793],{"class":4191},[4118,15794,4693],{"class":4323},[4118,15796,4798],{"class":4403},[4118,15798,3912],{"class":4801},[4118,15800,15801],{"class":4403},"statusText",[4118,15803,4698],{"class":4323},[4118,15805,4835],{"class":4689},[4118,15807,15808],{"class":4191},"ACTIVE",[4118,15810,4841],{"class":4689},[4118,15812,4438],{"class":4468},[4118,15814,4809],{"class":4689},[4118,15816,15817,15819,15821],{"class":4120,"line":5197},[4118,15818,5032],{"class":4689},[4118,15820,4443],{"class":4468},[4118,15822,4809],{"class":4689},[4118,15824,15825,15827,15829],{"class":4120,"line":5203},[4118,15826,4887],{"class":4689},[4118,15828,4443],{"class":4468},[4118,15830,4809],{"class":4689},[4118,15832,15833,15835,15837],{"class":4120,"line":5208},[4118,15834,5190],{"class":4689},[4118,15836,4443],{"class":4468},[4118,15838,4809],{"class":4689},[4118,15840,15841],{"class":4120,"line":5213},[4118,15842,5200],{"class":4191},[4118,15844,15845],{"class":4120,"line":5235},[4118,15846,4353],{"class":4191},[4118,15848,15849],{"class":4120,"line":5243},[4118,15850,4460],{"emptyLinePlaceholder":4459},[4118,15852,15853,15855,15857,15859,15861,15863,15865],{"class":4120,"line":5255},[4118,15854,5216],{"class":4323},[4118,15856,5219],{"class":4540},[4118,15858,5222],{"class":4191},[4118,15860,4433],{"class":4403},[4118,15862,3912],{"class":4191},[4118,15864,5229],{"class":4124},[4118,15866,5232],{"class":4191},[4118,15868,15869,15872],{"class":4120,"line":5266},[4118,15870,15871],{"class":4403},"  card:",[4118,15873,5095],{"class":4191},[4118,15875,15876,15878,15881],{"class":4120,"line":5276},[4118,15877,5376],{"class":4403},[4118,15879,15880],{"class":4128}," '#ffffff'",[4118,15882,4226],{"class":4191},[4118,15884,15885,15887,15889],{"class":4120,"line":5287},[4118,15886,5409],{"class":4403},[4118,15888,5315],{"class":5249},[4118,15890,4226],{"class":4191},[4118,15892,15893,15895,15897],{"class":4120,"line":5298},[4118,15894,5279],{"class":4403},[4118,15896,5390],{"class":5249},[4118,15898,4226],{"class":4191},[4118,15900,15901,15903,15906],{"class":4120,"line":5304},[4118,15902,8593],{"class":4403},[4118,15904,15905],{"class":4128}," '100%'",[4118,15907,4226],{"class":4191},[4118,15909,15910,15913,15916],{"class":4120,"line":5336},[4118,15911,15912],{"class":4403},"    maxWidth:",[4118,15914,15915],{"class":5249}," 340",[4118,15917,4226],{"class":4191},[4118,15919,15920,15922,15924],{"class":4120,"line":5365},[4118,15921,5269],{"class":4403},[4118,15923,5261],{"class":4128},[4118,15925,4226],{"class":4191},[4118,15927,15928,15931,15934],{"class":4120,"line":5373},[4118,15929,15930],{"class":4403},"    shadowColor:",[4118,15932,15933],{"class":4128}," '#000'",[4118,15935,4226],{"class":4191},[4118,15937,15938,15941,15943,15945,15947,15949,15951,15953],{"class":4120,"line":5384},[4118,15939,15940],{"class":4403},"    shadowOffset:",[4118,15942,4420],{"class":4191},[4118,15944,9379],{"class":4403},[4118,15946,9990],{"class":5249},[4118,15948,3971],{"class":4191},[4118,15950,9507],{"class":4403},[4118,15952,5412],{"class":5249},[4118,15954,5333],{"class":4191},[4118,15956,15957,15960,15963],{"class":4120,"line":5395},[4118,15958,15959],{"class":4403},"    shadowOpacity:",[4118,15961,15962],{"class":5249}," 0.1",[4118,15964,4226],{"class":4191},[4118,15966,15967,15970,15972],{"class":4120,"line":5406},[4118,15968,15969],{"class":4403},"    shadowRadius:",[4118,15971,5315],{"class":5249},[4118,15973,4226],{"class":4191},[4118,15975,15976,15979,15981],{"class":4120,"line":5417},[4118,15977,15978],{"class":4403},"    elevation:",[4118,15980,8727],{"class":5249},[4118,15982,4226],{"class":4191},[4118,15984,15985,15988,15990],{"class":4120,"line":5422},[4118,15986,15987],{"class":4403},"    borderWidth:",[4118,15989,5250],{"class":5249},[4118,15991,4226],{"class":4191},[4118,15993,15994,15997,16000],{"class":4120,"line":5450},[4118,15995,15996],{"class":4403},"    borderColor:",[4118,15998,15999],{"class":4128}," '#e2e8f0'",[4118,16001,4226],{"class":4191},[4118,16003,16004],{"class":4120,"line":14802},[4118,16005,5301],{"class":4191},[4118,16007,16008,16011],{"class":4120,"line":14807},[4118,16009,16010],{"class":4403},"  header:",[4118,16012,5095],{"class":4191},[4118,16014,16015,16017,16019],{"class":4120,"line":14812},[4118,16016,8593],{"class":4403},[4118,16018,15905],{"class":4128},[4118,16020,4226],{"class":4191},[4118,16022,16023,16026,16029],{"class":4120,"line":14819},[4118,16024,16025],{"class":4403},"    flexDirection:",[4118,16027,16028],{"class":4128}," 'row'",[4118,16030,4226],{"class":4191},[4118,16032,16033,16035,16038],{"class":4120,"line":14827},[4118,16034,5258],{"class":4403},[4118,16036,16037],{"class":4128}," 'space-between'",[4118,16039,4226],{"class":4191},[4118,16041,16042,16044,16046],{"class":4120,"line":14835},[4118,16043,5269],{"class":4403},[4118,16045,5261],{"class":4128},[4118,16047,4226],{"class":4191},[4118,16049,16050,16053,16055],{"class":4120,"line":14845},[4118,16051,16052],{"class":4403},"    marginBottom:",[4118,16054,5390],{"class":5249},[4118,16056,4226],{"class":4191},[4118,16058,16059],{"class":4120,"line":14855},[4118,16060,5301],{"class":4191},[4118,16062,16063,16066],{"class":4120,"line":14865},[4118,16064,16065],{"class":4403},"  companyText:",[4118,16067,5095],{"class":4191},[4118,16069,16070,16073,16075],{"class":4120,"line":14870},[4118,16071,16072],{"class":4403},"    fontSize:",[4118,16074,8664],{"class":5249},[4118,16076,4226],{"class":4191},[4118,16078,16080,16083,16086],{"class":4120,"line":16079},96,[4118,16081,16082],{"class":4403},"    fontWeight:",[4118,16084,16085],{"class":4128}," '800'",[4118,16087,4226],{"class":4191},[4118,16089,16091,16094,16097],{"class":4120,"line":16090},97,[4118,16092,16093],{"class":4403},"    letterSpacing:",[4118,16095,16096],{"class":5249}," 2",[4118,16098,4226],{"class":4191},[4118,16100,16102,16105,16107],{"class":4120,"line":16101},98,[4118,16103,16104],{"class":4403},"    color:",[4118,16106,5379],{"class":4128},[4118,16108,4226],{"class":4191},[4118,16110,16112],{"class":4120,"line":16111},99,[4118,16113,5301],{"class":4191},[4118,16115,16117,16120],{"class":4120,"line":16116},100,[4118,16118,16119],{"class":4403},"  badgeHole:",[4118,16121,5095],{"class":4191},[4118,16123,16125,16127,16130],{"class":4120,"line":16124},101,[4118,16126,8593],{"class":4403},[4118,16128,16129],{"class":5249}," 36",[4118,16131,4226],{"class":4191},[4118,16133,16135,16137,16139],{"class":4120,"line":16134},102,[4118,16136,8603],{"class":4403},[4118,16138,8727],{"class":5249},[4118,16140,4226],{"class":4191},[4118,16142,16144,16146,16149],{"class":4120,"line":16143},103,[4118,16145,5409],{"class":4403},[4118,16147,16148],{"class":5249}," 4",[4118,16150,4226],{"class":4191},[4118,16152,16154,16156,16159],{"class":4120,"line":16153},104,[4118,16155,5376],{"class":4403},[4118,16157,16158],{"class":4128}," '#cbd5e1'",[4118,16160,4226],{"class":4191},[4118,16162,16164],{"class":4120,"line":16163},105,[4118,16165,5301],{"class":4191},[4118,16167,16169,16172],{"class":4120,"line":16168},106,[4118,16170,16171],{"class":4403},"  avatarContainer:",[4118,16173,5095],{"class":4191},[4118,16175,16177,16179,16182],{"class":4120,"line":16176},107,[4118,16178,8593],{"class":4403},[4118,16180,16181],{"class":5249}," 140",[4118,16183,4226],{"class":4191},[4118,16185,16187,16189,16191],{"class":4120,"line":16186},108,[4118,16188,8603],{"class":4403},[4118,16190,16181],{"class":5249},[4118,16192,4226],{"class":4191},[4118,16194,16196,16198,16201],{"class":4120,"line":16195},109,[4118,16197,5409],{"class":4403},[4118,16199,16200],{"class":5249}," 70",[4118,16202,4226],{"class":4191},[4118,16204,16206,16208,16211],{"class":4120,"line":16205},110,[4118,16207,5376],{"class":4403},[4118,16209,16210],{"class":4128}," '#f8fafc'",[4118,16212,4226],{"class":4191},[4118,16214,16216,16218,16220],{"class":4120,"line":16215},111,[4118,16217,5258],{"class":4403},[4118,16219,5261],{"class":4128},[4118,16221,4226],{"class":4191},[4118,16223,16225,16227,16229],{"class":4120,"line":16224},112,[4118,16226,5269],{"class":4403},[4118,16228,5261],{"class":4128},[4118,16230,4226],{"class":4191},[4118,16232,16234,16236,16238],{"class":4120,"line":16233},113,[4118,16235,16052],{"class":4403},[4118,16237,5315],{"class":5249},[4118,16239,4226],{"class":4191},[4118,16241,16243,16246,16249],{"class":4120,"line":16242},114,[4118,16244,16245],{"class":4403},"    position:",[4118,16247,16248],{"class":4128}," 'relative'",[4118,16250,4226],{"class":4191},[4118,16252,16254,16256,16259],{"class":4120,"line":16253},115,[4118,16255,15987],{"class":4403},[4118,16257,16258],{"class":5249}," 3",[4118,16260,4226],{"class":4191},[4118,16262,16264,16266,16268],{"class":4120,"line":16263},116,[4118,16265,15996],{"class":4403},[4118,16267,5379],{"class":4128},[4118,16269,4226],{"class":4191},[4118,16271,16273,16276,16279],{"class":4120,"line":16272},117,[4118,16274,16275],{"class":4403},"    overflow:",[4118,16277,16278],{"class":4128}," 'hidden'",[4118,16280,4226],{"class":4191},[4118,16282,16284],{"class":4120,"line":16283},118,[4118,16285,5301],{"class":4191},[4118,16287,16289,16292],{"class":4120,"line":16288},119,[4118,16290,16291],{"class":4403},"  avatar:",[4118,16293,5095],{"class":4191},[4118,16295,16297,16299,16301],{"class":4120,"line":16296},120,[4118,16298,8593],{"class":4403},[4118,16300,15905],{"class":4128},[4118,16302,4226],{"class":4191},[4118,16304,16306,16308,16310],{"class":4120,"line":16305},121,[4118,16307,8603],{"class":4403},[4118,16309,15905],{"class":4128},[4118,16311,4226],{"class":4191},[4118,16313,16315],{"class":4120,"line":16314},122,[4118,16316,5301],{"class":4191},[4118,16318,16320,16322],{"class":4120,"line":16319},123,[4118,16321,8586],{"class":4403},[4118,16323,5095],{"class":4191},[4118,16325,16327,16329,16331],{"class":4120,"line":16326},124,[4118,16328,5269],{"class":4403},[4118,16330,5261],{"class":4128},[4118,16332,4226],{"class":4191},[4118,16334,16336,16338,16340],{"class":4120,"line":16335},125,[4118,16337,5258],{"class":4403},[4118,16339,5261],{"class":4128},[4118,16341,4226],{"class":4191},[4118,16343,16345],{"class":4120,"line":16344},126,[4118,16346,5301],{"class":4191},[4118,16348,16350,16353],{"class":4120,"line":16349},127,[4118,16351,16352],{"class":4403},"  placeholderIcon:",[4118,16354,5095],{"class":4191},[4118,16356,16358,16360,16362],{"class":4120,"line":16357},128,[4118,16359,16072],{"class":4403},[4118,16361,5282],{"class":5249},[4118,16363,4226],{"class":4191},[4118,16365,16367,16369,16371],{"class":4120,"line":16366},129,[4118,16368,16052],{"class":4403},[4118,16370,16148],{"class":5249},[4118,16372,4226],{"class":4191},[4118,16374,16376],{"class":4120,"line":16375},130,[4118,16377,5301],{"class":4191},[4118,16379,16381,16383],{"class":4120,"line":16380},131,[4118,16382,8650],{"class":4403},[4118,16384,5095],{"class":4191},[4118,16386,16388,16390,16392],{"class":4120,"line":16387},132,[4118,16389,16072],{"class":4403},[4118,16391,5401],{"class":5249},[4118,16393,4226],{"class":4191},[4118,16395,16397,16399,16401],{"class":4120,"line":16396},133,[4118,16398,16104],{"class":4403},[4118,16400,8719],{"class":4128},[4118,16402,4226],{"class":4191},[4118,16404,16406,16408,16411],{"class":4120,"line":16405},134,[4118,16407,16082],{"class":4403},[4118,16409,16410],{"class":4128}," '500'",[4118,16412,4226],{"class":4191},[4118,16414,16416],{"class":4120,"line":16415},135,[4118,16417,5301],{"class":4191},[4118,16419,16421,16424],{"class":4120,"line":16420},136,[4118,16422,16423],{"class":4403},"  editBadge:",[4118,16425,5095],{"class":4191},[4118,16427,16429,16431,16434],{"class":4120,"line":16428},137,[4118,16430,16245],{"class":4403},[4118,16432,16433],{"class":4128}," 'absolute'",[4118,16435,4226],{"class":4191},[4118,16437,16439,16442,16444],{"class":4120,"line":16438},138,[4118,16440,16441],{"class":4403},"    bottom:",[4118,16443,9990],{"class":5249},[4118,16445,4226],{"class":4191},[4118,16447,16449,16452,16454],{"class":4120,"line":16448},139,[4118,16450,16451],{"class":4403},"    left:",[4118,16453,9990],{"class":5249},[4118,16455,4226],{"class":4191},[4118,16457,16459,16462,16464],{"class":4120,"line":16458},140,[4118,16460,16461],{"class":4403},"    right:",[4118,16463,9990],{"class":5249},[4118,16465,4226],{"class":4191},[4118,16467,16469,16471,16474],{"class":4120,"line":16468},141,[4118,16470,5376],{"class":4403},[4118,16472,16473],{"class":4128}," 'rgba(15, 23, 42, 0.65)'",[4118,16475,4226],{"class":4191},[4118,16477,16479,16481,16483],{"class":4120,"line":16478},142,[4118,16480,5398],{"class":4403},[4118,16482,16148],{"class":5249},[4118,16484,4226],{"class":4191},[4118,16486,16488,16490,16492],{"class":4120,"line":16487},143,[4118,16489,5269],{"class":4403},[4118,16491,5261],{"class":4128},[4118,16493,4226],{"class":4191},[4118,16495,16497],{"class":4120,"line":16496},144,[4118,16498,5301],{"class":4191},[4118,16500,16502,16505],{"class":4120,"line":16501},145,[4118,16503,16504],{"class":4403},"  editBadgeText:",[4118,16506,5095],{"class":4191},[4118,16508,16510,16512,16514],{"class":4120,"line":16509},146,[4118,16511,16104],{"class":4403},[4118,16513,15880],{"class":4128},[4118,16515,4226],{"class":4191},[4118,16517,16519,16521,16523],{"class":4120,"line":16518},147,[4118,16520,16072],{"class":4403},[4118,16522,5412],{"class":5249},[4118,16524,4226],{"class":4191},[4118,16526,16528,16530,16532],{"class":4120,"line":16527},148,[4118,16529,16082],{"class":4403},[4118,16531,5439],{"class":4128},[4118,16533,4226],{"class":4191},[4118,16535,16537],{"class":4120,"line":16536},149,[4118,16538,5301],{"class":4191},[4118,16540,16542,16545],{"class":4120,"line":16541},150,[4118,16543,16544],{"class":4403},"  body:",[4118,16546,5095],{"class":4191},[4118,16548,16550,16552,16554],{"class":4120,"line":16549},151,[4118,16551,5269],{"class":4403},[4118,16553,5261],{"class":4128},[4118,16555,4226],{"class":4191},[4118,16557,16559,16561,16563],{"class":4120,"line":16558},152,[4118,16560,16052],{"class":4403},[4118,16562,5390],{"class":5249},[4118,16564,4226],{"class":4191},[4118,16566,16568],{"class":4120,"line":16567},153,[4118,16569,5301],{"class":4191},[4118,16571,16573,16576],{"class":4120,"line":16572},154,[4118,16574,16575],{"class":4403},"  nameText:",[4118,16577,5095],{"class":4191},[4118,16579,16581,16583,16586],{"class":4120,"line":16580},155,[4118,16582,16072],{"class":4403},[4118,16584,16585],{"class":5249}," 22",[4118,16587,4226],{"class":4191},[4118,16589,16591,16593,16595],{"class":4120,"line":16590},156,[4118,16592,16082],{"class":4403},[4118,16594,5323],{"class":4128},[4118,16596,4226],{"class":4191},[4118,16598,16600,16602,16605],{"class":4120,"line":16599},157,[4118,16601,16104],{"class":4403},[4118,16603,16604],{"class":4128}," '#0f172a'",[4118,16606,4226],{"class":4191},[4118,16608,16610,16612,16614],{"class":4120,"line":16609},158,[4118,16611,16052],{"class":4403},[4118,16613,16148],{"class":5249},[4118,16615,4226],{"class":4191},[4118,16617,16619],{"class":4120,"line":16618},159,[4118,16620,5301],{"class":4191},[4118,16622,16624,16627],{"class":4120,"line":16623},160,[4118,16625,16626],{"class":4403},"  roleText:",[4118,16628,5095],{"class":4191},[4118,16630,16632,16634,16636],{"class":4120,"line":16631},161,[4118,16633,16072],{"class":4403},[4118,16635,5346],{"class":5249},[4118,16637,4226],{"class":4191},[4118,16639,16641,16643,16645],{"class":4120,"line":16640},162,[4118,16642,16104],{"class":4403},[4118,16644,8719],{"class":4128},[4118,16646,4226],{"class":4191},[4118,16648,16650,16652,16654],{"class":4120,"line":16649},163,[4118,16651,16082],{"class":4403},[4118,16653,16410],{"class":4128},[4118,16655,4226],{"class":4191},[4118,16657,16659],{"class":4120,"line":16658},164,[4118,16660,5301],{"class":4191},[4118,16662,16664,16667],{"class":4120,"line":16663},165,[4118,16665,16666],{"class":4403},"  footer:",[4118,16668,5095],{"class":4191},[4118,16670,16672,16674,16676],{"class":4120,"line":16671},166,[4118,16673,8593],{"class":4403},[4118,16675,15905],{"class":4128},[4118,16677,4226],{"class":4191},[4118,16679,16681,16683,16685],{"class":4120,"line":16680},167,[4118,16682,16025],{"class":4403},[4118,16684,16028],{"class":4128},[4118,16686,4226],{"class":4191},[4118,16688,16690,16692,16694],{"class":4120,"line":16689},168,[4118,16691,5258],{"class":4403},[4118,16693,16037],{"class":4128},[4118,16695,4226],{"class":4191},[4118,16697,16699,16701,16703],{"class":4120,"line":16698},169,[4118,16700,5269],{"class":4403},[4118,16702,5261],{"class":4128},[4118,16704,4226],{"class":4191},[4118,16706,16708,16711,16713],{"class":4120,"line":16707},170,[4118,16709,16710],{"class":4403},"    paddingTop:",[4118,16712,5293],{"class":5249},[4118,16714,4226],{"class":4191},[4118,16716,16718,16721,16723],{"class":4120,"line":16717},171,[4118,16719,16720],{"class":4403},"    borderTopWidth:",[4118,16722,5250],{"class":5249},[4118,16724,4226],{"class":4191},[4118,16726,16728,16731,16733],{"class":4120,"line":16727},172,[4118,16729,16730],{"class":4403},"    borderTopColor:",[4118,16732,8623],{"class":4128},[4118,16734,4226],{"class":4191},[4118,16736,16738],{"class":4120,"line":16737},173,[4118,16739,5301],{"class":4191},[4118,16741,16743,16746],{"class":4120,"line":16742},174,[4118,16744,16745],{"class":4403},"  passId:",[4118,16747,5095],{"class":4191},[4118,16749,16751,16753,16755],{"class":4120,"line":16750},175,[4118,16752,16072],{"class":4403},[4118,16754,5401],{"class":5249},[4118,16756,4226],{"class":4191},[4118,16758,16760,16762,16764],{"class":4120,"line":16759},176,[4118,16761,16104],{"class":4403},[4118,16763,8657],{"class":4128},[4118,16765,4226],{"class":4191},[4118,16767,16769,16771,16773],{"class":4120,"line":16768},177,[4118,16770,16082],{"class":4403},[4118,16772,5439],{"class":4128},[4118,16774,4226],{"class":4191},[4118,16776,16778],{"class":4120,"line":16777},178,[4118,16779,5301],{"class":4191},[4118,16781,16783,16786],{"class":4120,"line":16782},179,[4118,16784,16785],{"class":4403},"  statusDotContainer:",[4118,16787,5095],{"class":4191},[4118,16789,16791,16793,16795],{"class":4120,"line":16790},180,[4118,16792,16025],{"class":4403},[4118,16794,16028],{"class":4128},[4118,16796,4226],{"class":4191},[4118,16798,16800,16802,16804],{"class":4120,"line":16799},181,[4118,16801,5269],{"class":4403},[4118,16803,5261],{"class":4128},[4118,16805,4226],{"class":4191},[4118,16807,16809,16811,16814],{"class":4120,"line":16808},182,[4118,16810,5290],{"class":4403},[4118,16812,16813],{"class":5249}," 6",[4118,16815,4226],{"class":4191},[4118,16817,16819],{"class":4120,"line":16818},183,[4118,16820,5301],{"class":4191},[4118,16822,16824,16827],{"class":4120,"line":16823},184,[4118,16825,16826],{"class":4403},"  statusDot:",[4118,16828,5095],{"class":4191},[4118,16830,16832,16834,16836],{"class":4120,"line":16831},185,[4118,16833,8593],{"class":4403},[4118,16835,8727],{"class":5249},[4118,16837,4226],{"class":4191},[4118,16839,16841,16843,16845],{"class":4120,"line":16840},186,[4118,16842,8603],{"class":4403},[4118,16844,8727],{"class":5249},[4118,16846,4226],{"class":4191},[4118,16848,16850,16852,16854],{"class":4120,"line":16849},187,[4118,16851,5409],{"class":4403},[4118,16853,16148],{"class":5249},[4118,16855,4226],{"class":4191},[4118,16857,16859,16861,16864],{"class":4120,"line":16858},188,[4118,16860,5376],{"class":4403},[4118,16862,16863],{"class":4128}," '#22c55e'",[4118,16865,4226],{"class":4191},[4118,16867,16869],{"class":4120,"line":16868},189,[4118,16870,5301],{"class":4191},[4118,16872,16874,16877],{"class":4120,"line":16873},190,[4118,16875,16876],{"class":4403},"  statusText:",[4118,16878,5095],{"class":4191},[4118,16880,16882,16884,16887],{"class":4120,"line":16881},191,[4118,16883,16072],{"class":4403},[4118,16885,16886],{"class":5249}," 11",[4118,16888,4226],{"class":4191},[4118,16890,16892,16894,16896],{"class":4120,"line":16891},192,[4118,16893,16082],{"class":4403},[4118,16895,5323],{"class":4128},[4118,16897,4226],{"class":4191},[4118,16899,16901,16903,16906],{"class":4120,"line":16900},193,[4118,16902,16104],{"class":4403},[4118,16904,16905],{"class":4128}," '#16a34a'",[4118,16907,4226],{"class":4191},[4118,16909,16911,16913,16916],{"class":4120,"line":16910},194,[4118,16912,16093],{"class":4403},[4118,16914,16915],{"class":5249}," 0.5",[4118,16917,4226],{"class":4191},[4118,16919,16921],{"class":4120,"line":16920},195,[4118,16922,5301],{"class":4191},[4118,16924,16926],{"class":4120,"line":16925},196,[4118,16927,5453],{"class":4191},[3830,16929,16931,16932],{"id":16930},"_65-головний-екран-appindextsx","6.5. Головний екран ",[3787,16933,16934],{},"app\u002Findex.tsx",[4108,16936,16938],{"className":4382,"code":16937,"filename":16934,"language":4385,"meta":4386,"style":4114},"import React, { useState } from 'react';\nimport {\n  View,\n  Text,\n  TextInput,\n  StyleSheet,\n  ScrollView,\n  Pressable,\n  Alert,\n} from 'react-native';\nimport { BadgeCard } from '@\u002Fcomponents\u002FBadgeCard';\nimport { useBadgePhoto } from '@\u002Fhooks\u002FuseBadgePhoto';\n\nexport default function BadgeScreen() {\n  const [name, setName] = useState('Олександр Коваль');\n  const [role, setRole] = useState('Senior React Native Engineer');\n  const [company, setCompany] = useState('Kostyl Tech');\n\n  const {\n    photoUri,\n    loading,\n    pickFromLibrary,\n    takePhoto,\n    deletePhoto,\n  } = useBadgePhoto();\n\n  const handleOpenPhotoOptions = () => {\n    Alert.alert(\n      'Зображення профілю',\n      'Оберіть дію для оновлення фотографії бейджа:',\n      [\n        { text: 'Зробити фото (Камера)', onPress: takePhoto },\n        { text: 'Обрати з галереї', onPress: pickFromLibrary },\n        ...(photoUri\n          ? [\n              {\n                text: 'Видалити фото',\n                style: 'destructive' as const,\n                onPress: deletePhoto,\n              },\n            ]\n          : []),\n        { text: 'Скасувати', style: 'cancel' },\n      ],\n    );\n  };\n\n  return (\n    \u003CScrollView contentContainerStyle={styles.container}>\n      \u003CText style={styles.title}>Генератор Фото-Бейджа\u003C\u002FText>\n      \u003CText style={styles.subtitle}>\n        Створіть свій цифровий пропуск із персональним фото\n      \u003C\u002FText>\n\n      \u003CView style={styles.badgeWrapper}>\n        \u003CBadgeCard\n          name={name}\n          role={role}\n          company={company}\n          photoUri={photoUri}\n          loading={loading}\n          onPressChangePhoto={handleOpenPhotoOptions}\n        \u002F>\n      \u003C\u002FView>\n\n      \u003CView style={styles.form}>\n        \u003CText style={styles.sectionTitle}>Дані співробітника\u003C\u002FText>\n\n        \u003CView style={styles.field}>\n          \u003CText style={styles.label}>Компанія\u003C\u002FText>\n          \u003CTextInput\n            style={styles.input}\n            value={company}\n            onChangeText={setCompany}\n            placeholder=\"Назва компанії\"\n          \u002F>\n        \u003C\u002FView>\n\n        \u003CView style={styles.field}>\n          \u003CText style={styles.label}>Повне імʼя\u003C\u002FText>\n          \u003CTextInput\n            style={styles.input}\n            value={name}\n            onChangeText={setName}\n            placeholder=\"Введіть ім'я\"\n          \u002F>\n        \u003C\u002FView>\n\n        \u003CView style={styles.field}>\n          \u003CText style={styles.label}>Посада\u003C\u002FText>\n          \u003CTextInput\n            style={styles.input}\n            value={role}\n            onChangeText={setRole}\n            placeholder=\"Введіть посаду\"\n          \u002F>\n        \u003C\u002FView>\n\n        \u003CPressable\n          style={styles.actionButton}\n          onPress={handleOpenPhotoOptions}\n        >\n          \u003CText style={styles.actionButtonText}>\n            {photoUri ? '📷 Змінити фото бейджа' : '➕ Додати фото бейджа'}\n          \u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FScrollView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 24,\n    backgroundColor: '#f8fafc',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 26,\n    fontWeight: '800',\n    color: '#0f172a',\n    textAlign: 'center',\n    marginTop: 12,\n  },\n  subtitle: {\n    fontSize: 14,\n    color: '#64748b',\n    textAlign: 'center',\n    marginTop: 4,\n    marginBottom: 24,\n  },\n  badgeWrapper: {\n    width: '100%',\n    alignItems: 'center',\n    marginBottom: 32,\n  },\n  form: {\n    width: '100%',\n    maxWidth: 340,\n    backgroundColor: '#ffffff',\n    padding: 20,\n    borderRadius: 16,\n    borderWidth: 1,\n    borderColor: '#e2e8f0',\n    gap: 16,\n  },\n  sectionTitle: {\n    fontSize: 16,\n    fontWeight: '700',\n    color: '#0f172a',\n  },\n  field: {\n    gap: 6,\n  },\n  label: {\n    fontSize: 13,\n    fontWeight: '600',\n    color: '#475569',\n  },\n  input: {\n    backgroundColor: '#f8fafc',\n    borderWidth: 1,\n    borderColor: '#cbd5e1',\n    borderRadius: 8,\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    fontSize: 15,\n    color: '#0f172a',\n  },\n  actionButton: {\n    backgroundColor: '#3b82f6',\n    paddingVertical: 14,\n    borderRadius: 10,\n    alignItems: 'center',\n    marginTop: 8,\n  },\n  actionButtonText: {\n    color: '#ffffff',\n    fontWeight: '700',\n    fontSize: 15,\n  },\n});\n",[3787,16939,16940,16958,16964,16970,16976,16983,16989,16996,17002,17008,17018,17036,17053,17057,17071,17095,17119,17143,17147,17153,17159,17165,17172,17179,17186,17194,17198,17212,17222,17229,17236,17240,17257,17274,17282,17287,17292,17302,17317,17327,17332,17337,17342,17358,17362,17366,17370,17374,17380,17404,17435,17458,17463,17471,17475,17498,17505,17518,17531,17544,17557,17570,17584,17589,17597,17601,17624,17656,17660,17682,17714,17721,17739,17752,17765,17775,17780,17788,17792,17814,17845,17851,17867,17879,17891,17900,17904,17912,17916,17938,17969,17975,17991,18003,18015,18024,18028,18036,18040,18046,18063,18075,18079,18102,18122,18130,18138,18146,18154,18158,18162,18166,18182,18188,18196,18204,18212,18216,18222,18231,18239,18247,18256,18265,18269,18276,18284,18292,18300,18308,18316,18320,18327,18335,18343,18351,18355,18362,18370,18378,18386,18394,18402,18410,18418,18426,18430,18437,18445,18453,18461,18465,18472,18480,18484,18491,18499,18507,18516,18520,18527,18535,18543,18551,18559,18567,18575,18583,18591,18595,18602,18610,18618,18626,18634,18642,18646,18653,18661,18669,18677,18681],{"__ignoreMap":4114},[4118,16941,16942,16944,16946,16948,16950,16952,16954,16956],{"class":4120,"line":4121},[4118,16943,4394],{"class":4393},[4118,16945,14892],{"class":4403},[4118,16947,10939],{"class":4191},[4118,16949,3816],{"class":4403},[4118,16951,4446],{"class":4191},[4118,16953,4449],{"class":4393},[4118,16955,9603],{"class":4128},[4118,16957,4413],{"class":4191},[4118,16959,16960,16962],{"class":4120,"line":4195},[4118,16961,4394],{"class":4393},[4118,16963,5095],{"class":4191},[4118,16965,16966,16968],{"class":4120,"line":4205},[4118,16967,14909],{"class":4403},[4118,16969,4226],{"class":4191},[4118,16971,16972,16974],{"class":4120,"line":4214},[4118,16973,14916],{"class":4403},[4118,16975,4226],{"class":4191},[4118,16977,16978,16981],{"class":4120,"line":4220},[4118,16979,16980],{"class":4403},"  TextInput",[4118,16982,4226],{"class":4191},[4118,16984,16985,16987],{"class":4120,"line":4229},[4118,16986,14930],{"class":4403},[4118,16988,4226],{"class":4191},[4118,16990,16991,16994],{"class":4120,"line":4235},[4118,16992,16993],{"class":4403},"  ScrollView",[4118,16995,4226],{"class":4191},[4118,16997,16998,17000],{"class":4120,"line":4249},[4118,16999,14937],{"class":4403},[4118,17001,4226],{"class":4191},[4118,17003,17004,17006],{"class":4120,"line":4260},[4118,17005,7825],{"class":4403},[4118,17007,4226],{"class":4191},[4118,17009,17010,17012,17014,17016],{"class":4120,"line":4266},[4118,17011,13900],{"class":4191},[4118,17013,4449],{"class":4393},[4118,17015,4452],{"class":4128},[4118,17017,4413],{"class":4191},[4118,17019,17020,17022,17024,17027,17029,17031,17034],{"class":4120,"line":4272},[4118,17021,4394],{"class":4393},[4118,17023,4420],{"class":4191},[4118,17025,17026],{"class":4403},"BadgeCard",[4118,17028,4446],{"class":4191},[4118,17030,4449],{"class":4393},[4118,17032,17033],{"class":4128}," '@\u002Fcomponents\u002FBadgeCard'",[4118,17035,4413],{"class":4191},[4118,17037,17038,17040,17042,17044,17046,17048,17051],{"class":4120,"line":4277},[4118,17039,4394],{"class":4393},[4118,17041,4420],{"class":4191},[4118,17043,13801],{"class":4403},[4118,17045,4446],{"class":4191},[4118,17047,4449],{"class":4393},[4118,17049,17050],{"class":4128}," '@\u002Fhooks\u002FuseBadgePhoto'",[4118,17052,4413],{"class":4191},[4118,17054,17055],{"class":4120,"line":4285},[4118,17056,4460],{"emptyLinePlaceholder":4459},[4118,17058,17059,17061,17064,17066,17069],{"class":4120,"line":4290},[4118,17060,4502],{"class":4393},[4118,17062,17063],{"class":4393}," default",[4118,17065,4505],{"class":4323},[4118,17067,17068],{"class":4124}," BadgeScreen",[4118,17070,5946],{"class":4191},[4118,17072,17073,17075,17077,17079,17081,17084,17086,17088,17090,17093],{"class":4120,"line":4302},[4118,17074,4534],{"class":4323},[4118,17076,4537],{"class":4191},[4118,17078,15614],{"class":4540},[4118,17080,3971],{"class":4191},[4118,17082,17083],{"class":4540},"setName",[4118,17085,9677],{"class":4191},[4118,17087,3816],{"class":4124},[4118,17089,7314],{"class":4191},[4118,17091,17092],{"class":4128},"'Олександр Коваль'",[4118,17094,7901],{"class":4191},[4118,17096,17097,17099,17101,17103,17105,17108,17110,17112,17114,17117],{"class":4120,"line":4315},[4118,17098,4534],{"class":4323},[4118,17100,4537],{"class":4191},[4118,17102,15656],{"class":4540},[4118,17104,3971],{"class":4191},[4118,17106,17107],{"class":4540},"setRole",[4118,17109,9677],{"class":4191},[4118,17111,3816],{"class":4124},[4118,17113,7314],{"class":4191},[4118,17115,17116],{"class":4128},"'Senior React Native Engineer'",[4118,17118,7901],{"class":4191},[4118,17120,17121,17123,17125,17127,17129,17132,17134,17136,17138,17141],{"class":4120,"line":4327},[4118,17122,4534],{"class":4323},[4118,17124,4537],{"class":4191},[4118,17126,15186],{"class":4540},[4118,17128,3971],{"class":4191},[4118,17130,17131],{"class":4540},"setCompany",[4118,17133,9677],{"class":4191},[4118,17135,3816],{"class":4124},[4118,17137,7314],{"class":4191},[4118,17139,17140],{"class":4128},"'Kostyl Tech'",[4118,17142,7901],{"class":4191},[4118,17144,17145],{"class":4120,"line":4332},[4118,17146,4460],{"emptyLinePlaceholder":4459},[4118,17148,17149,17151],{"class":4120,"line":4338},[4118,17150,4534],{"class":4323},[4118,17152,5095],{"class":4191},[4118,17154,17155,17157],{"class":4120,"line":4344},[4118,17156,14822],{"class":4540},[4118,17158,4226],{"class":4191},[4118,17160,17161,17163],{"class":4120,"line":4350},[4118,17162,14830],{"class":4540},[4118,17164,4226],{"class":4191},[4118,17166,17167,17170],{"class":4120,"line":4677},[4118,17168,17169],{"class":4540},"    pickFromLibrary",[4118,17171,4226],{"class":4191},[4118,17173,17174,17177],{"class":4120,"line":4683},[4118,17175,17176],{"class":4540},"    takePhoto",[4118,17178,4226],{"class":4191},[4118,17180,17181,17184],{"class":4120,"line":4706},[4118,17182,17183],{"class":4540},"    deletePhoto",[4118,17185,4226],{"class":4191},[4118,17187,17188,17190,17192],{"class":4120,"line":4711},[4118,17189,9304],{"class":4191},[4118,17191,13801],{"class":4124},[4118,17193,4562],{"class":4191},[4118,17195,17196],{"class":4120,"line":4716},[4118,17197,4460],{"emptyLinePlaceholder":4459},[4118,17199,17200,17202,17205,17208,17210],{"class":4120,"line":4722},[4118,17201,4534],{"class":4323},[4118,17203,17204],{"class":4124}," handleOpenPhotoOptions",[4118,17206,17207],{"class":4191}," = () ",[4118,17209,4966],{"class":4323},[4118,17211,5095],{"class":4191},[4118,17213,17214,17216,17218,17220],{"class":4120,"line":4732},[4118,17215,5685],{"class":4403},[4118,17217,3912],{"class":4191},[4118,17219,5690],{"class":4124},[4118,17221,5693],{"class":4191},[4118,17223,17224,17227],{"class":4120,"line":4751},[4118,17225,17226],{"class":4128},"      'Зображення профілю'",[4118,17228,4226],{"class":4191},[4118,17230,17231,17234],{"class":4120,"line":4767},[4118,17232,17233],{"class":4128},"      'Оберіть дію для оновлення фотографії бейджа:'",[4118,17235,4226],{"class":4191},[4118,17237,17238],{"class":4120,"line":4772},[4118,17239,4217],{"class":4191},[4118,17241,17242,17244,17246,17249,17251,17253,17255],{"class":4120,"line":4781},[4118,17243,5716],{"class":4191},[4118,17245,5719],{"class":4403},[4118,17247,17248],{"class":4128}," 'Зробити фото (Камера)'",[4118,17250,3971],{"class":4191},[4118,17252,5746],{"class":4403},[4118,17254,6875],{"class":4403},[4118,17256,5333],{"class":4191},[4118,17258,17259,17261,17263,17266,17268,17270,17272],{"class":4120,"line":4812},[4118,17260,5716],{"class":4191},[4118,17262,5719],{"class":4403},[4118,17264,17265],{"class":4128}," 'Обрати з галереї'",[4118,17267,3971],{"class":4191},[4118,17269,5746],{"class":4403},[4118,17271,5943],{"class":4403},[4118,17273,5333],{"class":4191},[4118,17275,17276,17279],{"class":4120,"line":4848},[4118,17277,17278],{"class":4191},"        ...(",[4118,17280,17281],{"class":4403},"photoUri\n",[4118,17283,17284],{"class":4120,"line":4872},[4118,17285,17286],{"class":4191},"          ? [\n",[4118,17288,17289],{"class":4120,"line":4878},[4118,17290,17291],{"class":4191},"              {\n",[4118,17293,17294,17297,17300],{"class":4120,"line":4884},[4118,17295,17296],{"class":4403},"                text:",[4118,17298,17299],{"class":4128}," 'Видалити фото'",[4118,17301,4226],{"class":4191},[4118,17303,17304,17307,17310,17312,17315],{"class":4120,"line":4894},[4118,17305,17306],{"class":4403},"                style:",[4118,17308,17309],{"class":4128}," 'destructive'",[4118,17311,4400],{"class":4393},[4118,17313,17314],{"class":4323}," const",[4118,17316,4226],{"class":4191},[4118,17318,17319,17322,17325],{"class":4120,"line":4899},[4118,17320,17321],{"class":4403},"                onPress:",[4118,17323,17324],{"class":4403}," deletePhoto",[4118,17326,4226],{"class":4191},[4118,17328,17329],{"class":4120,"line":4913},[4118,17330,17331],{"class":4191},"              },\n",[4118,17333,17334],{"class":4120,"line":4919},[4118,17335,17336],{"class":4191},"            ]\n",[4118,17338,17339],{"class":4120,"line":4925},[4118,17340,17341],{"class":4191},"          : []),\n",[4118,17343,17344,17346,17348,17350,17352,17354,17356],{"class":4120,"line":4934},[4118,17345,5716],{"class":4191},[4118,17347,5719],{"class":4403},[4118,17349,5722],{"class":4128},[4118,17351,3971],{"class":4191},[4118,17353,5727],{"class":4403},[4118,17355,5730],{"class":4128},[4118,17357,5333],{"class":4191},[4118,17359,17360],{"class":4120,"line":4953},[4118,17361,4269],{"class":4191},[4118,17363,17364],{"class":4120,"line":4982},[4118,17365,5763],{"class":4191},[4118,17367,17368],{"class":4120,"line":4988},[4118,17369,6775],{"class":4191},[4118,17371,17372],{"class":4120,"line":5013},[4118,17373,4460],{"emptyLinePlaceholder":4459},[4118,17375,17376,17378],{"class":4120,"line":5019},[4118,17377,4775],{"class":4393},[4118,17379,4778],{"class":4191},[4118,17381,17382,17384,17387,17390,17392,17394,17396,17398,17400,17402],{"class":4120,"line":5029},[4118,17383,4784],{"class":4689},[4118,17385,17386],{"class":4468},"ScrollView",[4118,17388,17389],{"class":4789}," contentContainerStyle",[4118,17391,4793],{"class":4191},[4118,17393,4693],{"class":4323},[4118,17395,4798],{"class":4403},[4118,17397,3912],{"class":4801},[4118,17399,4804],{"class":4403},[4118,17401,4698],{"class":4323},[4118,17403,4809],{"class":4689},[4118,17405,17406,17408,17410,17412,17414,17416,17418,17420,17422,17424,17426,17429,17431,17433],{"class":4120,"line":5039},[4118,17407,4815],{"class":4689},[4118,17409,4438],{"class":4468},[4118,17411,4790],{"class":4789},[4118,17413,4793],{"class":4191},[4118,17415,4693],{"class":4323},[4118,17417,4798],{"class":4403},[4118,17419,3912],{"class":4801},[4118,17421,4830],{"class":4403},[4118,17423,4698],{"class":4323},[4118,17425,4835],{"class":4689},[4118,17427,17428],{"class":4191},"Генератор Фото-Бейджа",[4118,17430,4841],{"class":4689},[4118,17432,4438],{"class":4468},[4118,17434,4809],{"class":4689},[4118,17436,17437,17439,17441,17443,17445,17447,17449,17451,17454,17456],{"class":4120,"line":5050},[4118,17438,4815],{"class":4689},[4118,17440,4438],{"class":4468},[4118,17442,4790],{"class":4789},[4118,17444,4793],{"class":4191},[4118,17446,4693],{"class":4323},[4118,17448,4798],{"class":4403},[4118,17450,3912],{"class":4801},[4118,17452,17453],{"class":4403},"subtitle",[4118,17455,4698],{"class":4323},[4118,17457,4809],{"class":4689},[4118,17459,17460],{"class":4120,"line":5056},[4118,17461,17462],{"class":4191},"        Створіть свій цифровий пропуск із персональним фото\n",[4118,17464,17465,17467,17469],{"class":4120,"line":5063},[4118,17466,4887],{"class":4689},[4118,17468,4438],{"class":4468},[4118,17470,4809],{"class":4689},[4118,17472,17473],{"class":4120,"line":5080},[4118,17474,4460],{"emptyLinePlaceholder":4459},[4118,17476,17477,17479,17481,17483,17485,17487,17489,17491,17494,17496],{"class":4120,"line":5098},[4118,17478,4815],{"class":4689},[4118,17480,4443],{"class":4468},[4118,17482,4790],{"class":4789},[4118,17484,4793],{"class":4191},[4118,17486,4693],{"class":4323},[4118,17488,4798],{"class":4403},[4118,17490,3912],{"class":4801},[4118,17492,17493],{"class":4403},"badgeWrapper",[4118,17495,4698],{"class":4323},[4118,17497,4809],{"class":4689},[4118,17499,17500,17502],{"class":4120,"line":5109},[4118,17501,4928],{"class":4689},[4118,17503,17504],{"class":4468},"BadgeCard\n",[4118,17506,17507,17510,17512,17514,17516],{"class":4120,"line":5119},[4118,17508,17509],{"class":4789},"          name",[4118,17511,4793],{"class":4191},[4118,17513,4693],{"class":4323},[4118,17515,15614],{"class":4403},[4118,17517,4353],{"class":4323},[4118,17519,17520,17523,17525,17527,17529],{"class":4120,"line":5127},[4118,17521,17522],{"class":4789},"          role",[4118,17524,4793],{"class":4191},[4118,17526,4693],{"class":4323},[4118,17528,15656],{"class":4403},[4118,17530,4353],{"class":4323},[4118,17532,17533,17536,17538,17540,17542],{"class":4120,"line":5132},[4118,17534,17535],{"class":4789},"          company",[4118,17537,4793],{"class":4191},[4118,17539,4693],{"class":4323},[4118,17541,15186],{"class":4403},[4118,17543,4353],{"class":4323},[4118,17545,17546,17549,17551,17553,17555],{"class":4120,"line":5155},[4118,17547,17548],{"class":4789},"          photoUri",[4118,17550,4793],{"class":4191},[4118,17552,4693],{"class":4323},[4118,17554,13931],{"class":4403},[4118,17556,4353],{"class":4323},[4118,17558,17559,17562,17564,17566,17568],{"class":4120,"line":5161},[4118,17560,17561],{"class":4789},"          loading",[4118,17563,4793],{"class":4191},[4118,17565,4693],{"class":4323},[4118,17567,13963],{"class":4403},[4118,17569,4353],{"class":4323},[4118,17571,17572,17575,17577,17579,17582],{"class":4120,"line":5170},[4118,17573,17574],{"class":4789},"          onPressChangePhoto",[4118,17576,4793],{"class":4191},[4118,17578,4693],{"class":4323},[4118,17580,17581],{"class":4403},"handleOpenPhotoOptions",[4118,17583,4353],{"class":4323},[4118,17585,17586],{"class":4120,"line":5179},[4118,17587,17588],{"class":4689},"        \u002F>\n",[4118,17590,17591,17593,17595],{"class":4120,"line":5187},[4118,17592,4887],{"class":4689},[4118,17594,4443],{"class":4468},[4118,17596,4809],{"class":4689},[4118,17598,17599],{"class":4120,"line":5197},[4118,17600,4460],{"emptyLinePlaceholder":4459},[4118,17602,17603,17605,17607,17609,17611,17613,17615,17617,17620,17622],{"class":4120,"line":5203},[4118,17604,4815],{"class":4689},[4118,17606,4443],{"class":4468},[4118,17608,4790],{"class":4789},[4118,17610,4793],{"class":4191},[4118,17612,4693],{"class":4323},[4118,17614,4798],{"class":4403},[4118,17616,3912],{"class":4801},[4118,17618,17619],{"class":4403},"form",[4118,17621,4698],{"class":4323},[4118,17623,4809],{"class":4689},[4118,17625,17626,17628,17630,17632,17634,17636,17638,17640,17643,17645,17647,17650,17652,17654],{"class":4120,"line":5208},[4118,17627,4928],{"class":4689},[4118,17629,4438],{"class":4468},[4118,17631,4790],{"class":4789},[4118,17633,4793],{"class":4191},[4118,17635,4693],{"class":4323},[4118,17637,4798],{"class":4403},[4118,17639,3912],{"class":4801},[4118,17641,17642],{"class":4403},"sectionTitle",[4118,17644,4698],{"class":4323},[4118,17646,4835],{"class":4689},[4118,17648,17649],{"class":4191},"Дані співробітника",[4118,17651,4841],{"class":4689},[4118,17653,4438],{"class":4468},[4118,17655,4809],{"class":4689},[4118,17657,17658],{"class":4120,"line":5213},[4118,17659,4460],{"emptyLinePlaceholder":4459},[4118,17661,17662,17664,17666,17668,17670,17672,17674,17676,17678,17680],{"class":4120,"line":5235},[4118,17663,4928],{"class":4689},[4118,17665,4443],{"class":4468},[4118,17667,4790],{"class":4789},[4118,17669,4793],{"class":4191},[4118,17671,4693],{"class":4323},[4118,17673,4798],{"class":4403},[4118,17675,3912],{"class":4801},[4118,17677,8969],{"class":4403},[4118,17679,4698],{"class":4323},[4118,17681,4809],{"class":4689},[4118,17683,17684,17686,17688,17690,17692,17694,17696,17698,17701,17703,17705,17708,17710,17712],{"class":4120,"line":5243},[4118,17685,4991],{"class":4689},[4118,17687,4438],{"class":4468},[4118,17689,4790],{"class":4789},[4118,17691,4793],{"class":4191},[4118,17693,4693],{"class":4323},[4118,17695,4798],{"class":4403},[4118,17697,3912],{"class":4801},[4118,17699,17700],{"class":4403},"label",[4118,17702,4698],{"class":4323},[4118,17704,4835],{"class":4689},[4118,17706,17707],{"class":4191},"Компанія",[4118,17709,4841],{"class":4689},[4118,17711,4438],{"class":4468},[4118,17713,4809],{"class":4689},[4118,17715,17716,17718],{"class":4120,"line":5255},[4118,17717,4991],{"class":4689},[4118,17719,17720],{"class":4468},"TextInput\n",[4118,17722,17723,17726,17728,17730,17732,17734,17737],{"class":4120,"line":5266},[4118,17724,17725],{"class":4789},"            style",[4118,17727,4793],{"class":4191},[4118,17729,4693],{"class":4323},[4118,17731,4798],{"class":4403},[4118,17733,3912],{"class":4801},[4118,17735,17736],{"class":4403},"input",[4118,17738,4353],{"class":4323},[4118,17740,17741,17744,17746,17748,17750],{"class":4120,"line":5276},[4118,17742,17743],{"class":4789},"            value",[4118,17745,4793],{"class":4191},[4118,17747,4693],{"class":4323},[4118,17749,15186],{"class":4403},[4118,17751,4353],{"class":4323},[4118,17753,17754,17757,17759,17761,17763],{"class":4120,"line":5287},[4118,17755,17756],{"class":4789},"            onChangeText",[4118,17758,4793],{"class":4191},[4118,17760,4693],{"class":4323},[4118,17762,17131],{"class":4403},[4118,17764,4353],{"class":4323},[4118,17766,17767,17770,17772],{"class":4120,"line":5298},[4118,17768,17769],{"class":4789},"            placeholder",[4118,17771,4793],{"class":4191},[4118,17773,17774],{"class":4128},"\"Назва компанії\"\n",[4118,17776,17777],{"class":4120,"line":5304},[4118,17778,17779],{"class":4689},"          \u002F>\n",[4118,17781,17782,17784,17786],{"class":4120,"line":5336},[4118,17783,5032],{"class":4689},[4118,17785,4443],{"class":4468},[4118,17787,4809],{"class":4689},[4118,17789,17790],{"class":4120,"line":5365},[4118,17791,4460],{"emptyLinePlaceholder":4459},[4118,17793,17794,17796,17798,17800,17802,17804,17806,17808,17810,17812],{"class":4120,"line":5373},[4118,17795,4928],{"class":4689},[4118,17797,4443],{"class":4468},[4118,17799,4790],{"class":4789},[4118,17801,4793],{"class":4191},[4118,17803,4693],{"class":4323},[4118,17805,4798],{"class":4403},[4118,17807,3912],{"class":4801},[4118,17809,8969],{"class":4403},[4118,17811,4698],{"class":4323},[4118,17813,4809],{"class":4689},[4118,17815,17816,17818,17820,17822,17824,17826,17828,17830,17832,17834,17836,17839,17841,17843],{"class":4120,"line":5384},[4118,17817,4991],{"class":4689},[4118,17819,4438],{"class":4468},[4118,17821,4790],{"class":4789},[4118,17823,4793],{"class":4191},[4118,17825,4693],{"class":4323},[4118,17827,4798],{"class":4403},[4118,17829,3912],{"class":4801},[4118,17831,17700],{"class":4403},[4118,17833,4698],{"class":4323},[4118,17835,4835],{"class":4689},[4118,17837,17838],{"class":4191},"Повне імʼя",[4118,17840,4841],{"class":4689},[4118,17842,4438],{"class":4468},[4118,17844,4809],{"class":4689},[4118,17846,17847,17849],{"class":4120,"line":5395},[4118,17848,4991],{"class":4689},[4118,17850,17720],{"class":4468},[4118,17852,17853,17855,17857,17859,17861,17863,17865],{"class":4120,"line":5406},[4118,17854,17725],{"class":4789},[4118,17856,4793],{"class":4191},[4118,17858,4693],{"class":4323},[4118,17860,4798],{"class":4403},[4118,17862,3912],{"class":4801},[4118,17864,17736],{"class":4403},[4118,17866,4353],{"class":4323},[4118,17868,17869,17871,17873,17875,17877],{"class":4120,"line":5417},[4118,17870,17743],{"class":4789},[4118,17872,4793],{"class":4191},[4118,17874,4693],{"class":4323},[4118,17876,15614],{"class":4403},[4118,17878,4353],{"class":4323},[4118,17880,17881,17883,17885,17887,17889],{"class":4120,"line":5422},[4118,17882,17756],{"class":4789},[4118,17884,4793],{"class":4191},[4118,17886,4693],{"class":4323},[4118,17888,17083],{"class":4403},[4118,17890,4353],{"class":4323},[4118,17892,17893,17895,17897],{"class":4120,"line":5450},[4118,17894,17769],{"class":4789},[4118,17896,4793],{"class":4191},[4118,17898,17899],{"class":4128},"\"Введіть ім'я\"\n",[4118,17901,17902],{"class":4120,"line":14802},[4118,17903,17779],{"class":4689},[4118,17905,17906,17908,17910],{"class":4120,"line":14807},[4118,17907,5032],{"class":4689},[4118,17909,4443],{"class":4468},[4118,17911,4809],{"class":4689},[4118,17913,17914],{"class":4120,"line":14812},[4118,17915,4460],{"emptyLinePlaceholder":4459},[4118,17917,17918,17920,17922,17924,17926,17928,17930,17932,17934,17936],{"class":4120,"line":14819},[4118,17919,4928],{"class":4689},[4118,17921,4443],{"class":4468},[4118,17923,4790],{"class":4789},[4118,17925,4793],{"class":4191},[4118,17927,4693],{"class":4323},[4118,17929,4798],{"class":4403},[4118,17931,3912],{"class":4801},[4118,17933,8969],{"class":4403},[4118,17935,4698],{"class":4323},[4118,17937,4809],{"class":4689},[4118,17939,17940,17942,17944,17946,17948,17950,17952,17954,17956,17958,17960,17963,17965,17967],{"class":4120,"line":14827},[4118,17941,4991],{"class":4689},[4118,17943,4438],{"class":4468},[4118,17945,4790],{"class":4789},[4118,17947,4793],{"class":4191},[4118,17949,4693],{"class":4323},[4118,17951,4798],{"class":4403},[4118,17953,3912],{"class":4801},[4118,17955,17700],{"class":4403},[4118,17957,4698],{"class":4323},[4118,17959,4835],{"class":4689},[4118,17961,17962],{"class":4191},"Посада",[4118,17964,4841],{"class":4689},[4118,17966,4438],{"class":4468},[4118,17968,4809],{"class":4689},[4118,17970,17971,17973],{"class":4120,"line":14835},[4118,17972,4991],{"class":4689},[4118,17974,17720],{"class":4468},[4118,17976,17977,17979,17981,17983,17985,17987,17989],{"class":4120,"line":14845},[4118,17978,17725],{"class":4789},[4118,17980,4793],{"class":4191},[4118,17982,4693],{"class":4323},[4118,17984,4798],{"class":4403},[4118,17986,3912],{"class":4801},[4118,17988,17736],{"class":4403},[4118,17990,4353],{"class":4323},[4118,17992,17993,17995,17997,17999,18001],{"class":4120,"line":14855},[4118,17994,17743],{"class":4789},[4118,17996,4793],{"class":4191},[4118,17998,4693],{"class":4323},[4118,18000,15656],{"class":4403},[4118,18002,4353],{"class":4323},[4118,18004,18005,18007,18009,18011,18013],{"class":4120,"line":14865},[4118,18006,17756],{"class":4789},[4118,18008,4793],{"class":4191},[4118,18010,4693],{"class":4323},[4118,18012,17107],{"class":4403},[4118,18014,4353],{"class":4323},[4118,18016,18017,18019,18021],{"class":4120,"line":14870},[4118,18018,17769],{"class":4789},[4118,18020,4793],{"class":4191},[4118,18022,18023],{"class":4128},"\"Введіть посаду\"\n",[4118,18025,18026],{"class":4120,"line":16079},[4118,18027,17779],{"class":4689},[4118,18029,18030,18032,18034],{"class":4120,"line":16090},[4118,18031,5032],{"class":4689},[4118,18033,4443],{"class":4468},[4118,18035,4809],{"class":4689},[4118,18037,18038],{"class":4120,"line":16101},[4118,18039,4460],{"emptyLinePlaceholder":4459},[4118,18041,18042,18044],{"class":4120,"line":16111},[4118,18043,4928],{"class":4689},[4118,18045,4931],{"class":4468},[4118,18047,18048,18050,18052,18054,18056,18058,18061],{"class":4120,"line":16116},[4118,18049,4937],{"class":4789},[4118,18051,4793],{"class":4191},[4118,18053,4693],{"class":4323},[4118,18055,4798],{"class":4403},[4118,18057,3912],{"class":4801},[4118,18059,18060],{"class":4403},"actionButton",[4118,18062,4353],{"class":4323},[4118,18064,18065,18067,18069,18071,18073],{"class":4120,"line":16124},[4118,18066,4956],{"class":4789},[4118,18068,4793],{"class":4191},[4118,18070,4693],{"class":4323},[4118,18072,17581],{"class":4403},[4118,18074,4353],{"class":4323},[4118,18076,18077],{"class":4120,"line":16134},[4118,18078,4985],{"class":4689},[4118,18080,18081,18083,18085,18087,18089,18091,18093,18095,18098,18100],{"class":4120,"line":16143},[4118,18082,4991],{"class":4689},[4118,18084,4438],{"class":4468},[4118,18086,4790],{"class":4789},[4118,18088,4793],{"class":4191},[4118,18090,4693],{"class":4323},[4118,18092,4798],{"class":4403},[4118,18094,3912],{"class":4801},[4118,18096,18097],{"class":4403},"actionButtonText",[4118,18099,4698],{"class":4323},[4118,18101,4809],{"class":4689},[4118,18103,18104,18107,18109,18111,18114,18117,18120],{"class":4120,"line":16153},[4118,18105,18106],{"class":4323},"            {",[4118,18108,13931],{"class":4403},[4118,18110,4908],{"class":4191},[4118,18112,18113],{"class":4128}," '📷 Змінити фото бейджа'",[4118,18115,18116],{"class":4191}," :",[4118,18118,18119],{"class":4128}," '➕ Додати фото бейджа'",[4118,18121,4353],{"class":4323},[4118,18123,18124,18126,18128],{"class":4120,"line":16163},[4118,18125,5022],{"class":4689},[4118,18127,4438],{"class":4468},[4118,18129,4809],{"class":4689},[4118,18131,18132,18134,18136],{"class":4120,"line":16168},[4118,18133,5032],{"class":4689},[4118,18135,4428],{"class":4468},[4118,18137,4809],{"class":4689},[4118,18139,18140,18142,18144],{"class":4120,"line":16176},[4118,18141,4887],{"class":4689},[4118,18143,4443],{"class":4468},[4118,18145,4809],{"class":4689},[4118,18147,18148,18150,18152],{"class":4120,"line":16186},[4118,18149,5190],{"class":4689},[4118,18151,17386],{"class":4468},[4118,18153,4809],{"class":4689},[4118,18155,18156],{"class":4120,"line":16195},[4118,18157,5200],{"class":4191},[4118,18159,18160],{"class":4120,"line":16205},[4118,18161,4353],{"class":4191},[4118,18163,18164],{"class":4120,"line":16215},[4118,18165,4460],{"emptyLinePlaceholder":4459},[4118,18167,18168,18170,18172,18174,18176,18178,18180],{"class":4120,"line":16224},[4118,18169,5216],{"class":4323},[4118,18171,5219],{"class":4540},[4118,18173,5222],{"class":4191},[4118,18175,4433],{"class":4403},[4118,18177,3912],{"class":4191},[4118,18179,5229],{"class":4124},[4118,18181,5232],{"class":4191},[4118,18183,18184,18186],{"class":4120,"line":16233},[4118,18185,5238],{"class":4403},[4118,18187,5095],{"class":4191},[4118,18189,18190,18192,18194],{"class":4120,"line":16242},[4118,18191,5279],{"class":4403},[4118,18193,5390],{"class":5249},[4118,18195,4226],{"class":4191},[4118,18197,18198,18200,18202],{"class":4120,"line":16253},[4118,18199,5376],{"class":4403},[4118,18201,16210],{"class":4128},[4118,18203,4226],{"class":4191},[4118,18205,18206,18208,18210],{"class":4120,"line":16263},[4118,18207,5269],{"class":4403},[4118,18209,5261],{"class":4128},[4118,18211,4226],{"class":4191},[4118,18213,18214],{"class":4120,"line":16272},[4118,18215,5301],{"class":4191},[4118,18217,18218,18220],{"class":4120,"line":16283},[4118,18219,5307],{"class":4403},[4118,18221,5095],{"class":4191},[4118,18223,18224,18226,18229],{"class":4120,"line":16288},[4118,18225,16072],{"class":4403},[4118,18227,18228],{"class":5249}," 26",[4118,18230,4226],{"class":4191},[4118,18232,18233,18235,18237],{"class":4120,"line":16296},[4118,18234,16082],{"class":4403},[4118,18236,16085],{"class":4128},[4118,18238,4226],{"class":4191},[4118,18240,18241,18243,18245],{"class":4120,"line":16305},[4118,18242,16104],{"class":4403},[4118,18244,16604],{"class":4128},[4118,18246,4226],{"class":4191},[4118,18248,18249,18252,18254],{"class":4120,"line":16314},[4118,18250,18251],{"class":4403},"    textAlign:",[4118,18253,5261],{"class":4128},[4118,18255,4226],{"class":4191},[4118,18257,18258,18261,18263],{"class":4120,"line":16319},[4118,18259,18260],{"class":4403},"    marginTop:",[4118,18262,5401],{"class":5249},[4118,18264,4226],{"class":4191},[4118,18266,18267],{"class":4120,"line":16326},[4118,18268,5301],{"class":4191},[4118,18270,18271,18274],{"class":4120,"line":16335},[4118,18272,18273],{"class":4403},"  subtitle:",[4118,18275,5095],{"class":4191},[4118,18277,18278,18280,18282],{"class":4120,"line":16344},[4118,18279,16072],{"class":4403},[4118,18281,8664],{"class":5249},[4118,18283,4226],{"class":4191},[4118,18285,18286,18288,18290],{"class":4120,"line":16349},[4118,18287,16104],{"class":4403},[4118,18289,8719],{"class":4128},[4118,18291,4226],{"class":4191},[4118,18293,18294,18296,18298],{"class":4120,"line":16357},[4118,18295,18251],{"class":4403},[4118,18297,5261],{"class":4128},[4118,18299,4226],{"class":4191},[4118,18301,18302,18304,18306],{"class":4120,"line":16366},[4118,18303,18260],{"class":4403},[4118,18305,16148],{"class":5249},[4118,18307,4226],{"class":4191},[4118,18309,18310,18312,18314],{"class":4120,"line":16375},[4118,18311,16052],{"class":4403},[4118,18313,5390],{"class":5249},[4118,18315,4226],{"class":4191},[4118,18317,18318],{"class":4120,"line":16380},[4118,18319,5301],{"class":4191},[4118,18321,18322,18325],{"class":4120,"line":16387},[4118,18323,18324],{"class":4403},"  badgeWrapper:",[4118,18326,5095],{"class":4191},[4118,18328,18329,18331,18333],{"class":4120,"line":16396},[4118,18330,8593],{"class":4403},[4118,18332,15905],{"class":4128},[4118,18334,4226],{"class":4191},[4118,18336,18337,18339,18341],{"class":4120,"line":16405},[4118,18338,5269],{"class":4403},[4118,18340,5261],{"class":4128},[4118,18342,4226],{"class":4191},[4118,18344,18345,18347,18349],{"class":4120,"line":16415},[4118,18346,16052],{"class":4403},[4118,18348,5282],{"class":5249},[4118,18350,4226],{"class":4191},[4118,18352,18353],{"class":4120,"line":16420},[4118,18354,5301],{"class":4191},[4118,18356,18357,18360],{"class":4120,"line":16428},[4118,18358,18359],{"class":4403},"  form:",[4118,18361,5095],{"class":4191},[4118,18363,18364,18366,18368],{"class":4120,"line":16438},[4118,18365,8593],{"class":4403},[4118,18367,15905],{"class":4128},[4118,18369,4226],{"class":4191},[4118,18371,18372,18374,18376],{"class":4120,"line":16448},[4118,18373,15912],{"class":4403},[4118,18375,15915],{"class":5249},[4118,18377,4226],{"class":4191},[4118,18379,18380,18382,18384],{"class":4120,"line":16458},[4118,18381,5376],{"class":4403},[4118,18383,15880],{"class":4128},[4118,18385,4226],{"class":4191},[4118,18387,18388,18390,18392],{"class":4120,"line":16468},[4118,18389,5279],{"class":4403},[4118,18391,5315],{"class":5249},[4118,18393,4226],{"class":4191},[4118,18395,18396,18398,18400],{"class":4120,"line":16478},[4118,18397,5409],{"class":4403},[4118,18399,5293],{"class":5249},[4118,18401,4226],{"class":4191},[4118,18403,18404,18406,18408],{"class":4120,"line":16487},[4118,18405,15987],{"class":4403},[4118,18407,5250],{"class":5249},[4118,18409,4226],{"class":4191},[4118,18411,18412,18414,18416],{"class":4120,"line":16496},[4118,18413,15996],{"class":4403},[4118,18415,15999],{"class":4128},[4118,18417,4226],{"class":4191},[4118,18419,18420,18422,18424],{"class":4120,"line":16501},[4118,18421,5290],{"class":4403},[4118,18423,5293],{"class":5249},[4118,18425,4226],{"class":4191},[4118,18427,18428],{"class":4120,"line":16509},[4118,18429,5301],{"class":4191},[4118,18431,18432,18435],{"class":4120,"line":16518},[4118,18433,18434],{"class":4403},"  sectionTitle:",[4118,18436,5095],{"class":4191},[4118,18438,18439,18441,18443],{"class":4120,"line":16527},[4118,18440,16072],{"class":4403},[4118,18442,5293],{"class":5249},[4118,18444,4226],{"class":4191},[4118,18446,18447,18449,18451],{"class":4120,"line":16536},[4118,18448,16082],{"class":4403},[4118,18450,5323],{"class":4128},[4118,18452,4226],{"class":4191},[4118,18454,18455,18457,18459],{"class":4120,"line":16541},[4118,18456,16104],{"class":4403},[4118,18458,16604],{"class":4128},[4118,18460,4226],{"class":4191},[4118,18462,18463],{"class":4120,"line":16549},[4118,18464,5301],{"class":4191},[4118,18466,18467,18470],{"class":4120,"line":16558},[4118,18468,18469],{"class":4403},"  field:",[4118,18471,5095],{"class":4191},[4118,18473,18474,18476,18478],{"class":4120,"line":16567},[4118,18475,5290],{"class":4403},[4118,18477,16813],{"class":5249},[4118,18479,4226],{"class":4191},[4118,18481,18482],{"class":4120,"line":16572},[4118,18483,5301],{"class":4191},[4118,18485,18486,18489],{"class":4120,"line":16580},[4118,18487,18488],{"class":4403},"  label:",[4118,18490,5095],{"class":4191},[4118,18492,18493,18495,18497],{"class":4120,"line":16590},[4118,18494,16072],{"class":4403},[4118,18496,8734],{"class":5249},[4118,18498,4226],{"class":4191},[4118,18500,18501,18503,18505],{"class":4120,"line":16599},[4118,18502,16082],{"class":4403},[4118,18504,5439],{"class":4128},[4118,18506,4226],{"class":4191},[4118,18508,18509,18511,18514],{"class":4120,"line":16609},[4118,18510,16104],{"class":4403},[4118,18512,18513],{"class":4128}," '#475569'",[4118,18515,4226],{"class":4191},[4118,18517,18518],{"class":4120,"line":16618},[4118,18519,5301],{"class":4191},[4118,18521,18522,18525],{"class":4120,"line":16623},[4118,18523,18524],{"class":4403},"  input:",[4118,18526,5095],{"class":4191},[4118,18528,18529,18531,18533],{"class":4120,"line":16631},[4118,18530,5376],{"class":4403},[4118,18532,16210],{"class":4128},[4118,18534,4226],{"class":4191},[4118,18536,18537,18539,18541],{"class":4120,"line":16640},[4118,18538,15987],{"class":4403},[4118,18540,5250],{"class":5249},[4118,18542,4226],{"class":4191},[4118,18544,18545,18547,18549],{"class":4120,"line":16649},[4118,18546,15996],{"class":4403},[4118,18548,16158],{"class":4128},[4118,18550,4226],{"class":4191},[4118,18552,18553,18555,18557],{"class":4120,"line":16658},[4118,18554,5409],{"class":4403},[4118,18556,8727],{"class":5249},[4118,18558,4226],{"class":4191},[4118,18560,18561,18563,18565],{"class":4120,"line":16663},[4118,18562,5387],{"class":4403},[4118,18564,5401],{"class":5249},[4118,18566,4226],{"class":4191},[4118,18568,18569,18571,18573],{"class":4120,"line":16671},[4118,18570,5398],{"class":4403},[4118,18572,5412],{"class":5249},[4118,18574,4226],{"class":4191},[4118,18576,18577,18579,18581],{"class":4120,"line":16680},[4118,18578,16072],{"class":4403},[4118,18580,5346],{"class":5249},[4118,18582,4226],{"class":4191},[4118,18584,18585,18587,18589],{"class":4120,"line":16689},[4118,18586,16104],{"class":4403},[4118,18588,16604],{"class":4128},[4118,18590,4226],{"class":4191},[4118,18592,18593],{"class":4120,"line":16698},[4118,18594,5301],{"class":4191},[4118,18596,18597,18600],{"class":4120,"line":16707},[4118,18598,18599],{"class":4403},"  actionButton:",[4118,18601,5095],{"class":4191},[4118,18603,18604,18606,18608],{"class":4120,"line":16717},[4118,18605,5376],{"class":4403},[4118,18607,5379],{"class":4128},[4118,18609,4226],{"class":4191},[4118,18611,18612,18614,18616],{"class":4120,"line":16727},[4118,18613,5398],{"class":4403},[4118,18615,8664],{"class":5249},[4118,18617,4226],{"class":4191},[4118,18619,18620,18622,18624],{"class":4120,"line":16737},[4118,18621,5409],{"class":4403},[4118,18623,5412],{"class":5249},[4118,18625,4226],{"class":4191},[4118,18627,18628,18630,18632],{"class":4120,"line":16742},[4118,18629,5269],{"class":4403},[4118,18631,5261],{"class":4128},[4118,18633,4226],{"class":4191},[4118,18635,18636,18638,18640],{"class":4120,"line":16750},[4118,18637,18260],{"class":4403},[4118,18639,8727],{"class":5249},[4118,18641,4226],{"class":4191},[4118,18643,18644],{"class":4120,"line":16759},[4118,18645,5301],{"class":4191},[4118,18647,18648,18651],{"class":4120,"line":16768},[4118,18649,18650],{"class":4403},"  actionButtonText:",[4118,18652,5095],{"class":4191},[4118,18654,18655,18657,18659],{"class":4120,"line":16777},[4118,18656,16104],{"class":4403},[4118,18658,15880],{"class":4128},[4118,18660,4226],{"class":4191},[4118,18662,18663,18665,18667],{"class":4120,"line":16782},[4118,18664,16082],{"class":4403},[4118,18666,5323],{"class":4128},[4118,18668,4226],{"class":4191},[4118,18670,18671,18673,18675],{"class":4120,"line":16790},[4118,18672,16072],{"class":4403},[4118,18674,5346],{"class":5249},[4118,18676,4226],{"class":4191},[4118,18678,18679],{"class":4120,"line":16799},[4118,18680,5301],{"class":4191},[4118,18682,18683],{"class":4120,"line":16808},[4118,18684,5453],{"class":4191},[3823,18686],{},[3738,18688,18690,18691],{"id":18689},"nomad-feat-attach-photos-from-camera-and-library","Nomad: ",[3787,18692,18693],{},"feat: attach photos from camera and library",[3743,18695,18696,18697,18700],{},"У нашому основному проєкті ",[3754,18698,18699],{},"Nomad"," мандрівники повинні мати змогу прикріплювати фотоспогади до своїх поїздок та конкретних локацій.",[3743,18702,18703,18704,8513],{},"Розглянемо, як побудувати компонент додавання фотографій у формі редагування місця (",[3787,18705,18706],{},"Place",[3830,18708,18710],{"id":18709},"_71-модель-даних-місця-з-фотографіями","7.1. Модель даних місця з фотографіями",[4108,18712,18715],{"className":6164,"code":18713,"filename":18714,"language":6166,"meta":4114,"style":4114},"export type PlacePhoto = {\n  id: string;\n  localUri: string;\n  width: number;\n  height: number;\n  createdAt: number;\n};\n\nexport type Place = {\n  id: string;\n  tripId: string;\n  title: string;\n  description?: string;\n  photos: PlacePhoto[];\n  createdAt: number;\n};\n","types\u002Ftrip.ts",[3787,18716,18717,18728,18739,18749,18759,18769,18780,18784,18788,18799,18809,18820,18831,18842,18855,18865],{"__ignoreMap":4114},[4118,18718,18719,18721,18723,18726],{"class":4120,"line":4121},[4118,18720,4502],{"class":4393},[4118,18722,6434],{"class":4323},[4118,18724,18725],{"class":4468}," PlacePhoto",[4118,18727,4472],{"class":4191},[4118,18729,18730,18733,18735,18737],{"class":4120,"line":4195},[4118,18731,18732],{"class":4403},"  id",[4118,18734,4241],{"class":4191},[4118,18736,9175],{"class":4468},[4118,18738,4413],{"class":4191},[4118,18740,18741,18743,18745,18747],{"class":4120,"line":4205},[4118,18742,12077],{"class":4403},[4118,18744,4241],{"class":4191},[4118,18746,9175],{"class":4468},[4118,18748,4413],{"class":4191},[4118,18750,18751,18753,18755,18757],{"class":4120,"line":4214},[4118,18752,9182],{"class":4403},[4118,18754,4241],{"class":4191},[4118,18756,9111],{"class":4468},[4118,18758,4413],{"class":4191},[4118,18760,18761,18763,18765,18767],{"class":4120,"line":4220},[4118,18762,9193],{"class":4403},[4118,18764,4241],{"class":4191},[4118,18766,9111],{"class":4468},[4118,18768,4413],{"class":4191},[4118,18770,18771,18774,18776,18778],{"class":4120,"line":4229},[4118,18772,18773],{"class":4403},"  createdAt",[4118,18775,4241],{"class":4191},[4118,18777,9111],{"class":4468},[4118,18779,4413],{"class":4191},[4118,18781,18782],{"class":4120,"line":4235},[4118,18783,4493],{"class":4191},[4118,18785,18786],{"class":4120,"line":4249},[4118,18787,4460],{"emptyLinePlaceholder":4459},[4118,18789,18790,18792,18794,18797],{"class":4120,"line":4260},[4118,18791,4502],{"class":4393},[4118,18793,6434],{"class":4323},[4118,18795,18796],{"class":4468}," Place",[4118,18798,4472],{"class":4191},[4118,18800,18801,18803,18805,18807],{"class":4120,"line":4266},[4118,18802,18732],{"class":4403},[4118,18804,4241],{"class":4191},[4118,18806,9175],{"class":4468},[4118,18808,4413],{"class":4191},[4118,18810,18811,18814,18816,18818],{"class":4120,"line":4272},[4118,18812,18813],{"class":4403},"  tripId",[4118,18815,4241],{"class":4191},[4118,18817,9175],{"class":4468},[4118,18819,4413],{"class":4191},[4118,18821,18822,18825,18827,18829],{"class":4120,"line":4277},[4118,18823,18824],{"class":4403},"  title",[4118,18826,4241],{"class":4191},[4118,18828,9175],{"class":4468},[4118,18830,4413],{"class":4191},[4118,18832,18833,18836,18838,18840],{"class":4120,"line":4285},[4118,18834,18835],{"class":4403},"  description",[4118,18837,9108],{"class":4191},[4118,18839,9175],{"class":4468},[4118,18841,4413],{"class":4191},[4118,18843,18844,18847,18849,18852],{"class":4120,"line":4290},[4118,18845,18846],{"class":4403},"  photos",[4118,18848,4241],{"class":4191},[4118,18850,18851],{"class":4468},"PlacePhoto",[4118,18853,18854],{"class":4191},"[];\n",[4118,18856,18857,18859,18861,18863],{"class":4120,"line":4302},[4118,18858,18773],{"class":4403},[4118,18860,4241],{"class":4191},[4118,18862,9111],{"class":4468},[4118,18864,4413],{"class":4191},[4118,18866,18867],{"class":4120,"line":4315},[4118,18868,4493],{"class":4191},[3830,18870,18872,18873],{"id":18871},"_72-компонент-галереї-вкладень-placephotogridtsx","7.2. Компонент галереї вкладень ",[3787,18874,18875],{},"PlacePhotoGrid.tsx",[4108,18877,18880],{"className":4382,"code":18878,"filename":18879,"language":4385,"meta":4386,"style":4114},"import React from 'react';\nimport {\n  View,\n  Text,\n  Image,\n  ScrollView,\n  Pressable,\n  StyleSheet,\n  Alert,\n} from 'react-native';\nimport * as ImagePicker from 'expo-image-picker';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport * as FileSystem from 'expo-file-system';\nimport type { PlacePhoto } from '@\u002Ftypes\u002Ftrip';\n\ntype PlacePhotoGridProps = {\n  photos: PlacePhoto[];\n  onPhotosChange: (photos: PlacePhoto[]) => void;\n  maxPhotos?: number;\n};\n\nexport function PlacePhotoGrid({\n  photos,\n  onPhotosChange,\n  maxPhotos = 5,\n}: PlacePhotoGridProps) {\n  const handleAddPhoto = async (source: 'camera' | 'library') => {\n    if (photos.length >= maxPhotos) {\n      Alert.alert('Ліміт', `Можна додати не більше ${maxPhotos} фото.`);\n      return;\n    }\n\n    let pickerResult: ImagePicker.ImagePickerResult;\n\n    if (source === 'camera') {\n      const { status } = await ImagePicker.requestCameraPermissionsAsync();\n      if (status !== 'granted') return;\n      pickerResult = await ImagePicker.launchCameraAsync({\n        mediaTypes: ImagePicker.MediaTypeOptions.Images,\n        allowsEditing: true,\n        quality: 0.9,\n      });\n    } else {\n      const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();\n      if (status !== 'granted') return;\n      pickerResult = await ImagePicker.launchImageLibraryAsync({\n        mediaTypes: ImagePicker.MediaTypeOptions.Images,\n        allowsEditing: true,\n        quality: 0.9,\n      });\n    }\n\n    if (pickerResult.canceled || !pickerResult.assets[0]) return;\n\n    const rawAsset = pickerResult.assets[0];\n\n    \u002F\u002F 1. Оптимізуємо фото (max 1080px за шириною, 82% якість)\n    const compressed = await ImageManipulator.manipulateAsync(\n      rawAsset.uri,\n      [{ resize: { width: 1080 } }],\n      { compress: 0.82, format: ImageManipulator.SaveFormat.JPEG },\n    );\n\n    \u002F\u002F 2. Зберігаємо у власну постійну папку місць Nomad\n    const photoId = `photo_${Date.now()}_${Math.random().toString(36).substring(7)}`;\n    const targetDir = `${FileSystem.documentDirectory}nomad_photos\u002F`;\n    const targetFile = `${targetDir}${photoId}.jpg`;\n\n    await FileSystem.makeDirectoryAsync(targetDir, { intermediates: true });\n    await FileSystem.copyAsync({ from: compressed.uri, to: targetFile });\n\n    const newPhoto: PlacePhoto = {\n      id: photoId,\n      localUri: targetFile,\n      width: compressed.width,\n      height: compressed.height,\n      createdAt: Date.now(),\n    };\n\n    onPhotosChange([...photos, newPhoto]);\n  };\n\n  const handleRemovePhoto = (id: string) => {\n    Alert.alert('Видалити фото?', 'Ви впевнені, що хочете видалити цей кадр?', [\n      { text: 'Скасувати', style: 'cancel' },\n      {\n        text: 'Видалити',\n        style: 'destructive',\n        onPress: async () => {\n          const toDelete = photos.find((p) => p.id === id);\n          if (toDelete) {\n            await FileSystem.deleteAsync(toDelete.localUri, { idempotent: true });\n          }\n          onPhotosChange(photos.filter((p) => p.id !== id));\n        },\n      },\n    ]);\n  };\n\n  const showSourceDialog = () => {\n    Alert.alert('Додати фото місця', 'Оберіть джерело:', [\n      { text: '📷 Камера', onPress: () => handleAddPhoto('camera') },\n      { text: '🖼️ Галерея', onPress: () => handleAddPhoto('library') },\n      { text: 'Скасувати', style: 'cancel' },\n    ]);\n  };\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CText style={styles.headerTitle}>\n        Фотографії місця ({photos.length}\u002F{maxPhotos})\n      \u003C\u002FText>\n\n      \u003CScrollView horizontal showsHorizontalScrollIndicator={false} style={styles.scroll}>\n        {photos.map((photo) => (\n          \u003CView key={photo.id} style={styles.photoCard}>\n            \u003CImage source={{ uri: photo.localUri }} style={styles.thumbnail} \u002F>\n            \u003CPressable\n              style={styles.deleteButton}\n              onPress={() => handleRemovePhoto(photo.id)}\n            >\n              \u003CText style={styles.deleteButtonText}>✕\u003C\u002FText>\n            \u003C\u002FPressable>\n          \u003C\u002FView>\n        ))}\n\n        {photos.length \u003C maxPhotos && (\n          \u003CPressable style={styles.addButton} onPress={showSourceDialog}>\n            \u003CText style={styles.plusIcon}>+\u003C\u002FText>\n            \u003CText style={styles.addLabel}>Додати\u003C\u002FText>\n          \u003C\u002FPressable>\n        )}\n      \u003C\u002FScrollView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    marginVertical: 12,\n  },\n  headerTitle: {\n    fontSize: 14,\n    fontWeight: '700',\n    color: '#334155',\n    marginBottom: 8,\n  },\n  scroll: {\n    flexDirection: 'row',\n  },\n  photoCard: {\n    position: 'relative',\n    marginRight: 10,\n    borderRadius: 12,\n    overflow: 'hidden',\n  },\n  thumbnail: {\n    width: 90,\n    height: 90,\n    borderRadius: 12,\n  },\n  deleteButton: {\n    position: 'absolute',\n    top: 4,\n    right: 4,\n    backgroundColor: 'rgba(0,0,0,0.6)',\n    width: 22,\n    height: 22,\n    borderRadius: 11,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  deleteButtonText: {\n    color: '#ffffff',\n    fontSize: 12,\n    fontWeight: 'bold',\n  },\n  addButton: {\n    width: 90,\n    height: 90,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderStyle: 'dashed',\n    borderColor: '#94a3b8',\n    backgroundColor: '#f8fafc',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  plusIcon: {\n    fontSize: 24,\n    color: '#64748b',\n  },\n  addLabel: {\n    fontSize: 12,\n    color: '#64748b',\n    fontWeight: '500',\n    marginTop: 2,\n  },\n});\n","components\u002FPlacePhotoGrid.tsx",[3787,18881,18882,18894,18900,18906,18912,18918,18924,18930,18936,18942,18952,18968,18984,19000,19019,19023,19032,19042,19065,19076,19080,19084,19095,19101,19107,19118,19127,19156,19177,19206,19212,19216,19220,19238,19242,19256,19276,19294,19311,19328,19337,19346,19350,19358,19378,19396,19412,19428,19436,19444,19448,19452,19456,19488,19492,19513,19517,19522,19540,19551,19565,19589,19593,19597,19602,19667,19693,19722,19726,19748,19776,19780,19793,19802,19811,19823,19835,19850,19855,19859,19877,19881,19885,19908,19928,19944,19948,19957,19966,19980,20017,20028,20054,20059,20093,20097,20101,20105,20109,20113,20126,20146,20174,20201,20217,20221,20225,20229,20235,20257,20280,20306,20314,20318,20352,20374,20412,20456,20462,20480,20507,20512,20545,20554,20562,20569,20573,20594,20628,20660,20692,20700,20706,20714,20722,20726,20730,20734,20750,20756,20765,20769,20776,20784,20792,20801,20809,20813,20820,20828,20832,20839,20847,20856,20864,20872,20876,20883,20892,20900,20908,20912,20919,20927,20936,20944,20953,20961,20969,20977,20985,20993,20997,21004,21012,21020,21029,21033,21040,21048,21056,21064,21072,21082,21090,21098,21106,21114,21118,21125,21133,21141,21145,21152,21160,21168,21176,21185,21190],{"__ignoreMap":4114},[4118,18883,18884,18886,18888,18890,18892],{"class":4120,"line":4121},[4118,18885,4394],{"class":4393},[4118,18887,14892],{"class":4403},[4118,18889,4407],{"class":4393},[4118,18891,9603],{"class":4128},[4118,18893,4413],{"class":4191},[4118,18895,18896,18898],{"class":4120,"line":4195},[4118,18897,4394],{"class":4393},[4118,18899,5095],{"class":4191},[4118,18901,18902,18904],{"class":4120,"line":4205},[4118,18903,14909],{"class":4403},[4118,18905,4226],{"class":4191},[4118,18907,18908,18910],{"class":4120,"line":4214},[4118,18909,14916],{"class":4403},[4118,18911,4226],{"class":4191},[4118,18913,18914,18916],{"class":4120,"line":4220},[4118,18915,14923],{"class":4403},[4118,18917,4226],{"class":4191},[4118,18919,18920,18922],{"class":4120,"line":4229},[4118,18921,16993],{"class":4403},[4118,18923,4226],{"class":4191},[4118,18925,18926,18928],{"class":4120,"line":4235},[4118,18927,14937],{"class":4403},[4118,18929,4226],{"class":4191},[4118,18931,18932,18934],{"class":4120,"line":4249},[4118,18933,14930],{"class":4403},[4118,18935,4226],{"class":4191},[4118,18937,18938,18940],{"class":4120,"line":4260},[4118,18939,7825],{"class":4403},[4118,18941,4226],{"class":4191},[4118,18943,18944,18946,18948,18950],{"class":4120,"line":4266},[4118,18945,13900],{"class":4191},[4118,18947,4449],{"class":4393},[4118,18949,4452],{"class":4128},[4118,18951,4413],{"class":4191},[4118,18953,18954,18956,18958,18960,18962,18964,18966],{"class":4120,"line":4272},[4118,18955,4394],{"class":4393},[4118,18957,4397],{"class":4323},[4118,18959,4400],{"class":4393},[4118,18961,4404],{"class":4403},[4118,18963,4407],{"class":4393},[4118,18965,4410],{"class":4128},[4118,18967,4413],{"class":4191},[4118,18969,18970,18972,18974,18976,18978,18980,18982],{"class":4120,"line":4277},[4118,18971,4394],{"class":4393},[4118,18973,4397],{"class":4323},[4118,18975,4400],{"class":4393},[4118,18977,8881],{"class":4403},[4118,18979,4407],{"class":4393},[4118,18981,8886],{"class":4128},[4118,18983,4413],{"class":4191},[4118,18985,18986,18988,18990,18992,18994,18996,18998],{"class":4120,"line":4285},[4118,18987,4394],{"class":4393},[4118,18989,4397],{"class":4323},[4118,18991,4400],{"class":4393},[4118,18993,10550],{"class":4403},[4118,18995,4407],{"class":4393},[4118,18997,10555],{"class":4128},[4118,18999,4413],{"class":4191},[4118,19001,19002,19004,19006,19008,19010,19012,19014,19017],{"class":4120,"line":4290},[4118,19003,4394],{"class":4393},[4118,19005,6434],{"class":4393},[4118,19007,4420],{"class":4191},[4118,19009,18851],{"class":4403},[4118,19011,4446],{"class":4191},[4118,19013,4449],{"class":4393},[4118,19015,19016],{"class":4128}," '@\u002Ftypes\u002Ftrip'",[4118,19018,4413],{"class":4191},[4118,19020,19021],{"class":4120,"line":4302},[4118,19022,4460],{"emptyLinePlaceholder":4459},[4118,19024,19025,19027,19030],{"class":4120,"line":4315},[4118,19026,4465],{"class":4323},[4118,19028,19029],{"class":4468}," PlacePhotoGridProps",[4118,19031,4472],{"class":4191},[4118,19033,19034,19036,19038,19040],{"class":4120,"line":4327},[4118,19035,18846],{"class":4403},[4118,19037,4241],{"class":4191},[4118,19039,18851],{"class":4468},[4118,19041,18854],{"class":4191},[4118,19043,19044,19047,19049,19052,19054,19056,19059,19061,19063],{"class":4120,"line":4332},[4118,19045,19046],{"class":4124},"  onPhotosChange",[4118,19048,7796],{"class":4191},[4118,19050,19051],{"class":4403},"photos",[4118,19053,4241],{"class":4191},[4118,19055,18851],{"class":4468},[4118,19057,19058],{"class":4191},"[]) ",[4118,19060,4966],{"class":4323},[4118,19062,7814],{"class":4468},[4118,19064,4413],{"class":4191},[4118,19066,19067,19070,19072,19074],{"class":4120,"line":4338},[4118,19068,19069],{"class":4403},"  maxPhotos",[4118,19071,9108],{"class":4191},[4118,19073,9111],{"class":4468},[4118,19075,4413],{"class":4191},[4118,19077,19078],{"class":4120,"line":4344},[4118,19079,4493],{"class":4191},[4118,19081,19082],{"class":4120,"line":4350},[4118,19083,4460],{"emptyLinePlaceholder":4459},[4118,19085,19086,19088,19090,19093],{"class":4120,"line":4677},[4118,19087,4502],{"class":4393},[4118,19089,4505],{"class":4323},[4118,19091,19092],{"class":4124}," PlacePhotoGrid",[4118,19094,5232],{"class":4191},[4118,19096,19097,19099],{"class":4120,"line":4683},[4118,19098,18846],{"class":4403},[4118,19100,4226],{"class":4191},[4118,19102,19103,19105],{"class":4120,"line":4706},[4118,19104,19046],{"class":4403},[4118,19106,4226],{"class":4191},[4118,19108,19109,19111,19113,19116],{"class":4120,"line":4711},[4118,19110,19069],{"class":4403},[4118,19112,5222],{"class":4191},[4118,19114,19115],{"class":5249},"5",[4118,19117,4226],{"class":4191},[4118,19119,19120,19122,19125],{"class":4120,"line":4716},[4118,19121,15102],{"class":4191},[4118,19123,19124],{"class":4468},"PlacePhotoGridProps",[4118,19126,4523],{"class":4191},[4118,19128,19129,19131,19134,19136,19138,19140,19142,19144,19146,19148,19150,19152,19154],{"class":4120,"line":4722},[4118,19130,4534],{"class":4323},[4118,19132,19133],{"class":4124}," handleAddPhoto",[4118,19135,5222],{"class":4191},[4118,19137,5551],{"class":4323},[4118,19139,4669],{"class":4191},[4118,19141,7317],{"class":4403},[4118,19143,4241],{"class":4191},[4118,19145,7296],{"class":4128},[4118,19147,6489],{"class":4191},[4118,19149,7291],{"class":4128},[4118,19151,4616],{"class":4191},[4118,19153,4966],{"class":4323},[4118,19155,5095],{"class":4191},[4118,19157,19158,19160,19162,19164,19166,19169,19172,19175],{"class":4120,"line":4732},[4118,19159,6537],{"class":4393},[4118,19161,4669],{"class":4191},[4118,19163,19051],{"class":4403},[4118,19165,3912],{"class":4191},[4118,19167,19168],{"class":4403},"length",[4118,19170,19171],{"class":4191}," >= ",[4118,19173,19174],{"class":4403},"maxPhotos",[4118,19176,4523],{"class":4191},[4118,19178,19179,19181,19183,19185,19187,19190,19192,19195,19197,19199,19201,19204],{"class":4120,"line":4751},[4118,19180,6552],{"class":4403},[4118,19182,3912],{"class":4191},[4118,19184,5690],{"class":4124},[4118,19186,7314],{"class":4191},[4118,19188,19189],{"class":4128},"'Ліміт'",[4118,19191,3971],{"class":4191},[4118,19193,19194],{"class":4128},"`Можна додати не більше ",[4118,19196,8491],{"class":4323},[4118,19198,19174],{"class":4403},[4118,19200,4698],{"class":4323},[4118,19202,19203],{"class":4128}," фото.`",[4118,19205,7901],{"class":4191},[4118,19207,19208,19210],{"class":4120,"line":4767},[4118,19209,6637],{"class":4393},[4118,19211,4413],{"class":4191},[4118,19213,19214],{"class":4120,"line":4772},[4118,19215,6348],{"class":4191},[4118,19217,19218],{"class":4120,"line":4781},[4118,19219,4460],{"emptyLinePlaceholder":4459},[4118,19221,19222,19225,19228,19230,19232,19234,19236],{"class":4120,"line":4812},[4118,19223,19224],{"class":4323},"    let",[4118,19226,19227],{"class":4403}," pickerResult",[4118,19229,4241],{"class":4191},[4118,19231,6442],{"class":4468},[4118,19233,3912],{"class":4191},[4118,19235,6161],{"class":4468},[4118,19237,4413],{"class":4191},[4118,19239,19240],{"class":4120,"line":4848},[4118,19241,4460],{"emptyLinePlaceholder":4459},[4118,19243,19244,19246,19248,19250,19252,19254],{"class":4120,"line":4872},[4118,19245,6537],{"class":4393},[4118,19247,4669],{"class":4191},[4118,19249,7317],{"class":4403},[4118,19251,4742],{"class":4191},[4118,19253,7296],{"class":4128},[4118,19255,4523],{"class":4191},[4118,19257,19258,19260,19262,19264,19266,19268,19270,19272,19274],{"class":4120,"line":4878},[4118,19259,9907],{"class":4323},[4118,19261,4420],{"class":4191},[4118,19263,4739],{"class":4540},[4118,19265,7571],{"class":4191},[4118,19267,5794],{"class":4393},[4118,19269,4404],{"class":4403},[4118,19271,3912],{"class":4191},[4118,19273,5569],{"class":4124},[4118,19275,4562],{"class":4191},[4118,19277,19278,19280,19282,19284,19286,19288,19290,19292],{"class":4120,"line":4884},[4118,19279,11355],{"class":4393},[4118,19281,4669],{"class":4191},[4118,19283,4739],{"class":4403},[4118,19285,5675],{"class":4191},[4118,19287,5678],{"class":4128},[4118,19289,4616],{"class":4191},[4118,19291,4619],{"class":4393},[4118,19293,4413],{"class":4191},[4118,19295,19296,19299,19301,19303,19305,19307,19309],{"class":4120,"line":4894},[4118,19297,19298],{"class":4403},"      pickerResult",[4118,19300,5222],{"class":4191},[4118,19302,5794],{"class":4393},[4118,19304,4404],{"class":4403},[4118,19306,3912],{"class":4191},[4118,19308,6802],{"class":4124},[4118,19310,5232],{"class":4191},[4118,19312,19313,19316,19318,19320,19322,19324,19326],{"class":4120,"line":4899},[4118,19314,19315],{"class":4403},"        mediaTypes:",[4118,19317,4404],{"class":4403},[4118,19319,3912],{"class":4191},[4118,19321,5986],{"class":4403},[4118,19323,3912],{"class":4191},[4118,19325,5991],{"class":4403},[4118,19327,4226],{"class":4191},[4118,19329,19330,19333,19335],{"class":4120,"line":4913},[4118,19331,19332],{"class":4403},"        allowsEditing:",[4118,19334,6015],{"class":4323},[4118,19336,4226],{"class":4191},[4118,19338,19339,19341,19344],{"class":4120,"line":4919},[4118,19340,10072],{"class":4403},[4118,19342,19343],{"class":5249}," 0.9",[4118,19345,4226],{"class":4191},[4118,19347,19348],{"class":4120,"line":4925},[4118,19349,10082],{"class":4191},[4118,19351,19352,19354,19356],{"class":4120,"line":4934},[4118,19353,10142],{"class":4191},[4118,19355,13109],{"class":4393},[4118,19357,5095],{"class":4191},[4118,19359,19360,19362,19364,19366,19368,19370,19372,19374,19376],{"class":4120,"line":4953},[4118,19361,9907],{"class":4323},[4118,19363,4420],{"class":4191},[4118,19365,4739],{"class":4540},[4118,19367,7571],{"class":4191},[4118,19369,5794],{"class":4393},[4118,19371,4404],{"class":4403},[4118,19373,3912],{"class":4191},[4118,19375,5582],{"class":4124},[4118,19377,4562],{"class":4191},[4118,19379,19380,19382,19384,19386,19388,19390,19392,19394],{"class":4120,"line":4982},[4118,19381,11355],{"class":4393},[4118,19383,4669],{"class":4191},[4118,19385,4739],{"class":4403},[4118,19387,5675],{"class":4191},[4118,19389,5678],{"class":4128},[4118,19391,4616],{"class":4191},[4118,19393,4619],{"class":4393},[4118,19395,4413],{"class":4191},[4118,19397,19398,19400,19402,19404,19406,19408,19410],{"class":4120,"line":4988},[4118,19399,19298],{"class":4403},[4118,19401,5222],{"class":4191},[4118,19403,5794],{"class":4393},[4118,19405,4404],{"class":4403},[4118,19407,3912],{"class":4191},[4118,19409,5801],{"class":4124},[4118,19411,5232],{"class":4191},[4118,19413,19414,19416,19418,19420,19422,19424,19426],{"class":4120,"line":5013},[4118,19415,19315],{"class":4403},[4118,19417,4404],{"class":4403},[4118,19419,3912],{"class":4191},[4118,19421,5986],{"class":4403},[4118,19423,3912],{"class":4191},[4118,19425,5991],{"class":4403},[4118,19427,4226],{"class":4191},[4118,19429,19430,19432,19434],{"class":4120,"line":5019},[4118,19431,19332],{"class":4403},[4118,19433,6015],{"class":4323},[4118,19435,4226],{"class":4191},[4118,19437,19438,19440,19442],{"class":4120,"line":5029},[4118,19439,10072],{"class":4403},[4118,19441,19343],{"class":5249},[4118,19443,4226],{"class":4191},[4118,19445,19446],{"class":4120,"line":5039},[4118,19447,10082],{"class":4191},[4118,19449,19450],{"class":4120,"line":5050},[4118,19451,6348],{"class":4191},[4118,19453,19454],{"class":4120,"line":5056},[4118,19455,4460],{"emptyLinePlaceholder":4459},[4118,19457,19458,19460,19462,19465,19467,19469,19471,19473,19475,19477,19479,19481,19484,19486],{"class":4120,"line":5063},[4118,19459,6537],{"class":4393},[4118,19461,4669],{"class":4191},[4118,19463,19464],{"class":4403},"pickerResult",[4118,19466,3912],{"class":4191},[4118,19468,6182],{"class":4403},[4118,19470,4611],{"class":4191},[4118,19472,19464],{"class":4403},[4118,19474,3912],{"class":4191},[4118,19476,6362],{"class":4403},[4118,19478,6764],{"class":4191},[4118,19480,6767],{"class":5249},[4118,19482,19483],{"class":4191},"]) ",[4118,19485,4619],{"class":4393},[4118,19487,4413],{"class":4191},[4118,19489,19490],{"class":4120,"line":5080},[4118,19491,4460],{"emptyLinePlaceholder":4459},[4118,19493,19494,19496,19499,19501,19503,19505,19507,19509,19511],{"class":4120,"line":5098},[4118,19495,6509],{"class":4323},[4118,19497,19498],{"class":4540}," rawAsset",[4118,19500,5222],{"class":4191},[4118,19502,19464],{"class":4403},[4118,19504,3912],{"class":4191},[4118,19506,6362],{"class":4403},[4118,19508,6764],{"class":4191},[4118,19510,6767],{"class":5249},[4118,19512,6770],{"class":4191},[4118,19514,19515],{"class":4120,"line":5109},[4118,19516,4460],{"emptyLinePlaceholder":4459},[4118,19518,19519],{"class":4120,"line":5119},[4118,19520,19521],{"class":4528},"    \u002F\u002F 1. Оптимізуємо фото (max 1080px за шириною, 82% якість)\n",[4118,19523,19524,19526,19528,19530,19532,19534,19536,19538],{"class":4120,"line":5127},[4118,19525,6509],{"class":4323},[4118,19527,11724],{"class":4540},[4118,19529,5222],{"class":4191},[4118,19531,5794],{"class":4393},[4118,19533,8881],{"class":4403},[4118,19535,3912],{"class":4191},[4118,19537,8909],{"class":4124},[4118,19539,5693],{"class":4191},[4118,19541,19542,19545,19547,19549],{"class":4120,"line":5132},[4118,19543,19544],{"class":4403},"      rawAsset",[4118,19546,3912],{"class":4191},[4118,19548,8125],{"class":4403},[4118,19550,4226],{"class":4191},[4118,19552,19553,19555,19557,19559,19561,19563],{"class":4120,"line":5155},[4118,19554,9500],{"class":4191},[4118,19556,9374],{"class":4403},[4118,19558,4420],{"class":4191},[4118,19560,9379],{"class":4403},[4118,19562,6245],{"class":5249},[4118,19564,9513],{"class":4191},[4118,19566,19567,19569,19571,19573,19575,19577,19579,19581,19583,19585,19587],{"class":4120,"line":5161},[4118,19568,7619],{"class":4191},[4118,19570,11765],{"class":4403},[4118,19572,10075],{"class":5249},[4118,19574,3971],{"class":4191},[4118,19576,11772],{"class":4403},[4118,19578,8881],{"class":4403},[4118,19580,3912],{"class":4191},[4118,19582,9415],{"class":4403},[4118,19584,3912],{"class":4191},[4118,19586,9420],{"class":4540},[4118,19588,5333],{"class":4191},[4118,19590,19591],{"class":4120,"line":5170},[4118,19592,5763],{"class":4191},[4118,19594,19595],{"class":4120,"line":5179},[4118,19596,4460],{"emptyLinePlaceholder":4459},[4118,19598,19599],{"class":4120,"line":5187},[4118,19600,19601],{"class":4528},"    \u002F\u002F 2. Зберігаємо у власну постійну папку місць Nomad\n",[4118,19603,19604,19606,19609,19611,19614,19616,19618,19620,19622,19624,19626,19629,19631,19634,19636,19639,19641,19644,19646,19649,19651,19654,19656,19659,19661,19663,19665],{"class":4120,"line":5197},[4118,19605,6509],{"class":4323},[4118,19607,19608],{"class":4540}," photoId",[4118,19610,5222],{"class":4191},[4118,19612,19613],{"class":4128},"`photo_",[4118,19615,8491],{"class":4323},[4118,19617,11393],{"class":4403},[4118,19619,3912],{"class":4801},[4118,19621,11398],{"class":4124},[4118,19623,4977],{"class":4801},[4118,19625,4698],{"class":4323},[4118,19627,19628],{"class":4128},"_",[4118,19630,8491],{"class":4323},[4118,19632,19633],{"class":4403},"Math",[4118,19635,3912],{"class":4801},[4118,19637,19638],{"class":4124},"random",[4118,19640,14000],{"class":4801},[4118,19642,19643],{"class":4124},"toString",[4118,19645,7314],{"class":4801},[4118,19647,19648],{"class":5249},"36",[4118,19650,8513],{"class":4801},[4118,19652,19653],{"class":4124},"substring",[4118,19655,7314],{"class":4801},[4118,19657,19658],{"class":5249},"7",[4118,19660,8066],{"class":4801},[4118,19662,4698],{"class":4323},[4118,19664,10124],{"class":4128},[4118,19666,4413],{"class":4191},[4118,19668,19669,19671,19674,19676,19678,19680,19682,19684,19686,19688,19691],{"class":4120,"line":5203},[4118,19670,6509],{"class":4323},[4118,19672,19673],{"class":4540}," targetDir",[4118,19675,5222],{"class":4191},[4118,19677,10124],{"class":4128},[4118,19679,8491],{"class":4323},[4118,19681,10576],{"class":4403},[4118,19683,3912],{"class":4801},[4118,19685,10446],{"class":4403},[4118,19687,4698],{"class":4323},[4118,19689,19690],{"class":4128},"nomad_photos\u002F`",[4118,19692,4413],{"class":4191},[4118,19694,19695,19697,19700,19702,19704,19706,19709,19712,19715,19717,19720],{"class":4120,"line":5208},[4118,19696,6509],{"class":4323},[4118,19698,19699],{"class":4540}," targetFile",[4118,19701,5222],{"class":4191},[4118,19703,10124],{"class":4128},[4118,19705,8491],{"class":4323},[4118,19707,19708],{"class":4403},"targetDir",[4118,19710,19711],{"class":4323},"}${",[4118,19713,19714],{"class":4403},"photoId",[4118,19716,4698],{"class":4323},[4118,19718,19719],{"class":4128},".jpg`",[4118,19721,4413],{"class":4191},[4118,19723,19724],{"class":4120,"line":5213},[4118,19725,4460],{"emptyLinePlaceholder":4459},[4118,19727,19728,19730,19732,19734,19736,19738,19740,19742,19744,19746],{"class":4120,"line":5235},[4118,19729,5562],{"class":4393},[4118,19731,10550],{"class":4403},[4118,19733,3912],{"class":4191},[4118,19735,10799],{"class":4124},[4118,19737,7314],{"class":4191},[4118,19739,19708],{"class":4403},[4118,19741,10939],{"class":4191},[4118,19743,10829],{"class":4403},[4118,19745,6015],{"class":4323},[4118,19747,10876],{"class":4191},[4118,19749,19750,19752,19754,19756,19758,19760,19762,19764,19766,19768,19770,19772,19774],{"class":4120,"line":5243},[4118,19751,5562],{"class":4393},[4118,19753,10550],{"class":4403},[4118,19755,3912],{"class":4191},[4118,19757,10857],{"class":4124},[4118,19759,4511],{"class":4191},[4118,19761,10862],{"class":4403},[4118,19763,11724],{"class":4403},[4118,19765,3912],{"class":4191},[4118,19767,8125],{"class":4403},[4118,19769,3971],{"class":4191},[4118,19771,10870],{"class":4403},[4118,19773,19699],{"class":4403},[4118,19775,10876],{"class":4191},[4118,19777,19778],{"class":4120,"line":5255},[4118,19779,4460],{"emptyLinePlaceholder":4459},[4118,19781,19782,19784,19787,19789,19791],{"class":4120,"line":5266},[4118,19783,6509],{"class":4323},[4118,19785,19786],{"class":4540}," newPhoto",[4118,19788,4241],{"class":4191},[4118,19790,18851],{"class":4468},[4118,19792,4472],{"class":4191},[4118,19794,19795,19798,19800],{"class":4120,"line":5276},[4118,19796,19797],{"class":4403},"      id:",[4118,19799,19608],{"class":4403},[4118,19801,4226],{"class":4191},[4118,19803,19804,19807,19809],{"class":4120,"line":5287},[4118,19805,19806],{"class":4403},"      localUri:",[4118,19808,19699],{"class":4403},[4118,19810,4226],{"class":4191},[4118,19812,19813,19815,19817,19819,19821],{"class":4120,"line":5298},[4118,19814,6242],{"class":4403},[4118,19816,11724],{"class":4403},[4118,19818,3912],{"class":4191},[4118,19820,8450],{"class":4403},[4118,19822,4226],{"class":4191},[4118,19824,19825,19827,19829,19831,19833],{"class":4120,"line":5304},[4118,19826,6252],{"class":4403},[4118,19828,11724],{"class":4403},[4118,19830,3912],{"class":4191},[4118,19832,8464],{"class":4403},[4118,19834,4226],{"class":4191},[4118,19836,19837,19840,19843,19845,19847],{"class":4120,"line":5336},[4118,19838,19839],{"class":4403},"      createdAt:",[4118,19841,19842],{"class":4403}," Date",[4118,19844,3912],{"class":4191},[4118,19846,11398],{"class":4124},[4118,19848,19849],{"class":4191},"(),\n",[4118,19851,19852],{"class":4120,"line":5365},[4118,19853,19854],{"class":4191},"    };\n",[4118,19856,19857],{"class":4120,"line":5373},[4118,19858,4460],{"emptyLinePlaceholder":4459},[4118,19860,19861,19864,19867,19869,19871,19874],{"class":4120,"line":5384},[4118,19862,19863],{"class":4124},"    onPhotosChange",[4118,19865,19866],{"class":4191},"([...",[4118,19868,19051],{"class":4403},[4118,19870,3971],{"class":4191},[4118,19872,19873],{"class":4403},"newPhoto",[4118,19875,19876],{"class":4191},"]);\n",[4118,19878,19879],{"class":4120,"line":5395},[4118,19880,6775],{"class":4191},[4118,19882,19883],{"class":4120,"line":5406},[4118,19884,4460],{"emptyLinePlaceholder":4459},[4118,19886,19887,19889,19892,19895,19898,19900,19902,19904,19906],{"class":4120,"line":5417},[4118,19888,4534],{"class":4323},[4118,19890,19891],{"class":4124}," handleRemovePhoto",[4118,19893,19894],{"class":4191}," = (",[4118,19896,19897],{"class":4403},"id",[4118,19899,4241],{"class":4191},[4118,19901,9175],{"class":4468},[4118,19903,4616],{"class":4191},[4118,19905,4966],{"class":4323},[4118,19907,5095],{"class":4191},[4118,19909,19910,19912,19914,19916,19918,19921,19923,19926],{"class":4120,"line":5422},[4118,19911,5685],{"class":4403},[4118,19913,3912],{"class":4191},[4118,19915,5690],{"class":4124},[4118,19917,7314],{"class":4191},[4118,19919,19920],{"class":4128},"'Видалити фото?'",[4118,19922,3971],{"class":4191},[4118,19924,19925],{"class":4128},"'Ви впевнені, що хочете видалити цей кадр?'",[4118,19927,7395],{"class":4191},[4118,19929,19930,19932,19934,19936,19938,19940,19942],{"class":4120,"line":5450},[4118,19931,7619],{"class":4191},[4118,19933,5719],{"class":4403},[4118,19935,5722],{"class":4128},[4118,19937,3971],{"class":4191},[4118,19939,5727],{"class":4403},[4118,19941,5730],{"class":4128},[4118,19943,5333],{"class":4191},[4118,19945,19946],{"class":4120,"line":14802},[4118,19947,7855],{"class":4191},[4118,19949,19950,19952,19955],{"class":4120,"line":14807},[4118,19951,7860],{"class":4403},[4118,19953,19954],{"class":4128}," 'Видалити'",[4118,19956,4226],{"class":4191},[4118,19958,19959,19962,19964],{"class":4120,"line":14812},[4118,19960,19961],{"class":4403},"        style:",[4118,19963,17309],{"class":4128},[4118,19965,4226],{"class":4191},[4118,19967,19968,19970,19972,19974,19976,19978],{"class":4120,"line":14819},[4118,19969,7870],{"class":4124},[4118,19971,5045],{"class":4403},[4118,19973,5938],{"class":4323},[4118,19975,5090],{"class":4191},[4118,19977,4966],{"class":4323},[4118,19979,5095],{"class":4191},[4118,19981,19982,19984,19987,19989,19991,19993,19996,19998,20000,20002,20004,20007,20009,20011,20013,20015],{"class":4120,"line":14827},[4118,19983,7885],{"class":4323},[4118,19985,19986],{"class":4540}," toDelete",[4118,19988,5222],{"class":4191},[4118,19990,19051],{"class":4403},[4118,19992,3912],{"class":4191},[4118,19994,19995],{"class":4124},"find",[4118,19997,9978],{"class":4191},[4118,19999,3743],{"class":4403},[4118,20001,4616],{"class":4191},[4118,20003,4966],{"class":4323},[4118,20005,20006],{"class":4403}," p",[4118,20008,3912],{"class":4191},[4118,20010,19897],{"class":4403},[4118,20012,4742],{"class":4191},[4118,20014,19897],{"class":4403},[4118,20016,7901],{"class":4191},[4118,20018,20019,20021,20023,20026],{"class":4120,"line":14835},[4118,20020,7906],{"class":4393},[4118,20022,4669],{"class":4191},[4118,20024,20025],{"class":4403},"toDelete",[4118,20027,4523],{"class":4191},[4118,20029,20030,20032,20034,20036,20038,20040,20042,20044,20046,20048,20050,20052],{"class":4120,"line":14845},[4118,20031,5101],{"class":4393},[4118,20033,10550],{"class":4403},[4118,20035,3912],{"class":4191},[4118,20037,10932],{"class":4124},[4118,20039,7314],{"class":4191},[4118,20041,20025],{"class":4403},[4118,20043,3912],{"class":4191},[4118,20045,13017],{"class":4403},[4118,20047,10939],{"class":4191},[4118,20049,10942],{"class":4403},[4118,20051,6015],{"class":4323},[4118,20053,10876],{"class":4191},[4118,20055,20056],{"class":4120,"line":14855},[4118,20057,20058],{"class":4191},"          }\n",[4118,20060,20061,20064,20066,20068,20070,20073,20075,20077,20079,20081,20083,20085,20087,20089,20091],{"class":4120,"line":14865},[4118,20062,20063],{"class":4124},"          onPhotosChange",[4118,20065,7314],{"class":4191},[4118,20067,19051],{"class":4403},[4118,20069,3912],{"class":4191},[4118,20071,20072],{"class":4124},"filter",[4118,20074,9978],{"class":4191},[4118,20076,3743],{"class":4403},[4118,20078,4616],{"class":4191},[4118,20080,4966],{"class":4323},[4118,20082,20006],{"class":4403},[4118,20084,3912],{"class":4191},[4118,20086,19897],{"class":4403},[4118,20088,5675],{"class":4191},[4118,20090,19897],{"class":4403},[4118,20092,11017],{"class":4191},[4118,20094,20095],{"class":4120,"line":14870},[4118,20096,7926],{"class":4191},[4118,20098,20099],{"class":4120,"line":16079},[4118,20100,7931],{"class":4191},[4118,20102,20103],{"class":4120,"line":16090},[4118,20104,7656],{"class":4191},[4118,20106,20107],{"class":4120,"line":16101},[4118,20108,6775],{"class":4191},[4118,20110,20111],{"class":4120,"line":16111},[4118,20112,4460],{"emptyLinePlaceholder":4459},[4118,20114,20115,20117,20120,20122,20124],{"class":4120,"line":16116},[4118,20116,4534],{"class":4323},[4118,20118,20119],{"class":4124}," showSourceDialog",[4118,20121,17207],{"class":4191},[4118,20123,4966],{"class":4323},[4118,20125,5095],{"class":4191},[4118,20127,20128,20130,20132,20134,20136,20139,20141,20144],{"class":4120,"line":16124},[4118,20129,5685],{"class":4403},[4118,20131,3912],{"class":4191},[4118,20133,5690],{"class":4124},[4118,20135,7314],{"class":4191},[4118,20137,20138],{"class":4128},"'Додати фото місця'",[4118,20140,3971],{"class":4191},[4118,20142,20143],{"class":4128},"'Оберіть джерело:'",[4118,20145,7395],{"class":4191},[4118,20147,20148,20150,20152,20155,20157,20159,20161,20163,20165,20167,20169,20171],{"class":4120,"line":16134},[4118,20149,7619],{"class":4191},[4118,20151,5719],{"class":4403},[4118,20153,20154],{"class":4128}," '📷 Камера'",[4118,20156,3971],{"class":4191},[4118,20158,6607],{"class":4124},[4118,20160,5045],{"class":4403},[4118,20162,5090],{"class":4191},[4118,20164,4966],{"class":4323},[4118,20166,19133],{"class":4124},[4118,20168,7314],{"class":4191},[4118,20170,7296],{"class":4128},[4118,20172,20173],{"class":4191},") },\n",[4118,20175,20176,20178,20180,20183,20185,20187,20189,20191,20193,20195,20197,20199],{"class":4120,"line":16143},[4118,20177,7619],{"class":4191},[4118,20179,5719],{"class":4403},[4118,20181,20182],{"class":4128}," '🖼️ Галерея'",[4118,20184,3971],{"class":4191},[4118,20186,6607],{"class":4124},[4118,20188,5045],{"class":4403},[4118,20190,5090],{"class":4191},[4118,20192,4966],{"class":4323},[4118,20194,19133],{"class":4124},[4118,20196,7314],{"class":4191},[4118,20198,7291],{"class":4128},[4118,20200,20173],{"class":4191},[4118,20202,20203,20205,20207,20209,20211,20213,20215],{"class":4120,"line":16153},[4118,20204,7619],{"class":4191},[4118,20206,5719],{"class":4403},[4118,20208,5722],{"class":4128},[4118,20210,3971],{"class":4191},[4118,20212,5727],{"class":4403},[4118,20214,5730],{"class":4128},[4118,20216,5333],{"class":4191},[4118,20218,20219],{"class":4120,"line":16163},[4118,20220,7656],{"class":4191},[4118,20222,20223],{"class":4120,"line":16168},[4118,20224,6775],{"class":4191},[4118,20226,20227],{"class":4120,"line":16176},[4118,20228,4460],{"emptyLinePlaceholder":4459},[4118,20230,20231,20233],{"class":4120,"line":16186},[4118,20232,4775],{"class":4393},[4118,20234,4778],{"class":4191},[4118,20236,20237,20239,20241,20243,20245,20247,20249,20251,20253,20255],{"class":4120,"line":16195},[4118,20238,4784],{"class":4689},[4118,20240,4443],{"class":4468},[4118,20242,4790],{"class":4789},[4118,20244,4793],{"class":4191},[4118,20246,4693],{"class":4323},[4118,20248,4798],{"class":4403},[4118,20250,3912],{"class":4801},[4118,20252,4804],{"class":4403},[4118,20254,4698],{"class":4323},[4118,20256,4809],{"class":4689},[4118,20258,20259,20261,20263,20265,20267,20269,20271,20273,20276,20278],{"class":4120,"line":16205},[4118,20260,4815],{"class":4689},[4118,20262,4438],{"class":4468},[4118,20264,4790],{"class":4789},[4118,20266,4793],{"class":4191},[4118,20268,4693],{"class":4323},[4118,20270,4798],{"class":4403},[4118,20272,3912],{"class":4801},[4118,20274,20275],{"class":4403},"headerTitle",[4118,20277,4698],{"class":4323},[4118,20279,4809],{"class":4689},[4118,20281,20282,20285,20287,20289,20291,20293,20295,20297,20299,20301,20303],{"class":4120,"line":16215},[4118,20283,20284],{"class":4191},"        Фотографії місця (",[4118,20286,4693],{"class":4323},[4118,20288,19051],{"class":4403},[4118,20290,3912],{"class":4801},[4118,20292,19168],{"class":4403},[4118,20294,4698],{"class":4323},[4118,20296,3817],{"class":4191},[4118,20298,4693],{"class":4323},[4118,20300,19174],{"class":4403},[4118,20302,4698],{"class":4323},[4118,20304,20305],{"class":4191},")\n",[4118,20307,20308,20310,20312],{"class":4120,"line":16224},[4118,20309,4887],{"class":4689},[4118,20311,4438],{"class":4468},[4118,20313,4809],{"class":4689},[4118,20315,20316],{"class":4120,"line":16233},[4118,20317,4460],{"emptyLinePlaceholder":4459},[4118,20319,20320,20322,20324,20327,20330,20332,20335,20337,20339,20341,20343,20345,20348,20350],{"class":4120,"line":16242},[4118,20321,4815],{"class":4689},[4118,20323,17386],{"class":4468},[4118,20325,20326],{"class":4789}," horizontal",[4118,20328,20329],{"class":4789}," showsHorizontalScrollIndicator",[4118,20331,4793],{"class":4191},[4118,20333,20334],{"class":4323},"{false}",[4118,20336,4790],{"class":4789},[4118,20338,4793],{"class":4191},[4118,20340,4693],{"class":4323},[4118,20342,4798],{"class":4403},[4118,20344,3912],{"class":4801},[4118,20346,20347],{"class":4403},"scroll",[4118,20349,4698],{"class":4323},[4118,20351,4809],{"class":4689},[4118,20353,20354,20356,20358,20360,20363,20365,20368,20370,20372],{"class":4120,"line":16253},[4118,20355,8443],{"class":4323},[4118,20357,19051],{"class":4403},[4118,20359,3912],{"class":4801},[4118,20361,20362],{"class":4124},"map",[4118,20364,9978],{"class":4801},[4118,20366,20367],{"class":4403},"photo",[4118,20369,4616],{"class":4801},[4118,20371,4966],{"class":4323},[4118,20373,4778],{"class":4801},[4118,20375,20376,20378,20380,20383,20385,20387,20389,20391,20393,20395,20397,20399,20401,20403,20405,20408,20410],{"class":4120,"line":16263},[4118,20377,4991],{"class":4689},[4118,20379,4443],{"class":4468},[4118,20381,20382],{"class":4789}," key",[4118,20384,4793],{"class":4191},[4118,20386,4693],{"class":4323},[4118,20388,20367],{"class":4403},[4118,20390,3912],{"class":4801},[4118,20392,19897],{"class":4403},[4118,20394,4698],{"class":4323},[4118,20396,4790],{"class":4789},[4118,20398,4793],{"class":4191},[4118,20400,4693],{"class":4323},[4118,20402,4798],{"class":4403},[4118,20404,3912],{"class":4801},[4118,20406,20407],{"class":4403},"photoCard",[4118,20409,4698],{"class":4323},[4118,20411,4809],{"class":4689},[4118,20413,20414,20416,20418,20420,20422,20424,20426,20428,20431,20433,20435,20437,20439,20441,20443,20445,20447,20449,20452,20454],{"class":4120,"line":16272},[4118,20415,15415],{"class":4689},[4118,20417,8129],{"class":4468},[4118,20419,15349],{"class":4789},[4118,20421,4793],{"class":4191},[4118,20423,4693],{"class":4323},[4118,20425,6178],{"class":4801},[4118,20427,8361],{"class":4403},[4118,20429,20430],{"class":4403}," photo",[4118,20432,3912],{"class":4801},[4118,20434,13017],{"class":4403},[4118,20436,8370],{"class":4801},[4118,20438,4698],{"class":4323},[4118,20440,4790],{"class":4789},[4118,20442,4793],{"class":4191},[4118,20444,4693],{"class":4323},[4118,20446,4798],{"class":4403},[4118,20448,3912],{"class":4801},[4118,20450,20451],{"class":4403},"thumbnail",[4118,20453,4698],{"class":4323},[4118,20455,15225],{"class":4689},[4118,20457,20458,20460],{"class":4120,"line":16283},[4118,20459,15415],{"class":4689},[4118,20461,4931],{"class":4468},[4118,20463,20464,20467,20469,20471,20473,20475,20478],{"class":4120,"line":16288},[4118,20465,20466],{"class":4789},"              style",[4118,20468,4793],{"class":4191},[4118,20470,4693],{"class":4323},[4118,20472,4798],{"class":4403},[4118,20474,3912],{"class":4801},[4118,20476,20477],{"class":4403},"deleteButton",[4118,20479,4353],{"class":4323},[4118,20481,20482,20485,20487,20489,20491,20493,20495,20497,20499,20501,20503,20505],{"class":4120,"line":16296},[4118,20483,20484],{"class":4789},"              onPress",[4118,20486,4793],{"class":4191},[4118,20488,4693],{"class":4323},[4118,20490,4963],{"class":4801},[4118,20492,4966],{"class":4323},[4118,20494,19891],{"class":4124},[4118,20496,7314],{"class":4801},[4118,20498,20367],{"class":4403},[4118,20500,3912],{"class":4801},[4118,20502,19897],{"class":4403},[4118,20504,8066],{"class":4801},[4118,20506,4353],{"class":4323},[4118,20508,20509],{"class":4120,"line":16305},[4118,20510,20511],{"class":4689},"            >\n",[4118,20513,20514,20517,20519,20521,20523,20525,20527,20529,20532,20534,20536,20539,20541,20543],{"class":4120,"line":16314},[4118,20515,20516],{"class":4689},"              \u003C",[4118,20518,4438],{"class":4468},[4118,20520,4790],{"class":4789},[4118,20522,4793],{"class":4191},[4118,20524,4693],{"class":4323},[4118,20526,4798],{"class":4403},[4118,20528,3912],{"class":4801},[4118,20530,20531],{"class":4403},"deleteButtonText",[4118,20533,4698],{"class":4323},[4118,20535,4835],{"class":4689},[4118,20537,20538],{"class":4801},"✕",[4118,20540,4841],{"class":4689},[4118,20542,4438],{"class":4468},[4118,20544,4809],{"class":4689},[4118,20546,20547,20550,20552],{"class":4120,"line":16319},[4118,20548,20549],{"class":4689},"            \u003C\u002F",[4118,20551,4428],{"class":4468},[4118,20553,4809],{"class":4689},[4118,20555,20556,20558,20560],{"class":4120,"line":16326},[4118,20557,5022],{"class":4689},[4118,20559,4443],{"class":4468},[4118,20561,4809],{"class":4689},[4118,20563,20564,20567],{"class":4120,"line":16335},[4118,20565,20566],{"class":4801},"        ))",[4118,20568,4353],{"class":4323},[4118,20570,20571],{"class":4120,"line":16344},[4118,20572,4460],{"emptyLinePlaceholder":4459},[4118,20574,20575,20577,20579,20581,20583,20586,20589,20592],{"class":4120,"line":16349},[4118,20576,8443],{"class":4323},[4118,20578,19051],{"class":4403},[4118,20580,3912],{"class":4801},[4118,20582,19168],{"class":4403},[4118,20584,20585],{"class":4191}," \u003C",[4118,20587,20588],{"class":4403}," maxPhotos",[4118,20590,20591],{"class":4191}," &&",[4118,20593,4778],{"class":4801},[4118,20595,20596,20598,20600,20602,20604,20606,20608,20610,20613,20615,20617,20619,20621,20624,20626],{"class":4120,"line":16357},[4118,20597,4991],{"class":4689},[4118,20599,4428],{"class":4468},[4118,20601,4790],{"class":4789},[4118,20603,4793],{"class":4191},[4118,20605,4693],{"class":4323},[4118,20607,4798],{"class":4403},[4118,20609,3912],{"class":4801},[4118,20611,20612],{"class":4403},"addButton",[4118,20614,4698],{"class":4323},[4118,20616,8048],{"class":4789},[4118,20618,4793],{"class":4191},[4118,20620,4693],{"class":4323},[4118,20622,20623],{"class":4403},"showSourceDialog",[4118,20625,4698],{"class":4323},[4118,20627,4809],{"class":4689},[4118,20629,20630,20632,20634,20636,20638,20640,20642,20644,20647,20649,20651,20654,20656,20658],{"class":4120,"line":16366},[4118,20631,15415],{"class":4689},[4118,20633,4438],{"class":4468},[4118,20635,4790],{"class":4789},[4118,20637,4793],{"class":4191},[4118,20639,4693],{"class":4323},[4118,20641,4798],{"class":4403},[4118,20643,3912],{"class":4801},[4118,20645,20646],{"class":4403},"plusIcon",[4118,20648,4698],{"class":4323},[4118,20650,4835],{"class":4689},[4118,20652,20653],{"class":4801},"+",[4118,20655,4841],{"class":4689},[4118,20657,4438],{"class":4468},[4118,20659,4809],{"class":4689},[4118,20661,20662,20664,20666,20668,20670,20672,20674,20676,20679,20681,20683,20686,20688,20690],{"class":4120,"line":16375},[4118,20663,15415],{"class":4689},[4118,20665,4438],{"class":4468},[4118,20667,4790],{"class":4789},[4118,20669,4793],{"class":4191},[4118,20671,4693],{"class":4323},[4118,20673,4798],{"class":4403},[4118,20675,3912],{"class":4801},[4118,20677,20678],{"class":4403},"addLabel",[4118,20680,4698],{"class":4323},[4118,20682,4835],{"class":4689},[4118,20684,20685],{"class":4801},"Додати",[4118,20687,4841],{"class":4689},[4118,20689,4438],{"class":4468},[4118,20691,4809],{"class":4689},[4118,20693,20694,20696,20698],{"class":4120,"line":16380},[4118,20695,5022],{"class":4689},[4118,20697,4428],{"class":4468},[4118,20699,4809],{"class":4689},[4118,20701,20702,20704],{"class":4120,"line":16387},[4118,20703,15487],{"class":4801},[4118,20705,4353],{"class":4323},[4118,20707,20708,20710,20712],{"class":4120,"line":16396},[4118,20709,4887],{"class":4689},[4118,20711,17386],{"class":4468},[4118,20713,4809],{"class":4689},[4118,20715,20716,20718,20720],{"class":4120,"line":16405},[4118,20717,5190],{"class":4689},[4118,20719,4443],{"class":4468},[4118,20721,4809],{"class":4689},[4118,20723,20724],{"class":4120,"line":16415},[4118,20725,5200],{"class":4191},[4118,20727,20728],{"class":4120,"line":16420},[4118,20729,4353],{"class":4191},[4118,20731,20732],{"class":4120,"line":16428},[4118,20733,4460],{"emptyLinePlaceholder":4459},[4118,20735,20736,20738,20740,20742,20744,20746,20748],{"class":4120,"line":16438},[4118,20737,5216],{"class":4323},[4118,20739,5219],{"class":4540},[4118,20741,5222],{"class":4191},[4118,20743,4433],{"class":4403},[4118,20745,3912],{"class":4191},[4118,20747,5229],{"class":4124},[4118,20749,5232],{"class":4191},[4118,20751,20752,20754],{"class":4120,"line":16448},[4118,20753,5238],{"class":4403},[4118,20755,5095],{"class":4191},[4118,20757,20758,20761,20763],{"class":4120,"line":16458},[4118,20759,20760],{"class":4403},"    marginVertical:",[4118,20762,5401],{"class":5249},[4118,20764,4226],{"class":4191},[4118,20766,20767],{"class":4120,"line":16468},[4118,20768,5301],{"class":4191},[4118,20770,20771,20774],{"class":4120,"line":16478},[4118,20772,20773],{"class":4403},"  headerTitle:",[4118,20775,5095],{"class":4191},[4118,20777,20778,20780,20782],{"class":4120,"line":16487},[4118,20779,16072],{"class":4403},[4118,20781,8664],{"class":5249},[4118,20783,4226],{"class":4191},[4118,20785,20786,20788,20790],{"class":4120,"line":16496},[4118,20787,16082],{"class":4403},[4118,20789,5323],{"class":4128},[4118,20791,4226],{"class":4191},[4118,20793,20794,20796,20799],{"class":4120,"line":16501},[4118,20795,16104],{"class":4403},[4118,20797,20798],{"class":4128}," '#334155'",[4118,20800,4226],{"class":4191},[4118,20802,20803,20805,20807],{"class":4120,"line":16509},[4118,20804,16052],{"class":4403},[4118,20806,8727],{"class":5249},[4118,20808,4226],{"class":4191},[4118,20810,20811],{"class":4120,"line":16518},[4118,20812,5301],{"class":4191},[4118,20814,20815,20818],{"class":4120,"line":16527},[4118,20816,20817],{"class":4403},"  scroll:",[4118,20819,5095],{"class":4191},[4118,20821,20822,20824,20826],{"class":4120,"line":16536},[4118,20823,16025],{"class":4403},[4118,20825,16028],{"class":4128},[4118,20827,4226],{"class":4191},[4118,20829,20830],{"class":4120,"line":16541},[4118,20831,5301],{"class":4191},[4118,20833,20834,20837],{"class":4120,"line":16549},[4118,20835,20836],{"class":4403},"  photoCard:",[4118,20838,5095],{"class":4191},[4118,20840,20841,20843,20845],{"class":4120,"line":16558},[4118,20842,16245],{"class":4403},[4118,20844,16248],{"class":4128},[4118,20846,4226],{"class":4191},[4118,20848,20849,20852,20854],{"class":4120,"line":16567},[4118,20850,20851],{"class":4403},"    marginRight:",[4118,20853,5412],{"class":5249},[4118,20855,4226],{"class":4191},[4118,20857,20858,20860,20862],{"class":4120,"line":16572},[4118,20859,5409],{"class":4403},[4118,20861,5401],{"class":5249},[4118,20863,4226],{"class":4191},[4118,20865,20866,20868,20870],{"class":4120,"line":16580},[4118,20867,16275],{"class":4403},[4118,20869,16278],{"class":4128},[4118,20871,4226],{"class":4191},[4118,20873,20874],{"class":4120,"line":16590},[4118,20875,5301],{"class":4191},[4118,20877,20878,20881],{"class":4120,"line":16599},[4118,20879,20880],{"class":4403},"  thumbnail:",[4118,20882,5095],{"class":4191},[4118,20884,20885,20887,20890],{"class":4120,"line":16609},[4118,20886,8593],{"class":4403},[4118,20888,20889],{"class":5249}," 90",[4118,20891,4226],{"class":4191},[4118,20893,20894,20896,20898],{"class":4120,"line":16618},[4118,20895,8603],{"class":4403},[4118,20897,20889],{"class":5249},[4118,20899,4226],{"class":4191},[4118,20901,20902,20904,20906],{"class":4120,"line":16623},[4118,20903,5409],{"class":4403},[4118,20905,5401],{"class":5249},[4118,20907,4226],{"class":4191},[4118,20909,20910],{"class":4120,"line":16631},[4118,20911,5301],{"class":4191},[4118,20913,20914,20917],{"class":4120,"line":16640},[4118,20915,20916],{"class":4403},"  deleteButton:",[4118,20918,5095],{"class":4191},[4118,20920,20921,20923,20925],{"class":4120,"line":16649},[4118,20922,16245],{"class":4403},[4118,20924,16433],{"class":4128},[4118,20926,4226],{"class":4191},[4118,20928,20929,20932,20934],{"class":4120,"line":16658},[4118,20930,20931],{"class":4403},"    top:",[4118,20933,16148],{"class":5249},[4118,20935,4226],{"class":4191},[4118,20937,20938,20940,20942],{"class":4120,"line":16663},[4118,20939,16461],{"class":4403},[4118,20941,16148],{"class":5249},[4118,20943,4226],{"class":4191},[4118,20945,20946,20948,20951],{"class":4120,"line":16671},[4118,20947,5376],{"class":4403},[4118,20949,20950],{"class":4128}," 'rgba(0,0,0,0.6)'",[4118,20952,4226],{"class":4191},[4118,20954,20955,20957,20959],{"class":4120,"line":16680},[4118,20956,8593],{"class":4403},[4118,20958,16585],{"class":5249},[4118,20960,4226],{"class":4191},[4118,20962,20963,20965,20967],{"class":4120,"line":16689},[4118,20964,8603],{"class":4403},[4118,20966,16585],{"class":5249},[4118,20968,4226],{"class":4191},[4118,20970,20971,20973,20975],{"class":4120,"line":16698},[4118,20972,5409],{"class":4403},[4118,20974,16886],{"class":5249},[4118,20976,4226],{"class":4191},[4118,20978,20979,20981,20983],{"class":4120,"line":16707},[4118,20980,5258],{"class":4403},[4118,20982,5261],{"class":4128},[4118,20984,4226],{"class":4191},[4118,20986,20987,20989,20991],{"class":4120,"line":16717},[4118,20988,5269],{"class":4403},[4118,20990,5261],{"class":4128},[4118,20992,4226],{"class":4191},[4118,20994,20995],{"class":4120,"line":16727},[4118,20996,5301],{"class":4191},[4118,20998,20999,21002],{"class":4120,"line":16737},[4118,21000,21001],{"class":4403},"  deleteButtonText:",[4118,21003,5095],{"class":4191},[4118,21005,21006,21008,21010],{"class":4120,"line":16742},[4118,21007,16104],{"class":4403},[4118,21009,15880],{"class":4128},[4118,21011,4226],{"class":4191},[4118,21013,21014,21016,21018],{"class":4120,"line":16750},[4118,21015,16072],{"class":4403},[4118,21017,5401],{"class":5249},[4118,21019,4226],{"class":4191},[4118,21021,21022,21024,21027],{"class":4120,"line":16759},[4118,21023,16082],{"class":4403},[4118,21025,21026],{"class":4128}," 'bold'",[4118,21028,4226],{"class":4191},[4118,21030,21031],{"class":4120,"line":16768},[4118,21032,5301],{"class":4191},[4118,21034,21035,21038],{"class":4120,"line":16777},[4118,21036,21037],{"class":4403},"  addButton:",[4118,21039,5095],{"class":4191},[4118,21041,21042,21044,21046],{"class":4120,"line":16782},[4118,21043,8593],{"class":4403},[4118,21045,20889],{"class":5249},[4118,21047,4226],{"class":4191},[4118,21049,21050,21052,21054],{"class":4120,"line":16790},[4118,21051,8603],{"class":4403},[4118,21053,20889],{"class":5249},[4118,21055,4226],{"class":4191},[4118,21057,21058,21060,21062],{"class":4120,"line":16799},[4118,21059,5409],{"class":4403},[4118,21061,5401],{"class":5249},[4118,21063,4226],{"class":4191},[4118,21065,21066,21068,21070],{"class":4120,"line":16808},[4118,21067,15987],{"class":4403},[4118,21069,16096],{"class":5249},[4118,21071,4226],{"class":4191},[4118,21073,21074,21077,21080],{"class":4120,"line":16818},[4118,21075,21076],{"class":4403},"    borderStyle:",[4118,21078,21079],{"class":4128}," 'dashed'",[4118,21081,4226],{"class":4191},[4118,21083,21084,21086,21088],{"class":4120,"line":16823},[4118,21085,15996],{"class":4403},[4118,21087,8657],{"class":4128},[4118,21089,4226],{"class":4191},[4118,21091,21092,21094,21096],{"class":4120,"line":16831},[4118,21093,5376],{"class":4403},[4118,21095,16210],{"class":4128},[4118,21097,4226],{"class":4191},[4118,21099,21100,21102,21104],{"class":4120,"line":16840},[4118,21101,5258],{"class":4403},[4118,21103,5261],{"class":4128},[4118,21105,4226],{"class":4191},[4118,21107,21108,21110,21112],{"class":4120,"line":16849},[4118,21109,5269],{"class":4403},[4118,21111,5261],{"class":4128},[4118,21113,4226],{"class":4191},[4118,21115,21116],{"class":4120,"line":16858},[4118,21117,5301],{"class":4191},[4118,21119,21120,21123],{"class":4120,"line":16868},[4118,21121,21122],{"class":4403},"  plusIcon:",[4118,21124,5095],{"class":4191},[4118,21126,21127,21129,21131],{"class":4120,"line":16873},[4118,21128,16072],{"class":4403},[4118,21130,5390],{"class":5249},[4118,21132,4226],{"class":4191},[4118,21134,21135,21137,21139],{"class":4120,"line":16881},[4118,21136,16104],{"class":4403},[4118,21138,8719],{"class":4128},[4118,21140,4226],{"class":4191},[4118,21142,21143],{"class":4120,"line":16891},[4118,21144,5301],{"class":4191},[4118,21146,21147,21150],{"class":4120,"line":16900},[4118,21148,21149],{"class":4403},"  addLabel:",[4118,21151,5095],{"class":4191},[4118,21153,21154,21156,21158],{"class":4120,"line":16910},[4118,21155,16072],{"class":4403},[4118,21157,5401],{"class":5249},[4118,21159,4226],{"class":4191},[4118,21161,21162,21164,21166],{"class":4120,"line":16920},[4118,21163,16104],{"class":4403},[4118,21165,8719],{"class":4128},[4118,21167,4226],{"class":4191},[4118,21169,21170,21172,21174],{"class":4120,"line":16925},[4118,21171,16082],{"class":4403},[4118,21173,16410],{"class":4128},[4118,21175,4226],{"class":4191},[4118,21177,21179,21181,21183],{"class":4120,"line":21178},197,[4118,21180,18260],{"class":4403},[4118,21182,16096],{"class":5249},[4118,21184,4226],{"class":4191},[4118,21186,21188],{"class":4120,"line":21187},198,[4118,21189,5301],{"class":4191},[4118,21191,21193],{"class":4120,"line":21192},199,[4118,21194,5453],{"class":4191},[3823,21196],{},[3738,21198,21200],{"id":21199},"практика","Практика",[3830,21202,21204],{"id":21203},"рівень-1-базові-дозволи-та-picker","Рівень 1: Базові дозволи та Picker",[21206,21207,21208,21248],"accordion",{},[21209,21210,21212,21215],"accordion-item",{"label":21211},"Завдання 1.1 — Безпечний запуск камери з попередженням",[3743,21213,21214],{},"Створіть кнопку «Сфотографувати чек». При натисканні:",[3849,21216,21217,21220,21226,21236],{},[3750,21218,21219],{},"Перевіряється дозвіл камери.",[3750,21221,21222,21223,21225],{},"Якщо дозвіл ",[3787,21224,4042],{}," — запитується дозвіл.",[3750,21227,21222,21228,21230,21231,21233,21234,3912],{},[3787,21229,3990],{}," — показується ",[3787,21232,6411],{}," з текстом пояснення та кнопкою виклику ",[3787,21235,5461],{},[3750,21237,21222,21238,21240,21241,21244,21245,3912],{},[3787,21239,4055],{}," — відкривається камера з ",[3787,21242,21243],{},"allowsEditing: true"," і квадратними пропорціями ",[3787,21246,21247],{},"[1, 1]",[21209,21249,21251,21254],{"label":21250},"Завдання 1.2 — Інспектор параметрів вибору",[3743,21252,21253],{},"Створіть екран, де користувач обирає фото з галереї. Після вибору на екрані повинна відобразитися таблиця з метаданими обраного об'єкта:",[3747,21255,21256,21265,21270,21279],{},[3750,21257,21258,21259,21261,21262,21264],{},"Ширина (",[3787,21260,8450],{},") та висота (",[3787,21263,8464],{},") у пікселях.",[3750,21266,21267,21268,8513],{},"Обчислений розмір у кілобайтах\u002Fмегабайтах (",[3787,21269,8500],{},[3750,21271,21272,21273,7230,21276,8513],{},"MimeType (наприклад, ",[3787,21274,21275],{},"image\u002Fjpeg",[3787,21277,21278],{},"image\u002Fpng",[3750,21280,21281],{},"Повний локальний URI.",[3830,21283,21285],{"id":21284},"рівень-2-стиснення-та-файлова-система","Рівень 2: Стиснення та файлова система",[21206,21287,21288,21324],{},[21209,21289,21291,21294],{"label":21290},"Завдання 2.1 — Оптимізатор «До і Після»",[3743,21292,21293],{},"Створіть екран з інструментом порівняння стиснення:",[3849,21295,21296,21301,21304,21311,21317],{},[3750,21297,21298,21299,8513],{},"Користувач обирає оригінальне велике фото з галереї (",[3787,21300,10199],{},[3750,21302,21303],{},"Застосунок рахує його початковий розмір файлу.",[3750,21305,21306,21307,21310],{},"За допомогою ",[3787,21308,21309],{},"ImageManipulator"," фото стискається до ширини 800px та якості 0.7 JPEG.",[3750,21312,21313,21314,3912],{},"Програма зберігає стиснену копію в ",[3787,21315,21316],{},"FileSystem.cacheDirectory",[3750,21318,21319,21320,8513],{},"На екрані показуються обидва фото поряд з підписами розмірів (наприклад: ",[21321,21322,21323],"em",{},"Оригінал: 8.4 МБ → Стиснено: 180 КБ, економія 97%",[21209,21325,21327,21330],{"label":21326},"Завдання 2.2 — Ротатор та водяний знак",[3743,21328,21329],{},"Додайте до редактора фото дві кнопки маніпуляцій:",[3849,21331,21332,21341],{},[3750,21333,21334,21335,21337,21338,3912],{},"«Повернути на 90°» — викликає ",[3787,21336,8864],{}," з дією ",[3787,21339,21340],{},"{ rotate: 90 }",[3750,21342,21343,21344,21347],{},"«Віддзеркалити» — викликає дію ",[3787,21345,21346],{},"{ flip: ImageManipulator.FlipType.Horizontal }",".\nЗображення на екрані має оновлюватися після кожної дії без втрати попередніх змін.",[3830,21349,21351],{"id":21350},"рівень-3-комплексні-задачі","Рівень 3: Комплексні задачі",[21206,21353,21354],{},[21209,21355,21357,21360],{"label":21356},"Завдання 3.1 — Повний офлайн-архів документів",[3743,21358,21359],{},"Реалізуйте модуль «Сканер документів»:",[3849,21361,21362,21365,21371,21377],{},[3750,21363,21364],{},"Користувач фотографує документ або паспорт.",[3750,21366,21367,21368,3912],{},"Фото обрізається, конвертується в JPEG з якістю 85% та переміщується в постійну захищену теку ",[3787,21369,21370],{},"${FileSystem.documentDirectory}documents\u002F",[3750,21372,21373,21374,3912],{},"У SQLite базі даних або MMKV зберігається запис про документ: ",[3787,21375,21376],{},"{ id, title, localUri, createdAt, sizeBytes }",[3750,21378,21379,21380,21383,21384,8513],{},"Список документів відображається в ",[3787,21381,21382],{},"FlatList",". Користувач може відкрити документ на повний екран або видалити його (при видаленні файл фізично видаляється з диска через ",[3787,21385,21386],{},"FileSystem.deleteAsync",[3823,21388],{},[3738,21390,21392],{"id":21391},"резюме","Резюме",[3897,21394,21395,21412,21441,21458],{},[3900,21396,21399],{"icon":21397,"title":21398},"i-lucide-shield-alert","🛡️ Дозволи (Permissions)",[3747,21400,21401,21404,21409],{},[3750,21402,21403],{},"Доступ до камери та сховища вимагає явної згоди користувача.",[3750,21405,21406,21407,3912],{},"На iOS відмова фіксується назавжди — повторний доступ тільки через ",[3787,21408,5461],{},[3750,21410,21411],{},"Завжди запитуйте дозвіл ліниво (lazy) безпосередньо перед виконанням дії.",[3900,21413,21415],{"icon":12684,"title":21414},"📸 Image Picker",[3747,21416,21417,21422,21432],{},[3750,21418,21419,21421],{},[3787,21420,3789],{}," надає готовий нативний інтерфейс вибору фото або камери.",[3750,21423,21424,12674,21426,21428,21429,21431],{},[3787,21425,5801],{},[3787,21427,6802],{}," повертають тимчасові ",[3787,21430,10481],{}," URI.",[3750,21433,21434,12674,21437,21440],{},[3787,21435,21436],{},"allowsEditing",[3787,21438,21439],{},"aspect"," дозволяють обрізати фото перед поверненням у застосунок.",[3900,21442,21445],{"icon":21443,"title":21444},"i-lucide-minimize-2","⚡ Стиснення (ImageManipulator)",[3747,21446,21447,21450,21455],{},[3750,21448,21449],{},"Камери смартфонів створюють файли по 10–15 МБ; для аватара потрібно ~50–100 КБ.",[3750,21451,21452,21454],{},[3787,21453,8864],{}," виконує швидкий нативний ресайз, поворот та компресію JPEG.",[3750,21456,21457],{},"Ніколи не надсилайте сирі нестиснені оригінали фото на сервер.",[3900,21459,21462],{"icon":21460,"title":21461},"i-lucide-folder-archive","📁 Файлова система (FileSystem)",[3747,21463,21464,21472,21477],{},[3750,21465,21466,21467,3950,21469,21471],{},"URI з picker-а знаходяться в ",[3787,21468,10438],{},[3787,21470,10515],{}," і можуть бути очищені системою.",[3750,21473,21474,21475,3912],{},"Для тривалого збереження файлів копіюйте їх у ",[3787,21476,13271],{},[3750,21478,21479,21480,21483,21484,3912],{},"Додавайте cache-buster ",[3787,21481,21482],{},"?t=timestamp"," до URI при оновленні того самого файлу для компонента ",[3787,21485,21486],{},"\u003CImage \u002F>",[21488,21489,21490],"style",{},"html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}",{"title":4114,"searchDepth":4195,"depth":4195,"links":21492},[21493,21494,21502,21511,21520,21531,21537,21547,21553,21558],{"id":3740,"depth":4195,"text":3741},{"id":3827,"depth":4195,"text":3828,"children":21495},[21496,21497,21498,21499,21500,21501],{"id":3832,"depth":4205,"text":3833},{"id":3891,"depth":4205,"text":3892},{"id":3996,"depth":4205,"text":3997},{"id":4099,"depth":4205,"text":4100},{"id":4375,"depth":4205,"text":4376},{"id":5508,"depth":4205,"text":5509},{"id":5828,"depth":4195,"text":5829,"children":21503},[21504,21505,21507,21509,21510],{"id":5832,"depth":4205,"text":5833},{"id":5898,"depth":4205,"text":21506},"2.2. launchImageLibraryAsync — вибір з галереї",{"id":6798,"depth":4205,"text":21508},"2.3. launchCameraAsync — зйомка нового фото",{"id":7207,"depth":4205,"text":7208},{"id":8110,"depth":4205,"text":8111},{"id":8756,"depth":4195,"text":21512,"children":21513},"Стиснення зображень (expo-image-manipulator)",[21514,21515,21517,21518,21519],{"id":8762,"depth":4205,"text":8763},{"id":8856,"depth":4205,"text":21516},"3.2. Основи expo-image-manipulator",{"id":9061,"depth":4205,"text":9062},{"id":10214,"depth":4205,"text":10215},{"id":10323,"depth":4205,"text":10324},{"id":10455,"depth":4195,"text":10456,"children":21521},[21522,21523,21525,21526,21527,21529],{"id":10459,"depth":4205,"text":10460},{"id":10526,"depth":4205,"text":21524},"4.2. Директорії в expo-file-system",{"id":10631,"depth":4205,"text":10632},{"id":11075,"depth":4205,"text":11076},{"id":12040,"depth":4205,"text":21528},"4.5. Завантаження файлу на сервер через FormData",{"id":12420,"depth":4205,"text":21530},"4.6. Альтернатива: FileSystem.uploadAsync",{"id":12664,"depth":4195,"text":21532,"children":21533},"Робота з медіа-бібліотекою (expo-media-library)",[21534,21536],{"id":12670,"depth":4205,"text":21535},"5.1. Різниця між expo-image-picker та expo-media-library",{"id":12731,"depth":4205,"text":12732},{"id":13245,"depth":4195,"text":13246,"children":21538},[21539,21540,21541,21543,21545],{"id":13280,"depth":4205,"text":13281},{"id":13290,"depth":4205,"text":13291},{"id":13797,"depth":4205,"text":21542},"6.3. Кастомний хук useBadgePhoto",{"id":14875,"depth":4205,"text":21544},"6.4. Компонент бейджа BadgeCard.tsx",{"id":16930,"depth":4205,"text":21546},"6.5. Головний екран app\u002Findex.tsx",{"id":18689,"depth":4195,"text":21548,"children":21549},"Nomad: feat: attach photos from camera and library",[21550,21551],{"id":18709,"depth":4205,"text":18710},{"id":18871,"depth":4205,"text":21552},"7.2. Компонент галереї вкладень PlacePhotoGrid.tsx",{"id":21199,"depth":4195,"text":21200,"children":21554},[21555,21556,21557],{"id":21203,"depth":4205,"text":21204},{"id":21284,"depth":4205,"text":21285},{"id":21350,"depth":4205,"text":21351},{"id":21391,"depth":4195,"text":21392},"Дозволи (permissions), вибір зображень з бібліотеки або камери, стиснення фото та робота з локальними URI у React Native \u002F Expo","md",null,{},{"title":3468,"description":21559},"cJBAvKoycq7cf4stRr686NW_TmYPhva1Cvq1i0kdQpU",[21566,21568],{"title":3464,"path":3465,"stem":3466,"description":21567,"children":-1},"Як зберігати зміни без мережі, синхронізувати їх з сервером і показувати статус sync користувачу",{"title":3472,"path":3473,"stem":3474,"description":21569,"children":-1},"Робота з GPS-координатами, відображення мап через react-native-maps, маркери, кластеризація та обробка відмови дозволів у React Native \u002F Expo",1788069967635]