@droppii-org/chat-mobile 0.2.49 → 0.2.51

package/lib/module/components/StickerPicker/StickerCategoryTabs.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { memo, useEffect, useRef } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KColors, KSpacingValue, KRadiusValue } from '@droppii/libs';
+import { CATEGORY_TAB_HEIGHT, RECENT_CATEGORY_ID } from "./constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StickerCategoryTabs = /*#__PURE__*/memo(({
+  categories,
+  activeCategory,
+  onSelectCategory
+}) => {
+  const listRef = useRef(null);
+  const pressedFromHereRef = useRef(false);
+  useEffect(() => {
+    if (pressedFromHereRef.current) {
+      pressedFromHereRef.current = false;
+      return;
+    }
+    const index = categories.findIndex(c => c.id === activeCategory);
+    if (index >= 0 && listRef.current) {
+      try {
+        listRef.current.scrollToIndex({
+          index,
+          animated: true,
+          viewPosition: 0.5
+        });
+      } catch {}
+    }
+  }, [activeCategory, categories]);
+  return /*#__PURE__*/_jsx(KContainer.FlatList, {
+    ref: listRef,
+    data: categories,
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    keyExtractor: item => item.id,
+    renderItem: ({
+      item
+    }) => {
+      const isActive = item.id === activeCategory;
+      return /*#__PURE__*/_jsx(KContainer.Touchable, {
+        onPress: () => {
+          pressedFromHereRef.current = true;
+          onSelectCategory(item.id);
+        },
+        center: true,
+        style: [styles.tab, isActive && styles.tabActive],
+        children: item?.id === RECENT_CATEGORY_ID ? /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "time-circle-b",
+          size: 28
+        }) : item?.icon && /*#__PURE__*/_jsx(KImage.Base, {
+          uri: item?.icon?.fullUrl,
+          width: 28,
+          height: 28
+        })
+      });
+    },
+    style: styles.list,
+    contentContainerStyle: styles.content
+  });
+});
+const styles = StyleSheet.create({
+  list: {
+    height: CATEGORY_TAB_HEIGHT
+  },
+  content: {
+    alignItems: 'center',
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    gap: KSpacingValue['0.75rem']
+  },
+  tab: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: KSpacingValue['0.25rem']
+  },
+  tabActive: {
+    borderRadius: KRadiusValue['2x'],
+    backgroundColor: KColors.opacity.grayDark[10],
+    borderWidth: 1,
+    borderColor: KColors.palette.gray.w700
+  },
+  recentIcon: {
+    fontSize: 22
+  }
+});
+//# sourceMappingURL=StickerCategoryTabs.js.map

package/lib/module/components/StickerPicker/StickerCategoryTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useRef","StyleSheet","KContainer","KImage","KColors","KSpacingValue","KRadiusValue","CATEGORY_TAB_HEIGHT","RECENT_CATEGORY_ID","jsx","_jsx","StickerCategoryTabs","categories","activeCategory","onSelectCategory","listRef","pressedFromHereRef","current","index","findIndex","c","id","scrollToIndex","animated","viewPosition","FlatList","ref","data","horizontal","showsHorizontalScrollIndicator","keyExtractor","item","renderItem","isActive","Touchable","onPress","center","style","styles","tab","tabActive","children","VectorIcons","name","size","icon","Base","uri","fullUrl","width","height","list","contentContainerStyle","content","create","alignItems","paddingHorizontal","gap","justifyContent","padding","borderRadius","backgroundColor","opacity","grayDark","borderWidth","borderColor","palette","gray","w700","recentIcon","fontSize"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/StickerCategoryTabs.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/StickerPicker/StickerPickerPlaceholder.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { KColors, KContainer, KRadiusValue } from '@droppii/libs';
+import { STICKER_SIZE } from "./constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StickerPickerPlaceholder = () => /*#__PURE__*/_jsx(KContainer.View, {
+  style: styles.placeholder
+});
+const styles = StyleSheet.create({
+  placeholder: {
+    width: STICKER_SIZE,
+    height: STICKER_SIZE,
+    borderRadius: KRadiusValue['2x'],
+    backgroundColor: KColors.border.light
+  }
+});
+//# sourceMappingURL=StickerPickerPlaceholder.js.map

package/lib/module/components/StickerPicker/StickerPickerPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","KColors","KContainer","KRadiusValue","STICKER_SIZE","jsx","_jsx","StickerPickerPlaceholder","View","style","styles","placeholder","create","width","height","borderRadius","backgroundColor","border","light"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/StickerPickerPlaceholder.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,EAAEC,UAAU,EAAEC,YAAY,QAAQ,eAAe;AACjE,SAASC,YAAY,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,kBACtCD,IAAA,CAACJ,UAAU,CAACM,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC;AAAY,CAAE,CAC9C;AAED,MAAMD,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,WAAW,EAAE;IACXE,KAAK,EAAET,YAAY;IACnBU,MAAM,EAAEV,YAAY;IACpBW,YAAY,EAAEZ,YAAY,CAAC,IAAI,CAAC;IAChCa,eAAe,EAAEf,OAAO,CAACgB,MAAM,CAACC;EAClC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/StickerPicker/StickerPickerRowItem.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage } from '@droppii/libs';
+import { STICKER_SIZE, STICKER_GAP } from "./constants.js";
+import { StickerPickerPlaceholder } from "./StickerPickerPlaceholder.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StickerPickerRowItem = ({
+  row,
+  onSelectSticker
+}) => /*#__PURE__*/_jsx(KContainer.View, {
+  row: true,
+  style: styles.row,
+  children: row.map((sticker, i) => /*#__PURE__*/_jsx(KContainer.View, {
+    style: i < row.length - 1 ? styles.cell : undefined,
+    children: sticker ? /*#__PURE__*/_jsx(KContainer.Touchable, {
+      onPress: () => onSelectSticker(sticker),
+      children: /*#__PURE__*/_jsx(KImage.Base, {
+        uri: sticker.file.fullUrl,
+        width: STICKER_SIZE,
+        height: STICKER_SIZE
+      })
+    }) : /*#__PURE__*/_jsx(StickerPickerPlaceholder, {})
+  }, i))
+});
+const styles = StyleSheet.create({
+  row: {
+    marginBottom: STICKER_GAP,
+    paddingHorizontal: 12
+  },
+  cell: {
+    marginRight: STICKER_GAP
+  }
+});
+//# sourceMappingURL=StickerPickerRowItem.js.map

package/lib/module/components/StickerPicker/StickerPickerRowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","KContainer","KImage","STICKER_SIZE","STICKER_GAP","StickerPickerPlaceholder","jsx","_jsx","StickerPickerRowItem","row","onSelectSticker","View","style","styles","children","map","sticker","i","length","cell","undefined","Touchable","onPress","Base","uri","file","fullUrl","width","height","create","marginBottom","paddingHorizontal","marginRight"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/StickerPickerRowItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,YAAY,EAAEC,WAAW,QAAQ,gBAAa;AAEvD,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtE,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAuB,CAAC,kBAClEH,IAAA,CAACN,UAAU,CAACU,IAAI;EAACF,GAAG;EAACG,KAAK,EAAEC,MAAM,CAACJ,GAAI;EAAAK,QAAA,EACpCL,GAAG,CAACM,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,kBAClBV,IAAA,CAACN,UAAU,CAACU,IAAI;IAEdC,KAAK,EAAEK,CAAC,GAAGR,GAAG,CAACS,MAAM,GAAG,CAAC,GAAGL,MAAM,CAACM,IAAI,GAAGC,SAAU;IAAAN,QAAA,EAEnDE,OAAO,gBACNT,IAAA,CAACN,UAAU,CAACoB,SAAS;MAACC,OAAO,EAAEA,CAAA,KAAMZ,eAAe,CAACM,OAAO,CAAE;MAAAF,QAAA,eAC5DP,IAAA,CAACL,MAAM,CAACqB,IAAI;QACVC,GAAG,EAAER,OAAO,CAACS,IAAI,CAACC,OAAQ;QAC1BC,KAAK,EAAExB,YAAa;QACpByB,MAAM,EAAEzB;MAAa,CACtB;IAAC,CACkB,CAAC,gBAEvBI,IAAA,CAACF,wBAAwB,IAAE;EAC5B,GAbIY,CAcU,CAClB;AAAC,CACa,CAClB;AAED,MAAMJ,MAAM,GAAGb,UAAU,CAAC6B,MAAM,CAAC;EAC/BpB,GAAG,EAAE;IACHqB,YAAY,EAAE1B,WAAW;IACzB2B,iBAAiB,EAAE;EACrB,CAAC;EACDZ,IAAI,EAAE;IACJa,WAAW,EAAE5B;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/StickerPicker/StickerSectionList.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { forwardRef, useCallback, useRef } from 'react';
+import { SectionList, StyleSheet } from 'react-native';
+import { KColors, KLabel, KSpacingValue } from '@droppii/libs';
+import { StickerPickerRowItem } from "./StickerPickerRowItem.js";
+import { STICKER_PICKER_CONTENT_HEIGHT } from "./constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AT_BOTTOM_THRESHOLD = 8;
+const VIEWABILITY_CONFIG = {
+  itemVisiblePercentThreshold: 10
+};
+export const StickerSectionList = /*#__PURE__*/forwardRef(({
+  sections,
+  onSectionVisible,
+  onActiveCategoryChange,
+  onSelectSticker
+}, ref) => {
+  const onSectionVisibleRef = useRef(onSectionVisible);
+  onSectionVisibleRef.current = onSectionVisible;
+  const onActiveCategoryChangeRef = useRef(onActiveCategoryChange);
+  onActiveCategoryChangeRef.current = onActiveCategoryChange;
+  const sectionsRef = useRef(sections);
+  sectionsRef.current = sections;
+  const isAtBottomRef = useRef(false);
+  const onScroll = useCallback(e => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = e.nativeEvent;
+    isAtBottomRef.current = contentOffset.y + layoutMeasurement.height >= contentSize.height - AT_BOTTOM_THRESHOLD;
+  }, []);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(StickerPickerRowItem, {
+    row: item,
+    onSelectSticker: onSelectSticker
+  }), [onSelectSticker]);
+  const renderSectionHeader = useCallback(({
+    section
+  }) => /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TitleSection",
+    style: styles.sectionHeader,
+    color: KColors.gray.light,
+    children: section.title
+  }), []);
+  const onViewableItemsChanged = useCallback(args => {
+    const {
+      viewableItems
+    } = args;
+    if (!viewableItems.length) return;
+
+    // Trigger lazy load for all currently visible sections
+    const seenCategories = new Set();
+    viewableItems.forEach(vi => {
+      const cat = vi.section?.categoryId;
+      if (cat && !seenCategories.has(cat)) {
+        seenCategories.add(cat);
+        onSectionVisibleRef.current(cat);
+      }
+    });
+
+    // When at the bottom of the list, force the last section as active.
+    // This handles the edge case where the last section has few items and
+    // its header never reaches the top of the viewport.
+    if (isAtBottomRef.current) {
+      const lastSection = sectionsRef.current[sectionsRef.current.length - 1];
+      if (lastSection) {
+        onActiveCategoryChangeRef.current(lastSection.categoryId);
+      }
+      return;
+    }
+
+    // Otherwise use the first visible item's section (symmetric for both
+    // scroll directions: switches when the section header enters from either end).
+    const firstVisible = viewableItems.find(vi => vi.section != null);
+    const categoryId = firstVisible?.section?.categoryId;
+    if (categoryId) {
+      onActiveCategoryChangeRef.current(categoryId);
+    }
+  }, []);
+  return /*#__PURE__*/_jsx(SectionList, {
+    ref: ref,
+    sections: sections,
+    renderItem: renderItem,
+    renderSectionHeader: renderSectionHeader,
+    keyExtractor: (_, index) => String(index),
+    onScroll: onScroll,
+    scrollEventThrottle: 16,
+    onViewableItemsChanged: onViewableItemsChanged,
+    viewabilityConfig: VIEWABILITY_CONFIG,
+    removeClippedSubviews: true,
+    initialNumToRender: 8,
+    maxToRenderPerBatch: 8,
+    style: styles.list,
+    showsVerticalScrollIndicator: false,
+    stickySectionHeadersEnabled: false
+  });
+});
+const styles = StyleSheet.create({
+  list: {
+    height: STICKER_PICKER_CONTENT_HEIGHT
+  },
+  sectionHeader: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.25rem']
+  }
+});
+//# sourceMappingURL=StickerSectionList.js.map

package/lib/module/components/StickerPicker/StickerSectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useRef","SectionList","StyleSheet","KColors","KLabel","KSpacingValue","StickerPickerRowItem","STICKER_PICKER_CONTENT_HEIGHT","jsx","_jsx","AT_BOTTOM_THRESHOLD","VIEWABILITY_CONFIG","itemVisiblePercentThreshold","StickerSectionList","sections","onSectionVisible","onActiveCategoryChange","onSelectSticker","ref","onSectionVisibleRef","current","onActiveCategoryChangeRef","sectionsRef","isAtBottomRef","onScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","y","height","renderItem","item","row","renderSectionHeader","section","Text","typo","style","styles","sectionHeader","color","gray","light","children","title","onViewableItemsChanged","args","viewableItems","length","seenCategories","Set","forEach","vi","cat","categoryId","has","add","lastSection","firstVisible","find","keyExtractor","_","index","String","scrollEventThrottle","viewabilityConfig","removeClippedSubviews","initialNumToRender","maxToRenderPerBatch","list","showsVerticalScrollIndicator","stickySectionHeadersEnabled","create","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/StickerSectionList.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACvD,SACEC,WAAW,EACXC,UAAU,QAGL,cAAc;AACrB,SAASC,OAAO,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAE9D,SAASC,oBAAoB,QAAQ,2BAAwB;AAC7D,SAASC,6BAA6B,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe5D,MAAMC,mBAAmB,GAAG,CAAC;AAE7B,MAAMC,kBAAkB,GAAG;EAAEC,2BAA2B,EAAE;AAAG,CAAC;AAE9D,OAAO,MAAMC,kBAAkB,gBAAGf,UAAU,CAC1C,CACE;EAAEgB,QAAQ;EAAEC,gBAAgB;EAAEC,sBAAsB;EAAEC;AAAgB,CAAC,EACvEC,GAAG,KACA;EACH,MAAMC,mBAAmB,GAAGnB,MAAM,CAACe,gBAAgB,CAAC;EACpDI,mBAAmB,CAACC,OAAO,GAAGL,gBAAgB;EAE9C,MAAMM,yBAAyB,GAAGrB,MAAM,CAACgB,sBAAsB,CAAC;EAChEK,yBAAyB,CAACD,OAAO,GAAGJ,sBAAsB;EAE1D,MAAMM,WAAW,GAAGtB,MAAM,CAACc,QAAQ,CAAC;EACpCQ,WAAW,CAACF,OAAO,GAAGN,QAAQ;EAE9B,MAAMS,aAAa,GAAGvB,MAAM,CAAC,KAAK,CAAC;EAEnC,MAAMwB,QAAQ,GAAGzB,WAAW,CACzB0B,CAA0C,IAAK;IAC9C,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GAAGH,CAAC,CAACI,WAAW;IACvEN,aAAa,CAACH,OAAO,GACnBM,aAAa,CAACI,CAAC,GAAGF,iBAAiB,CAACG,MAAM,IAC1CJ,WAAW,CAACI,MAAM,GAAGrB,mBAAmB;EAC5C,CAAC,EACD,EACF,CAAC;EAED,MAAMsB,UAAU,GAAGjC,WAAW,CAC5B,CAAC;IAAEkC;EAA0D,CAAC,kBAC5DxB,IAAA,CAACH,oBAAoB;IAAC4B,GAAG,EAAED,IAAK;IAAChB,eAAe,EAAEA;EAAgB,CAAE,CACrE,EACD,CAACA,eAAe,CAClB,CAAC;EAED,MAAMkB,mBAAmB,GAAGpC,WAAW,CACrC,CAAC;IAAEqC;EAA2C,CAAC,kBAC7C3B,IAAA,CAACL,MAAM,CAACiC,IAAI;IACVC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAEC,MAAM,CAACC,aAAc;IAC5BC,KAAK,EAAEvC,OAAO,CAACwC,IAAI,CAACC,KAAM;IAAAC,QAAA,EAEzBT,OAAO,CAACU;EAAK,CACH,CACd,EACD,EACF,CAAC;EAED,MAAMC,sBAAsB,GAAGhD,WAAW,CAAEiD,IAAS,IAAK;IACxD,MAAM;MAAEC;IAAc,CAAC,GAAGD,IAAI;IAC9B,IAAI,CAACC,aAAa,CAACC,MAAM,EAAE;;IAE3B;IACA,MAAMC,cAAc,GAAG,IAAIC,GAAG,CAAS,CAAC;IACxCH,aAAa,CAACI,OAAO,CAAEC,EAAO,IAAK;MACjC,MAAMC,GAAG,GAAID,EAAE,CAAClB,OAAO,EAA2BoB,UAAU;MAC5D,IAAID,GAAG,IAAI,CAACJ,cAAc,CAACM,GAAG,CAACF,GAAG,CAAC,EAAE;QACnCJ,cAAc,CAACO,GAAG,CAACH,GAAG,CAAC;QACvBpC,mBAAmB,CAACC,OAAO,CAACmC,GAAG,CAAC;MAClC;IACF,CAAC,CAAC;;IAEF;IACA;IACA;IACA,IAAIhC,aAAa,CAACH,OAAO,EAAE;MACzB,MAAMuC,WAAW,GAAGrC,WAAW,CAACF,OAAO,CAACE,WAAW,CAACF,OAAO,CAAC8B,MAAM,GAAG,CAAC,CAAC;MACvE,IAAIS,WAAW,EAAE;QACftC,yBAAyB,CAACD,OAAO,CAACuC,WAAW,CAACH,UAAU,CAAC;MAC3D;MACA;IACF;;IAEA;IACA;IACA,MAAMI,YAAY,GAAGX,aAAa,CAACY,IAAI,CAAEP,EAAO,IAAKA,EAAE,CAAClB,OAAO,IAAI,IAAI,CAAC;IACxE,MAAMoB,UAAU,GAAII,YAAY,EAAExB,OAAO,EACrCoB,UAAU;IACd,IAAIA,UAAU,EAAE;MACdnC,yBAAyB,CAACD,OAAO,CAACoC,UAAU,CAAC;IAC/C;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE/C,IAAA,CAACR,WAAW;IACViB,GAAG,EAAEA,GAAI;IACTJ,QAAQ,EAAEA,QAAS;IACnBkB,UAAU,EAAEA,UAAW;IACvBG,mBAAmB,EAAEA,mBAAoB;IACzC2B,YAAY,EAAEA,CAACC,CAAC,EAAEC,KAAK,KAAKC,MAAM,CAACD,KAAK,CAAE;IAC1CxC,QAAQ,EAAEA,QAAS;IACnB0C,mBAAmB,EAAE,EAAG;IACxBnB,sBAAsB,EAAEA,sBAAuB;IAC/CoB,iBAAiB,EAAExD,kBAAmB;IACtCyD,qBAAqB;IACrBC,kBAAkB,EAAE,CAAE;IACtBC,mBAAmB,EAAE,CAAE;IACvB/B,KAAK,EAAEC,MAAM,CAAC+B,IAAK;IACnBC,4BAA4B,EAAE,KAAM;IACpCC,2BAA2B,EAAE;EAAM,CACpC,CAAC;AAEN,CACF,CAAC;AAED,MAAMjC,MAAM,GAAGtC,UAAU,CAACwE,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJxC,MAAM,EAAExB;EACV,CAAC;EACDkC,aAAa,EAAE;IACbkC,iBAAiB,EAAEtE,aAAa,CAAC,SAAS,CAAC;IAC3CuE,eAAe,EAAEvE,aAAa,CAAC,SAAS;EAC1C;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/StickerPicker/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { KDims } from '@droppii/libs';
+export const STICKER_COLUMNS = 4;
+export const STICKER_HORIZONTAL_PADDING = 12;
+export const STICKER_GAP = 8;
+export const STICKER_SIZE = Math.floor((KDims.width - STICKER_HORIZONTAL_PADDING * 2 - STICKER_GAP * (STICKER_COLUMNS - 1)) / STICKER_COLUMNS);
+export const STICKER_ROW_HEIGHT = STICKER_SIZE + STICKER_GAP;
+export const CATEGORY_TAB_HEIGHT = 52;
+export const STICKER_SECTION_HEADER_HEIGHT = 36;
+export const STICKER_PICKER_CONTENT_HEIGHT = 260;
+export const STICKER_PICKER_HEIGHT = CATEGORY_TAB_HEIGHT + STICKER_PICKER_CONTENT_HEIGHT;
+export const RECENT_CATEGORY_ID = 'recent';
+//# sourceMappingURL=constants.js.map

package/lib/module/components/StickerPicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KDims","STICKER_COLUMNS","STICKER_HORIZONTAL_PADDING","STICKER_GAP","STICKER_SIZE","Math","floor","width","STICKER_ROW_HEIGHT","CATEGORY_TAB_HEIGHT","STICKER_SECTION_HEADER_HEIGHT","STICKER_PICKER_CONTENT_HEIGHT","STICKER_PICKER_HEIGHT","RECENT_CATEGORY_ID"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/constants.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,eAAe;AAErC,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC,OAAO,MAAMC,0BAA0B,GAAG,EAAE;AAC5C,OAAO,MAAMC,WAAW,GAAG,CAAC;AAE5B,OAAO,MAAMC,YAAY,GAAGC,IAAI,CAACC,KAAK,CACpC,CAACN,KAAK,CAACO,KAAK,GACVL,0BAA0B,GAAG,CAAC,GAC9BC,WAAW,IAAIF,eAAe,GAAG,CAAC,CAAC,IACnCA,eACJ,CAAC;AACD,OAAO,MAAMO,kBAAkB,GAAGJ,YAAY,GAAGD,WAAW;AAC5D,OAAO,MAAMM,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,6BAA6B,GAAG,EAAE;AAC/C,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAChD,OAAO,MAAMC,qBAAqB,GAChCH,mBAAmB,GAAGE,6BAA6B;AAErD,OAAO,MAAME,kBAAkB,GAAG,QAAQ","ignoreList":[]}

package/lib/module/components/StickerPicker/index.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import { useState, useCallback, useRef, useEffect, useMemo } from 'react';
+import { KColors, KContainer } from '@droppii/libs';
+import { useStickerCategories } from "../../hooks/stickers/useStickerCategories.js";
+import { useStickerHistory } from "../../hooks/stickers/useStickerHistory.js";
+import { useFetchStickerByCategory } from "../../hooks/stickers/useFetchStickerByCategory.js";
+import { RECENT_CATEGORY_ID, STICKER_COLUMNS, STICKER_PICKER_HEIGHT } from "./constants.js";
+import { StickerCategoryTabs } from "./StickerCategoryTabs.js";
+import { StickerSectionList } from "./StickerSectionList.js";
+import { trans } from "../../translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const chunkIntoRows = (items, columns) => {
+  const rows = [];
+  for (let i = 0; i < items.length; i += columns) {
+    rows.push(items.slice(i, i + columns));
+  }
+  return rows;
+};
+const makePlaceholderRows = (count, columns) => {
+  const rows = [];
+  for (let i = 0; i < count; i += columns) {
+    const rowSize = Math.min(columns, count - i);
+    rows.push(Array.from({
+      length: rowSize
+    }, () => null));
+  }
+  return rows;
+};
+export const StickerPicker = ({
+  onSelectSticker
+}) => {
+  const {
+    data: categoriesData
+  } = useStickerCategories();
+  const {
+    data: recentStickers
+  } = useStickerHistory();
+  const {
+    mutateAsync: fetchStickersByCategory
+  } = useFetchStickerByCategory();
+  const allCategories = useMemo(() => {
+    const recent = {
+      id: RECENT_CATEGORY_ID,
+      name: trans('recent'),
+      icon: null,
+      stickerCount: 0
+    };
+    return [recent, ...(categoriesData || [])];
+  }, [categoriesData]);
+  const [activeCategory, setActiveCategory] = useState(RECENT_CATEGORY_ID);
+  const [sectionDataMap, setSectionDataMap] = useState({});
+  const loadedIdsRef = useRef(new Set([RECENT_CATEGORY_ID]));
+  const sectionListRef = useRef(null);
+  const suppressCategoryChangeRef = useRef(false);
+  const suppressTimerRef = useRef(null);
+
+  // Populate recent section when history data arrives
+  useEffect(() => {
+    if (recentStickers) {
+      setSectionDataMap(prev => ({
+        ...prev,
+        [RECENT_CATEGORY_ID]: chunkIntoRows(recentStickers, STICKER_COLUMNS)
+      }));
+    }
+  }, [recentStickers]);
+
+  // Cleanup suppress timer on unmount
+  useEffect(() => {
+    return () => {
+      if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);
+    };
+  }, []);
+  const sections = useMemo(() => allCategories.map(cat => ({
+    categoryId: cat.id,
+    title: cat.name,
+    data: sectionDataMap[cat.id] ?? makePlaceholderRows(cat.stickerCount, STICKER_COLUMNS)
+  })), [allCategories, sectionDataMap]);
+  const handleSectionVisible = useCallback(async categoryId => {
+    if (categoryId === RECENT_CATEGORY_ID) return;
+    if (loadedIdsRef.current.has(categoryId)) return;
+    loadedIdsRef.current.add(categoryId);
+    try {
+      const stickers = await fetchStickersByCategory(categoryId);
+      setSectionDataMap(prev => ({
+        ...prev,
+        [categoryId]: chunkIntoRows(stickers, STICKER_COLUMNS)
+      }));
+    } catch {
+      loadedIdsRef.current.delete(categoryId);
+    }
+  }, [fetchStickersByCategory]);
+  const handleActiveCategoryChange = useCallback(categoryId => {
+    if (suppressCategoryChangeRef.current) return;
+    setActiveCategory(categoryId);
+  }, []);
+  const handleCategoryPress = useCallback(categoryId => {
+    setActiveCategory(categoryId);
+    suppressCategoryChangeRef.current = true;
+    if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);
+    suppressTimerRef.current = setTimeout(() => {
+      suppressCategoryChangeRef.current = false;
+    }, 600);
+    const sectionIndex = allCategories.findIndex(c => c.id === categoryId);
+    if (sectionIndex >= 0 && sectionListRef.current) {
+      try {
+        sectionListRef.current.scrollToLocation({
+          sectionIndex,
+          itemIndex: 0,
+          animated: true,
+          viewOffset: 0
+        });
+      } catch {}
+    }
+  }, [allCategories]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: {
+      height: STICKER_PICKER_HEIGHT
+    },
+    background: KColors.white,
+    children: [/*#__PURE__*/_jsx(StickerCategoryTabs, {
+      categories: allCategories,
+      activeCategory: activeCategory,
+      onSelectCategory: handleCategoryPress
+    }), /*#__PURE__*/_jsx(StickerSectionList, {
+      ref: sectionListRef,
+      sections: sections,
+      onSectionVisible: handleSectionVisible,
+      onActiveCategoryChange: handleActiveCategoryChange,
+      onSelectSticker: onSelectSticker
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/StickerPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCallback","useRef","useEffect","useMemo","KColors","KContainer","useStickerCategories","useStickerHistory","useFetchStickerByCategory","RECENT_CATEGORY_ID","STICKER_COLUMNS","STICKER_PICKER_HEIGHT","StickerCategoryTabs","StickerSectionList","trans","jsx","_jsx","jsxs","_jsxs","chunkIntoRows","items","columns","rows","i","length","push","slice","makePlaceholderRows","count","rowSize","Math","min","Array","from","StickerPicker","onSelectSticker","data","categoriesData","recentStickers","mutateAsync","fetchStickersByCategory","allCategories","recent","id","name","icon","stickerCount","activeCategory","setActiveCategory","sectionDataMap","setSectionDataMap","loadedIdsRef","Set","sectionListRef","suppressCategoryChangeRef","suppressTimerRef","prev","current","clearTimeout","sections","map","cat","categoryId","title","handleSectionVisible","has","add","stickers","delete","handleActiveCategoryChange","handleCategoryPress","setTimeout","sectionIndex","findIndex","c","scrollToLocation","itemIndex","animated","viewOffset","View","style","height","background","white","children","categories","onSelectCategory","ref","onSectionVisible","onActiveCategoryChange"],"sourceRoot":"../../../../src","sources":["components/StickerPicker/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ThreadCard/MuteThread.js

@@ -60,20 +60,8 @@ export const MuteThread = /*#__PURE__*/memo(({
           label: trans('chat:mute_confirm_primary'),
           kind: 'primary',
           onPress: async () => {
-            try {
-              await muteConversation(conversation);
-              UIUtils.toast.open({
-                title: trans('chat:mute_toast_success'),
-                theme: 'light'
-              });
-            } catch {
-              UIUtils.toast.open({
-                title: trans('chat:generic_error'),
-                theme: 'error'
-              });
-            } finally {
-              swipeableMethods.close();
-            }
+            swipeableMethods.close();
+            await muteConversation(conversation);
           }
         }],
         type: 'horizontal-button'
@@ -81,20 +69,8 @@ export const MuteThread = /*#__PURE__*/memo(({
     });
   }, [swipeableMethods, conversation, muteConversation]);
   const handleUnmutePress = useCallback(async () => {
-    try {
-      await unmuteConversation(conversation);
-      UIUtils.toast.open({
-        title: trans('chat:unmute_toast_success'),
-        theme: 'light'
-      });
-    } catch {
-      UIUtils.toast.open({
-        title: trans('chat:generic_error'),
-        theme: 'error'
-      });
-    } finally {
-      swipeableMethods.close();
-    }
+    swipeableMethods.close();
+    await unmuteConversation(conversation);
   }, [swipeableMethods, conversation, unmuteConversation]);
   return /*#__PURE__*/_jsxs(KContainer.Touchable, {
     width: 76,

package/lib/module/components/ThreadCard/MuteThread.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","KContainer","KImage","KLabel","KColors","useMuteConversation","trans","UIUtils","Image","StyleSheet","Images","jsx","_jsx","jsxs","_jsxs","MuteThread","isMuted","conversation","swipeableMethods","muteConversation","unmuteConversation","handleMutePress","popup","open","header","title","text","alignment","body","renderContent","View","padding","justifyContent","alignItems","children","paddingV","source","NOTIFICATION_WARNING","style","styles","notificationWarning","RichText","typo","richTextOptions","i18nKey","components","b","Text","actions","buttons","label","kind","onPress","close","toast","theme","type","handleUnmutePress","Touchable","width","background","gray","light","VectorIcons","name","provider","size","color","white","marginT","textAlign","displayName","create","height"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/MuteThread.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","KContainer","KImage","KLabel","KColors","useMuteConversation","trans","UIUtils","Image","StyleSheet","Images","jsx","_jsx","jsxs","_jsxs","MuteThread","isMuted","conversation","swipeableMethods","muteConversation","unmuteConversation","handleMutePress","popup","open","header","title","text","alignment","body","renderContent","View","padding","justifyContent","alignItems","children","paddingV","source","NOTIFICATION_WARNING","style","styles","notificationWarning","RichText","typo","richTextOptions","i18nKey","components","b","Text","actions","buttons","label","kind","onPress","close","type","handleUnmutePress","Touchable","width","background","gray","light","VectorIcons","name","provider","size","color","white","marginT","textAlign","displayName","create","height"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/MuteThread.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ThreadCard/PinThread.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { usePinConversation } from "../../hooks/usePinConversation.js";
+import { trans } from "../../translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PinThread = /*#__PURE__*/memo(({
+  isPinned,
+  conversation,
+  swipeableMethods
+}) => {
+  const {
+    pinConversation,
+    unpinConversation
+  } = usePinConversation();
+  const handlePress = useCallback(async () => {
+    swipeableMethods.close();
+    if (isPinned) {
+      await unpinConversation(conversation);
+    } else {
+      await pinConversation(conversation);
+    }
+  }, [isPinned, conversation, pinConversation, unpinConversation, swipeableMethods]);
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    width: 76,
+    alignItems: "center",
+    justifyContent: "center",
+    background: KColors.palette.primary.w400,
+    onPress: handlePress,
+    children: [/*#__PURE__*/_jsx(KImage.VectorIcons, {
+      name: isPinned ? 'thumbtack-off-b' : 'thumbtack-b',
+      provider: "DroppiiNew",
+      size: 16,
+      color: KColors.white
+    }), /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "Text2XsMedium",
+      color: KColors.white,
+      marginT: "0.25rem",
+      textAlign: "center",
+      children: isPinned ? trans('chat:unpin_thread') : trans('chat:pin_thread')
+    })]
+  });
+});
+//# sourceMappingURL=PinThread.js.map

package/lib/module/components/ThreadCard/PinThread.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","KContainer","KImage","KLabel","KColors","usePinConversation","trans","jsx","_jsx","jsxs","_jsxs","PinThread","isPinned","conversation","swipeableMethods","pinConversation","unpinConversation","handlePress","close","Touchable","width","alignItems","justifyContent","background","palette","primary","w400","onPress","children","VectorIcons","name","provider","size","color","white","Text","typo","marginT","textAlign"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/PinThread.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AACnE,SAASC,kBAAkB,QAAQ,mCAAgC;AACnE,SAASC,KAAK,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS1C,OAAO,MAAMC,SAAS,gBAAGZ,IAAI,CAC3B,CAAC;EAAEa,QAAQ;EAAEC,YAAY;EAAEC;AAAiC,CAAC,KAAK;EAChE,MAAM;IAAEC,eAAe;IAAEC;EAAkB,CAAC,GAAGX,kBAAkB,CAAC,CAAC;EAEnE,MAAMY,WAAW,GAAGjB,WAAW,CAAC,YAAY;IAC1Cc,gBAAgB,CAACI,KAAK,CAAC,CAAC;IACxB,IAAIN,QAAQ,EAAE;MACZ,MAAMI,iBAAiB,CAACH,YAAY,CAAC;IACvC,CAAC,MAAM;MACL,MAAME,eAAe,CAACF,YAAY,CAAC;IACrC;EACF,CAAC,EAAE,CACDD,QAAQ,EACRC,YAAY,EACZE,eAAe,EACfC,iBAAiB,EACjBF,gBAAgB,CACjB,CAAC;EAEF,oBACEJ,KAAA,CAACT,UAAU,CAACkB,SAAS;IACnBC,KAAK,EAAE,EAAG;IACVC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAEnB,OAAO,CAACoB,OAAO,CAACC,OAAO,CAACC,IAAK;IACzCC,OAAO,EAAEV,WAAY;IAAAW,QAAA,gBAErBpB,IAAA,CAACN,MAAM,CAAC2B,WAAW;MACjBC,IAAI,EAAElB,QAAQ,GAAG,iBAAiB,GAAG,aAAc;MACnDmB,QAAQ,EAAC,YAAY;MACrBC,IAAI,EAAE,EAAG;MACTC,KAAK,EAAE7B,OAAO,CAAC8B;IAAM,CACtB,CAAC,eACF1B,IAAA,CAACL,MAAM,CAACgC,IAAI;MACVC,IAAI,EAAC,eAAe;MACpBH,KAAK,EAAE7B,OAAO,CAAC8B,KAAM;MACrBG,OAAO,EAAC,SAAS;MACjBC,SAAS,EAAC,QAAQ;MAAAV,QAAA,EAEjBhB,QAAQ,GAAGN,KAAK,CAAC,mBAAmB,CAAC,GAAGA,KAAK,CAAC,iBAAiB;IAAC,CACtD,CAAC;EAAA,CACM,CAAC;AAE3B,CACF,CAAC","ignoreList":[]}

package/lib/module/components/ThreadCard/ThreadCard.js

@@ -11,9 +11,10 @@ import { getLastMessageText, getMessagePreviewTextProps } from "../../utils/mess
 import { useConversation, useUserStore } from "../../store/index.js";
 import { MessageReceiveOptType } from '@droppii/openim-rn-client-sdk';
 import { MuteThread } from "./MuteThread.js";
+import { PinThread } from "./PinThread.js";
 import { useIsJoinedGroup } from "../../hooks/useIsJoinedGroup.js";
 import isEmpty from 'lodash/isEmpty';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ThreadCard = /*#__PURE__*/memo(({
   item,
   onPress
@@ -59,15 +60,19 @@ const ThreadCard = /*#__PURE__*/memo(({
     });
   }, [item, onPress]);
   const renderRightActions = useCallback((_progress, _translation, swipeableMethods) => /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(KContainer.VisibleView, {
+    children: /*#__PURE__*/_jsxs(KContainer.VisibleView, {
       visible: !isNotInGroup,
-      children: /*#__PURE__*/_jsx(MuteThread, {
+      children: [/*#__PURE__*/_jsx(PinThread, {
+        conversation: conversation,
+        isPinned: Boolean(isPinned),
+        swipeableMethods: swipeableMethods
+      }), /*#__PURE__*/_jsx(MuteThread, {
         conversation: conversation,
         isMuted: isMuted,
         swipeableMethods: swipeableMethods
-      })
+      })]
     })
-  }), [isMuted, conversation, isNotInGroup]);
+  }), [isMuted, conversation, isNotInGroup, isPinned]);
   return /*#__PURE__*/_jsx(ReanimatedSwipeable, {
     friction: 2,
     rightThreshold: 40,
@@ -134,10 +139,10 @@ const ThreadCard = /*#__PURE__*/memo(({
             children: /*#__PURE__*/_jsx(KContainer.View, {
               marginL: "0.5rem",
               children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                name: "pin-outline",
-                provider: "MaterialCommunityIcons",
-                size: 14,
-                color: KColors.palette.gray.w400
+                name: 'thumbtack-b',
+                provider: "DroppiiNew",
+                size: 16,
+                color: KColors.primary.normal
               })
             })
           }), /*#__PURE__*/_jsx(UnreadBadge, {