@saasquatch/mint-components 1.5.6-4 → 1.6.0-0

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js

@@ -13,47 +13,45 @@ export class PortalResetPassword {
     /**
      * The page that users are redirected to when the password reset succeeds.
      *
-     * @uiName Next Page Path
+     * @uiName Next page path
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to if the reset fails due to outdated password reset attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Failed page redirection path
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field
-     *
-     * @uiName Show Confirm Password
+     * @uiName Show confirm password
      */
     this.confirmPassword = false;
     /**
-     * @uiName Reset Password Header Text
+     * @uiName Password reset header text
      */
     this.resetPasswordHeader = "Reset your password";
     /**
      * Displayed after a successful password reset
      *
-     * @uiName Successful Password Reset Text
+     * @uiName Password reset header text
      */
     this.passwordResetHeader = "Password reset";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
-     * Button text displayed after a successful password reset
+     * Displayed after a successful password reset
      *
-     * @uiName Continue Button Text
+     * @uiName Continue button text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Confirm password field label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Label
+     * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
     withHooks(this);
@@ -80,7 +78,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Next page path",
             "name": "uiName"
           }],
         "text": "The page that users are redirected to when the password reset succeeds."
@@ -101,7 +99,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Failed Page Path",
+            "text": "Failed page redirection path",
             "name": "uiName"
           }],
         "text": "The page that users are redirected to if the reset fails due to outdated password reset attempt."
@@ -122,10 +120,10 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Show Confirm Password",
+            "text": "Show confirm password",
             "name": "uiName"
           }],
-        "text": "Show or hide confirm password field"
+        "text": ""
       },
       "attribute": "confirm-password",
       "reflect": false,
@@ -143,7 +141,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Reset Password Header Text",
+            "text": "Password reset header text",
             "name": "uiName"
           }],
         "text": ""
@@ -164,7 +162,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Successful Password Reset Text",
+            "text": "Password reset header text",
             "name": "uiName"
           }],
         "text": "Displayed after a successful password reset"
@@ -185,7 +183,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Reset Button Text",
+            "text": "Password reset button text",
             "name": "uiName"
           }],
         "text": ""
@@ -206,10 +204,10 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Continue Button Text",
+            "text": "Continue button text",
             "name": "uiName"
           }],
-        "text": "Button text displayed after a successful password reset"
+        "text": "Displayed after a successful password reset"
       },
       "attribute": "continue-button-text",
       "reflect": false,
@@ -227,7 +225,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Confirm Password Label",
+            "text": "Confirm password field label",
             "name": "uiName"
           }],
         "text": ""
@@ -248,7 +246,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "Password field label",
             "name": "uiName"
           }],
         "text": ""

package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js

@@ -3,7 +3,7 @@ import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useVerifyPasswordResetCodeMutation, useResetPasswordMutation, } from "@saasquatch/component-boilerplate";
 import { sanitizeUrlPath } from "../../utils/utils";
 export function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
   const [verifyPasswordResetCode, verifyPasswordResetCodeState] = useVerifyPasswordResetCodeMutation();
@@ -59,9 +59,10 @@ export function usePortalResetPassword(props) {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
+      error: ((_f = (_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
+        error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_f = verifyPasswordResetCodeState.data) === null || _f === void 0 ? void 0 : _f.verifyManagedIdentityPasswordResetCode.success,
+      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
       content: {
         passwordResetHeader: props.passwordResetHeader,
         resetPasswordHeader: props.resetPasswordHeader,

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js

@@ -13,13 +13,13 @@ export class PortalVerifyEmail {
     /**
      * The page that users are redirected to when the verification succeeds.
      *
-     * @uiName Next Page Path
+     * @uiName Next page path
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to if verification fails due to outdated verification attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Failed page redirection path
      */
     this.failedPage = "/";
     withHooks(this);
@@ -46,7 +46,7 @@ export class PortalVerifyEmail {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Next Page Path",
+            "text": "Next page path",
             "name": "uiName"
           }],
         "text": "The page that users are redirected to when the verification succeeds."
@@ -67,7 +67,7 @@ export class PortalVerifyEmail {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Failed Page Path",
+            "text": "Failed page redirection path",
             "name": "uiName"
           }],
         "text": "The page that users are redirected to if verification fails due to outdated verification attempt."

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
 import { sanitizeUrlPath } from "../../utils/utils";
 export function usePortalVerifyEmail({ nextPage, failedPage }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const [verified, setVerified] = useState(false);
   const [disableContinue, setDisableContinue] = useState(true);
   const userIdent = useUserIdentity();
@@ -65,7 +65,8 @@ export function usePortalVerifyEmail({ nextPage, failedPage }) {
   return {
     states: {
       loading: loading || disableContinue,
-      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
+      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
+        error,
       verified,
     },
     data: {

package/dist/collection/components/sqm-program-explainer/sqm-program-explainer.js

@@ -4,9 +4,6 @@ import { getProps } from "../../utils/utils";
 import { ProgramExplainerView } from "./sqm-program-explainer-view";
 /**
  * @uiName Program Explainer
- * @exampleGroup Common Components
- * @slot [{"name":"", title":"Explainer", "validChildren":["sqm-program-explainer-step"]}]
- * @examples Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people" text-color="#000000"></sqm-program-explainer-step></sqm-program-explainer>
  */
 export class ProgramExplainer {
   constructor() {

package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step.js

@@ -4,9 +4,6 @@ import { getProps } from "../../utils/utils";
 import { ProgramExplainerStepView } from "./sqm-program-explainer-step-view";
 /**
  * @uiName Program Explainer Step
- * @exampleGroup Common Components
- * @example Program Explainer Step - <sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step>
- * @validParents ["sqm-program-explainer"]
  */
 export class ProgramExplainerStep {
   constructor() {

package/dist/collection/components/sqm-referral-card/sqm-referral-card.js

@@ -4,9 +4,6 @@ import { getProps } from "../../utils/utils";
 import { ReferralCardView } from "./sqm-referral-card-view";
 /**
  * @uiName Referral Card
- * @exampleGroup Referrals
- * @slots [{"name":"left","title":"Left Content"},{"name":"right","title":"Right Content"}]
- * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
  */
 export class ReferralCard {
   constructor() {

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js

@@ -13,13 +13,11 @@ export class SqmReferralIframe {
   constructor() {
     this.ignored = true;
     /**
-     * Height of the iframe container
-     * @uiName Iframe Height
+     * @uiName Height of the iframe container
      */
     this.iframeHeight = "100%";
     /**
-     * Width of the iframe container
-     * @uiName Iframe Width
+     * @uiName Width of the iframe container
      */
     this.iframeWidth = "100%";
     withHooks(this);
@@ -55,13 +53,13 @@ export class SqmReferralIframe {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Iframe Source",
+            "text": "URL of iframe to display",
             "name": "uiName"
           }, {
             "text": undefined,
-            "name": "required"
+            "name": "uiRequired"
           }],
-        "text": "URL of iframe to display"
+        "text": ""
       },
       "attribute": "iframe-src",
       "reflect": false
@@ -78,10 +76,10 @@ export class SqmReferralIframe {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Iframe Height",
+            "text": "Height of the iframe container",
             "name": "uiName"
           }],
-        "text": "Height of the iframe container"
+        "text": ""
       },
       "attribute": "iframe-height",
       "reflect": false,
@@ -99,10 +97,10 @@ export class SqmReferralIframe {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Iframe Width",
+            "text": "Width of the iframe container",
             "name": "uiName"
           }],
-        "text": "Width of the iframe container"
+        "text": ""
       },
       "attribute": "iframe-width",
       "reflect": false,

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-column.js

@@ -3,8 +3,6 @@ import { Component, getElement, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table Generic Column
- * @validParents ["sqm-referral-table"]
- * @exampleGroup Referrals
  */
 export class ReferralTableGenericColumn {
   constructor() {

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-date-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table Date Column
- * @validParents ["sqm-referral-table"]
- * @exampleGroup Referrals
  */
 export class ReferralTableDateColumn {
   constructor() {

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table Rewards Column
- * @validParents ["sqm-referral-table"]
- * @exampleGroup Referrals
  */
 export class ReferralTableRewardsColumn {
   constructor() {

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-status-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table Status Column
- * @validParents ["sqm-referral-table"]
- * @exampleGroup Referrals
  */
 export class ReferralTableStatusColumn {
   constructor() {

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-user-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table User Column
- * @validParents ["sqm-referral-table"]
- * @exampleGroup Referrals
  */
 export class ReferralTableUserColumn {
   constructor() {
@@ -13,15 +11,11 @@ export class ReferralTableUserColumn {
      */
     this.columnTitle = "Customer";
     /**
-     * Name displayed for unknown users
-     *
-     * @uiName Anonymous User Text
+     * @uiName Name displayed for anonymous users
      */
     this.anonymousUser = "Anonymous User";
     /**
-     * Name displayed for deleted users
-     *
-     * @uiName Deleted User Text
+     * @uiName Name displayed for deleted users
      */
     this.deletedUser = "Deleted User";
     withHooks(this);
@@ -108,10 +102,10 @@ export class ReferralTableUserColumn {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Anonymous User Text",
+            "text": "Name displayed for anonymous users",
             "name": "uiName"
           }],
-        "text": "Name displayed for unknown users"
+        "text": ""
       },
       "attribute": "anonymous-user",
       "reflect": false,
@@ -129,10 +123,10 @@ export class ReferralTableUserColumn {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Deleted User Text",
+            "text": "Name displayed for deleted users",
             "name": "uiName"
           }],
-        "text": "Name displayed for deleted users"
+        "text": ""
       },
       "attribute": "deleted-user",
       "reflect": false,

package/dist/collection/components/sqm-referral-table/sqm-referral-table.js

@@ -10,34 +10,23 @@ import mockReferralData from "./mockReferralData";
 import { tryMethod, useReferralTable } from "./useReferralTable";
 /**
  * @uiName Referral Table
- * @exampleGroup Referrals
- * @slot [{"name":"", "title":"Table Row"}]
  */
 export class ReferralTable {
   constructor() {
-    /**
-     * Number of referrals displayed per page
-     *
-     * @uiName Referrals Per Page
-     */
+    /** @uiName Number of referrals per page */
     this.perPage = 4;
-    /** @uiName Show Column Labels */
+    /** @uiName Show column labels */
     this.showLabels = true;
-    /** @uiName Previous Button Text  */
+    /** @uiName Previous button text  */
     this.prevLabel = "Prev";
-    /** @uiName View More Button Text  */
+    /** @uiName View More button text  */
     this.moreLabel = "Next";
-    /**
-     * Show referred by user in table
-     *
-     * @uiName Show Referrer
-     */
+    /** @uiName Show Referred by user in table  */
     this.showReferrer = false;
     /**
      * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
      *
-     * @uiName Hidden Mobile Columns
-     */
+     *  @uiName Mobile Hidden Columns  */
     this.hiddenColumns = "0";
     /** @uiName Mobile Breakpoint  */
     this.smBreakpoint = 599;
@@ -90,10 +79,10 @@ export class ReferralTable {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Referrals Per Page",
+            "text": "Number of referrals per page",
             "name": "uiName"
           }],
-        "text": "Number of referrals displayed per page"
+        "text": ""
       },
       "attribute": "per-page",
       "reflect": false,
@@ -111,7 +100,7 @@ export class ReferralTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Show Column Labels",
+            "text": "Show column labels",
             "name": "uiName"
           }],
         "text": ""
@@ -132,7 +121,7 @@ export class ReferralTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Previous Button Text",
+            "text": "Previous button text",
             "name": "uiName"
           }],
         "text": ""
@@ -153,7 +142,7 @@ export class ReferralTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "View More Button Text",
+            "text": "View More button text",
             "name": "uiName"
           }],
         "text": ""
@@ -174,10 +163,10 @@ export class ReferralTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Show Referrer",
+            "text": "Show Referred by user in table",
             "name": "uiName"
           }],
-        "text": "Show referred by user in table"
+        "text": ""
       },
       "attribute": "show-referrer",
       "reflect": false,
@@ -195,7 +184,7 @@ export class ReferralTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Hidden Mobile Columns",
+            "text": "Mobile Hidden Columns",
             "name": "uiName"
           }],
         "text": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3"

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -8,17 +8,12 @@ import { getProps } from "../../utils/utils";
 import { demoRewardExchange } from "./RewardExchangeListData";
 /**
  * @uiName Reward Exchange
- * @slot [{"name":"empty", title":"Empty State"}]
- * @exampleGroup Rewards
- * @example Reward Exchange - <sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available" > </sqm-empty></sqm-reward-exchange-list>
  */
 export class SqmRewardExchangeList {
   constructor() {
     this.ignored = true;
     /**
-     * Error message shown when reward is not available
-     *
-     * @uiName Not Available Error
+     * @uiName Exchange button text
      */
     this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";
     /**
@@ -50,7 +45,7 @@ export class SqmRewardExchangeList {
      */
     this.continueText = "Continue";
     /**
-     * Displayed on the reward selection page.
+    * Displayed on the reward selection page.
      * @uiName Continue to Confirmation Button Text
      */
     this.continueToConfirmationText = "Continue to confirmation";
@@ -59,20 +54,17 @@ export class SqmRewardExchangeList {
      */
     this.redeemText = "Redeem";
     /**
-     * Displayed as the header for the confirmation page.
-     *
+    * Displayed as the header for the confirmation page.
      * @uiName Confirmation Title Text
      */
     this.redeemTitle = "Confirm and redeem";
     /**
-     * Displayed on the success screen when a user successfully exchanges for a reward.
-     *
+    * Displayed on the success screen when a user successfully exchanges for a reward.
      * @uiName Redemption Success Message
      */
     this.redemptionSuccessText = "Redeemed {sourceValue} for {destinationValue}";
     /**
-     * Displayed on the reward exchange cards.
-     *
+    * Displayed on the reward exchange cards.
      * @uiName Reward Exchange Amount Text
      */
     this.sourceAmountMessage = "{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";
@@ -91,19 +83,17 @@ export class SqmRewardExchangeList {
      */
     this.selectText = "Select amount to receive";
     /**
-     * Shown if an error occurs when loading the reward exchange.
-     *
+    * Shown if an error occurs when loading the reward exchange.
      * @uiName Reward List Error Message
      */
     this.queryError = "Unable to load reward exchange list. Please try again";
     /**
-     * Shown if an error occurs during the reward exchange.
-     *
+    * Shown if an error occurs during the reward exchange.
      * @uiName Redemption Error Message
      */
     this.redemptionError = "An error occured trying to redeem this reward. Please try again";
     /**
-     * @uiName Not Enough Error Message
+     * @uiName Not Enough Available Error Message
      */
     this.notEnoughError = "Not enough {sourceUnit} to redeem for this reward";
     /**
@@ -117,7 +107,7 @@ export class SqmRewardExchangeList {
     /**
      * Set the number of placeholder cards to be shown in loading state.
      *
-     * @uiName Loading Cards
+     * @undocumented Loading Cards
      */
     this.skeletonCardNum = 8;
     /**
@@ -168,10 +158,10 @@ export class SqmRewardExchangeList {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Not Available Error",
+            "text": "Exchange button text",
             "name": "uiName"
           }],
-        "text": "Error message shown when reward is not available"
+        "text": ""
       },
       "attribute": "not-available-error",
       "reflect": false,
@@ -546,7 +536,7 @@ export class SqmRewardExchangeList {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Not Enough Error Message",
+            "text": "Not Enough Available Error Message",
             "name": "uiName"
           }],
         "text": ""
@@ -610,7 +600,7 @@ export class SqmRewardExchangeList {
       "docs": {
         "tags": [{
             "text": "Loading Cards",
-            "name": "uiName"
+            "name": "undocumented"
           }],
         "text": "Set the number of placeholder cards to be shown in loading state."
       },

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Reward Table Date Column
- * @validParents ["sqm-rewards-table"]
- * @exampleGroup Rewards
  */
 export class RewardTableDateColumn {
   constructor() {

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.js

@@ -3,8 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Reward Table Customer Note Column
- * @validParents ["sqm-rewards-table"]
- * @exampleGroup Rewards
  */
 export class RewardTableCustomerNoteColumn {
   constructor() {