refactor(react & plugin-flow-builder): use camelCase for inferenceId …

…and feedbackEnabled attributes
hubtype · Jul 3, 2024 · 31f5aa5 · 31f5aa5
1 parent 8d35f24
commit 31f5aa5
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 24 deletions.
diff --git a/packages/botonic-plugin-flow-builder/src/content-fields/flow-knowledge-base.tsx b/packages/botonic-plugin-flow-builder/src/content-fields/flow-knowledge-base.tsx
@@ -24,8 +24,8 @@ export class FlowKnowledgeBase extends ContentFieldsBase {
     return (
       <Text
         key={id}
-        feedbackenabled={this.feedbackEnabled}
-        inferenceid={this.inferenceId}
+        feedbackEnabled={this.feedbackEnabled}
+        inferenceId={this.inferenceId}
       >
         {this.text}
       </Text>

diff --git a/packages/botonic-react/src/components/index-types.ts b/packages/botonic-react/src/components/index-types.ts
@@ -29,8 +29,8 @@ export interface MessageProps {
 export interface TextProps extends MessageProps {
   // converts markdown syntax to HTML
   markdown?: boolean
-  feedbackenabled?: boolean
-  inferenceid?: string
+  feedbackEnabled?: boolean
+  inferenceId?: string
 }
 
 export interface Webview {

diff --git a/packages/botonic-react/src/components/message/index.jsx b/packages/botonic-react/src/components/message/index.jsx
@@ -37,8 +37,8 @@ export const Message = props => {
     style,
     imagestyle = props.imagestyle || props.imageStyle,
     isUnread = true,
-    feedbackenabled,
-    inferenceid,
+    feedbackEnabled,
+    inferenceId,
     ...otherProps
   } = props
 
@@ -116,8 +116,8 @@ export const Message = props => {
         customTypeName: decomposedChildren.customTypeName,
         ack: ack,
         isUnread: isUnread === 1 || isUnread === true,
-        feedbackenabled,
-        inferenceid,
+        feedbackEnabled,
+        inferenceId,
       }
       addMessage(message)
     }
@@ -262,13 +262,13 @@ export const Message = props => {
               {Boolean(blob) && hasBlobTick() && getBlobTick(5)}
             </BlobContainer>
           </MessageContainer>
-          {timestampsEnabled || feedbackenabled ? (
+          {timestampsEnabled || feedbackEnabled ? (
             <MessageFooter
               enabletimestamps={timestampsEnabled}
               messageJSON={messageJSON}
               sentBy={sentBy}
-              feedbackenabled={feedbackenabled}
-              inferenceid={inferenceid}
+              feedbackEnabled={feedbackEnabled}
+              inferenceId={inferenceId}
             />
           ) : null}
         </>

diff --git a/packages/botonic-react/src/components/message/message-feedback.tsx b/packages/botonic-react/src/components/message/message-feedback.tsx
@@ -15,11 +15,11 @@ interface ButtonsState {
 }
 
 interface RatingProps {
-  inferenceid?: string
+  inferenceId?: string
   messageId: string
 }
 
-export const MessageFeedback = ({ inferenceid, messageId }: RatingProps) => {
+export const MessageFeedback = ({ inferenceId, messageId }: RatingProps) => {
   const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext)
   const request = useContext(RequestContext)
 
@@ -29,13 +29,13 @@ export const MessageFeedback = ({ inferenceid, messageId }: RatingProps) => {
     negative: false,
   })
 
-  const updateMsgWithFeedback = (feedbackenabled: boolean) => {
+  const updateMsgWithFeedback = (feedbackEnabled: boolean) => {
     const message = webchatState.messagesJSON.find(
       message => message.id === messageId
     )
     const updatedMsg = {
       ...message,
-      feedbackenabled,
+      feedbackEnabled,
     }
     updateMessage(updatedMsg)
   }
@@ -63,7 +63,7 @@ export const MessageFeedback = ({ inferenceid, messageId }: RatingProps) => {
     }
 
     const args = {
-      knowledgebaseInferenceId: inferenceid,
+      knowledgebaseInferenceId: inferenceId,
       feedbackTargetId: messageId,
       feedbackGroupId: uuid(),
       possibleOptions: [FeedbackOption.ThumbsUp, FeedbackOption.ThumbsDown],

diff --git a/packages/botonic-react/src/components/message/message-footer.tsx b/packages/botonic-react/src/components/message/message-footer.tsx
@@ -10,16 +10,16 @@ interface MessageFooterProps {
   enabletimestamps: boolean
   messageJSON: any
   sentBy: SENDERS
-  feedbackenabled: boolean
-  inferenceid?: string
+  feedbackEnabled: boolean
+  inferenceId?: string
 }
 
 export const MessageFooter = ({
   enabletimestamps,
   messageJSON,
   sentBy,
-  feedbackenabled,
-  inferenceid,
+  feedbackEnabled,
+  inferenceId,
 }: MessageFooterProps) => {
   const { getThemeProperty } = useContext(WebchatContext)
 
@@ -44,8 +44,8 @@ export const MessageFooter = ({
           timestamp={messageJSON.timestamp}
         />
       ) : null}
-      {feedbackenabled ? (
-        <MessageFeedback inferenceid={inferenceid} messageId={messageJSON.id} />
+      {feedbackEnabled ? (
+        <MessageFeedback inferenceId={inferenceId} messageId={messageJSON.id} />
       ) : null}
     </MessageFooterContainer>
   )

diff --git a/packages/botonic-react/src/components/text.tsx b/packages/botonic-react/src/components/text.tsx
@@ -29,8 +29,8 @@ const serialize = (textProps: TextProps) => {
 export const Text = (props: TextProps) => {
   const defaultTextProps = {
     markdown: props.markdown === undefined ? true : props.markdown,
-    feedbackenabled: props.feedbackenabled,
-    inferenceid: props.inferenceid,
+    feedbackEnabled: props.feedbackEnabled,
+    inferenceId: props.inferenceId,
   }
 
   const textProps = mapObjectNonBooleanValues({