From 258afeb1b9a03d1ff7bb15e4fa32cb6b36251838 Mon Sep 17 00:00:00 2001 From: ChayanitBm Date: Thu, 14 Nov 2024 17:18:20 +0700 Subject: [PATCH] Release/v3.11.1 (#726) * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * feat: ASC-24795 - pinned post (#621) * fix: comments demo * refactor: typo * feat: pinned post * chore: update package * feat: pinned post filter * refactor: remove limit pinned post * fix: props fill * feat: ASC-25040 - post as brand (#608) * chore: post as brand * feat: add renderer prop into Typography * feat: add BrandBadge for PostContent * feat: add BrandBadge into Mention * fix: fix layout * fix: isBrand logic * chore: remove unused code * chore: update tssdk version * fix: postContent layout * fix: fix UserSearchResult layout * chore: remove unused code * chore: upgrade sdk version * fix: add targetType for StoryCommentComposeBar * chore: refactor CommentComposer * fix: postcontent brand badge * chore: upgrade lexical to a latest version * fix: add error handling for login fn * fix: add brand badge on UserHeader v3 component * fix: type * fix: type * fix: bring back import css * fix: version * chore: update sdk version * feat: ASC-25653 - add accessibility (#659) * feat: add accessibilityId * feat: add accessibilityId * fix: change to use accessibilityId * fix: hooks render * feat: ASC-25247 - explore page (#656) * feat: explore page * feat: explore page * feat: explore * feat: a new CommunityJoinedButton * feat: update skeleton and CommunitySearchResult * fix: change trending limit to 5 * fix: change default tab back to newsfeed * fix: add key and fix style * fix: explore error logic * fix: fix ClickableArea type * chore: custom sdk version * fix: fix style * chore: remove unused code * fix: fix community category render logic * fix: search click logic * fix: spacing * fix: css * fix: fix TopSearchBar style * fix: truncate logic and CommunityRowItem on CommunitiesByCategoryPage * fix: update code due to comments * fix: fix build * fix: remove React error and update component to align with a tech spec * fix: fix ClickableArea style * fix: customization key * fix: notification typo * fix: seemore button * fix: isBrand logic * fix: remove join button from MycommunitiesPage * fix: fix recommended community card layout * fix: scrolling behavior * fix: fix bugs * fix: navigation bugs * fix: community create page * fix: ASC-26256 - fix lexical utils (#661) * chore: upgrade lexical to 0.18 * fix: url parsing logic * chore: remove console.log * fix: ASC-26255 - refetch recommended communities after join (#662) * fix: refetch recommended communities after join * chore: bring back old code * Release/v4.0.0 beta.14 (#664) * chore(release): 4.0.0-beta.14 * chore: upgrade sdk version --------- Co-authored-by: bmo-amity-bot * feat: ASC-25653 - add accessibility (#679) * feat: add accessibilityId comment input * feat: edited tag accessibilityId * feat: ASC-26123 - filter only admin can post (#680) * fix: add checking can post in community v4 * feat: hide post composer bar on community v3 * chore: upgrade version sdk * fix: ASC-00000 - image viewer order (#699) * fix: order image viewer * refactor: icon * feat: add todo * feat: ASC-26459 - placeholder image style (#704) * feat: story upload ui fixes * feat: placeholder image style * fix: ASC-27000 - styles error on web console (#722) * fix: time error * fix: style error console * fix: error style console * fix: style error * fix: error styles * fix: log error * fix: error log * chore: update pnpm-lock.yaml * chore: update pnpmplock * chore: update lock * Release/v3.10.0 (#639) * fix: ASC-00000 - layout global feed (#603) * fix: scroll horizontal * style: remove padding * chore: change default screen to fullscreen (#598) * chore: ASC-00000 - configurable storybook (#595) * chore: receive apiKey, apiRegion, userId and displayName as a free text * chore: add submit toggle * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-25195 - hide chat input for normal user (#617) * feat: hide chat input for normal user * fix: condition to hide compose bar * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: add remove drawer (#627) * fix: ASC-25204 - post mention (#630) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * fix: intersection node * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * chore(release): 4.0.0-beta.12 (#638) Co-authored-by: bmo-amity-bot * chore: v3.6.0 * chore: v3.6.0 * fix: remove expose v4 component * chore(release): 3.7.0 * chore: update pnpm-lock.yaml * chore(release): 3.8.0 * chore: update pnpmplock * chore: update lock * chore(release): 3.9.0 (#602) Co-authored-by: bmo-amity-bot * fix: pnpm install in pipeline * chore(release): 3.10.0 --------- Co-authored-by: ChayanitBm Co-authored-by: Bonn Co-authored-by: Chaiwat Trisuwan Co-authored-by: bmo-amity-bot * chore(release): 3.10.1 (#649) Co-authored-by: bmo-amity-bot * Release/v3.10.2 (#687) * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * feat: ASC-24795 - pinned post (#621) * fix: comments demo * refactor: typo * feat: pinned post * chore: update package * feat: pinned post filter * refactor: remove limit pinned post * fix: props fill * fix: fix PostTextField (#643) * fix: prevent pr to be merged if it is labeled with do not merge (#644) * fix: community feed render post (#651) * feat: ASC-25653 - add accessibilityId (#650) * feat: add accessibility id * feat: add accessibilityId * fix: ASC-25689 - add condition to show moderator badge (#652) * fix: add condition to show moderator badge * fix: hooks moderator * feat: ASC-25040 - post as brand (#608) * chore: post as brand * feat: add renderer prop into Typography * feat: add BrandBadge for PostContent * feat: add BrandBadge into Mention * fix: fix layout * fix: isBrand logic * chore: remove unused code * chore: update tssdk version * fix: postContent layout * fix: fix UserSearchResult layout * chore: remove unused code * chore: upgrade sdk version * fix: add targetType for StoryCommentComposeBar * chore: refactor CommentComposer * fix: postcontent brand badge * chore: upgrade lexical to a latest version * fix: add error handling for login fn * fix: add brand badge on UserHeader v3 component * fix: type * fix: type * fix: bring back import css * fix: version * chore: update sdk version * fix: dedup mention data (#655) * fix: loadmore (#660) * feat: ASC-25653 - add accessibility (#659) * feat: add accessibilityId * feat: add accessibilityId * fix: change to use accessibilityId * fix: hooks render * feat: ASC-25247 - explore page (#656) * feat: explore page * feat: explore page * feat: explore * feat: a new CommunityJoinedButton * feat: update skeleton and CommunitySearchResult * fix: change trending limit to 5 * fix: change default tab back to newsfeed * fix: add key and fix style * fix: explore error logic * fix: fix ClickableArea type * chore: custom sdk version * fix: fix style * chore: remove unused code * fix: fix community category render logic * fix: search click logic * fix: spacing * fix: css * fix: fix TopSearchBar style * fix: truncate logic and CommunityRowItem on CommunitiesByCategoryPage * fix: update code due to comments * fix: fix build * fix: remove React error and update component to align with a tech spec * fix: fix ClickableArea style * fix: customization key * fix: notification typo * fix: seemore button * fix: isBrand logic * fix: remove join button from MycommunitiesPage * fix: fix recommended community card layout * fix: scrolling behavior * fix: fix bugs * fix: navigation bugs * fix: community create page * fix: ASC-26256 - fix lexical utils (#661) * chore: upgrade lexical to 0.18 * fix: url parsing logic * chore: remove console.log * fix: ASC-26255 - refetch recommended communities after join (#662) * fix: refetch recommended communities after join * chore: bring back old code * fix: condition check target community (#663) * Release/v4.0.0 beta.14 (#664) * chore(release): 4.0.0-beta.14 * chore: upgrade sdk version --------- Co-authored-by: bmo-amity-bot * style: fix max height video preview (#670) * fix: passing currentUserId (#672) * fix: call onBack when create story success (#671) * fix: ASC-26434 - refresh global feed story (#673) * fix: refresh global feed story * fix: remove log * feat: changed to onPressStart (#674) * fix: ASC-26262 - input blur after commented (#675) * feat: changed to onPressStart * feat: blur event * feat: ASC-26280 - icons storybook (#668) * feat: storybook for icons * feat: dark mode * feat: add dark mode support * feat: remove duplicates * fix: ASC-26458 - video story view (#676) * fix: pass userId * fix: call videoLoaded * fix: handle loading video * fix: redirect page * fix: redirect page * fix: ASC-26262 - blur delay (#678) * feat: changed to onPressStart * feat: blur event * feat: delay * feat: overflow index (#677) * feat: ASC-25653 - add accessibility (#679) * feat: add accessibilityId comment input * feat: edited tag accessibilityId * feat: story upload ui fixes (#682) * feat: ASC-26263 - private icon (#683) * feat: private icon * feat: lock icon className * fix: ASC-26568 - mention disappear while edit post in v3 (#685) * fix: mention disappear after edit post * fix: modal close icon size * fix: remove comment * fix: prop name * chore: v3.6.0 * chore: v3.6.0 * chore: update pnpm-lock.yaml * chore: update pnpmplock * chore: update lock * Release/v3.10.0 (#639) * fix: ASC-00000 - layout global feed (#603) * fix: scroll horizontal * style: remove padding * chore: change default screen to fullscreen (#598) * chore: ASC-00000 - configurable storybook (#595) * chore: receive apiKey, apiRegion, userId and displayName as a free text * chore: add submit toggle * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-25195 - hide chat input for normal user (#617) * feat: hide chat input for normal user * fix: condition to hide compose bar * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: add remove drawer (#627) * fix: ASC-25204 - post mention (#630) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * fix: intersection node * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * chore(release): 4.0.0-beta.12 (#638) Co-authored-by: bmo-amity-bot * chore: v3.6.0 * chore: v3.6.0 * fix: remove expose v4 component * chore(release): 3.7.0 * chore: update pnpm-lock.yaml * chore(release): 3.8.0 * chore: update pnpmplock * chore: update lock * chore(release): 3.9.0 (#602) Co-authored-by: bmo-amity-bot * fix: pnpm install in pipeline * chore(release): 3.10.0 --------- Co-authored-by: ChayanitBm Co-authored-by: Bonn Co-authored-by: Chaiwat Trisuwan Co-authored-by: bmo-amity-bot * feat: update version sdk * chore: update version * chore: update version * chore(release): 3.10.2 * fix: remove log --------- Co-authored-by: Chaiwat Trisuwan Co-authored-by: Bonn Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p Co-authored-by: bmo-amity-bot Co-authored-by: hwp <70026748+htutwaiphyoe@users.noreply.github.com> * Release/v3.11.0 (#703) * fix: ASC-00000 - layout global feed (#603) * fix: scroll horizontal * style: remove padding * chore: change default screen to fullscreen (#598) * chore: ASC-00000 - configurable storybook (#595) * chore: receive apiKey, apiRegion, userId and displayName as a free text * chore: add submit toggle * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-25195 - hide chat input for normal user (#617) * feat: hide chat input for normal user * fix: condition to hide compose bar * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: add remove drawer (#627) * fix: ASC-25204 - post mention (#630) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * fix: intersection node * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * chore(release): 4.0.0-beta.12 (#638) Co-authored-by: bmo-amity-bot * feat: ASC-24795 - pinned post (#621) * fix: comments demo * refactor: typo * feat: pinned post * chore: update package * feat: pinned post filter * refactor: remove limit pinned post * fix: props fill * fix: fix PostTextField (#643) * fix: prevent pr to be merged if it is labeled with do not merge (#644) * fix: skeleton style (#646) * fix: community feed render post (#651) * feat: ASC-25653 - add accessibilityId (#650) * feat: add accessibility id * feat: add accessibilityId * fix: ASC-25689 - add condition to show moderator badge (#652) * fix: add condition to show moderator badge * fix: hooks moderator * feat: ASC-25040 - post as brand (#608) * chore: post as brand * feat: add renderer prop into Typography * feat: add BrandBadge for PostContent * feat: add BrandBadge into Mention * fix: fix layout * fix: isBrand logic * chore: remove unused code * chore: update tssdk version * fix: postContent layout * fix: fix UserSearchResult layout * chore: remove unused code * chore: upgrade sdk version * fix: add targetType for StoryCommentComposeBar * chore: refactor CommentComposer * fix: postcontent brand badge * chore: upgrade lexical to a latest version * fix: add error handling for login fn * fix: add brand badge on UserHeader v3 component * fix: type * fix: type * fix: bring back import css * fix: version * chore: update sdk version * chore(release): 4.0.0-beta.13 (#653) Co-authored-by: bmo-amity-bot * fix: dedup mention data (#655) * fix: loadmore (#660) * feat: ASC-25653 - add accessibility (#659) * feat: add accessibilityId * feat: add accessibilityId * fix: change to use accessibilityId * fix: hooks render * feat: ASC-25247 - explore page (#656) * feat: explore page * feat: explore page * feat: explore * feat: a new CommunityJoinedButton * feat: update skeleton and CommunitySearchResult * fix: change trending limit to 5 * fix: change default tab back to newsfeed * fix: add key and fix style * fix: explore error logic * fix: fix ClickableArea type * chore: custom sdk version * fix: fix style * chore: remove unused code * fix: fix community category render logic * fix: search click logic * fix: spacing * fix: css * fix: fix TopSearchBar style * fix: truncate logic and CommunityRowItem on CommunitiesByCategoryPage * fix: update code due to comments * fix: fix build * fix: remove React error and update component to align with a tech spec * fix: fix ClickableArea style * fix: customization key * fix: notification typo * fix: seemore button * fix: isBrand logic * fix: remove join button from MycommunitiesPage * fix: fix recommended community card layout * fix: scrolling behavior * fix: fix bugs * fix: navigation bugs * fix: community create page * fix: ASC-26256 - fix lexical utils (#661) * chore: upgrade lexical to 0.18 * fix: url parsing logic * chore: remove console.log * fix: ASC-26255 - refetch recommended communities after join (#662) * fix: refetch recommended communities after join * chore: bring back old code * fix: condition check target community (#663) * Release/v4.0.0 beta.14 (#664) * chore(release): 4.0.0-beta.14 * chore: upgrade sdk version --------- Co-authored-by: bmo-amity-bot * chore(release): 4.0.0-beta.15 (#665) Co-authored-by: bmo-amity-bot * style: fix max height video preview (#670) * fix: passing currentUserId (#672) * fix: call onBack when create story success (#671) * fix: ASC-26434 - refresh global feed story (#673) * fix: refresh global feed story * fix: remove log * feat: changed to onPressStart (#674) * fix: ASC-26262 - input blur after commented (#675) * feat: changed to onPressStart * feat: blur event * feat: ASC-26280 - icons storybook (#668) * feat: storybook for icons * feat: dark mode * feat: add dark mode support * feat: remove duplicates * fix: ASC-26458 - video story view (#676) * fix: pass userId * fix: call videoLoaded * fix: handle loading video * fix: redirect page * fix: redirect page * fix: ASC-26262 - blur delay (#678) * feat: changed to onPressStart * feat: blur event * feat: delay * feat: overflow index (#677) * feat: ASC-25653 - add accessibility (#679) * feat: add accessibilityId comment input * feat: edited tag accessibilityId * feat: story upload ui fixes (#682) * feat: ASC-26263 - private icon (#683) * feat: private icon * feat: lock icon className * fix: ASC-26568 - mention disappear while edit post in v3 (#685) * fix: mention disappear after edit post * fix: modal close icon size * fix: remove comment * fix: prop name * fix: remove call onSubmit (#689) * feat: add accessibilityId (#691) * fix: ASC-26704 - story duplicate (#700) * fix: button type * fix: remove duplicate story * chore(release): 4.0.0-beta.16 (#701) Co-authored-by: bmo-amity-bot * feat: ASC-26123 - filter only admin can post (#680) * fix: add checking can post in community v4 * feat: hide post composer bar on community v3 * chore: upgrade version sdk * chore(release): 4.0.0-beta.17 (#702) Co-authored-by: bmo-amity-bot * chore: v3.6.0 * chore: v3.6.0 * fix: remove expose v4 component * chore(release): 3.7.0 * chore: update pnpm-lock.yaml * chore(release): 3.8.0 * chore: update pnpmplock * chore: update lock * chore(release): 3.9.0 (#602) Co-authored-by: bmo-amity-bot * Release/v3.10.0 (#639) * fix: ASC-00000 - layout global feed (#603) * fix: scroll horizontal * style: remove padding * chore: change default screen to fullscreen (#598) * chore: ASC-00000 - configurable storybook (#595) * chore: receive apiKey, apiRegion, userId and displayName as a free text * chore: add submit toggle * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-25195 - hide chat input for normal user (#617) * feat: hide chat input for normal user * fix: condition to hide compose bar * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: add remove drawer (#627) * fix: ASC-25204 - post mention (#630) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * fix: intersection node * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * chore(release): 4.0.0-beta.12 (#638) Co-authored-by: bmo-amity-bot * chore: v3.6.0 * chore: v3.6.0 * fix: remove expose v4 component * chore(release): 3.7.0 * chore: update pnpm-lock.yaml * chore(release): 3.8.0 * chore: update pnpmplock * chore: update lock * chore(release): 3.9.0 (#602) Co-authored-by: bmo-amity-bot * fix: pnpm install in pipeline * chore(release): 3.10.0 --------- Co-authored-by: ChayanitBm Co-authored-by: Bonn Co-authored-by: Chaiwat Trisuwan Co-authored-by: bmo-amity-bot * chore(release): 3.10.1 (#649) Co-authored-by: bmo-amity-bot * Release/v3.10.2 (#687) * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * feat: ASC-24795 - pinned post (#621) * fix: comments demo * refactor: typo * feat: pinned post * chore: update package * feat: pinned post filter * refactor: remove limit pinned post * fix: props fill * fix: fix PostTextField (#643) * fix: prevent pr to be merged if it is labeled with do not merge (#644) * fix: community feed render post (#651) * feat: ASC-25653 - add accessibilityId (#650) * feat: add accessibility id * feat: add accessibilityId * fix: ASC-25689 - add condition to show moderator badge (#652) * fix: add condition to show moderator badge * fix: hooks moderator * feat: ASC-25040 - post as brand (#608) * chore: post as brand * feat: add renderer prop into Typography * feat: add BrandBadge for PostContent * feat: add BrandBadge into Mention * fix: fix layout * fix: isBrand logic * chore: remove unused code * chore: update tssdk version * fix: postContent layout * fix: fix UserSearchResult layout * chore: remove unused code * chore: upgrade sdk version * fix: add targetType for StoryCommentComposeBar * chore: refactor CommentComposer * fix: postcontent brand badge * chore: upgrade lexical to a latest version * fix: add error handling for login fn * fix: add brand badge on UserHeader v3 component * fix: type * fix: type * fix: bring back import css * fix: version * chore: update sdk version * fix: dedup mention data (#655) * fix: loadmore (#660) * feat: ASC-25653 - add accessibility (#659) * feat: add accessibilityId * feat: add accessibilityId * fix: change to use accessibilityId * fix: hooks render * feat: ASC-25247 - explore page (#656) * feat: explore page * feat: explore page * feat: explore * feat: a new CommunityJoinedButton * feat: update skeleton and CommunitySearchResult * fix: change trending limit to 5 * fix: change default tab back to newsfeed * fix: add key and fix style * fix: explore error logic * fix: fix ClickableArea type * chore: custom sdk version * fix: fix style * chore: remove unused code * fix: fix community category render logic * fix: search click logic * fix: spacing * fix: css * fix: fix TopSearchBar style * fix: truncate logic and CommunityRowItem on CommunitiesByCategoryPage * fix: update code due to comments * fix: fix build * fix: remove React error and update component to align with a tech spec * fix: fix ClickableArea style * fix: customization key * fix: notification typo * fix: seemore button * fix: isBrand logic * fix: remove join button from MycommunitiesPage * fix: fix recommended community card layout * fix: scrolling behavior * fix: fix bugs * fix: navigation bugs * fix: community create page * fix: ASC-26256 - fix lexical utils (#661) * chore: upgrade lexical to 0.18 * fix: url parsing logic * chore: remove console.log * fix: ASC-26255 - refetch recommended communities after join (#662) * fix: refetch recommended communities after join * chore: bring back old code * fix: condition check target community (#663) * Release/v4.0.0 beta.14 (#664) * chore(release): 4.0.0-beta.14 * chore: upgrade sdk version --------- Co-authored-by: bmo-amity-bot * style: fix max height video preview (#670) * fix: passing currentUserId (#672) * fix: call onBack when create story success (#671) * fix: ASC-26434 - refresh global feed story (#673) * fix: refresh global feed story * fix: remove log * feat: changed to onPressStart (#674) * fix: ASC-26262 - input blur after commented (#675) * feat: changed to onPressStart * feat: blur event * feat: ASC-26280 - icons storybook (#668) * feat: storybook for icons * feat: dark mode * feat: add dark mode support * feat: remove duplicates * fix: ASC-26458 - video story view (#676) * fix: pass userId * fix: call videoLoaded * fix: handle loading video * fix: redirect page * fix: redirect page * fix: ASC-26262 - blur delay (#678) * feat: changed to onPressStart * feat: blur event * feat: delay * feat: overflow index (#677) * feat: ASC-25653 - add accessibility (#679) * feat: add accessibilityId comment input * feat: edited tag accessibilityId * feat: story upload ui fixes (#682) * feat: ASC-26263 - private icon (#683) * feat: private icon * feat: lock icon className * fix: ASC-26568 - mention disappear while edit post in v3 (#685) * fix: mention disappear after edit post * fix: modal close icon size * fix: remove comment * fix: prop name * chore: v3.6.0 * chore: v3.6.0 * chore: update pnpm-lock.yaml * chore: update pnpmplock * chore: update lock * Release/v3.10.0 (#639) * fix: ASC-00000 - layout global feed (#603) * fix: scroll horizontal * style: remove padding * chore: change default screen to fullscreen (#598) * chore: ASC-00000 - configurable storybook (#595) * chore: receive apiKey, apiRegion, userId and displayName as a free text * chore: add submit toggle * feat: ASC-24796 - fix community profile (#568) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: post content to use bottom sheet * fix: community tab control state * feat: add community pin * fix: community profile style * feat: navigate back in community cover * fix: use millify for count value * fix: coomunity profile post gap * fix: verify badge * fix: community name description * fix: remove unused * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: page behavior comment unused * fix: css * fix: pin * fix: type * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: category UI * fix: handle long description * fix: max length * fix: cover icon color * fix: private commu hide join btn * feat: no post UI * feat: empty pinpost * feat: lock private content * fix: condition show lock private content * fix: condition lock content * feat: edit page v3 * fix: export error * fix: context type * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * style: lock icon size * fix: locate files * fix: import error * fix: duplicated code * fix: edit update post * fix: review comments * refactor: spinner pull to refresh * fix: navigate post detail * fix: hide post impression when not member * style: spacing * fix: prevent comment for non member * style: color text empty post * fix: UI post title * fix: post detail click and non member access * fix: threshold * style: menu button size --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-00000 - ulta fixes (#577) * fix: ASC-24926 - responsive image carousel (#574) * style: fix color item (#572) * fix: ASC-24930 - user profile about color (#573) * style: add bg * fix: color-scheme light * style: ratio edit profile * style: change rem to px * style: spacing * fix: ASC-24929 - mobile responsive edit community profile (#578) * style: mobile responsive * style: center * fix: ASC-24927 - mobile create community page (#576) * fix: mobile create community page * chore: update form layout * chore: ASC-24925 - post permissions (#579) * chore: add skeleton loader * chore: * fix: remove skeleton loader * fix: post permissions * fix: ASC-24931 - navigation (#582) * fix: hamburger navigation * fix: add hideSideMenu prop * fix: ASC-24924 - update each attachment type (#575) * fix: update each attachment type * fix: modal style on mobile screen * fix: not return just setPosts Co-authored-by: Bonn --------- Co-authored-by: Bonn * fix: ASC-24922 - remove subscription (#583) * fix: remove subscription on post and comment * chore: upgreade ts-sdk * fix: remove unused * fix: ASC-24930 - edit user profile ratio (#585) * style: mobile responsive * fix: responsive edit user button * fix: ASC-23387 - discard post (#586) * style: text modal color * fix: clear input * fix: modal block * fix: redirect page * fix: user comment link (#588) * fix: avatar click link (#591) * style: fix sticky side (#587) * fix: ASC-24978 - permission typo (#592) * fix: permission typo * chore: remove console.log * fix: ASC-24972 - handle error submit (#590) * fix: handle error submit * fix: remove log * fix: error type Co-authored-by: Bonn * fix: type any --------- Co-authored-by: Bonn * chore: upgrade sdk version (#593) * fix: bring back isModerator (#594) * fix: move hook to a top of a component * chore: upgrade sdk version (#596) * fix: export v3 provider * fix: remove unused code * chore: remove default font * chore: circular std font * chore: update max-width * fix: remove max-width on Explore * fix: remove min-width and min-height from a community card * fix: update CategoriesCard and RecommendedList layout * fix: ASC-25140 - active and hover state sidebar V3 (#604) * fix: z-index (#600) * style: active and hover state * fix: ASC-25143 - gallery grid (#605) * fix: grid 3 * fix: remove grid-gap * fix: ASC-00000 - skeleton css (#609) * fix: skeleton css * fix: lint * chore: revert fonts * Revert "chore: remove default font" This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626. * chore: change sdk version to a latest one * fix: bring back v4 export --------- Co-authored-by: ChayanitBm Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> * feat: ASC-23849 - announcement post (#610) * fix: merge from develop * fix: remove unused * fix: community profile component * fix: community tab control state * fix: community profile style * fix: verify badge * fix: community description max lines * fix: community categories * fix: comunity cover to use bem convention * fix: community cover add max-height * fix: export page and components * fix: update navigation and page behavior * fix: add community info * feat: community feed post skeleton * fix: remove unused * fix: community tab active color state * fix: pin * fix: css * Revert "fix: css" This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3. * fix: css * style: z index * fix: cover icon color * feat: empty pinpost * feat: lock private content * fix: redirect edit post * style: pass fill default icon as props * style: remove props * fix: skeleton feed * refactor: icons and conditions * fix: locate files * fix: duplicated code * feat: featured tag * feat: announcement icon * feat: integrate annouce post with mock data * feat: add SDK getPinnedPosts * feat: integrate announcement post * chore: install stg SDK * feat: show tag category in post detail * refactor: remove mock data * refactor: PR comment * refactor: remove class not used * fix: duplicate css * fix: error unknow type --------- Co-authored-by: Chaiwat Trisuwan * fix: ASC-25190 - delete announcement post (#612) * fix: refresh live collection * fix: type * fix: SDK version stg * fix: add dot * fix: add dot * fix: comments demo * fix: update permission to create story * fix: story permission * fix: story permission * refactor: typo * fix: ASC-25195 - hide chat input for normal user (#617) * feat: hide chat input for normal user * fix: condition to hide compose bar * fix: ASC-00000 - sdk version prod (#623) * fix: sdk version * fix: version sdk * fix: ASC-235231 - video thumbnail (#626) * fix: video thumbanil * fix: position toast * chore: update sdk * refactor: upload from camera * chore: revert sdk * fix: add remove drawer (#627) * fix: ASC-25204 - post mention (#630) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * fix: intersection node * fix: condition show story (#631) * fix: ASC-24623 - add redirect user feed v3[Repeat PR to DEV] (#632) * fix: add redirect user feed * fix: remove code not use * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore(sdk): rattata (#611) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: ASC-24486 - All users show in comment's mention list (#622) * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * chore: rattata * chore: applied includeDeleted * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: pass community to CommentComposer * feat: add includeDeleted filter * fix: background coloer * fix: use searchMembers instead of getMembers * fix: sdk version on devDependencies * fix: installed SDK version * fix: revert change --------- Co-authored-by: Bonn Co-authored-by: Chayanit Manop * chore: rattata * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * fix: sdk version * fix: ci * fix: ci and upgrade pnpm to 9.9 * chore: update ci * fix: force ci to install specific sdk version * fix: user navigation * fix: ASC-25204 - post mention (#618) * chore: update PostTextField * fix: mention layout * fix: layout and removed unused code * chore: remove console.log * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * chore: update tssdk version * fix: update SDK version * chore: revert sdk version * chore: upgrade sdk version * fix: revert workflow and readme --------- Co-authored-by: Chayanit Manop Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p * chore(release): 4.0.0-beta.12 (#638) Co-authored-by: bmo-amity-bot * chore: v3.6.0 * chore: v3.6.0 * fix: remove expose v4 component * chore(release): 3.7.0 * chore: update pnpm-lock.yaml * chore(release): 3.8.0 * chore: update pnpmplock * chore: update lock * chore(release): 3.9.0 (#602) Co-authored-by: bmo-amity-bot * fix: pnpm install in pipeline * chore(release): 3.10.0 --------- Co-authored-by: ChayanitBm Co-authored-by: Bonn Co-authored-by: Chaiwat Trisuwan Co-authored-by: bmo-amity-bot * feat: update version sdk * chore: update version * chore: update version * chore(release): 3.10.2 * fix: remove log --------- Co-authored-by: Chaiwat Trisuwan Co-authored-by: Bonn Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p Co-authored-by: bmo-amity-bot Co-authored-by: hwp <70026748+htutwaiphyoe@users.noreply.github.com> * fix: remove import v4 components * fix: merge * chore: upgrade SDK version * chore(release): 3.11.0 --------- Co-authored-by: ChayanitBm Co-authored-by: Bonn Co-authored-by: Chaiwat Trisuwan Co-authored-by: bmo-amity-bot Co-authored-by: hwp <70026748+htutwaiphyoe@users.noreply.github.com> * chore: update lock --------- Co-authored-by: Chaiwat Trisuwan Co-authored-by: Bonn Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com> Co-authored-by: ptchaya_p Co-authored-by: bmo-amity-bot Co-authored-by: hwp <70026748+htutwaiphyoe@users.noreply.github.com> --- CHANGELOG.md | 6 + package.json | 2 +- pnpm-lock.yaml | 110 +++++++++++++----- src/core/components/Button/styles.tsx | 12 +- .../components/GalleryGrid/TruncatedGrid.tsx | 4 +- src/core/components/HorizontalList/index.tsx | 4 +- src/core/components/OptionMenu/styles.tsx | 4 +- src/core/components/SideBar/styles.tsx | 4 +- .../components/SideMenuActionItem/styles.tsx | 8 +- src/core/components/SideMenuItem/styles.tsx | 5 +- src/core/components/Time/index.tsx | 8 +- .../components/Uploaders/Image/styles.tsx | 14 ++- .../components/Uploaders/Video/styles.tsx | 4 +- src/core/providers/UiKitProvider/styles.tsx | 49 +------- src/global.d.ts | 5 - .../components/CommunityInfo/styles.tsx | 4 +- src/social/components/SocialSearch/styles.tsx | 4 +- .../components/community/Card/styles.tsx | 4 +- .../community/CategoryCard/styles.tsx | 4 +- .../components/community/Header/styles.tsx | 6 +- .../components/community/Name/styles.tsx | 4 +- .../community/TrendingItem/UITrendingItem.tsx | 4 +- .../components/post/ChildrenContent/index.tsx | 2 +- .../post/GalleryContent/ImageItem.tsx | 1 + .../post/GalleryContent/StreamItem.tsx | 1 + .../post/GalleryContent/VideoItem.tsx | 1 + src/social/components/post/Header/styles.tsx | 4 +- .../components/post/TextContent/index.tsx | 7 +- src/social/pages/NewsFeed/styles.tsx | 8 +- src/v4/icons/AngleRight.tsx | 4 +- .../components/PostContent/PostContent.tsx | 3 + .../CommunityAvatar/CommunityAvatar.tsx | 12 +- .../ShareStoryButton.module.css | 3 +- .../ImageViewer/ImageViewer.tsx | 34 ++---- 34 files changed, 200 insertions(+), 149 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b035edd0e..2164ff957 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,12 @@ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. +### 3.10.1 (2024-09-12) + + +### Bug Fixes + +* skeleton style ([#646](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web/issues/646)) ([8ebc957](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web/commit/8ebc9574189116ee2d70af2ee58fce97f81fabd5)) ## 3.11.0 (2024-10-25) diff --git a/package.json b/package.json index 835bce3d6..d622bb58b 100644 --- a/package.json +++ b/package.json @@ -132,7 +132,7 @@ "react-hook-form": "^7.49.2", "react-infinite-scroll-component": "^6.1.0", "react-insta-stories": "^2.6.2", - "react-intl": "^6.5.5", + "react-intl": "^6.8.7", "react-loading-skeleton": "^3.3.1", "react-mentions": "^4.4.10", "react-modal-sheet": "^2.2.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3441322ac..cc9988383 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -90,8 +90,8 @@ importers: specifier: ^2.6.2 version: 2.7.0(react@18.3.1) react-intl: - specifier: ^6.5.5 - version: 6.6.8(react@18.3.1)(typescript@4.9.5) + specifier: ^6.8.7 + version: 6.8.7(react@18.3.1)(typescript@4.9.5) react-loading-skeleton: specifier: ^3.3.1 version: 3.4.0(react@18.3.1) @@ -1346,26 +1346,41 @@ packages: '@formatjs/ecma402-abstract@2.0.0': resolution: {integrity: sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==} + '@formatjs/ecma402-abstract@2.2.3': + resolution: {integrity: sha512-aElGmleuReGnk2wtYOzYFmNWYoiWWmf1pPPCYg0oiIQSJj0mjc4eUfzUXaSOJ4S8WzI/cLqnCTWjqz904FT2OQ==} + '@formatjs/fast-memoize@2.2.0': resolution: {integrity: sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==} + '@formatjs/fast-memoize@2.2.3': + resolution: {integrity: sha512-3jeJ+HyOfu8osl3GNSL4vVHUuWFXR03Iz9jjgI7RwjG6ysu/Ymdr0JRCPHfF5yGbTE6JCrd63EpvX1/WybYRbA==} + '@formatjs/icu-messageformat-parser@2.7.8': resolution: {integrity: sha512-nBZJYmhpcSX0WeJ5SDYUkZ42AgR3xiyhNCsQweFx3cz/ULJjym8bHAzWKvG5e2+1XO98dBYC0fWeeAECAVSwLA==} + '@formatjs/icu-messageformat-parser@2.9.3': + resolution: {integrity: sha512-9L99QsH14XjOCIp4TmbT8wxuffJxGK8uLNO1zNhLtcZaVXvv626N0s4A2qgRCKG3dfYWx9psvGlFmvyVBa6u/w==} + '@formatjs/icu-skeleton-parser@1.8.2': resolution: {integrity: sha512-k4ERKgw7aKGWJZgTarIcNEmvyTVD9FYh0mTrrBMHZ1b8hUu6iOJ4SzsZlo3UNAvHYa+PnvntIwRPt1/vy4nA9Q==} - '@formatjs/intl-displaynames@6.6.8': - resolution: {integrity: sha512-Lgx6n5KxN16B3Pb05z3NLEBQkGoXnGjkTBNCZI+Cn17YjHJ3fhCeEJJUqRlIZmJdmaXQhjcQVDp6WIiNeRYT5g==} + '@formatjs/icu-skeleton-parser@1.8.7': + resolution: {integrity: sha512-fI+6SmS2g7h3srfAKSWa5dwreU5zNEfon2uFo99OToiLF6yxGE+WikvFSbsvMAYkscucvVmTYNlWlaDPp0n5HA==} - '@formatjs/intl-listformat@7.5.7': - resolution: {integrity: sha512-MG2TSChQJQT9f7Rlv+eXwUFiG24mKSzmF144PLb8m8OixyXqn4+YWU+5wZracZGCgVTVmx8viCf7IH3QXoiB2g==} + '@formatjs/intl-displaynames@6.8.4': + resolution: {integrity: sha512-HDVNBspDAOW0yTWluWTPHX2fk/9iBO4oST4R96f/IUaPGsFtjsHrpakwc+XDRPa3U5RniSEU2z34ZY0W78+E6Q==} + + '@formatjs/intl-listformat@7.7.4': + resolution: {integrity: sha512-lipFspH2MZcoeXxR6WSR/Jy9unzJ/iT0w+gbL8vgv25Ap0S9cUtcDVAce4ECEKI1bDtAvEU3b6+9Dha27gAikA==} '@formatjs/intl-localematcher@0.5.4': resolution: {integrity: sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==} - '@formatjs/intl@2.10.4': - resolution: {integrity: sha512-56483O+HVcL0c7VucAS2tyH020mt9XTozZO67cwtGg0a7KWDukS/FzW3OnvaHmTHDuYsoPIzO+ZHVfU6fT/bJw==} + '@formatjs/intl-localematcher@0.5.7': + resolution: {integrity: sha512-GGFtfHGQVFe/niOZp24Kal5b2i36eE2bNL0xi9Sg/yd0TR8aLjcteApZdHmismP5QQax1cMnZM9yWySUUjJteA==} + + '@formatjs/intl@2.10.14': + resolution: {integrity: sha512-4CA1EO75i/mSMHdjwfpgRj3Rsdsm6WjALeu/nlzYhBmAPxGu/Ha5GIRHAet5SO05TnpmqxmEGOsskWqFm0IeoA==} peerDependencies: typescript: ^4.7 || 5 peerDependenciesMeta: @@ -4955,6 +4970,9 @@ packages: intl-messageformat@10.5.14: resolution: {integrity: sha512-IjC6sI0X7YRjjyVH9aUgdftcmZK7WXdHeil4KwbjDnRWjnVitKpAx3rr6t6di1joFp5188VqKcobOPA6mCLG/w==} + intl-messageformat@10.7.6: + resolution: {integrity: sha512-IsMU/hqyy3FJwNJ0hxDfY2heJ7MteSuFvcnCebxRp67di4Fhx1gKKE+qS0bBwUF8yXkX9SsPUhLeX/B6h5SKUA==} + invariant@2.2.4: resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==} @@ -6325,8 +6343,8 @@ packages: peerDependencies: react: '>=16.8.2' - react-intl@6.6.8: - resolution: {integrity: sha512-M0pkhzcgV31h++2901BiRXWl69hp2zPyLxRrSwRjd1ErXbNoubz/f4M6DrRTd4OiSUrT4ajRQzrmtS5plG4FtA==} + react-intl@6.8.7: + resolution: {integrity: sha512-Ocv8Tg6fXqBdVdkkYohQ79T9rJls3G1lmDSjhqHdK9873BdQFLSeITGgwuGWTRBd6Mg5FL33TBen4FtujCTP0g==} peerDependencies: react: ^16.6.0 || 17 || 18 typescript: ^4.7 || 5 @@ -8774,45 +8792,70 @@ snapshots: '@formatjs/intl-localematcher': 0.5.4 tslib: 2.6.3 + '@formatjs/ecma402-abstract@2.2.3': + dependencies: + '@formatjs/fast-memoize': 2.2.3 + '@formatjs/intl-localematcher': 0.5.7 + tslib: 2.6.3 + '@formatjs/fast-memoize@2.2.0': dependencies: tslib: 2.6.3 + '@formatjs/fast-memoize@2.2.3': + dependencies: + tslib: 2.6.3 + '@formatjs/icu-messageformat-parser@2.7.8': dependencies: '@formatjs/ecma402-abstract': 2.0.0 '@formatjs/icu-skeleton-parser': 1.8.2 tslib: 2.6.3 + '@formatjs/icu-messageformat-parser@2.9.3': + dependencies: + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/icu-skeleton-parser': 1.8.7 + tslib: 2.6.3 + '@formatjs/icu-skeleton-parser@1.8.2': dependencies: '@formatjs/ecma402-abstract': 2.0.0 tslib: 2.6.3 - '@formatjs/intl-displaynames@6.6.8': + '@formatjs/icu-skeleton-parser@1.8.7': dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/intl-localematcher': 0.5.4 + '@formatjs/ecma402-abstract': 2.2.3 tslib: 2.6.3 - '@formatjs/intl-listformat@7.5.7': + '@formatjs/intl-displaynames@6.8.4': dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/intl-localematcher': 0.5.4 + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/intl-localematcher': 0.5.7 + tslib: 2.6.3 + + '@formatjs/intl-listformat@7.7.4': + dependencies: + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/intl-localematcher': 0.5.7 tslib: 2.6.3 '@formatjs/intl-localematcher@0.5.4': dependencies: tslib: 2.6.3 - '@formatjs/intl@2.10.4(typescript@4.9.5)': + '@formatjs/intl-localematcher@0.5.7': dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/fast-memoize': 2.2.0 - '@formatjs/icu-messageformat-parser': 2.7.8 - '@formatjs/intl-displaynames': 6.6.8 - '@formatjs/intl-listformat': 7.5.7 - intl-messageformat: 10.5.14 + tslib: 2.6.3 + + '@formatjs/intl@2.10.14(typescript@4.9.5)': + dependencies: + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/fast-memoize': 2.2.3 + '@formatjs/icu-messageformat-parser': 2.9.3 + '@formatjs/intl-displaynames': 6.8.4 + '@formatjs/intl-listformat': 7.7.4 + intl-messageformat: 10.7.6 tslib: 2.6.3 optionalDependencies: typescript: 4.9.5 @@ -13658,6 +13701,13 @@ snapshots: '@formatjs/icu-messageformat-parser': 2.7.8 tslib: 2.6.3 + intl-messageformat@10.7.6: + dependencies: + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/fast-memoize': 2.2.3 + '@formatjs/icu-messageformat-parser': 2.9.3 + tslib: 2.6.3 + invariant@2.2.4: dependencies: loose-envify: 1.4.0 @@ -15213,17 +15263,17 @@ snapshots: dependencies: react: 18.3.1 - react-intl@6.6.8(react@18.3.1)(typescript@4.9.5): + react-intl@6.8.7(react@18.3.1)(typescript@4.9.5): dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/icu-messageformat-parser': 2.7.8 - '@formatjs/intl': 2.10.4(typescript@4.9.5) - '@formatjs/intl-displaynames': 6.6.8 - '@formatjs/intl-listformat': 7.5.7 + '@formatjs/ecma402-abstract': 2.2.3 + '@formatjs/icu-messageformat-parser': 2.9.3 + '@formatjs/intl': 2.10.14(typescript@4.9.5) + '@formatjs/intl-displaynames': 6.8.4 + '@formatjs/intl-listformat': 7.7.4 '@types/hoist-non-react-statics': 3.3.5 '@types/react': 17.0.80 hoist-non-react-statics: 3.3.2 - intl-messageformat: 10.5.14 + intl-messageformat: 10.7.6 react: 18.3.1 tslib: 2.6.3 optionalDependencies: diff --git a/src/core/components/Button/styles.tsx b/src/core/components/Button/styles.tsx index 0c83aec57..082b08c9a 100644 --- a/src/core/components/Button/styles.tsx +++ b/src/core/components/Button/styles.tsx @@ -19,7 +19,9 @@ const commonButtonStyles = ({ theme }: { theme: DefaultTheme }) => css<{ fullWid } `; -export const DefaultButton = styled.button<{ fullWidth?: boolean }>` +export const DefaultButton = styled.button.withConfig({ + shouldForwardProp: (prop) => prop !== 'fullWidth', +})<{ fullWidth?: boolean }>` ${commonButtonStyles}; background-color: #fff; border: 1px solid #e3e4e8; @@ -32,7 +34,9 @@ export const DefaultButton = styled.button<{ fullWidth?: boolean }>` } `; -export const PrimaryButton = styled.button<{ fullWidth?: boolean }>` +export const PrimaryButton = styled.button.withConfig({ + shouldForwardProp: (prop) => prop !== 'fullWidth', +})<{ fullWidth?: boolean }>` ${commonButtonStyles}; border: none; background-color: ${({ theme }) => theme.palette.primary.main}; @@ -45,7 +49,9 @@ export const PrimaryButton = styled.button<{ fullWidth?: boolean }>` } `; -export const SecondaryButton = styled.button<{ active?: boolean; fullWidth?: boolean }>` +export const SecondaryButton = styled.button.withConfig({ + shouldForwardProp: (prop) => prop !== 'active' && prop !== 'fullWidth', +})<{ active?: boolean; fullWidth?: boolean }>` ${commonButtonStyles}; color: ${({ theme }) => theme.palette.neutral.shade1}; background-color: transparent; diff --git a/src/core/components/GalleryGrid/TruncatedGrid.tsx b/src/core/components/GalleryGrid/TruncatedGrid.tsx index 96bee1b42..f7a720bac 100644 --- a/src/core/components/GalleryGrid/TruncatedGrid.tsx +++ b/src/core/components/GalleryGrid/TruncatedGrid.tsx @@ -34,7 +34,9 @@ import Square from '~/core/components/Square'; => ((100% / 3) / .75) */ -const Gallery = styled.div<{ count?: number; grid?: boolean }>` +const Gallery = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'grid', +})<{ count?: number; grid?: boolean }>` display: grid; width: 100%; diff --git a/src/core/components/HorizontalList/index.tsx b/src/core/components/HorizontalList/index.tsx index 6745b777d..dec4f1a9f 100644 --- a/src/core/components/HorizontalList/index.tsx +++ b/src/core/components/HorizontalList/index.tsx @@ -65,7 +65,9 @@ function findColumnByWidth(width: number, columns: { [width: number]: number }) return founded[1]; } -const StretchedList = styled.div<{ currentWidth: number; columns: { [width: number]: number } }>` +const StretchedList = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'currentWidth' && prop !== 'columns', +})<{ currentWidth: number; columns: { [width: number]: number } }>` margin-bottom: 0.188rem; // give the shadow a little space display: grid; grid-auto-flow: column; diff --git a/src/core/components/OptionMenu/styles.tsx b/src/core/components/OptionMenu/styles.tsx index eb710ae9b..6095e4035 100644 --- a/src/core/components/OptionMenu/styles.tsx +++ b/src/core/components/OptionMenu/styles.tsx @@ -28,6 +28,8 @@ export const Option = styled.div<{ active?: boolean }>` } `; -export const Container = styled.div<{ pullRight?: boolean }>` +export const Container = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'pullRight', +})<{ pullRight?: boolean }>` ${({ pullRight }) => pullRight && `margin-left: auto;`} `; diff --git a/src/core/components/SideBar/styles.tsx b/src/core/components/SideBar/styles.tsx index 4f488c252..11dddb7a6 100644 --- a/src/core/components/SideBar/styles.tsx +++ b/src/core/components/SideBar/styles.tsx @@ -19,7 +19,9 @@ export const MenuName = styled.div` white-space: normal; `; -export const MenuTabContainer = styled.div<{ active?: boolean }>` +export const MenuTabContainer = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'active', +})<{ active?: boolean }>` flex-direction: column; display: flex; align-items: center; diff --git a/src/core/components/SideMenuActionItem/styles.tsx b/src/core/components/SideMenuActionItem/styles.tsx index aa464daaa..122dec41a 100644 --- a/src/core/components/SideMenuActionItem/styles.tsx +++ b/src/core/components/SideMenuActionItem/styles.tsx @@ -34,7 +34,9 @@ export const ButtonActionItem = styled(SecondaryButton)` width: 100%; `; -export const AnchorActionItem = styled.a<{ active?: boolean }>` +export const AnchorActionItem = styled.a.withConfig({ + shouldForwardProp: (prop) => prop !== 'active', +})<{ active?: boolean }>` cursor: pointer; border-radius: 4px; ${actionItemContainerStyles} @@ -47,7 +49,9 @@ export const AnchorActionItem = styled.a<{ active?: boolean }>` `}; `; -export const IconWrapper = styled.div<{ active?: boolean }>` +export const IconWrapper = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'active', +})<{ active?: boolean }>` width: 40px; height: 40px; border-radius: 4px; diff --git a/src/core/components/SideMenuItem/styles.tsx b/src/core/components/SideMenuItem/styles.tsx index 5f33f79fc..fe1fe93cc 100644 --- a/src/core/components/SideMenuItem/styles.tsx +++ b/src/core/components/SideMenuItem/styles.tsx @@ -30,7 +30,9 @@ export const SideMenuItemContainer = styled(SecondaryButton)` `} `; -export const IconWrapper = styled.div<{ active?: boolean }>` +export const IconWrapper = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'active', +})<{ active?: boolean }>` width: 40px; height: 40px; border-radius: 4px; @@ -38,6 +40,7 @@ export const IconWrapper = styled.div<{ active?: boolean }>` align-items: center; justify-content: center; margin-right: 8px; + ${({ active, theme }) => active ? css` diff --git a/src/core/components/Time/index.tsx b/src/core/components/Time/index.tsx index df28ec7f6..ff259acf5 100644 --- a/src/core/components/Time/index.tsx +++ b/src/core/components/Time/index.tsx @@ -12,11 +12,17 @@ export interface TimeProps { } const Time = ({ className, date = Date.now() }: TimeProps) => { + const isValidDate = !isNaN(date) && new Date(date).getTime() > 0; const delta = Date.now() - date; return ( - {delta < DAY ? : } + {isValidDate && + (delta < DAY ? ( + + ) : ( + + ))} ); }; diff --git a/src/core/components/Uploaders/Image/styles.tsx b/src/core/components/Uploaders/Image/styles.tsx index da6a7cc54..7d00a17c8 100644 --- a/src/core/components/Uploaders/Image/styles.tsx +++ b/src/core/components/Uploaders/Image/styles.tsx @@ -8,7 +8,9 @@ import Skeleton from '~/core/components/Skeleton'; import RemoveIcon from '~/icons/Remove'; import ExclamationCircle from '~/icons/ExclamationCircle'; -export const ImageContainer = styled.div<{ border?: boolean }>` +export const ImageContainer = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'border', +})<{ border?: boolean }>` position: relative; display: inline-block; min-width: 2em; @@ -38,9 +40,13 @@ const ImgPreviewContainerStyles = css<{ mediaFit?: string; loading?: string }>` object-position: center; `; -export const ImgPreview = styled.img.attrs<{ mediaFit?: string; loading?: string }>({ - loading: 'lazy', -})` +export const ImgPreview = styled.img + .withConfig({ + shouldForwardProp: (prop) => prop !== 'mediaFit', + }) + .attrs<{ mediaFit?: string; loading?: string }>({ + loading: 'lazy', + })` ${ImgPreviewContainerStyles} `; diff --git a/src/core/components/Uploaders/Video/styles.tsx b/src/core/components/Uploaders/Video/styles.tsx index 020702fd5..22f562c9a 100644 --- a/src/core/components/Uploaders/Video/styles.tsx +++ b/src/core/components/Uploaders/Video/styles.tsx @@ -8,7 +8,9 @@ import LiveBadge from '~/social/components/LiveBadge'; import { ExclamationCircle, Play, Remove } from '~/icons'; -export const VideoContainer = styled.div<{ border?: boolean }>` +export const VideoContainer = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'border', +})<{ border?: boolean }>` position: relative; display: inline-block; min-width: 2em; diff --git a/src/core/providers/UiKitProvider/styles.tsx b/src/core/providers/UiKitProvider/styles.tsx index d9e6f03c4..9c8cd6f54 100644 --- a/src/core/providers/UiKitProvider/styles.tsx +++ b/src/core/providers/UiKitProvider/styles.tsx @@ -30,52 +30,5 @@ export const UIStyles = styled.div` } } - .react-loading-skeleton { - --base-color: #ebebeb; - --highlight-color: #f5f5f5; - --animation-duration: 1.5s; - --animation-direction: normal; - --pseudo-element-display: block; /* Enable animation */ - - background-color: var(--base-color); - - width: 100%; - border-radius: 0.25rem; - display: inline-flex; - line-height: 1; - - position: relative; - user-select: none; - overflow: hidden; - } - - .react-loading-skeleton::after { - content: ' '; - display: var(--pseudo-element-display); - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100%; - background-repeat: no-repeat; - background-image: linear-gradient( - 90deg, - var(--base-color), - var(--highlight-color), - var(--base-color) - ); - transform: translateX(-100%); - - animation-name: react-loading-skeleton; - animation-direction: var(--animation-direction); - animation-duration: var(--animation-duration); - animation-timing-function: ease-in-out; - animation-iteration-count: infinite; - } - - @media (prefers-reduced-motion) { - .react-loading-skeleton { - --pseudo-element-display: none; /* Disable animation */ - } - } + ${skeletonCss} `; diff --git a/src/global.d.ts b/src/global.d.ts index 0d0c428c3..6bc62bb56 100644 --- a/src/global.d.ts +++ b/src/global.d.ts @@ -14,11 +14,6 @@ interface ImportMeta { readonly env: ImportMetaEnv; } -declare module '*skeleton.css' { - const classes: string; - export default classes; -} - declare module '*.css?inline' { const classes: string; export default classes; diff --git a/src/social/components/CommunityInfo/styles.tsx b/src/social/components/CommunityInfo/styles.tsx index 5f3ab2dcb..6af0190b9 100644 --- a/src/social/components/CommunityInfo/styles.tsx +++ b/src/social/components/CommunityInfo/styles.tsx @@ -32,7 +32,9 @@ export const Container = styled.div` margin-bottom: 12px; `; -export const Cover = styled.div<{ backgroundImage?: string }>` +export const Cover = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'backgroundImage', +})<{ backgroundImage?: string }>` padding-top: 56.25%; position: relative; diff --git a/src/social/components/SocialSearch/styles.tsx b/src/social/components/SocialSearch/styles.tsx index 78c5c7586..989ffbaac 100644 --- a/src/social/components/SocialSearch/styles.tsx +++ b/src/social/components/SocialSearch/styles.tsx @@ -13,7 +13,9 @@ export const SearchIcon = styled(Search).attrs({ width: 16, height: 16 })` fill: ${({ theme }) => theme.palette.base.shade2}; `; -export const SocialSearchContainer = styled.div<{ sticky?: boolean }>` +export const SocialSearchContainer = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'sticky', +})<{ sticky?: boolean }>` position: relative; ${({ sticky }) => diff --git a/src/social/components/community/Card/styles.tsx b/src/social/components/community/Card/styles.tsx index a81117cf8..95548d090 100644 --- a/src/social/components/community/Card/styles.tsx +++ b/src/social/components/community/Card/styles.tsx @@ -12,7 +12,9 @@ export const Container = styled.div` overflow: hidden; `; -export const Cover = styled.div<{ backgroundImage?: string }>` +export const Cover = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'backgroundImage', +})<{ backgroundImage?: string }>` padding-top: 74.46%; position: relative; diff --git a/src/social/components/community/CategoryCard/styles.tsx b/src/social/components/community/CategoryCard/styles.tsx index 23ccaee4d..4d2c33d8a 100644 --- a/src/social/components/community/CategoryCard/styles.tsx +++ b/src/social/components/community/CategoryCard/styles.tsx @@ -1,6 +1,8 @@ import styled from 'styled-components'; -export const Container = styled.div<{ backgroundImage?: string }>` +export const Container = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'backgroundImage', +})<{ backgroundImage?: string }>` min-width: 160px; min-height: 150px; cursor: pointer; diff --git a/src/social/components/community/Header/styles.tsx b/src/social/components/community/Header/styles.tsx index 462a70f25..5a23a29ce 100644 --- a/src/social/components/community/Header/styles.tsx +++ b/src/social/components/community/Header/styles.tsx @@ -8,9 +8,9 @@ interface CommunityHeaderContainerProps { isActive?: boolean; } -export const CommunityHeaderContainer = styled.a.attrs( - (props) => props, -)` +export const CommunityHeaderContainer = styled.a.withConfig({ + shouldForwardProp: (prop) => !['loading', 'isActive'].includes(prop), +})` display: grid; grid-template-areas: 'avatar title' 'avatar children'; grid-template-columns: min-content auto; diff --git a/src/social/components/community/Name/styles.tsx b/src/social/components/community/Name/styles.tsx index d60264246..f672ad84d 100644 --- a/src/social/components/community/Name/styles.tsx +++ b/src/social/components/community/Name/styles.tsx @@ -19,7 +19,9 @@ export const Name = styled.div` padding-right: 1ch; `; -export const NameContainer = styled.div<{ +export const NameContainer = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isTitle', +})<{ isActive?: boolean; isTitle?: boolean; }>` diff --git a/src/social/components/community/TrendingItem/UITrendingItem.tsx b/src/social/components/community/TrendingItem/UITrendingItem.tsx index 87691a5f5..e0b43cdbd 100644 --- a/src/social/components/community/TrendingItem/UITrendingItem.tsx +++ b/src/social/components/community/TrendingItem/UITrendingItem.tsx @@ -21,7 +21,9 @@ const ItemContainer = styled.div` overflow: hidden; `; -const Cover = styled.div<{ backgroundImage?: string }>` +const Cover = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'backgroundImage', +})<{ backgroundImage?: string }>` padding-left: 100%; ${({ backgroundImage, theme }) => ` diff --git a/src/social/components/post/ChildrenContent/index.tsx b/src/social/components/post/ChildrenContent/index.tsx index e960f794e..11727ef9c 100644 --- a/src/social/components/post/ChildrenContent/index.tsx +++ b/src/social/components/post/ChildrenContent/index.tsx @@ -49,7 +49,7 @@ const ChildrenContent = ({ contents }: { contents: Amity.Post[] }) => { return ( <> {items.map((poll) => ( - + ))} ); diff --git a/src/social/components/post/GalleryContent/ImageItem.tsx b/src/social/components/post/GalleryContent/ImageItem.tsx index beeb462fc..4a3a82135 100644 --- a/src/social/components/post/GalleryContent/ImageItem.tsx +++ b/src/social/components/post/GalleryContent/ImageItem.tsx @@ -8,6 +8,7 @@ interface ThumbnailProps { export const Thumbnail = ({ item }: ThumbnailProps) => { return ( { return ( ` +export const AdditionalInfo = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'showTime', +})<{ showTime?: boolean }>` display: flex; align-items: center; diff --git a/src/social/components/post/TextContent/index.tsx b/src/social/components/post/TextContent/index.tsx index db62e2756..bbfc43e75 100644 --- a/src/social/components/post/TextContent/index.tsx +++ b/src/social/components/post/TextContent/index.tsx @@ -9,7 +9,12 @@ import MentionHighlightTag from '~/core/components/MentionHighlightTag'; import { Mentioned, findChunks } from '~/helpers/utils'; import { useCustomComponent } from '~/core/providers/CustomComponentsProvider'; -export const PostContent = styled.div<{ isExpanded: boolean; postMaxLines: number }>` +export const PostContent = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'isExpanded' && prop !== 'postMaxLines', +})<{ + isExpanded: boolean; + postMaxLines: number; +}>` overflow-wrap: break-word; color: ${({ theme }) => theme.palette.neutral.main}; white-space: pre-wrap; diff --git a/src/social/pages/NewsFeed/styles.tsx b/src/social/pages/NewsFeed/styles.tsx index df00274b3..db23c6b64 100644 --- a/src/social/pages/NewsFeed/styles.tsx +++ b/src/social/pages/NewsFeed/styles.tsx @@ -32,7 +32,9 @@ export const MobileContainer = styled.div` } `; -export const CommunitySideMenuOverlay = styled.div<{ isOpen: boolean }>` +export const CommunitySideMenuOverlay = styled.div.withConfig({ + shouldForwardProp: (prop) => prop !== 'isOpen', +})<{ isOpen?: boolean }>` position: fixed; top: 0; left: 0; @@ -48,7 +50,9 @@ export const CommunitySideMenuOverlay = styled.div<{ isOpen: boolean }>` cursor: pointer; `; -export const StyledCommunitySideMenu = styled(CommunitySideMenu)<{ isOpen: boolean }>` +export const StyledCommunitySideMenu = styled(CommunitySideMenu).withConfig({ + shouldForwardProp: (prop) => prop !== 'isOpen', +})<{ isOpen?: boolean }>` position: fixed; top: 0; left: 0; diff --git a/src/v4/icons/AngleRight.tsx b/src/v4/icons/AngleRight.tsx index 320e3ec3e..6de3210cf 100644 --- a/src/v4/icons/AngleRight.tsx +++ b/src/v4/icons/AngleRight.tsx @@ -2,8 +2,8 @@ import React from 'react'; const AngleRight = (props: React.SVGProps) => ( ) => ( +const CommunityAvatarSvg = ({ className, ...props }: React.SVGProps) => ( @@ -46,7 +46,7 @@ export function CommunityAvatar({ if (isExcluded) return null; - if (avatarFile == null) return ; + if (avatarFile == null) return ; return ( - + ); } diff --git a/src/v4/social/elements/ShareStoryButton/ShareStoryButton.module.css b/src/v4/social/elements/ShareStoryButton/ShareStoryButton.module.css index 1cc8cd5f1..2487f8f98 100644 --- a/src/v4/social/elements/ShareStoryButton/ShareStoryButton.module.css +++ b/src/v4/social/elements/ShareStoryButton/ShareStoryButton.module.css @@ -1,7 +1,6 @@ .shareStoryButton { display: inline-flex; - height: 2.5rem; - padding: 0.375rem 0.5rem 0.375rem 0.25rem; + padding: 0.25rem 0.5rem 0.25rem 0.25rem; align-items: center; gap: var(--asc-spacing-s1); flex-shrink: 0; diff --git a/src/v4/social/internal-components/ImageViewer/ImageViewer.tsx b/src/v4/social/internal-components/ImageViewer/ImageViewer.tsx index 5f6de3b55..b302954bb 100644 --- a/src/v4/social/internal-components/ImageViewer/ImageViewer.tsx +++ b/src/v4/social/internal-components/ImageViewer/ImageViewer.tsx @@ -1,24 +1,12 @@ import React, { useState } from 'react'; import useImage from '~/core/hooks/useImage'; -import usePostByIds from '~/social/hooks/usePostByIds'; import { useAmityElement } from '~/v4/core/hooks/uikit'; import { ClearButton } from '~/v4/social/elements/ClearButton'; - import styles from './ImageViewer.module.css'; +import AngleRight from '~/v4/icons/AngleRight'; +import usePost from '~/v4/core/hooks/objects/usePost'; -const AngleRight = (props: React.SVGProps) => ( - - - -); - +//TODO: After SDK update getPostChildren should be used instead of usePost interface ImageViewerProps { pageId?: string; componentId?: string; @@ -36,18 +24,14 @@ export function ImageViewer({ initialImageIndex, onClose, }: ImageViewerProps) { - const { themeStyles } = useAmityElement({ pageId, componentId, elementId }); + const { themeStyles, accessibilityId } = useAmityElement({ pageId, componentId, elementId }); const [selectedImageIndex, setSelectedImageIndex] = useState(initialImageIndex); - const posts = usePostByIds(post?.children || []); - - const imagePosts = posts.filter((post) => post.dataType === 'image'); - - const selectedPost = imagePosts[selectedImageIndex]; + const { post: imagePost } = usePost(post?.children[selectedImageIndex]); - const imageUrl = useImage({ fileId: selectedPost?.data?.fileId }); - const hasNext = selectedImageIndex < imagePosts.length - 1; + const imageUrl = useImage({ fileId: imagePost?.data?.fileId }); + const hasNext = selectedImageIndex < post?.children.length - 1; const hasPrev = selectedImageIndex > 0; const next = () => { @@ -65,10 +49,10 @@ export function ImageViewer({ }; return ( -
+
e.stopPropagation()}> - {selectedPost?.data?.fileId + {imageUrl
{hasPrev && (