Release/v3.11.1 (#90)

* fix: ASC-21980 - hyperlink style (#301)

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: hyperlink style

* fix: style

* fix: story tab item font color

* fix: css var

* fix: css

* fix: remove unused

* fix: remove line

* fix: ASC-22063 - fix story global feed pagination (#305)

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: hyperlink style

* fix: style

* fix: story tab item font color

* fix: css var

* fix: remove onBack()

* fix: story global feed pagination

* fix: add comment

* fix: remove new line

* fix: remove console.log

* fix: logic

* fix: story style

* chore: Update src/v4/styles/global.css

* fix: remove console.log

---------

Co-authored-by: Bonn <[email protected]>

* fix: official condition (#306)

* fix: ASC-19646 - notification error when failed create story (#307)

* fix: official condition

* fix: add error

* fix: ASC-22060 - navigate to community when create story (#308)

* fix: official condition

* fix: add error

* fix: navigate

* fix: ASC-21985 - navigate story target for global feed story (#309)

* fix: official condition

* fix: add error

* fix: navigate

* fix: story global feed navigate

* fix: onClose

* fix: ASC-22060 - create story on view story page (#310)

* fix: story global feed upload

* fix: remove console.log

* fix: navigate

* fix: ASC-21970 - story uploading state (#297)

* fix: font

* fix: story tab gap

* fix: use css var

* fix: modal

* fix: can't delete story

* fix: v4 component

* fix: hyperlink config

* fix: shouldAllowCreation

* fix: type

* fix: uploading state

* fix: remove console.log

* fix: use css var

* fix: modal

* fix: v4 component

* fix: hyperlink config

* fix: shouldAllowCreation

* fix: type

* fix: uploading state

* fix: remove console.log

* fix: storyRing state

* fix: remove fill in verified icon

* fix: story ring

* fix: icon

* fix: story

---------

Co-authored-by: Bonn <[email protected]>

* fix: notification style (#311)

* fix: add onAllStoriesEnd (#312)

* Release/v4.0.0 beta.3 (#314)

* chore: upgrade dependencies

* fix: cherry-pick bugs from v3

* chore(release): 4.0.0-beta.3

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* chore(sdk): ASC-00000 - custom build ci (#316)

* chore: custom build ci

* chore: remove unused libs

* chore: fix ci

* chore: fix ci

* fix: revert ci

* fix: remove pnpm cache step

* fix: pnpm install step

* fix: ci

* fix: add NPM_TOKEN

* fix: update .npmrc

* fix: update pnpm-lock.yaml

* fix: path

* chore: add cache step

* feat: only creator or story permission can see impression (#319)

* feat: ASC-22084 - StoryPreview component for Console (#317)

* feat: story preview component for console

* fix: ui

* fix: story preview prop

* fix: export

* fix: story prop

* fix: story prop

* fix: trigger action

* fix: trigger action

* fix: trigger action

* fix: trigger action

* fix: action

* update readme (#323)

* feat: ASC-20558 - swipe down gesture to close story  (#321)

* feat: apply framer motion

* feat: add transition

* fix: swipe down for video

* fix: video story should pause when drag

* fix: remove unused libs

* fix: wrong spell function name

* fix: remove unused

* chore: change story component name

* fix: v4 avatar component

* feat: add ghost prop to button

* fix: remove unused

* fix: bottom sheet component

* fix: use rem

* fix: load more wrapper

* fix: draft page

* fix: load more button

* fix: hyperlink

* fix: css

* fix: icon

* fix: css

* fix: css

* fix: comment

* fix: story comment

* fix: remove unused

* fix: import

* fix: button dark theme

* fix: custom css

* fix: bottom sheet css

* fix: css

* fix: import

* fix: css

* fix: css

* fix: avatar

* fix: remove console.log

* fix: avatar

* fix: use clsx

* fix: whitespace

* fix: use icon from v4

* fix: icon

* fix: loading indicator

* fix: ASC-22263 - hyperlink background (#326)

* fix: hyperlink background

* fix: hyperlink icon color

* fix: css (#327)

* fix: ASC-22263 - hyperlink doesn't show in view story page (#328)

* fix: hyperlink background

* fix: hyperlink icon color

* fix: css (#327)

* fix: story

* fix: css

* fix: ASC-22264 - reply comment margin (#329)

* fix: hyperlink background

* fix: hyperlink icon color

* fix: css

* fix: add scroller

* fix: comment

* fix: ASC-21792 - comment list infinite scroll (#330)

* fix: hyperlink background

* fix: hyperlink icon color

* fix: css

* fix: add scroller

* fix: comment

* fix: scroll

* fix: comment list

* fix: reaction list

* fix: comment date css shrink

* fix: type

* fix: css

* fix: color

* fix: comment scroll

* fix: comment list

* fix: use intersection observer instead

* fix: padding

* Release/v4.0.0 beta.4 (#334)

* fix: github actions

* chore: dropdown instead of free-text

* chore: add none option

* chore: add none option for pre-release input

* fix: add NPM_TOKEN env

* chore(release): 4.0.0-beta.4

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* fix: to support un config value (#340)

* fix: hyperlink long text (#335)

* fix: hyperlink custom text input max length (#336)

* fix: ASC-220001 - share story button (#337)

* fix: share story button

* fix: use avatar v4

* fix: remove unused

* fix: ASC-21590 - hyperlink ui (#347)

* fix: hyperlink long text

* fix: story hyperlink

* fix: story commu condition (#346)

* feat: ASC-22133 - custom reaction provider (#325)

* feat: add custom reaction provider

* feat: add to use reactionsContext

* fix: rename provider

* feat: ASC-22127 - reaction preview message bubble (#331)

* feat: add reaction preview container

* feat: add abbreviateCount function

* feat: add fallback reaction

* feat: update pr

---------

Co-authored-by: Kiattirat S <[email protected]>

* feat: ASC-22124 - message reaction picker (#332)

* feat: add reaction container and button

* feat: add active and hover state

* fix: storybook display

* fix: remove unused

* feat: add checking for active state

* feat: add open state on reaction picker

* feat: add hover state on Quick reaction button

* feat: seperate components

* feat: close picker when clicking outside

* feat: add handling on click reaction button

* fix: hover state

* Update src/v4/chat/components/LiveChatMessageContent/MessageReaction/index.tsx

* Delete src/v4/chat/hooks/useMessageReactions.ts

---------

Co-authored-by: Kiattirat Sujjapongse <[email protected]>

* feat: ASC-22130 - add quick reaction (#339)

* feat: add handling for quick reaction button

* fix: add await to wait for add and remove reaction

* fix: reaction pickert style

* fix: storybook name

* fix: reaction picker storybook

* feat: add pageId, componentId and elementId

* fix: change internal component name and export

* fix: export from components

* fix: message reaction components name

* feat: add static file to include in storybook build

* fix: remove duplicated file

* fix: new design on my reaction

* fix: not use z-index

* fix: position of each reaction

* fix: remove border on reaction preview for my reaction style

* fix: remove unused

* feat(reaction): ASC-22136 - reaction panel (#344)

* feat: add handling for quick reaction button

* fix: add await to wait for add and remove reaction

* fix: reaction pickert style

* fix: storybook name

* fix: reaction picker storybook

* feat: add pageId, componentId and elementId

* fix: remove comment

* feat(reaction-list): add empty files

* feat(reaction): reuse reaction tab from social

* feat(reaction): pass openReaction func to child

* feat(reaction): render data from config

* feat(reaction): update panel style

* feat(reaction): update reaction list

* feat(reaction): update reaction list

* feat(reaction): add all state for reaction list

* feat(reaction): change unit

* feat(reaction): remove unused files

* feat(reaction): update PR

* feat(reaction): update PR

* feat(reaction): update PR

* fix: remove unused

* feat(reaction): update PR

---------

Co-authored-by: ptchaya_p <[email protected]>
Co-authored-by: Pitchaya T <[email protected]>

---------

Co-authored-by: Kiattirat S <[email protected]>

* fix: ASC-22623 - story video (#349)

* fix: story video

* fix: video

* fix: remove console.log

* feat(reaction): update condition (#350)

* fix(reaction): ASC-22611 - update missing ui and action to remove reaction from message (#348)

* fix: ASC-22611 - update ui

* fix(reaction): missing ui and action to remove reaction from message

* fix: ASC-22611 - update ui

* fix: ASC-22611 - update ui

* fix(reaction): hide 0 reaction count

* fix(reaction): update pr

* fix(reaction): export reaction list

* fix: create story condition (#352)

* fix: ASC-222740 - create story condition for global-admin role (#354)

* fix: create story condition

* fix: condition

* fix: condition

* fix: condition

* fix(reaction): ASC-22622 - fix reaction UI bugs (#355)

* fix(reaction): update pagination

* fix(reaction): use total reactor count from message / story / post / comments

* fix(reaction): update ui

* fix(reaction): update ui

* fix: ASC-22740 - create story permission condition to create story (#356)

* fix: create story condition

* fix: condition

* fix: condition

* fix: condition

* fix: condition

* feat(SDK): test build

* feat(SDK): upgrade ts-sdk version

* fix: ASC-21529 - view story wrapper css (#359)

* fix: css

* refactor: view story page condition

* fix: ASC-20521 - story delete condition (#360)

* fix: story delete condition

* fix: condition

* fix: ASC-20505 - condition for non member (#361)

* fix: condition for non member

* fix: hyperlink config

* fix: condition

* fix: hook (#362)

* fix: ASC-22947 - hyperlink config bottom sheet condition (#367)

* fix: hyperlink action condition

* fix: hyperlink css

* fix: remove unused

* fix: hyperlink config condition

* fix: ASC-22949 - video story bug when delete (#366)

* fix: video story bug when delete

* fix: remove console.log

* fix: condition

* fix: close bottom sheet condition (#365)

* fix: ASC-20502 - comment condition (#363)

* fix: comment condition

* fix: story comment compose bar condition

* fix: ASC-22484 - hyperlink config css (#345)

* fix: hyperlink config css

* fix: remove unused

* fix: remove unused

* fix: hyperlink

* fix: color bg

* fix: remove console log

* fix: type

* fix: type

* fix: hyperlink

* fix: ASC-20532 - deleted comment block (#364)

* fix: deleted comment block

* fix: css

* fix: remove unused props

* fix: css var

* fix: category card responsive styles (#372)

* fix: ASC-22947 - story can't add hyperlink (#373)

* fix: hyperlink action condition

* fix: hyperlink css

* fix: remove unused

* fix: hyperlink config condition

* fix: css

* fix: ASC-00000 - bring back v3 code (#358)

* Revert "fix: ASC-21481 - remove unnecessary request to prevent rate limit (#230)"

This reverts commit e9c82ec82889773dc875f812e7688e4363d20569.

# Conflicts:
#	pnpm-lock.yaml
#	src/core/providers/UiKitProvider/index.tsx
#	src/social/components/CommentList/index.tsx
#	src/social/components/CommentList/styles.tsx
#	src/social/components/EngagementBar/UIEngagementBar.tsx

* fix: reply comment text

* Revert "fix: ASC-21481 - remove unnecessary request to prevent rate limit (#230)"

This reverts commit e9c82ec82889773dc875f812e7688e4363d20569.

# Conflicts:
#	pnpm-lock.yaml
#	src/core/providers/UiKitProvider/index.tsx
#	src/social/components/CommentList/index.tsx
#	src/social/components/CommentList/styles.tsx
#	src/social/components/EngagementBar/UIEngagementBar.tsx

* fix: reply comment text

* fix: undefined .length

* fix: video should pause when click item in action menu (#375)

* fix: hyperlink text color (#376)

* fix: ASC-21507 - reset form when confirm remove hyperlink (#368)

* fix: hyperlink action condition

* fix: hyperlink css

* fix: remove unused

* fix: hyperlink config condition

* fix: reset form when confirm remove hyperlink

* chore: ASC-22035 - customizations (#378)

* feat: ThemeProvider, CustomizationProvider and IconComponent

* chore: remove unused code

* chore: useAmityComponentProps

* feat: useAmityPage, useAmityComponent, useAmityElement

* chore: update foundation

* fix: uikit hook bug

* fix: update core foundation (theme, modal)

* fix: default color palette

* fix: types

* fix: fix isExcluded

* chore: remove unused code

* fix: typing

* fix: fix a testing workflow

* chore: Apply suggestions from code review

Co-authored-by: Pitchaya T. <[email protected]>

---------

Co-authored-by: Pitchaya T. <[email protected]>

* fix: story tab show with member only (#383)

* chore: ASC-22036 - stylelint (#379)

* chore: stylelint

* chore: add postcss

* chore: update lint scripts

* chore: ASC-22039 - browserslist (#380)

* chore: setup browserslist

* chore: run prettier

* fix: draft video should loop (#369)

* chore: ASC-22040 - node 20 (#381)

* chore: add asdf and change engines field of node version to 20

* chore: pnpm v9

* chore: remove pull_request_template.md

* chore: upgrade github actions

* chore: update node version

---------

Co-authored-by: Chaiwat Trisuwan <[email protected]>

* fix: fix a staging workflow (#389)

* fix: add pnpm install step (#390)

* feat: ASC-22340 - CommunitySearchResults (#391)

* feat: CommunitySearchResults

* fix: update avatar size

* feat: ASC-22294 - PostContent (#392)

* feat: PostContent

* fix: lint

* chore: update package.json

* fix: elements/index

* feat: TopSearchBar (#393)

* feat: SocialHomePage (#394)

* feat: SocialGlobalSearchPage (#395)

* feat: MyCommunities (#396)

* feat: PostDetailPage (#397)

* feat: ASC-22335 -  update routes (#398)

* feat: update route

* chore: remove unused code

* chore: Drawer (#402)

* fix: text overflow (#400)

* chore: ASC-22335 - update SocialGlobalSearchPage route (#399)

* feat: add SocialGlobalSearchPage routing

* fix: update useUserQueryByDisplayName

* fix: ASC-22335 - VideoViewer styles (#401)

* fix: fix VideoViewer

* chore: remove console.log

* fix: ASC-21508 - hyperlink to show confirm when back with data (#404)

* fix: hyperlink to show confirm when back with data

* fix: bring bank old cold

* fix: pageId no need to pass prop

* fix: ASC-20694 - react story condition for non member (#370)

* fix: comment condition

* fix: story react condition for non member

* fix: import

* fix: params

* fix: ASC-22312 - moderator badge (#384)

* fix: moderator badge

* fix: moderator badge

* fix: moderator badge

* fix: use css var

* fix: remove unused

* fix: remove package manager

* fix: comment tray stories

* fix: remove unused

* fix: remove console.log

* fix: sub story community rte

* feat: ASC-22893 - create post menu & select post target page (#405)

* style: change create menu color

* feat: implement ui CreatePostMenu

* feat: add event when click createPostMenuButton

* feat: implement CreateStoryButtons

* feat: implement CreatePollButton

* feat: implement CreateLivestreamButton

* fix: text Livestream

* fix: changeable text

* feat: implement SelectPostTargetPage

* feat: onBack

* fix: pageId

* fix: text static

* style: pointer

* feat: integrate API communites to SelectPostTargetPage

* feat: custom communities avatar size

* feat: add UserAvatar

* feat: apply infinity scroll

* fix: map key

* feat: add userId

* style: change px to rem

* fix: dark theme styles

* reafactor: remove blank line

* style: add pointer

* fix: pr comments

* refactor: wrap button in IconComponent

* style: adapt global var

* fix: optional pageId

* refactor: remove comment

* feat: ASC-22888 - hide create post menu for current release (#413)

* feat: comment code create post menu for current release

* fix: remove SelectPostTargetPage

* fix: hyperlink confirm remove link (#406)

* fix: ASC-23219 - story view page onClose (#408)

* fix: story view page onClose

* fix: to v4

* fix: removed deprecated

* fix: import

* fix: ASC-20522 - navigate view story in mobile overlay (#409)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: remove unused

* fix: import

* fix: import

* fix: global story hook import

* fix: ASC-22720 - view story full width and height (#410)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* feat(message): handle optimistic on message creation (#377)

* fix: ASC-22081 - notification v4 (#411)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* fix: notification v4

* fix: file name

* fix: ASC-20521 - delete first multiple story go to next story (#412)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* fix: notification v4

* fix: delete first multiple stories go to next story

* fix: ASC-23136 - fix social v3 issues (#388)

* fix: bring back reply i18n

i18n

* fix: icon size

* fix: comments do not load

* chore: story in v3

* fix: isFlaggedByMe rate limit issue

* fix: fix PageBehavior

* fix: ViewStoryPage navigation

* fix: remove duplicate

* fix: import

* fix: draft page prop

* fix: draft story page storyType prop

---------

Co-authored-by: Chaiwat Trisuwan <[email protected]>

* feat: ASC-00000 - tech debt livechat (#416)

* fix: unconfigurable style

* fix: modify avatar v4 to support defaultImage

* fix: livechat avatar to use avatar component v4

* fix: user icon in message bubble to use v4 compo

* fix: change defaul image for livechat

* fix: use avatar v4 component on story preview

* fix: to use v4 components in reply message placeholder

* fix: mention item to use v4 avatar components

* fix: defaultImage on share story button

* fix: theme on AmityLiveChatHeader

* fix: compose bar to use useAmityComponent

* fix: LiveChatMessageList to use useAmityComponent

* fix: remove condition variable

* fix: configuration value

* fix: message reaction to use useAmityElement

* fix: remove unused

* fix: to use same value on light and dark theme for livechat

* fix: remove /index

* fix: view story page context (#420)

* fix: build include css (#421)

* fix: ASC-23233 - disabled button when file is uploading and fix 429 issue (#422)

* fix: disabled remove button when file is uploading

* fix: add handle document event when menu opened

* fix: ASC-23288 - disabled submit vote button (#424)

* fix: disabled submit vote button

* chore: remove console.log

* fix: formatDuration (#429)

* fix: link text color (#426)

* fix: reduce comment api network call amount (#427)

* fix: like button color (#425)

* fix: play icon (#428)

* feat: ASC-23090 - LinkPreview (#414)

* feat: LinkPreview

* fix: error handling

* fix: types

* fix: move post creator out of infinite scroll (#430)

* fix: append a created poll post (#432)

* fix: ASC-22315 - error noti when user upload unsupported file (#417)

* fix: story tab background color

* fix: update navigate

* fix: styled to css module

* fix: remove console.log

* fix: remove console.log

* fix: story tab

* fix: type

* fix: remove console.log

* fix: story tab type

* fix: noti css

* fix: story avatar

* fix: remove unused

* fix: remove unused

* fix: share story button use amityElement

* fix: icon

* fix: add default communityProfileImageBackground

* fix: story tab community

* fix: story tab

* fix: navigate

* fix: story navigate

* fix: remove unused

* fix: red border story tab

* fix: import and type

* fix: import and type

* fix: remove error icon z-index

* fix: official badge condition

* fix: remove unused

* fix: height

* fix: story avatar

* fix: share story button

* fix: ASC-20535 - deleted reply block (#418)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* fix: notification v4

* fix: delete first multiple stories go to next story

* fix: story tab background color

* fix: update navigate

* fix: styled to css module

* fix: remove console.log

* fix: remove console.log

* fix: story tab

* fix: type

* fix: remove console.log

* fix: story tab type

* fix: noti css

* fix: story avatar

* fix: remove unused

* fix: remove unused

* fix: share story button use amityElement

* fix: icon

* fix: add default communityProfileImageBackground

* fix: story tab community

* fix: story tab

* fix: navigate

* fix: story navigate

* fix: remove unused

* fix: red border story tab

* fix: remove ts-sdk peer dep

* fix: delete comment

* fix: i18n

* fix: add margin-bottom to container

* fix: remove packagemanager

* fix: story ring empty state color

* fix: import and type

* fix: import and type

* fix: remove error icon z-index

* fix: official badge condition

* fix: remove i18n

* fix: no comment word

* fix: ASC-20356 - story tab should navigate to unseen (#419)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* fix: notification v4

* fix: delete first multiple stories go to next story

* fix: story tab background color

* fix: update navigate

* fix: styled to css module

* fix: remove console.log

* fix: remove console.log

* fix: story tab

* fix: type

* fix: remove console.log

* fix: story tab type

* fix: noti css

* fix: story avatar

* fix: remove unused

* fix: remove unused

* fix: share story button use amityElement

* fix: icon

* fix: add default communityProfileImageBackground

* fix: story tab community

* fix: story tab

* fix: navigate

* fix: story navigate

* fix: remove unused

* fix: red border story tab

* fix: remove ts-sdk peer dep

* fix: delete comment

* fix: i18n

* fix: add margin-bottom to container

* fix: remove packagemanager

* fix: story ring empty state color

* fix: story tab should navigate to unseen

* fix: type

* fix: import and type

* fix: type

* fix: background image

* fix: element

* fix: community story tab condition

* fix: remove unused

* fix: create story button

* fix: community story tab render condition

* fix: delete community story condition

* fix: discard create story navigate condition

* fix: add create new story button

* fix: export create new story button

* chore: add ui story for create new story button

* fix: share story button

* fix: remove unused

* fix: close button color

* fix: remove unused

* fix: remove unused function

* fix: remove unused

* fix: flicker render

* fix: loading overlay width height

* fix: draft page container

* fix: remove inline function

* fix: story wrapper height

* fix: community story tab condition

* fix: aspect ratio button to use useAmityElement

* fix: elements

* fix: remove inline function

* fix: elements

* fix: import and type

* fix: remove error icon z-index

* fix: official badge condition

* fix: prop

* fix: import

* fix: community avatar

* fix: story tab condition

* fix: type

* fix: remove console.log

* fix: story tab condition

* fix: remove i18n

* fix: no comment word

* fix: elements

* fix: type

* fix: add pageId to confirm

* fix: ASC-21809 - upload video story on mobile device (#423)

* fix: story view page onClose

* fix: to v4

* fix: overlay bug

* fix: remove console.log

* fix: remove styled component

* fix: add story arrow left right to customization provider

* fix: view story full width and height

* fix: notification v4

* fix: delete first multiple stories go to next story

* fix: story tab background color

* fix: update navigate

* fix: styled to css module

* fix: remove console.log

* fix: remove console.log

* fix: story tab

* fix: type

* fix: remove console.log

* fix: story tab type

* fix: noti css

* fix: story avatar

* fix: remove unused

* fix: remove unused

* fix: share story button use amityElement

* fix: icon

* fix: add default communityProfileImageBackground

* fix: story tab community

* fix: story tab

* fix: navigate

* fix: story navigate

* fix: remove unused

* fix: red border story tab

* fix: remove ts-sdk peer dep

* fix: delete comment

* fix: i18n

* fix: add margin-bottom to container

* fix: remove packagemanager

* fix: story ring empty state color

* fix: story tab should navigate to unseen

* fix: type

* fix: import and type

* fix: type

* fix: background image

* fix: element

* fix: official badge condition

* fix: condition

* chore: add react-aria-component

* fix: hooks

* fix: community story tab condition

* fix: remove unused

* fix: create story button

* fix: community story tab render condition

* fix: delete community story condition

* fix: discard create story navigate condition

* fix: add create new story button

* fix: export create new story button

* chore: add ui story for create new story button

* fix: share story button

* fix: remove unused

* fix: close button color

* fix: remove unused

* fix: remove unused function

* fix: remove unused

* fix: flicker render

* fix: loading overlay width height

* fix: draft page container

* fix: remove inline function

* fix: story wrapper height

* fix: community story tab condition

* fix: aspect ratio button to use useAmityElement

* fix: elements

* fix: remove inline function

* fix: elements

* fix: import and type

* fix: remove error icon z-index

* fix: official badge condition

* fix: prop

* fix: import

* fix: community avatar

* fix: condition

* fix: story tab condition

* fix: type

* fix: story tab

* fix: community

* fix: type and layout (#434)

* fix: ASC-21494 - non member can react in comment tray (#433)

* fix: story tab background color

* fix: update navigate

* fix: styled to css module

* fix: remove console.log

* fix: remove console.log

* fix: story tab

* fix: type

* fix: remove console.log

* fix: story tab type

* fix: noti css

* fix: story avatar

* fix: remove unused

* fix: remove unused

* fix: share story button use amityElement

* fix: icon

* fix: add default communityProfileImageBackground

* fix: story tab community

* fix: story tab

* fix: navigate

* fix: story navigate

* fix: remove unused

* fix: red border story tab

* fix: import and type

* fix: import and type

* fix: remove error icon z-index

* fix: official badge condition

* fix: reaction list

* fix: remove console.log

* fix: import

* fix: pass pageId and componentId

* fix: avatar

* fix: community avatar

* fix: play pause button

* fix: story tab condition

* fix: remove unused

* fix: remove unused

* fix: story tab

* fix: onPress

* fix: wrapper

* fix: rem

* fix: remove package manager

* feat: skeleton loader (#407)

* fix: ASC-23278 - view story container (#435)

* fix: create new story button prop

* fix: story view

* fix: remove package manager

* fix: remove console

* fix: unnecessary code

* fix: elements

* fix: ASC-23385 - view story comment tray close after comment (#438)

* fix: create new story button prop

* fix: story view

* fix: remove package manager

* fix: remove console

* fix: unnecessary code

* fix: elements

* fix: story comment button width

* fix: useGetActiveStoriesByTarget hook

* fix: add story progress bar

* fix: view story comment tray close after comment

* fix: story progress bar

* fix: community  story

* fix: remove unused

* fix: community

* fix: type

* fix: speaker button condition ui

* fix: story sub

* fix: remove unused

* fix: button css

* Release/v4.0.0 beta.7 (#439)

* chore(release): 4.0.0-beta.5

* chore(release): 4.0.0-beta.6

* fix: build include css (#421)

* chore(release): 4.0.0-beta.7

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* Release/v4.0.0 beta.8 (#440)

* build: upgrade version ts-sdk

* build: upgrade dependencies

* chore(release): 4.0.0-beta.8

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* feat: ASC-22898 - create post page (#437)

* feat: show select post menu

* feat: create PostComposerPage

* feat: themeStyle

* style: change create menu color

* feat: implement ui CreatePostMenu

* feat: add event when click createPostMenuButton

* feat: implement CreateStoryButtons

* feat: implement CreatePollButton

* feat: implement CreateLivestreamButton

* fix: changeable text

* feat: implement SelectPostTargetPage

* fix: pageId

* fix: text static

* style: pointer

* feat: integrate API communites to SelectPostTargetPage

* feat: add UserAvatar

* fix: map key

* style: change px to rem

* fix: dark theme styles

* reafactor: remove blank line

* feat: create new post page

* feat: DetailMediaAttachment

* feat: implement media attachment

* feat: show mention options

* feat: mention

* feat: disable post button

* feat: add @ in mention text editor

* feat: lexical

* feat: add goToPostComposerPage

* style: truncate

* style: text size

* feat: post to feed

* style: editor

* feat: limit max length 5000 cha

* fix: follow comment pr

* fix: error class

* feat: onSubmit form

* fix: query search mention from hooks

* fix: remove try catch and remove comments

* fix: mention post

* fix: build failed

* fix: remove log (#445)

* feat: ASC-00000 - Add empty user (#447)

* feat: add user7

* fix: remove mock userId

* feat: ASC-23125 - ads on post (#448)

* feat: add AdsPost Component

* feat: add TODO

* feat: add use themeStyle from config

* feat: align theme by component

* fix: pr comments

* fix: refactor Avatar V4

* feat: add TODO

* fix: delete first multiple segment story should navigate to next story (#441)

* fix: ASC-20694 - wrong notification content (#442)

* fix: delete first multiple segment story should navigate to next story

* fix: wrong notification text content

* fix: ASC-22312 - comment moderator badge condition (#443)

* fix: delete first multiple segment story should navigate to next story

* fix: wrong notification text content

* fix: comment author

* fix: remove isBanned prop

* fix: remove console.log

* feat: sync api v5 (#455)

* fix: use preferred theme as light on v3 (#454)

* fix: select file to pause story progress bar (#456)

* fix: ASC-23557 - scroll mention list (#453)

* style: scroll mention list

* fix: style and ref

* refactor: rename MentionTextInput

* fix: ASC-20957 - story tab ring loading state (#444)

* fix: delete first multiple segment story should navigate to next story

* fix: wrong notification text content

* fix: comment author

* fix: remove isBanned prop

* fix: remove unused

* fix: apply useAmityComponent to StoryTab

* fix: story tab v4

* fix: remove unused

* fix: type

* fix: ASC-22315 - failed noti to use BE message (#446)

* fix: delete first multiple segment story should navigate to next story

* fix: wrong notification text content

* fix: comment author

* fix: remove isBanned prop

* fix: remove unused

* fix: apply useAmityComponent to StoryTab

* fix: story tab v4

* fix: failed noti should use BE response message

* fix: use accessibilityId instead of uiReference

* fix: remove unused

* fix: remove unused

* fix: showImpression condition (#451)

* chore: ASC-00000 - uikit core api (#457)

* chore: change shouldCall type

* chore: update IconComponent api

* fix: fix button in story from CancelButton to EditCancelButton

* chore: update configuration

* feat: MyCommunitiesSearchPage (#459)

* fix: ASC-23544 - global search UI (#460)

* fix: fix SocialGlobalSearchPage behavior

* fix: fix post reaction

* feat: ASC-22903 - media attachment (#449)

* feat: swipe bottom menu

* feat. bottom menu position

* feat: hide file button

* style: overflow auto

* style: hide scroll bar form

* feat: add asc-uikit class

* fix: show text condition

* fix: ASC-23543 - fix PostDetailPage navigation and layout (#461)

* fix: fix PostDetailPage navigation and layout

* fix: style

* fix: post container style

* fix: shouldCall useEffect logic (#462)

* fix: ASC-22949 - view story navigate logic (#458)

* fix: select file to pause story progress bar

* fix: story navigate

* fix: remove unused

* fix: remove unused

* fix: add ref to image

* fix: remove unused

* fix: package

* fix: member query (#466)

* fix: moderator badge logic (#464)

* fix: ASC-00000 - tanstack query cache key (#465)

* fix: tanstack query cache key

* fix: image viewer, video viewer and image content

* fix: remove timestamp interaction (#463)

* fix: ASC-21809 - upload story video in android device (#467)

* fix: upload story video in android device

* fix: prop type

* fix: remove console.log

* fix: play pause function

* fix: ASC-23419 - like reaction in story reaction list show unknown reaction (#469)

* fix: upload story video in android device

* fix: prop type

* fix: reaction list reactions

* fix: rte

* fix: console.log

* fix: swipe down (#470)

* fix: ASC-00000 - css broken in v3 (#473)

* fix: css

* fix: css

* fix: ASC-23389 - disable overlay when desktop screen (#477)

* fix: swipe down

* fix: css

* fix: next story condition

* fix: css

* style: ASC-23581 - add width full button (#476)

* style: add width full

* fix: type create post

* fix: ASC-23552 - fix reaction button interaction (#472)

* fix: fix reaction button interaction

* chore: remove unused code and apply configuration

* fix: type error (#471)

* fix: ASC-23659 - newsfeed layout (#474)

* fix: newsfeed layout

* chore: Update SocialHomePage.module.css

* fix: ASC-23007 - community member collection limit (#478)

* fix: swipe down

* fix: css

* fix: next story condition

* fix: limit

* fix: type

* fix: hooks

* fix(sdk): ASC-22474 - story preview thumbnail hyperlink in console (#480)

* fix: swipe down

* fix: css

* fix: next story condition

* fix: limit

* fix: story preview thumbnail for console

* fix: story preview

* fix: npmrc

* fix: export

* fix: export

* fix: export

* fix: export

* fix: export

* fix: ASC-23583 - discard post modal (#483)

* style: modal

* style: modal

* fix: ASC-23600 - create post params (#475)

* fix: push userIds

* fix: prevent empty mentionees

* fix: ASC-23590 - add toast duration (#479)

* fix: add toast duration

* feat: prevent click when loading

* feat: check offline post

* refactor: remove comment code

* feat: import isOnline hooks

* refactor: remove log

* fix: ASC-23599 -  mention member in private community (#468)

* feat: member mention

* refactor: import

* fix: query params

* refactor: rename component

* fix: undefined type

* fix: shouldCall

* fix: query mention (#484)

* feat: ASC-00000 - story preview skeleton (#486)

* feat: story preview skeleton

* fix: remove z-index

* feat: ASC-22898 - create postProvider (#485)

* feat: create postProvider

* refactor: accessibility

* fix: story bugs (#487)

* feat: ASC-00000 - new comment (#482)

* chore: comments

* fix: cannot see comment in storybook

* feat: add ui for composer

* feat: export PostCommentComposer

* feat: add view reply and view all comments UI

* fix: post comment input style

* fix: change to new comment compose bar

* fix: comment compose bar style

* fix: remove compose bar on globalFeed page

* fix: change className

* feat: add PostReplyComment component

* feat: set max line height to 10

* fix: add margin to align the item vertical center at first

* feat: add comment mention input in composer

* feat: add query mentionable users hook

* feat: fix mention list position

* fix: remove unused

* feat: add reply comment ui

* fix: placeholder position

* fix: to clear textInput state

* feat: handle loadMore in post comment list

* feat: add post reply comment list

* fix: load more replies button in reply list

* feat: add bottomsheet for action on PostComment

* feat: add bottom sheet for PostReplyComment action

* feat: add to show delete comment

* feat add handling action

* fix: delete comment text style

* feat: add delete state ui on PostReplyComment

* feat: add edit text in comment details

* fix: clear editor state when comment create success

* feat: add edit ui

* fix: button style

* fix: PostCommentInput prop

* feat: add logic to convert data text to edior state

* fix: cannot mention user

* fix: edit text styling

* feat: add pointer styling

* fix: change to wrap options inside component to reduce calling check isFlaggedByMe

* feat: handle update comment

* feat: update comment in reply comment

* feat: add subscription to each comment

* feat: add ui text with mention

* fix: remove unused

* fix: sending too many request when intersect

* feat: subscribe to get new comment data

* feat: fix mention panel position

---------

Co-authored-by: Bonn <[email protected]>

* fix: ASC-00000 - story bugs (#491)

* fix: story bugs

* fix: button style

* fix: image mode

* fix: story bugs

* fix: remove console.log

* fix: onPress

* fix: css

* fix: ASC-22508 - impression count condition (#492)

* fix: story bugs

* fix: button style

* fix: image mode

* fix: story bugs

* fix: remove console.log

* fix: onPress

* fix: css

* fix: impression condition only creator and community mod can see

* feat: ASC-23125 - global feed ad integration (#489)

* feat: AdEngine

* chore: AdEngineProvider

* feat: integrate with Newsfeed

* chore: refactoring

* feat: update pagination logic

* feat: update Paginator logic

* feat: PostAd integration

* chore: add data-qa-anchor

* fix: avatarUrl and adImageUrl

* chore: remove packageManager field

* chore: remove unused code

* chore: Update src/v4/social/internal-components/PostAd/PostAd.module.css

* fix: update code by review

* chore: add storybook users (#494)

* feat: comment ad (#493)

* chore: update ci (#495)

* fix: fix slice index (#498)

* fix: ad live collection integration (#503)

* fix: ASC-00000 - fix react error (#502)

* fix: fix svg props

* fix: fix react error

* fix: svg props

* fix: ASC-00000 - done button (#496)

* fix: done button

* fix: add todo comment for type

* fix: submit form function

* fix: remove console.log

* fix: apply themeStyle

* fix: type

* fix: formId prop

* fix: formId to be optional type

* fix: done button type

* fix: ASC-00000 - modal overlay (#497)

* fix: done button

* fix: add todo comment for type

* fix: submit form function

* fix: remove console.log

* fix: apply themeStyle

* fix: type

* fix: modal overlay

* fix: remove console.log

* fix: ad information drawer (#500)

* fix: ASC-24074 - comment ad style (#504)

* fix: comment ad style

* feat: change sponsor badge text

* fix: ASC-00000 - theme (#501)

* fix: configuration background not change in livechat compose bar

* fix: cannot use theme configuration

* fix: theme logic

* feat: update a customization key ordering

* fix: update css variable names to align with a design

* css var

* fix: theme

---------

Co-authored-by: ptchaya_p <[email protected]>

* fix: ASC-24074 - fix an incorrect text position (#499)

* fix: fix an incorrect text position

* fix: update classname

* feat: ASC-23131 - story premium ads (#508)

* feat: story premium ads

* chore: remove commented code

* feat: ASC-23312 - support image video upload (#506)

* feat: upload images

* feat: handle failed

* feat: add upload image

* feat: upload video

* feat: prevent more than 10 uploads

* feat: handle error

* feat: apply detail media attachment

* fix: resolution thumbnail

* feat: camera upload

* fix: remove not used file

* fix: remove log

* style: data-attribute

* refactor: isMobile utils

* fix: params

* refactor: onChange

* fix: ASC-23693 - fix premium ads global feed (#512)

* fix: fix usePaginatorCore logic

* fix: remove poll liveStream file posts from a global feed

* fix: reduce a request amount

* fix: time-window ad and type error

* fix: child post

* fix: filter liveStream poll file post

* fix: react rerender issue

* fix: observer display

* fix: retain scroll position (#513)

* fix: remove button hover color (#517)

* fix: reaction count (#509)

* fix: comment ad styles (#518)

* fix: ASC-00000 - fix paginator (#516)

* fix: return an empty array when its length is 0

* chore: rename usePagination to usePaginator

* fix: ASC-23591 - image ratio (#515)

* chore: remove unused code

* fix: fix image ratio

* fix: ASC-24193 - fix a background color css variable (#510)

* fix: asc-color-base-background to asc-color-background-default

* fix: update PostAd footer background color

* chore: ASC-00000 - premium ads pure components (#522)

* feat: export CommentAd and PostAd as a pure component

# Conflicts:
#	src/index.ts
#	src/v4/social/internal-components/CommentAd/CommentAd.tsx
#	src/v4/social/internal-components/PostAd/PostAd.tsx

* chore: rename AdInformation dir

* fix: componentId

* chore: ASC-00000 - console story ad ui (#521)

* chore: console story ad ui

* chore: add TODO

* fix: reactions count formatting (#519)

* style: fix height (#523)

* fix: ASC-24020 - load more mention list (#514)

* fix: load more mention list

* refactor: load more

Co-authored-by: Bonn <[email protected]>

* fix: error ci

---------

Co-authored-by: Bonn <[email protected]>

* fix: button style unset (#524)

* style: change height (#525)

* fix: ASC-00000 - create post menu position (#526)

* fix: z-index

* style: remove z-index

* feat: ASC-00000 - AmityStoryTargetSelectionPage (#528)

* feat: AmityStoryTargetSelectionPage

* fix: remove console.log

* fix: comment ad style (#527)

* fix: ASC-23586 - livechat customization (#520)

* feat: lexical

* fix: restructure LiveChat

# Conflicts:
#	src/v4/core/providers/AmityUIKitProvider.tsx
#	src/v4/social/components/PostContent/ImageContent/ImageContent.tsx
#	src/v4/social/components/PostContent/VideoContent/VideoContent.tsx

* fix: a new MessageComposer

* chore: remove packageManager field

* fix: fix import

* fix: type error

* fix: enter to send only on h/w keyboard

* chore: update LiveChate storybook

* fix: update livechat configuration

* chore: update src/v4/chat/elements/SenderMessageBubble/SenderMessageBubble.tsx

Co-authored-by: Pitchaya T. <[email protected]>

* chore: apply suggestions from code review

Co-authored-by: Pitchaya T. <[email protected]>

---------

Co-authored-by: Pitchaya T. <[email protected]>

* fix: ASC-24263 - stories bug (#533)

* fix: i18n error

* fix: global feed story index

* fix: CommunityFeedStory

* fix: image ratio to 1 (#532)

* fix: ASC-00000 - minor bugs (#531)

* fix: change unit to dvw and dvh

* fix: change p to span because an error in a browser

* fix: globalfeed key

* fix: stop drag default and remove unnecessary preventDefault

* fix: cannot click on mobille

* fix: prevent drag event

* fix: UIPostAd

* chore: add TODO

* fix: style on mobile

* fix: Linkify

* fix: draft video story (#530)

* fix: ASC-00000 - story  (#507)

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: remove unused

* fix: done button type

* fix: type

* fix: align with api (#534)

* feat: ASC-24094 - update code snippet (#529)

* feat: create post button

* feat: code snippet

* feat: update MyCommunitiesSearchPage

* fest: export components and page

* fix: ci error

* feat: export TopNavigation

* fix: types

* feat: export AmitySocialHomePageTab

---------

Co-authored-by: Bonn <[email protected]>

* fix: ASC-21809 - story video duration (#511)

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: video duration

* fix: remove unused

* fix: type

* fix: done button type

* fix: type

* fix: ignore type

* fix duration

* fix: story image bottom sheet

* fix: ASC-21809 - image local (#535)

* fix: story uploading state

* fix: remove unnessescary useMeme

* fix: remove unused

* fix: bottom sheet story

* fix: video duration

* fix: remove unused

* fix: type

* fix: done button type

* fix: type

* fix: ignore type

* fix duration

* fix: story image bottom sheet

* fix: image local

* fix: video ratio (#536)

* fix: fix Linkify (#539)

* fix: StoryAd layout (#537)

* feat: combine v3 code (#541)

* refactor: ASC-00000 - upload media (#540)

* refactor: upload media

* fix: spelling

* refactor: props name

* fix: props name

* refactor: props name

* fix: split into RoundedBackButton and BackButton (#543)

* fix: useFeed (#542)

* chore: ASC-23077 - eslint 9 (#387)

* chore: import rule lint

* chore: eslint 9

* chore: add packageManager field

* fix: remove pnpm version from ci

* chore: removed unused file

* chore: update packageManager field in package.json

* chore: update pnpm-lock.yaml

* chore: bring back the old code

* fix: lint

* chore: upgrade pnpm to 9.5.0

* chore: bring back .npmrc

* fix: css path

* fix: ASC-00000 - v4 comment list component (#505)

* fix: done button

* fix: add todo comment for type

* fix: submit form function

* fix: remove console.log

* fix: apply themeStyle

* fix: type

* fix: modal overlay

* fix: remove console.log

* fix: integrate comment v4

* fix: comment list

* fix: remove pkg version

* fix: type

* fix: type

* fix: comment component

* fix: comment component

* fix: remove console.log

* fix: css

* fix: import name

* feat: ASC-00000 - comment skeleton loading and see more (#546)

* feat: add skeletons on comment list

* feat: change limit

* feat: add see more button

* feat: use line-clamp

* fix: use max height instead

* fix: mention panel position

* fix: flex item gap on mention user

* fix: remove unused

* fix: reply offset bottom

* fix: use variable

* fix: react error

* fix: use variable instead of inline style

* fix: remove inline style

* fix: use uuid to be key

* fix: ASC-23324 - combine v3 and v4 (#548)

* fix: add button for user

* refactor: condition

Co-authored-by: Bonn <[email protected]>

* fix: build fail

* fix: handle navigation cross version

* fix: remove console

* fix: combine story

---------

Co-authored-by: Bonn <[email protected]>

* fix: ASC-24390 - mention is not show in comment (#549)

* fix: mention is not show

* fix: remove post props

* fix: onPress button (#550)

* fix: ASC-24396 - comment list pagination (#553)

* fix: update threshold

* fix: remove height 100%

* chore: typo

* fix: ASC-24024 - mention list and media attachment position  (#551)

* fix: position media attachment

* style: adapt data attribute

* fix: query params

* fix: mention list position

* fix: z-index

* fix: mention list position

* fix: position mention

* fix: unit rem

* fix: query community sort (#552)

* docs: update example env (#554)

* Release/v4.0.0 beta.10 (#555)

* chore: v4.0.0-beta.9

* chore(release): 4.0.0-beta.10

---------

Co-authored-by: bmo-amity-bot <[email protected]>

* feat: ASC-24349 - edit post (#557)

* feat: edit menu

* feat: default value edit post

* refactor: remove log

* feat: edit image

* feat: edit video

* refactor: thumbnail component

* refactor: remove log

* feat: update items

* fix: combineItemsWithAds

* fix: post data selector

* fix: mention enter new line

* refactor: button

* fix: element button

---------

Co-authored-by: Bonn <[email protected]>

* feat: ASC-24665 - check labels ci (#558)

* feat: ASC-24666 - create pull_request_template.md (#559)

* Create pull_request_template.md

Create pull request template

* Update pull_request_template.md

Add checklist

* feat: ASC-23982 - post impression (#561)

* feat: add post impression

* refactor: remove log

* refactor: changed to hooks

* refactor: hooks

* refactor: ref div

* fix: undefined metadata (#564)

* fix: ASC-24780 - handle no change edit post (#562)

* fix: handle no change edit

* fix: remove img change save

* fix: compare array function

* fix: type params

Co-authored-by: Bonn <[email protected]>

* fix: error text

---------

Co-authored-by: Bonn <[email protected]>

* fix: ASC-24778 - add edit tag (#563)

* fix: edit tag

* style: reduce spacing

* fix: add getAuthToken param (#567)

* fix: ASC-24831 - profile blinking (#569)

* chore: v3.6.0

* fix: remove expose v4 component

* 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

* fix: ASC-24831 - profile blinking

* fix: ASC-24831 - profile blinking

* fix: avoid channel object change affect to avatarUrl from calling reading api while reading the channel

* fix: button size

* fix: lint

---------

Co-authored-by: bmo-amity-bot <[email protected]>
Co-authored-by: Bonn <[email protected]>

* fix: change text fail edit (#571)

* fix: ASC-23280 - showing long post (#580)

* fix: truncate

* style: truncate

* style: add spacing (#581)

* fix: ASC-24779 - onClick go to post detail (#584)

* fix: add onClick redirect

* fix: use Button

* fix: fix ui (#589)

* fix: ASC-24857 - link preview button (#570)

* fix: use button instead div

* refactor: onBack

* fix: add button Ad link

* chore(release): 4.0.0-beta.11 (#601)

Co-authored-by: bmo-amity-bot <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>

---------

Co-authored-by: Bonn <[email protected]>

* 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 <[email protected]>

* fix: type any

---------

Co-authored-by: Bonn <[email protected]>

* 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
# Conflicts:
#	src/core/components/Button/styles.tsx
#	src/core/components/SideMenuActionItem/styles.tsx
#	src/icons/Verified.tsx
#	src/social/components/CommunitiesList/index.tsx
#	src/social/components/CommunitiesList/styles.tsx
#	src/social/components/community/AllCommunities/index.tsx
#	src/social/components/community/Card/UICommunityCard.tsx
#	src/social/components/community/Header/UICommunityHeader.tsx
#	src/social/components/community/Header/styles.tsx
#	src/social/components/community/Name/index.tsx
#	src/social/components/community/Name/styles.tsx
#	src/social/components/community/TrendingItem/UITrendingItem.tsx
#	src/social/pages/Application/index.tsx
#	src/social/pages/Explore/styles.tsx
#	src/social/pages/UserFeed/index.tsx
#	src/v4/social/pages/Application/index.tsx

* chore: revert fonts

* Revert "chore: remove default font"

This reverts commit b62f1aa5e77828772cd1fffd5a46d84480b35626.

# Conflicts:
#	src/core/providers/UiKitProvider/index.css
#	src/v4/styles/global.css

* chore: change sdk version to a latest one

* fix: bring back v4 export

---------

Co-authored-by: ChayanitBm <[email protected]>
Co-authored-by: Pitchaya T. <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>
Co-authored-by: Chayanit Manop <[email protected]>

* 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 <[email protected]>
Co-authored-by: Chayanit Manop <[email protected]>

* 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:…

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",

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;

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;

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;`}
 `;

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;

src/core/components/SideMenuActionItem/styles.tsx

@@ -47,7 +47,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;

src/core/components/SideMenuItem/styles.tsx

@@ -30,14 +30,17 @@ 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;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 8px;
+
   ${({ active, theme }) =>
     active
       ? css`

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 (
     <DateContainer className={className}>
-      {delta < DAY ? <TimeAgo date={date} /> : <FormattedDate value={date} />}
+      {isValidDate &&
+        (delta < DAY ? (
+          <TimeAgo date={new Date(date)} />
+        ) : (
+          <FormattedDate value={new Date(date)} />
+        ))}
     </DateContainer>
   );
 };

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}
 `;
 

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;

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;
 

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 }) =>

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;
 

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;

src/social/components/community/Header/styles.tsx

@@ -8,9 +8,9 @@ interface CommunityHeaderContainerProps {
   isActive?: boolean;
 }
 
-export const CommunityHeaderContainer = styled.a.attrs(
-  (props) => props,
-)<CommunityHeaderContainerProps>`
+export const CommunityHeaderContainer = styled.a.withConfig({
+  shouldForwardProp: (prop) => !['loading', 'isActive'].includes(prop),
+})<CommunityHeaderContainerProps>`
   display: grid;
   grid-template-areas: 'avatar title' 'avatar children';
   grid-template-columns: min-content auto;

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;
 }>`

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 }) => `

src/social/components/post/ChildrenContent/index.tsx

@@ -49,7 +49,7 @@ const ChildrenContent = ({ contents }: { contents: Amity.Post[] }) => {
             return (
               <>
                 {items.map((poll) => (
-                  <PollContent key={dataType} pollId={poll.data.pollId} />
+                  <PollContent key={poll.data.pollId} pollId={poll.data.pollId} />
                 ))}
               </>
             );

src/social/components/post/GalleryContent/ImageItem.tsx

@@ -8,6 +8,7 @@ interface ThumbnailProps {
 export const Thumbnail = ({ item }: ThumbnailProps) => {
   return (
     <Image
+      key={item?.data.fileId}
       fileId={item?.data.fileId}
       data-qa-anchor="post-gallery-content-image-thumbnail-item"
       mediaFit="cover"

src/social/components/post/GalleryContent/StreamItem.tsx

@@ -58,6 +58,7 @@ export const Thumbnail = ({
 
   return (
     <LivestreamThumbnail
+      key={stream.streamId}
       duration={mp4Recording?.duration}
       fileId={file?.fileId}
       overlayElements={

src/social/components/post/GalleryContent/VideoItem.tsx

@@ -13,6 +13,7 @@ interface ThumbnailProps {
 export const Thumbnail = ({ item, showPlayIcon, showVideoDuration }: ThumbnailProps) => {
   return (
     <VideoThumbnail
+      key={item?.data.thumbnailFileId}
       fileId={item?.data.thumbnailFileId}
       showPlayIcon={showPlayIcon}
       videoFileId={showVideoDuration && item?.data.videoFileId.original}

src/social/components/post/Header/styles.tsx

@@ -55,7 +55,9 @@ export const MessageContainer = styled.div`
   }
 `;
 
-export const AdditionalInfo = styled.div<{ showTime?: boolean }>`
+export const AdditionalInfo = styled.div.withConfig({
+  shouldForwardProp: (prop) => prop !== 'showTime',
+})<{ showTime?: boolean }>`
   display: flex;
   align-items: center;
 

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;