From cb0ce2939730b508c3a7cf7be036fdba159c4705 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 7 Aug 2024 11:54:41 -0500 Subject: [PATCH 1/7] fix(ai-chat-log): correct ai color and examples naming --- .../ai-chat-log/src/AIChatMessageAuthor.tsx | 1 + .../component-examples/AIChatLogExamples.ts | 18 +++++++++--------- .../src/pages/components/ai-chat-log/api.mdx | 2 +- .../src/pages/components/ai-chat-log/index.mdx | 6 +++--- 4 files changed, 14 insertions(+), 13 deletions(-) diff --git a/packages/paste-core/components/ai-chat-log/src/AIChatMessageAuthor.tsx b/packages/paste-core/components/ai-chat-log/src/AIChatMessageAuthor.tsx index 6b3f229d70..b9ef3f803e 100644 --- a/packages/paste-core/components/ai-chat-log/src/AIChatMessageAuthor.tsx +++ b/packages/paste-core/components/ai-chat-log/src/AIChatMessageAuthor.tsx @@ -73,6 +73,7 @@ export const AIChatMessageAuthor = React.forwardRef diff --git a/packages/paste-website/src/component-examples/AIChatLogExamples.ts b/packages/paste-website/src/component-examples/AIChatLogExamples.ts index fc679bd134..5c77fae426 100644 --- a/packages/paste-website/src/component-examples/AIChatLogExamples.ts +++ b/packages/paste-website/src/component-examples/AIChatLogExamples.ts @@ -20,7 +20,7 @@ const BasicMessage = () => { return ( - Gibby Radki + You I would like some information on twilio error codes for undelivered messages @@ -139,7 +139,7 @@ const AIChatLogExample = () => { return ( - Gibby Radki + You Hi, I'm getting errors codes when sending an SMS. @@ -179,8 +179,8 @@ const AIChatLogExample = () => { - - Gibby Radki + + You No, how do I verify it? @@ -212,7 +212,7 @@ const aiChatFactory = ([ message, variant, metaLabel, meta ]) => { variant, content: ( - {meta} + {meta} {message} @@ -222,9 +222,9 @@ const aiChatFactory = ([ message, variant, metaLabel, meta ]) => { }; const chatTemplates = [ - ["Hello", "user", "You said at ", "Gibby Radki"], + ["Hello", "user", "You said at ", "You"], ["Hi there", "bot", "AI said at ", "Good Bot"], - ["Greetings", "user", "You said at ", "Gibby Radki"], + ["Greetings", "user", "You said at ", "You"], ["Good to meet you", "bot", "AI said at ", "Good Bot"] ]; @@ -296,10 +296,10 @@ const AvatarExample = () => { return ( - Gibby Radki + You - Gibby Radki + You ); diff --git a/packages/paste-website/src/pages/components/ai-chat-log/api.mdx b/packages/paste-website/src/pages/components/ai-chat-log/api.mdx index 7b193b8f71..5045614559 100644 --- a/packages/paste-website/src/pages/components/ai-chat-log/api.mdx +++ b/packages/paste-website/src/pages/components/ai-chat-log/api.mdx @@ -61,7 +61,7 @@ export const Basic = () => { return ( - Gibby Radki + You Hi, I'm getting errors codes when sending an SMS. diff --git a/packages/paste-website/src/pages/components/ai-chat-log/index.mdx b/packages/paste-website/src/pages/components/ai-chat-log/index.mdx index deb44de867..826f6e6977 100644 --- a/packages/paste-website/src/pages/components/ai-chat-log/index.mdx +++ b/packages/paste-website/src/pages/components/ai-chat-log/index.mdx @@ -82,7 +82,7 @@ export const getStaticProps = async () => { > {` - Gibby Radki + You What does the SMS delivery error code 30003 mean? @@ -171,13 +171,13 @@ The `AIChatMessageBody` component has two sizes, `size="default"` and `size="ful > {` - Gibby Radki + You I'm a message that should be displayed in compact elements - Gibby Radki + You I'm a message that will be displayed in full screen width From a42139380cc0d4329d7ea8d2dfb6db916d6ed625 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 7 Aug 2024 12:49:55 -0500 Subject: [PATCH 2/7] fix(popover): popover reset variant types correct --- packages/paste-core/components/popover/src/types.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/popover/src/types.ts b/packages/paste-core/components/popover/src/types.ts index 417b5b5ff1..4947a98b92 100644 --- a/packages/paste-core/components/popover/src/types.ts +++ b/packages/paste-core/components/popover/src/types.ts @@ -13,7 +13,7 @@ type PopoverButtonBaseProps = { }; export type PopoverButtonProps = PopoverButtonBaseProps & - Omit & { + ButtonProps & { /** * Overrides the default element name to apply unique styles with the Customization Provider * @@ -24,7 +24,7 @@ export type PopoverButtonProps = PopoverButtonBaseProps & element?: BoxProps["element"]; }; export type PopoverBadgeButtonProps = PopoverButtonBaseProps & - Omit & { + ButtonBadgeProps & { /** * Overrides the default element name to apply unique styles with the Customization Provider * From 5c54bca0e2b54a94bd5e69db494d54d21c467cd4 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Wed, 7 Aug 2024 13:06:51 -0500 Subject: [PATCH 3/7] fix(ai-chat-log): added API info for author --- .../paste-website/src/pages/components/ai-chat-log/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/paste-website/src/pages/components/ai-chat-log/index.mdx b/packages/paste-website/src/pages/components/ai-chat-log/index.mdx index 826f6e6977..b781c760a5 100644 --- a/packages/paste-website/src/pages/components/ai-chat-log/index.mdx +++ b/packages/paste-website/src/pages/components/ai-chat-log/index.mdx @@ -275,7 +275,7 @@ The SkeletonLoader lengths vary on each render to give a more natural pending me ### Customizing Avatar -`AIChatMessageAuthor` can utilize custom icons by passing an icon to the prop `avatarIcon` or an image to the `avatarSrc` prop. +`AIChatMessageAuthor` can utilize custom icons by passing an icon to the prop `avatarIcon` or an image to the `avatarSrc` or `avatarName` props. [Learn more about the API](/components/ai-chat-log/api#aichatmessageauthor). Date: Thu, 8 Aug 2024 09:16:28 -0500 Subject: [PATCH 4/7] chore(pr): changesets and typedocs --- .changeset/beige-guests-promise.md | 6 ++++++ .changeset/warm-suits-cough.md | 6 ++++++ .../paste-core/components/popover/type-docs.json | 14 ++++++++++++++ 3 files changed, 26 insertions(+) create mode 100644 .changeset/beige-guests-promise.md create mode 100644 .changeset/warm-suits-cough.md diff --git a/.changeset/beige-guests-promise.md b/.changeset/beige-guests-promise.md new file mode 100644 index 0000000000..5cfe173a96 --- /dev/null +++ b/.changeset/beige-guests-promise.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/popover": patch +"@twilio-paste/core": patch +--- + +[Popover] Fix typings that were not exposing additional props on using a reset button variant diff --git a/.changeset/warm-suits-cough.md b/.changeset/warm-suits-cough.md new file mode 100644 index 0000000000..92bb7f9e97 --- /dev/null +++ b/.changeset/warm-suits-cough.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/ai-chat-log": patch +"@twilio-paste/core": patch +--- + +[AIChatLog] Correctly set the color of the AI icon diff --git a/packages/paste-core/components/popover/type-docs.json b/packages/paste-core/components/popover/type-docs.json index 3d84791579..6b4007e2ed 100644 --- a/packages/paste-core/components/popover/type-docs.json +++ b/packages/paste-core/components/popover/type-docs.json @@ -2203,6 +2203,13 @@ "externalProp": true, "description": "Defines the human readable text alternative of aria-valuenow for a range widget." }, + "as": { + "type": "keyof IntrinsicElements", + "defaultValue": "'button'", + "required": false, + "externalProp": false, + "description": "The HTML tag to replace the default `