New source found from dndbeyond.com

ddb_main/tools/js/CharacterBuilder/containers/pages/DescriptionManage/DescriptionManage.tsx

@@ -1163,8 +1163,12 @@ class DescriptionManage extends React.PureComponent<Props, State> {
     return (
       <React.Fragment>
         <div className="ct-character-tools__marketplace-callout">
-          Looking for something not in the list below? Unlock all official
-          options in the <Link href="/marketplace">Marketplace</Link>.
+          Check your source settings on the <strong>Home</strong> tab if you
+          can't find Backgrounds you've purchased.
+          <br />
+          Expand your library in the{" "}
+          <Link href="/marketplace">Marketplace</Link> for more Background
+          options.
         </div>
         <div className="description-manage-background-chooser-con">
           <div className="description-manage-background-chooser-field">

ddb_main/tools/js/CharacterBuilder/containers/pages/WhatsNext/WhatsNext.tsx

@@ -20,6 +20,7 @@ import PageHeader from "../../../components/PageHeader";
 import { builderEnvSelectors, builderSelectors } from "../../../selectors";
 import { BuilderAppState } from "../../../typings";
 import ConnectedBuilderPage from "../ConnectedBuilderPage";
+import styles from "./styles.module.css";
 
 interface Props extends DispatchProp {
   characterId: number | null;
@@ -243,6 +244,13 @@ class WhatsNext extends React.PureComponent<Props, State> {
             <div className="whats-next-action">{this.renderPdfButton()}</div>
           </div>
           {this.renderPdfData()}
+          {!isCharacterSheetReady && (
+            <p className={styles.returnToHomeText}>
+              If you are unable to create a character due to missing options,
+              return to the <strong>Home</strong> tab and change your source
+              settings.
+            </p>
+          )}
           <div className="whats-next-characters">
             <Link href={characterListingUrl}>View all my characters</Link>
           </div>

ddb_main/tools/js/Shared/components/common/FormCheckBoxesField/FormCheckBoxesField.tsx

@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { orderBy } from "lodash";
 import React from "react";
+import { v4 as uuidv4 } from "uuid";
 
 import { Checkbox } from "~/components/Checkbox";
 import { HtmlContent } from "~/components/HtmlContent";
@@ -81,6 +82,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
             </div>
             <div className={styles.checkbox}>
               <Checkbox
+                id={uuidv4()}
                 checked={checkbox.initiallyEnabled}
                 aria-label={checkbox.label}
                 onClick={checkbox.onChange}
@@ -121,6 +123,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
             <div className={styles.group} key={idx}>
               <div className={styles.checkbox}>
                 <Checkbox
+                  id={uuidv4()}
                   checked={checkbox.initiallyEnabled}
                   aria-label={checkbox.label}
                   onClick={checkbox.onChange}
@@ -174,6 +177,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
               onCheckUncheckAll &&
               variant === CheckboxVariant.DEFAULT && (
                 <Checkbox
+                  id={uuidv4()}
                   checked={allChecksEnabled}
                   aria-label="Check/Uncheck all"
                   onClick={onCheckUncheckAll.onChange}
@@ -215,6 +219,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
           <div className={styles.summaryHeadingGroup}>
             {checkUncheckAllEnabled && onCheckUncheckAll && (
               <Checkbox
+                id={uuidv4()}
                 checked={allChecksEnabled}
                 aria-label="Check/Uncheck all"
                 onClick={onCheckUncheckAll.onChange}