Release/v4.0.0 beta.8 (#67)

* chore: ASC-00000 - css module typescript config (#233)

* fix: ASC-21254 - align api signature for draft page (#210)

* fix: can't upload story

* fix: story image renderer

* fix: align comment tray component props

* fix: align story tab component props

* fix: change export name to align signature api

* fix: ddraft page

* fix: align signature api

* fix: fill color

* fix: ASC-21249 - align story tab component props (#203)

* fix: can't upload story

* fix: story image renderer

* fix: align comment tray component props

* fix: align story tab component props

* fix: change export name to align signature api

* fix: ddraft page

* fix: align signature api

* fix: story tab

* fix: ASC-21260 - align comment tray component props (#202)

* fix: can't upload story

* fix: story image renderer

* fix: align comment tray component props

* fix: align story tab component props

* fix: change export name to align signature api

* fix: ddraft page

* fix: align signature api

* fix: story tab

* fix: remove unused

* fix: comment tray

* fix: ASC-21404 - AmityViewStoryPage signature alignment  (#209)

* fix z-index

* fix: signature alignment

* fix: view story page

* feat: add to support 6 users for storybook (#238)

* feat: ASC-00000 - use more env from secrets (#239)

* feat: add to support 6 users for storybook

* fix: add to read env from secrets

* feat: ASC-00000 - add more storybook user (#240)

* feat: add to support 6 users for storybook

* fix: add to read env from secrets

* fix: add use secret on staging

* fix: permission (#244)

* fix: ASC-21393 - refactor customization 4.0  (#211)

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: v4

* fix: conflict

* fix: draft page

* fix: setup

* fix: export

* fix: move mergedNavigationBehavior

* fix: remove unused

* fix: remove unused

* fix: uikit manager

* fix: uncomment

* fix: remove unused

* fix: remove unused

* fix: remove unused

* fix: remove unused files

* fix: remove

* fix: login

* fix: css var

* fix: css var

* fix: condition

* fix: css var

* fix: css var

* fix: hook

* fix: type

* fix: ASC-00000 - V4 fix customization (#248)

* fix: config structure

* fix: add hyperlink config

* fix: add validate

* fix: config and hyperlink

* fix: hyperlink

* fix: css

* fix: border radius

* fix: hyperlink

* fix: hyperlink

* fix: add storybook user

* fix: aspect ratio

* fix: hyperlink config css var

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

* fix: css var module

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

* fix: ASC-21789 - create story on view story page doesn't work (#249)

* fix: video

* fix: uncomment

---------

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

---------

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

* feat(chat): ASC-0000 - Chat V4 big chunk 1 (#214)

* feat: add livechat ui

* feat: add chatButton and desktop view

* fix: bg color

* feat: move story to be under V4 storybook folder

* feat: add customComponent

* fix: change chat icon

* fix: remove unread notification

* fix: remove un-used hook

* fix: remove un-used

* fix: change style to module css

* fix: remove unused

* feat: add prefix`asc` to default css config

* fix: remove chatIcon

* fix: modal not open smoothly at the first time

* fix: remove un-used styling

* feat: update color pallate

* feat: update spacing

* feat: update color and fontSize

* fix: box shadow on header

* feat: re-structure folder to v4

* fix: import global css

* fix: use typograhy module css

* fix: remove unused

* feat: add message list and bubbles

* fix: wrap element

* fix: change file name

* feat: add compose bar

* feat: add home indicator

* feat: add sending a mesage action

* fix: sorting message to be asc

* feat: add badge for moderator

* fix: overflow message

* fix: sortBy segmentAsc

* feat: add message list pagination

* feat(chat): add draft-js as a compose bar

* feat: add loading indicator

* feat(chat): fix submit

* feat(chat): fix compose bar container

* feat: add viewing reply message

* fix: deleted message display

* fix: remove comment

* feat(chat): use default compose bar / remove draft-js

* feat(chat): remove draft

* feat(chat-state): asc-20903 done loading state

* feat(chat-state): asc-20903 restructure

* feat(chat-state): asc-20903 apply infinite scroll

* feat(chat-state): asc-20903 include error from sdk api to local hook

* feat(chat-state): asc-20903 add error state

* feat(chat-state): asc-20903 add error state

* feat(chat-mention): asc-00000 create message with mention

* feat: add popover action

* feat: add hover state for message action

* feat: add flag and mention button

* feat(chat-mention): asc-00000 click to mention

* feat: add more action

* fix: merge

* fix: hide mention and flag

* fix: ASC-20213 - fix message list (#219)

* fix: message list of the same user

* fix: z-index

* feat: confirm modal v3 to support dark mode

* fix: change to use i18n

* fix: TODO text display on Modal content

* fix: merge className

* fix: remove unused

* fix: bring overflow-y back

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

---------

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

* fix(chat): fix pagination issue (#223)

* feat(chat): ASC-21243 - create message with reply message (#218)

* feat(chat): reply placeholder

* feat(chat): create message with reply

* feat: ASC-00000 - dark mode hard code (#225)

* fix: dark theme color palatte

* fix: header color styling

* fix: colors on message bubble

* fix: color on popover

* fix: color on optionIcon

* fix(chat): asc-00000 -  fix loading state css broken (#221)

* fix(chat): asc-00000 loading state css missing

* fix(chat): asc-00000 loading state css missing

* feat(chat): ASC-20222 - connection offline alert (#213)

* feat(chat): asc-20222 - connection state

* feat(chat): asc-20222 - add more connection

* feat(chat): asc-20222 - update PR

* feat(chat): asc-20222 - update PR

* feat: update PR

* fix(chat): ASC-00000 - update mention payload (#224)

* fix(chat): update mention payload

* fix(chat): mention ALL

* fix: sample app to open sheet every selection

* fix: hide heart reaction

* feat: ASC-20213 - fix popover still show (#235)

* fix: popover still show

* fix: bring just ArrowTop code back

* fix: resize messagelist container (#232)

* feat: ASC-20213 - highlight mention message (#236)

* fix: popover still show

* fix: bring just ArrowTop code back

* feat: add hilight for mention message

* fix: truncate long text of replied message

* fix: change getTextWithMention to be a component

* fix: message not show as a new line

* feat: ASC-20213 - fix consequence message list (#237)

* fix: remove consequence message list

* fix: remove unused

* feat(chat): ASC-00000 - api alignment for chat header (#241)

* feat(chat): api alignment chat header

* Update src/v4/chat/components/AmityLiveChatHeader/livechatHeader.stories.tsx

* feat(chat): ASC-00000 - export AmityLiveChatHeader

* fix: ASC-21776 - reply message display on compose bar is over the screen (#242)

* fix: reply display message over the screen

* feat: remove comment

* feat(chat): duplicate useSocialMention => useMention and revert

* feat(chat): update pr

* fix(chat): ASC-00000 - change theme for message composer (#234)

* fix(chat): ASC-00000 - duplicate v4

* fix(chat): ASC-00000 - check message length before submit

* fix(chat): ASC-00000 -update styling

* fix(chat): ASC-00000 - update styling

* fix(chat): prettier remove code by accident

* fix(chat): remove styled component

* fix(chat): asc-21737 - update condition to prevent create duplicate message (#245)

* fix(chat): asc-21791 - fix mention payload (#243)

* feat(chat): update pr

* feat: ASC-20213 - message bubble api alignment (#247)

* fix: message bubble api aligment

* fix: to use action as params for message bubble

* feat: export elements

* fix: remove unused

* fix: change type name

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

* fix: type name

* feat: expose component

* fix: wrong type name

* fix: modify expose component

* fix: storybook's name

---------

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

* fix(chat): ASC-21796 - query chat after connection back to normal + api alignment (#246)

* fix(chat): asc-21796 reload data when connection back to normal

* feat(chat): api alignment for message list

* feat(chat): export

* feat(chat): api align live chat page

* feat(chat): api align for composer

* feat(chat): update pr

* feat(chat): update pr

* feat(chat): remove all v4 component from useCustomComponent

* feat(chat): update pr - remove chat header

* feat(chat): ASC-00000 - compose bar api alignment (#250)

* feat(chat): composebar alignment

* feat(chat): update pr

* fix(chat): revert code (#251)

* feat: ASC-20213 - modal notification v4 (#252)

* fix: add confirm modal v4

* fix: change to use Notification v4

* fix: remove unused

* fix: duplicate icon to v4

* fix: move confirm model component

* fix: revert modal and confirm v3 components

* fix: revert notification v3

* fix: move Icon to v4 and remove unused icon

* fix(chat): revert code

* feat: ASC-20213 -  fix delete message display (#256)

* fix: move component to v4 folder

* fix: delete message

* feat(chat): update pr

* fix(chat): ASC-21734 - Fix UI Bug (#255)

* fix(chat): update mention ui

* fix(chat): update mention ui

* fix(chat): update delete word

* fix(chat): update mention ui

* fix(chat): update mention ui

* Update src/i18n/en.json

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

* feat(chat): update mention logic

* feat(chat): update pr

* feat(chat): revert text

* feat(chat): update mention logic

* fix(chat): popup width

* fix(chat): font-color in light mode

* fix(chat): placeholder

* fix(chat): fix moderator

* feat(chat): fix mention

* feat(chat): fix avatar in reply

* feat(chat): update pr

* feat(chat): use rem

* feat(chat): update pr

---------

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

* fix: ASC-20213 - bug staging (#257)

* fix: bug staging

* fix: revert overflow-x

* feat: ASC-20213 - livechat configuration merge (#253)

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: color palette

* fix: change global.css file

* fix: v4

* fix: conflict

* fix: draft page

* fix: setup

* fix: export

* fix: move mergedNavigationBehavior

* fix: remove unused

* fix: remove unused

* fix: uikit manager

* fix: uncomment

* fix: remove unused

* fix: remove unused

* fix: remove unused

* fix: remove unused files

* fix: remove

* fix: login

* fix: typography and style files

* fix: typography

* fix: message type

* fix: type

* fix: add background to livechat page

* feat: add config for message bubble

* feat: fix cannot load next page

* fix: type

* feat: add placeholder for compose bar configuration

* feat: revert storybook user

* fix: use primary color from theme

* fix: nested component style

* fix: to pass class

* fix: change to be module.css

* fix: remove unused file

* fix: remove unused config

* fix: typography

* fix: default user avatar

* feat: upgrade ts-sdk

* fix: revet theme file

---------

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

* fix(chat): change tag

---------

Co-authored-by: ptchaya_p <ptchaya.p@gmail.com>
Co-authored-by: ptchaya_p <pitchaya@amity.co>
Co-authored-by: Pitchaya T <33589608+ptchayap@users.noreply.github.com>
Co-authored-by: Chaiwat Trisuwan <chaiwattsw@gmail.com>

* feat(chat): ASC-0000 - export compose bar (#258)

* feat: export v4 provider (#259)

* Release/v4.0.0 beta.1 (#262)

* fix: update ts-sdk version

* chore(release): 4.0.0-beta.1

---------

Co-authored-by: Chaiwat Trisuwan <chaiwattsw@gmail.com>
Co-authored-by: bmo-amity-bot <developers@amity.co>

* fix: ASC-00000 - export type (#263)

* fix: export type

* fix: update version

* fix: ASC-00000 - fix provider v4 props (#261)

* fix: provider

* fix: provider

* fix: export

* fix: export

* fix: type

* fix: pnpm lock

* fix: deps

* Release/v4.0.0 beta.2 (#265)

* fix: export wrong path (#264)

* chore(release): 4.0.0-beta.2

---------

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

* feat: ASC-20277 - flag unflag message (#267)

* feat: add report button on message action sheet

* feat: add flag ui on message bubble container

* fix: cannot click report button

* feat: add unFlag button

* fix: unflag button text id

* feat: add flag/unflag toast

* feat: add livechat toast

* fix: icon to support color changing

* fix: message and id for report, unreport

* fix: remove unused

* fix: use color from palette

* fix: ASC-00000 - remove sheet loading state (#271)

* fix: remove sheet in loading state

* fix: remove wrong return

* fix: ASC-21913 - type and optional field on config (#268)

* fix: type and optional field on config

* fix: remove undefined checking

* fix: use config from customization provider

* fix: add error state on delete message (#269)

* fix: ASC-21767 - mention border when got mention (#272)

* fix: mention border when got mention

* fix: remove console.log

* feat: ASC-21691 - add hyperlink style to primary color (#270)

* feat: add hyperlink style to primary color

* fix: remove className because Linktify does not support

* fix: remove nested selector and open to new tab

* fix(social): asc-00000 use internal path (#266)

* feat: ASC-17980 - global feed story targets tab and story target circle (#254)

* feat: add generateShadeColors func

* feat: add AmityUIKitManager

* chore: add tsdoc to AmityUIKitManager

* fix: merge from develop

* fix: AmityUIKit manager

* fix: remove unused

* fix: revert uikit 3

* fix: remove unused

* fix: export

* fix: move to main v4

* fix: move to v4

* fix: export path

* Refactor theme generation logic in
ThemeProvider.tsx

* fix: theme color generation

* fix: theme provider

* fix: remove unused

* feat: add Typography component with css

* fix: css

* fix: add queryClient provider

* fix: import

* fix: import

* fix: v4

* fix: conflict

* fix: draft page

* feat: global feed story tab

* fix: empty state

* fix: css module

* fix: official badge

* fix: css

* fix: css

* fix: css

* fix: update from comments

* fix: story tab item

* feat: feed v4

* fix: private condition

* fix: story

* fix: css

* fix: remove unused

* fix: story

* fix: remove unused

* fix: ignore type

* fix: progress ring

* fix: use clsx

* fix: remove ts-ignore

* fix: remove unused

* feat(chat): ASC-00000 - Muted + Banned channel (#276)

* feat(chat): isMuted done

* feat(chat): asc-00000 remove comment

* feat(chat): banned user

* feat(chat): update PR

* feat(chat): update PR

* feat(chat): ASC-00000 - fix composebar styling + limit 200 character (#275)

* fix(social): asc-00000 use  from v4 folder

* fix(chat): asc-00000 fix mention styling in composebar

* fix: update styling

* fix: compose bar styling

* feat: limit text

* feat: revert file

* feat: revert file

* feat: remove deprecated func

* fix: ASC-21913 - config type (#278)

* fix: type and optional field on config

* fix: remove undefined checking

* fix: use config from customization provider

* fix: use defaultConfig

* fix: add blocked word + not allowed link (#280)

* fix: icon (#281)

* fix: using v3 and v4 provider separately for each stories (#284)

* fix: ASC-00000 - confirm context (#285)

* fix: confirm context

* chore: Update src/social/components/Comment/index.tsx

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

* chore: remove unused code

---------

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

* fix: ASC-00000 - notification context (#286)

* fix: NotificationProvider

* fix: add NotificationProvider into UiKitProvider

* chore: move LiveChatNotificationProvider to chat

* fix: ASC-00000 - add login step on UiKitProvider (#287)

* fix: login

* fix: Update src/core/providers/UiKitProvider/index.tsx

* fix: message remain on compose bar after sending success (#289)

* fix: user muted state (#293)

* fix: ASC-22026 - moderator cannot send message on muted channel (#294)

* fix: user muted state

* fix: moderator cannot send message on muted channel

* fix: ASC-219999 - incorrect comment count color (#283)

* fix: font

* fix: story tab gap

* fix: modal

* fix: ASC-21979 - can't click header on video preview (#282)

* fix: use css var

* fix: move v4 story

* fix: move folder

* fix: remove index path

* fix: styled to css module

* fix: use v4 (#295)

* fix: ASC-20502 - shouldAllowCreation condition (#296)

* fix: shouldAllowCreation

* fix: type

* fix: ASC-20883 - remove latestComments prop (#290)

* fix: pass latestComments to CommentList component

* fix: remove latestComments prop

* fix: add v3 provider (#298)

* fix: ASC-21980 - hyper link background color (#299)

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* feat: ASC-21665 - darkmode config (#279)

* fix: type and optional field on config

* fix: remove undefined checking

* fix: use config from customization provider

* feat: handle switch light/dark mode

* feat: add configuration live chat page

* feat: add config on livechat header

* feat: add theme configuration message list

* feat: add configuration theme on message composer

* fix: modal styling

* feat: add configuration for livechat notification

* fix: copy message to use livechat notification

* fix: pr review

* fix: pr

* fix: user preferred theme

* fix: ASC-21980 - fix remove link button style (#300)

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: character limit (#302)

* fix: change permission to check if user is a moderator (#304)

* fix: ASC-22060 - remove onBack() on draft page (#303)

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: hyperlink style

* fix: style

* fix: story tab item font color

* fix: css var

* fix: remove onBack()

* fix: css

* fix: remove unused

* fix: remove unused line

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

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: hyperlink style

* fix: style

* fix: story tab item font color

* fix: css var

* fix: css

* fix: remove unused

* fix: remove line

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

* fix: use v4

* fix: hyperlink position and bg color

* fix: remove styled component

* fix: button

* fix: hyperlink style

* fix: style

* fix: story tab item font color

* fix: css var

* fix: remove onBack()

* fix: story global feed pagination

* fix: add comment

* fix: remove new line

* fix: remove console.log

* fix: logic

* fix: story style

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

* fix: remove console.log

---------

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

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

* 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 <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 e9c82ec.

# 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 e9c82ec.

# 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>

* chore(release): 4.0.0-beta.8

---------

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: bmo-amity-bot <developers@amity.co>
Co-authored-by: ChayanitBm <chayanit@amity.co>

.browserslistrc

@@ -0,0 +1 @@
+>0.3%, defaults

.github/workflows/dev.yaml

@@ -26,22 +26,24 @@ jobs:
 
     steps:
       - name: git checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: install node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .tool-versions
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
         id: pnpm-cache
         run: |
           echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.github/workflows/production.yaml

@@ -33,24 +33,24 @@ jobs:
 
     steps:
       - name: git checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: configure committer
         run: |
           git config user.name "bmo-amity-bot"
           git config user.email "developers@amity.co"
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
         id: pnpm-cache
         run: |
           echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.github/workflows/staging.yaml

@@ -25,17 +25,24 @@ jobs:
 
     steps:
       - name: git checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: install node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .tool-versions
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8
-          run_install: true
+          version: 9
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.github/workflows/testing.yaml

@@ -10,22 +10,24 @@ jobs:
 
     steps:
       - name: git checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: install node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .tool-versions
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
         id: pnpm-cache
         run: |
-          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+          echo "pnpm_cache_dir=$(pnpm store path | tr -d '\n')" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.npmrc

@@ -1 +0,0 @@
-//registry.npmjs.org/:_authToken=${NPM_TOKEN}

.prettierignore

@@ -0,0 +1,3 @@
+dist
+
+pnpm-lock.yaml

.storybook/manager.ts

@@ -3,4 +3,4 @@ import theme from './theme';
 
 addons.setConfig({
   theme,
-});
+});

.stylelintignore

@@ -0,0 +1,3 @@
+**/*/*.css
+
+!src/v4/**/*.css

.stylelintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": ["stylelint-config-standard", "stylelint-no-unsupported-browser-features"],
+  "rules": {
+    "selector-class-pattern": null
+  }
+}

.tool-versions

@@ -0,0 +1 @@
+nodejs 20.14.0

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.8 (2024-06-24)
+
 ## 4.0.0-beta.7 (2024-06-18)
 
 ## 4.0.0-beta.6 (2024-06-07)

amity-uikit.config.json

@@ -178,15 +178,15 @@
       "theme": {
         "light": {
           "primary_color": "#1054DE",
-          "secondary_color": "#292B32",
-          "base_color": "#292b32",
-          "base_shade1_color": "#636878",
-          "base_shade2_color": "#898e9e",
-          "base_shade3_color": "#a5a9b5",
-          "base_shade4_color": "#ebecef",
+          "secondary_color": "#ebecef",
+          "base_color": "#ebecef",
+          "base_shade1_color": "#a5a9b5",
+          "base_shade2_color": "#6e7487",
+          "base_shade3_color": "#40434e",
+          "base_shade4_color": "#292b32",
           "alert_color": "#FA4D30",
-          "background_color": "#FFFFFF",
-          "base_inverse_color": "#000000"
+          "background_color": "#191919",
+          "base_inverse_color": "#FFFFFF"
         },
         "dark": {
           "primary_color": "#1054DE",
@@ -208,7 +208,7 @@
       "message_limit": 200,
       "placeholder_text": "Write a message"
     },
-    "live_chat_page/message_list/message_quick_reaction": {
+    "live_chat/message_list/message_quick_reaction": {
       "reaction": "heart"
     }
   }

code-of-conduct.md

@@ -1,3 +1,3 @@
 # Code of conduct
 
-Please refer to the [Amity code of conduct](https://docs.amity.co/support/code-of-conduct)
+Please refer to the [Amity code of conduct](https://docs.amity.co/support/code-of-conduct)

package.json

@@ -1,9 +1,9 @@
 {
   "name": "@amityco/ui-kit-open-source",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0-beta.8",
   "engines": {
-    "node": ">=16",
-    "pnpm": ">=8"
+    "node": ">=20",
+    "pnpm": "9"
   },
   "module": "dist/esm/index.js",
   "main": "dist/index.js",
@@ -33,17 +33,18 @@
     "test:watch": "jest --watch",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --output-dir ./storybook-build",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
+    "lint": "eslint . && stylelint \"**/*.css\"",
+    "stylelint": "stylelint",
+    "lint:fix": "eslint . --fix && stylelint \"**/*.css\" --fix",
     "tsc": "tsc"
   },
   "peerDependencies": {
-    "@amityco/ts-sdk": "^6.26.3",
+    "@amityco/ts-sdk": "^6.27.0",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },
   "devDependencies": {
-    "@amityco/ts-sdk": "^6.25.1",
+    "@amityco/ts-sdk": "^6.27.0",
     "@storybook/addon-a11y": "^7.6.7",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-backgrounds": "^7.6.7",
@@ -69,7 +70,8 @@
     "@typescript-eslint/eslint-plugin": "^6.18.0",
     "@typescript-eslint/parser": "^6.18.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.19",
+    "browserslist": "^4.23.0",
     "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -79,14 +81,17 @@
     "husky": "^8.0.3",
     "jest": "^29.7.0",
     "lint-staged": "^13.3.0",
-    "postcss": "^8.4.33",
+    "postcss": "^8.4.38",
     "prettier": "2.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.1",
     "standard-version": "^9.5.0",
     "storybook": "^7.6.7",
     "styled-components": "^6.1.6",
+    "stylelint": "^16.6.1",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-no-unsupported-browser-features": "^8.0.1",
     "svg-url-loader": "^7.1.1",
     "ts-jest": "^29.1.1",
     "tsup": "^7.3.0",
@@ -101,8 +106,10 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.3.4",
+    "@radix-ui/react-tabs": "^1.0.4",
     "@tanstack/react-query": "^5.28.14",
     "clsx": "^2.1.0",
+    "dayjs": "^1.11.11",
     "extract-colors": "^4.0.2",
     "filesize": "^9.0.11",
     "framer-motion": "^11.1.7",
@@ -111,7 +118,10 @@
     "linkifyjs": "^4.1.3",
     "lodash": "^4.17.21",
     "millify": "^6.1.0",
+    "modern-normalize": "^2.0.0",
     "polished": "^4.3.1",
+    "react-aria": "^3.33.1",
+    "react-aria-components": "^1.2.1",
     "react-hook-form": "^7.49.2",
     "react-infinite-scroll-component": "^6.1.0",
     "react-insta-stories": "^2.6.2",
@@ -127,11 +137,13 @@
     "react-use": "^17.4.2",
     "stylis": "^4.3.1",
     "uuid": "^8.3.2",
+    "vaul": "^0.9.1",
     "zod": "^3.22.4"
   },
   "lint-staged": {
-    "*.{js,jsx}": "eslint --cache --fix",
-    "*.{json,md}": "prettier --write"
+    "*.{js,jsx,ts,tsx}": "eslint --cache --fix",
+    "*.{json,md,css}": "prettier --write",
+    "*.{css}": "stylelint --fix"
   },
   "postcss": {
     "plugins": {