@pega/custom-dx-components 0.23.20 → 0.23.21

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/demo.stories.jsx

@@ -1,11 +1,8 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { stateProps, configProps } from './mock.stories';
-
+import { stateProps, configProps } from './mock';
 import PegaDxilMyText from './index.jsx';
 
 export default {
@@ -14,8 +11,7 @@ export default {
   component: PegaDxilMyText
 };
 
-export const basePegaDxilMyText = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+export const BasePegaDxilMyText = () => {
   const [value, setValue] = useState(configProps.value);
 
   const props = {
@@ -35,13 +31,23 @@ export const basePegaDxilMyText = () => {
             updateFieldValue: (propName, theValue) => {
               setValue(theValue);
             },
-            triggerFieldChange: () => {/* nothing */}
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
-        ignoreSuggestion: () => {/* nothing */},
-        acceptSuggestion: () => {/* nothing */},
-        setInheritedProps: () => {/* nothing */},
-        resolveConfigProps: () => {/* nothing */}
+        ignoreSuggestion: () => {
+          /* nothing */
+        },
+        acceptSuggestion: () => {
+          /* nothing */
+        },
+        setInheritedProps: () => {
+          /* nothing */
+        },
+        resolveConfigProps: () => {
+          /* nothing */
+        }
       };
     }
   };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/StatusWork.jsx

@@ -1,26 +1,25 @@
-/* eslint-disable import/no-relative-packages */
-import { Status } from "@pega/cosmos-react-core";
+import { Status } from '@pega/cosmos-react-core';
 
 export default function StatusWorkRenderer({ value }) {
-  let variant = "info";
+  let variant = 'info';
 
-  const warnStrings = ["fail", "cancel", "reject", "revoke", "stopped", "warn"];
-  const infoStrings = ["open", "hold", "info", "new"];
-  const successStrings = ["resolved", "completed", "success"];
-  const pendingStrings = ["pending"];
+  const warnStrings = ['fail', 'cancel', 'reject', 'revoke', 'stopped', 'warn'];
+  const infoStrings = ['open', 'hold', 'info', 'new'];
+  const successStrings = ['resolved', 'completed', 'success'];
+  const pendingStrings = ['pending'];
 
-  if (new RegExp(warnStrings.join("|"), "i").test(value)) {
-    variant = "warn";
-  } else if (new RegExp(infoStrings.join("|"), "i").test(value)) {
-    variant = "info";
-  } else if (new RegExp(successStrings.join("|"), "i").test(value)) {
-    variant = "success";
-  } else if (new RegExp(pendingStrings.join("|"), "i").test(value)) {
-    variant = "pending";
+  if (new RegExp(warnStrings.join('|'), 'i').test(value)) {
+    variant = 'warn';
+  } else if (new RegExp(infoStrings.join('|'), 'i').test(value)) {
+    variant = 'info';
+  } else if (new RegExp(successStrings.join('|'), 'i').test(value)) {
+    variant = 'success';
+  } else if (new RegExp(pendingStrings.join('|'), 'i').test(value)) {
+    variant = 'pending';
   }
 
   return (
-    <Status type="rectangle" variant={variant}>
+    <Status type='rectangle' variant={variant}>
       {value}
     </Status>
   );

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/demo.stories.jsx

@@ -1,11 +1,8 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 
 import PegaDxilMyTextInput from './index.jsx';
-
-import { stateProps, fieldMetadata, configProps } from './mock.stories';
+import { stateProps, fieldMetadata, configProps } from './mock';
 
 export default {
   title: 'PegaDxilMyTextInput',
@@ -13,8 +10,7 @@ export default {
   component: PegaDxilMyTextInput
 };
 
-export const basePegaDxilMyTextInput = () => {
-
+export const BasePegaDxilMyTextInput = () => {
   const props = {
     value: configProps.value,
     placeholder: configProps.placeholder,
@@ -31,14 +27,26 @@ export const basePegaDxilMyTextInput = () => {
         },
         getActionsApi: () => {
           return {
-            updateFieldValue: () => {/* nothing */},
-            triggerFieldChange: () => {/* nothing */}
+            updateFieldValue: () => {
+              /* nothing */
+            },
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
-        ignoreSuggestion: () => {/* nothing */},
-        acceptSuggestion: () => {/* nothing */},
-        setInheritedProps: () => {/* nothing */},
-        resolveConfigProps: () => {/* nothing */}
+        ignoreSuggestion: () => {
+          /* nothing */
+        },
+        acceptSuggestion: () => {
+          /* nothing */
+        },
+        setInheritedProps: () => {
+          /* nothing */
+        },
+        resolveConfigProps: () => {
+          /* nothing */
+        }
       };
     }
   };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -101,7 +100,7 @@ const PegaDxilMyTextInput = props => {
     } else if (!hasSuggestions && status !== 'success') {
       setStatus(validatemessage !== '' ? 'error' : undefined);
     }
-  }, [validatemessage, hasSuggestions]);
+  }, [validatemessage, hasSuggestions, status]);
 
   const onResolveSuggestionHandler = (accepted) => {
     suggestionsHandler(accepted, pConn, setStatus);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/suggestions-handler.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 export const suggestionsHandler = (accepted, pConn, setStatus) => {
   if (accepted) {
     pConn.acceptSuggestion();

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/demo.stories.jsx

@@ -1,8 +1,7 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
-import { configProps, stateProps } from './mock.stories';
+
+import { configProps, stateProps } from './mock';
 import PegaDxilMyTimeOfDay from './index.jsx';
 
 export default {
@@ -11,19 +10,25 @@ export default {
   component: PegaDxilMyTimeOfDay
 };
 
-export const basePegaDxilMyTimeOfDay = () => {
+export const BasePegaDxilMyTimeOfDay = () => {
   const props = {
     getPConnect: () => {
       return {
         getActionsApi: () => {
           return {
-            updateFieldValue: () => {/* nothing */},
-            triggerFieldChange: () => {/* nothing */}
+            updateFieldValue: () => {
+              /* nothing */
+            },
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
         getValidationApi: () => {
           return {
-            validate: () => {/* nothing */}
+            validate: () => {
+              /* nothing */
+            }
           };
         },
         getStateProps: () => {
@@ -32,8 +37,12 @@ export const basePegaDxilMyTimeOfDay = () => {
         getConfigProps: () => {
           return configProps;
         },
-        ignoreSuggestion: () => {/* nothing */},
-        clearErrorMessages: () => {/* nothing */}
+        ignoreSuggestion: () => {
+          /* nothing */
+        },
+        clearErrorMessages: () => {
+          /* nothing */
+        }
       };
     },
     value: configProps.value,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -59,7 +58,7 @@ const PegaDxilMyTimeOfDay = props => {
     } else if (!hasSuggestions && status !== 'success') {
       setStatus(validatemessage !== '' ? 'error' : undefined);
     }
-  }, [validatemessage, hasSuggestions]);
+  }, [validatemessage, hasSuggestions, status]);
 
   const onResolveSuggestionHandler = (accepted) => {
     suggestionsHandler(accepted, pConn, setStatus);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/suggestions-handler.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 export const suggestionsHandler = (accepted, pConn, setStatus) => {
   if (accepted) {
     pConn.acceptSuggestion();

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/time-of-day.js

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable no-undef */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/StatusWork.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { Status } from "@pega/cosmos-react-core";
 
 export default function StatusWorkRenderer({ value }) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.jsx

@@ -1,10 +1,10 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable storybook/prefer-pascal-case */
 import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/cosmos-react-core';
-import PegaDxilMyTwoColumnDetails from './index';
-import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock.stories';
+
+import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock';
 import StatusWorkRenderer from './StatusWork.jsx';
 
+import PegaDxilMyTwoColumnDetails from './index';
+
 export default {
   title: 'PegaDxilMyTwoColumnDetails',
   component: PegaDxilMyTwoColumnDetails
@@ -76,7 +76,7 @@ const renderField = resolvedProps => {
   return <FieldValueList variant={variant} fields={[{ name: label, value: val }]} key={key} />;
 };
 
-export const basePegaDxilMyTwoColumnDetails = () => {
+export const BasePegaDxilMyTwoColumnDetails = () => {
   const props = {
     template: 'MyCo_MyComponents_NewDetailsTemplate',
     showHighlightedData: true,
@@ -97,7 +97,6 @@ export const basePegaDxilMyTwoColumnDetails = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
-          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
               return renderField(pyReviewResolved.highlightedData[0].config);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/utils.js

@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 
 
 /**
@@ -139,9 +137,7 @@ export function getInstructions(pConnect, instructions = 'casestep') {
 
   // If the annotation wasn't processed correctly, don't return any instruction text
   if (instructions?.startsWith('@PARAGRAPH')) {
-     /* eslint-disable no-console */
     console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
-     /* eslint-enable no-console */
     return undefined;
   }
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/demo.stories.jsx

@@ -1,13 +1,17 @@
-/* eslint-disable import/no-relative-packages */
 /* eslint-disable react-hooks/rules-of-hooks */
-/* eslint-disable storybook/prefer-pascal-case */
+
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
+import {
+  DateInput,
+  Input,
+  FieldValueList,
+  Text,
+  PhoneInput as CosmosPhone
+} from '@pega/cosmos-react-core';
 
 import PegaDxilMyTwoColumnForm from './index.jsx';
-import { DateInput, Input, FieldValueList, Text } from '@pega/cosmos-react-core';
-import { PhoneInput as CosmosPhone } from '@pega/cosmos-react-core';
-import { pyReviewRaw, regionChildrenResolved } from './mock.stories';
+import { pyReviewRaw, regionChildrenResolved } from './mock';
 
 export default {
   title: 'PegaDxilMyTwoColumnForm',
@@ -21,7 +25,6 @@ const renderField = resolvedProps => {
   const [inputValue, setInputValue] = useState(value);
   const [phoneValue, setPhoneValue] = useState('+16397975093');
 
-
   const variant = displayMode === 'LABELS_LEFT' ? 'inline' : 'stacked';
 
   let val =
@@ -40,7 +43,6 @@ const renderField = resolvedProps => {
       ''
     );
 
-
   if (label === 'Service Date')
     val = (
       <DateInput
@@ -52,7 +54,7 @@ const renderField = resolvedProps => {
           const trimmedDate = date ? date.substring(0, date.indexOf('T')) : date;
           setInputValue(trimmedDate);
         }}
-      ></DateInput>
+      />
     );
 
   if (label === 'Email')
@@ -65,7 +67,7 @@ const renderField = resolvedProps => {
         onChange={e => {
           setInputValue(e.target.value);
         }}
-      ></Input>
+      />
     );
 
   if (label === 'First Name' || label === 'Last Name' || label === 'Middle Name')
@@ -77,7 +79,7 @@ const renderField = resolvedProps => {
         onChange={e => {
           setInputValue(e.target.value);
         }}
-      ></Input>
+      />
     );
 
   if (label === 'Phone Number')
@@ -90,10 +92,9 @@ const renderField = resolvedProps => {
         onChange={phoneVal => {
           setPhoneValue(phoneVal);
         }}
-      ></CosmosPhone>
+      />
     );
 
-
   if (variant === 'inline') {
     val = value || (
       <span
@@ -132,7 +133,7 @@ const renderField = resolvedProps => {
   );
 };
 
-export const basePegaDxilMyTwoColumnForm = () => {
+export const BasePegaDxilMyTwoColumnForm = () => {
   const props = {
     template: 'DefaultForm',
     getPConnect: () => {
@@ -144,7 +145,6 @@ export const basePegaDxilMyTwoColumnForm = () => {
           return pyReviewRaw.config.inheritedProps;
         },
         createComponent: config => {
-          // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .FirstName':
               return renderField(regionChildrenResolved[0]);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/demo.stories.jsx

@@ -1,10 +1,8 @@
-/* eslint-disable import/no-relative-packages */
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 
 import PegaDxilMyUrl from './index.jsx';
-import { stateProps, configProps } from './mock.stories';
+import { stateProps, configProps } from './mock';
 
 export default {
   title: 'PegaDxilMyUrl',
@@ -12,8 +10,7 @@ export default {
   component: PegaDxilMyUrl
 };
 
-export const basePegaDxilMyUrl = () => {
-
+export const BasePegaDxilMyUrl = () => {
   const props = {
     value: configProps.value,
     placeholder: configProps.placeholder,
@@ -29,14 +26,26 @@ export const basePegaDxilMyUrl = () => {
         },
         getActionsApi: () => {
           return {
-            updateFieldValue: () => {/* nothing */},
-            triggerFieldChange: () => {/* nothing */}
+            updateFieldValue: () => {
+              /* nothing */
+            },
+            triggerFieldChange: () => {
+              /* nothing */
+            }
           };
         },
-        ignoreSuggestion: () => {/* nothing */},
-        acceptSuggestion: () => {/* nothing */},
-        setInheritedProps: () => {/* nothing */},
-        resolveConfigProps: () => {/* nothing */}
+        ignoreSuggestion: () => {
+          /* nothing */
+        },
+        acceptSuggestion: () => {
+          /* nothing */
+        },
+        setInheritedProps: () => {
+          /* nothing */
+        },
+        resolveConfigProps: () => {
+          /* nothing */
+        }
       };
     }
   };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";
@@ -67,7 +66,7 @@ const PegaDxilMyUrl = props => {
     } else if (!hasSuggestions && status !== 'success') {
       setStatus(validatemessage !== '' ? 'error' : undefined);
     }
-  }, [validatemessage, hasSuggestions]);
+  }, [validatemessage, hasSuggestions, status]);
 
   let displayComp = null;
   if (displayMode) {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/styles.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-relative-packages */
+
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/suggestions-handler.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 export const suggestionsHandler = (accepted, pConn, setStatus) => {
   if (accepted) {
     pConn.acceptSuggestion();

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/text-url.jsx

@@ -1,4 +1,5 @@
-/* eslint-disable import/no-relative-packages */
+
+/* eslint-disable react/jsx-fragments */
 import { useState, useRef, React} from "react";
 import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
 

package/src/tasks/create/templates/Constellation/Field/Decimal/styles.js.mustache

@@ -1,15 +0,0 @@
-/* eslint-disable import/no-relative-packages */
-// utilizing theming, comment out, if want individual style
-import styled from 'styled-components';
-import { Configuration } from '@pega/cosmos-react-core';
-
-export default styled(Configuration)``;
-
-// individual style, comment out above, and uncomment here and add styles
-// import styled, { css } from 'styled-components';
-//
-// export default styled.div(() => {
-//  return css`
-//    margin: 0px 0;
-//  `;
-// });

package/src/tasks/create/templates/Constellation/Field/Decimal/suggestions-handler.js

@@ -1,10 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-export const suggestionsHandler = (accepted, pConn, setStatus) => {
-  if (accepted) {
-    pConn.acceptSuggestion();
-    setStatus('success');
-  } else {
-    pConn.ignoreSuggestion();
-    setStatus(undefined);
-  }
-};

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/styles.js.mustache

@@ -1,15 +0,0 @@
-/* eslint-disable import/no-relative-packages */
-// utilizing theming, comment out, if want individual style
-import styled from 'styled-components';
-import { Configuration } from '@pega/cosmos-react-core';
-
-export default styled(Configuration)``;
-
-// individual style, comment out above, and uncomment here and add styles
-// import styled, { css } from 'styled-components';
-//
-// export default styled.div(() => {
-//  return css`
-//    margin: 0px 0;
-//  `;
-// });

package/src/tasks/create/templates/Constellation/Field/Integer/event-utils.js.mustache

@@ -1,18 +0,0 @@
-const handleEvent = (actions, eventType, propName, value) => {
-  switch (eventType) {
-    case "change":
-      actions.updateFieldValue(propName, value);
-      break;
-    case "blur":
-      actions.triggerFieldChange(propName, value);
-      break;
-    case "changeNblur":
-      actions.updateFieldValue(propName, value);
-      actions.triggerFieldChange(propName, value);
-      break;
-    default:
-      break;
-  }
-};
-
-export default handleEvent;

package/src/tasks/create/templates/Constellation/Field/Integer/styles.js.mustache

@@ -1,15 +0,0 @@
-/* eslint-disable import/no-relative-packages */
-// utilizing theming, comment out, if want individual style
-import styled from 'styled-components';
-import { Configuration } from '@pega/cosmos-react-core';
-
-export default styled(Configuration)``;
-
-// individual style, comment out above, and uncomment here and add styles
-// import styled, { css } from 'styled-components';
-//
-// export default styled.div(() => {
-//  return css`
-//    margin: 0px 0;
-//  `;
-// });

package/src/tasks/create/templates/Constellation/Field/Integer/suggestions-handler.js

@@ -1,10 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-export const suggestionsHandler = (accepted, pConn, setStatus) => {
-  if (accepted) {
-    pConn.acceptSuggestion();
-    setStatus('success');
-  } else {
-    pConn.ignoreSuggestion();
-    setStatus(undefined);
-  }
-};