@teamturing/react-native-kit 1.2.3 → 1.3.0

package/lib/module/component/Animation/implicit/OpacityAnimatedView.js

@@ -2,7 +2,7 @@
 
 import { useRef, useEffect, useState } from 'react';
 import { Animated } from 'react-native';
-import { useTimeoutHandler } from "../../../hook/index.js";
+import { useTimeoutHandlers } from "../../../hook/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const OpacityAnimatedView = ({
   opacity,
@@ -13,10 +13,13 @@ const OpacityAnimatedView = ({
   ...rest
 }) => {
   const opacityValue = useRef(new Animated.Value(opacity)).current;
-  const timeoutHandler = useTimeoutHandler();
+  const {
+    clearAllTimers,
+    setAutoClearTimeout
+  } = useTimeoutHandlers();
   const [dropChildren, setDropChildren] = useState(!!(dropChildrenWhenInvisible && opacity === 0));
   useEffect(() => {
-    clearTimeout(timeoutHandler.current);
+    clearAllTimers();
     const anim = Animated.timing(opacityValue, {
       useNativeDriver: true,
       toValue: opacity,
@@ -24,15 +27,15 @@ const OpacityAnimatedView = ({
     });
     anim.start();
     if (opacity <= 0 && dropChildrenWhenInvisible) {
-      timeoutHandler.current = setTimeout(() => setDropChildren(true), duration);
+      setAutoClearTimeout(() => setDropChildren(true), duration);
     } else {
       setDropChildren(false);
     }
     return () => {
-      clearTimeout(timeoutHandler.current);
+      clearAllTimers();
       anim.stop();
     };
-  }, [opacity, duration, opacityValue, dropChildrenWhenInvisible, timeoutHandler]);
+  }, [opacity, duration, opacityValue, dropChildrenWhenInvisible, clearAllTimers, setAutoClearTimeout]);
   return /*#__PURE__*/_jsx(Animated.View, {
     style: [style, {
       opacity: opacityValue

package/lib/module/component/Animation/implicit/OpacityAnimatedView.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useState","Animated","useTimeoutHandler","jsx","_jsx","OpacityAnimatedView","opacity","duration","style","dropChildrenWhenInvisible","children","rest","opacityValue","Value","current","timeoutHandler","dropChildren","setDropChildren","clearTimeout","anim","timing","useNativeDriver","toValue","start","setTimeout","stop","View"],"sourceRoot":"../../../../../src","sources":["component/Animation/implicit/OpacityAnimatedView.tsx"],"mappings":";;AACA,SAASA,MAAM,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,iBAAiB,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlD,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,yBAAyB,GAAG,KAAK;EACjCC,QAAQ;EACR,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,YAAY,GAAGd,MAAM,CAAC,IAAIG,QAAQ,CAACY,KAAK,CAACP,OAAO,CAAC,CAAC,CAACQ,OAAO;EAChE,MAAMC,cAAc,GAAGb,iBAAiB,CAAC,CAAC;EAC1C,MAAM,CAACc,YAAY,EAAEC,eAAe,CAAC,GAAGjB,QAAQ,CAAC,CAAC,EAAES,yBAAyB,IAAIH,OAAO,KAAK,CAAC,CAAC,CAAC;EAChGP,SAAS,CAAC,MAAM;IACdmB,YAAY,CAACH,cAAc,CAACD,OAAO,CAAC;IACpC,MAAMK,IAAI,GAAGlB,QAAQ,CAACmB,MAAM,CAACR,YAAY,EAAE;MAAES,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAEhB,OAAO;MAAEC;IAAS,CAAC,CAAC;IACjGY,IAAI,CAACI,KAAK,CAAC,CAAC;IACZ,IAAIjB,OAAO,IAAI,CAAC,IAAIG,yBAAyB,EAAE;MAC7CM,cAAc,CAACD,OAAO,GAAGU,UAAU,CAAC,MAAMP,eAAe,CAAC,IAAI,CAAC,EAAEV,QAAQ,CAAC;IAC5E,CAAC,MAAM;MACLU,eAAe,CAAC,KAAK,CAAC;IACxB;IACA,OAAO,MAAM;MACXC,YAAY,CAACH,cAAc,CAACD,OAAO,CAAC;MACpCK,IAAI,CAACM,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,OAAO,EAAEC,QAAQ,EAAEK,YAAY,EAAEH,yBAAyB,EAAEM,cAAc,CAAC,CAAC;EAEhF,oBACEX,IAAA,CAACH,QAAQ,CAACyB,IAAI;IAAClB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEF,OAAO,EAAEM;IAAa,CAAC,CAAE;IAAA,GAAKD,IAAI;IAAAD,QAAA,EAC/DM,YAAY,GAAG,IAAI,GAAGN;EAAQ,CAClB,CAAC;AAEpB,CAAC;AAED,SAASL,mBAAmB","ignoreList":[]}
+{"version":3,"names":["useRef","useEffect","useState","Animated","useTimeoutHandlers","jsx","_jsx","OpacityAnimatedView","opacity","duration","style","dropChildrenWhenInvisible","children","rest","opacityValue","Value","current","clearAllTimers","setAutoClearTimeout","dropChildren","setDropChildren","anim","timing","useNativeDriver","toValue","start","stop","View"],"sourceRoot":"../../../../../src","sources":["component/Animation/implicit/OpacityAnimatedView.tsx"],"mappings":";;AACA,SAASA,MAAM,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,kBAAkB,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnD,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,yBAAyB,GAAG,KAAK;EACjCC,QAAQ;EACR,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,YAAY,GAAGd,MAAM,CAAC,IAAIG,QAAQ,CAACY,KAAK,CAACP,OAAO,CAAC,CAAC,CAACQ,OAAO;EAChE,MAAM;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAAGd,kBAAkB,CAAC,CAAC;EACpE,MAAM,CAACe,YAAY,EAAEC,eAAe,CAAC,GAAGlB,QAAQ,CAAC,CAAC,EAAES,yBAAyB,IAAIH,OAAO,KAAK,CAAC,CAAC,CAAC;EAChGP,SAAS,CAAC,MAAM;IACdgB,cAAc,CAAC,CAAC;IAChB,MAAMI,IAAI,GAAGlB,QAAQ,CAACmB,MAAM,CAACR,YAAY,EAAE;MAAES,eAAe,EAAE,IAAI;MAAEC,OAAO,EAAEhB,OAAO;MAAEC;IAAS,CAAC,CAAC;IACjGY,IAAI,CAACI,KAAK,CAAC,CAAC;IACZ,IAAIjB,OAAO,IAAI,CAAC,IAAIG,yBAAyB,EAAE;MAC7CO,mBAAmB,CAAC,MAAME,eAAe,CAAC,IAAI,CAAC,EAAEX,QAAQ,CAAC;IAC5D,CAAC,MAAM;MACLW,eAAe,CAAC,KAAK,CAAC;IACxB;IACA,OAAO,MAAM;MACXH,cAAc,CAAC,CAAC;MAChBI,IAAI,CAACK,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAAClB,OAAO,EAAEC,QAAQ,EAAEK,YAAY,EAAEH,yBAAyB,EAAEM,cAAc,EAAEC,mBAAmB,CAAC,CAAC;EAErG,oBACEZ,IAAA,CAACH,QAAQ,CAACwB,IAAI;IAACjB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEF,OAAO,EAAEM;IAAa,CAAC,CAAE;IAAA,GAAKD,IAAI;IAAAD,QAAA,EAC/DO,YAAY,GAAG,IAAI,GAAGP;EAAQ,CAClB,CAAC;AAEpB,CAAC;AAED,SAASL,mBAAmB","ignoreList":[]}

package/lib/module/component/ProfilePhoto/LightProfilePhoto.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { View } from 'react-native';
+import { is, appendImageSizeQueryParams } from "../../util/index.js";
+import { Img } from "../Img/index.js";
+import defaultImage from './profile_outline_gray_90.png';
+
+// this is used for just rendering character image in light component like list item(shouldn't be heavy)
+import { jsx as _jsx } from "react/jsx-runtime";
+const LightProfilePhoto = ({
+  profileImageUrl,
+  style,
+  size: _size,
+  borderColor,
+  borderWidth = 0,
+  optimize = true
+}) => {
+  const size = _size || 56;
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style, {
+      width: size,
+      height: size,
+      borderRadius: 9999,
+      borderWidth: 0
+    }],
+    children: Img.render(is.notEmptyString(profileImageUrl) ? optimize ? appendImageSizeQueryParams({
+      url: profileImageUrl,
+      desiredWidth: size
+    }) : profileImageUrl : defaultImage, {
+      width: size,
+      height: size,
+      style: {
+        borderWidth,
+        borderColor,
+        borderRadius: 999
+      }
+    })
+  }, profileImageUrl);
+};
+export { LightProfilePhoto };
+//# sourceMappingURL=LightProfilePhoto.js.map

package/lib/module/component/ProfilePhoto/LightProfilePhoto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","is","appendImageSizeQueryParams","Img","defaultImage","jsx","_jsx","LightProfilePhoto","profileImageUrl","style","size","_size","borderColor","borderWidth","optimize","alignItems","justifyContent","width","height","borderRadius","children","render","notEmptyString","url","desiredWidth"],"sourceRoot":"../../../../src","sources":["component/ProfilePhoto/LightProfilePhoto.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,EAAE,EAAEC,0BAA0B,QAAQ,qBAAY;AAC3D,SAASC,GAAG,QAAQ,iBAAQ;AAE5B,OAAOC,YAAY,MAAM,+BAA+B;;AAExD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,eAAe;EACfC,KAAK;EACLC,IAAI,EAAEC,KAAK;EACXC,WAAW;EACXC,WAAW,GAAG,CAAC;EACfC,QAAQ,GAAG;AAQb,CAAC,KAAK;EACJ,MAAMJ,IAAI,GAAGC,KAAK,IAAI,EAAE;EACxB,oBACEL,IAAA,CAACN,IAAI;IAEHS,KAAK,EAAE,CACL;MACEM,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC,EACDP,KAAK,EACL;MACEQ,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZS,YAAY,EAAE,IAAI;MAClBN,WAAW,EAAE;IACf,CAAC,CACD;IAAAO,QAAA,EAEDjB,GAAG,CAACkB,MAAM,CACTpB,EAAE,CAACqB,cAAc,CAACd,eAAe,CAAC,GAC9BM,QAAQ,GACNZ,0BAA0B,CAAC;MAAEqB,GAAG,EAAEf,eAAe;MAAEgB,YAAY,EAAEd;IAAK,CAAC,CAAC,GACxEF,eAAe,GACjBJ,YAAY,EAChB;MACEa,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZD,KAAK,EAAE;QAAEI,WAAW;QAAED,WAAW;QAAEO,YAAY,EAAE;MAAI;IACvD,CACF;EAAC,GA1BIX,eA2BD,CAAC;AAEX,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}

package/lib/module/component/ProfilePhoto/ProfileImageGroup.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { toKoreanNumberUnitString } from '@teamturing/utils';
+import { View } from 'react-native';
+import { palette, spacing } from "../../theme/index.js";
+import { is, appendImageSizeQueryParams, applyOpacity } from "../../util/index.js";
+import { Img } from "../Img/index.js";
+import { RowCenter } from "../Layout/index.js";
+import { Txt } from "../Txt/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ProfileImageGroup = ({
+  count: countProp,
+  imageUrls: _imageUrls,
+  stackDirection = 'right',
+  size = 36,
+  backgroundColor = palette.gray100,
+  showBorder = true,
+  maxCircleCount = 3,
+  showsMoreCount = true,
+  borderWidth = 1,
+  borderPadding = spacing[0.5],
+  borderColor = palette.gray200,
+  resizeNetworkImage = true,
+  imageBorderWidth = 2,
+  imageBorderColor = backgroundColor
+}) => {
+  const isReverse = stackDirection === 'left';
+  const imageUrls = isReverse ? [..._imageUrls].reverse() : _imageUrls;
+  const totalCount = countProp ?? imageUrls.length;
+  const visibleProfileCount = Math.min(imageUrls.length, maxCircleCount);
+  return /*#__PURE__*/_jsxs(RowCenter, {
+    reverse: isReverse,
+    style: showBorder ? {
+      borderRadius: 999,
+      borderWidth: borderWidth,
+      padding: borderPadding,
+      borderColor
+    } : {},
+    children: [imageUrls.slice(0, maxCircleCount).map((url, index) => Img.render(resizeNetworkImage && is.string(url) ? appendImageSizeQueryParams({
+      url,
+      desiredWidth: size
+    }) : url, {
+      key: index,
+      width: size,
+      height: size,
+      style: [{
+        borderColor: imageBorderColor,
+        borderRadius: 999,
+        borderWidth: imageBorderWidth
+      }, stackDirection === 'right' ? {
+        marginLeft: index !== 0 ? -size / 2 : 0
+      } : {
+        marginRight: index !== 0 ? -size / 2 : 0
+      }]
+    })), showsMoreCount && totalCount > visibleProfileCount ? /*#__PURE__*/_jsx(View, {
+      style: [{
+        width: size - 4,
+        height: size - 4,
+        position: 'absolute',
+        backgroundColor: applyOpacity(palette.black, 60),
+        borderRadius: 999,
+        alignItems: 'center',
+        justifyContent: 'center'
+      }, stackDirection === 'right' ? {
+        right: spacing[showBorder ? 1 : 0]
+      } : {
+        left: spacing[showBorder ? 1 : 0]
+      }],
+      children: Txt.XXS.Bold.White.render(`+${toKoreanNumberUnitString(totalCount - (maxCircleCount - 1))}`)
+    }) : null]
+  });
+};
+export { ProfileImageGroup };
+//# sourceMappingURL=ProfileImageGroup.js.map

package/lib/module/component/ProfilePhoto/ProfileImageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toKoreanNumberUnitString","View","palette","spacing","is","appendImageSizeQueryParams","applyOpacity","Img","RowCenter","Txt","jsx","_jsx","jsxs","_jsxs","ProfileImageGroup","count","countProp","imageUrls","_imageUrls","stackDirection","size","backgroundColor","gray100","showBorder","maxCircleCount","showsMoreCount","borderWidth","borderPadding","borderColor","gray200","resizeNetworkImage","imageBorderWidth","imageBorderColor","isReverse","reverse","totalCount","length","visibleProfileCount","Math","min","style","borderRadius","padding","children","slice","map","url","index","render","string","desiredWidth","key","width","height","marginLeft","marginRight","position","black","alignItems","justifyContent","right","left","XXS","Bold","White"],"sourceRoot":"../../../../src","sources":["component/ProfilePhoto/ProfileImageGroup.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,mBAAmB;AAE5D,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,OAAO,EAAEC,OAAO,QAAQ,sBAAa;AAC9C,SAASC,EAAE,EAAEC,0BAA0B,EAAEC,YAAY,QAAQ,qBAAY;AACzE,SAASC,GAAG,QAAQ,iBAAQ;AAC5B,SAASC,SAAS,QAAQ,oBAAW;AACrC,SAASC,GAAG,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmB7B,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,KAAK,EAAEC,SAAS;EAChBC,SAAS,EAAEC,UAAU;EACrBC,cAAc,GAAG,OAAO;EACxBC,IAAI,GAAG,EAAE;EACTC,eAAe,GAAGnB,OAAO,CAACoB,OAAO;EACjCC,UAAU,GAAG,IAAI;EACjBC,cAAc,GAAG,CAAC;EAClBC,cAAc,GAAG,IAAI;EAErBC,WAAW,GAAG,CAAC;EACfC,aAAa,GAAGxB,OAAO,CAAC,GAAG,CAAC;EAC5ByB,WAAW,GAAG1B,OAAO,CAAC2B,OAAO;EAC7BC,kBAAkB,GAAG,IAAI;EACzBC,gBAAgB,GAAG,CAAC;EACpBC,gBAAgB,GAAGX;AACd,CAAC,KAAK;EACX,MAAMY,SAAS,GAAGd,cAAc,KAAK,MAAM;EAC3C,MAAMF,SAAS,GAAGgB,SAAS,GAAG,CAAC,GAAGf,UAAU,CAAC,CAACgB,OAAO,CAAC,CAAC,GAAGhB,UAAU;EAEpE,MAAMiB,UAAU,GAAGnB,SAAS,IAAIC,SAAS,CAACmB,MAAM;EAChD,MAAMC,mBAAmB,GAAGC,IAAI,CAACC,GAAG,CAACtB,SAAS,CAACmB,MAAM,EAAEZ,cAAc,CAAC;EAEtE,oBACEX,KAAA,CAACL,SAAS;IACR0B,OAAO,EAAED,SAAU;IACnBO,KAAK,EAAEjB,UAAU,GAAG;MAAEkB,YAAY,EAAE,GAAG;MAAEf,WAAW,EAAEA,WAAW;MAAEgB,OAAO,EAAEf,aAAa;MAAEC;IAAY,CAAC,GAAG,CAAC,CAAE;IAAAe,QAAA,GAE7G1B,SAAS,CAAC2B,KAAK,CAAC,CAAC,EAAEpB,cAAc,CAAC,CAACqB,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACjDxC,GAAG,CAACyC,MAAM,CACRlB,kBAAkB,IAAI1B,EAAE,CAAC6C,MAAM,CAACH,GAAG,CAAC,GAAGzC,0BAA0B,CAAC;MAAEyC,GAAG;MAAEI,YAAY,EAAE9B;IAAK,CAAC,CAAC,GAAG0B,GAAG,EACpG;MACEK,GAAG,EAAEJ,KAAK;MACVK,KAAK,EAAEhC,IAAI;MACXiC,MAAM,EAAEjC,IAAI;MACZoB,KAAK,EAAE,CACL;QACEZ,WAAW,EAAEI,gBAAgB;QAC7BS,YAAY,EAAE,GAAG;QACjBf,WAAW,EAAEK;MACf,CAAC,EACDZ,cAAc,KAAK,OAAO,GACtB;QAAEmC,UAAU,EAAEP,KAAK,KAAK,CAAC,GAAG,CAAC3B,IAAI,GAAG,CAAC,GAAG;MAAE,CAAC,GAC3C;QAAEmC,WAAW,EAAER,KAAK,KAAK,CAAC,GAAG,CAAC3B,IAAI,GAAG,CAAC,GAAG;MAAE,CAAC;IAEpD,CACF,CACF,CAAC,EACAK,cAAc,IAAIU,UAAU,GAAGE,mBAAmB,gBACjD1B,IAAA,CAACV,IAAI;MACHuC,KAAK,EAAE,CACL;QACEY,KAAK,EAAEhC,IAAI,GAAG,CAAC;QACfiC,MAAM,EAAEjC,IAAI,GAAG,CAAC;QAChBoC,QAAQ,EAAE,UAAU;QACpBnC,eAAe,EAAEf,YAAY,CAACJ,OAAO,CAACuD,KAAK,EAAE,EAAE,CAAC;QAChDhB,YAAY,EAAE,GAAG;QACjBiB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAC,EACDxC,cAAc,KAAK,OAAO,GAAG;QAAEyC,KAAK,EAAEzD,OAAO,CAACoB,UAAU,GAAG,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG;QAAEsC,IAAI,EAAE1D,OAAO,CAACoB,UAAU,GAAG,CAAC,GAAG,CAAC;MAAE,CAAC,CAC3G;MAAAoB,QAAA,EAEDlC,GAAG,CAACqD,GAAG,CAACC,IAAI,CAACC,KAAK,CAAChB,MAAM,CAAC,IAAIhD,wBAAwB,CAACmC,UAAU,IAAIX,cAAc,GAAG,CAAC,CAAC,CAAC,EAAE;IAAC,CACzF,CAAC,GACL,IAAI;EAAA,CACC,CAAC;AAEhB,CAAC;AAED,SAASV,iBAAiB","ignoreList":[]}

package/lib/module/component/ProfilePhoto/ProfilePhoto.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { View } from 'react-native';
+import { palette } from "../../theme/index.js";
+import { is } from "../../util/index.js";
+import { Icon } from "../Icon/index.js";
+import { Touch } from "../Pressable/index.js";
+import { LightProfilePhoto } from "./LightProfilePhoto.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultLength = 90;
+const ProfilePhoto = ({
+  style,
+  onPress,
+  showIcon,
+  pressable = false,
+  length: _length,
+  testID,
+  profileImageUrl
+}) => {
+  const length = is.number(_length) ? _length : defaultLength;
+  return /*#__PURE__*/_jsx(View, {
+    style: [style, {
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: length,
+      height: length
+    }],
+    children: /*#__PURE__*/_jsxs(Touch, {
+      testID: testID || 'profile_photo_button',
+      style: {
+        borderRadius: 9999,
+        width: '100%',
+        height: '100%'
+      },
+      onPress: onPress,
+      disabled: !pressable,
+      children: [/*#__PURE__*/_jsx(LightProfilePhoto, {
+        profileImageUrl: profileImageUrl || '',
+        size: length
+      }), showIcon ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 32,
+          height: 32,
+          borderRadius: 16,
+          backgroundColor: palette.gray200,
+          alignItems: 'center',
+          justifyContent: 'center',
+          borderWidth: 2,
+          borderColor: palette.white,
+          position: 'absolute',
+          right: -6,
+          bottom: -6
+        },
+        pointerEvents: 'none',
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: 'pen',
+          size: 16
+        })
+      }) : null]
+    })
+  });
+};
+export { ProfilePhoto };
+//# sourceMappingURL=ProfilePhoto.js.map

package/lib/module/component/ProfilePhoto/ProfilePhoto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","palette","is","Icon","Touch","LightProfilePhoto","jsx","_jsx","jsxs","_jsxs","defaultLength","ProfilePhoto","style","onPress","showIcon","pressable","length","_length","testID","profileImageUrl","number","justifyContent","alignItems","width","height","children","borderRadius","disabled","size","backgroundColor","gray200","borderWidth","borderColor","white","position","right","bottom","pointerEvents","name"],"sourceRoot":"../../../../src","sources":["component/ProfilePhoto/ProfilePhoto.tsx"],"mappings":";;AACA,SAAyCA,IAAI,QAAQ,cAAc;AAEnE,SAASC,OAAO,QAAQ,sBAAa;AACrC,SAASC,EAAE,QAAQ,qBAAY;AAC/B,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,uBAAc;AAEpC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,aAAa,GAAG,EAAE;AAWxB,MAAMC,YAAY,GAAGA,CAAC;EACpBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjBC,MAAM,EAAEC,OAAO;EACfC,MAAM;EACNC;AACK,CAAC,KAAmB;EACzB,MAAMH,MAAM,GAAGd,EAAE,CAACkB,MAAM,CAACH,OAAO,CAAC,GAAGA,OAAO,GAAGP,aAAa;EAE3D,oBACEH,IAAA,CAACP,IAAI;IACHY,KAAK,EAAE,CACLA,KAAK,EACL;MACES,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAEP,MAAM;MACbQ,MAAM,EAAER;IACV,CAAC,CACD;IAAAS,QAAA,eAEFhB,KAAA,CAACL,KAAK;MACJc,MAAM,EAAEA,MAAM,IAAI,sBAAuB;MACzCN,KAAK,EAAE;QACLc,YAAY,EAAE,IAAI;QAClBH,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV,CAAE;MACFX,OAAO,EAAEA,OAAQ;MACjBc,QAAQ,EAAE,CAACZ,SAAU;MAAAU,QAAA,gBAErBlB,IAAA,CAACF,iBAAiB;QAACc,eAAe,EAAEA,eAAe,IAAI,EAAG;QAACS,IAAI,EAAEZ;MAAO,CAAE,CAAC,EAC1EF,QAAQ,gBACPP,IAAA,CAACP,IAAI;QACHY,KAAK,EAAE;UACLW,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVE,YAAY,EAAE,EAAE;UAChBG,eAAe,EAAE5B,OAAO,CAAC6B,OAAO;UAChCR,UAAU,EAAE,QAAQ;UACpBD,cAAc,EAAE,QAAQ;UACxBU,WAAW,EAAE,CAAC;UACdC,WAAW,EAAE/B,OAAO,CAACgC,KAAK;UAC1BC,QAAQ,EAAE,UAAU;UACpBC,KAAK,EAAE,CAAC,CAAC;UACTC,MAAM,EAAE,CAAC;QACX,CAAE;QACFC,aAAa,EAAE,MAAO;QAAAZ,QAAA,eAEtBlB,IAAA,CAACJ,IAAI;UAACmC,IAAI,EAAE,KAAM;UAACV,IAAI,EAAE;QAAG,CAAE;MAAC,CAC3B,CAAC,GACL,IAAI;IAAA,CACH;EAAC,CACJ,CAAC;AAEX,CAAC;AAED,SAASjB,YAAY","ignoreList":[]}

package/lib/module/component/ProfilePhoto/ProfilePhotoWithBorderGradient.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { memo } from 'react';
+import { View } from 'react-native';
+import { Circle, Defs, RadialGradient, Stop, Svg } from 'react-native-svg';
+import { is } from "../../util/index.js";
+import { LightProfilePhoto } from "./LightProfilePhoto.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ProfilePhotoWithBorderGradient = /*#__PURE__*/memo(({
+  profileImageUrl,
+  size,
+  borderGradientColor,
+  optimize
+}) => /*#__PURE__*/_jsxs(View, {
+  children: [/*#__PURE__*/_jsx(LightProfilePhoto, {
+    profileImageUrl: profileImageUrl,
+    size: size,
+    optimize: optimize
+  }), is.string(borderGradientColor) ? /*#__PURE__*/_jsxs(Svg, {
+    height: size,
+    width: size,
+    style: {
+      position: 'absolute'
+    },
+    children: [/*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsxs(RadialGradient, {
+        id: 'grad',
+        cx: size / 2,
+        cy: size / 2,
+        gradientUnits: 'userSpaceOnUse',
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: '0.66',
+          stopColor: borderGradientColor,
+          stopOpacity: 0
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: '1',
+          stopColor: borderGradientColor,
+          stopOpacity: 1
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      r: size / 2 + 1,
+      cx: size / 2,
+      cy: size / 2,
+      fill: 'url(#grad)'
+    })]
+  }) : null]
+}));
+export { ProfilePhotoWithBorderGradient };
+//# sourceMappingURL=ProfilePhotoWithBorderGradient.js.map

package/lib/module/component/ProfilePhoto/ProfilePhotoWithBorderGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","View","Circle","Defs","RadialGradient","Stop","Svg","is","LightProfilePhoto","jsx","_jsx","jsxs","_jsxs","ProfilePhotoWithBorderGradient","profileImageUrl","size","borderGradientColor","optimize","children","string","height","width","style","position","id","cx","cy","gradientUnits","offset","stopColor","stopOpacity","r","fill"],"sourceRoot":"../../../../src","sources":["component/ProfilePhoto/ProfilePhotoWithBorderGradient.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE1E,SAASC,EAAE,QAAQ,qBAAY;AAE/B,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,8BAA8B,gBAAGb,IAAI,CACzC,CAAC;EACCc,eAAe;EACfC,IAAI;EACJC,mBAAmB;EACnBC;AAMF,CAAC,kBACCL,KAAA,CAACX,IAAI;EAAAiB,QAAA,gBACHR,IAAA,CAACF,iBAAiB;IAACM,eAAe,EAAEA,eAAgB;IAACC,IAAI,EAAEA,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,EACtFV,EAAE,CAACY,MAAM,CAACH,mBAAmB,CAAC,gBAC7BJ,KAAA,CAACN,GAAG;IAACc,MAAM,EAAEL,IAAK;IAACM,KAAK,EAAEN,IAAK;IAACO,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW,CAAE;IAAAL,QAAA,gBAC9DR,IAAA,CAACP,IAAI;MAAAe,QAAA,eACHN,KAAA,CAACR,cAAc;QAACoB,EAAE,EAAE,MAAO;QAACC,EAAE,EAAEV,IAAI,GAAG,CAAE;QAACW,EAAE,EAAEX,IAAI,GAAG,CAAE;QAACY,aAAa,EAAE,gBAAiB;QAAAT,QAAA,gBACtFR,IAAA,CAACL,IAAI;UAACuB,MAAM,EAAE,MAAO;UAACC,SAAS,EAAEb,mBAAoB;UAACc,WAAW,EAAE;QAAE,CAAE,CAAC,eACxEpB,IAAA,CAACL,IAAI;UAACuB,MAAM,EAAE,GAAI;UAACC,SAAS,EAAEb,mBAAoB;UAACc,WAAW,EAAE;QAAE,CAAE,CAAC;MAAA,CACvD;IAAC,CACb,CAAC,eACPpB,IAAA,CAACR,MAAM;MAAC6B,CAAC,EAAEhB,IAAI,GAAG,CAAC,GAAG,CAAE;MAACU,EAAE,EAAEV,IAAI,GAAG,CAAE;MAACW,EAAE,EAAEX,IAAI,GAAG,CAAE;MAACiB,IAAI,EAAE;IAAa,CAAE,CAAC;EAAA,CACxE,CAAC,GACJ,IAAI;AAAA,CACJ,CAEV,CAAC;AAED,SAASnB,8BAA8B","ignoreList":[]}

package/lib/module/component/ProfilePhoto/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./LightProfilePhoto.js";
+export * from "./ProfileImageGroup.js";
+export * from "./ProfilePhoto.js";
+export * from "./ProfilePhotoWithBorderGradient.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/ProfilePhoto/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/ProfilePhoto/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,wBAAqB;AACnC,cAAc,mBAAgB;AAC9B,cAAc,qCAAkC","ignoreList":[]}

package/lib/module/component/index.js

@@ -57,4 +57,5 @@ export * from "./Btn/index.js";
 export * from "./Box/index.js";
 export * from "./Banner/index.js";
 export * from "./Animation/index.js";
+export * from "./ProfilePhoto/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/component/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["component/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,UAAO;AACrB,cAAc,gBAAO;AACrB,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,uBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,eAAY;AAC1B,cAAc,sBAAmB;AACjC,cAAc,gBAAa;AAC3B,cAAc,wBAAqB;AACnC,cAAc,yBAAsB;AACpC,cAAc,mBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,uBAAoB;AAClC,cAAc,2BAAwB;AACtC,cAAc,0BAAuB;AACrC,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,mBAAgB;AAC9B,cAAc,2BAAwB;AACtC,cAAc,gBAAgB;AAC9B,cAAc,yBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,iBAAc;AAC5B,cAAc,0BAAuB;AACrC,cAAc,UAAO;AACrB,cAAc,oBAAiB;AAC/B,cAAc,kCAA+B;AAC7C,cAAc,WAAQ;AACtB,cAAc,eAAY;AAC1B,cAAc,WAAQ;AACtB,cAAc,kBAAe;AAC7B,cAAc,qBAAkB;AAChC,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,gBAAO;AACrB,cAAc,6BAAoB;AAClC,cAAc,uCAA8B;AAC5C,cAAc,0BAAiB;AAC/B,cAAc,qBAAY;AAC1B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AAEnC,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,sBAAa","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["component/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,UAAO;AACrB,cAAc,gBAAO;AACrB,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,uBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,eAAY;AAC1B,cAAc,sBAAmB;AACjC,cAAc,gBAAa;AAC3B,cAAc,wBAAqB;AACnC,cAAc,yBAAsB;AACpC,cAAc,mBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,uBAAoB;AAClC,cAAc,2BAAwB;AACtC,cAAc,0BAAuB;AACrC,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,mBAAgB;AAC9B,cAAc,2BAAwB;AACtC,cAAc,gBAAgB;AAC9B,cAAc,yBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,iBAAc;AAC5B,cAAc,0BAAuB;AACrC,cAAc,UAAO;AACrB,cAAc,oBAAiB;AAC/B,cAAc,kCAA+B;AAC7C,cAAc,WAAQ;AACtB,cAAc,eAAY;AAC1B,cAAc,WAAQ;AACtB,cAAc,kBAAe;AAC7B,cAAc,qBAAkB;AAChC,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,gBAAO;AACrB,cAAc,6BAAoB;AAClC,cAAc,uCAA8B;AAC5C,cAAc,0BAAiB;AAC/B,cAAc,qBAAY;AAC1B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AACnC,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,yBAAgB","ignoreList":[]}

package/lib/module/util/WebImageUrlEnricher.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+import { is } from "./is.js";
+const scaleFactor = () => Math.min(2, Dimensions.get('window').scale);
+export function appendImageSizeQueryParams({
+  url,
+  desiredWidth,
+  crop
+}) {
+  if (!is.notEmptyString(url) || !url.startsWith('http')) {
+    return url;
+  }
+  const w = Math.max(128, Math.floor((desiredWidth * scaleFactor() + 128 - 1) / 128) * 128);
+  const cropQueryStrings = Object.entries(crop || {}).map(([key, value]) => `${key}=${Math.round(value)}`);
+  const queryString = [`w=${w}`, ...cropQueryStrings].join('&');
+  if (url.includes('?')) {
+    return `${url}&${queryString}`;
+  } else {
+    return `${url}?${queryString}`;
+  }
+}
+//# sourceMappingURL=WebImageUrlEnricher.js.map

package/lib/module/util/WebImageUrlEnricher.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","is","scaleFactor","Math","min","get","scale","appendImageSizeQueryParams","url","desiredWidth","crop","notEmptyString","startsWith","w","max","floor","cropQueryStrings","Object","entries","map","key","value","round","queryString","join","includes"],"sourceRoot":"../../../src","sources":["util/WebImageUrlEnricher.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,EAAE,QAAQ,SAAM;AAEzB,MAAMC,WAAW,GAAGA,CAAA,KAAMC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,CAACK,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,CAAC;AAErE,OAAO,SAASC,0BAA0BA,CAAC;EACzCC,GAAG;EACHC,YAAY;EACZC;AAKF,CAAC,EAAU;EACT,IAAI,CAACT,EAAE,CAACU,cAAc,CAACH,GAAG,CAAC,IAAI,CAACA,GAAG,CAACI,UAAU,CAAC,MAAM,CAAC,EAAE;IACtD,OAAOJ,GAAG;EACZ;EAEA,MAAMK,CAAC,GAAGV,IAAI,CAACW,GAAG,CAAC,GAAG,EAAEX,IAAI,CAACY,KAAK,CAAC,CAACN,YAAY,GAAGP,WAAW,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;EAEzF,MAAMc,gBAAgB,GAAGC,MAAM,CAACC,OAAO,CAACR,IAAI,IAAI,CAAC,CAAC,CAAC,CAACS,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK,GAAGD,GAAG,IAAIjB,IAAI,CAACmB,KAAK,CAACD,KAAK,CAAC,EAAE,CAAC;EAExG,MAAME,WAAW,GAAG,CAAC,KAAKV,CAAC,EAAE,EAAE,GAAGG,gBAAgB,CAAC,CAACQ,IAAI,CAAC,GAAG,CAAC;EAE7D,IAAIhB,GAAG,CAACiB,QAAQ,CAAC,GAAG,CAAC,EAAE;IACrB,OAAO,GAAGjB,GAAG,IAAIe,WAAW,EAAE;EAChC,CAAC,MAAM;IACL,OAAO,GAAGf,GAAG,IAAIe,WAAW,EAAE;EAChC;AACF","ignoreList":[]}

package/lib/module/util/WebImageUrlEnricher.test.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { appendImageSizeQueryParams } from "./WebImageUrlEnricher.js";
+describe('appendImageSizeQueryParams', () => {
+  it('url이 올바른 경우', () => {
+    expect(appendImageSizeQueryParams({
+      url: 'http://test.jpg',
+      desiredWidth: 100
+    })).toBe('http://test.jpg?w=256');
+    expect(appendImageSizeQueryParams({
+      url: 'http://test.jpg?x=1&t=5',
+      desiredWidth: 100
+    })).toBe('http://test.jpg?x=1&t=5&w=256');
+  });
+  it('url이 올바르지 않은 경우', () => {
+    expect(appendImageSizeQueryParams({
+      url: 1,
+      desiredWidth: 100
+    })).toBe(1);
+  });
+});
+//# sourceMappingURL=WebImageUrlEnricher.test.js.map

package/lib/module/util/WebImageUrlEnricher.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["appendImageSizeQueryParams","describe","it","expect","url","desiredWidth","toBe"],"sourceRoot":"../../../src","sources":["util/WebImageUrlEnricher.test.ts"],"mappings":";;AAAA,SAASA,0BAA0B,QAAQ,0BAAuB;AAElEC,QAAQ,CAAC,4BAA4B,EAAE,MAAM;EAC3CC,EAAE,CAAC,aAAa,EAAE,MAAM;IACtBC,MAAM,CAACH,0BAA0B,CAAC;MAAEI,GAAG,EAAE,iBAAiB;MAAEC,YAAY,EAAE;IAAI,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,uBAAuB,CAAC;IAC/GH,MAAM,CAACH,0BAA0B,CAAC;MAAEI,GAAG,EAAE,yBAAyB;MAAEC,YAAY,EAAE;IAAI,CAAC,CAAC,CAAC,CAACC,IAAI,CAC5F,+BACF,CAAC;EACH,CAAC,CAAC;EAEFJ,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1BC,MAAM,CAACH,0BAA0B,CAAC;MAAEI,GAAG,EAAE,CAAQ;MAAEC,YAAY,EAAE;IAAI,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EAClF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/util/index.js

@@ -7,4 +7,5 @@ export * from "./Px.js";
 export * from "./EnvironmentUtil.js";
 export * from "./createCtx.js";
 export * from "./runAfterFlushMacroQueue.js";
+export * from "./WebImageUrlEnricher.js";
 //# sourceMappingURL=index.js.map

package/lib/module/util/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["util/index.ts"],"mappings":";;AAAA,cAAc,SAAM;AACpB,cAAc,gBAAa;AAC3B,cAAc,gBAAa;AAC3B,cAAc,SAAM;AACpB,cAAc,sBAAmB;AACjC,cAAc,gBAAa;AAC3B,cAAc,8BAA2B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["util/index.ts"],"mappings":";;AAAA,cAAc,SAAM;AACpB,cAAc,gBAAa;AAC3B,cAAc,gBAAa;AAC3B,cAAc,SAAM;AACpB,cAAc,sBAAmB;AACjC,cAAc,gBAAa;AAC3B,cAAc,8BAA2B;AACzC,cAAc,0BAAuB","ignoreList":[]}

package/lib/typescript/commonjs/src/component/ProfilePhoto/LightProfilePhoto.d.ts

@@ -0,0 +1,11 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+declare const LightProfilePhoto: ({ profileImageUrl, style, size: _size, borderColor, borderWidth, optimize, }: {
+    profileImageUrl: string;
+    style?: StyleProp<Omit<ViewStyle, 'borderWidth' | 'borderColor'>>;
+    size?: number | undefined;
+    borderWidth?: number | undefined;
+    borderColor?: string | undefined;
+    optimize?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export { LightProfilePhoto };
+//# sourceMappingURL=LightProfilePhoto.d.ts.map

package/lib/typescript/commonjs/src/component/ProfilePhoto/LightProfilePhoto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightProfilePhoto.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/LightProfilePhoto.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzD,QAAA,MAAM,iBAAiB;qBAQJ,MAAM;YACf,UAAU,KAAK,SAAS,EAAE,aAAa,GAAG,aAAa,CAAC,CAAC;;;;;6CAsClE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfileImageGroup.d.ts

@@ -0,0 +1,20 @@
+import type { ImageSourcePropType, ColorValue } from 'react-native';
+type Props = {
+    count?: number;
+    imageUrls: (ImageSourcePropType | string)[];
+    stackDirection?: 'left' | 'right';
+    size?: number;
+    backgroundColor?: string;
+    showBorder?: boolean;
+    maxCircleCount?: number;
+    showsMoreCount?: boolean;
+    borderWidth?: number;
+    borderPadding?: number;
+    borderColor?: ColorValue;
+    resizeNetworkImage?: boolean;
+    imageBorderWidth?: number;
+    imageBorderColor?: ColorValue;
+};
+declare const ProfileImageGroup: ({ count: countProp, imageUrls: _imageUrls, stackDirection, size, backgroundColor, showBorder, maxCircleCount, showsMoreCount, borderWidth, borderPadding, borderColor, resizeNetworkImage, imageBorderWidth, imageBorderColor, }: Props) => import("react/jsx-runtime").JSX.Element;
+export { ProfileImageGroup };
+//# sourceMappingURL=ProfileImageGroup.d.ts.map

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfileImageGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImageGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/ProfileImageGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AASpE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B,CAAC;AACF,QAAA,MAAM,iBAAiB,qOAgBpB,KAAK,4CAoDP,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfilePhoto.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+type Props = {
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+    showIcon?: boolean;
+    pressable?: boolean;
+    length?: number;
+    testID?: string;
+    profileImageUrl?: string;
+};
+declare const ProfilePhoto: ({ style, onPress, showIcon, pressable, length: _length, testID, profileImageUrl, }: Props) => ReactElement;
+export { ProfilePhoto };
+//# sourceMappingURL=ProfilePhoto.d.ts.map

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfilePhoto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePhoto.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/ProfilePhoto.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAWpE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AACF,QAAA,MAAM,YAAY,uFAQf,KAAK,KAAG,YAiDV,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfilePhotoWithBorderGradient.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ColorValue } from 'react-native';
+declare const ProfilePhotoWithBorderGradient: import("react").MemoExoticComponent<({ profileImageUrl, size, borderGradientColor, optimize, }: {
+    profileImageUrl: string;
+    size: number;
+    borderGradientColor?: ColorValue | undefined;
+    optimize?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;
+export { ProfilePhotoWithBorderGradient };
+//# sourceMappingURL=ProfilePhotoWithBorderGradient.d.ts.map

package/lib/typescript/commonjs/src/component/ProfilePhoto/ProfilePhotoWithBorderGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePhotoWithBorderGradient.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/ProfilePhotoWithBorderGradient.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ/C,QAAA,MAAM,8BAA8B;qBAOf,MAAM;UACjB,MAAM;;;8CAmBf,CAAC;AAEF,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/ProfilePhoto/index.d.ts

@@ -0,0 +1,5 @@
+export * from './LightProfilePhoto';
+export * from './ProfileImageGroup';
+export * from './ProfilePhoto';
+export * from './ProfilePhotoWithBorderGradient';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/component/ProfilePhoto/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC"}

package/lib/typescript/commonjs/src/component/index.d.ts

@@ -55,4 +55,5 @@ export * from './Btn';
 export * from './Box';
 export * from './Banner';
 export * from './Animation';
+export * from './ProfilePhoto';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AAEpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/lib/typescript/commonjs/src/util/WebImageUrlEnricher.d.ts

@@ -0,0 +1,12 @@
+export type ImageCrop = {
+    l: number;
+    r: number;
+    t: number;
+    b: number;
+};
+export declare function appendImageSizeQueryParams({ url, desiredWidth, crop, }: {
+    url: string;
+    desiredWidth: number;
+    crop?: ImageCrop;
+}): string;
+//# sourceMappingURL=WebImageUrlEnricher.d.ts.map

package/lib/typescript/commonjs/src/util/WebImageUrlEnricher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebImageUrlEnricher.d.ts","sourceRoot":"","sources":["../../../../../src/util/WebImageUrlEnricher.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvE,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,YAAY,EACZ,IAAI,GACL,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,MAAM,CAgBT"}

package/lib/typescript/commonjs/src/util/WebImageUrlEnricher.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WebImageUrlEnricher.test.d.ts.map

package/lib/typescript/commonjs/src/util/WebImageUrlEnricher.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebImageUrlEnricher.test.d.ts","sourceRoot":"","sources":["../../../../../src/util/WebImageUrlEnricher.test.ts"],"names":[],"mappings":""}

package/lib/typescript/commonjs/src/util/index.d.ts

@@ -5,4 +5,5 @@ export * from './Px';
 export * from './EnvironmentUtil';
 export * from './createCtx';
 export * from './runAfterFlushMacroQueue';
+export * from './WebImageUrlEnricher';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/util/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AACrB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AACrB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC"}

package/lib/typescript/module/src/component/ProfilePhoto/LightProfilePhoto.d.ts

@@ -0,0 +1,11 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+declare const LightProfilePhoto: ({ profileImageUrl, style, size: _size, borderColor, borderWidth, optimize, }: {
+    profileImageUrl: string;
+    style?: StyleProp<Omit<ViewStyle, 'borderWidth' | 'borderColor'>>;
+    size?: number | undefined;
+    borderWidth?: number | undefined;
+    borderColor?: string | undefined;
+    optimize?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export { LightProfilePhoto };
+//# sourceMappingURL=LightProfilePhoto.d.ts.map

package/lib/typescript/module/src/component/ProfilePhoto/LightProfilePhoto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightProfilePhoto.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/LightProfilePhoto.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzD,QAAA,MAAM,iBAAiB;qBAQJ,MAAM;YACf,UAAU,KAAK,SAAS,EAAE,aAAa,GAAG,aAAa,CAAC,CAAC;;;;;6CAsClE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/module/src/component/ProfilePhoto/ProfileImageGroup.d.ts

@@ -0,0 +1,20 @@
+import type { ImageSourcePropType, ColorValue } from 'react-native';
+type Props = {
+    count?: number;
+    imageUrls: (ImageSourcePropType | string)[];
+    stackDirection?: 'left' | 'right';
+    size?: number;
+    backgroundColor?: string;
+    showBorder?: boolean;
+    maxCircleCount?: number;
+    showsMoreCount?: boolean;
+    borderWidth?: number;
+    borderPadding?: number;
+    borderColor?: ColorValue;
+    resizeNetworkImage?: boolean;
+    imageBorderWidth?: number;
+    imageBorderColor?: ColorValue;
+};
+declare const ProfileImageGroup: ({ count: countProp, imageUrls: _imageUrls, stackDirection, size, backgroundColor, showBorder, maxCircleCount, showsMoreCount, borderWidth, borderPadding, borderColor, resizeNetworkImage, imageBorderWidth, imageBorderColor, }: Props) => import("react/jsx-runtime").JSX.Element;
+export { ProfileImageGroup };
+//# sourceMappingURL=ProfileImageGroup.d.ts.map

package/lib/typescript/module/src/component/ProfilePhoto/ProfileImageGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImageGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProfilePhoto/ProfileImageGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AASpE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B,CAAC;AACF,QAAA,MAAM,iBAAiB,qOAgBpB,KAAK,4CAoDP,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}