@nordicsemiconductor/pc-nrfconnect-shared 168.0.0 → 169.0.0

package/Changelog.md

@@ -7,6 +7,23 @@ This project does _not_ adhere to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html) but contrary to it
 every new version is a new major version.
 
+## 169.0.0 - 2024-03-25
+
+### Added
+
+-   `Feedback` dialog accessible from the `About` pane.
+-   `feedbackCallback` property in `App` component.
+
+### Removed
+
+-   `Feedback` pane.
+-   `feedback` property in `App` component.
+
+### Steps to upgrade when using this package
+
+-   If categories where passed to the `feedback` property in the `App`
+    component, pass them directly to `feedbackCategories`.
+
 ## 168.0.0 - 2024-03-22
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "168.0.0",
+    "version": "169.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",

package/src/About/About.tsx

@@ -15,9 +15,10 @@ import './about.scss';
 
 interface AboutPaneProps {
     documentation?: ReactNode[];
+    feedbackCategories?: string[];
 }
 
-export default ({ documentation }: AboutPaneProps) => (
+export default ({ documentation, feedbackCategories }: AboutPaneProps) => (
     <div className="about">
         <div className="about-inner">
             <ApplicationCard />
@@ -25,7 +26,7 @@ export default ({ documentation }: AboutPaneProps) => (
             {documentation && documentation.length && (
                 <DocumentationCard documentationSections={documentation} />
             )}
-            <SupportCard />
+            <SupportCard feedbackCategories={feedbackCategories} />
         </div>
     </div>
 );

package/src/About/Feedback.tsx

@@ -0,0 +1,170 @@
+/*
+ * Copyright (c) 2024 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+import React, { useMemo, useState } from 'react';
+
+import { DialogButton, GenericDialog } from '../Dialog/Dialog';
+import Dropdown, { DropdownItem } from '../Dropdown/Dropdown';
+import logger from '../logging';
+import describeError from '../logging/describeError';
+import AboutButton from './AboutButton';
+import sendFeedback from './sendFeedback';
+
+export interface FeedbackPaneProps {
+    isVisible: boolean;
+    onHide: () => void;
+    categories?: string[];
+}
+
+const FeedbackDialog = ({
+    categories,
+    onHide,
+    isVisible,
+}: FeedbackPaneProps) => {
+    const [feedback, setFeedback] = useState('');
+    const [sayThankYou, setSayThankYou] = useState(false);
+    const [sendingFeedback, setSendingFeedback] = useState(false);
+
+    const categoryItems = useMemo(() => {
+        if (!categories?.length) return undefined;
+
+        const items = ['Select a category', ...categories].map(category => ({
+            label: category,
+            value: category,
+        }));
+        return items;
+    }, [categories]);
+
+    const [selectedCategory, setSelectedCategory] = useState<
+        DropdownItem | undefined
+    >(categoryItems ? categoryItems[0] : undefined);
+
+    return (
+        <GenericDialog
+            isVisible={isVisible}
+            onHide={onHide}
+            closeOnUnfocus
+            title="Feedback"
+            showSpinner={sendingFeedback}
+            footer={
+                <>
+                    {sayThankYou ? (
+                        <DialogButton
+                            variant="secondary"
+                            onClick={() => {
+                                setSayThankYou(false);
+                                setFeedback('');
+                            }}
+                        >
+                            Give more feedback
+                        </DialogButton>
+                    ) : (
+                        <DialogButton
+                            variant="primary"
+                            onClick={() => {
+                                setSendingFeedback(true);
+                                handleFormData(
+                                    feedback,
+                                    setSayThankYou,
+                                    selectedCategory?.value
+                                ).then(() => setSendingFeedback(false));
+                            }}
+                            disabled={feedback === '' || sendingFeedback}
+                        >
+                            Send feedback
+                        </DialogButton>
+                    )}
+                    <DialogButton onClick={onHide}>Close</DialogButton>
+                </>
+            }
+        >
+            <div className="tw-flex tw-flex-col tw-items-start tw-justify-center tw-bg-white">
+                {sayThankYou ? (
+                    <>
+                        <b className="tw-mb-3">Thank you!</b>
+                        <p>
+                            Thank you for providing feedback about how to
+                            improve nRF Connect for Desktop applications.
+                        </p>
+                    </>
+                ) : (
+                    <>
+                        <p>
+                            We value your feedback and any ideas you may have
+                            for improving nRF Connect for Desktop applications.
+                            Use the form below.
+                        </p>
+                        <p>
+                            We only collect the following information when you
+                            send feedback:
+                        </p>
+                        <ul className="tw-list-disc tw-pl-8">
+                            <li>Application name</li>
+                            <li>Your feedback</li>
+                            <li>Operating system</li>
+                        </ul>
+                        <form className="tw-flex tw-w-full tw-flex-col tw-gap-4">
+                            {categoryItems?.length && (
+                                <div className="tw-w-52">
+                                    <Dropdown
+                                        items={categoryItems}
+                                        onSelect={setSelectedCategory}
+                                        selectedItem={
+                                            selectedCategory || categoryItems[0]
+                                        }
+                                    />
+                                </div>
+                            )}
+                            <div className="tw-pt-4">
+                                <textarea
+                                    name="feedback-text"
+                                    className="tw-h-32 tw-w-full tw-border tw-border-gray-700 tw-p-2"
+                                    required
+                                    value={feedback}
+                                    onChange={e => setFeedback(e.target.value)}
+                                />
+                            </div>
+                        </form>
+                    </>
+                )}
+            </div>
+        </GenericDialog>
+    );
+};
+
+const handleFormData = async (
+    feedback: string,
+    setResponse: (response: boolean) => void,
+    category?: string
+) => {
+    try {
+        await sendFeedback(feedback, category);
+
+        setResponse(true);
+    } catch (error: unknown) {
+        logger.error(
+            `FeedbackForm: Could not send feedback. ${describeError(error)}`
+        );
+    }
+};
+
+export default ({ categories }: { categories?: string[] }) => {
+    const [isVisible, setIsVisible] = useState(false);
+
+    return (
+        <>
+            <AboutButton
+                label="Give Feedback"
+                onClick={() => setIsVisible(true)}
+            />
+            <FeedbackDialog
+                isVisible={isVisible}
+                categories={categories}
+                onHide={() => setIsVisible(false)}
+            />
+        </>
+    );
+};

package/src/About/SupportCard.tsx

@@ -20,9 +20,10 @@ import { Toggle } from '../Toggle/Toggle';
 import { doNotResetVerboseLogginOnRestart } from '../utils/persistentStore';
 import systemReport from '../utils/systemReport';
 import AboutButton from './AboutButton';
+import Feedback from './Feedback';
 import Section from './Section';
 
-export default () => {
+export default ({ feedbackCategories }: { feedbackCategories?: string[] }) => {
     const dispatch = useDispatch();
     const devices = useSelector(getDevices);
     const currentSerialNumber = useSelector(selectedSerialNumber);
@@ -60,7 +61,14 @@ export default () => {
                         label="Create system report"
                     />
                 </Section>
-                <Section title="Verbose Logging">
+                <Section title="Other feedback">
+                    <p>
+                        Provide feedback about how to improve this and other nRF
+                        Connect for Desktop applications.
+                    </p>
+                    <Feedback categories={feedbackCategories} />
+                </Section>
+                <Section title="Verbose logging">
                     <p>
                         Aid our support team with additional log information.
                         Enable this only when necessary as the log will grow

package/src/{Feedback → About}/sendFeedback.ts

@@ -15,6 +15,7 @@ const formURL =
 export default async (feedback: string, category?: string) => {
     const data: Record<string, unknown> = {
         name: packageJson().name,
+        version: packageJson().version,
         feedback,
         platform: process.platform,
     };

package/src/App/App.tsx

@@ -25,7 +25,6 @@ import {
 } from '../Device/deviceSlice';
 import ErrorBoundary from '../ErrorBoundary/ErrorBoundary';
 import ErrorDialog from '../ErrorDialog/ErrorDialog';
-import FeedbackPane, { FeedbackPaneProps } from '../Feedback/FeedbackPane';
 import FlashMessages from '../FlashMessage/FlashMessage';
 import LogViewer from '../Log/LogViewer';
 import logger from '../logging';
@@ -68,7 +67,7 @@ interface ConnectedAppProps {
     sidePanel?: ReactNode;
     showLogByDefault?: boolean;
     documentation?: ReactNode[];
-    feedback?: boolean | FeedbackPaneProps;
+    feedbackCategories?: string[];
     children?: ReactNode;
     autoReselectByDefault?: boolean;
 }
@@ -79,7 +78,7 @@ const ConnectedApp: FC<ConnectedAppProps> = ({
     sidePanel,
     showLogByDefault = true,
     documentation,
-    feedback,
+    feedbackCategories,
     children,
     autoReselectByDefault = false,
 }) => {
@@ -95,7 +94,7 @@ const ConnectedApp: FC<ConnectedAppProps> = ({
     usePersistedPane();
     const isLogVisible = useSelector(isLogVisibleSelector);
     const currentPane = useSelector(currentPaneSelector);
-    const allPanes = useAllPanes(panes, documentation, feedback);
+    const allPanes = useAllPanes(panes, documentation, feedbackCategories);
     const paneName = useRef(allPanes.map(({ name }) => name));
     const dispatch = useDispatch();
 
@@ -226,34 +225,26 @@ const usePersistedPane = () => {
 const useAllPanes = (
     panes: Pane[],
     documentation: ReactNode[] | undefined,
-    feedback: boolean | FeedbackPaneProps | undefined
+    feedbackCategories?: string[]
 ) => {
     const dispatch = useDispatch();
 
     const allPanes = useMemo(() => {
         const newPanes = [...panes];
 
-        if (feedback) {
-            newPanes.push({
-                name: 'Feedback',
-                Main: props => (
-                    <FeedbackPane
-                        {...(typeof feedback === 'object'
-                            ? feedback
-                            : undefined)}
-                        {...props}
-                    />
-                ),
-            });
-        }
-
         newPanes.push({
             name: 'About',
-            Main: props => <About documentation={documentation} {...props} />,
+            Main: props => (
+                <About
+                    documentation={documentation}
+                    feedbackCategories={feedbackCategories}
+                    {...props}
+                />
+            ),
         });
 
         return newPanes;
-    }, [panes, documentation, feedback]);
+    }, [panes, documentation, feedbackCategories]);
 
     useEffect(() => {
         dispatch(setPanes(allPanes));

package/src/index.ts

@@ -56,7 +56,7 @@ export { default as Spinner } from './Spinner/Spinner';
 
 export { default as MasonryLayout } from './MasonryLayout/MasonryLayout';
 
-export { default as sendFeedback } from './Feedback/sendFeedback';
+export { default as sendFeedback } from './About/sendFeedback';
 
 export { default as useStopwatch } from './utils/useStopwatch';
 export { default as useFocusedOnVisible } from './utils/useFocusedOnVisible';

package/typings/generated/src/About/About.d.ts

@@ -2,7 +2,8 @@ import { ReactNode } from 'react';
 import './about.scss';
 interface AboutPaneProps {
     documentation?: ReactNode[];
+    feedbackCategories?: string[];
 }
-declare const _default: ({ documentation }: AboutPaneProps) => JSX.Element;
+declare const _default: ({ documentation, feedbackCategories }: AboutPaneProps) => JSX.Element;
 export default _default;
 //# sourceMappingURL=About.d.ts.map

package/typings/generated/src/About/About.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/About/About.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;CAC/B;4CAEkC,cAAc;AAAjD,wBAWE"}
+{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/About/About.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;gEAEsD,cAAc;AAArE,wBAWE"}

package/typings/generated/src/About/Feedback.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface FeedbackPaneProps {
+    isVisible: boolean;
+    onHide: () => void;
+    categories?: string[];
+}
+declare const _default: ({ categories }: {
+    categories?: string[] | undefined;
+}) => JSX.Element;
+export default _default;
+//# sourceMappingURL=Feedback.d.ts.map

package/typings/generated/src/About/Feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feedback.d.ts","sourceRoot":"","sources":["../../../../src/About/Feedback.tsx"],"names":[],"mappings":";AAeA,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;;;;AAsID,wBAgBE"}

package/typings/generated/src/About/SupportCard.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
+declare const _default: ({ feedbackCategories }: {
+    feedbackCategories?: string[] | undefined;
+}) => JSX.Element;
 export default _default;
 //# sourceMappingURL=SupportCard.d.ts.map

package/typings/generated/src/About/SupportCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportCard.d.ts","sourceRoot":"","sources":["../../../../src/About/SupportCard.tsx"],"names":[],"mappings":";;AAwBA,wBAwEE"}
+{"version":3,"file":"SupportCard.d.ts","sourceRoot":"","sources":["../../../../src/About/SupportCard.tsx"],"names":[],"mappings":";;;;AAyBA,wBA+EE"}

package/typings/generated/src/About/sendFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sendFeedback.d.ts","sourceRoot":"","sources":["../../../../src/About/sendFeedback.ts"],"names":[],"mappings":"mCAcgC,MAAM,aAAa,MAAM;AAAzD,wBA0BE"}

package/typings/generated/src/App/App.d.ts

@@ -1,7 +1,6 @@
 import 'focus-visible';
 import React, { FC, ReactNode } from 'react';
 import { Reducer } from 'redux';
-import { FeedbackPaneProps } from '../Feedback/FeedbackPane';
 import './app.scss';
 import './shared.scss';
 import './tailwind.css';
@@ -19,7 +18,7 @@ interface ConnectedAppProps {
     sidePanel?: ReactNode;
     showLogByDefault?: boolean;
     documentation?: ReactNode[];
-    feedback?: boolean | FeedbackPaneProps;
+    feedbackCategories?: string[];
     children?: ReactNode;
     autoReselectByDefault?: boolean;
 }

package/typings/generated/src/App/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/App/App.tsx"],"names":[],"mappings":"AAMA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAehC,OAAqB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAuB3E,OAAO,YAAY,CAAC;AACpB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC;CAClB;AAED,UAAU,iBAAiB;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;;;;AAqID,wBASE;AAiDF,eAAO,MAAM,MAAM,QAAS,MAAM,YAAY,SAM7C,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/App/App.tsx"],"names":[],"mappings":"AAMA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAqChC,OAAO,YAAY,CAAC;AACpB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC;CAClB;AAED,UAAU,iBAAiB;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;;;;AAqID,wBASE;AAyCF,eAAO,MAAM,MAAM,QAAS,MAAM,YAAY,SAM7C,CAAC"}

package/typings/generated/src/index.d.ts

@@ -40,7 +40,7 @@ export { default as NumberInputWithDropdown } from './InlineInput/NumberInputWit
 export type { NumberDropdownItem } from './InlineInput/NumberInputWithDropdown';
 export { default as Spinner } from './Spinner/Spinner';
 export { default as MasonryLayout } from './MasonryLayout/MasonryLayout';
-export { default as sendFeedback } from './Feedback/sendFeedback';
+export { default as sendFeedback } from './About/sendFeedback';
 export { default as useStopwatch } from './utils/useStopwatch';
 export { default as useFocusedOnVisible } from './utils/useFocusedOnVisible';
 export { reducer as errorDialogReducer } from './ErrorDialog/errorDialogSlice';

package/typings/generated/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

package/src/Feedback/FeedbackPane.tsx

@@ -1,153 +0,0 @@
-/*
- * Copyright (c) 2023 Nordic Semiconductor ASA
- *
- * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
- */
-
-import React, { useMemo, useState } from 'react';
-
-import Button from '../Button/Button';
-import Dropdown, { DropdownItem } from '../Dropdown/Dropdown';
-import logger from '../logging';
-import describeError from '../logging/describeError';
-import sendFeedback from './sendFeedback';
-
-export interface FeedbackPaneProps {
-    categories?: string[];
-}
-
-export default ({ categories }: FeedbackPaneProps) => {
-    const [feedback, setFeedback] = useState('');
-    const [sayThankYou, setSayThankYou] = useState(false);
-
-    const categoryItems = useMemo(() => {
-        if (!categories?.length) return undefined;
-
-        const items = ['Select a category', ...categories].map(category => ({
-            label: category,
-            value: category,
-        }));
-        return items;
-    }, [categories]);
-
-    const [selectedCategory, setSelectedCategory] = useState<
-        DropdownItem | undefined
-    >(categoryItems ? categoryItems[0] : undefined);
-
-    if (sayThankYou === true) {
-        return (
-            <div className="tw-preflight tw-flex tw-w-full tw-justify-center">
-                <div className="tw-mb-3 tw-flex tw-flex-col tw-items-start tw-justify-center tw-bg-white tw-px-3 tw-py-4">
-                    <b className="tw-mb-3">Thank you!</b>
-                    <section>
-                        <p>
-                            We value your feedback and any ideas you may have
-                            for improving our applications.
-                        </p>
-                        <p>
-                            Click the button below in order to send more
-                            feedback.
-                        </p>
-                    </section>
-                    <Button
-                        size="lg"
-                        className="tw-align-self-end tw-self-end"
-                        onClick={() => {
-                            setSayThankYou(false);
-                            setFeedback('');
-                        }}
-                        variant="secondary"
-                    >
-                        Give more feedback
-                    </Button>
-                </div>
-            </div>
-        );
-    }
-
-    return (
-        <div className="tw-preflight tw-flex tw-w-full tw-justify-center">
-            <div className="tw-mb-3 tw-flex tw-flex-col tw-items-start tw-justify-center tw-gap-4 tw-bg-white tw-px-3 tw-py-4">
-                <b>Give Feedback</b>
-                <p>
-                    We value your feedback and any ideas you may have for
-                    improving our applications. Please use the form below to
-                    give feedback.
-                </p>
-                <p>
-                    Note: this is not a support channel, and you will not
-                    receive a response. For help and support, visit the{' '}
-                    <a
-                        href="https://devzone.nordicsemi.com/"
-                        target="_blank"
-                        rel="noreferrer noopener"
-                        className="tw-text-nordicBlue"
-                    >
-                        Nordic DevZone
-                    </a>
-                    .
-                </p>
-                <form className="tw-flex tw-w-full tw-flex-col tw-gap-4">
-                    {categoryItems?.length && (
-                        <div className="tw-w-52">
-                            <Dropdown
-                                items={categoryItems}
-                                onSelect={setSelectedCategory}
-                                selectedItem={
-                                    selectedCategory || categoryItems[0]
-                                }
-                            />
-                        </div>
-                    )}
-                    <div>
-                        <b>What is your feedback?</b>
-                        <textarea
-                            name="feedback-text"
-                            className="tw-h-32 tw-w-full tw-border tw-border-gray-700 tw-p-2"
-                            required
-                            value={feedback}
-                            onChange={e => setFeedback(e.target.value)}
-                        />
-                    </div>
-                </form>
-                <p>We only collect this information when you send feedback:</p>
-                <ul className="tw-list-disc tw-pl-8">
-                    <li>Application name</li>
-                    <li>Your feedback</li>
-                    <li>Operating system</li>
-                </ul>
-                <Button
-                    size="lg"
-                    className="tw-self-end"
-                    variant="primary"
-                    onClick={() =>
-                        handleFormData(
-                            feedback,
-                            setSayThankYou,
-                            selectedCategory?.value
-                        )
-                    }
-                    disabled={feedback === ''}
-                >
-                    Send Feedback
-                </Button>
-            </div>
-        </div>
-    );
-};
-
-const handleFormData = async (
-    feedback: string,
-    setResponse: (response: boolean) => void,
-    category?: string
-) => {
-    try {
-        await sendFeedback(feedback, category);
-
-        setResponse(true);
-    } catch (error: unknown) {
-        logger.error(
-            `FeedbackForm: Could not send feedback. ${describeError(error)}`
-        );
-    }
-};

package/typings/generated/src/Feedback/FeedbackPane.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface FeedbackPaneProps {
-    categories?: string[];
-}
-declare const _default: ({ categories }: FeedbackPaneProps) => JSX.Element;
-export default _default;
-//# sourceMappingURL=FeedbackPane.d.ts.map

package/typings/generated/src/Feedback/FeedbackPane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedbackPane.d.ts","sourceRoot":"","sources":["../../../../src/Feedback/FeedbackPane.tsx"],"names":[],"mappings":";AAcA,MAAM,WAAW,iBAAiB;IAC9B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;yCAE+B,iBAAiB;AAAjD,wBAsHE"}

package/typings/generated/src/Feedback/sendFeedback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sendFeedback.d.ts","sourceRoot":"","sources":["../../../../src/Feedback/sendFeedback.ts"],"names":[],"mappings":"mCAcgC,MAAM,aAAa,MAAM;AAAzD,wBAyBE"}