Skip to content

Commit

Permalink
Release/v4.0.0 beta.13 (#82)
Browse files Browse the repository at this point in the history
* 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 <developers@amity.co>

* 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 <developers@amity.co>

* 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 <frankent@gmail.com>

* 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 <frankent@gmail.com>

* 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 <pitchaya@amity.co>
Co-authored-by: Pitchaya T <33589608+ptchayap@users.noreply.github.com>

---------

Co-authored-by: Kiattirat S <frankent@gmail.com>

* 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. <33589608+ptchayap@users.noreply.github.com>

---------

Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com>

* 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 <chaiwattsw@gmail.com>

* 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 <chaiwattsw@gmail.com>

* 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 <developers@amity.co>

* 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 <developers@amity.co>

* 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 <pittawat@amity.co>

* 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 <pitchaya@amity.co>

* 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 <pittawat@amity.co>

* fix: error ci

---------

Co-authored-by: Bonn <pittawat@amity.co>

* 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. <33589608+ptchayap@users.noreply.github.com>

* chore: apply suggestions from code review

Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com>

---------

Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com>

* 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 <pittawat@amity.co>

* 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 <pittawat@amity.co>

* fix: build fail

* fix: handle navigation cross version

* fix: remove console

* fix: combine story

---------

Co-authored-by: Bonn <pittawat@amity.co>

* 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 <developers@amity.co>

* 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 <pittawat@amity.co>

* 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 <pittawat@amity.co>

* fix: error text

---------

Co-authored-by: Bonn <pittawat@amity.co>

* 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 <developers@amity.co>
Co-authored-by: Bonn <pittawat@amity.co>

* 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 <developers@amity.co>

* 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 <chaiwattsw@gmail.com>

* 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 <pittawat@amity.co>

---------

Co-authored-by: Bonn <pittawat@amity.co>

* 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 <pittawat@amity.co>

* fix: type any

---------

Co-authored-by: Bonn <pittawat@amity.co>

* 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 <chayanit@amity.co>
Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com>

* feat: ASC-23849 - announcement post (#610)

* fix: merge from develop

* fix: remove unused

* fix: community profile component

* fix: community tab control state

* fix: community profile style

* fix: verify badge

* fix: community description max lines

* fix: community categories

* fix: comunity cover to use bem convention

* fix: community cover add max-height

* fix: export page and components

* fix: update navigation and page behavior

* fix: add community info

* feat: community feed post skeleton

* fix: remove unused

* fix: community tab active color state

* fix: pin

* fix: css

* Revert "fix: css"

This reverts commit d10c48f94a79d0ab4dcd876a35553457ad6abbc3.

* fix: css

* style: z index

* fix: cover icon color

* feat: empty pinpost

* feat: lock private content

* fix: redirect edit post

* style: pass fill default icon as props

* style: remove props

* fix: skeleton feed

* refactor: icons and conditions

* fix: locate files

* fix: duplicated code

* feat: featured tag

* feat: announcement icon

* feat: integrate annouce post with mock data

* feat: add SDK getPinnedPosts

* feat: integrate announcement post

* chore: install stg SDK

* feat: show tag category in post detail

* refactor: remove mock data

* refactor: PR comment

* refactor: remove class not used

* fix: duplicate css

* fix: error unknow type

---------

Co-authored-by: Chaiwat Trisuwan <chaiwattsw@gmail.com>

* 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 <pittawat@amity.co>
Co-authored-by: Chayanit Manop <chayanit@amity.co>

* 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 <pittawat@amity.co>
Co-authored-by: Chayanit Manop <chayanit@amity.co>

* 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 <chayanit@amity.co>
Co-authored-by: Pitchaya T. <33589608+ptchayap@users.noreply.github.com>
Co-authored-by: ptchaya_p <pitchaya@amity.co>

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

Co-authored-by: bmo-amity-bot <developers@amity.co>

* feat: ASC-24795 - pinned post (#621)

* fix: comments demo

* refactor: typo

* feat: pinned post

* chore: update package

* feat: pinned post filter

* refactor: remove limit pinned post

* fix: props fill

* fix: fix PostTextField (#643)

* fix: prevent pr to be merged if it is labeled with do not merge (#644)

* fix: skeleton style (#646)

* fix: community feed render post (#651)

* feat: ASC-25653 - add accessibilityId (#650)

* feat: add accessibility id

* feat: add accessibilityId

* fix: ASC-25689 - add condition to show moderator badge (#652)

* fix: add condition to show moderator badge

* fix: hooks moderator

* chore(release): 4.0.0-beta.13

---------

Co-authored-by: Pitchaya T <33589608+ptchayap@users.noreply.github.com>
Co-authored-by: bmo-amity-bot <developers@amity.co>
Co-authored-by: Bonn <pittawat@amity.co>
Co-authored-by: Chaiwat Trisuwan <chaiwattsw@gmail.com>
Co-authored-by: Kiattirat Sujjapongse <frankent@gmail.com>
Co-authored-by: ptchaya_p <pitchaya@amity.co>
  • Loading branch information
7 people authored Sep 19, 2024
1 parent 0e8ce98 commit 5cb1827
Show file tree
Hide file tree
Showing 42 changed files with 574 additions and 230 deletions.
8 changes: 7 additions & 1 deletion .github/workflows/check_do_not_merge.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,16 @@ on:

jobs:
ok-to-merge:
if: contains(github.event.pull_request.labels.*.name, 'DO NOT MERGE') == false
runs-on: ubuntu-latest
steps:
- name: This PR is labeled with do not merge
if: contains(github.event.pull_request.labels.*.name, 'DO NOT MERGE') == true
run: |
echo "This PR cannot be merged"
exit 1
- name: This PR is not labeled with do not merge
if: contains(github.event.pull_request.labels.*.name, 'DO NOT MERGE') == false
run: |
echo "This PR can be merged"
exit 0
2 changes: 2 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.13 (2024-09-19)

## 4.0.0-beta.12 (2024-09-02)

## 4.0.0-beta.11 (2024-08-16)
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@amityco/ui-kit-open-source",
"version": "4.0.0-beta.12",
"version": "4.0.0-beta.13",
"engines": {
"node": ">=20",
"pnpm": "9"
Expand Down
9 changes: 5 additions & 4 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

131 changes: 8 additions & 123 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,135 +2,20 @@

## Prerequisites

Before getting started, ensure that you have the following prerequisites installed on your system:
Before starting to work, please read the following instructions.
https://ekoapp.atlassian.net/wiki/spaces/UP/pages/2443706407/ASC+Web+UIKit+V4+Governance

If you have any questions, please ask / discuss with the team.

### Installation

- [Node.js](https://nodejs.org/) LTS version (currently version 20)
- [pnpm](https://pnpm.io/) version 8

## How to install PNPM (Optional)

```
corepack enable pnpm
```

Ref: https://pnpm.io/installation#using-corepack

## Running Storybook (Optional)

To run Storybook and view the UI components in isolation, follow these steps:

1. Clone the Amity UI-Kit repository:

```
git clone https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource.git
```

2. Navigate to the cloned repository's directory:

```
cd Amity-Social-Cloud-UIKit-Web-OpenSource
```

3. Install the dependencies using pnpm:

```
pnpm install
```

4. Create a `.env` file at the root of the project with the following content:

```
STORYBOOK_API_REGION=<API_REGION>
STORYBOOK_API_KEY=<API_KEY>
```

Replace `<API_REGION>` and `<API_KEY>` with your actual credentials.

5. Run Storybook:

```
pnpm run storybook
```

6. Open your browser and navigate to `http://localhost:6006` to view the Storybook interface.

## Installation

To install the Amity UI-Kit together with another project, follow these steps:

1. Clone the repository using the following command:

```
git clone https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource.git
```

2. Navigate to the cloned repository's directory:

```
cd ./Amity-Social-Cloud-UIKit-Web-OpenSource
```

3. Install the dependencies using pnpm:

```
pnpm install
```

4. Build the project:

```
pnpm run build
```

5. Pack the project

```
pnpm pack
```

6. Navigate to your application's directory:

```
cd <path-to-your-app>
```

7. Install the Amity UI-Kit to your application using one of the following package managers:
- NPM:
```
npm i file:<path-to-amity-ui-kit-repository>/<path-to-tgz-file> --save
```
- Yarn (Classic):
```
yarn add file:<path-to-amity-ui-kit-repository>/<path-to-tgz-file>
```
- PNPM:
```
pnpm i file:<path-to-amity-ui-kit-repository>/<path-to-tgz-file>
```

## Documentation

For detailed information and guidance on using the Amity UI-Kit, please refer to our comprehensive online documentation available at [https://docs.amity.co](https://docs.amity.co).

If you require further assistance or have any questions, please don't hesitate to contact our dedicated UI-Kit support team at **developers@amity.co**. We are here to help you make the most of the Amity UI-Kit.
Please refer to our online documentation at https://docs.amity.co or contact a Ui-Kit representative at \* \*developers@amity.co** for support.

## Contributing

We welcome contributions from the community to help improve and enhance the Amity UI-Kit. If you are interested in contributing to this project, please review our [contributing guide](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource/blob/develop/contributing.md) for guidelines and best practices.

Thank you for choosing the Amity UI-Kit for your web development needs!

### FAQ

Q: I tried to run `pnpm build` and it throws a types error.
A: Try to structure your project to be like this:

```
- your_app
- src
- Amity-Social-Cloud-UIKit-Web-OpenSource
- src
```

Q: The modifications I made to the code do not appear to be applied.
A: Please attempt to execute `npm cache clean` or `npm cache clean --force` to resolve this issue.
See [our contributing guide](https://github.com/EkoCommunications/AmityUiKitWeb/blob/develop/CONTRIBUTING.md)
49 changes: 48 additions & 1 deletion src/core/providers/UiKitProvider/styles.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,52 @@ export const UIStyles = styled.div`
}
}
${skeletonCss}
.react-loading-skeleton {
--base-color: #ebebeb;
--highlight-color: #f5f5f5;
--animation-duration: 1.5s;
--animation-direction: normal;
--pseudo-element-display: block; /* Enable animation */
background-color: var(--base-color);
width: 100%;
border-radius: 0.25rem;
display: inline-flex;
line-height: 1;
position: relative;
user-select: none;
overflow: hidden;
}
.react-loading-skeleton::after {
content: ' ';
display: var(--pseudo-element-display);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-repeat: no-repeat;
background-image: linear-gradient(
90deg,
var(--base-color),
var(--highlight-color),
var(--base-color)
);
transform: translateX(-100%);
animation-name: react-loading-skeleton;
animation-direction: var(--animation-direction);
animation-duration: var(--animation-duration);
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion) {
.react-loading-skeleton {
--pseudo-element-display: none; /* Disable animation */
}
}
`;
5 changes: 5 additions & 0 deletions src/global.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,11 @@ interface ImportMeta {
readonly env: ImportMetaEnv;
}

declare module '*skeleton.css' {
const classes: string;
export default classes;
}

declare module '*.css?inline' {
const classes: string;
export default classes;
Expand Down
2 changes: 1 addition & 1 deletion src/v4/icons/PinBadge.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const PinBadgeIcon = (props: React.SVGProps<SVGSVGElement>) => {
{...props}
>
<path
fill="currentColor"
fill={props.fill}
d="M18.106 16.436c.575 1.547.53 3.27-.596 4.398a.74.74 0 01-1.06 0l-3.006-3.005-2.32 2.32c-.022.022-.067.022-.089.044l-1.59.53c-.2.067-.398-.132-.332-.331l.53-1.591.066-.066 2.32-2.32-3.005-3.006a.722.722 0 010-1.06c1.105-1.105 2.829-1.194 4.376-.62l2.917-2.342-.929-.928a.722.722 0 010-1.06l1.061-1.06a.74.74 0 011.06 0l6.011 6.01a.76.76 0 010 1.06l-1.06 1.06a.74.74 0 01-1.061 0l-.95-.95-2.343 2.917z"
></path>
</svg>
Expand Down
26 changes: 17 additions & 9 deletions src/v4/social/components/Comment/Comment.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import React, { useCallback, useState } from 'react';
import { Typography, BottomSheet } from '~/v4/core/components';
import { ModeratorBadge } from '~/v4/social/elements/ModeratorBadge';
import { Timestamp } from '~/v4/social/elements/Timestamp';
Expand All @@ -21,6 +21,7 @@ import { CreateCommentParams } from '~/v4/social/components/CommentComposer/Comm
import useCommentSubscription from '~/v4/core/hooks/subscriptions/useCommentSubscription';
import { TextWithMention } from '~/v4/social/internal-components/TextWithMention/TextWithMention';
import millify from 'millify';
import useCommunityPostPermission from '~/v4/social/hooks/useCommunityPostPermission';

const EllipsisH = ({ ...props }: React.SVGProps<SVGSVGElement>) => (
<svg
Expand Down Expand Up @@ -69,7 +70,7 @@ interface CommentProps {
pageId?: string;
componentId?: string;
comment: Amity.Comment;
community?: Amity.Community;
community?: Amity.Community | null;
onClickReply: (comment: Amity.Comment) => void;
shouldAllowInteraction?: boolean;
}
Expand All @@ -82,11 +83,10 @@ export const Comment = ({
onClickReply,
shouldAllowInteraction = true,
}: CommentProps) => {
const { accessibilityId, config, defaultConfig, isExcluded, uiReference, themeStyles } =
useAmityComponent({
pageId,
componentId,
});
const { accessibilityId, isExcluded, themeStyles } = useAmityComponent({
pageId,
componentId,
});

const { confirm } = useConfirmContext();

Expand All @@ -97,6 +97,11 @@ export const Comment = ({

const [isShowMore, setIsShowMore] = useState(false);

const { isModerator: isModeratorUser } = useCommunityPostPermission({
community,
userId: comment.creator?.userId,
});

const toggleBottomSheet = () => setBottomSheetOpen((prev) => !prev);

const isLiked = (comment.myReactions || []).some((reaction) => reaction === 'like');
Expand Down Expand Up @@ -211,7 +216,7 @@ export const Comment = ({
{comment.creator?.displayName}
</Typography.BodyBold>

<ModeratorBadge pageId={pageId} componentId={componentId} />
{isModeratorUser && <ModeratorBadge pageId={pageId} componentId={componentId} />}

<TextWithMention
data={{ text: (comment.data as Amity.ContentDataText).text }}
Expand Down Expand Up @@ -239,7 +244,10 @@ export const Comment = ({
{isLiked ? 'Liked' : 'Like'}
</Typography.CaptionBold>
</div>
<div onClick={() => onClickReply(comment)}>
<div
data-qa-anchor={`${pageId}/${componentId}/reply_button`}
onClick={() => onClickReply(comment)}
>
<Typography.CaptionBold className={styles.postComment__secondRow__reply}>
Reply
</Typography.CaptionBold>
Expand Down
Loading

0 comments on commit 5cb1827

Please sign in to comment.