@availity/feedback 8.0.3 → 9.0.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 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
+
+* `form` updated to version `8.0.3`
+* `select` updated to version `8.0.3`
+
+
 ## [8.0.3](https://github.com/Availity/availity-react/compare/@availity/feedback@8.0.2...@availity/feedback@8.0.3) (2024-04-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/feedback",
-  "version": "8.0.3",
+  "version": "9.0.0",
   "description": "Availity feedback with smiley faces react component.",
   "keywords": [
     "react",
@@ -26,11 +26,11 @@
   },
   "dependencies": {
     "@availity/block-ui": "^1.1.3",
-    "@availity/form": "1.8.1",
+    "@availity/form": "1.9.0",
     "@availity/hooks": "5.0.2",
     "@availity/icon": "0.11.7",
     "@availity/native-form": "^5.0.5",
-    "@availity/select": "4.1.2",
+    "@availity/select": "4.2.0",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {

package/project.json

@@ -13,7 +13,8 @@
         "preset": "angular",
         "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
         "tagPrefix": "@availity/{projectName}@",
-        "baseBranch": "master"
+        "baseBranch": "master",
+        "trackDeps": true
       }
     },
     "lint": {

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;