@availity/feedback 8.0.4 → 9.0.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+# [9.0.0](https://github.com/Availity/availity-react/compare/@availity/feedback@8.0.4...@availity/feedback@9.0.0) (2024-07-12)
+
+
+### Features
+
+* **feedback:** default to use avLogMessagesApiV2 to send feedback ([e06ff98](https://github.com/Availity/availity-react/commit/e06ff9806d8bd3095b0f6000947e9357f69c11c9))
+
+
+### BREAKING CHANGES
+
+* **feedback:** this will break splunk dashboards
+
+
+
 ## [8.0.4](https://github.com/Availity/availity-react/compare/@availity/feedback@8.0.3...@availity/feedback@8.0.4) (2024-05-31)
 
 ### Dependency Updates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/feedback",
-  "version": "8.0.4",
+  "version": "9.0.0",
   "description": "Availity feedback with smiley faces react component.",
   "keywords": [
     "react",

package/src/Feedback.js

@@ -1,25 +1,26 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown, DropdownToggle } from 'reactstrap';
-import { avLogMessagesApi } from '@availity/api-axios';
+import { avLogMessagesApiV2 } from '@availity/api-axios';
 import { useToggle } from '@availity/hooks';
+
 import FeedbackDropdown from './FeedbackDropdown';
 import FeedbackModal from './FeedbackModal';
 
 const Feedback = ({
   appName,
-  modal,
+  modal = false,
   zIndex,
   supportZIndex,
   children,
-  analytics,
+  analytics = avLogMessagesApiV2,
   className,
   outline,
-  color,
+  color = 'secondary',
   formProps,
   prompt,
   onFeedbackSent,
-  showSupport,
+  showSupport = false,
   onModalOpenChange,
   ...props
 }) => {
@@ -27,7 +28,8 @@ const Feedback = ({
 
   const handleFeedbackToggle = () => {
     feedbackToggle();
-    onModalOpenChange(!feedbackIsOpen);
+
+    if (onModalOpenChange) onModalOpenChange(!feedbackIsOpen);
   };
 
   return (
@@ -102,12 +104,4 @@ Feedback.propTypes = {
   showSupport: PropTypes.bool,
 };
 
-Feedback.defaultProps = {
-  modal: false,
-  color: 'secondary',
-  analytics: avLogMessagesApi,
-  showSupport: false,
-  onModalOpenChange: Object,
-};
-
 export default Feedback;

package/src/FeedbackButton.js

@@ -6,7 +6,7 @@ import Icon from '@availity/icon';
 const btnStyles = { fontSize: '1.4em', padding: '.2em .4em' };
 const iconStyles = { margin: '0px' };
 
-const FeedbackButton = ({ onClick, icon, active, children, iconSize, ...rest }) => (
+const FeedbackButton = ({ onClick, icon, active, children, iconSize = '', ...rest }) => (
   <Button
     style={btnStyles}
     color={active === icon ? 'primary' : 'light'}
@@ -23,15 +23,11 @@ const FeedbackButton = ({ onClick, icon, active, children, iconSize, ...rest })
 );
 
 FeedbackButton.propTypes = {
-  onClick: PropTypes.func,
+  onClick: PropTypes.func.isRequired,
   icon: PropTypes.string,
   active: PropTypes.string,
   children: PropTypes.node,
   iconSize: PropTypes.string,
 };
 
-FeedbackButton.defaultProps = {
-  iconSize: '',
-};
-
 export default FeedbackButton;

package/src/FeedbackDropdown.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { DropdownMenu } from 'reactstrap';
+
 import FeedbackForm from './FeedbackForm';
 import SupportModal from './SupportModal';
 import SupportDropdown from './SupportDropdown';

package/src/FeedbackForm.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button, ModalBody, ModalHeader, ModalFooter, FormGroup } from 'reactstrap';
-import { avLogMessagesApi, avRegionsApi } from '@availity/api-axios';
+import { avLogMessagesApiV2, avRegionsApi } from '@availity/api-axios';
 import { Form, Field } from '@availity/form';
 import { SelectField } from '@availity/select';
 import * as yup from 'yup';
@@ -29,24 +29,25 @@ const FeedbackForm = ({
   name,
   onClose,
   faceOptions,
-  aboutOptions,
-  aboutLabel,
+  aboutOptions = [],
+  aboutLabel = 'This is about',
   onFeedbackSent,
   prompt,
-  additionalComments,
+  additionalComments = false,
   staticFields,
-  analytics,
+  analytics = avLogMessagesApiV2,
   modalHeaderProps,
-  showSupport,
+  showSupport = false,
   setSupportIsActive,
   autoFocusFeedbackButton,
-  modal,
+  modal = true,
   ...formProps
 }) => {
   const [active, setActive] = useState(null);
   const [sent, setSent] = useState(null);
   const [loading, setLoading] = useState(null);
   const ref = useRef();
+
   const sendFeedback = async ({ smileField, ...values }) => {
     setLoading(true);
     const response = await avRegionsApi.getCurrentRegion();
@@ -289,7 +290,7 @@ FeedbackForm.propTypes = {
   /** Props to be spread onto the <ModalHeader /> rendered inside of the <FeedbackForm />. See ModalHeader
    *For accessibility use className instead of tag to adjust size and style of header. */
   modalHeaderProps: PropTypes.shape({ ...ModalHeader.propTypes }),
-  /** Override the analytics instance that is passed in. Default avLogMessagesApi */
+  /** Override the analytics instance that is passed in. Default avLogMessagesApiV2 */
   analytics: PropTypes.shape({
     info: PropTypes.func.isRequired,
   }),
@@ -302,13 +303,4 @@ FeedbackForm.propTypes = {
   modal: PropTypes.bool,
 };
 
-FeedbackForm.defaultProps = {
-  aboutOptions: [],
-  aboutLabel: 'This is about',
-  additionalComments: false,
-  analytics: avLogMessagesApi,
-  showSupport: false,
-  modal: true,
-};
-
 export default FeedbackForm;

package/src/FeedbackModal.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Modal } from 'reactstrap';
+
 import FeedbackForm from './FeedbackForm';
 import SupportModal from './SupportModal';
 

package/src/SmileField.js

@@ -1,11 +1,29 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useField, useFormikContext } from 'formik';
+
 import FeedbackButton from './FeedbackButton';
 
 const btnStyles = { flex: 1, margin: '0 2% 0 2%' };
+const defaultOptions = [
+  {
+    icon: 'smile',
+    description: 'Smiley face',
+    label: 'What do you like?',
+  },
+  {
+    icon: 'meh',
+    description: 'Meh face',
+    label: 'What would you improve?',
+  },
+  {
+    icon: 'frown',
+    description: 'Frowny face',
+    label: "What don't you like?",
+  },
+];
 
-const SmileField = ({ name, options, onChange, autoFocusFeedbackButton, onClose, modal }) => {
+const SmileField = ({ name, options = defaultOptions, onChange, autoFocusFeedbackButton = true, onClose, modal }) => {
   const [{ value }] = useField(name);
   const { setFieldValue } = useFormikContext();
 
@@ -55,25 +73,4 @@ SmileField.propTypes = {
   modal: PropTypes.bool,
 };
 
-SmileField.defaultProps = {
-  options: [
-    {
-      icon: 'smile',
-      description: 'Smiley face',
-      label: 'What do you like?',
-    },
-    {
-      icon: 'meh',
-      description: 'Meh face',
-      label: 'What would you improve?',
-    },
-    {
-      icon: 'frown',
-      description: 'Frowny face',
-      label: "What don't you like?",
-    },
-  ],
-  autoFocusFeedbackButton: true,
-};
-
 export default SmileField;