Release/v4.0.0 beta.12 (#79)

* 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]>

* 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: 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 <[email protected]>
Co-authored-by: Pitchaya T. <[email protected]>
Co-authored-by: ptchaya_p <[email protected]>

* chore(release): 4.0.0-beta.12 (#638)

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

* chore(release): 4.0.0-beta.12

---------

Co-authored-by: Chaiwat Trisuwan <[email protected]>
Co-authored-by: Bonn <[email protected]>
Co-authored-by: bmo-amity-bot <[email protected]>
Co-authored-by: Kiattirat Sujjapongse <[email protected]>
Co-authored-by: ChayanitBm <[email protected]>

.storybook/decorators/FluidControl.tsx

@@ -143,7 +143,7 @@ const decorator: NonNullable<Preview['decorators']>[number] = (
   Story,
   { globals: { [GLOBAL_NAME]: val } },
 ) => {
-  if (val === 'none') return <Centered>{Story()}</Centered>;
+  if (val === 'none') return <FullScreen>{Story()}</FullScreen>;
   else if (val === 'fullscreen') return <FullScreen>{Story()}</FullScreen>;
   else if (val === 'framed') return <Framed>{Story()}</Framed>;
   else if (val === 'boundingbox')

.storybook/decorators/UiKitDecorator.tsx

@@ -1,36 +1,30 @@
 import React, { useCallback } from 'react';
 import UiKitProvider from '../../src/core/providers/UiKitProvider';
 import { Preview } from '@storybook/react';
-import amityConfig from '../../amity-uikit.config.json';
-
-const users = import.meta.env.STORYBOOK_USERS.split(',');
-
-const GLOBAL_NAME = 'user';
-const global = {
-  [GLOBAL_NAME]: {
-    name: 'User selector',
-    description: 'User switcher for SDK',
-    defaultValue: 'Web-Test',
-    toolbar: {
-      icon: 'user',
-      items: [
-        { value: 'Web-Test,Web-test', title: 'Web-Test' },
-        ...users.map((user) => {
-          return { value: `${user},${user}`, title: user };
-        }),
-      ],
-    },
-  },
-};
+import { useState } from 'react';
+import { useEffect } from 'react';
+
+const FALLBACK_USER = 'Web-Test';
+
+const decorator: NonNullable<Preview['decorators']>[number] = (Story, context) => {
+  const { args } = context;
+
+  const [userId, setUserId] = useState<string>(args.userId || FALLBACK_USER);
+  const [displayNameState, setDisplayNameState] = useState<string | undefined>(
+    args.displayName || args.userId || userId,
+  );
 
-const FALLBACK_USER = 'Web-Test,Web-Test';
+  useEffect(() => {
+    if (!args.submit) return;
+    if (args.userId) {
+      setUserId(args.userId);
+    }
+    if (args.displayName) {
+      setDisplayNameState(args.displayName);
+    }
+  }, [args.submit]);
 
-const decorator: NonNullable<Preview['decorators']>[number] = (
-  Story,
-  { globals: { [GLOBAL_NAME]: val, theme } },
-) => {
-  const user = val || FALLBACK_USER;
-  const [userId, displayName] = user.split(',');
+  const displayName = displayNameState || userId;
 
   const handleConnectionStatusChange = useCallback((...args) => {
     console.log(`[UiKitProvider.handleConnectionStatusChange]`, ...args);
@@ -46,8 +40,8 @@ const decorator: NonNullable<Preview['decorators']>[number] = (
 
   return (
     <UiKitProvider
-      apiKey={import.meta.env.STORYBOOK_API_KEY}
-      apiRegion={import.meta.env.STORYBOOK_API_REGION}
+      apiKey={args.apiKey || import.meta.env.STORYBOOK_API_KEY}
+      apiRegion={args.apiRegion || import.meta.env.STORYBOOK_API_REGION}
       key={userId}
       userId={userId}
       displayName={displayName || userId}
@@ -60,4 +54,4 @@ const decorator: NonNullable<Preview['decorators']>[number] = (
   );
 };
 
-export default { global, decorator };
+export default { decorator };

.storybook/decorators/UiKitV4Decorator.tsx

@@ -3,35 +3,30 @@ import { AmityUIKitProvider } from '../../src/v4/core/providers';
 import { Preview } from '@storybook/react';
 import amityConfig from '../../amity-uikit.config.json';
 import { Config } from '../../src/v4/core/providers/CustomizationProvider';
+import { useState } from 'react';
+import { useEffect } from 'react';
 
-const users = import.meta.env.STORYBOOK_USERS.split(',');
+const FALLBACK_USER = 'Web-Test';
 
-const GLOBAL_NAME = 'user';
-const global = {
-  [GLOBAL_NAME]: {
-    name: 'User selector',
-    description: 'User switcher for SDK',
-    defaultValue: 'Web-Test',
-    toolbar: {
-      icon: 'user',
-      items: [
-        { value: 'Web-Test,Web-test', title: 'Web-Test' },
-        ...users.map((user) => {
-          return { value: `${user},${user}`, title: user };
-        }),
-      ],
-    },
-  },
-};
+const decorator: NonNullable<Preview['decorators']>[number] = (Story, context) => {
+  const { args } = context;
+
+  const [userId, setUserId] = useState<string>(args.userId || FALLBACK_USER);
+  const [displayNameState, setDisplayNameState] = useState<string | undefined>(
+    args.displayName || args.userId || userId,
+  );
 
-const FALLBACK_USER = 'Web-Test,Web-Test';
+  useEffect(() => {
+    if (!args.submit) return;
+    if (args.userId) {
+      setUserId(args.userId);
+    }
+    if (args.displayName) {
+      setDisplayNameState(args.displayName);
+    }
+  }, [args.submit]);
 
-const decorator: NonNullable<Preview['decorators']>[number] = (
-  Story,
-  { globals: { [GLOBAL_NAME]: val, theme } },
-) => {
-  const user = val || FALLBACK_USER;
-  const [userId, displayName] = user.split(',');
+  const displayName = displayNameState || userId;
 
   const handleConnectionStatusChange = useCallback((...args) => {
     console.log(`[UiKitProvider.handleConnectionStatusChange]`, ...args);
@@ -47,8 +42,8 @@ const decorator: NonNullable<Preview['decorators']>[number] = (
 
   return (
     <AmityUIKitProvider
-      apiKey={import.meta.env.STORYBOOK_API_KEY}
-      apiRegion={import.meta.env.STORYBOOK_API_REGION}
+      apiKey={args.apiKey || import.meta.env.STORYBOOK_API_KEY}
+      apiRegion={args.apiRegion || import.meta.env.STORYBOOK_API_REGION}
       key={userId}
       userId={userId}
       displayName={displayName || userId}

.storybook/preview.ts

@@ -2,6 +2,20 @@ import { Preview } from '@storybook/react';
 import { FluidControl, UiKitDecorator, UiKitV4Decorator } from './decorators';
 
 const preview: Preview = {
+  args: {
+    apiKey: undefined,
+    apiRegion: undefined,
+    userId: undefined,
+    displayName: undefined,
+    submit: false,
+  },
+  argTypes: {
+    apiKey: { control: { type: 'text' } },
+    apiRegion: { control: { type: 'text' } },
+    userId: { control: { type: 'text' } },
+    displayName: { control: { type: 'text' } },
+    submit: { control: { type: 'boolean' } },
+  },
   decorators: [
     FluidControl.decorator,
     (Story, ctx) => {
@@ -29,8 +43,6 @@ const preview: Preview = {
   },
   globalTypes: {
     ...FluidControl.global,
-    ...UiKitDecorator.global,
-    ...UiKitV4Decorator.global,
   },
 };
 

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.
 
+## 4.0.0-beta.12 (2024-09-02)
+
 ## 4.0.0-beta.11 (2024-08-16)
 
 ## 4.0.0-beta.10 (2024-07-24)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/ui-kit-open-source",
-  "version": "4.0.0-beta.11",
+  "version": "4.0.0-beta.12",
   "engines": {
     "node": ">=20",
     "pnpm": "9"
@@ -39,12 +39,12 @@
     "tsc": "tsc"
   },
   "peerDependencies": {
-    "@amityco/ts-sdk": "^6.27.0",
+    "@amityco/ts-sdk": "^6.30.0",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },
   "devDependencies": {
-    "@amityco/ts-sdk": "^6.27.0",
+    "@amityco/ts-sdk": "^6.30.0",
     "@eslint/js": "^9.4.0",
     "@storybook/addon-a11y": "^7.6.7",
     "@storybook/addon-actions": "^7.6.7",
@@ -159,5 +159,5 @@
     }
   },
   "license": "LGPL-2.1-only",
-  "packageManager": "pnpm@9.5.0"
+  "packageManager": "pnpm@9.9.0"
 }

src/chat/components/Chat/index.tsx

@@ -13,6 +13,8 @@ import ChatHeader from '~/chat/components/ChatHeader';
 
 import { ChannelContainer } from './styles';
 import { useCustomComponent } from '~/core/providers/CustomComponentsProvider';
+import { useChannelPermission } from '~/chat/hooks/useChannelPermission';
+import useChannel from '~/chat/hooks/useChannel';
 
 interface ChatProps {
   channelId: string;
@@ -27,6 +29,9 @@ const Chat = ({ channelId, onChatDetailsClick, shouldShowChatDetails }: ChatProp
     };
   }, [channelId]);
 
+  const { isModerator } = useChannelPermission(channelId);
+  const channel = useChannel(channelId);
+
   const sendMessage = async (text: string) => {
     return MessageRepository.createMessage({
       subChannelId: channelId,
@@ -35,6 +40,13 @@ const Chat = ({ channelId, onChatDetailsClick, shouldShowChatDetails }: ChatProp
     });
   };
 
+  const renderMessageComposeBar = () => {
+    if (channel?.type !== 'broadcast' || (channel?.type === 'broadcast' && isModerator)) {
+      return <MessageComposeBar onSubmit={sendMessage} />;
+    }
+    return null;
+  };
+
   return (
     <ChannelContainer>
       <ChatHeader
@@ -43,7 +55,7 @@ const Chat = ({ channelId, onChatDetailsClick, shouldShowChatDetails }: ChatProp
         onChatDetailsClick={onChatDetailsClick}
       />
       <MessageList channelId={channelId} />
-      <MessageComposeBar onSubmit={sendMessage} />
+      {renderMessageComposeBar()}
     </ChannelContainer>
   );
 };

src/chat/hooks/collections/useChannelMembersCollection.ts

@@ -7,7 +7,7 @@ import useLiveCollection from '~/core/hooks/useLiveCollection';
 export default function useChannelMembersCollection(channelId?: string) {
   const { items, ...rest } = useLiveCollection({
     fetcher: ChannelRepository.Membership.getMembers,
-    params: { channelId: channelId as string },
+    params: { channelId: channelId as string, includeDeleted: false },
     shouldCall: () => !!channelId,
   });
 

src/chat/hooks/useChannelPermission.ts

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import useSDK from '~/core/hooks/useSDK';
+
+export const useChannelPermission = (subChannelId?: Amity.SubChannel['subChannelId']) => {
+  const { client } = useSDK();
+
+  const isModerator = useMemo(() => {
+    if (!subChannelId) return false;
+    const currentUser = client?.hasPermission('MUTE_CHANNEL').currentUser() || false;
+    const currentUserInChannel =
+      client?.hasPermission('MUTE_CHANNEL').channel(subChannelId) || false;
+    return currentUser || currentUserInChannel;
+  }, [subChannelId]);
+
+  return {
+    isModerator,
+  };
+};

src/core/components/Confirm/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useConfirmContext } from '~/core/providers/ConfirmProvider';
+import { ModalContainer } from '../ModalContainer';
 
 import {
   ConfirmModal,
@@ -61,9 +62,14 @@ export const ConfirmComponent = () => {
   const onOk = () => {
     closeConfirm();
     confirmData?.onOk && confirmData.onOk();
+    confirmData?.onSuccess && confirmData?.onSuccess();
   };
 
-  return <Confirm {...confirmData} onCancel={onCancel} onOk={onOk} />;
+  return (
+    <ModalContainer>
+      <Confirm {...confirmData} onCancel={onCancel} onOk={onOk} />
+    </ModalContainer>
+  );
 };
 
 export default Confirm;

src/core/components/Dropdown/styles.tsx

@@ -26,7 +26,7 @@ export const Frame = styled.div<{
   scrollableHeight?: number;
 }>`
   position: absolute;
-  z-index: 2;
+  z-index: 10;
   ${({ position }) => getCssPosition(position)}
   ${({ align }) => align && getCssPosition(align)}
   background: ${({ theme }) => theme.palette.system.background};