stream-chat-react-native-core 4.6.1 → 4.7.0-beta.1

package/lib/commonjs/components/ImageGallery/ImageGallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGallery.tsx"],"names":["isAndroid","Platform","OS","fullScreenHeight","Dimensions","get","height","measuredScreenHeight","screenWidth","halfScreenWidth","MARGIN","HasPinched","IsSwiping","ImageGallery","props","giphyVersion","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","numberOfImageGalleryGridColumns","overlayOpacity","theme","white_snow","colors","imageGallery","backgroundColor","pager","slide","gridPhotos","setGridPhotos","overlay","setOverlay","translucentStatusBar","image","images","setImage","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidScreenHeightAdjustment","screenHeight","halfScreenHeight","quarterScreenHeight","snapPoints","React","useMemo","bottomSheetModalRef","currentBottomSheetIndex","setCurrentBottomSheetIndex","animatedBottomSheetIndex","screenTranslateY","showScreen","value","duration","easing","Easing","out","ease","Keyboard","dismiss","currentImageHeight","setCurrentImageHeight","selectedIndex","setSelectedIndex","index","headerFooterVisible","hasHitBottomScale","hasHitTopScale","doubleTapRef","panRef","pinchRef","singleTapRef","offsetX","offsetY","translateX","translateY","offsetScale","scale","translationX","originX","originY","focalX","focalY","oldFocalX","oldFocalY","focalOffsetX","focalOffsetY","adjustedFocalX","adjustedFocalY","tapX","tapY","numberOfPinchFingers","isSwiping","isPinch","hasPinched","resetTouchValues","UNDETERMINED","resetMovementValues","photos","reduce","acc","cur","attachmentImages","attachments","filter","attachment","type","giphy","url","thumb_url","image_url","title_link","og_scrape_url","attachmentPhotos","map","a","imageUrl","channelId","cid","created_at","id","messageId","original_height","original_width","uri","width","user","user_id","photoLength","length","updatePosition","newIndex","findIndex","photo","uriForCurrentImage","imageHeight","Math","floor","Image","getSize","onPan","onActive","evt","numberOfPointers","TRUE","FALSE","translationY","maxXYRatio","abs","localEvtScale","onFinish","finalXPosition","velocityX","finalYPosition","velocityY","clamp","deceleration","velocity","onStart","onPinch","triggerHaptic","onSingleTap","onDoubleTap","absoluteX","absoluteY","translateYTopBottom","headerFooterOpacity","pagerStyle","transform","scaleX","containerBackground","opacity","showScreenStyle","closeGridView","current","close","openGridView","present","StyleSheet","absoluteFillObject","absoluteFill","undefined","styles","animatedContainer","i","marginRight","header","footer","gridHandle","grid","lowerBound","upperBound","min","max","create","alignItems","flexDirection","displayName"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAWA;;AASA;;AAaA;;AAIA;;AACA;;AAIA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;AAIA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;AAEA,IAAMA,SAAS,GAAGC,sBAASC,EAAT,KAAgB,SAAlC;;AACA,IAAMC,gBAAgB,GAAGC,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,MAAlD;;AACA,IAAMC,oBAAoB,GAAG,eAAG,GAAH,CAA7B;AACA,IAAMC,WAAW,GAAG,eAAG,GAAH,CAApB;AACA,IAAMC,eAAe,GAAG,eAAG,EAAH,CAAxB;AACA,IAAMC,MAAM,GAAG,EAAf;IAEYC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IAKAC,S;;;WAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,yBAAAA,S;;AA2DL,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAG1BC,KAH0B,EAIvB;AAAA;;AACH,4BAOIA,KAPJ,CACEC,YADF;AAAA,MACEA,YADF,oCACiB,cADjB;AAAA,MAEEC,4BAFF,GAOIF,KAPJ,CAEEE,4BAFF;AAAA,MAGEC,4BAHF,GAOIH,KAPJ,CAGEG,4BAHF;AAAA,MAIEC,0BAJF,GAOIJ,KAPJ,CAIEI,0BAJF;AAAA,MAKEC,+BALF,GAOIL,KAPJ,CAKEK,+BALF;AAAA,MAMEC,cANF,GAOIN,KAPJ,CAMEM,cANF;;AAQA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,YAHJ;AAAA,MAGoBC,eAHpB,yBAGoBA,eAHpB;AAAA,MAGqCC,KAHrC,yBAGqCA,KAHrC;AAAA,MAG4CC,KAH5C,yBAG4CA,KAH5C;;AAMA,kBAAoC,qBAAsC,EAAtC,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,2BAAsD,wCAAtD;AAAA,MAAQC,OAAR,sBAAQA,OAAR;AAAA,MAAiBC,UAAjB,sBAAiBA,UAAjB;AAAA,MAA6BC,oBAA7B,sBAA6BA,oBAA7B;;AACA,8BAAoC,kDAApC;AAAA,MAAQC,KAAR,yBAAQA,KAAR;AAAA,MAAeC,MAAf,yBAAeA,MAAf;AAAA,MAAuBC,QAAvB,yBAAuBA,QAAvB;;AAKA,MAAMC,eAAe,4BAAGC,uBAAUC,aAAb,oCAA8B,CAAnD;AACA,MAAMC,eAAe,GAAGpC,gBAAgB,GAAGI,oBAAnB,GAA0C6B,eAAlE;AACA,MAAMI,6BAA6B,GAAGR,oBAAoB,GACtDO,eAAe,KAAKH,eAApB,IAAuCG,eAAe,GAAG,CAAzD,GACE,CADF,GAEEH,eAHoD,GAItDG,eAAe,KAAKH,eAApB,IAAuCG,eAAe,GAAG,CAAzD,GACA,CAACH,eADD,GAEA,CANJ;AAOA,MAAMK,YAAY,GAAGzC,SAAS,GAC1BI,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,MAAzB,GAAkCkC,6BADR,GAE1B,eAAG,GAAH,CAFJ;AAGA,MAAME,gBAAgB,GAAGD,YAAY,GAAG,CAAxC;AACA,MAAME,mBAAmB,GAAGF,YAAY,GAAG,CAA3C;;AACA,MAAMG,UAAU,GAAGC,kBAAMC,OAAN,CAAc;AAAA,WAAM,CAAEL,YAAY,GAAG,CAAhB,GAAqB,EAAtB,CAAN;AAAA,GAAd,EAA+C,EAA/C,CAAnB;;AAKA,MAAMM,mBAAmB,GAAG,mBAAyB,IAAzB,CAA5B;;AAKA,mBAA8D,qBAAS,CAAT,CAA9D;AAAA;AAAA,MAAOC,uBAAP;AAAA,MAAgCC,0BAAhC;;AACA,MAAMC,wBAAwB,GAAG,2CAAe,CAAf,CAAjC;AAMA,MAAMC,gBAAgB,GAAG,2CAAeV,YAAf,CAAzB;;AACA,MAAMW,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB;;AACAD,IAAAA,gBAAgB,CAACE,KAAjB,GAAyB,uCAAW,CAAX,EAAc;AACrCC,MAAAA,QAAQ,EAAE,GAD2B;AAErCC,MAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAF6B,KAAd,CAAzB;AAID,GAND;;AAWA,wBAAU,YAAM;AACdC,0BAASC,OAAT;;AACAR,IAAAA,UAAU;AACX,GAHD,EAGG,EAHH;;AAQA,mBAAoD,qBAAiBX,YAAjB,CAApD;AAAA;AAAA,MAAOoB,kBAAP;AAAA,MAA2BC,qBAA3B;;AAMA,mBAA0C,qBAAS,CAAT,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,KAAK,GAAG,2CAAe,CAAf,CAAd;AAKA,MAAMC,mBAAmB,GAAG,2CAAe,CAAf,CAA5B;AAKA,MAAMC,iBAAiB,GAAG,2CAAe,CAAf,CAA1B;AACA,MAAMC,cAAc,GAAG,2CAAe,CAAf,CAAvB;AAKA,MAAMC,YAAY,GAAG,mBAA0B,IAA1B,CAArB;AACA,MAAMC,MAAM,GAAG,mBAA0B,IAA1B,CAAf;AACA,MAAMC,QAAQ,GAAG,mBAA4B,IAA5B,CAAjB;AACA,MAAMC,YAAY,GAAG,mBAA0B,IAA1B,CAArB;AAKA,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AACA,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AACA,MAAMC,UAAU,GAAG,2CAAe,CAAf,CAAnB;AACA,MAAMC,UAAU,GAAG,2CAAe,CAAf,CAAnB;AACA,MAAMC,WAAW,GAAG,2CAAe,CAAf,CAApB;AACA,MAAMC,KAAK,GAAG,2CAAe,CAAf,CAAd;AACA,MAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AAKA,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AACA,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AACA,MAAMC,MAAM,GAAG,2CAAe,CAAf,CAAf;AACA,MAAMC,MAAM,GAAG,2CAAe,CAAf,CAAf;AACA,MAAMC,SAAS,GAAG,2CAAe,CAAf,CAAlB;AACA,MAAMC,SAAS,GAAG,2CAAe,CAAf,CAAlB;AACA,MAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AACA,MAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AACA,MAAMC,cAAc,GAAG,2CAAe,CAAf,CAAvB;AACA,MAAMC,cAAc,GAAG,2CAAe,CAAf,CAAvB;AACA,MAAMC,IAAI,GAAG,2CAAe,CAAf,CAAb;AACA,MAAMC,IAAI,GAAG,2CAAe,CAAf,CAAb;AAKA,MAAMC,oBAAoB,GAAG,2CAAe,CAAf,CAA7B;AACA,MAAMC,SAAS,GAAG,2CAAe,CAAf,CAAlB;AACA,MAAMC,OAAO,GAAG,2CAAe,KAAf,CAAhB;AACA,MAAMC,UAAU,GAAG,2CAAe,CAAf,CAAnB;;AAKA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B;;AACAd,IAAAA,MAAM,CAAC7B,KAAP,GAAe,CAAf;AACA8B,IAAAA,MAAM,CAAC9B,KAAP,GAAe,CAAf;AACA+B,IAAAA,SAAS,CAAC/B,KAAV,GAAkB,CAAlB;AACAgC,IAAAA,SAAS,CAAChC,KAAV,GAAkB,CAAlB;AACA2B,IAAAA,OAAO,CAAC3B,KAAR,GAAgB,CAAhB;AACA4B,IAAAA,OAAO,CAAC5B,KAAR,GAAgB,CAAhB;AACAiC,IAAAA,YAAY,CAACjC,KAAb,GAAqB,CAArB;AACAkC,IAAAA,YAAY,CAAClC,KAAb,GAAqB,CAArB;AACAuC,IAAAA,oBAAoB,CAACvC,KAArB,GAA6B,CAA7B;AACAyC,IAAAA,OAAO,CAACzC,KAAR,GAAgB,KAAhB;AACAwC,IAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACqF,YAA5B;AACD,GAbD;;AAkBA,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC;;AACAvB,IAAAA,UAAU,CAACtB,KAAX,GAAmB,CAAnB;AACAuB,IAAAA,UAAU,CAACvB,KAAX,GAAmB,CAAnB;AACAyB,IAAAA,KAAK,CAACzB,KAAN,GAAc,CAAd;AACAwB,IAAAA,WAAW,CAACxB,KAAZ,GAAoB,CAApB;AACD,GAND;;AAaA,MAAM8C,MAAM,GAAGjE,MAAM,CAACkE,MAAP,CAAc,UAACC,GAAD,EAAmCC,GAAnC,EAA2C;AAAA;;AACtE,QAAMC,gBAAgB,GACpB,qBAAAD,GAAG,CAACE,WAAJ,sCAAiBC,MAAjB,CACE,UAACC,UAAD;AAAA;;AAAA,aACGA,UAAU,CAACC,IAAX,KAAoB,OAApB,KACE,sBAAAD,UAAU,CAACE,KAAX,gEAAmB7F,YAAnB,4CAAkC8F,GAAlC,KACCH,UAAU,CAACI,SADZ,IAECJ,UAAU,CAACK,SAHd,CAAD,IAICL,UAAU,CAACC,IAAX,KAAoB,OAApB,IACC,CAACD,UAAU,CAACM,UADb,IAEC,CAACN,UAAU,CAACO,aAFb,IAGC,sDAAwBP,UAAxB,CARJ;AAAA,KADF,MAUK,EAXP;AAaA,QAAMQ,gBAAgB,GAAGX,gBAAgB,CAACY,GAAjB,CAAqB,UAACC,CAAD,EAAO;AACnD,UAAMC,QAAQ,GAAG,sDAAwBD,CAAxB,CAAjB;AAEA,aAAO;AACLE,QAAAA,SAAS,EAAEhB,GAAG,CAACiB,GADV;AAELC,QAAAA,UAAU,EAAElB,GAAG,CAACkB,UAFX;AAGLC,QAAAA,EAAE,eAAanB,GAAG,CAACmB,EAAjB,SAAuBJ,QAHpB;AAILK,QAAAA,SAAS,EAAEpB,GAAG,CAACmB,EAJV;AAKLE,QAAAA,eAAe,EAAEP,CAAC,CAACO,eALd;AAMLC,QAAAA,cAAc,EAAER,CAAC,CAACQ,cANb;AAOLC,QAAAA,GAAG,EAAE,4CAAmB;AACtBvH,UAAAA,MAAM,EAAEmC,YADc;AAEtBoE,UAAAA,GAAG,EAAEQ,QAFiB;AAGtBS,UAAAA,KAAK,EAAEtH;AAHe,SAAnB,CAPA;AAYLuH,QAAAA,IAAI,EAAEzB,GAAG,CAACyB,IAZL;AAaLC,QAAAA,OAAO,EAAE1B,GAAG,CAAC0B;AAbR,OAAP;AAeD,KAlBwB,CAAzB;AAoBA,yDAAW3B,GAAX,uCAAmBa,gBAAnB;AACD,GAnCc,EAmCZ,EAnCY,CAAf;AA2CA,MAAMe,WAAW,GAAG9B,MAAM,CAAC+B,MAA3B;AAKA,wBAAU,YAAM;AACd,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,QAAD,EAAsB;AAC3C;;AAEA,UAAIA,QAAQ,GAAG,CAAC,CAAhB,EAAmB;AACjBnE,QAAAA,KAAK,CAACZ,KAAN,GAAc+E,QAAd;AACArD,QAAAA,YAAY,CAAC1B,KAAb,GAAqB,EAAE7C,WAAW,GAAGE,MAAhB,IAA0B0H,QAA/C;AACA,4CAAQpE,gBAAR,EAA0BoE,QAA1B;AACD;AACF,KARD;;AAUA,QAAMA,QAAQ,GAAGjC,MAAM,CAACkC,SAAP,CACf,UAACC,KAAD;AAAA,aAAWA,KAAK,CAACZ,SAAN,MAAoBzF,KAApB,oBAAoBA,KAAK,CAAEyF,SAA3B,KAAwCY,KAAK,CAACT,GAAN,MAAc5F,KAAd,oBAAcA,KAAK,CAAE4E,GAArB,CAAnD;AAAA,KADe,CAAjB;AAIA,wCAAQsB,cAAR,EAAwBC,QAAxB;AACD,GAhBD,EAgBG,CAACnG,KAAD,EAAQgG,WAAR,CAhBH;AAwBA,MAAMM,kBAAkB,4BAAGpC,MAAM,CAACpC,aAAD,CAAT,qBAAG,sBAAuB8D,GAAlD;AACA,wBAAU,YAAM;AACd/D,IAAAA,qBAAqB,CAACrB,YAAD,CAArB;AACA,QAAM6F,KAAK,GAAGnC,MAAM,CAAClC,KAAK,CAACZ,KAAP,CAApB;AACA,QAAM/C,MAAM,GAAGgI,KAAH,oBAAGA,KAAK,CAAEX,eAAtB;AACA,QAAMG,KAAK,GAAGQ,KAAH,oBAAGA,KAAK,CAAEV,cAArB;;AAEA,QAAItH,MAAM,IAAIwH,KAAd,EAAqB;AACnB,UAAMU,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWpI,MAAM,IAAIE,WAAW,GAAGsH,KAAlB,CAAjB,CAApB;AACAhE,MAAAA,qBAAqB,CAAC0E,WAAW,GAAG/F,YAAd,GAA6BA,YAA7B,GAA4C+F,WAA7C,CAArB;AACD,KAHD,MAGO,IAAIF,KAAJ,YAAIA,KAAK,CAAET,GAAX,EAAgB;AACrBc,yBAAMC,OAAN,CAAcN,KAAK,CAACT,GAApB,EAAyB,UAACC,KAAD,EAAQxH,MAAR,EAAmB;AAC1C,YAAMkI,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWpI,MAAM,IAAIE,WAAW,GAAGsH,KAAlB,CAAjB,CAApB;AACAhE,QAAAA,qBAAqB,CAAC0E,WAAW,GAAG/F,YAAd,GAA6BA,YAA7B,GAA4C+F,WAA7C,CAArB;AACD,OAHD;AAID;AACF,GAfD,EAeG,CAACD,kBAAD,CAfH;AAuBA,MAAMM,KAAK,GAAG,sDACZ;AACEC,IAAAA,QAAQ,EAAE,kBAACC,GAAD,EAAS;AACjB,UAAIA,GAAG,CAACC,gBAAJ,KAAyB,CAAzB,IAA8B,CAAClD,OAAO,CAACzC,KAA3C,EAAkD;AAMhD,YAAIrD,SAAS,IAAI+F,UAAU,CAAC1C,KAAX,KAAqB1C,UAAU,CAACsI,IAAjD,EAAuD;AACrDlD,UAAAA,UAAU,CAAC1C,KAAX,GAAmB1C,UAAU,CAACuI,KAA9B;AACArD,UAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACsI,KAA5B;AACAzE,UAAAA,OAAO,CAACpB,KAAR,GAAgBsB,UAAU,CAACtB,KAAX,GAAmB0F,GAAG,CAAChE,YAAvC;AACAL,UAAAA,OAAO,CAACrB,KAAR,GAAgBuB,UAAU,CAACvB,KAAX,GAAmB0F,GAAG,CAACI,YAAvC;AACD;;AAQD,YAAItD,SAAS,CAACxC,KAAV,KAAoBzC,SAAS,CAACqF,YAAlC,EAAgD;AAC9C,cAAMmD,UAAU,GAAGpJ,SAAS,GAAG,CAAH,GAAO,IAAnC;;AACA,cACEyI,IAAI,CAACY,GAAL,CAASN,GAAG,CAAChE,YAAJ,GAAmBgE,GAAG,CAACI,YAAhC,IAAgDC,UAAhD,KACCX,IAAI,CAACY,GAAL,CAAS,CAAC5I,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,IAAuCoB,OAAO,CAACpB,KAAxD,IAAiE,CAAjE,IACCoF,IAAI,CAACY,GAAL,CAAS5I,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAAf,GAAsCoB,OAAO,CAACpB,KAAvD,IAAgE,CAFlE,CADF,EAIE;AACAwC,YAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACqI,IAA5B;AACD;;AACD,cAAIR,IAAI,CAACY,GAAL,CAASN,GAAG,CAACI,YAAb,IAA6B,EAAjC,EAAqC;AACnCtD,YAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACsI,KAA5B;AACD;AACF;;AAKD,YAAMI,aAAa,GAAGxE,KAAK,CAACzB,KAAN,GAAcwB,WAAW,CAACxB,KAAhD;AASAsB,QAAAA,UAAU,CAACtB,KAAX,GACEyB,KAAK,CAACzB,KAAN,KAAgBwB,WAAW,CAACxB,KAA5B,GACIoB,OAAO,CAACpB,KAAR,GAAgBiG,aAAhB,GAAgCP,GAAG,CAAChE,YADxC,GAEIN,OAAO,CAACpB,KAAR,GAAgB0F,GAAG,CAAChE,YAH1B;AAIAH,QAAAA,UAAU,CAACvB,KAAX,GACEwC,SAAS,CAACxC,KAAV,KAAoBzC,SAAS,CAACqI,IAA9B,GACInE,KAAK,CAACzB,KAAN,KAAgBwB,WAAW,CAACxB,KAA5B,GACEqB,OAAO,CAACrB,KAAR,GAAgBiG,aAAhB,GAAgCP,GAAG,CAACI,YADtC,GAEEzE,OAAO,CAACrB,KAAR,GAAgB0F,GAAG,CAACI,YAH1B,GAIIvE,UAAU,CAACvB,KALjB;AAWAyB,QAAAA,KAAK,CAACzB,KAAN,GACEQ,kBAAkB,GAAGgB,WAAW,CAACxB,KAAjC,GAAyCZ,YAAzC,IAAyDmC,UAAU,CAACvB,KAAX,GAAmB,CAA5E,GACIwB,WAAW,CAACxB,KAAZ,IAAqB,IAAK,IAAI,CAAL,IAAWuB,UAAU,CAACvB,KAAX,GAAmBZ,YAA9B,CAAzB,CADJ,GAEIoB,kBAAkB,GAAGgB,WAAW,CAACxB,KAAjC,GAAyCZ,YAAzC,IACAmC,UAAU,CAACvB,KAAX,GAAoBQ,kBAAkB,GAAG,CAAtB,GAA2BgB,WAAW,CAACxB,KAAvC,GAA+CX,gBADlE,GAEAmC,WAAW,CAACxB,KAAZ,IACC,IACE,IAAI,CAAL,IACG,CAACuB,UAAU,CAACvB,KAAX,IACEQ,kBAAkB,GAAG,CAAtB,GAA2BgB,WAAW,CAACxB,KAAvC,GAA+CX,gBADhD,CAAD,IAECD,YAHJ,CAFF,CAFA,GAQAqC,KAAK,CAACzB,KAXZ;AAaAjC,QAAAA,cAAc,CAACiC,KAAf,GAAuBiG,aAAvB;AACD;AACF,KA7EH;AA8EEC,IAAAA,QAAQ,EAAE,kBAACR,GAAD,EAAS;AACjB,UAAI,CAACjD,OAAO,CAACzC,KAAT,IAAkB0F,GAAG,CAACC,gBAAJ,GAAuB,CAA7C,EAAgD;AAM9C,YAAMQ,cAAc,GAAGT,GAAG,CAAChE,YAAJ,GAAmBgE,GAAG,CAACU,SAAJ,GAAgB,GAA1D;AACA,YAAMC,cAAc,GAAGX,GAAG,CAACI,YAAJ,GAAmBJ,GAAG,CAACY,SAAJ,GAAgB,GAA1D;;AAOA,YACE1F,KAAK,CAACZ,KAAN,GAAc4E,WAAW,GAAG,CAA5B,IACAQ,IAAI,CAACY,GAAL,CAAS5I,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAAf,GAAsCoB,OAAO,CAACpB,KAAvD,IAAgE,CADhE,IAEAsB,UAAU,CAACtB,KAAX,GAAmB,CAFnB,IAGAmG,cAAc,GAAG,CAAC/I,eAHlB,IAIAoF,SAAS,CAACxC,KAAV,KAAoBzC,SAAS,CAACqI,IALhC,EAME;AACA,sDAAgBlE,YAAhB;AACAA,UAAAA,YAAY,CAAC1B,KAAb,GAAqB,uCACnB,EAAE7C,WAAW,GAAGE,MAAhB,KAA2BuD,KAAK,CAACZ,KAAN,GAAc,CAAzC,CADmB,EAEnB;AACEC,YAAAA,QAAQ,EAAE,GADZ;AAEEC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFV,WAFmB,EAMnB,YAAM;AACJwC,YAAAA,mBAAmB;AACnBjC,YAAAA,KAAK,CAACZ,KAAN,GAAcY,KAAK,CAACZ,KAAN,GAAc,CAA5B;AACA,gDAAQW,gBAAR,EAA0BC,KAAK,CAACZ,KAAhC;AACD,WAVkB,CAArB;AAkBD,SA1BD,MA0BO,IACLY,KAAK,CAACZ,KAAN,GAAc,CAAd,IACAoF,IAAI,CAACY,GAAL,CAAS,CAAC5I,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,IAAuCoB,OAAO,CAACpB,KAAxD,IAAiE,CADjE,IAEAsB,UAAU,CAACtB,KAAX,GAAmB,CAFnB,IAGAmG,cAAc,GAAG/I,eAHjB,IAIAoF,SAAS,CAACxC,KAAV,KAAoBzC,SAAS,CAACqI,IALzB,EAML;AACA,sDAAgBlE,YAAhB;AACAA,UAAAA,YAAY,CAAC1B,KAAb,GAAqB,uCACnB,EAAE7C,WAAW,GAAGE,MAAhB,KAA2BuD,KAAK,CAACZ,KAAN,GAAc,CAAzC,CADmB,EAEnB;AACEC,YAAAA,QAAQ,EAAE,GADZ;AAEEC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFV,WAFmB,EAMnB,YAAM;AACJwC,YAAAA,mBAAmB;AACnBjC,YAAAA,KAAK,CAACZ,KAAN,GAAcY,KAAK,CAACZ,KAAN,GAAc,CAA5B;AACA,gDAAQW,gBAAR,EAA0BC,KAAK,CAACZ,KAAhC;AACD,WAVkB,CAArB;AAYD;;AASDsB,QAAAA,UAAU,CAACtB,KAAX,GACEyB,KAAK,CAACzB,KAAN,GAAc,CAAd,GACI,uCAAW,CAAX,CADJ,GAEIsB,UAAU,CAACtB,KAAX,GAAmB5C,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAAlC,GACA,uCAAW5C,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAA1B,EAAgD;AAC9CC,UAAAA,QAAQ,EAAE;AADoC,SAAhD,CADA,GAIAqB,UAAU,CAACtB,KAAX,GAAmB,CAAC5C,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,CAAnB,GACA,uCAAW,CAAC5C,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,CAAX,EAAiD;AAC/CC,UAAAA,QAAQ,EAAE;AADqC,SAAjD,CADA,GAIA,sCAAU;AACRsG,UAAAA,KAAK,EAAE,CACL,CAACnJ,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,CADK,EAEL5C,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAFV,CADC;AAKRwG,UAAAA,YAAY,EAAE,IALN;AAMRC,UAAAA,QAAQ,EAAE,CAACf,GAAG,CAACU;AANP,SAAV,CAXN;AA2BA7E,QAAAA,UAAU,CAACvB,KAAX,GACEQ,kBAAkB,GAAGiB,KAAK,CAACzB,KAA3B,GAAmCZ,YAAnC,GACI,uCAAW,CAAX,CADJ,GAEImC,UAAU,CAACvB,KAAX,GAAoBQ,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAA5D,GACA,uCAAYmB,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAApD,CADA,GAEAkC,UAAU,CAACvB,KAAX,GAAoB,CAACQ,kBAAD,GAAsB,CAAvB,GAA4BiB,KAAK,CAACzB,KAAlC,GAA0CX,gBAA7D,GACA,uCAAY,CAACmB,kBAAD,GAAsB,CAAvB,GAA4BiB,KAAK,CAACzB,KAAlC,GAA0CX,gBAArD,CADA,GAEA,sCAAU;AACRkH,UAAAA,KAAK,EAAE,CACJ,CAAC/F,kBAAD,GAAsB,CAAvB,GAA4BiB,KAAK,CAACzB,KAAlC,GAA0CX,gBADrC,EAEJmB,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAFpC,CADC;AAKRmH,UAAAA,YAAY,EAAE,IALN;AAMRC,UAAAA,QAAQ,EAAEf,GAAG,CAACY;AANN,SAAV,CAPN;AAgBA3D,QAAAA,gBAAgB;AAMhBlB,QAAAA,KAAK,CAACzB,KAAN,GACEyB,KAAK,CAACzB,KAAN,KAAgBwB,WAAW,CAACxB,KAA5B,GAAoC,uCAAWwB,WAAW,CAACxB,KAAvB,CAApC,GAAoEwB,WAAW,CAACxB,KADlF;;AASA,YACEqG,cAAc,GAAGhH,gBAAjB,IACAgC,OAAO,CAACrB,KAAR,GAAgB,CAAhB,IAAsBQ,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAD9D,IAEAmD,SAAS,CAACxC,KAAV,KAAoBzC,SAAS,CAACqI,IAF9B,IAGArE,UAAU,CAACvB,KAAX,KAAqB,CAHrB,IAIA,EACEoF,IAAI,CAACY,GAAL,CAAS5I,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAAf,GAAsCoB,OAAO,CAACpB,KAAvD,IAAgE,CAAhE,IACAsB,UAAU,CAACtB,KAAX,GAAmB,CADnB,IAEAmG,cAAc,GAAG,CAAC/I,eAHpB,CAJA,IASA,EACEgI,IAAI,CAACY,GAAL,CAAS,CAAC5I,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,IAAuCoB,OAAO,CAACpB,KAAxD,IAAiE,CAAjE,IACAsB,UAAU,CAACtB,KAAX,GAAmB,CADnB,IAEAmG,cAAc,GAAG/I,eAHnB,CAVF,EAeE;AACA,sDAAgBkE,UAAhB;AACA,sDAAgBC,UAAhB;AACA,sDAAgBE,KAAhB;AACA1D,UAAAA,cAAc,CAACiC,KAAf,GAAuB,uCACrB,CADqB,EAErB;AACEC,YAAAA,QAAQ,EAAE,GADZ;AAEEC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFV,WAFqB,EAMrB,YAAM;AACJ,gDAAQ3B,UAAR,EAAoB,MAApB;AACD,WARoB,CAAvB;AAUA+C,UAAAA,KAAK,CAACzB,KAAN,GAAc,uCAAW,GAAX,EAAgB;AAC5BC,YAAAA,QAAQ,EAAE,GADkB;AAE5BC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFoB,WAAhB,CAAd;AAIAkB,UAAAA,UAAU,CAACvB,KAAX,GACE0F,GAAG,CAACY,SAAJ,GAAgB,IAAhB,GACI,sCAAU;AACRG,YAAAA,QAAQ,EAAEf,GAAG,CAACY;AADN,WAAV,CADJ,GAII,uCAAWjH,gBAAgB,GAAImB,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAA/D,EAAsE;AACpEC,YAAAA,QAAQ,EAAE,GAD0D;AAEpEC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAF4D,WAAtE,CALN;AASAiB,UAAAA,UAAU,CAACtB,KAAX,GAAmB,sCAAU;AAC3ByG,YAAAA,QAAQ,EAAE,CAACf,GAAG,CAACU;AADY,WAAV,CAAnB;AAGD;AACF;AACF,KA7PH;AA+PEM,IAAAA,OAAO,EAAE,mBAAM;AACb,UAAI,CAACjE,OAAO,CAACzC,KAAb,EAAoB;AAKlB,oDAAgBsB,UAAhB;AACA,oDAAgBC,UAAhB;AACA,oDAAgBE,KAAhB;AACAL,QAAAA,OAAO,CAACpB,KAAR,GAAgBsB,UAAU,CAACtB,KAA3B;AACAqB,QAAAA,OAAO,CAACrB,KAAR,GAAgBuB,UAAU,CAACvB,KAA3B;AACD;;AAKD0C,MAAAA,UAAU,CAAC1C,KAAX,GAAmB1C,UAAU,CAACuI,KAA9B;AACD;AAhRH,GADY,EAmRZ,CAACrF,kBAAD,EAAqBoE,WAArB,CAnRY,CAAd;AA2RA,MAAM+B,OAAO,GAAG,sDACd;AACElB,IAAAA,QAAQ,EAAE,kBAACC,GAAD,EAAS;AAMjB,UAAI,CAACjD,OAAO,CAACzC,KAAT,IAAkBrD,SAAtB,EAAiC;AAK/B+F,QAAAA,UAAU,CAAC1C,KAAX,GAAmB1C,UAAU,CAACsI,IAA9B;AAMA,oDAAgBtE,UAAhB;AACA,oDAAgBC,UAAhB;AACA,oDAAgBE,KAAhB;AAKAe,QAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACqF,YAA5B;AAKAL,QAAAA,oBAAoB,CAACvC,KAArB,GAA6B0F,GAAG,CAACC,gBAAjC;AACAvE,QAAAA,OAAO,CAACpB,KAAR,GAAgBsB,UAAU,CAACtB,KAA3B;AACAqB,QAAAA,OAAO,CAACrB,KAAR,GAAgBuB,UAAU,CAACvB,KAA3B;AACAmC,QAAAA,cAAc,CAACnC,KAAf,GAAuB0F,GAAG,CAAC7D,MAAJ,IAAczE,eAAe,GAAGgE,OAAO,CAACpB,KAAxC,CAAvB;AACAoC,QAAAA,cAAc,CAACpC,KAAf,GAAuB0F,GAAG,CAAC5D,MAAJ,IAAczC,gBAAgB,GAAGgC,OAAO,CAACrB,KAAzC,CAAvB;AACA2B,QAAAA,OAAO,CAAC3B,KAAR,GAAgBmC,cAAc,CAACnC,KAA/B;AACA4B,QAAAA,OAAO,CAAC5B,KAAR,GAAgBoC,cAAc,CAACpC,KAA/B;AACAwB,QAAAA,WAAW,CAACxB,KAAZ,GAAoByB,KAAK,CAACzB,KAA1B;AACD;;AAMDyC,MAAAA,OAAO,CAACzC,KAAR,GAAgB,IAAhB;AASAyB,MAAAA,KAAK,CAACzB,KAAN,GAAcuG,KAAK,CAAC/E,WAAW,CAACxB,KAAZ,GAAoB0F,GAAG,CAACjE,KAAzB,EAAgC,CAAhC,EAAmC,CAAnC,CAAnB;AACA,UAAMwE,aAAa,GAAGxE,KAAK,CAACzB,KAAN,GAAcwB,WAAW,CAACxB,KAAhD;;AAMA,UAAIyB,KAAK,CAACzB,KAAN,KAAgB,CAAhB,IAAqByB,KAAK,CAACzB,KAAN,KAAgB,CAAzC,EAA4C;AAC1Ce,QAAAA,cAAc,CAACf,KAAf,GAAuB,CAAvB;AACAc,QAAAA,iBAAiB,CAACd,KAAlB,GAA0B,CAA1B;AACD,OAHD,MAGO,IAAIyB,KAAK,CAACzB,KAAN,KAAgB,CAAhB,IAAqBe,cAAc,CAACf,KAAf,KAAyB,CAAlD,EAAqD;AAC1De,QAAAA,cAAc,CAACf,KAAf,GAAuB,CAAvB;AACA,4CAAQ4G,qBAAR,EAAuB,aAAvB;AACD,OAHM,MAGA,IAAInF,KAAK,CAACzB,KAAN,KAAgB,CAAhB,IAAqBc,iBAAiB,CAACd,KAAlB,KAA4B,CAArD,EAAwD;AAC7Dc,QAAAA,iBAAiB,CAACd,KAAlB,GAA0B,CAA1B;AACA,4CAAQ4G,qBAAR,EAAuB,aAAvB;AACD;;AAMDzE,MAAAA,cAAc,CAACnC,KAAf,GAAuB0F,GAAG,CAAC7D,MAAJ,IAAczE,eAAe,GAAGgE,OAAO,CAACpB,KAAxC,CAAvB;AACAoC,MAAAA,cAAc,CAACpC,KAAf,GAAuB0F,GAAG,CAAC5D,MAAJ,IAAczC,gBAAgB,GAAGgC,OAAO,CAACrB,KAAzC,CAAvB;;AAaA,UAAIuC,oBAAoB,CAACvC,KAArB,KAA+B0F,GAAG,CAACC,gBAAvC,EAAyD;AACvDpD,QAAAA,oBAAoB,CAACvC,KAArB,GAA6B0F,GAAG,CAACC,gBAAjC;;AACA,YAAID,GAAG,CAACC,gBAAJ,KAAyB,CAA7B,EAAgC;AAC9B1D,UAAAA,YAAY,CAACjC,KAAb,GAAqB+B,SAAS,CAAC/B,KAAV,GAAkBmC,cAAc,CAACnC,KAAtD;AACAkC,UAAAA,YAAY,CAAClC,KAAb,GAAqBgC,SAAS,CAAChC,KAAV,GAAkBoC,cAAc,CAACpC,KAAtD;AACD,SAHD,MAGO,IAAIuC,oBAAoB,CAACvC,KAArB,GAA6B,CAAjC,EAAoC;AACzC2B,UAAAA,OAAO,CAAC3B,KAAR,GACE2B,OAAO,CAAC3B,KAAR,IACC+B,SAAS,CAAC/B,KAAV,GAAkBiG,aAAlB,GAAkC9D,cAAc,CAACnC,KAAf,GAAuBiG,aAD1D,CADF;AAGArE,UAAAA,OAAO,CAAC5B,KAAR,GACE4B,OAAO,CAAC5B,KAAR,IACCgC,SAAS,CAAChC,KAAV,GAAkBiG,aAAlB,GAAkC7D,cAAc,CAACpC,KAAf,GAAuBiG,aAD1D,CADF;AAGD;AACF;;AAQD,UAAI1D,oBAAoB,CAACvC,KAArB,KAA+B,CAAnC,EAAsC;AACpC+B,QAAAA,SAAS,CAAC/B,KAAV,GAAkBmC,cAAc,CAACnC,KAAf,GAAuBiC,YAAY,CAACjC,KAAtD;AACAgC,QAAAA,SAAS,CAAChC,KAAV,GAAkBoC,cAAc,CAACpC,KAAf,GAAuBkC,YAAY,CAAClC,KAAtD;AACAsB,QAAAA,UAAU,CAACtB,KAAX,GAAmBoB,OAAO,CAACpB,KAAR,GAAgB+B,SAAS,CAAC/B,KAA1B,GAAkCiG,aAAa,GAAGtE,OAAO,CAAC3B,KAA7E;AACAuB,QAAAA,UAAU,CAACvB,KAAX,GAAmBqB,OAAO,CAACrB,KAAR,GAAgBgC,SAAS,CAAChC,KAA1B,GAAkCiG,aAAa,GAAGrE,OAAO,CAAC5B,KAA7E;AAOD,OAXD,MAWO,IAAIuC,oBAAoB,CAACvC,KAArB,GAA6B,CAAjC,EAAoC;AACzC+B,QAAAA,SAAS,CAAC/B,KAAV,GAAkBmC,cAAc,CAACnC,KAAjC;AACAgC,QAAAA,SAAS,CAAChC,KAAV,GAAkBoC,cAAc,CAACpC,KAAjC;AACAsB,QAAAA,UAAU,CAACtB,KAAX,GAAmBoB,OAAO,CAACpB,KAAR,GAAgBmC,cAAc,CAACnC,KAA/B,GAAuCiG,aAAa,GAAGtE,OAAO,CAAC3B,KAAlF;AACAuB,QAAAA,UAAU,CAACvB,KAAX,GAAmBqB,OAAO,CAACrB,KAAR,GAAgBoC,cAAc,CAACpC,KAA/B,GAAuCiG,aAAa,GAAGrE,OAAO,CAAC5B,KAAlF;AACD;AACF,KA/HH;AAgIEkG,IAAAA,QAAQ,EAAE,oBAAM;AACd,UAAIzD,OAAO,CAACzC,KAAZ,EAAmB;AAOjBsB,QAAAA,UAAU,CAACtB,KAAX,GACEyB,KAAK,CAACzB,KAAN,GAAc,CAAd,GACI,uCAAW,CAAX,CADJ,GAEIsB,UAAU,CAACtB,KAAX,GAAmB5C,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAAlC,GACA,uCAAW5C,eAAe,IAAIqE,KAAK,CAACzB,KAAN,GAAc,CAAlB,CAA1B,CADA,GAEAsB,UAAU,CAACtB,KAAX,GAAmB,CAAC5C,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,CAAnB,GACA,uCAAW,CAAC5C,eAAD,IAAoBqE,KAAK,CAACzB,KAAN,GAAc,CAAlC,CAAX,CADA,GAEAsB,UAAU,CAACtB,KAPjB;AAeAuB,QAAAA,UAAU,CAACvB,KAAX,GACEQ,kBAAkB,GAAGiB,KAAK,CAACzB,KAA3B,GAAmCZ,YAAnC,GACI,uCAAW,CAAX,CADJ,GAEImC,UAAU,CAACvB,KAAX,GAAoBQ,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCZ,YAAY,GAAG,CAA3E,GACA,uCAAYoB,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCZ,YAAY,GAAG,CAAnE,CADA,GAEAmC,UAAU,CAACvB,KAAX,GAAoB,CAACQ,kBAAD,GAAsB,CAAvB,GAA4BiB,KAAK,CAACzB,KAAlC,GAA0CZ,YAAY,GAAG,CAA5E,GACA,uCAAY,CAACoB,kBAAD,GAAsB,CAAvB,GAA4BiB,KAAK,CAACzB,KAAlC,GAA0CZ,YAAY,GAAG,CAApE,CADA,GAEAmC,UAAU,CAACvB,KAPjB;AAaAwB,QAAAA,WAAW,CAACxB,KAAZ,GAAoByB,KAAK,CAACzB,KAAN,GAAc,CAAd,GAAkB,CAAlB,GAAsByB,KAAK,CAACzB,KAAhD;AACAyB,QAAAA,KAAK,CAACzB,KAAN,GAAcyB,KAAK,CAACzB,KAAN,GAAc,CAAd,GAAkB,uCAAW,CAAX,CAAlB,GAAkCyB,KAAK,CAACzB,KAAtD;AACA2C,QAAAA,gBAAgB;AACjB;AACF,KAxKH;AAyKE+D,IAAAA,OAAO,EAAE,iBAAChB,GAAD,EAAS;AAMhB,UAAI,CAAC/I,SAAL,EAAgB;AAKd,oDAAgB2E,UAAhB;AACA,oDAAgBC,UAAhB;AACA,oDAAgBE,KAAhB;AAKAgB,QAAAA,OAAO,CAACzC,KAAR,GAAgB,IAAhB;AAKAwC,QAAAA,SAAS,CAACxC,KAAV,GAAkBzC,SAAS,CAACqF,YAA5B;AAKAL,QAAAA,oBAAoB,CAACvC,KAArB,GAA6B0F,GAAG,CAACC,gBAAjC;AACAvE,QAAAA,OAAO,CAACpB,KAAR,GAAgBsB,UAAU,CAACtB,KAA3B;AACAqB,QAAAA,OAAO,CAACrB,KAAR,GAAgBuB,UAAU,CAACvB,KAA3B;AACAmC,QAAAA,cAAc,CAACnC,KAAf,GAAuB0F,GAAG,CAAC7D,MAAJ,IAAczE,eAAe,GAAGgE,OAAO,CAACpB,KAAxC,CAAvB;AACAoC,QAAAA,cAAc,CAACpC,KAAf,GAAuB0F,GAAG,CAAC5D,MAAJ,IAAczC,gBAAgB,GAAGgC,OAAO,CAACrB,KAAzC,CAAvB;AACA2B,QAAAA,OAAO,CAAC3B,KAAR,GAAgBmC,cAAc,CAACnC,KAA/B;AACA4B,QAAAA,OAAO,CAAC5B,KAAR,GAAgBoC,cAAc,CAACpC,KAA/B;AACAwB,QAAAA,WAAW,CAACxB,KAAZ,GAAoByB,KAAK,CAACzB,KAA1B;AACD;;AAKD0C,MAAAA,UAAU,CAAC1C,KAAX,GAAmB1C,UAAU,CAACuI,KAA9B;AACD;AAnNH,GADc,EAsNd,CAACrF,kBAAD,CAtNc,CAAhB;AA4NA,MAAMqG,WAAW,GAAG,sDAAyD;AAC3EpB,IAAAA,QAAQ,EAAE,oBAAM;AACd,kDAAgB5E,mBAAhB;AACAA,MAAAA,mBAAmB,CAACb,KAApB,GAA4Ba,mBAAmB,CAACb,KAApB,GAA4B,CAA5B,GAAgC,uCAAW,CAAX,CAAhC,GAAgD,uCAAW,CAAX,CAA5E;AACD;AAJ0E,GAAzD,CAApB;AAUA,MAAM8G,WAAW,GAAG,sDAAyD;AAC3ErB,IAAAA,QAAQ,EAAE,kBAACC,GAAD,EAAS;AACjB,UAAIN,IAAI,CAACY,GAAL,CAAS3D,IAAI,CAACrC,KAAL,GAAa0F,GAAG,CAACqB,SAA1B,IAAuC,EAAvC,IAA6C3B,IAAI,CAACY,GAAL,CAAS1D,IAAI,CAACtC,KAAL,GAAa0F,GAAG,CAACsB,SAA1B,IAAuC,EAAxF,EAA4F;AAC1F,YAAIxF,WAAW,CAACxB,KAAZ,KAAsB,CAAtB,IAA2BoB,OAAO,CAACpB,KAAR,KAAkB,CAA7C,IAAkDqB,OAAO,CAACrB,KAAR,KAAkB,CAAxE,EAA2E;AACzEwB,UAAAA,WAAW,CAACxB,KAAZ,GAAoB,CAApB;AACAyB,UAAAA,KAAK,CAACzB,KAAN,GAAc,uCAAW,CAAX,EAAc;AAC1BC,YAAAA,QAAQ,EAAE,GADgB;AAE1BC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFkB,WAAd,CAAd;AAIAiB,UAAAA,UAAU,CAACtB,KAAX,GAAmB,uCAAW0F,GAAG,CAACqB,SAAJ,GAAgB3J,eAA3B,EAA4C;AAC7D6C,YAAAA,QAAQ,EAAE,GADmD;AAE7DC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFqD,WAA5C,CAAnB;;AAIA,cAAIG,kBAAkB,GAAG,CAArB,GAAyBpB,YAA7B,EAA2C;AACzC,gBAAM6H,mBAAmB,GACvBvB,GAAG,CAACsB,SAAJ,GAAgB3H,gBAAhB,GACI,EAAEmB,kBAAkB,GAAG,CAArB,GAAyBpB,YAA3B,IAA2C,CAD/C,GAEI,CAACoB,kBAAkB,GAAG,CAArB,GAAyBpB,YAA1B,IAA0C,CAHhD;AAIAmC,YAAAA,UAAU,CAACvB,KAAX,GAAmB,uCAAWiH,mBAAX,EAAgC;AACjDhH,cAAAA,QAAQ,EAAE,GADuC;AAEjDC,cAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFyC,aAAhC,CAAnB;AAID;AACF,SApBD,MAoBO;AACLmB,UAAAA,WAAW,CAACxB,KAAZ,GAAoB,CAApB;AACAyB,UAAAA,KAAK,CAACzB,KAAN,GAAc,uCAAW,CAAX,EAAc;AAC1BC,YAAAA,QAAQ,EAAE,GADgB;AAE1BC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFkB,WAAd,CAAd;AAIAe,UAAAA,OAAO,CAACpB,KAAR,GAAgB,CAAhB;AACAqB,UAAAA,OAAO,CAACrB,KAAR,GAAgB,CAAhB;AACAsB,UAAAA,UAAU,CAACtB,KAAX,GAAmB,uCAAW,CAAX,EAAc;AAC/BC,YAAAA,QAAQ,EAAE,GADqB;AAE/BC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFuB,WAAd,CAAnB;AAIAkB,UAAAA,UAAU,CAACvB,KAAX,GAAmB,uCAAW,CAAX,EAAc;AAC/BC,YAAAA,QAAQ,EAAE,GADqB;AAE/BC,YAAAA,MAAM,EAAEC,8BAAOC,GAAP,CAAWD,8BAAOE,IAAlB;AAFuB,WAAd,CAAnB;;AAIA,cAAIQ,mBAAmB,CAACb,KAApB,KAA8B,CAAlC,EAAqC;AACnC,wDAAgBa,mBAAhB;AACAA,YAAAA,mBAAmB,CAACb,KAApB,GAA4B,uCAAW,CAAX,CAA5B;AACD;AACF;AACF;AACF,KA7C0E;AA8C3E0G,IAAAA,OAAO,EAAE,iBAAChB,GAAD,EAAS;AAChBrD,MAAAA,IAAI,CAACrC,KAAL,GAAa0F,GAAG,CAACqB,SAAjB;AACAzE,MAAAA,IAAI,CAACtC,KAAL,GAAa0F,GAAG,CAACsB,SAAjB;AACD;AAjD0E,GAAzD,CAApB;AAwDA,MAAME,mBAAmB,GAAG,4CAC1B;AAAA,WACE1G,kBAAkB,GAAGiB,KAAK,CAACzB,KAA3B,GAAmCZ,YAAnC,IAAmDmC,UAAU,CAACvB,KAAX,GAAmB,CAAtE,GACI,IAAIuB,UAAU,CAACvB,KAAX,GAAmBV,mBAD3B,GAEIkB,kBAAkB,GAAGiB,KAAK,CAACzB,KAA3B,GAAmCZ,YAAnC,IACAmC,UAAU,CAACvB,KAAX,GAAoBQ,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAD5D,GAEA,IACA,CAACkC,UAAU,CAACvB,KAAX,IAAqBQ,kBAAkB,GAAG,CAAtB,GAA2BiB,KAAK,CAACzB,KAAjC,GAAyCX,gBAA7D,CAAD,IACEC,mBAJF,GAKA,CARN;AAAA,GAD0B,EAU1B,CAACkB,kBAAD,CAV0B,CAA5B;AAgBA,MAAM2G,UAAU,GAAG,6CACjB;AAAA,WAAO;AACLC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAX,OADS,EAET;AACE/F,QAAAA,UAAU,EAAEI,YAAY,CAAC1B;AAD3B,OAFS;AADN,KAAP;AAAA,GADiB,EASjB,EATiB,CAAnB;AAeA,MAAMsH,mBAAmB,GAAG,6CAC1B;AAAA,WAAO;AACLlJ,MAAAA,eAAe,EAAEA,eAAe,IAAIH,UAD/B;AAELsJ,MAAAA,OAAO,EAAEL,mBAAmB,CAAClH;AAFxB,KAAP;AAAA,GAD0B,EAK1B,CAACkH,mBAAD,CAL0B,CAA5B;AAYA,MAAMM,eAAe,GAAG,6CACtB;AAAA,WAAO;AACLJ,MAAAA,SAAS,EAAE,CACT;AACE7F,QAAAA,UAAU,EAAEzB,gBAAgB,CAACE;AAD/B,OADS;AADN,KAAP;AAAA,GADsB,EAQtB,EARsB,CAAxB;;AAcA,MAAMyH,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAAA;;AAC1B,iCAAI/H,mBAAmB,CAACgI,OAAxB,aAAI,sBAA6BC,KAAjC,EAAwC;AACtCjI,MAAAA,mBAAmB,CAACgI,OAApB,CAA4BC,KAA5B;AACAnJ,MAAAA,aAAa,CAAC,EAAD,CAAb;AACD;AACF,GALD;;AAUA,MAAMoJ,YAAY,GAAG,SAAfA,YAAe,GAAM;AAAA;;AACzB,kCAAIlI,mBAAmB,CAACgI,OAAxB,aAAI,uBAA6BG,OAAjC,EAA0C;AACxCnI,MAAAA,mBAAmB,CAACgI,OAApB,CAA4BG,OAA5B;AACArJ,MAAAA,aAAa,CAACsE,MAAD,CAAb;AACD;AACF,GALD;;AAMA,SACE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,aAAa,EAAE,MAA9B;AAAsC,IAAA,KAAK,EAAE,CAACgF,wBAAWC,kBAAZ,EAAgCP,eAAhC,CAA7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACM,wBAAWC,kBAAZ,EAAgCT,mBAAhC,CAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,4CAAD;AACE,IAAA,WAAW,EAAE,CADf;AAEE,IAAA,YAAY,EAAE,CAFhB;AAGE,IAAA,cAAc,EAAET,WAHlB;AAIE,IAAA,GAAG,EAAE1F,YAJP;AAKE,IAAA,OAAO,EAAE,CAACF,MAAD,EAASC,QAAT,EAAmBF,YAAnB,CALX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE8G,wBAAWC,kBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,4CAAD;AACE,IAAA,SAAS,EAAE,CADb;AAEE,IAAA,SAAS,EAAE,CAFb;AAGE,IAAA,OAAO,EAAE,CAHX;AAIE,IAAA,WAAW,EAAE,CAJf;AAKE,IAAA,YAAY,EAAE,CALhB;AAME,IAAA,cAAc,EAAEjB,WANlB;AAOE,IAAA,GAAG,EAAE9F,YAPP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KASE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE8G,wBAAWC,kBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8CAAD;AACE,IAAA,cAAc,EAAEpB,OADlB;AAEE,IAAA,GAAG,EAAEzF,QAFP;AAGE,IAAA,oBAAoB,EAAE,CAACD,MAAD,CAHxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAKE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE6G,wBAAWE,YAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,4CAAD;AACE,IAAA,OAAO,EAAEvJ,OAAO,KAAK,SADvB;AAEE,IAAA,WAAW,EAAE9B,SAAS,GAAGsL,SAAH,GAAe,CAFvC;AAGE,IAAA,OAAO,EAAE,EAHX;AAIE,IAAA,cAAc,EAAEzC,KAJlB;AAKE,IAAA,GAAG,EAAEvE,MALP;AAME,IAAA,oBAAoB,EAAE,CAACC,QAAD,CANxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE4G,wBAAWE,YAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iCAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,iBADF,EAELhB,UAFK,EAGL9I,KAHK,EAIL;AACE+I,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAX,OADS,EAET;AACE/F,QAAAA,UAAU,EAAEI,YAAY,CAAC1B;AAD3B,OAFS;AADb,KAJK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeG8C,MAAM,CAACgB,GAAP,CAAW,UAACmB,KAAD,EAAQmD,CAAR;AAAA,WACV,gCAAC,0CAAD;AACE,MAAA,KAAK,EAAEA,CADT;AAEE,MAAA,GAAG,EAAKnD,KAAK,CAACT,GAAX,SAAkB4D,CAFvB;AAGE,MAAA,WAAW,EAAE5G,WAHf;AAIE,MAAA,KAAK,EAAEyD,KAJT;AAKE,MAAA,QAAQ,EAAEvE,aAAa,GAAG0H,CAL5B;AAME,MAAA,KAAK,EAAE3G,KANT;AAOE,MAAA,YAAY,EAAErC,YAPhB;AAQE,MAAA,QAAQ,EAAEsB,aAAa,KAAK0H,CAR9B;AASE,MAAA,YAAY,EAAEhD,IAAI,CAACY,GAAL,CAAStF,aAAa,GAAG0H,CAAzB,IAA8B,CAT9C;AAUE,MAAA,KAAK,EAAE,CACL;AACEnL,QAAAA,MAAM,EAAEmC,YAAY,GAAG,CADzB;AAEEiJ,QAAAA,WAAW,EAAEhL,MAFf;AAGEoH,QAAAA,KAAK,EAAEtH,WAAW,GAAG;AAHvB,OADK,EAMLmB,KANK,CAVT;AAkBE,MAAA,UAAU,EAAEgD,UAlBd;AAmBE,MAAA,UAAU,EAAEC,UAnBd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADU;AAAA,GAAX,CAfH,CADF,CARF,CADF,CALF,CADF,CATF,CADF,CAPF,CAFF,EAkFE,gCAAC,sCAAD;AACE,IAAA,OAAO,EAAE2F,mBADX;AAEE,IAAA,KAAK,EAAEpE,MAAM,CAACpC,aAAD,CAFf;AAGE,IAAA,OAAO,EAAEG;AAHX,KAIMlD,4BAJN,oBAIMA,4BAA4B,CAAE2K,MAJpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAlFF,EAwFE,gCAAC,sCAAD;AACE,IAAA,OAAO,EAAEpB,mBADX;AAEE,IAAA,YAAY,EAAEU,YAFhB;AAGE,IAAA,KAAK,EAAE9E,MAAM,CAACpC,aAAD,CAHf;AAIE,IAAA,WAAW,EAAEkE,WAJf;AAKE,IAAA,aAAa,EAAElE,aALjB;AAME,IAAA,OAAO,EAAEG;AANX,KAOMlD,4BAPN,oBAOMA,4BAA4B,CAAE4K,MAPpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAxFF,EAiGE,gCAAC,wCAAD;AACE,IAAA,wBAAwB,EAAE1I,wBAD5B;AAEE,IAAA,aAAa,EAAE4H,aAFjB;AAGE,IAAA,uBAAuB,EAAE9H,uBAH3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAjGF,EAsGE,gCAAC,qCAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,6BAAD;AACE,IAAA,aAAa,EAAEE,wBADjB;AAEE,IAAA,oBAAoB,EAAE,IAFxB;AAGE,IAAA,eAAe,EAAE;AAAA,aACf,gCAAC,gCAAD;AACE,QAAA,aAAa,EAAE4H;AADjB,SAEM9J,4BAFN,oBAEMA,4BAA4B,CAAE6K,UAFpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SADe;AAAA,KAHnB;AASE,IAAA,YAAY,EAAE5K,4BAAF,WAAEA,4BAAF,GAAkC,EAThD;AAUE,IAAA,KAAK,EAAE,CAVT;AAWE,IAAA,QAAQ,EAAE,kBAACgD,KAAD;AAAA,aAAmBhB,0BAA0B,CAACgB,KAAD,CAA7C;AAAA,KAXZ;AAYE,IAAA,GAAG,EAAElB,mBAZP;AAaE,IAAA,UAAU,EAAE7B,0BAA0B,IAAI0B,UAb5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeE,gCAAC,oBAAD;AACE,IAAA,aAAa,EAAEkI,aADjB;AAEE,IAAA,+BAA+B,EAAE3J,+BAFnC;AAGE,IAAA,MAAM,EAAES,UAHV;AAIE,IAAA,QAAQ,EAAEO;AAJZ,KAKMnB,4BALN,oBAKMA,4BAA4B,CAAE8K,IALpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAfF,CADF,CAtGF,CADF;AAkID,CAlhCM;;;;AAuhCA,IAAMlC,KAAK,GAAG,SAARA,KAAQ,CAACvG,KAAD,EAAgB0I,UAAhB,EAAoCC,UAApC,EAA2D;AAC9E;;AACA,SAAOvD,IAAI,CAACwD,GAAL,CAASxD,IAAI,CAACyD,GAAL,CAASH,UAAT,EAAqB1I,KAArB,CAAT,EAAsC2I,UAAtC,CAAP;AACD,CAHM;;;;AAKP,IAAMT,MAAM,GAAGJ,wBAAWgB,MAAX,CAAkB;AAC/BX,EAAAA,iBAAiB,EAAE;AACjBY,IAAAA,UAAU,EAAE,QADK;AAEjBC,IAAAA,aAAa,EAAE;AAFE;AADY,CAAlB,CAAf;;AAqBAxL,YAAY,CAACyL,WAAb,GAA2B,4BAA3B","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Dimensions,\n  Image,\n  ImageStyle,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  ViewStyle,\n} from 'react-native';\n\nimport {\n  PanGestureHandler,\n  PanGestureHandlerGestureEvent,\n  PinchGestureHandler,\n  PinchGestureHandlerGestureEvent,\n  TapGestureHandler,\n  TapGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\n\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  runOnUI,\n  useAnimatedGestureHandler,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withDecay,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { BottomSheetModal, BottomSheetModalProvider } from '@gorhom/bottom-sheet';\n\nimport type { UserResponse } from 'stream-chat';\n\nimport { AnimatedGalleryImage } from './components/AnimatedGalleryImage';\nimport {\n  ImageGalleryFooter,\n  ImageGalleryFooterCustomComponentProps,\n} from './components/ImageGalleryFooter';\nimport {\n  ImageGalleryHeader,\n  ImageGalleryHeaderCustomComponentProps,\n} from './components/ImageGalleryHeader';\nimport { ImageGalleryOverlay } from './components/ImageGalleryOverlay';\nimport { ImageGalleryGridImageComponents, ImageGrid } from './components/ImageGrid';\nimport {\n  ImageGalleryGridHandleCustomComponentProps,\n  ImageGridHandle,\n} from './components/ImageGridHandle';\n\nimport { useImageGalleryContext } from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  OverlayProviderProps,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { triggerHaptic } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../utils/getUrlOfImageAttachment';\nimport { vh, vw } from '../../utils/utils';\n\nconst isAndroid = Platform.OS === 'android';\nconst fullScreenHeight = Dimensions.get('screen').height;\nconst measuredScreenHeight = vh(100);\nconst screenWidth = vw(100);\nconst halfScreenWidth = vw(50);\nconst MARGIN = 32;\n\nexport enum HasPinched {\n  FALSE = 0,\n  TRUE,\n}\n\nexport enum IsSwiping {\n  UNDETERMINED = 0,\n  TRUE,\n  FALSE,\n}\n\nexport type ImageGalleryCustomComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#gallery-components).\n   *\n   * - [ImageGalleryFooter](#ImageGalleryFooter)\n   *\n   * - [ImageGrid](#ImageGrid)\n   *\n   * - [ImageGridHandle](#ImageGridHandle)\n   *\n   * - [ImageGalleryHeader](#ImageGalleryHeader)\n   *\n   * e.g.,\n   *\n   * ```js\n   * {\n   *  footer: {\n   *    ShareIcon: CustomShareIconComponent\n   *  },\n   *  grid: {\n   *    avatarComponent: CustomAvatarComponent\n   *  },\n   *  gridHandle: {\n   *    centerComponent: CustomCenterComponent\n   *  },\n   *  header: {\n   *    CloseIcon: CustomCloseButtonComponent\n   *  },\n   * }\n   * ```\n   * @overrideType object\n   */\n  imageGalleryCustomComponents?: {\n    footer?: ImageGalleryFooterCustomComponentProps<StreamChatGenerics>;\n    grid?: ImageGalleryGridImageComponents<StreamChatGenerics>;\n    gridHandle?: ImageGalleryGridHandleCustomComponentProps;\n    header?: ImageGalleryHeaderCustomComponentProps<StreamChatGenerics>;\n  };\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryCustomComponents<StreamChatGenerics> & {\n    overlayOpacity: Animated.SharedValue<number>;\n  } & Pick<\n      OverlayProviderProps<StreamChatGenerics>,\n      | 'giphyVersion'\n      | 'imageGalleryGridSnapPoints'\n      | 'imageGalleryGridHandleHeight'\n      | 'numberOfImageGalleryGridColumns'\n    >;\n\nexport const ImageGallery = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    giphyVersion = 'fixed_height',\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    numberOfImageGalleryGridColumns,\n    overlayOpacity,\n  } = props;\n  const {\n    theme: {\n      colors: { white_snow },\n      imageGallery: { backgroundColor, pager, slide },\n    },\n  } = useTheme();\n  const [gridPhotos, setGridPhotos] = useState<Photo<StreamChatGenerics>[]>([]);\n  const { overlay, setOverlay, translucentStatusBar } = useOverlayContext();\n  const { image, images, setImage } = useImageGalleryContext<StreamChatGenerics>();\n\n  /**\n   * Height constants\n   */\n  const statusBarHeight = StatusBar.currentHeight ?? 0;\n  const bottomBarHeight = fullScreenHeight - measuredScreenHeight - statusBarHeight;\n  const androidScreenHeightAdjustment = translucentStatusBar\n    ? bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n      ? 0\n      : statusBarHeight\n    : bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n    ? -statusBarHeight\n    : 0;\n  const screenHeight = isAndroid\n    ? Dimensions.get('window').height + androidScreenHeightAdjustment\n    : vh(100);\n  const halfScreenHeight = screenHeight / 2;\n  const quarterScreenHeight = screenHeight / 4;\n  const snapPoints = React.useMemo(() => [(screenHeight * 9) / 10], []);\n\n  /**\n   * BottomSheetModal ref\n   */\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n\n  /**\n   * BottomSheetModal state\n   */\n  const [currentBottomSheetIndex, setCurrentBottomSheetIndex] = useState(0);\n  const animatedBottomSheetIndex = useSharedValue(0);\n\n  /**\n   * Fade animation for screen, it is always rendered with pointerEvents\n   * set to none for fast opening\n   */\n  const screenTranslateY = useSharedValue(screenHeight);\n  const showScreen = () => {\n    'worklet';\n    screenTranslateY.value = withTiming(0, {\n      duration: 250,\n      easing: Easing.out(Easing.ease),\n    });\n  };\n\n  /**\n   * Run the fade animation on visible change\n   */\n  useEffect(() => {\n    Keyboard.dismiss();\n    showScreen();\n  }, []);\n\n  /**\n   * Image height from URL or default to full screen height\n   */\n  const [currentImageHeight, setCurrentImageHeight] = useState<number>(screenHeight);\n\n  /**\n   * JS and UI index values, the JS follows the UI but is needed\n   * for rendering the virtualized image list\n   */\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const index = useSharedValue(0);\n\n  /**\n   * Header visible value for animating in out\n   */\n  const headerFooterVisible = useSharedValue(1);\n\n  /**\n   * Values to track scale for haptic feedback firing\n   */\n  const hasHitBottomScale = useSharedValue(1);\n  const hasHitTopScale = useSharedValue(0);\n\n  /**\n   * Gesture handler refs\n   */\n  const doubleTapRef = useRef<TapGestureHandler>(null);\n  const panRef = useRef<PanGestureHandler>(null);\n  const pinchRef = useRef<PinchGestureHandler>(null);\n  const singleTapRef = useRef<TapGestureHandler>(null);\n\n  /**\n   * Shared values for movement\n   */\n  const offsetX = useSharedValue(0);\n  const offsetY = useSharedValue(0);\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(0);\n  const offsetScale = useSharedValue(1);\n  const scale = useSharedValue(1);\n  const translationX = useSharedValue(0);\n\n  /**\n   * Shared values for touch tracking\n   */\n  const originX = useSharedValue(0);\n  const originY = useSharedValue(0);\n  const focalX = useSharedValue(0);\n  const focalY = useSharedValue(0);\n  const oldFocalX = useSharedValue(0);\n  const oldFocalY = useSharedValue(0);\n  const focalOffsetX = useSharedValue(0);\n  const focalOffsetY = useSharedValue(0);\n  const adjustedFocalX = useSharedValue(0);\n  const adjustedFocalY = useSharedValue(0);\n  const tapX = useSharedValue(0);\n  const tapY = useSharedValue(0);\n\n  /**\n   * Shared values for gesture tracking\n   */\n  const numberOfPinchFingers = useSharedValue(0);\n  const isSwiping = useSharedValue(0);\n  const isPinch = useSharedValue(false);\n  const hasPinched = useSharedValue(0);\n\n  /**\n   * Reset gesture values for use on touch release\n   */\n  const resetTouchValues = () => {\n    'worklet';\n    focalX.value = 0;\n    focalY.value = 0;\n    oldFocalX.value = 0;\n    oldFocalY.value = 0;\n    originX.value = 0;\n    originY.value = 0;\n    focalOffsetX.value = 0;\n    focalOffsetY.value = 0;\n    numberOfPinchFingers.value = 0;\n    isPinch.value = false;\n    isSwiping.value = IsSwiping.UNDETERMINED;\n  };\n\n  /**\n   * Reset movement values for use on selected photo change\n   */\n  const resetMovementValues = () => {\n    'worklet';\n    translateX.value = 0;\n    translateY.value = 0;\n    scale.value = 1;\n    offsetScale.value = 1;\n  };\n\n  /**\n   * Photos array created from all currently available\n   * photo attachments\n   */\n\n  const photos = images.reduce((acc: Photo<StreamChatGenerics>[], cur) => {\n    const attachmentImages =\n      cur.attachments?.filter(\n        (attachment) =>\n          (attachment.type === 'giphy' &&\n            (attachment.giphy?.[giphyVersion]?.url ||\n              attachment.thumb_url ||\n              attachment.image_url)) ||\n          (attachment.type === 'image' &&\n            !attachment.title_link &&\n            !attachment.og_scrape_url &&\n            getUrlOfImageAttachment(attachment)),\n      ) || [];\n\n    const attachmentPhotos = attachmentImages.map((a) => {\n      const imageUrl = getUrlOfImageAttachment(a) as string;\n\n      return {\n        channelId: cur.cid,\n        created_at: cur.created_at,\n        id: `photoId-${cur.id}-${imageUrl}`,\n        messageId: cur.id,\n        original_height: a.original_height,\n        original_width: a.original_width,\n        uri: getResizedImageUrl({\n          height: screenHeight,\n          url: imageUrl,\n          width: screenWidth,\n        }),\n        user: cur.user,\n        user_id: cur.user_id,\n      };\n    });\n\n    return [...acc, ...attachmentPhotos] as Photo<StreamChatGenerics>[];\n  }, []);\n\n  /**\n   * Photos length needs to be kept as a const here so if the length\n   * changes it causes the pan gesture handler function to refresh. This\n   * does not work if the calculation for the length of the array is left\n   * inside the gesture handler as it will have an array as a dependency\n   */\n  const photoLength = photos.length;\n\n  /**\n   * Set selected photo when changed via pressing in the message list\n   */\n  useEffect(() => {\n    const updatePosition = (newIndex: number) => {\n      'worklet';\n\n      if (newIndex > -1) {\n        index.value = newIndex;\n        translationX.value = -(screenWidth + MARGIN) * newIndex;\n        runOnJS(setSelectedIndex)(newIndex);\n      }\n    };\n\n    const newIndex = photos.findIndex(\n      (photo) => photo.messageId === image?.messageId && photo.uri === image?.url,\n    );\n\n    runOnUI(updatePosition)(newIndex);\n  }, [image, photoLength]);\n\n  /**\n   * Image heights are not provided and therefore need to be calculated.\n   * We start by allowing the image to be the full height then reduce it\n   * to the proper scaled height based on the width being restricted to the\n   * screen width when the dimensions are received.\n   */\n  const uriForCurrentImage = photos[selectedIndex]?.uri;\n  useEffect(() => {\n    setCurrentImageHeight(screenHeight);\n    const photo = photos[index.value];\n    const height = photo?.original_height;\n    const width = photo?.original_width;\n\n    if (height && width) {\n      const imageHeight = Math.floor(height * (screenWidth / width));\n      setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n    } else if (photo?.uri) {\n      Image.getSize(photo.uri, (width, height) => {\n        const imageHeight = Math.floor(height * (screenWidth / width));\n        setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n      });\n    }\n  }, [uriForCurrentImage]);\n\n  /**\n   * We use simultaneousHandlers to allow pan and pinch gesture handlers\n   * depending on the gesture. The touch is fully handled by the pinch\n   * gesture handler once it has began so all interactions by the pan\n   * handler are blocked if isPinch.value is true\n   */\n  const onPan = useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n    {\n      onActive: (evt) => {\n        if (evt.numberOfPointers === 1 && !isPinch.value) {\n          /**\n           * If Android where a second finger cannot be added back and\n           * removing one finger returns to Pan Handler then adjust origin\n           * on finger remove and set swiping false\n           */\n          if (isAndroid && hasPinched.value === HasPinched.TRUE) {\n            hasPinched.value = HasPinched.FALSE;\n            isSwiping.value = IsSwiping.FALSE;\n            offsetX.value = translateX.value + evt.translationX;\n            offsetY.value = translateY.value - evt.translationY;\n          }\n\n          /**\n           * isSwiping is used to prevent Y movement if a clear swipe to next\n           * or previous is begun when at the edge of a photo. The value is\n           * either 0, 1, or 2, via the IsSwiping enum designating undetermined,\n           * true, or false and is reset on releasing the touch\n           */\n          if (isSwiping.value === IsSwiping.UNDETERMINED) {\n            const maxXYRatio = isAndroid ? 1 : 0.25;\n            if (\n              Math.abs(evt.translationX / evt.translationY) > maxXYRatio &&\n              (Math.abs(-halfScreenWidth * (scale.value - 1) - offsetX.value) < 3 ||\n                Math.abs(halfScreenWidth * (scale.value - 1) - offsetX.value) < 3)\n            ) {\n              isSwiping.value = IsSwiping.TRUE;\n            }\n            if (Math.abs(evt.translationY) > 25) {\n              isSwiping.value = IsSwiping.FALSE;\n            }\n          }\n\n          /**\n           * localEvtScale is used for swipe away\n           */\n          const localEvtScale = scale.value / offsetScale.value;\n\n          /**\n           * If not swiping translate the image in X and Y to the event\n           * translation plus offset. If swiping only translate X, if\n           * swiping down when at top of screen or centered balance scale\n           * using offset to a degree (this needs improvement the calculation\n           * is incorrect but likely needs origin use to be 100%)\n           */\n          translateX.value =\n            scale.value !== offsetScale.value\n              ? offsetX.value * localEvtScale - evt.translationX\n              : offsetX.value - evt.translationX;\n          translateY.value =\n            isSwiping.value !== IsSwiping.TRUE\n              ? scale.value !== offsetScale.value\n                ? offsetY.value * localEvtScale + evt.translationY\n                : offsetY.value + evt.translationY\n              : translateY.value;\n\n          /**\n           * If swiping down start scaling down the image for swipe\n           * away effect\n           */\n          scale.value =\n            currentImageHeight * offsetScale.value < screenHeight && translateY.value > 0\n              ? offsetScale.value * (1 - (1 / 3) * (translateY.value / screenHeight))\n              : currentImageHeight * offsetScale.value > screenHeight &&\n                translateY.value > (currentImageHeight / 2) * offsetScale.value - halfScreenHeight\n              ? offsetScale.value *\n                (1 -\n                  (1 / 3) *\n                    ((translateY.value -\n                      ((currentImageHeight / 2) * offsetScale.value - halfScreenHeight)) /\n                      screenHeight))\n              : scale.value;\n\n          overlayOpacity.value = localEvtScale;\n        }\n      },\n      onFinish: (evt) => {\n        if (!isPinch.value && evt.numberOfPointers < 2) {\n          /**\n           * To determine if the fling should page to the next image we\n           * calculate a final position based on the current position and\n           * event velocity\n           */\n          const finalXPosition = evt.translationX - evt.velocityX * 0.3;\n          const finalYPosition = evt.translationY + evt.velocityY * 0.1;\n\n          /**\n           * If there is a next photo, the image is lined up to the right\n           * edge, the swipe is to the left, and the final position is more\n           * than half the screen width, move to the next image\n           */\n          if (\n            index.value < photoLength - 1 &&\n            Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 &&\n            translateX.value < 0 &&\n            finalXPosition < -halfScreenWidth &&\n            isSwiping.value === IsSwiping.TRUE\n          ) {\n            cancelAnimation(translationX);\n            translationX.value = withTiming(\n              -(screenWidth + MARGIN) * (index.value + 1),\n              {\n                duration: 200,\n                easing: Easing.out(Easing.ease),\n              },\n              () => {\n                resetMovementValues();\n                index.value = index.value + 1;\n                runOnJS(setSelectedIndex)(index.value);\n              },\n            );\n\n            /**\n             * If there is a previous photo, the image is lined up to the left\n             * edge, the swipe is to the right, and the final position is more\n             * than half the screen width, move to the previous image\n             */\n          } else if (\n            index.value > 0 &&\n            Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 &&\n            translateX.value > 0 &&\n            finalXPosition > halfScreenWidth &&\n            isSwiping.value === IsSwiping.TRUE\n          ) {\n            cancelAnimation(translationX);\n            translationX.value = withTiming(\n              -(screenWidth + MARGIN) * (index.value - 1),\n              {\n                duration: 200,\n                easing: Easing.out(Easing.ease),\n              },\n              () => {\n                resetMovementValues();\n                index.value = index.value - 1;\n                runOnJS(setSelectedIndex)(index.value);\n              },\n            );\n          }\n\n          /**\n           * When the pan is finished if the scale is less than 1 return the\n           * photo to center, if the photo is inside the edges of the screen\n           * return the photo to line up with the edges, otherwise use decay\n           * with a clamping at the edges to give the effect the image is\n           * sliding along using velocity and friction\n           */\n          translateX.value =\n            scale.value < 1\n              ? withTiming(0)\n              : translateX.value > halfScreenWidth * (scale.value - 1)\n              ? withTiming(halfScreenWidth * (scale.value - 1), {\n                  duration: 200,\n                })\n              : translateX.value < -halfScreenWidth * (scale.value - 1)\n              ? withTiming(-halfScreenWidth * (scale.value - 1), {\n                  duration: 200,\n                })\n              : withDecay({\n                  clamp: [\n                    -halfScreenWidth * (scale.value - 1),\n                    halfScreenWidth * (scale.value - 1),\n                  ],\n                  deceleration: 0.99,\n                  velocity: -evt.velocityX,\n                });\n\n          /**\n           * When the pan is finished if the height is less than the screen\n           * height return the photo to center, if the photo is inside the\n           * edges of the screen return the photo to line up with the edges,\n           * otherwise use decay with a clamping at the edges to give the effect\n           * the image is sliding along using velocity and friction\n           */\n          translateY.value =\n            currentImageHeight * scale.value < screenHeight\n              ? withTiming(0)\n              : translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight\n              ? withTiming((currentImageHeight / 2) * scale.value - halfScreenHeight)\n              : translateY.value < (-currentImageHeight / 2) * scale.value + halfScreenHeight\n              ? withTiming((-currentImageHeight / 2) * scale.value + halfScreenHeight)\n              : withDecay({\n                  clamp: [\n                    (-currentImageHeight / 2) * scale.value + halfScreenHeight,\n                    (currentImageHeight / 2) * scale.value - halfScreenHeight,\n                  ],\n                  deceleration: 0.99,\n                  velocity: evt.velocityY,\n                });\n\n          resetTouchValues();\n\n          /**\n           * If the scale has been reduced below one, i.e. zoomed out, translate\n           * the zoom back to one\n           */\n          scale.value =\n            scale.value !== offsetScale.value ? withTiming(offsetScale.value) : offsetScale.value;\n\n          /**\n           * If the photo is centered or at the top of the screen if scaled larger\n           * than the screen, and not paging left or right, and the final Y position\n           * is greater than half the screen using swipe velocity and position, close\n           * the overlay\n           */\n          if (\n            finalYPosition > halfScreenHeight &&\n            offsetY.value + 8 >= (currentImageHeight / 2) * scale.value - halfScreenHeight &&\n            isSwiping.value !== IsSwiping.TRUE &&\n            translateY.value !== 0 &&\n            !(\n              Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 &&\n              translateX.value < 0 &&\n              finalXPosition < -halfScreenWidth\n            ) &&\n            !(\n              Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 &&\n              translateX.value > 0 &&\n              finalXPosition > halfScreenWidth\n            )\n          ) {\n            cancelAnimation(translateX);\n            cancelAnimation(translateY);\n            cancelAnimation(scale);\n            overlayOpacity.value = withTiming(\n              0,\n              {\n                duration: 200,\n                easing: Easing.out(Easing.ease),\n              },\n              () => {\n                runOnJS(setOverlay)('none');\n              },\n            );\n            scale.value = withTiming(0.6, {\n              duration: 200,\n              easing: Easing.out(Easing.ease),\n            });\n            translateY.value =\n              evt.velocityY > 1000\n                ? withDecay({\n                    velocity: evt.velocityY,\n                  })\n                : withTiming(halfScreenHeight + (currentImageHeight / 2) * scale.value, {\n                    duration: 200,\n                    easing: Easing.out(Easing.ease),\n                  });\n            translateX.value = withDecay({\n              velocity: -evt.velocityX,\n            });\n          }\n        }\n      },\n\n      onStart: () => {\n        if (!isPinch.value) {\n          /**\n           * Cancel any previous motion animation on translations when a touch\n           * begins to interrupt the animation and take over the position handling\n           */\n          cancelAnimation(translateX);\n          cancelAnimation(translateY);\n          cancelAnimation(scale);\n          offsetX.value = translateX.value;\n          offsetY.value = translateY.value;\n        }\n\n        /**\n         * Reset hasPinched for Android single finger offset\n         */\n        hasPinched.value = HasPinched.FALSE;\n      },\n    },\n    [currentImageHeight, photoLength],\n  );\n\n  /**\n   * On pinch is run when two or more fingers touch the screen, it then takes over\n   * all touch handling even if the number of fingers is reduced to one until the\n   * touch is complete\n   */\n  const onPinch = useAnimatedGestureHandler<PinchGestureHandlerGestureEvent>(\n    {\n      onActive: (evt) => {\n        /**\n         * Android starts with a zero event with 1 touch instead of two\n         * we therefore must wait to capture starting info until the double\n         * touch begins\n         */\n        if (!isPinch.value && isAndroid) {\n          /**\n           * Set hasPinched to true so when removing one finger the pan active\n           * state adjusts the offset\n           */\n          hasPinched.value = HasPinched.TRUE;\n\n          /**\n           * Cancel any previous motion animation on translations when a touch\n           * begins to interrupt the animation and take over the position handling\n           */\n          cancelAnimation(translateX);\n          cancelAnimation(translateY);\n          cancelAnimation(scale);\n\n          /**\n           * Reset isSwiping as now the pan gesture handler is no longer running\n           */\n          isSwiping.value = IsSwiping.UNDETERMINED;\n\n          /**\n           * Set initial values for pinch gesture interaction handler\n           */\n          numberOfPinchFingers.value = evt.numberOfPointers;\n          offsetX.value = translateX.value;\n          offsetY.value = translateY.value;\n          adjustedFocalX.value = evt.focalX - (halfScreenWidth - offsetX.value);\n          adjustedFocalY.value = evt.focalY - (halfScreenHeight + offsetY.value);\n          originX.value = adjustedFocalX.value;\n          originY.value = adjustedFocalY.value;\n          offsetScale.value = scale.value;\n        }\n\n        /**\n         * Set pinch to true to stop all pan gesture interactions, we do this\n         * again here for Android outside the check that creates type\n         */\n        isPinch.value = true;\n\n        /**\n         * The scale is clamped to a minimum of 1 and maximum of 8 for aesthetics.\n         * We use the clamped value to determine a local event scale so the focal\n         * point does not become out of sync with the actual photo scaling, e.g.\n         * evt.scale is 20 but scale is 8, using evt.scale for offset will put the\n         * photo and calculations out of sync\n         */\n        scale.value = clamp(offsetScale.value * evt.scale, 1, 8);\n        const localEvtScale = scale.value / offsetScale.value;\n\n        /**\n         * When we hit the top or bottom of the scale clamping we run a haptic\n         * trigger, we track if it has been run to not spam the trigger\n         */\n        if (scale.value !== 8 && scale.value !== 1) {\n          hasHitTopScale.value = 0;\n          hasHitBottomScale.value = 0;\n        } else if (scale.value === 8 && hasHitTopScale.value === 0) {\n          hasHitTopScale.value = 1;\n          runOnJS(triggerHaptic)('impactLight');\n        } else if (scale.value === 1 && hasHitBottomScale.value === 0) {\n          hasHitBottomScale.value = 1;\n          runOnJS(triggerHaptic)('impactLight');\n        }\n\n        /**\n         * We calculate the adjusted focal point on the photo using the events\n         * focal position on the screen, screen size, and current photo offset\n         */\n        adjustedFocalX.value = evt.focalX - (halfScreenWidth - offsetX.value);\n        adjustedFocalY.value = evt.focalY - (halfScreenHeight + offsetY.value);\n\n        /**\n         * If the number of fingers on the screen changes, the position of the\n         * focal point will change and this needs to be accounted for, e.g. if\n         * two fingers are on the screen the focal is between them, but if one is\n         * then removed the focal is now at the remaining fingers touch position.\n         * If this happens without accounting for the change the image will jump\n         * around, we keep track of the previous two finger focal to adjust for this\n         * change in a reduction from two fingers to one, then if another finger\n         * is added again we adjust the origin to account for the difference between\n         * the original two finger touch and the new two finger touch position.\n         */\n        if (numberOfPinchFingers.value !== evt.numberOfPointers) {\n          numberOfPinchFingers.value = evt.numberOfPointers;\n          if (evt.numberOfPointers === 1) {\n            focalOffsetX.value = oldFocalX.value - adjustedFocalX.value;\n            focalOffsetY.value = oldFocalY.value - adjustedFocalY.value;\n          } else if (numberOfPinchFingers.value > 1) {\n            originX.value =\n              originX.value -\n              (oldFocalX.value / localEvtScale - adjustedFocalX.value / localEvtScale);\n            originY.value =\n              originY.value -\n              (oldFocalY.value / localEvtScale - adjustedFocalY.value / localEvtScale);\n          }\n        }\n\n        /**\n         * If pinch handler has been activated via two fingers then the fingers\n         * reduced to one we keep track of the old focal using the focal offset\n         * from when the number of fingers was two. We then translate the photo\n         * taking into account the offset, focal, focal offset, origin, and scale.\n         */\n        if (numberOfPinchFingers.value === 1) {\n          oldFocalX.value = adjustedFocalX.value + focalOffsetX.value;\n          oldFocalY.value = adjustedFocalY.value + focalOffsetY.value;\n          translateX.value = offsetX.value - oldFocalX.value + localEvtScale * originX.value;\n          translateY.value = offsetY.value + oldFocalY.value - localEvtScale * originY.value;\n\n          /**\n           * If the number of fingers in the gesture is greater than one the\n           * adjusted focal point is saved as the old focal and the photo is\n           * translated taking into account the offset, focal, origin, and scale.\n           */\n        } else if (numberOfPinchFingers.value > 1) {\n          oldFocalX.value = adjustedFocalX.value;\n          oldFocalY.value = adjustedFocalY.value;\n          translateX.value = offsetX.value - adjustedFocalX.value + localEvtScale * originX.value;\n          translateY.value = offsetY.value + adjustedFocalY.value - localEvtScale * originY.value;\n        }\n      },\n      onFinish: () => {\n        if (isPinch.value) {\n          /**\n           * When the pinch is finished if the scale is less than 1 return the\n           * photo to center, if the photo is inside the edges of the screen\n           * return the photo to line up with the edges, otherwise leave the\n           * photo in its current position\n           */\n          translateX.value =\n            scale.value < 1\n              ? withTiming(0)\n              : translateX.value > halfScreenWidth * (scale.value - 1)\n              ? withTiming(halfScreenWidth * (scale.value - 1))\n              : translateX.value < -halfScreenWidth * (scale.value - 1)\n              ? withTiming(-halfScreenWidth * (scale.value - 1))\n              : translateX.value;\n\n          /**\n           * When the pinch is finished if the height is less than the screen\n           * height return the photo to center, if the photo is inside the\n           * edges of the screen return the photo to line up with the edges,\n           * otherwise leave the photo in its current position\n           */\n          translateY.value =\n            currentImageHeight * scale.value < screenHeight\n              ? withTiming(0)\n              : translateY.value > (currentImageHeight / 2) * scale.value - screenHeight / 2\n              ? withTiming((currentImageHeight / 2) * scale.value - screenHeight / 2)\n              : translateY.value < (-currentImageHeight / 2) * scale.value + screenHeight / 2\n              ? withTiming((-currentImageHeight / 2) * scale.value + screenHeight / 2)\n              : translateY.value;\n\n          /**\n           * If the scale has been reduced below one, i.e. zoomed out, translate\n           * the zoom back to one\n           */\n          offsetScale.value = scale.value < 1 ? 1 : scale.value;\n          scale.value = scale.value < 1 ? withTiming(1) : scale.value;\n          resetTouchValues();\n        }\n      },\n      onStart: (evt) => {\n        /**\n         * Android starts with a zero event with 1 touch instead of two\n         * we therefore must wait to capture starting info until the double\n         * touch begins\n         */\n        if (!isAndroid) {\n          /**\n           * Cancel any previous motion animation on translations when a touch\n           * begins to interrupt the animation and take over the position handling\n           */\n          cancelAnimation(translateX);\n          cancelAnimation(translateY);\n          cancelAnimation(scale);\n\n          /**\n           * Set pinch to true to stop all pan gesture interactions\n           */\n          isPinch.value = true;\n\n          /**\n           * Reset isSwiping as now the pan gesture handler is no longer running\n           */\n          isSwiping.value = IsSwiping.UNDETERMINED;\n\n          /**\n           * Set initial values for pinch gesture interaction handler\n           */\n          numberOfPinchFingers.value = evt.numberOfPointers;\n          offsetX.value = translateX.value;\n          offsetY.value = translateY.value;\n          adjustedFocalX.value = evt.focalX - (halfScreenWidth - offsetX.value);\n          adjustedFocalY.value = evt.focalY - (halfScreenHeight + offsetY.value);\n          originX.value = adjustedFocalX.value;\n          originY.value = adjustedFocalY.value;\n          offsetScale.value = scale.value;\n        }\n\n        /**\n         * Reset hasPinched for Android single finger offset\n         */\n        hasPinched.value = HasPinched.FALSE;\n      },\n    },\n    [currentImageHeight],\n  );\n\n  /**\n   * Single tap handler for header hiding and showing\n   */\n  const onSingleTap = useAnimatedGestureHandler<TapGestureHandlerGestureEvent>({\n    onActive: () => {\n      cancelAnimation(headerFooterVisible);\n      headerFooterVisible.value = headerFooterVisible.value > 0 ? withTiming(0) : withTiming(1);\n    },\n  });\n\n  /**\n   * Double tap handler to zoom back out and hide header and footer\n   */\n  const onDoubleTap = useAnimatedGestureHandler<TapGestureHandlerGestureEvent>({\n    onActive: (evt) => {\n      if (Math.abs(tapX.value - evt.absoluteX) < 64 && Math.abs(tapY.value - evt.absoluteY) < 64) {\n        if (offsetScale.value === 1 && offsetX.value === 0 && offsetY.value === 0) {\n          offsetScale.value = 2;\n          scale.value = withTiming(2, {\n            duration: 200,\n            easing: Easing.out(Easing.ease),\n          });\n          translateX.value = withTiming(evt.absoluteX - halfScreenWidth, {\n            duration: 200,\n            easing: Easing.out(Easing.ease),\n          });\n          if (currentImageHeight * 2 > screenHeight) {\n            const translateYTopBottom =\n              evt.absoluteY > halfScreenHeight\n                ? -(currentImageHeight * 2 - screenHeight) / 2\n                : (currentImageHeight * 2 - screenHeight) / 2;\n            translateY.value = withTiming(translateYTopBottom, {\n              duration: 200,\n              easing: Easing.out(Easing.ease),\n            });\n          }\n        } else {\n          offsetScale.value = 1;\n          scale.value = withTiming(1, {\n            duration: 200,\n            easing: Easing.out(Easing.ease),\n          });\n          offsetX.value = 0;\n          offsetY.value = 0;\n          translateX.value = withTiming(0, {\n            duration: 200,\n            easing: Easing.out(Easing.ease),\n          });\n          translateY.value = withTiming(0, {\n            duration: 200,\n            easing: Easing.out(Easing.ease),\n          });\n          if (headerFooterVisible.value !== 0) {\n            cancelAnimation(headerFooterVisible);\n            headerFooterVisible.value = withTiming(0);\n          }\n        }\n      }\n    },\n    onStart: (evt) => {\n      tapX.value = evt.absoluteX;\n      tapY.value = evt.absoluteY;\n    },\n  });\n\n  /**\n   * If the header is visible we scale down the opacity of it as the\n   * image is swiped downward\n   */\n  const headerFooterOpacity = useDerivedValue(\n    () =>\n      currentImageHeight * scale.value < screenHeight && translateY.value > 0\n        ? 1 - translateY.value / quarterScreenHeight\n        : currentImageHeight * scale.value > screenHeight &&\n          translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight\n        ? 1 -\n          (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /\n            quarterScreenHeight\n        : 1,\n    [currentImageHeight],\n  );\n\n  /**\n   * This transition and scaleX reverse lets use scroll left\n   */\n  const pagerStyle = useAnimatedStyle<ImageStyle>(\n    () => ({\n      transform: [\n        { scaleX: -1 },\n        {\n          translateX: translationX.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Simple background color animation on Y movement\n   */\n  const containerBackground = useAnimatedStyle<ViewStyle>(\n    () => ({\n      backgroundColor: backgroundColor || white_snow,\n      opacity: headerFooterOpacity.value,\n    }),\n    [headerFooterOpacity],\n  );\n\n  /**\n   * Show screen style as component is always rendered we hide it\n   * down and up and set opacity to 0 for good measure\n   */\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: screenTranslateY.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Functions toclose BottomSheetModal with image grid\n   */\n  const closeGridView = () => {\n    if (bottomSheetModalRef.current?.close) {\n      bottomSheetModalRef.current.close();\n      setGridPhotos([]);\n    }\n  };\n\n  /**\n   * Function to open BottomSheetModal with image grid\n   */\n  const openGridView = () => {\n    if (bottomSheetModalRef.current?.present) {\n      bottomSheetModalRef.current.present();\n      setGridPhotos(photos);\n    }\n  };\n  return (\n    <Animated.View pointerEvents={'auto'} style={[StyleSheet.absoluteFillObject, showScreenStyle]}>\n      <Animated.View style={[StyleSheet.absoluteFillObject, containerBackground]} />\n      <TapGestureHandler\n        minPointers={1}\n        numberOfTaps={1}\n        onGestureEvent={onSingleTap}\n        ref={singleTapRef}\n        waitFor={[panRef, pinchRef, doubleTapRef]}\n      >\n        <Animated.View style={StyleSheet.absoluteFillObject}>\n          <TapGestureHandler\n            maxDeltaX={8}\n            maxDeltaY={8}\n            maxDist={8}\n            minPointers={1}\n            numberOfTaps={2}\n            onGestureEvent={onDoubleTap}\n            ref={doubleTapRef}\n          >\n            <Animated.View style={StyleSheet.absoluteFillObject}>\n              <PinchGestureHandler\n                onGestureEvent={onPinch}\n                ref={pinchRef}\n                simultaneousHandlers={[panRef]}\n              >\n                <Animated.View style={StyleSheet.absoluteFill}>\n                  <PanGestureHandler\n                    enabled={overlay === 'gallery'}\n                    maxPointers={isAndroid ? undefined : 1}\n                    minDist={10}\n                    onGestureEvent={onPan}\n                    ref={panRef}\n                    simultaneousHandlers={[pinchRef]}\n                  >\n                    <Animated.View style={StyleSheet.absoluteFill}>\n                      <Animated.View\n                        style={[\n                          styles.animatedContainer,\n                          pagerStyle,\n                          pager,\n                          {\n                            transform: [\n                              { scaleX: -1 }, // Also only here for opening, wrong direction when not included\n                              {\n                                translateX: translationX.value, // Only here for opening, wrong index when this is not included\n                              },\n                            ],\n                          },\n                        ]}\n                      >\n                        {photos.map((photo, i) => (\n                          <AnimatedGalleryImage\n                            index={i}\n                            key={`${photo.uri}-${i}`}\n                            offsetScale={offsetScale}\n                            photo={photo}\n                            previous={selectedIndex > i}\n                            scale={scale}\n                            screenHeight={screenHeight}\n                            selected={selectedIndex === i}\n                            shouldRender={Math.abs(selectedIndex - i) < 4}\n                            style={[\n                              {\n                                height: screenHeight * 8,\n                                marginRight: MARGIN,\n                                width: screenWidth * 8,\n                              },\n                              slide,\n                            ]}\n                            translateX={translateX}\n                            translateY={translateY}\n                          />\n                        ))}\n                      </Animated.View>\n                    </Animated.View>\n                  </PanGestureHandler>\n                </Animated.View>\n              </PinchGestureHandler>\n            </Animated.View>\n          </TapGestureHandler>\n        </Animated.View>\n      </TapGestureHandler>\n      <ImageGalleryHeader<StreamChatGenerics>\n        opacity={headerFooterOpacity}\n        photo={photos[selectedIndex]}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.header}\n      />\n      <ImageGalleryFooter<StreamChatGenerics>\n        opacity={headerFooterOpacity}\n        openGridView={openGridView}\n        photo={photos[selectedIndex]}\n        photoLength={photoLength}\n        selectedIndex={selectedIndex}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.footer}\n      />\n      <ImageGalleryOverlay\n        animatedBottomSheetIndex={animatedBottomSheetIndex}\n        closeGridView={closeGridView}\n        currentBottomSheetIndex={currentBottomSheetIndex}\n      />\n      <BottomSheetModalProvider>\n        <BottomSheetModal\n          animatedIndex={animatedBottomSheetIndex}\n          enablePanDownToClose={true}\n          handleComponent={() => (\n            <ImageGridHandle\n              closeGridView={closeGridView}\n              {...imageGalleryCustomComponents?.gridHandle}\n            />\n          )}\n          handleHeight={imageGalleryGridHandleHeight ?? 40}\n          index={0}\n          onChange={(index: number) => setCurrentBottomSheetIndex(index)}\n          ref={bottomSheetModalRef}\n          snapPoints={imageGalleryGridSnapPoints || snapPoints}\n        >\n          <ImageGrid\n            closeGridView={closeGridView}\n            numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n            photos={gridPhotos}\n            setImage={setImage}\n            {...imageGalleryCustomComponents?.grid}\n          />\n        </BottomSheetModal>\n      </BottomSheetModalProvider>\n    </Animated.View>\n  );\n};\n\n/**\n * Clamping worklet to clamp the scaling\n */\nexport const clamp = (value: number, lowerBound: number, upperBound: number) => {\n  'worklet';\n  return Math.min(Math.max(lowerBound, value), upperBound);\n};\n\nconst styles = StyleSheet.create({\n  animatedContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n});\n\nexport type Photo<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  id: string;\n  uri: string;\n  channelId?: string;\n  created_at?: string | Date;\n  messageId?: string;\n  original_height?: number;\n  original_width?: number;\n  user?: UserResponse<StreamChatGenerics> | null;\n  user_id?: string;\n};\n\nImageGallery.displayName = 'ImageGallery{imageGallery}';\n"]}
+{"version":3,"sources":["ImageGallery.tsx"],"names":["isAndroid","Platform","OS","fullScreenHeight","Dimensions","get","height","measuredScreenHeight","screenWidth","halfScreenWidth","MARGIN","HasPinched","IsSwiping","ImageGallery","props","giphyVersion","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","numberOfImageGalleryGridColumns","overlayOpacity","paused","setPaused","progress","setProgress","duration","setDuration","theme","white_snow","colors","imageGallery","backgroundColor","pager","slide","gridPhotos","setGridPhotos","overlay","translucentStatusBar","image","images","setImage","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidScreenHeightAdjustment","screenHeight","halfScreenHeight","quarterScreenHeight","snapPoints","React","useMemo","bottomSheetModalRef","currentBottomSheetIndex","setCurrentBottomSheetIndex","animatedBottomSheetIndex","screenTranslateY","showScreen","value","easing","Easing","out","ease","Keyboard","dismiss","currentImageHeight","setCurrentImageHeight","selectedIndex","setSelectedIndex","index","headerFooterVisible","doubleTapRef","panRef","pinchRef","singleTapRef","translateX","translateY","offsetScale","scale","translationX","photos","reduce","acc","cur","console","log","attachmentImages","attachments","filter","attachment","type","giphy","url","thumb_url","image_url","title_link","og_scrape_url","attachmentPhotos","map","a","imageUrl","channelId","cid","created_at","id","messageId","mime_type","original_height","original_width","uri","width","user","user_id","photoLength","length","updatePosition","newIndex","findIndex","photo","uriForCurrentImage","imageHeight","Math","floor","Image","getSize","onDoubleTap","onPan","onPinch","onSingleTap","headerFooterOpacity","pagerStyle","transform","scaleX","containerBackground","opacity","showScreenStyle","closeGridView","current","close","openGridView","present","videoRef","handleEnd","handleLoad","payload","handleProgress","data","currentTime","seekableDuration","handlePlayPause","seek","replayAsync","state","onProgressDrag","setPositionAsync","StyleSheet","absoluteFillObject","absoluteFill","undefined","styles","animatedContainer","i","abs","marginRight","header","footer","gridHandle","grid","clamp","lowerBound","upperBound","min","max","create","alignItems","flexDirection","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Dimensions,\n  Image,\n  ImageStyle,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  ViewStyle,\n} from 'react-native';\n\nimport {\n  PanGestureHandler,\n  PinchGestureHandler,\n  TapGestureHandler,\n} from 'react-native-gesture-handler';\n\nimport Animated, {\n  Easing,\n  runOnJS,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { BottomSheetModal, BottomSheetModalProvider } from '@gorhom/bottom-sheet';\n\nimport type { UserResponse } from 'stream-chat';\n\nimport { AnimatedGalleryImage } from './components/AnimatedGalleryImage';\nimport { AnimatedGalleryVideo } from './components/AnimatedGalleryVideo';\nimport {\n  ImageGalleryFooter,\n  ImageGalleryFooterCustomComponentProps,\n} from './components/ImageGalleryFooter';\nimport {\n  ImageGalleryHeader,\n  ImageGalleryHeaderCustomComponentProps,\n} from './components/ImageGalleryHeader';\nimport { ImageGalleryOverlay } from './components/ImageGalleryOverlay';\nimport { ImageGalleryGridImageComponents, ImageGrid } from './components/ImageGrid';\nimport {\n  ImageGalleryGridHandleCustomComponentProps,\n  ImageGridHandle,\n} from './components/ImageGridHandle';\n\nimport { useImageGalleryGestures } from './hooks/useImageGalleryGestures';\n\nimport { useImageGalleryContext } from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  OverlayProviderProps,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { VideoPayloadData, VideoProgressData, VideoType } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../utils/getUrlOfImageAttachment';\nimport { vh, vw } from '../../utils/utils';\n\nconst isAndroid = Platform.OS === 'android';\nconst fullScreenHeight = Dimensions.get('screen').height;\nconst measuredScreenHeight = vh(100);\nconst screenWidth = vw(100);\nconst halfScreenWidth = vw(50);\nconst MARGIN = 32;\n\nexport enum HasPinched {\n  FALSE = 0,\n  TRUE,\n}\n\nexport enum IsSwiping {\n  UNDETERMINED = 0,\n  TRUE,\n  FALSE,\n}\n\nexport type ImageGalleryCustomComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#gallery-components).\n   *\n   * - [ImageGalleryFooter](#ImageGalleryFooter)\n   *\n   * - [ImageGrid](#ImageGrid)\n   *\n   * - [ImageGridHandle](#ImageGridHandle)\n   *\n   * - [ImageGalleryHeader](#ImageGalleryHeader)\n   *\n   * e.g.,\n   *\n   * ```js\n   * {\n   *  footer: {\n   *    ShareIcon: CustomShareIconComponent\n   *  },\n   *  grid: {\n   *    avatarComponent: CustomAvatarComponent\n   *  },\n   *  gridHandle: {\n   *    centerComponent: CustomCenterComponent\n   *  },\n   *  header: {\n   *    CloseIcon: CustomCloseButtonComponent\n   *  },\n   * }\n   * ```\n   * @overrideType object\n   */\n  imageGalleryCustomComponents?: {\n    footer?: ImageGalleryFooterCustomComponentProps<StreamChatGenerics>;\n    grid?: ImageGalleryGridImageComponents<StreamChatGenerics>;\n    gridHandle?: ImageGalleryGridHandleCustomComponentProps;\n    header?: ImageGalleryHeaderCustomComponentProps<StreamChatGenerics>;\n  };\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryCustomComponents<StreamChatGenerics> & {\n    overlayOpacity: Animated.SharedValue<number>;\n  } & Pick<\n      OverlayProviderProps<StreamChatGenerics>,\n      | 'giphyVersion'\n      | 'imageGalleryGridSnapPoints'\n      | 'imageGalleryGridHandleHeight'\n      | 'numberOfImageGalleryGridColumns'\n    >;\n\nexport const ImageGallery = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    giphyVersion = 'fixed_height',\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    numberOfImageGalleryGridColumns,\n    overlayOpacity,\n  } = props;\n  const [paused, setPaused] = useState<boolean>(false);\n  const [progress, setProgress] = useState<number>(0);\n  const [duration, setDuration] = useState<number>(0);\n  const {\n    theme: {\n      colors: { white_snow },\n      imageGallery: { backgroundColor, pager, slide },\n    },\n  } = useTheme();\n  const [gridPhotos, setGridPhotos] = useState<Photo<StreamChatGenerics>[]>([]);\n  const { overlay, translucentStatusBar } = useOverlayContext();\n  const { image, images, setImage } = useImageGalleryContext<StreamChatGenerics>();\n\n  /**\n   * Height constants\n   */\n  const statusBarHeight = StatusBar.currentHeight ?? 0;\n  const bottomBarHeight = fullScreenHeight - measuredScreenHeight - statusBarHeight;\n  const androidScreenHeightAdjustment = translucentStatusBar\n    ? bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n      ? 0\n      : statusBarHeight\n    : bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n    ? -statusBarHeight\n    : 0;\n  const screenHeight = isAndroid\n    ? Dimensions.get('window').height + androidScreenHeightAdjustment\n    : vh(100);\n  const halfScreenHeight = screenHeight / 2;\n  const quarterScreenHeight = screenHeight / 4;\n  const snapPoints = React.useMemo(\n    () => [(screenHeight * 3) / 4, screenHeight - (imageGalleryGridHandleHeight ?? 40)],\n    [],\n  );\n\n  /**\n   * BottomSheetModal ref\n   */\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n\n  /**\n   * BottomSheetModal state\n   */\n  const [currentBottomSheetIndex, setCurrentBottomSheetIndex] = useState(0);\n  const animatedBottomSheetIndex = useSharedValue(0);\n\n  /**\n   * Fade animation for screen, it is always rendered with pointerEvents\n   * set to none for fast opening\n   */\n  const screenTranslateY = useSharedValue(screenHeight);\n  const showScreen = () => {\n    'worklet';\n    screenTranslateY.value = withTiming(0, {\n      duration: 250,\n      easing: Easing.out(Easing.ease),\n    });\n  };\n\n  /**\n   * Run the fade animation on visible change\n   */\n  useEffect(() => {\n    Keyboard.dismiss();\n    showScreen();\n  }, []);\n\n  /**\n   * Image height from URL or default to full screen height\n   */\n  const [currentImageHeight, setCurrentImageHeight] = useState<number>(screenHeight);\n\n  /**\n   * JS and UI index values, the JS follows the UI but is needed\n   * for rendering the virtualized image list\n   */\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const index = useSharedValue(0);\n\n  /**\n   * Header visible value for animating in out\n   */\n  const headerFooterVisible = useSharedValue(1);\n\n  /**\n   * Gesture handler refs\n   */\n  const doubleTapRef = useRef<TapGestureHandler>(null);\n  const panRef = useRef<PanGestureHandler>(null);\n  const pinchRef = useRef<PinchGestureHandler>(null);\n  const singleTapRef = useRef<TapGestureHandler>(null);\n\n  /**\n   * Shared values for movement\n   */\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(0);\n  const offsetScale = useSharedValue(1);\n  const scale = useSharedValue(1);\n  const translationX = useSharedValue(0);\n\n  /**\n   * Photos array created from all currently available\n   * photo attachments\n   */\n\n  const photos = images.reduce((acc: Photo<StreamChatGenerics>[], cur) => {\n    console.log(cur);\n    const attachmentImages =\n      cur.attachments?.filter(\n        (attachment) =>\n          (attachment.type === 'giphy' &&\n            (attachment.giphy?.[giphyVersion]?.url ||\n              attachment.thumb_url ||\n              attachment.image_url)) ||\n          (attachment.type === 'image' &&\n            !attachment.title_link &&\n            !attachment.og_scrape_url &&\n            getUrlOfImageAttachment(attachment)) ||\n          attachment.type === 'video',\n      ) || [];\n\n    const attachmentPhotos = attachmentImages.map((a) => {\n      const imageUrl = getUrlOfImageAttachment(a) as string;\n\n      return {\n        channelId: cur.cid,\n        created_at: cur.created_at,\n        id: `photoId-${cur.id}-${imageUrl}`,\n        messageId: cur.id,\n        mime_type: a.mime_type,\n        original_height: a.original_height,\n        original_width: a.original_width,\n        type: a.type,\n        uri: getResizedImageUrl({\n          height: screenHeight,\n          url: imageUrl,\n          width: screenWidth,\n        }),\n        user: cur.user,\n        user_id: cur.user_id,\n      };\n    });\n\n    return [...acc, ...attachmentPhotos] as Photo<StreamChatGenerics>[];\n  }, []);\n\n  /**\n   * Photos length needs to be kept as a const here so if the length\n   * changes it causes the pan gesture handler function to refresh. This\n   * does not work if the calculation for the length of the array is left\n   * inside the gesture handler as it will have an array as a dependency\n   */\n  const photoLength = photos.length;\n\n  /**\n   * Set selected photo when changed via pressing in the message list\n   */\n  useEffect(() => {\n    const updatePosition = (newIndex: number) => {\n      'worklet';\n\n      if (newIndex > -1) {\n        index.value = newIndex;\n        translationX.value = -(screenWidth + MARGIN) * newIndex;\n        runOnJS(setSelectedIndex)(newIndex);\n      }\n    };\n\n    const newIndex = photos.findIndex(\n      (photo) => photo.messageId === image?.messageId && photo.uri === image?.url,\n    );\n\n    if (photoLength > 1) {\n      setPaused(true);\n    }\n\n    runOnUI(updatePosition)(newIndex);\n  }, [image, photoLength]);\n\n  /**\n   * Image heights are not provided and therefore need to be calculated.\n   * We start by allowing the image to be the full height then reduce it\n   * to the proper scaled height based on the width being restricted to the\n   * screen width when the dimensions are received.\n   */\n  const uriForCurrentImage = photos[selectedIndex]?.uri;\n  useEffect(() => {\n    setCurrentImageHeight(screenHeight);\n    const photo = photos[index.value];\n    const height = photo?.original_height;\n    const width = photo?.original_width;\n\n    if (height && width) {\n      const imageHeight = Math.floor(height * (screenWidth / width));\n      setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n    } else if (photo?.uri) {\n      if (photo.type === 'image') {\n        Image.getSize(photo.uri, (width, height) => {\n          const imageHeight = Math.floor(height * (screenWidth / width));\n          setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n        });\n      }\n    }\n  }, [uriForCurrentImage]);\n\n  const { onDoubleTap, onPan, onPinch, onSingleTap } = useImageGalleryGestures({\n    currentImageHeight,\n    halfScreenHeight,\n    halfScreenWidth,\n    headerFooterVisible,\n    offsetScale,\n    overlayOpacity,\n    photoLength,\n    scale,\n    screenHeight,\n    screenWidth,\n    setSelectedIndex,\n    translateX,\n    translateY,\n    translationX,\n  });\n\n  /**\n   * If the header is visible we scale down the opacity of it as the\n   * image is swiped downward\n   */\n  const headerFooterOpacity = useDerivedValue(\n    () =>\n      currentImageHeight * scale.value < screenHeight && translateY.value > 0\n        ? 1 - translateY.value / quarterScreenHeight\n        : currentImageHeight * scale.value > screenHeight &&\n          translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight\n        ? 1 -\n          (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /\n            quarterScreenHeight\n        : 1,\n    [currentImageHeight],\n  );\n\n  /**\n   * This transition and scaleX reverse lets use scroll left\n   */\n  const pagerStyle = useAnimatedStyle<ImageStyle>(\n    () => ({\n      transform: [\n        { scaleX: -1 },\n        {\n          translateX: translationX.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Simple background color animation on Y movement\n   */\n  const containerBackground = useAnimatedStyle<ViewStyle>(\n    () => ({\n      backgroundColor: backgroundColor || white_snow,\n      opacity: headerFooterOpacity.value,\n    }),\n    [headerFooterOpacity],\n  );\n\n  /**\n   * Show screen style as component is always rendered we hide it\n   * down and up and set opacity to 0 for good measure\n   */\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: screenTranslateY.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Functions toclose BottomSheetModal with image grid\n   */\n  const closeGridView = () => {\n    if (bottomSheetModalRef.current?.close) {\n      bottomSheetModalRef.current.close();\n      setGridPhotos([]);\n    }\n  };\n\n  /**\n   * Function to open BottomSheetModal with image grid\n   */\n  const openGridView = () => {\n    if (bottomSheetModalRef.current?.present) {\n      bottomSheetModalRef.current.present();\n      setGridPhotos(photos);\n    }\n  };\n\n  const videoRef = useRef<VideoType>(null);\n\n  const handleEnd = () => {\n    setPaused(true);\n    setProgress(1);\n  };\n\n  const handleLoad = (payload: VideoPayloadData) => {\n    if (payload.duration) setDuration(payload.duration);\n  };\n\n  const handleProgress = (data: VideoProgressData) => {\n    if (data.currentTime && data.seekableDuration) {\n      setProgress(data.currentTime / data.seekableDuration);\n    }\n  };\n\n  const handlePlayPause = () => {\n    // React Native Video for RN CLI has seek as an API to move to a particular location in the video\n    if (progress === 1 && videoRef.current && videoRef.current.seek) {\n      videoRef.current.seek(0);\n    }\n    // Expo AV for Expo has replayAsync as an API to move to a starting of the video\n    if (progress === 1 && videoRef.current && videoRef.current.replayAsync) {\n      videoRef.current.replayAsync();\n    }\n\n    setPaused((state) => !state);\n  };\n\n  const onProgressDrag = (progress: number) => {\n    // React Native Video for RN CLI has seek as an API to move to a particular location in the video\n    if (videoRef.current && videoRef.current.seek) {\n      videoRef.current.seek(progress);\n    }\n\n    // Expo AV for Expo has setPositionAsync as an API to move to a particular location of the video\n    if (videoRef.current && videoRef.current.setPositionAsync) {\n      videoRef.current.setPositionAsync(progress * 1000);\n    }\n  };\n\n  return (\n    <Animated.View pointerEvents={'auto'} style={[StyleSheet.absoluteFillObject, showScreenStyle]}>\n      <Animated.View style={[StyleSheet.absoluteFillObject, containerBackground]} />\n      <TapGestureHandler\n        minPointers={1}\n        numberOfTaps={1}\n        onGestureEvent={onSingleTap}\n        ref={singleTapRef}\n        waitFor={[panRef, pinchRef, doubleTapRef]}\n      >\n        <Animated.View style={StyleSheet.absoluteFillObject}>\n          <TapGestureHandler\n            maxDeltaX={8}\n            maxDeltaY={8}\n            maxDist={8}\n            minPointers={1}\n            numberOfTaps={2}\n            onGestureEvent={onDoubleTap}\n            ref={doubleTapRef}\n          >\n            <Animated.View style={StyleSheet.absoluteFillObject}>\n              <PinchGestureHandler\n                onGestureEvent={onPinch}\n                ref={pinchRef}\n                simultaneousHandlers={[panRef]}\n              >\n                <Animated.View style={StyleSheet.absoluteFill}>\n                  <PanGestureHandler\n                    enabled={overlay === 'gallery'}\n                    maxPointers={isAndroid ? undefined : 1}\n                    minDist={10}\n                    onGestureEvent={onPan}\n                    ref={panRef}\n                    simultaneousHandlers={[pinchRef]}\n                  >\n                    <Animated.View style={StyleSheet.absoluteFill}>\n                      <Animated.View\n                        style={[\n                          styles.animatedContainer,\n                          pagerStyle,\n                          pager,\n                          {\n                            transform: [\n                              { scaleX: -1 }, // Also only here for opening, wrong direction when not included\n                              {\n                                translateX: translationX.value, // Only here for opening, wrong index when this is not included\n                              },\n                            ],\n                          },\n                        ]}\n                      >\n                        {photos.map((photo, i) =>\n                          photo.type === 'video' ? (\n                            <AnimatedGalleryVideo\n                              handleEnd={handleEnd}\n                              handleLoad={handleLoad}\n                              handleProgress={handleProgress}\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              paused={paused}\n                              previous={selectedIndex > i}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              source={{ uri: photo.uri }}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                              videoRef={videoRef}\n                            />\n                          ) : (\n                            <AnimatedGalleryImage\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              photo={photo}\n                              previous={selectedIndex > i}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                            />\n                          ),\n                        )}\n                      </Animated.View>\n                    </Animated.View>\n                  </PanGestureHandler>\n                </Animated.View>\n              </PinchGestureHandler>\n            </Animated.View>\n          </TapGestureHandler>\n        </Animated.View>\n      </TapGestureHandler>\n      <ImageGalleryHeader<StreamChatGenerics>\n        opacity={headerFooterOpacity}\n        photo={photos[selectedIndex]}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.header}\n      />\n      <ImageGalleryFooter<StreamChatGenerics>\n        duration={duration}\n        onPlayPause={handlePlayPause}\n        onProgressDrag={onProgressDrag}\n        opacity={headerFooterOpacity}\n        openGridView={openGridView}\n        paused={paused}\n        photo={photos[selectedIndex]}\n        photoLength={photoLength}\n        progress={progress}\n        selectedIndex={selectedIndex}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.footer}\n      />\n\n      <ImageGalleryOverlay\n        animatedBottomSheetIndex={animatedBottomSheetIndex}\n        closeGridView={closeGridView}\n        currentBottomSheetIndex={currentBottomSheetIndex}\n      />\n      <BottomSheetModalProvider>\n        <BottomSheetModal\n          animatedIndex={animatedBottomSheetIndex}\n          enablePanDownToClose={true}\n          handleComponent={() => (\n            <ImageGridHandle\n              closeGridView={closeGridView}\n              {...imageGalleryCustomComponents?.gridHandle}\n            />\n          )}\n          handleHeight={imageGalleryGridHandleHeight ?? 40}\n          index={0}\n          onChange={(index: number) => setCurrentBottomSheetIndex(index)}\n          ref={bottomSheetModalRef}\n          snapPoints={imageGalleryGridSnapPoints || snapPoints}\n        >\n          <ImageGrid\n            closeGridView={closeGridView}\n            numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n            photos={gridPhotos}\n            setImage={setImage}\n            {...imageGalleryCustomComponents?.grid}\n          />\n        </BottomSheetModal>\n      </BottomSheetModalProvider>\n    </Animated.View>\n  );\n};\n\n/**\n * Clamping worklet to clamp the scaling\n */\nexport const clamp = (value: number, lowerBound: number, upperBound: number) => {\n  'worklet';\n  return Math.min(Math.max(lowerBound, value), upperBound);\n};\n\nconst styles = StyleSheet.create({\n  animatedContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n});\n\nexport type Photo<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  id: string;\n  uri: string;\n  channelId?: string;\n  created_at?: string | Date;\n  messageId?: string;\n  mime_type?: string;\n  original_height?: number;\n  original_width?: number;\n  type?: string;\n  user?: UserResponse<StreamChatGenerics> | null;\n  user_id?: string;\n};\n\nImageGallery.displayName = 'ImageGallery{imageGallery}';\n"]}

package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryImage.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var screenWidth = (0, _utils.vw)(100);
 var halfScreenWidth = (0, _utils.vw)(50);
-var oneEight = 1 / 8;
+var oneEighth = 1 / 8;
 
 var AnimatedGalleryImage = _react["default"].memo(function (props) {
   var index = props.index,
@@ -47,7 +47,7 @@ var AnimatedGalleryImage = _react["default"].memo(function (props) {
       }, {
         translateY: selected ? translateY.value + yScaleOffset : yScaleOffset
       }, {
-        scale: selected ? scale.value / 8 : oneEight
+        scale: selected ? scale.value / 8 : oneEighth
       }, {
         scaleX: -1
       }]
@@ -58,7 +58,7 @@ var AnimatedGalleryImage = _react["default"].memo(function (props) {
     return _react["default"].createElement(_reactNative.View, {
       style: [style, {
         transform: [{
-          scale: oneEight
+          scale: oneEighth
         }]
       }],
       __self: _this,
@@ -83,7 +83,7 @@ var AnimatedGalleryImage = _react["default"].memo(function (props) {
       }, {
         translateX: -translateX.value + 7 * screenWidth * (0.5 + index)
       }, {
-        scale: oneEight
+        scale: oneEighth
       }]
     }],
     __self: _this,

package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryImage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnimatedGalleryImage.tsx"],"names":["screenWidth","halfScreenWidth","oneEight","AnimatedGalleryImage","React","memo","props","index","offsetScale","photo","previous","scale","screenHeight","selected","shouldRender","style","translateX","translateY","AnimatedGalleryImageStyle","xScaleOffset","yScaleOffset","transform","value","scaleX","uri","prevProps","nextProps","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { ImageStyle, StyleProp } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport { vw } from '../../../utils/utils';\n\nconst screenWidth = vw(100);\nconst halfScreenWidth = vw(50);\nconst oneEight = 1 / 8;\n\ntype Props = {\n  index: number;\n  offsetScale: Animated.SharedValue<number>;\n  photo: { uri: string };\n  previous: boolean;\n  scale: Animated.SharedValue<number>;\n  screenHeight: number;\n  selected: boolean;\n  shouldRender: boolean;\n  translateX: Animated.SharedValue<number>;\n  translateY: Animated.SharedValue<number>;\n  style?: StyleProp<ImageStyle>;\n};\n\nexport const AnimatedGalleryImage: React.FC<Props> = React.memo(\n  (props) => {\n    const {\n      index,\n      offsetScale,\n      photo,\n      previous,\n      scale,\n      screenHeight,\n      selected,\n      shouldRender,\n      style,\n      translateX,\n      translateY,\n    } = props;\n\n    /**\n     * The current image, designated by selected is scaled and translated\n     * based on the gestures. The rendered images before and after the\n     * currently selected image also translated in X if the scale is\n     * greater than one so they keep the same distance from the selected\n     * image as it is scaled. If the scale is less than one they stay in\n     * place as to not come into the screen when the image shrinks.\n     */\n    const AnimatedGalleryImageStyle = useAnimatedStyle<ImageStyle>(() => {\n      const xScaleOffset = -7 * screenWidth * (0.5 + index);\n      const yScaleOffset = -screenHeight * 3.5;\n      return {\n        transform: [\n          {\n            translateX: selected\n              ? translateX.value + xScaleOffset\n              : scale.value < 1 || scale.value !== offsetScale.value\n              ? xScaleOffset\n              : previous\n              ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset\n              : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset,\n          },\n          {\n            translateY: selected ? translateY.value + yScaleOffset : yScaleOffset,\n          },\n          {\n            scale: selected ? scale.value / 8 : oneEight,\n          },\n          { scaleX: -1 },\n        ],\n      };\n    }, [previous, selected]);\n\n    /**\n     * An empty view is rendered for images not close to the currently\n     * selected in order to maintain spacing while reducing the image\n     * load on memory.\n     */\n    if (!shouldRender) {\n      return <View style={[style, { transform: [{ scale: oneEight }] }]} />;\n    }\n\n    return (\n      <Animated.Image\n        resizeMode={'contain'}\n        source={{ uri: photo.uri }}\n        style={[\n          style,\n          AnimatedGalleryImageStyle,\n          {\n            transform: [\n              { scaleX: -1 },\n              { translateY: -screenHeight * 3.5 },\n              {\n                translateX: -translateX.value + 7 * screenWidth * (0.5 + index),\n              },\n              { scale: oneEight },\n            ],\n          },\n        ]}\n      />\n    );\n  },\n  (prevProps, nextProps) => {\n    if (\n      prevProps.selected === nextProps.selected &&\n      prevProps.shouldRender === nextProps.shouldRender &&\n      prevProps.photo.uri === nextProps.photo.uri &&\n      prevProps.previous === nextProps.previous &&\n      prevProps.index === nextProps.index &&\n      prevProps.screenHeight === nextProps.screenHeight\n    ) {\n      return true;\n    }\n    return false;\n  },\n);\n\nAnimatedGalleryImage.displayName = 'AnimatedGalleryImage';\n"]}
+{"version":3,"sources":["AnimatedGalleryImage.tsx"],"names":["screenWidth","halfScreenWidth","oneEighth","AnimatedGalleryImage","React","memo","props","index","offsetScale","photo","previous","scale","screenHeight","selected","shouldRender","style","translateX","translateY","AnimatedGalleryImageStyle","xScaleOffset","yScaleOffset","transform","value","scaleX","uri","prevProps","nextProps","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { ImageStyle, StyleProp } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport { vw } from '../../../utils/utils';\n\nconst screenWidth = vw(100);\nconst halfScreenWidth = vw(50);\nconst oneEighth = 1 / 8;\n\ntype Props = {\n  index: number;\n  offsetScale: Animated.SharedValue<number>;\n  photo: { uri: string };\n  previous: boolean;\n  scale: Animated.SharedValue<number>;\n  screenHeight: number;\n  selected: boolean;\n  shouldRender: boolean;\n  translateX: Animated.SharedValue<number>;\n  translateY: Animated.SharedValue<number>;\n  style?: StyleProp<ImageStyle>;\n};\n\nexport const AnimatedGalleryImage: React.FC<Props> = React.memo(\n  (props) => {\n    const {\n      index,\n      offsetScale,\n      photo,\n      previous,\n      scale,\n      screenHeight,\n      selected,\n      shouldRender,\n      style,\n      translateX,\n      translateY,\n    } = props;\n\n    /**\n     * The current image, designated by selected is scaled and translated\n     * based on the gestures. The rendered images before and after the\n     * currently selected image also translated in X if the scale is\n     * greater than one so they keep the same distance from the selected\n     * image as it is scaled. If the scale is less than one they stay in\n     * place as to not come into the screen when the image shrinks.\n     */\n    const AnimatedGalleryImageStyle = useAnimatedStyle<ImageStyle>(() => {\n      const xScaleOffset = -7 * screenWidth * (0.5 + index);\n      const yScaleOffset = -screenHeight * 3.5;\n      return {\n        transform: [\n          {\n            translateX: selected\n              ? translateX.value + xScaleOffset\n              : scale.value < 1 || scale.value !== offsetScale.value\n              ? xScaleOffset\n              : previous\n              ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset\n              : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset,\n          },\n          {\n            translateY: selected ? translateY.value + yScaleOffset : yScaleOffset,\n          },\n          {\n            scale: selected ? scale.value / 8 : oneEighth,\n          },\n          { scaleX: -1 },\n        ],\n      };\n    }, [previous, selected]);\n\n    /**\n     * An empty view is rendered for images not close to the currently\n     * selected in order to maintain spacing while reducing the image\n     * load on memory.\n     */\n    if (!shouldRender) {\n      return <View style={[style, { transform: [{ scale: oneEighth }] }]} />;\n    }\n\n    return (\n      <Animated.Image\n        resizeMode={'contain'}\n        source={{ uri: photo.uri }}\n        style={[\n          style,\n          AnimatedGalleryImageStyle,\n          {\n            transform: [\n              { scaleX: -1 },\n              { translateY: -screenHeight * 3.5 },\n              {\n                translateX: -translateX.value + 7 * screenWidth * (0.5 + index),\n              },\n              { scale: oneEighth },\n            ],\n          },\n        ]}\n      />\n    );\n  },\n  (prevProps, nextProps) => {\n    if (\n      prevProps.selected === nextProps.selected &&\n      prevProps.shouldRender === nextProps.shouldRender &&\n      prevProps.photo.uri === nextProps.photo.uri &&\n      prevProps.previous === nextProps.previous &&\n      prevProps.index === nextProps.index &&\n      prevProps.screenHeight === nextProps.screenHeight\n    ) {\n      return true;\n    }\n    return false;\n  },\n);\n\nAnimatedGalleryImage.displayName = 'AnimatedGalleryImage';\n"]}

package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryVideo.js

@@ -0,0 +1,225 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedGalleryVideo = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+
+var _native = require("../../../native");
+
+var _utils = require("../../../utils/utils");
+
+var _Spinner = require("../../Spinner/Spinner");
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var screenWidth = (0, _utils.vw)(100);
+var halfScreenWidth = (0, _utils.vw)(50);
+var oneEighth = 1 / 8;
+
+var styles = _reactNative.StyleSheet.create({
+  activityIndicator: {
+    alignSelf: 'center'
+  },
+  videoPlayer: {
+    height: '100%',
+    width: '100%'
+  }
+});
+
+var AnimatedGalleryVideo = _react["default"].memo(function (props) {
+  var _useState = (0, _react.useState)(1),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      opacity = _useState2[0],
+      setOpacity = _useState2[1];
+
+  var handleEnd = props.handleEnd,
+      handleLoad = props.handleLoad,
+      handleProgress = props.handleProgress,
+      index = props.index,
+      offsetScale = props.offsetScale,
+      paused = props.paused,
+      previous = props.previous,
+      scale = props.scale,
+      screenHeight = props.screenHeight,
+      selected = props.selected,
+      shouldRender = props.shouldRender,
+      source = props.source,
+      style = props.style,
+      translateX = props.translateX,
+      translateY = props.translateY,
+      videoRef = props.videoRef;
+
+  var onLoadStart = function onLoadStart() {
+    setOpacity(1);
+  };
+
+  var onLoad = function onLoad(payload) {
+    setOpacity(0);
+    handleLoad(payload);
+  };
+
+  var onEnd = function onEnd() {
+    handleEnd();
+  };
+
+  var onProgress = function onProgress(data) {
+    handleProgress(data);
+  };
+
+  var onBuffer = function onBuffer(_ref) {
+    var isBuffering = _ref.isBuffering;
+    if (isBuffering) setOpacity(1);else setOpacity(0);
+  };
+
+  var onPlayBackStatusUpdate = function onPlayBackStatusUpdate(playbackStatus) {
+    if (!playbackStatus.isLoaded) {
+      setOpacity(1);
+
+      if (playbackStatus.error) {
+        console.error("Encountered a fatal error during playback: " + playbackStatus.error);
+      }
+    } else {
+      setOpacity(0);
+      handleLoad({
+        duration: playbackStatus.durationMillis / 1000
+      });
+
+      if (playbackStatus.isPlaying) {
+        handleProgress({
+          currentTime: playbackStatus.positionMillis / 1000,
+          seekableDuration: playbackStatus.durationMillis / 1000
+        });
+      }
+
+      if (playbackStatus.isBuffering) {
+        setOpacity(1);
+      }
+
+      if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {
+        handleEnd();
+      }
+    }
+  };
+
+  var animatedViewStyles = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    var xScaleOffset = -7 * screenWidth * (0.5 + index);
+    var yScaleOffset = -screenHeight * 3.5;
+    return {
+      transform: [{
+        translateX: selected ? translateX.value + xScaleOffset : scale.value < 1 || scale.value !== offsetScale.value ? xScaleOffset : previous ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset
+      }, {
+        translateY: selected ? translateY.value + yScaleOffset : yScaleOffset
+      }, {
+        scale: selected ? scale.value / 8 : oneEighth
+      }, {
+        scaleX: -1
+      }]
+    };
+  }, [previous, selected]);
+
+  if (!shouldRender) {
+    return _react["default"].createElement(_reactNative.View, {
+      style: [style, {
+        transform: [{
+          scale: oneEighth
+        }]
+      }],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 156,
+        columnNumber: 14
+      }
+    });
+  }
+
+  return _react["default"].createElement(_reactNativeReanimated["default"].View, {
+    style: [style, animatedViewStyles, {
+      transform: [{
+        scaleX: -1
+      }, {
+        translateY: -screenHeight * 3.5
+      }, {
+        translateX: -translateX.value + 7 * screenWidth * (0.5 + index)
+      }, {
+        scale: oneEighth
+      }]
+    }],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 160,
+      columnNumber: 7
+    }
+  }, _react["default"].createElement(_native.Video, {
+    onBuffer: onBuffer,
+    onEnd: onEnd,
+    onLoad: onLoad,
+    onLoadStart: onLoadStart,
+    onPlaybackStatusUpdate: onPlayBackStatusUpdate,
+    onProgress: onProgress,
+    paused: paused,
+    resizeMode: "cover",
+    style: style,
+    uri: source.uri,
+    videoRef: videoRef,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 176,
+      columnNumber: 9
+    }
+  }), _react["default"].createElement(_reactNativeReanimated["default"].View, {
+    style: [styles.activityIndicator, {
+      opacity: opacity,
+      transform: [{
+        scaleX: -1
+      }, {
+        translateY: -screenHeight * 4
+      }, {
+        scale: 1 / oneEighth
+      }]
+    }],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 189,
+      columnNumber: 9
+    }
+  }, _react["default"].createElement(_Spinner.Spinner, {
+    height: 40,
+    width: 40,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 202,
+      columnNumber: 11
+    }
+  })));
+}, function (prevProps, nextProps) {
+  if (prevProps.paused === nextProps.paused && prevProps.shouldRender === nextProps.shouldRender && prevProps.source.uri === nextProps.source.uri && prevProps.screenHeight === nextProps.screenHeight && prevProps.selected === nextProps.selected && prevProps.previous === nextProps.previous && prevProps.index === nextProps.index) {
+    return true;
+  }
+
+  return false;
+});
+
+exports.AnimatedGalleryVideo = AnimatedGalleryVideo;
+AnimatedGalleryVideo.displayName = 'AnimatedGalleryVideo';
+//# sourceMappingURL=AnimatedGalleryVideo.js.map

package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedGalleryVideo.tsx"],"names":["screenWidth","halfScreenWidth","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","AnimatedGalleryVideo","React","memo","props","opacity","setOpacity","handleEnd","handleLoad","handleProgress","index","offsetScale","paused","previous","scale","screenHeight","selected","shouldRender","source","style","translateX","translateY","videoRef","onLoadStart","onLoad","payload","onEnd","onProgress","data","onBuffer","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","duration","durationMillis","isPlaying","currentTime","positionMillis","seekableDuration","didJustFinish","isLooping","animatedViewStyles","xScaleOffset","yScaleOffset","transform","value","scaleX","uri","prevProps","nextProps","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View, ViewStyle } from 'react-native';\nimport type { StyleProp } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport {\n  PlaybackStatus,\n  Video,\n  VideoPayloadData,\n  VideoProgressData,\n  VideoType,\n} from '../../../native';\n\nimport { vw } from '../../../utils/utils';\nimport { Spinner } from '../../Spinner/Spinner';\n\nconst screenWidth = vw(100);\nconst halfScreenWidth = vw(50);\nconst oneEighth = 1 / 8;\n\ntype Props = {\n  handleEnd: () => void;\n  handleLoad: (payload: VideoPayloadData) => void;\n  handleProgress: (data: VideoProgressData) => void;\n  index: number;\n  offsetScale: Animated.SharedValue<number>;\n  paused: boolean;\n  previous: boolean;\n  scale: Animated.SharedValue<number>;\n  screenHeight: number;\n  selected: boolean;\n  shouldRender: boolean;\n  source: { uri: string };\n  translateX: Animated.SharedValue<number>;\n  translateY: Animated.SharedValue<number>;\n  videoRef: React.RefObject<VideoType>;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst styles = StyleSheet.create({\n  activityIndicator: {\n    alignSelf: 'center',\n  },\n  videoPlayer: {\n    height: '100%',\n    width: '100%',\n  },\n});\n\nexport const AnimatedGalleryVideo: React.FC<Props> = React.memo(\n  (props) => {\n    const [opacity, setOpacity] = useState<number>(1);\n    const {\n      handleEnd,\n      handleLoad,\n      handleProgress,\n      index,\n      offsetScale,\n      paused,\n      previous,\n      scale,\n      screenHeight,\n      selected,\n      shouldRender,\n      source,\n      style,\n      translateX,\n      translateY,\n      videoRef,\n    } = props;\n\n    const onLoadStart = () => {\n      setOpacity(1);\n    };\n\n    const onLoad = (payload: VideoPayloadData) => {\n      setOpacity(0);\n      handleLoad(payload);\n    };\n\n    const onEnd = () => {\n      handleEnd();\n    };\n\n    const onProgress = (data: VideoProgressData) => {\n      handleProgress(data);\n    };\n\n    const onBuffer = ({ isBuffering }: { isBuffering: boolean }) => {\n      if (isBuffering) setOpacity(1);\n      else setOpacity(0);\n    };\n\n    const onPlayBackStatusUpdate = (playbackStatus: PlaybackStatus) => {\n      if (!playbackStatus.isLoaded) {\n        // Update your UI for the unloaded state\n        setOpacity(1);\n        if (playbackStatus.error) {\n          console.error(`Encountered a fatal error during playback: ${playbackStatus.error}`);\n        }\n      } else {\n        // Update your UI for the loaded state\n        setOpacity(0);\n        handleLoad({ duration: playbackStatus.durationMillis / 1000 });\n        if (playbackStatus.isPlaying) {\n          // Update your UI for the playing state\n          handleProgress({\n            currentTime: playbackStatus.positionMillis / 1000,\n            seekableDuration: playbackStatus.durationMillis / 1000,\n          });\n        }\n\n        if (playbackStatus.isBuffering) {\n          // Update your UI for the buffering state\n          setOpacity(1);\n        }\n\n        if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {\n          // The player has just finished playing and will stop. Maybe you want to play something else?\n          handleEnd();\n        }\n      }\n    };\n\n    const animatedViewStyles = useAnimatedStyle<ViewStyle>(() => {\n      const xScaleOffset = -7 * screenWidth * (0.5 + index);\n      const yScaleOffset = -screenHeight * 3.5;\n      return {\n        transform: [\n          {\n            translateX: selected\n              ? translateX.value + xScaleOffset\n              : scale.value < 1 || scale.value !== offsetScale.value\n              ? xScaleOffset\n              : previous\n              ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset\n              : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset,\n          },\n          {\n            translateY: selected ? translateY.value + yScaleOffset : yScaleOffset,\n          },\n          {\n            scale: selected ? scale.value / 8 : oneEighth,\n          },\n          { scaleX: -1 },\n        ],\n      };\n    }, [previous, selected]);\n\n    /**\n     * An empty view is rendered for images not close to the currently\n     * selected in order to maintain spacing while reducing the image\n     * load on memory.\n     */\n    if (!shouldRender) {\n      return <View style={[style, { transform: [{ scale: oneEighth }] }]} />;\n    }\n\n    return (\n      <Animated.View\n        style={[\n          style,\n          animatedViewStyles,\n          {\n            transform: [\n              { scaleX: -1 },\n              { translateY: -screenHeight * 3.5 },\n              {\n                translateX: -translateX.value + 7 * screenWidth * (0.5 + index),\n              },\n              { scale: oneEighth },\n            ],\n          },\n        ]}\n      >\n        <Video\n          onBuffer={onBuffer}\n          onEnd={onEnd}\n          onLoad={onLoad}\n          onLoadStart={onLoadStart}\n          onPlaybackStatusUpdate={onPlayBackStatusUpdate}\n          onProgress={onProgress}\n          paused={paused}\n          resizeMode='cover'\n          style={style}\n          uri={source.uri}\n          videoRef={videoRef}\n        />\n        <Animated.View\n          style={[\n            styles.activityIndicator,\n            {\n              opacity,\n              transform: [\n                { scaleX: -1 },\n                { translateY: -screenHeight * 4 },\n                { scale: 1 / oneEighth },\n              ],\n            },\n          ]}\n        >\n          <Spinner height={40} width={40} />\n        </Animated.View>\n      </Animated.View>\n    );\n  },\n\n  (prevProps, nextProps) => {\n    if (\n      prevProps.paused === nextProps.paused &&\n      prevProps.shouldRender === nextProps.shouldRender &&\n      prevProps.source.uri === nextProps.source.uri &&\n      prevProps.screenHeight === nextProps.screenHeight &&\n      prevProps.selected === nextProps.selected &&\n      prevProps.previous === nextProps.previous &&\n      prevProps.index === nextProps.index\n    ) {\n      return true;\n    }\n    return false;\n  },\n);\n\nAnimatedGalleryVideo.displayName = 'AnimatedGalleryVideo';\n"]}