@saasquatch/mint-components 1.5.0-3 → 1.5.0-33

package/dist/types/components.d.ts

@@ -27,13 +27,12 @@ import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-po
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
-import { ReferralTableViewProps } from "./components/sqm-referral-table/sqm-referral-table-view";
+import { GenericTableViewProps } from "./tables/GenericTableView";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
-import { GenericTableViewProps } from "./tables/GenericTableView";
-import { Reward } from "./components/sqm-rewards-table/useRewardsTable";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { ShareLinkViewProps } from "./components/sqm-share-link/sqm-share-link-view";
+import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface SqmAssetCard {
@@ -67,6 +66,11 @@ export namespace Components {
           * @uiName Flex Reverse - controls the order of the stat value & description column
          */
         "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+         */
+        "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -81,6 +85,22 @@ export namespace Components {
           * @uiName Brand Color
          */
         "brandColor": string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont": string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap": number;
+        /**
+          * @uiName Card Width
+         */
+        "width": number;
     }
     interface SqmDividedLayout {
         /**
@@ -207,6 +227,10 @@ export namespace Components {
           * @uiName Show the ranking numbers
          */
         "showRank": boolean;
+        /**
+          * @uiName Show viewing user's rank
+         */
+        "showUser": boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -249,6 +273,52 @@ export namespace Components {
          */
         "unrankedText": string;
     }
+    interface SqmMedia {
+        /**
+          * @uiName buttonLink
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName buttonNewTab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName buttonText
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName description
+         */
+        "description"?: string;
+        /**
+          * @uiName header
+         */
+        "header"?: string;
+        /**
+          * @uiName height
+         */
+        "height"?: string;
+        /**
+          * @uiName imageDescription
+         */
+        "imageDescription"?: string;
+        /**
+          * @uiName imageHeader
+         */
+        "imageHeader"?: string;
+        /**
+          * @uiName imgUrl
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName objectFit
+         */
+        "objectFit"?: string;
+        /**
+          * @uiName width
+         */
+        "width"?: string;
+    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -392,6 +462,10 @@ export namespace Components {
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "gap": Spacing;
+        /**
+          * @uiName Maximum width
+         */
+        "maxWidth"?: string;
         /**
           * @uiName Minimum width
          */
@@ -413,6 +487,11 @@ export namespace Components {
           * @uiName Email verification header text
          */
         "emailVerificationHeader": string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Re-send email button text
          */
@@ -482,6 +561,15 @@ export namespace Components {
           * @uiName Email label
          */
         "emailLabel": string;
+        /**
+          * @uiName Routing path to login page
+         */
+        "loginPath": string;
+        /**
+          * The page that users are redirected to from the password reset email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Password reset button text
          */
@@ -508,6 +596,10 @@ export namespace Components {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel": string;
+        /**
+          * @uiName Forgot password button redirect path
+         */
+        "forgotPasswordPath": string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -524,6 +616,10 @@ export namespace Components {
           * @uiName Label for register navigation button
          */
         "registerLabel": string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -618,6 +714,10 @@ export namespace Components {
           * @uiName Label for login navigation button
          */
         "loginLabel": string;
+        /**
+          * @uiName Sign in button redirection path
+         */
+        "loginPath": string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -630,6 +730,11 @@ export namespace Components {
           * @uiName Label for password field
          */
         "passwordLabel": string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -655,6 +760,12 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
+          * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage": string;
+        /**
+          * The page that users are redirected to when the password reset succeeds.
           * @uiName Next page path
          */
         "nextPage": string;
@@ -683,41 +794,62 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
+          * The page that users are redirected to if verification fails due to outdated verification attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage": string;
+        /**
+          * The page that users are redirected to when the verification succeeds.
           * @uiName Next page path
          */
         "nextPage": string;
     }
     interface SqmProgramExplainer {
         /**
-          * @uiName Background
+          * @uiName Card Background Color
           * @uiWidget color
          */
-        "background": string;
+        "cardBackground": string;
         /**
-          * @uiName Color
+          * @uiName Card Text Color
           * @uiWidget color
          */
-        "color": string;
+        "cardColor": string;
         /**
-          * @uiName Description
+          * @uiName Card Description
          */
-        "description": string;
+        "cardDescription": string;
+        /**
+          * @uiName Card Title
+         */
+        "cardTitle": string;
         /**
-          * @uiName Header
+          * @uiName Header Text
          */
         "header": string;
         /**
-          * @uiName Title
+          * @uiName Header Background Color
+          * @uiWidget color
+         */
+        "headerBackground": string;
+        /**
+          * @uiName Header Text Color
+          * @uiWidget color
          */
-        "title": string;
+        "headerColor": string;
     }
     interface SqmProgramExplainerStep {
         /**
           * @uiName Background
          */
         "background": string;
+        /**
+          * @uiName Title
+         */
+        "cardTitle": string;
         /**
           * @uiName Color
+          * @uiWidget color
          */
         "color": string;
         /**
@@ -725,9 +857,9 @@ export namespace Components {
          */
         "description": string;
         /**
-          * @uiName Title
+          * @uiName Icon
          */
-        "title": string;
+        "icon": string;
     }
     interface SqmProgramMenu {
     }
@@ -756,7 +888,19 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -782,6 +926,10 @@ export namespace Components {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate": string;
@@ -866,6 +1014,12 @@ export namespace Components {
         "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
+    }
     interface SqmRewardExchangeList {
         /**
           * @uiName Back Button Text
@@ -916,6 +1070,10 @@ export namespace Components {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError": string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode": string;
         /**
           * @uiName Reward List Error Message
          */
@@ -932,7 +1090,31 @@ export namespace Components {
           * @uiName Redemption Error Message
          */
         "redemptionError": string;
+        /**
+          * @uiName Redemption Success Message
+         */
         "redemptionSuccessText": string;
+        /**
+          * @uiName Reward Title Text
+         */
+        "rewardTitle": string;
+        /**
+          * @uiName Select Amount Text
+         */
+        "selectText": string;
+        /**
+          * @uiName Number of Skeleton Cards
+         */
+        "skeletonCardNum": number;
+        /**
+          * @uiName Reward Exchange Amount Text
+         */
+        "sourceAmountMessage": string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tool Tip Text
+         */
+        "tooltiptext": string;
     }
     interface SqmRewardsTable {
         /**
@@ -940,6 +1122,18 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -962,22 +1156,106 @@ export namespace Components {
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * @uiName Hide Columns (Mobile View)
          */
-        "showReferrer"?: boolean;
+        "smBreakpoint"?: number;
     }
-    interface SqmRewardsTableColumn {
+    interface SqmRewardsTableDateCell {
+        "date": number;
+    }
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+         */
+        "dateShown": string;
+        "renderCell": (data: Reward[]) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Available Amount Text
+         */
+        "availableText": string;
         /**
           * @uiName Reward column title
          */
         "columnTitle": string;
         /**
-          * @uiName Hide dropdown details of reward
+          * @uiName Redeemed Amount Text
          */
-        "hideDetails": boolean;
+        "redeemedText": string;
         "renderCell": (data: Reward[]) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
+    interface SqmRewardsTableRewardsCell {
+        "availableText": string;
+        "redeemedText": string;
+        "reward": Reward;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText": string;
+        "deletedUserText": string;
+        "referralText": string;
+        "reward": Reward;
+        "rewardExchangeText": string;
+        "rewardSourceText": string;
+    }
+    interface SqmRewardsTableSourceColumn {
+        /**
+          * @uiName Name displayed for anonymous users
+         */
+        "anonymousUser": string;
+        /**
+          * @uiName User Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Name displayed for deleted users
+         */
+        "deletedUser": string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral Text
+         */
+        "referralText": string;
+        "renderCell": (data: Reward[]) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Exchange label
+         */
+        "rewardExchangeText": string;
+        /**
+          * @uiName Reward Source Text
+         */
+        "rewardSourceText": string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "expiryText": string;
+        "reward": Reward;
+        "statusText": string;
+    }
+    interface SqmRewardsTableStatusColumn {
+        /**
+          * @uiName Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Expired Status Text
+         */
+        "expiryText": string;
+        "renderCell": (data: Reward[]) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText": string;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -987,6 +1265,14 @@ export namespace Components {
     interface SqmRouter {
     }
     interface SqmShareButton {
+        /**
+          * @uiName Button background color
+         */
+        "backgroundcolor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderradius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -1058,6 +1344,10 @@ export namespace Components {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -1145,12 +1435,36 @@ export namespace Components {
           * @uiName Title Text
          */
         "cardTitle": string;
+        /**
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed Count Text
+         */
+        "completedText": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
          */
         "description": string;
         /**
-          * @uiName Repeat Amount (0 for no limit)
+          * Shown to users after the end of the task duration.
+          * @uiName Ended Date Message
+         */
+        "endedMessage": string;
+        /**
+          * @uiName Event key of task card button
+         */
+        "eventKey"?: string;
+        /**
+          * @uiName Expiry Date Message
+         */
+        "expiryMessage": string;
+        /**
+          * The number of times a reward can be earned.  Use zero for no limit (the default).
+          * @uiName Repeat Amount
          */
         "finite": number;
         /**
@@ -1164,7 +1478,7 @@ export namespace Components {
         /**
           * @uiName Progress Bar Unit
          */
-        "progressBarUnit"?: string;
+        "progressBarUnit": string;
         /**
           * @uiName Goal Repeatable
          */
@@ -1191,6 +1505,11 @@ export namespace Components {
           * @uiName Show Progress Bar
          */
         "showProgressBar": boolean;
+        /**
+          * Shown to users before the start of the task duration.
+          * @uiName Start Date Message
+         */
+        "startsOnMessage": string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -1267,6 +1586,12 @@ declare global {
         prototype: HTMLSqmBrandElement;
         new (): HTMLSqmBrandElement;
     };
+    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
+    }
+    var HTMLSqmCardFeedElement: {
+        prototype: HTMLSqmCardFeedElement;
+        new (): HTMLSqmCardFeedElement;
+    };
     interface HTMLSqmDividedLayoutElement extends Components.SqmDividedLayout, HTMLStencilElement {
     }
     var HTMLSqmDividedLayoutElement: {
@@ -1315,6 +1640,12 @@ declare global {
         prototype: HTMLSqmLeaderboardRankElement;
         new (): HTMLSqmLeaderboardRankElement;
     };
+    interface HTMLSqmMediaElement extends Components.SqmMedia, HTMLStencilElement {
+    }
+    var HTMLSqmMediaElement: {
+        prototype: HTMLSqmMediaElement;
+        new (): HTMLSqmMediaElement;
+    };
     interface HTMLSqmNameFieldsElement extends Components.SqmNameFields, HTMLStencilElement {
     }
     var HTMLSqmNameFieldsElement: {
@@ -1519,6 +1850,12 @@ declare global {
         prototype: HTMLSqmReferralTableUserColumnElement;
         new (): HTMLSqmReferralTableUserColumnElement;
     };
+    interface HTMLSqmRefreshButtonElement extends Components.SqmRefreshButton, HTMLStencilElement {
+    }
+    var HTMLSqmRefreshButtonElement: {
+        prototype: HTMLSqmRefreshButtonElement;
+        new (): HTMLSqmRefreshButtonElement;
+    };
     interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
     var HTMLSqmRewardExchangeListElement: {
@@ -1531,11 +1868,53 @@ declare global {
         prototype: HTMLSqmRewardsTableElement;
         new (): HTMLSqmRewardsTableElement;
     };
-    interface HTMLSqmRewardsTableColumnElement extends Components.SqmRewardsTableColumn, HTMLStencilElement {
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmRewardsTableColumnElement: {
-        prototype: HTMLSqmRewardsTableColumnElement;
-        new (): HTMLSqmRewardsTableColumnElement;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardsCellElement extends Components.SqmRewardsTableRewardsCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardsCellElement: {
+        prototype: HTMLSqmRewardsTableRewardsCellElement;
+        new (): HTMLSqmRewardsTableRewardsCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
     };
     interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
@@ -1625,6 +2004,7 @@ declare global {
         "sqm-asset-card": HTMLSqmAssetCardElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
         "sqm-form-message": HTMLSqmFormMessageElement;
@@ -1633,6 +2013,7 @@ declare global {
         "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-media": HTMLSqmMediaElement;
         "sqm-name-fields": HTMLSqmNameFieldsElement;
         "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
         "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
@@ -1667,9 +2048,17 @@ declare global {
         "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
         "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
         "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-refresh-button": HTMLSqmRefreshButtonElement;
         "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
         "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-column": HTMLSqmRewardsTableColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-rewards-cell": HTMLSqmRewardsTableRewardsCellElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
         "sqm-route": HTMLSqmRouteElement;
         "sqm-router": HTMLSqmRouterElement;
         "sqm-share-button": HTMLSqmShareButtonElement;
@@ -1718,6 +2107,11 @@ declare namespace LocalJSX {
           * @uiName Flex Reverse - controls the order of the stat value & description column
          */
         "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+         */
+        "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -1732,6 +2126,22 @@ declare namespace LocalJSX {
           * @uiName Brand Color
          */
         "brandColor"?: string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card Width
+         */
+        "width"?: number;
     }
     interface SqmDividedLayout {
         /**
@@ -1858,6 +2268,10 @@ declare namespace LocalJSX {
           * @uiName Show the ranking numbers
          */
         "showRank"?: boolean;
+        /**
+          * @uiName Show viewing user's rank
+         */
+        "showUser"?: boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -1900,6 +2314,52 @@ declare namespace LocalJSX {
          */
         "unrankedText"?: string;
     }
+    interface SqmMedia {
+        /**
+          * @uiName buttonLink
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName buttonNewTab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName buttonText
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName description
+         */
+        "description"?: string;
+        /**
+          * @uiName header
+         */
+        "header"?: string;
+        /**
+          * @uiName height
+         */
+        "height"?: string;
+        /**
+          * @uiName imageDescription
+         */
+        "imageDescription"?: string;
+        /**
+          * @uiName imageHeader
+         */
+        "imageHeader"?: string;
+        /**
+          * @uiName imgUrl
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName objectFit
+         */
+        "objectFit"?: string;
+        /**
+          * @uiName width
+         */
+        "width"?: string;
+    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -2043,6 +2503,10 @@ declare namespace LocalJSX {
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "gap"?: Spacing;
+        /**
+          * @uiName Maximum width
+         */
+        "maxWidth"?: string;
         /**
           * @uiName Minimum width
          */
@@ -2064,6 +2528,11 @@ declare namespace LocalJSX {
           * @uiName Email verification header text
          */
         "emailVerificationHeader"?: string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Re-send email button text
          */
@@ -2133,6 +2602,15 @@ declare namespace LocalJSX {
           * @uiName Email label
          */
         "emailLabel"?: string;
+        /**
+          * @uiName Routing path to login page
+         */
+        "loginPath"?: string;
+        /**
+          * The page that users are redirected to from the password reset email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Password reset button text
          */
@@ -2159,6 +2637,10 @@ declare namespace LocalJSX {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel"?: string;
+        /**
+          * @uiName Forgot password button redirect path
+         */
+        "forgotPasswordPath"?: string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -2175,6 +2657,10 @@ declare namespace LocalJSX {
           * @uiName Label for register navigation button
          */
         "registerLabel"?: string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2269,6 +2755,10 @@ declare namespace LocalJSX {
           * @uiName Label for login navigation button
          */
         "loginLabel"?: string;
+        /**
+          * @uiName Sign in button redirection path
+         */
+        "loginPath"?: string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -2281,6 +2771,11 @@ declare namespace LocalJSX {
           * @uiName Label for password field
          */
         "passwordLabel"?: string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2306,6 +2801,12 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
+          * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage"?: string;
+        /**
+          * The page that users are redirected to when the password reset succeeds.
           * @uiName Next page path
          */
         "nextPage"?: string;
@@ -2334,41 +2835,62 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
+          * The page that users are redirected to if verification fails due to outdated verification attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage"?: string;
+        /**
+          * The page that users are redirected to when the verification succeeds.
           * @uiName Next page path
          */
         "nextPage"?: string;
     }
     interface SqmProgramExplainer {
         /**
-          * @uiName Background
+          * @uiName Card Background Color
           * @uiWidget color
          */
-        "background"?: string;
+        "cardBackground"?: string;
         /**
-          * @uiName Color
+          * @uiName Card Text Color
           * @uiWidget color
          */
-        "color"?: string;
+        "cardColor"?: string;
         /**
-          * @uiName Description
+          * @uiName Card Description
          */
-        "description"?: string;
+        "cardDescription"?: string;
         /**
-          * @uiName Header
+          * @uiName Card Title
+         */
+        "cardTitle"?: string;
+        /**
+          * @uiName Header Text
          */
         "header"?: string;
         /**
-          * @uiName Title
+          * @uiName Header Background Color
+          * @uiWidget color
+         */
+        "headerBackground"?: string;
+        /**
+          * @uiName Header Text Color
+          * @uiWidget color
          */
-        "title"?: string;
+        "headerColor"?: string;
     }
     interface SqmProgramExplainerStep {
         /**
           * @uiName Background
          */
         "background"?: string;
+        /**
+          * @uiName Title
+         */
+        "cardTitle"?: string;
         /**
           * @uiName Color
+          * @uiWidget color
          */
         "color"?: string;
         /**
@@ -2376,9 +2898,9 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * @uiName Title
+          * @uiName Icon
          */
-        "title"?: string;
+        "icon"?: string;
     }
     interface SqmProgramMenu {
     }
@@ -2407,7 +2929,19 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2433,6 +2967,10 @@ declare namespace LocalJSX {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate"?: string;
@@ -2507,6 +3045,12 @@ declare namespace LocalJSX {
          */
         "deletedUser"?: string;
     }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
+    }
     interface SqmRewardExchangeList {
         /**
           * @uiName Back Button Text
@@ -2557,6 +3101,10 @@ declare namespace LocalJSX {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError"?: string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode"?: string;
         /**
           * @uiName Reward List Error Message
          */
@@ -2573,7 +3121,31 @@ declare namespace LocalJSX {
           * @uiName Redemption Error Message
          */
         "redemptionError"?: string;
+        /**
+          * @uiName Redemption Success Message
+         */
         "redemptionSuccessText"?: string;
+        /**
+          * @uiName Reward Title Text
+         */
+        "rewardTitle"?: string;
+        /**
+          * @uiName Select Amount Text
+         */
+        "selectText"?: string;
+        /**
+          * @uiName Number of Skeleton Cards
+         */
+        "skeletonCardNum"?: number;
+        /**
+          * @uiName Reward Exchange Amount Text
+         */
+        "sourceAmountMessage"?: string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tool Tip Text
+         */
+        "tooltiptext"?: string;
     }
     interface SqmRewardsTable {
         /**
@@ -2581,6 +3153,18 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2603,19 +3187,97 @@ declare namespace LocalJSX {
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * @uiName Hide Columns (Mobile View)
          */
-        "showReferrer"?: boolean;
+        "smBreakpoint"?: number;
     }
-    interface SqmRewardsTableColumn {
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+    }
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+         */
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Available Amount Text
+         */
+        "availableText"?: string;
         /**
           * @uiName Reward column title
          */
         "columnTitle"?: string;
         /**
-          * @uiName Hide dropdown details of reward
+          * @uiName Redeemed Amount Text
          */
-        "hideDetails"?: boolean;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableRewardsCell {
+        "availableText"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
+        /**
+          * @uiName Name displayed for anonymous users
+         */
+        "anonymousUser"?: string;
+        /**
+          * @uiName User Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Name displayed for deleted users
+         */
+        "deletedUser"?: string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral Text
+         */
+        "referralText"?: string;
+        /**
+          * @uiName Reward Exchange label
+         */
+        "rewardExchangeText"?: string;
+        /**
+          * @uiName Reward Source Text
+         */
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "expiryText"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
+        /**
+          * @uiName Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Expired Status Text
+         */
+        "expiryText"?: string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText"?: string;
     }
     interface SqmRoute {
         /**
@@ -2626,6 +3288,14 @@ declare namespace LocalJSX {
     interface SqmRouter {
     }
     interface SqmShareButton {
+        /**
+          * @uiName Button background color
+         */
+        "backgroundcolor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderradius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -2697,6 +3367,10 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -2784,12 +3458,36 @@ declare namespace LocalJSX {
           * @uiName Title Text
          */
         "cardTitle"?: string;
+        /**
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed Count Text
+         */
+        "completedText"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
          */
         "description"?: string;
         /**
-          * @uiName Repeat Amount (0 for no limit)
+          * Shown to users after the end of the task duration.
+          * @uiName Ended Date Message
+         */
+        "endedMessage"?: string;
+        /**
+          * @uiName Event key of task card button
+         */
+        "eventKey"?: string;
+        /**
+          * @uiName Expiry Date Message
+         */
+        "expiryMessage"?: string;
+        /**
+          * The number of times a reward can be earned.  Use zero for no limit (the default).
+          * @uiName Repeat Amount
          */
         "finite"?: number;
         /**
@@ -2830,6 +3528,11 @@ declare namespace LocalJSX {
           * @uiName Show Progress Bar
          */
         "showProgressBar"?: boolean;
+        /**
+          * Shown to users before the start of the task duration.
+          * @uiName Start Date Message
+         */
+        "startsOnMessage"?: string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -2890,6 +3593,7 @@ declare namespace LocalJSX {
         "sqm-asset-card": SqmAssetCard;
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
+        "sqm-card-feed": SqmCardFeed;
         "sqm-divided-layout": SqmDividedLayout;
         "sqm-edit-profile": SqmEditProfile;
         "sqm-form-message": SqmFormMessage;
@@ -2898,6 +3602,7 @@ declare namespace LocalJSX {
         "sqm-hook-story-container": SqmHookStoryContainer;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
+        "sqm-media": SqmMedia;
         "sqm-name-fields": SqmNameFields;
         "sqm-navigation-menu": SqmNavigationMenu;
         "sqm-navigation-sidebar": SqmNavigationSidebar;
@@ -2932,9 +3637,17 @@ declare namespace LocalJSX {
         "sqm-referral-table-status-column": SqmReferralTableStatusColumn;
         "sqm-referral-table-user-cell": SqmReferralTableUserCell;
         "sqm-referral-table-user-column": SqmReferralTableUserColumn;
+        "sqm-refresh-button": SqmRefreshButton;
         "sqm-reward-exchange-list": SqmRewardExchangeList;
         "sqm-rewards-table": SqmRewardsTable;
-        "sqm-rewards-table-column": SqmRewardsTableColumn;
+        "sqm-rewards-table-date-cell": SqmRewardsTableDateCell;
+        "sqm-rewards-table-date-column": SqmRewardsTableDateColumn;
+        "sqm-rewards-table-reward-column": SqmRewardsTableRewardColumn;
+        "sqm-rewards-table-rewards-cell": SqmRewardsTableRewardsCell;
+        "sqm-rewards-table-source-cell": SqmRewardsTableSourceCell;
+        "sqm-rewards-table-source-column": SqmRewardsTableSourceColumn;
+        "sqm-rewards-table-status-cell": SqmRewardsTableStatusCell;
+        "sqm-rewards-table-status-column": SqmRewardsTableStatusColumn;
         "sqm-route": SqmRoute;
         "sqm-router": SqmRouter;
         "sqm-share-button": SqmShareButton;
@@ -2958,6 +3671,7 @@ declare module "@stencil/core" {
             "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
+            "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
             "sqm-form-message": LocalJSX.SqmFormMessage & JSXBase.HTMLAttributes<HTMLSqmFormMessageElement>;
@@ -2966,6 +3680,7 @@ declare module "@stencil/core" {
             "sqm-hook-story-container": LocalJSX.SqmHookStoryContainer & JSXBase.HTMLAttributes<HTMLSqmHookStoryContainerElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
+            "sqm-media": LocalJSX.SqmMedia & JSXBase.HTMLAttributes<HTMLSqmMediaElement>;
             "sqm-name-fields": LocalJSX.SqmNameFields & JSXBase.HTMLAttributes<HTMLSqmNameFieldsElement>;
             "sqm-navigation-menu": LocalJSX.SqmNavigationMenu & JSXBase.HTMLAttributes<HTMLSqmNavigationMenuElement>;
             "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarElement>;
@@ -3000,9 +3715,17 @@ declare module "@stencil/core" {
             "sqm-referral-table-status-column": LocalJSX.SqmReferralTableStatusColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableStatusColumnElement>;
             "sqm-referral-table-user-cell": LocalJSX.SqmReferralTableUserCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserCellElement>;
             "sqm-referral-table-user-column": LocalJSX.SqmReferralTableUserColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserColumnElement>;
+            "sqm-refresh-button": LocalJSX.SqmRefreshButton & JSXBase.HTMLAttributes<HTMLSqmRefreshButtonElement>;
             "sqm-reward-exchange-list": LocalJSX.SqmRewardExchangeList & JSXBase.HTMLAttributes<HTMLSqmRewardExchangeListElement>;
             "sqm-rewards-table": LocalJSX.SqmRewardsTable & JSXBase.HTMLAttributes<HTMLSqmRewardsTableElement>;
-            "sqm-rewards-table-column": LocalJSX.SqmRewardsTableColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableColumnElement>;
+            "sqm-rewards-table-date-cell": LocalJSX.SqmRewardsTableDateCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableDateCellElement>;
+            "sqm-rewards-table-date-column": LocalJSX.SqmRewardsTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableDateColumnElement>;
+            "sqm-rewards-table-reward-column": LocalJSX.SqmRewardsTableRewardColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardColumnElement>;
+            "sqm-rewards-table-rewards-cell": LocalJSX.SqmRewardsTableRewardsCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardsCellElement>;
+            "sqm-rewards-table-source-cell": LocalJSX.SqmRewardsTableSourceCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableSourceCellElement>;
+            "sqm-rewards-table-source-column": LocalJSX.SqmRewardsTableSourceColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableSourceColumnElement>;
+            "sqm-rewards-table-status-cell": LocalJSX.SqmRewardsTableStatusCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableStatusCellElement>;
+            "sqm-rewards-table-status-column": LocalJSX.SqmRewardsTableStatusColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableStatusColumnElement>;
             "sqm-route": LocalJSX.SqmRoute & JSXBase.HTMLAttributes<HTMLSqmRouteElement>;
             "sqm-router": LocalJSX.SqmRouter & JSXBase.HTMLAttributes<HTMLSqmRouterElement>;
             "sqm-share-button": LocalJSX.SqmShareButton & JSXBase.HTMLAttributes<HTMLSqmShareButtonElement>;