@amityco/react-native-social-uikit 4.1.1-fdf83f6b.0 → 4.2.0

package/lib/commonjs/social/hooks/useFile.js

@@ -8,6 +8,17 @@ var _react = require("react");
 var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
 var _imageSizeState = require("../enums/imageSizeState");
 var _index = require("../../core/assets/index");
+/**
+ * Resolves an **avatar** file to a display url.
+ *
+ * A miss — no id, no file, no url — answers with the default avatar (or
+ * community avatar) image, which is the right placeholder for a profile
+ * picture and the wrong one for anything else. Post media must not be resolved
+ * through here: handing an avatar back for a video whose thumbnail is still
+ * transcoding renders a person icon in the carousel as though it were the
+ * frame. Resolve media with FileRepository directly and let an unresolved file
+ * stay undefined.
+ */
 const useFile = () => {
   const getImage = (0, _react.useCallback)(async ({
     fileId,

package/lib/commonjs/social/hooks/useFile.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_tsSdkReactNative","_imageSizeState","_index","useFile","getImage","useCallback","fileId","imageSize","ImageSizeState","medium","type","defaultCommunityAvatarUri","defaultAvatarUri","file","FileRepository","getFile","newImageUrl","fileUrlWithSize","data","fileUrl","exports"],"sourceRoot":"../../../../src","sources":["social/hooks/useFile.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAWO,MAAMI,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,OAAO;IACLC,MAAM;IACNC,SAAS,GAAGC,8BAAc,CAACC,MAAM;IACjCC,IAAI,GAAG;EACK,CAAC,KAAK;IAClB,IAAI,CAACJ,MAAM,EACT,OAAOI,IAAI,KAAK,WAAW,GACvBC,gCAAyB,GACzBC,uBAAgB;IACtB,MAAMC,IAAI,GAAG,MAAMC,gCAAc,CAACC,OAAO,CAACT,MAAM,CAAC;IACjD,IAAI,CAACO,IAAI,EACP,OAAOH,IAAI,KAAK,WAAW,GACvBC,gCAAyB,GACzBC,uBAAgB;IACtB,MAAMI,WAAW,GACfF,gCAAc,CAACG,eAAe,CAACJ,IAAI,CAACK,IAAI,CAACC,OAAO,EAAEZ,SAAS,CAAC,KAC3DG,IAAI,KAAK,WAAW,GAAGC,gCAAyB,GAAGC,uBAAgB,CAAC;IACvE,OAAOI,WAAW;EACpB,CAAC,EACD,EACF,CAAC;EACD,OAAO;IAAEZ;EAAS,CAAC;AACrB,CAAC;AAACgB,OAAA,CAAAjB,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_tsSdkReactNative","_imageSizeState","_index","useFile","getImage","useCallback","fileId","imageSize","ImageSizeState","medium","type","defaultCommunityAvatarUri","defaultAvatarUri","file","FileRepository","getFile","newImageUrl","fileUrlWithSize","data","fileUrl","exports"],"sourceRoot":"../../../../src","sources":["social/hooks/useFile.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,OAAO;IACLC,MAAM;IACNC,SAAS,GAAGC,8BAAc,CAACC,MAAM;IACjCC,IAAI,GAAG;EACK,CAAC,KAAK;IAClB,IAAI,CAACJ,MAAM,EACT,OAAOI,IAAI,KAAK,WAAW,GACvBC,gCAAyB,GACzBC,uBAAgB;IACtB,MAAMC,IAAI,GAAG,MAAMC,gCAAc,CAACC,OAAO,CAACT,MAAM,CAAC;IACjD,IAAI,CAACO,IAAI,EACP,OAAOH,IAAI,KAAK,WAAW,GACvBC,gCAAyB,GACzBC,uBAAgB;IACtB,MAAMI,WAAW,GACfF,gCAAc,CAACG,eAAe,CAACJ,IAAI,CAACK,IAAI,CAACC,OAAO,EAAEZ,SAAS,CAAC,KAC3DG,IAAI,KAAK,WAAW,GAAGC,gCAAyB,GAAGC,uBAAgB,CAAC;IACvE,OAAOI,WAAW;EACpB,CAAC,EACD,EACF,CAAC;EACD,OAAO;IAAEZ;EAAS,CAAC;AACrB,CAAC;AAACgB,OAAA,CAAAjB,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/social/screens/CommunityProfile/components/Header/Header.js

@@ -56,8 +56,22 @@ const AmityCommunityHeaderComponent = ({
     pageId,
     componentId
   });
-  const currentUser = (0, _hooks.useUser)((client === null || client === void 0 ? void 0 : client.userId) || '');
-  const isCommunityModerator = (0, _hooks.isModerator)(currentUser === null || currentUser === void 0 ? void 0 : currentUser.roles);
+  const {
+    canReviewCommunityPosts
+  } = (0, _hooks.useCommunityPermission)(communityId);
+
+  // A community may still be on the legacy flag when the SDK has not mapped it
+  // to `postSetting`, and reading `postSetting` alone hid the banner for those
+  // communities. Same fallback web applies.
+  const requiresPostApproval = community !== null && community !== void 0 && community.postSetting ? community.postSetting === 'ADMIN_REVIEW_POST_REQUIRED' : !!(community !== null && community !== void 0 && community.needApprovalOnPostCreation);
+
+  // `postedUserId` is the field web reads; `creator` is what this screen read
+  // before. Keep both — the author of a pending post must not lose the banner
+  // if one of the two is absent from a payload.
+  const isPendingPostOwner = !!(pendingPosts !== null && pendingPosts !== void 0 && pendingPosts.some(post => {
+    var _post$creator;
+    return (post.postedUserId ?? ((_post$creator = post.creator) === null || _post$creator === void 0 ? void 0 : _post$creator.userId)) === (client === null || client === void 0 ? void 0 : client.userId);
+  }));
   const styles = (0, _styles.useStyles)(themeStyles);
   const [headerHeight, setHeaderHeight] = (0, _react.useState)(0);
   // Use a single approach for updating height
@@ -147,14 +161,11 @@ const AmityCommunityHeaderComponent = ({
     componentId: componentId,
     communityId: community.communityId,
     size: _Button.BUTTON_SIZE.LARGE
-  })), (isCommunityModerator || (pendingPosts === null || pendingPosts === void 0 ? void 0 : pendingPosts.some(post => {
-    var _post$creator;
-    return ((_post$creator = post.creator) === null || _post$creator === void 0 ? void 0 : _post$creator.userId) === client.userId;
-  }))) && (pendingPosts === null || pendingPosts === void 0 ? void 0 : pendingPosts.length) > 0 && community.isJoined && (community === null || community === void 0 ? void 0 : community.postSetting) === 'ADMIN_REVIEW_POST_REQUIRED' && /*#__PURE__*/React.createElement(_CommunityPendingPost.default, {
+  })), (canReviewCommunityPosts || isPendingPostOwner) && (pendingPosts === null || pendingPosts === void 0 ? void 0 : pendingPosts.length) > 0 && community.isJoined && requiresPostApproval && /*#__PURE__*/React.createElement(_CommunityPendingPost.default, {
     number: pendingPosts.length,
     pageId: pageId,
     componentId: componentId,
-    isModerator: isCommunityModerator,
+    isModerator: canReviewCommunityPosts,
     style: styles.pendingPostWrap,
     onPress: () => {
       navigation.navigate('CommunityPendingRequest', {

package/lib/commonjs/social/screens/CommunityProfile/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_enums","_hooks","_styles","_CommunityCover","_CommunityPrivateBadge","_interopRequireDefault","_CommunityName","_CommunityVerifyBadge","_CommunityDescription","_CommunityInfo","_CommunityJoinButtonElement","_CommunityPendingPost","_usePosts","_Tab","_types","_Button","_native","_tsSdkReactNative","_feed","e","__esModule","default","AmityCommunityHeaderComponent","pageId","PageID","WildCardPage","communityId","isScrolling","isScrolled","onHeightChange","isFromComponent","client","Client","getActiveClient","navigation","useNavigation","handleGlobalBehavior","useGlobalBehavior","componentId","ComponentID","community_header","community","useCommunity","posts","pendingPosts","usePosts","targetType","targetId","feedType","accessibilityId","themeStyles","useAmityComponent","currentUser","useUser","userId","isCommunityModerator","isModerator","roles","styles","useStyles","headerHeight","setHeaderHeight","useState","updateHeaderHeight","newHeight","React","createElement","Fragment","View","onLayout","event","height","nativeEvent","layout","CommunityCover","smallHeader","hideButtons","testID","accessibilityLabel","style","container","communityNameWrap","isPublic","communityName","displayName","isOfficial","CommunityCategories","categories","allVisible","categoryWrap","description","descriptionWrap","infoWrap","onPress","defaultBehavior","navigate","isJoined","joinButtonWrap","size","BUTTON_SIZE","LARGE","some","post","_post$creator","creator","length","postSetting","number","pendingPostWrap","type","AmityStoryTabComponentEnum","communityFeed","_default","exports","memo"],"sourceRoot":"../../../../../../../src","sources":["social/screens/CommunityProfile/components/Header/Header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_enums","_hooks","_styles","_CommunityCover","_CommunityPrivateBadge","_interopRequireDefault","_CommunityName","_CommunityVerifyBadge","_CommunityDescription","_CommunityInfo","_CommunityJoinButtonElement","_CommunityPendingPost","_usePosts","_Tab","_types","_Button","_native","_tsSdkReactNative","_feed","e","__esModule","default","AmityCommunityHeaderComponent","pageId","PageID","WildCardPage","communityId","isScrolling","isScrolled","onHeightChange","isFromComponent","client","Client","getActiveClient","navigation","useNavigation","handleGlobalBehavior","useGlobalBehavior","componentId","ComponentID","community_header","community","useCommunity","posts","pendingPosts","usePosts","targetType","targetId","feedType","accessibilityId","themeStyles","useAmityComponent","canReviewCommunityPosts","useCommunityPermission","requiresPostApproval","postSetting","needApprovalOnPostCreation","isPendingPostOwner","some","post","_post$creator","postedUserId","creator","userId","styles","useStyles","headerHeight","setHeaderHeight","useState","updateHeaderHeight","newHeight","React","createElement","Fragment","View","onLayout","event","height","nativeEvent","layout","CommunityCover","smallHeader","hideButtons","testID","accessibilityLabel","style","container","communityNameWrap","isPublic","communityName","displayName","isOfficial","CommunityCategories","categories","allVisible","categoryWrap","description","descriptionWrap","infoWrap","onPress","defaultBehavior","navigate","isJoined","joinButtonWrap","size","BUTTON_SIZE","LARGE","length","number","isModerator","pendingPostWrap","type","AmityStoryTabComponentEnum","communityFeed","_default","exports","memo"],"sourceRoot":"../../../../../../../src","sources":["social/screens/CommunityProfile/components/Header/Header.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAMA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,qBAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,qBAAA,GAAAH,sBAAA,CAAAP,OAAA;AACA,IAAAW,cAAA,GAAAJ,sBAAA,CAAAP,OAAA;AACA,IAAAY,2BAAA,GAAAL,sBAAA,CAAAP,OAAA;AACA,IAAAa,qBAAA,GAAAN,sBAAA,CAAAP,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,IAAA,GAAAR,sBAAA,CAAAP,OAAA;AACA,IAAAgB,MAAA,GAAAhB,OAAA;AACA,IAAAiB,OAAA,GAAAjB,OAAA;AACA,IAAAkB,OAAA,GAAAlB,OAAA;AAGA,IAAAmB,iBAAA,GAAAnB,OAAA;AACA,IAAAoB,KAAA,GAAApB,OAAA;AAAgE,SAAAO,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAehE,MAAMG,6BAAqE,GAAGA,CAAC;EAC7EC,MAAM,GAAGC,aAAM,CAACC,YAAY;EAC5BC,WAAW;EACXC,WAAW,GAAG,KAAK;EACnBC,UAAU;EACVC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGC,wBAAM,CAACC,eAAe,CAAC,CAAC;EACvC,MAAMC,UAAU,GACd,IAAAC,qBAAa,EAAgD,CAAC;EAChE,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EACpD,MAAMC,WAAW,GAAGC,kBAAW,CAACC,gBAAgB;EAChD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAY,EAAChB,WAAW,CAAC;EAC/C,MAAM;IAAEiB,KAAK,EAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAQ,EAAC;IACvCC,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAErB,WAAW;IACrBsB,QAAQ,EAAE;EACZ,CAAC,CAAC;EACF,MAAM;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAAG,IAAAC,wBAAiB,EAAC;IACzD5B,MAAM;IACNe;EACF,CAAC,CAAC;EAEF,MAAM;IAAEc;EAAwB,CAAC,GAAG,IAAAC,6BAAsB,EAAC3B,WAAW,CAAC;;EAEvE;EACA;EACA;EACA,MAAM4B,oBAAoB,GAAGb,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEc,WAAW,GAC/Cd,SAAS,CAACc,WAAW,KAAK,4BAA4B,GACtD,CAAC,EAAEd,SAAS,aAATA,SAAS,eAATA,SAAS,CAA0Be,0BAA0B;;EAEpE;EACA;EACA;EACA,MAAMC,kBAAkB,GAAG,CAAC,EAACb,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEc,IAAI,CAC5CC,IAAI;IAAA,IAAAC,aAAA;IAAA,OAAK,CAACD,IAAI,CAACE,YAAY,MAAAD,aAAA,GAAID,IAAI,CAACG,OAAO,cAAAF,aAAA,uBAAZA,aAAA,CAAcG,MAAM,QAAMhC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEgC,MAAM;EAAA,CAC1E,CAAC;EAED,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAACf,WAAW,CAAC;EAErC,MAAM,CAACgB,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACnD;EACA,MAAMC,kBAAkB,GAAIC,SAAiB,IAAK;IAChD,IAAIA,SAAS,GAAG,CAAC,IAAIA,SAAS,KAAKJ,YAAY,EAAE;MAC/CC,eAAe,CAACG,SAAS,CAAC;;MAE1B;MACA,IAAIzC,cAAc,EAAE;QAClBA,cAAc,CAACyC,SAAS,CAAC;MAC3B;IACF;EACF,CAAC;EAED,IAAI,CAAC7B,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACE8B,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,QACG7C,UAAU,gBACT2C,KAAA,CAAAC,aAAA,CAACzE,YAAA,CAAA2E,IAAI;IACHC,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAM;QAAEC;MAAO,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;MAC3CV,kBAAkB,CAACQ,MAAM,CAAC;IAC5B;EAAE,gBAEFN,KAAA,CAAAC,aAAA,CAACrE,eAAA,CAAA6E,cAAc;IACbzD,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrBwC,WAAW,EAAE,IAAK;IAClBC,WAAW,EAAE,CAACtD,UAAU,IAAID,WAAY;IACxCG,eAAe,EAAEA;EAAgB,CAClC,CACG,CAAC,gBAEPyC,KAAA,CAAAC,aAAA,CAACzE,YAAA,CAAA2E,IAAI;IACHS,MAAM,EAAElC,eAAgB;IACxBmC,kBAAkB,EAAEnC,eAAgB;IACpCoC,KAAK,EAAErB,MAAM,CAACsB,SAAU;IACxBX,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAM;QAAEC;MAAO,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;MAC3CV,kBAAkB,CAACQ,MAAM,CAAC;IAC5B;EAAE,gBAEFN,KAAA,CAAAC,aAAA,CAACrE,eAAA,CAAA6E,cAAc;IACbzD,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrBwC,WAAW,EAAE,KAAM;IACnBC,WAAW,EAAEvD,WAAY;IACzBG,eAAe,EAAEA;EAAgB,CAClC,CAAC,eACFyC,KAAA,CAAAC,aAAA,CAACzE,YAAA,CAAA2E,IAAI;IAACW,KAAK,EAAErB,MAAM,CAACuB;EAAkB,GACnC,CAAC9C,SAAS,CAAC+C,QAAQ,iBAClBjB,KAAA,CAAAC,aAAA,CAACpE,sBAAA,CAAAiB,OAAqB;IACpBE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA;EAAY,CAC1B,CACF,eACDiC,KAAA,CAAAC,aAAA,CAAClE,cAAA,CAAAe,OAAa;IACZE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBmD,aAAa,EAAEhD,SAAS,CAACiD;EAAY,CACtC,CAAC,EACDjD,SAAS,CAACkD,UAAU,iBACnBpB,KAAA,CAAAC,aAAA,CAACjE,qBAAA,CAAAc,OAAoB;IAACE,MAAM,EAAEA,MAAO;IAACe,WAAW,EAAEA;EAAY,CAAE,CAE/D,CAAC,eACPiC,KAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA0E,mBAAmB;IAClBrE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBuD,UAAU,EAAEpD,SAAS,CAACoD,UAAW;IACjCC,UAAU,EAAE,IAAK;IACjBT,KAAK,EAAErB,MAAM,CAAC+B;EAAa,CAC5B,CAAC,eACFxB,KAAA,CAAAC,aAAA,CAAChE,qBAAA,CAAAa,OAAoB;IACnBE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzB0D,WAAW,EAAEvD,SAAS,CAACuD,WAAY;IACnCX,KAAK,EAAErB,MAAM,CAACiC;EAAgB,CAC/B,CAAC,eACF1B,KAAA,CAAAC,aAAA,CAAC/D,cAAA,CAAAY,OAAa;IACZE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrB4C,KAAK,EAAErB,MAAM,CAACkC,QAAS;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACb/D,oBAAoB,CAAC;QACnBgE,eAAe,EAAEA,CAAA,KAAM;UACrBlE,UAAU,CAACmE,QAAQ,CAAC,qBAAqB,EAAE;YACzC5D,SAAS,EAAEA;UACb,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ;EAAE,CACH,CAAC,EACD,CAACA,SAAS,CAAC6D,QAAQ,iBAClB/B,KAAA,CAAAC,aAAA,CAACzE,YAAA,CAAA2E,IAAI;IAACW,KAAK,EAAErB,MAAM,CAACuC;EAAe,gBACjChC,KAAA,CAAAC,aAAA,CAAC9D,2BAAA,CAAAW,OAA0B;IACzBE,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBZ,WAAW,EAAEe,SAAS,CAACf,WAAY;IACnC8E,IAAI,EAAEC,mBAAW,CAACC;EAAM,CACzB,CACG,CACP,EACA,CAACtD,uBAAuB,IAAIK,kBAAkB,KAC7C,CAAAb,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE+D,MAAM,IAAG,CAAC,IACxBlE,SAAS,CAAC6D,QAAQ,IAClBhD,oBAAoB,iBAClBiB,KAAA,CAAAC,aAAA,CAAC7D,qBAAA,CAAAU,OAAoB;IACnBuF,MAAM,EAAEhE,YAAY,CAAC+D,MAAO;IAC5BpF,MAAM,EAAEA,MAAO;IACfe,WAAW,EAAEA,WAAY;IACzBuE,WAAW,EAAEzD,uBAAwB;IACrCiC,KAAK,EAAErB,MAAM,CAAC8C,eAAgB;IAC9BX,OAAO,EAAEA,CAAA,KAAM;MACbjE,UAAU,CAACmE,QAAQ,CAAC,yBAAyB,EAAE;QAC7C5D;MACF,CAAC,CAAC;IACJ;EAAE,CACH,CACF,eACH8B,KAAA,CAAAC,aAAA,CAAC3D,IAAA,CAAAQ,OAAsB;IACrB0F,IAAI,EAAEC,iCAA0B,CAACC,aAAc;IAC/ClE,QAAQ,EAAErB;EAAY,CACvB,CACG,CAER,CAAC;AAEP,CAAC;AAAC,IAAAwF,QAAA,GAAAC,OAAA,CAAA9F,OAAA,gBAEa,IAAA+F,WAAI,EAAC9F,6BAA6B,CAAC","ignoreList":[]}

package/lib/commonjs/social/utils/getFrameRatio.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FRAME_RATIO_VALUE = exports.DEFAULT_FRAME_RATIO = void 0;
+exports.getFrameRatio = getFrameRatio;
+exports.getVideoDisplayDims = getVideoDisplayDims;
+/**
+ * Numeric aspect ratio (width / height) for each frame ratio.
+ * React Native's `aspectRatio` style takes a number, unlike web's CSS string.
+ */
+const FRAME_RATIO_VALUE = exports.FRAME_RATIO_VALUE = {
+  '16:9': 16 / 9,
+  '1:1': 1,
+  '4:5': 4 / 5
+};
+const LANDSCAPE_THRESHOLD = 1.25;
+const PORTRAIT_THRESHOLD = 0.8;
+const DEFAULT_FRAME_RATIO = exports.DEFAULT_FRAME_RATIO = '1:1';
+function getFrameRatio(width, height) {
+  if (!width || !height || height <= 0) return DEFAULT_FRAME_RATIO;
+  const ratio = width / height;
+  if (ratio >= LANDSCAPE_THRESHOLD) return '16:9';
+  if (ratio <= PORTRAIT_THRESHOLD) return '4:5';
+  return '1:1';
+}
+
+/**
+ * Swap width/height when a video is rotated 90/270 degrees so the frame ratio
+ * reflects how the video is actually displayed. Mirrors web getVideoDisplayDims.
+ */
+function getVideoDisplayDims(video) {
+  const {
+    width,
+    height,
+    rotation
+  } = video ?? {};
+  if (width == null || height == null) return {
+    width,
+    height
+  };
+  if (Math.abs(rotation ?? 0) % 180 === 90) return {
+    width: height,
+    height: width
+  };
+  return {
+    width,
+    height
+  };
+}
+//# sourceMappingURL=getFrameRatio.js.map

package/lib/commonjs/social/utils/getFrameRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FRAME_RATIO_VALUE","exports","LANDSCAPE_THRESHOLD","PORTRAIT_THRESHOLD","DEFAULT_FRAME_RATIO","getFrameRatio","width","height","ratio","getVideoDisplayDims","video","rotation","Math","abs"],"sourceRoot":"../../../../src","sources":["social/utils/getFrameRatio.ts"],"mappings":";;;;;;;;AAEA;AACA;AACA;AACA;AACO,MAAMA,iBAA6C,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC3D,MAAM,EAAE,EAAE,GAAG,CAAC;EACd,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC,GAAG;AACb,CAAC;AAED,MAAME,mBAAmB,GAAG,IAAI;AAChC,MAAMC,kBAAkB,GAAG,GAAG;AAEvB,MAAMC,mBAA+B,GAAAH,OAAA,CAAAG,mBAAA,GAAG,KAAK;AAE7C,SAASC,aAAaA,CAACC,KAAc,EAAEC,MAAe,EAAc;EACzE,IAAI,CAACD,KAAK,IAAI,CAACC,MAAM,IAAIA,MAAM,IAAI,CAAC,EAAE,OAAOH,mBAAmB;EAEhE,MAAMI,KAAK,GAAGF,KAAK,GAAGC,MAAM;EAE5B,IAAIC,KAAK,IAAIN,mBAAmB,EAAE,OAAO,MAAM;EAC/C,IAAIM,KAAK,IAAIL,kBAAkB,EAAE,OAAO,KAAK;EAC7C,OAAO,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACO,SAASM,mBAAmBA,CAACC,KAInC,EAAuC;EACtC,MAAM;IAAEJ,KAAK;IAAEC,MAAM;IAAEI;EAAS,CAAC,GAAGD,KAAK,IAAI,CAAC,CAAC;EAC/C,IAAIJ,KAAK,IAAI,IAAI,IAAIC,MAAM,IAAI,IAAI,EAAE,OAAO;IAAED,KAAK;IAAEC;EAAO,CAAC;EAC7D,IAAIK,IAAI,CAACC,GAAG,CAACF,QAAQ,IAAI,CAAC,CAAC,GAAG,GAAG,KAAK,EAAE,EACtC,OAAO;IAAEL,KAAK,EAAEC,MAAM;IAAEA,MAAM,EAAED;EAAM,CAAC;EACzC,OAAO;IAAEA,KAAK;IAAEC;EAAO,CAAC;AAC1B","ignoreList":[]}

package/lib/commonjs/social/utils/getIndicatorConfig.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIndicatorConfig = getIndicatorConfig;
+var _constants = require("../constants");
+function getIndicatorConfig(current, total) {
+  if (total <= _constants.MAX_INDICATOR_DOTS) {
+    const dots = Array.from({
+      length: total
+    }, (_, page) => ({
+      key: `page-${page}`,
+      state: page === current ? 'active' : 'inactive'
+    }));
+    return {
+      dots
+    };
+  }
+  let windowStart;
+  let windowEnd;
+  if (current <= 1) {
+    windowStart = 0;
+    windowEnd = 4;
+  } else if (current >= total - 3) {
+    windowStart = total - 5;
+    windowEnd = total - 1;
+  } else {
+    windowStart = current - 1;
+    windowEnd = current + 2;
+  }
+  const showLeft = windowStart > 0;
+  const showRight = windowEnd < total - 1;
+  const dots = [];
+  if (showLeft) {
+    dots.push({
+      key: 'edge-left',
+      state: 'edge',
+      side: 'left'
+    });
+  }
+  for (let page = windowStart; page <= windowEnd; page += 1) {
+    dots.push({
+      key: `page-${page}`,
+      state: page === current ? 'active' : 'inactive'
+    });
+  }
+  if (showRight) {
+    dots.push({
+      key: 'edge-right',
+      state: 'edge',
+      side: 'right'
+    });
+  }
+  return {
+    dots
+  };
+}
+//# sourceMappingURL=getIndicatorConfig.js.map

package/lib/commonjs/social/utils/getIndicatorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","getIndicatorConfig","current","total","MAX_INDICATOR_DOTS","dots","Array","from","length","_","page","key","state","windowStart","windowEnd","showLeft","showRight","push","side"],"sourceRoot":"../../../../src","sources":["social/utils/getIndicatorConfig.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAcO,SAASC,kBAAkBA,CAChCC,OAAe,EACfC,KAAa,EACI;EACjB,IAAIA,KAAK,IAAIC,6BAAkB,EAAE;IAC/B,MAAMC,IAAI,GAAGC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEL;IAAM,CAAC,EAAE,CAACM,CAAC,EAAEC,IAAI,MAAM;MACvDC,GAAG,EAAE,QAAQD,IAAI,EAAE;MACnBE,KAAK,EAAEF,IAAI,KAAKR,OAAO,GAAI,QAAQ,GAAc;IACnD,CAAC,CAAC,CAAC;IACH,OAAO;MAAEG;IAAK,CAAC;EACjB;EAEA,IAAIQ,WAAmB;EACvB,IAAIC,SAAiB;EAErB,IAAIZ,OAAO,IAAI,CAAC,EAAE;IAChBW,WAAW,GAAG,CAAC;IACfC,SAAS,GAAG,CAAC;EACf,CAAC,MAAM,IAAIZ,OAAO,IAAIC,KAAK,GAAG,CAAC,EAAE;IAC/BU,WAAW,GAAGV,KAAK,GAAG,CAAC;IACvBW,SAAS,GAAGX,KAAK,GAAG,CAAC;EACvB,CAAC,MAAM;IACLU,WAAW,GAAGX,OAAO,GAAG,CAAC;IACzBY,SAAS,GAAGZ,OAAO,GAAG,CAAC;EACzB;EAEA,MAAMa,QAAQ,GAAGF,WAAW,GAAG,CAAC;EAChC,MAAMG,SAAS,GAAGF,SAAS,GAAGX,KAAK,GAAG,CAAC;EAEvC,MAAME,IAAoB,GAAG,EAAE;EAE/B,IAAIU,QAAQ,EAAE;IACZV,IAAI,CAACY,IAAI,CAAC;MAAEN,GAAG,EAAE,WAAW;MAAEC,KAAK,EAAE,MAAM;MAAEM,IAAI,EAAE;IAAO,CAAC,CAAC;EAC9D;EAEA,KAAK,IAAIR,IAAI,GAAGG,WAAW,EAAEH,IAAI,IAAII,SAAS,EAAEJ,IAAI,IAAI,CAAC,EAAE;IACzDL,IAAI,CAACY,IAAI,CAAC;MACRN,GAAG,EAAE,QAAQD,IAAI,EAAE;MACnBE,KAAK,EAAEF,IAAI,KAAKR,OAAO,GAAG,QAAQ,GAAG;IACvC,CAAC,CAAC;EACJ;EAEA,IAAIc,SAAS,EAAE;IACbX,IAAI,CAACY,IAAI,CAAC;MAAEN,GAAG,EAAE,YAAY;MAAEC,KAAK,EAAE,MAAM;MAAEM,IAAI,EAAE;IAAQ,CAAC,CAAC;EAChE;EAEA,OAAO;IAAEb;EAAK,CAAC;AACjB","ignoreList":[]}

package/lib/commonjs/social/utils/mediaAttachments.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MAX_MEDIA_ATTACHMENTS = void 0;
+exports.appendWithinCap = appendWithinCap;
+exports.applyFinishedUpload = applyFinishedUpload;
+exports.dedupeMediaPicks = dedupeMediaPicks;
+exports.toLocalVideoThumbnails = toLocalVideoThumbnails;
+exports.toggleUploadingSource = toggleUploadingSource;
+/**
+ * The composer caps a post at 10 attachments of a single media type.
+ */
+const MAX_MEDIA_ATTACHMENTS = exports.MAX_MEDIA_ATTACHMENTS = 10;
+
+/**
+ * The identity fields a staged attachment must carry for the helpers below to
+ * recognise it across its own upload. See `IDisplayImage.localId`.
+ */
+
+/**
+ * Drop the candidates that are already staged, and any repeated inside the
+ * batch itself, preserving the order of the ones that survive.
+ *
+ * De-duplication runs against the LOCAL identity, never `fileName`: the moment
+ * an item finishes uploading the composer rewrites its `fileName` to the
+ * server's `attributes.name`, and edit-mode entries are hydrated with the
+ * fileId, so a set built from `fileName` compares server-side names against
+ * picker names and never matches. `localId` / `localFileName` are assigned once
+ * at pick time and survive the upload, so they still line up here.
+ *
+ * `localFileName` is a second key next to `localId` because the picker's
+ * `asset.id` is not populated by every configuration — the name is what catches
+ * a re-pick when no id came back. Camera captures deliberately carry no
+ * `localFileName`, so two shots never de-duplicate against each other.
+ *
+ * The drop is silent by design (no toast, no alert) and leaves the already
+ * staged copy exactly where it is, which is what keeps a re-pick of A followed
+ * by B and C rendering as A, B, C.
+ */
+function dedupeMediaPicks(staged, candidates) {
+  const seenIds = new Set(staged.map(item => item.localId).filter(Boolean));
+  const seenNames = new Set(staged.map(item => item.localFileName).filter(Boolean));
+  const additions = [];
+  for (const candidate of candidates) {
+    const {
+      localId,
+      localFileName
+    } = candidate;
+    if (seenIds.has(localId)) continue;
+    if (localFileName && seenNames.has(localFileName)) continue;
+    seenIds.add(localId);
+    if (localFileName) seenNames.add(localFileName);
+    additions.push(candidate);
+  }
+  return additions;
+}
+
+/**
+ * Append `additions` to `staged`, holding the 10-attachment cap.
+ */
+function appendWithinCap(staged, additions) {
+  const updated = [...staged, ...additions];
+  return updated.length > MAX_MEDIA_ATTACHMENTS ? updated.slice(0, MAX_MEDIA_ATTACHMENTS) : updated;
+}
+
+/**
+ * Route a finished upload back to the entry it actually belongs to, matched by
+ * the local path the child was mounted with.
+ *
+ * The child reports both a positional `index` and the `originalPath`. The index
+ * is the array position the frame was RENDERED at when the upload started —
+ * LoadingVideo goes further and memoises its uploader on `[source]` alone, so
+ * it freezes the index of the render where the source last changed. Writing
+ * `data[index]` therefore lands on whatever now sits at that position: a frame
+ * removed, an upload retried after the array grew, or a slow upload finishing
+ * after its neighbours moved all put one file's remote url onto another file's
+ * entry — which is what QA saw as an already-loaded image repainting with a
+ * different picture once the network came back. Matching on `originalPath` is
+ * exact: a not-yet-uploaded entry's `url` IS the local path its child was
+ * handed, and pick de-duplication guarantees those are unique across the array.
+ *
+ * The patch is MERGED rather than replacing the entry: `localId` /
+ * `localFileName` are what the next pick de-duplicates against, and
+ * what the carousel keys its frames by, and the picker's width/height still
+ * classify the frame ratio — a wholesale replacement dropped all of them.
+ *
+ * No match means the entry is gone (closed mid-upload) or already finished, so
+ * the array is returned untouched rather than resurrecting or double-writing.
+ */
+function applyFinishedUpload(staged, originalPath, patch) {
+  const targetIndex = staged.findIndex(item => item.url === originalPath);
+  if (targetIndex === -1) return staged;
+  const updated = [...staged];
+  updated[targetIndex] = {
+    ...updated[targetIndex],
+    ...patch
+  };
+  return updated;
+}
+
+/**
+ * Add or remove a media item's `source` from the set of in-flight uploads.
+ *
+ * The composer gates Post/Save on this set being empty. It replaced a single
+ * shared boolean that whichever upload finished FIRST flipped back to false on
+ * behalf of every other frame, unlocking Post while the rest were still
+ * uploading.
+ *
+ * Returns the same set instance when nothing changes, so a redundant report —
+ * a child clearing on unmount right after `handleLoadEnd` already cleared —
+ * does not trigger a re-render.
+ */
+function toggleUploadingSource(uploading, source, isUploading) {
+  if (isUploading === uploading.has(source)) return uploading;
+  const updated = new Set(uploading);
+  if (isUploading) {
+    updated.add(source);
+  } else {
+    updated.delete(source);
+  }
+  return updated;
+}
+
+/**
+ * The entries the feed's local-thumbnail bridge should hold for a just-created
+ * video post.
+ *
+ * A video's server thumbnail does not exist until transcoding finishes, so the
+ * feed falls back to the frame the composer decoded at pick time, matched on
+ * the uploaded video's fileId. Entries without both halves are dropped: a row
+ * with an empty url still satisfies the feed's lookup, which suppresses its own
+ * pending state and leaves the frame blank instead of showing the play button
+ * over a plain background.
+ */
+function toLocalVideoThumbnails(videos) {
+  return videos.reduce((acc, {
+    fileId,
+    thumbNail
+  }) => {
+    if (!fileId || !thumbNail) return acc;
+    acc.push({
+      fileId,
+      thumbnailUrl: thumbNail
+    });
+    return acc;
+  }, []);
+}
+//# sourceMappingURL=mediaAttachments.js.map

package/lib/commonjs/social/utils/mediaAttachments.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_MEDIA_ATTACHMENTS","exports","dedupeMediaPicks","staged","candidates","seenIds","Set","map","item","localId","filter","Boolean","seenNames","localFileName","additions","candidate","has","add","push","appendWithinCap","updated","length","slice","applyFinishedUpload","originalPath","patch","targetIndex","findIndex","url","toggleUploadingSource","uploading","source","isUploading","delete","toLocalVideoThumbnails","videos","reduce","acc","fileId","thumbNail","thumbnailUrl"],"sourceRoot":"../../../../src","sources":["social/utils/mediaAttachments.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/utils/postChildren.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classifyPostChildren = classifyPostChildren;
+/** A post child as the feed resolves it: the child post plus its own payload. */
+
+/**
+ * Sort a post's resolved children into what each surface needs.
+ *
+ * Every hop into a child's payload is guarded, because the cost of being wrong
+ * is out of proportion to the saving: an ErrorBoundary sits around the whole
+ * UIKit without an onError, so one TypeError in here replaces the entire app
+ * with a generic error page and takes its own stack down with it.
+ *
+ * `ContentDataVideo` types `videoFileId` as always present but every size
+ * inside it as optional, so `original` is the hop that can legitimately be
+ * missing. The keys above it are guarded on the same principle rather than on
+ * evidence that they go missing.
+ */
+function classifyPostChildren(children, apiRegion) {
+  const images = [];
+  const videos = [];
+  const polls = [];
+  const livestreams = [];
+  const media = [];
+  children.forEach(item => {
+    var _item$data, _item$data2, _item$data4, _item$data6;
+    if ((item === null || item === void 0 ? void 0 : item.dataType) === 'image' && item !== null && item !== void 0 && (_item$data = item.data) !== null && _item$data !== void 0 && _item$data.fileId) {
+      const url = `https://api.${apiRegion}.amity.co/api/v3/files/${item.data.fileId}/download?size=medium`;
+      if (!images.includes(url)) {
+        images.push(url);
+        if (item.post) media.push(item.post);
+      }
+      return;
+    }
+    if ((item === null || item === void 0 ? void 0 : item.dataType) === 'video' && item !== null && item !== void 0 && (_item$data2 = item.data) !== null && _item$data2 !== void 0 && (_item$data2 = _item$data2.videoFileId) !== null && _item$data2 !== void 0 && _item$data2.original) {
+      const isExisted = videos.some(video => {
+        var _video$videoFileId, _item$data3;
+        return ((_video$videoFileId = video.videoFileId) === null || _video$videoFileId === void 0 ? void 0 : _video$videoFileId.original) === ((_item$data3 = item.data) === null || _item$data3 === void 0 || (_item$data3 = _item$data3.videoFileId) === null || _item$data3 === void 0 ? void 0 : _item$data3.original);
+      });
+      if (!isExisted) {
+        videos.push(item.data);
+        if (item.post) media.push(item.post);
+      }
+      return;
+    }
+    if ((item === null || item === void 0 ? void 0 : item.dataType) === 'poll' && item !== null && item !== void 0 && (_item$data4 = item.data) !== null && _item$data4 !== void 0 && _item$data4.pollId) {
+      if (!polls.some(poll => {
+        var _item$data5;
+        return poll.pollId === ((_item$data5 = item.data) === null || _item$data5 === void 0 ? void 0 : _item$data5.pollId);
+      })) {
+        polls.push(item.data);
+      }
+      return;
+    }
+    if ((item === null || item === void 0 ? void 0 : item.dataType) === 'room' && item !== null && item !== void 0 && (_item$data6 = item.data) !== null && _item$data6 !== void 0 && _item$data6.roomId) {
+      if (!livestreams.includes(item.data.roomId)) {
+        livestreams.push(item.data.roomId);
+      }
+    }
+  });
+  return {
+    images,
+    videos,
+    polls,
+    livestreams,
+    media
+  };
+}
+//# sourceMappingURL=postChildren.js.map

package/lib/commonjs/social/utils/postChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classifyPostChildren","children","apiRegion","images","videos","polls","livestreams","media","forEach","item","_item$data","_item$data2","_item$data4","_item$data6","dataType","data","fileId","url","includes","push","post","videoFileId","original","isExisted","some","video","_video$videoFileId","_item$data3","pollId","poll","_item$data5","roomId"],"sourceRoot":"../../../../src","sources":["social/utils/postChildren.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/core/assets/icons/post.js

@@ -2,7 +2,7 @@ const icon = props => {
   const {
     width = 24,
     height = 24,
-    fill = '#292B32'
+    fill = 'currentColor'
   } = props || {};
   return `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.0078 15.3789L17.1328 14.2539C17.3086 14.0781 17.625 14.2188 17.625 14.4648V19.5625C17.625 20.5117 16.8516 21.25 15.9375 21.25H3.5625C2.61328 21.25 1.875 20.5117 1.875 19.5625V7.1875C1.875 6.27344 2.61328 5.5 3.5625 5.5H13.1602C13.4062 5.5 13.5469 5.81641 13.3711 5.99219L12.2461 7.11719C12.1758 7.1875 12.1055 7.1875 12.0352 7.1875H3.5625V19.5625H15.9375V15.5898C15.9375 15.5195 15.9375 15.4492 16.0078 15.3789ZM21.4922 8.3125L12.2812 17.5234L9.08203 17.875C8.16797 17.9805 7.39453 17.207 7.5 16.293L7.85156 13.0938L17.0625 3.88281C17.8711 3.07422 19.1719 3.07422 19.9805 3.88281L21.4922 5.39453C22.3008 6.20312 22.3008 7.50391 21.4922 8.3125ZM18.0469 9.36719L16.0078 7.32812L9.46875 13.8672L9.1875 16.1875L11.5078 15.9062L18.0469 9.36719ZM20.2969 6.58984L18.7852 5.07812C18.6445 4.90234 18.3984 4.90234 18.2578 5.07812L17.2031 6.13281L19.2422 8.20703L20.332 7.11719C20.4727 6.94141 20.4727 6.73047 20.2969 6.58984Z" fill="${fill}"/>

package/lib/module/core/assets/icons/post.js.map

@@ -1 +1 @@
-{"version":3,"names":["icon","props","width","height","fill"],"sourceRoot":"../../../../../src","sources":["core/assets/icons/post.tsx"],"mappings":"AAEA,MAAMA,IAAI,GAAIC,KAA+B,IAAK;EAChD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAU,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;EAEjE,OAAO,eAAeC,KAAK,aAAaC,MAAM,kBAAkBD,KAAK,IAAIC,MAAM;AACjF,06BAA06BC,IAAI;AAC96B;AACA,CAAC;AACD,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
+{"version":3,"names":["icon","props","width","height","fill"],"sourceRoot":"../../../../../src","sources":["core/assets/icons/post.tsx"],"mappings":"AAEA,MAAMA,IAAI,GAAIC,KAA+B,IAAK;EAChD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAe,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;EAEtE,OAAO,eAAeC,KAAK,aAAaC,MAAM,kBAAkBD,KAAK,IAAIC,MAAM;AACjF,06BAA06BC,IAAI;AAC96B;AACA,CAAC;AACD,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}

package/lib/module/core/assets/icons/story.js

@@ -2,7 +2,7 @@ const icon = props => {
   const {
     width = 24,
     height = 24,
-    fill = '#292B32'
+    fill = 'currentColor'
   } = props || {};
   return `<svg
     width="${width}"

package/lib/module/core/assets/icons/story.js.map

@@ -1 +1 @@
-{"version":3,"names":["icon","props","width","height","fill"],"sourceRoot":"../../../../../src","sources":["core/assets/icons/story.tsx"],"mappings":"AAEA,MAAMA,IAAI,GAAIC,KAA+B,IAAK;EAChD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAU,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;EAEjE,OAAO;AACT,aAAaC,KAAK;AAClB,cAAcC,MAAM;AACpB,mBAAmBD,KAAK,IAAIC,MAAM;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAcC,IAAI;AAClB;AACA;AACA;AACA,cAAcA,IAAI;AAClB;AACA,SAAS;AACT,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
+{"version":3,"names":["icon","props","width","height","fill"],"sourceRoot":"../../../../../src","sources":["core/assets/icons/story.tsx"],"mappings":"AAEA,MAAMA,IAAI,GAAIC,KAA+B,IAAK;EAChD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAe,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;EAEtE,OAAO;AACT,aAAaC,KAAK;AAClB,cAAcC,MAAM;AACpB,mBAAmBD,KAAK,IAAIC,MAAM;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAcC,IAAI;AAClB;AACA;AACA;AACA,cAAcA,IAAI;AAClB;AACA,SAAS;AACT,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}

package/lib/module/core/assets/icons/xml.js

@@ -50,6 +50,67 @@ export const postIconOutlined = (color = '#292B32') => `<svg width="22" height="
 export const closeIcon = (color = '#292B32') => `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.65234 6.25L11.4492 2.48828C11.6602 2.27734 11.6602 1.89062 11.4492 1.67969L10.5703 0.800781C10.3594 0.589844 9.97266 0.589844 9.76172 0.800781L6 4.59766L2.20312 0.800781C1.99219 0.589844 1.60547 0.589844 1.39453 0.800781L0.515625 1.67969C0.304688 1.89062 0.304688 2.27734 0.515625 2.48828L4.3125 6.25L0.515625 10.0469C0.304688 10.2578 0.304688 10.6445 0.515625 10.8555L1.39453 11.7344C1.60547 11.9453 1.99219 11.9453 2.20312 11.7344L6 7.9375L9.76172 11.7344C9.97266 11.9453 10.3594 11.9453 10.5703 11.7344L11.4492 10.8555C11.6602 10.6445 11.6602 10.2578 11.4492 10.0469L7.65234 6.25Z" fill="${color}"/>
 </svg>`;
+// Ported verbatim from web UIKit icons/Close, for the carousel composer's
+// per-frame remove button.
+//
+// Not a swap for `closeIcon` above, which eleven other screens render — the
+// difference that matters here is that this one carries its padding INSIDE its
+// own 32-unit viewBox: the cross spans 8.4 to 23.6, so it fills about 47% of
+// the box against `closeIcon`'s near-100%. Rendered at 20 inside a 28dp disc it
+// draws a ~9dp cross with the scrim still visible around it, which is exactly
+// what web looks like. Using `closeIcon` at the same 20 filled the disc edge to
+// edge and left a bare white X floating on the photo.
+export const mediaRemoveIcon = (color = '#FFFFFF') => `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2031 16.2861L23.2656 21.3486C23.5469 21.6299 23.5469 22.1455 23.2656 22.4268L22.0938 23.5986C21.8125 23.8799 21.2969 23.8799 21.0156 23.5986L16 18.5361L10.9375 23.5986C10.6562 23.8799 10.1406 23.8799 9.85938 23.5986L8.6875 22.4268C8.40625 22.1455 8.40625 21.6299 8.6875 21.3486L13.75 16.2861L8.6875 11.2705C8.40625 10.9893 8.40625 10.4736 8.6875 10.1924L9.85938 9.02051C10.1406 8.73926 10.6562 8.73926 10.9375 9.02051L16 14.083L21.0156 9.02051C21.2969 8.73926 21.8125 8.73926 22.0938 9.02051L23.2656 10.1924C23.5469 10.4736 23.5469 10.9893 23.2656 11.2705L18.2031 16.2861Z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/MutedFilled (speaker + waves) — shown when audio
+// is ON (unmuted). Used by the carousel full-screen media viewer.
+export const soundOnIcon = (color = '#FFFFFF') => `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1211 5.78125C11.6484 5.25391 12.5625 5.60547 12.5625 6.37891V18.1562C12.5625 18.9297 11.6484 19.2812 11.1211 18.7539L7.99219 15.625H4.40625C3.91406 15.625 3.5625 15.2734 3.5625 14.7812V9.71875C3.5625 9.26172 3.91406 8.875 4.40625 8.875H7.99219L11.1211 5.78125ZM20.4375 12.25C20.4375 14.5 19.2773 16.5391 17.4141 17.7695C16.9922 18.0156 16.4648 17.875 16.2539 17.4883C16.0078 17.1016 16.1133 16.5742 16.5 16.3281C17.9062 15.4492 18.75 13.9023 18.75 12.25C18.75 10.6328 17.9062 9.08594 16.5 8.20703C16.1133 7.96094 16.0078 7.43359 16.2539 7.04688C16.5 6.625 17.0273 6.51953 17.4141 6.76562C19.2773 7.99609 20.4375 10.0352 20.4375 12.25ZM15.4453 9.57812C16.4297 10.1055 17.0625 11.1602 17.0625 12.25C17.0625 13.375 16.4297 14.4297 15.4453 14.957C15.0234 15.2031 14.5312 15.0625 14.2852 14.6406C14.0742 14.2188 14.2148 13.7266 14.6367 13.4805C15.0586 13.2344 15.375 12.7773 15.375 12.25C15.375 11.7578 15.0586 11.3008 14.6367 11.0547C14.2148 10.8086 14.0742 10.3164 14.2852 9.89453C14.5312 9.47266 15.0234 9.33203 15.4453 9.57812Z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/UnMuted (speaker with slash) — shown when audio
+// is OFF (muted).
+export const soundOffIcon = (color = '#FFFFFF') => `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.0039 19.3867C23.25 19.5625 23.3203 19.9141 23.1094 20.1602L22.4414 21.0391C22.2305 21.2852 21.8789 21.3555 21.6328 21.1445L0.960938 5.14844C0.714844 4.97266 0.644531 4.62109 0.855469 4.375L1.55859 3.49609C1.73438 3.25 2.08594 3.17969 2.33203 3.39062L7.67578 7.50391L9.43359 5.78125C9.96094 5.25391 10.875 5.60547 10.875 6.37891V9.96484L13.6523 12.1445C13.6172 11.6875 13.3359 11.2656 12.9492 11.0547C12.5273 10.8086 12.3867 10.3164 12.5977 9.89453C12.8438 9.47266 13.3359 9.33203 13.7578 9.57812C14.7422 10.1055 15.375 11.1602 15.375 12.25C15.375 12.6367 15.2695 12.9531 15.1641 13.3047L16.5352 14.3594C16.8516 13.7266 17.0625 13.0234 17.0625 12.25C17.0625 10.6328 16.2188 9.08594 14.8125 8.20703C14.4258 7.96094 14.3203 7.43359 14.5664 7.04688C14.8125 6.66016 15.3398 6.51953 15.7266 6.76562C17.5898 7.96094 18.75 10.0352 18.75 12.25C18.75 13.4102 18.4336 14.4648 17.9062 15.4141L19.2422 16.4688C19.9805 15.2031 20.4023 13.7617 20.4023 12.2852C20.4023 9.50781 19.0312 6.90625 16.6758 5.39453C16.2891 5.14844 16.1836 4.62109 16.4297 4.19922C16.7109 3.8125 17.2383 3.70703 17.625 3.95312C20.4375 5.81641 22.125 8.91016 22.125 12.25C22.125 14.1484 21.5625 15.9414 20.5781 17.4883L23.0039 19.3867ZM1.875 9.71875C1.875 9.4375 2.01562 9.19141 2.26172 9.01562L10.875 15.6602V18.1562C10.875 18.9297 9.96094 19.2812 9.43359 18.7539L6.30469 15.625H2.71875C2.22656 15.625 1.875 15.2734 1.875 14.7812V9.71875Z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/VideoControl — the play overlay on video frames
+// (50% black disc + white triangle). Replaces the generic playBtn in carousels.
+export const videoControlIcon = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="20" fill="black" fill-opacity="0.5"/>
+<g clip-path="url(#clip0_212_1181)">
+<path d="M16 13V27L27 20L16 13Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_212_1181">
+<rect width="24" height="24" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>`;
+// Ported from web UIKit icons/BrokenImage — shown on a media frame that fails
+// to load. Defaults to base-shade2.
+export const brokenImageIcon = (color = '#898E9E') => `<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.8655 25.3718L1.64863 5.63684C1.35345 5.42599 1.26912 5.00431 1.52213 4.70913L1.94381 4.16093C2.19683 3.90792 2.61851 3.82358 2.91369 4.0766L28.1306 23.8115C28.3836 24.0224 28.4679 24.4441 28.2149 24.7392L27.7932 25.2453C27.5402 25.5404 27.1185 25.6248 26.8655 25.3718Z" fill="${color}"/>
+<path d="M6.11895 10.8249V21.422C6.11895 21.5907 6.20329 21.675 6.37196 21.675H20.021L22.6144 23.6991H6.11895C4.9804 23.6991 4.09442 22.8135 4.09442 21.675V9.53041C4.09442 9.43874 4.10085 9.34826 4.11287 9.25939L6.11895 10.8249Z" fill="${color}"/>
+<path d="M23.6611 7.50631C24.7574 7.50644 25.6852 8.4341 25.6852 9.53041V21.675C25.6852 21.7472 25.6806 21.8184 25.6734 21.8885L23.6611 20.3133V9.78342C23.6611 9.65699 23.5345 9.53056 23.4081 9.53041H9.88251L7.29616 7.50631H23.6611Z" fill="${color}"/>
+<path d="M9.78763 15.9822C9.99846 15.7715 10.2937 15.7714 10.5045 15.9822L12.1912 17.6268L13.3496 16.468L17.4272 19.6509H8.14305V17.6268L9.78763 15.9822Z" fill="${color}"/>
+<path d="M17.2093 12.6087C17.4201 12.398 17.7154 12.3979 17.9262 12.6087L21.637 16.2774V18.7293L15.7194 14.0982L17.2093 12.6087Z" fill="${color}"/>
+<path d="M10.5142 14.2555C10.2301 14.4677 9.87584 14.5906 9.49245 14.5907C8.52257 14.5907 7.8057 13.8738 7.8057 12.9039C7.8057 12.6695 7.8512 12.4458 7.93528 12.2424L10.5142 14.2555Z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/Clear (ClearIcon) — the circular close button
+// used in the full-screen media viewers.
+export const clearIcon = (color = '#FFFFFF') => `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.82715 17.3906C13.4238 17.3906 17.2119 13.5938 17.2119 9.00586C17.2119 4.40918 13.415 0.612305 8.82715 0.612305C4.23047 0.612305 0.442383 4.40918 0.442383 9.00586C0.442383 13.5938 4.23926 17.3906 8.82715 17.3906ZM5.88281 12.5479C5.54883 12.5479 5.28516 12.2842 5.28516 11.9502C5.28516 11.792 5.34668 11.6514 5.46973 11.5283L7.9834 9.01465L5.46973 6.49219C5.34668 6.37793 5.28516 6.22852 5.28516 6.07031C5.28516 5.74512 5.54883 5.49023 5.88281 5.49023C6.0498 5.49023 6.19043 5.54297 6.2959 5.66602L8.82715 8.17969L11.3584 5.65723C11.4902 5.52539 11.6221 5.47266 11.7803 5.47266C12.1055 5.47266 12.3691 5.73633 12.3691 6.06152C12.3691 6.22852 12.3164 6.36035 12.1934 6.4834L9.6709 9.01465L12.1846 11.5283C12.3076 11.6514 12.3691 11.7832 12.3691 11.9502C12.3691 12.2842 12.1055 12.5479 11.7627 12.5479C11.5957 12.5479 11.4551 12.4863 11.332 12.3721L8.82715 9.84961L6.32227 12.3721C6.19922 12.4863 6.0498 12.5479 5.88281 12.5479Z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/Play — solid triangle, used in the full-screen
+// video player control bar (play/pause toggle).
+export const playControlIcon = (color = '#FFFFFF') => `<svg width="24" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.531 10.809a1.71 1.71 0 010 2.918L7.156 21.039c-1.125.668-2.531-.14-2.531-1.477V4.938c0-1.44 1.512-2.039 2.531-1.44l12.375 7.312z" fill="${color}"/>
+</svg>`;
+// Ported from web UIKit icons/Pause — two bars, used in the full-screen video
+// player control bar.
+export const pauseControlIcon = (color = '#FFFFFF') => `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.1875 20.0898H5.8125C4.86328 20.0898 4.125 19.3516 4.125 18.4023V6.02734C4.125 5.11328 4.86328 4.33984 5.8125 4.33984H9.1875C10.1016 4.33984 10.875 5.11328 10.875 6.02734V18.4023C10.875 19.3516 10.1016 20.0898 9.1875 20.0898ZM19.875 18.4023C19.875 19.3516 19.1016 20.0898 18.1875 20.0898H14.8125C13.8633 20.0898 13.125 19.3516 13.125 18.4023V6.02734C13.125 5.11328 13.8633 4.33984 14.8125 4.33984H18.1875C19.1016 4.33984 19.875 5.11328 19.875 6.02734V18.4023Z" fill="${color}"/>
+</svg>`;
 export const cameraIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.5 19.5H4.5C4.10218 19.5 3.72064 19.342 3.43934 19.0607C3.15804 18.7794 3 18.3978 3 18V7.5C3 7.10218 3.15804 6.72064 3.43934 6.43934C3.72064 6.15804 4.10218 6 4.5 6H7.49945L8.99945 3.75H14.9995L16.4995 6H19.5C19.8978 6 20.2794 6.15804 20.5607 6.43934C20.842 6.72064 21 7.10218 21 7.5V18C21 18.3978 20.842 18.7794 20.5607 19.0607C20.2794 19.342 19.8978 19.5 19.5 19.5Z" stroke="#292B32" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 15.75C13.864 15.75 15.375 14.239 15.375 12.375C15.375 10.511 13.864 9 12 9C10.136 9 8.625 10.511 8.625 12.375C8.625 14.239 10.136 15.75 12 15.75Z" stroke="#292B32" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>