@saasquatch/mint-components 1.5.0-4 → 1.5.0-43

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
@@ -87,6 +91,17 @@ export namespace Components {
          */
         "brandFont": string;
     }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap": number;
+        /**
+          * @uiName Card Width
+         */
+        "width": number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -186,6 +201,10 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<LeaderboardViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
         /**
           * @uiName Leaderboard time interval
           * @uiWidget DateRange
@@ -212,6 +231,10 @@ export namespace Components {
           * @uiName Show the ranking numbers
          */
         "showRank": boolean;
+        /**
+          * @uiName Show viewing user's rank
+         */
+        "showUser": boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -254,6 +277,64 @@ export namespace Components {
          */
         "unrankedText": string;
     }
+    interface SqmMedia {
+        /**
+          * @uiName Image Link
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "imageMobilePos": "top" | "bottom";
+        /**
+          * @uiName Image Link
+         */
+        "imagePos": "left" | "right";
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl": string;
+        /**
+          * @uiName Image Link
+         */
+        "layout": "overlay" | "columns";
+        /**
+          * @uiName Image Link
+         */
+        "minHeight": string;
+        /**
+          * @uiName Image Link
+         */
+        "overlayColor": string;
+        /**
+          * @uiName Image Link
+         */
+        "overlayOpacity": string;
+        /**
+          * @uiName Image Link
+         */
+        "textColor"?: string;
+    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -397,6 +478,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
          */
@@ -418,6 +503,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
          */
@@ -487,6 +577,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
          */
@@ -513,6 +612,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
          */
@@ -529,6 +632,10 @@ export namespace Components {
           * @uiName Label for register navigation button
          */
         "registerLabel": string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -623,6 +730,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
          */
@@ -635,6 +746,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
          */
@@ -660,6 +776,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;
@@ -688,58 +810,71 @@ 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 Header Background Color
           * @uiWidget color
          */
-        "background": string;
+        "backgroundColor": string;
         /**
-          * @uiName Color
+          * @uiName Header Text
+         */
+        "header": string;
+        /**
+          * @uiName Header Text Color
           * @uiWidget color
          */
-        "color": string;
+        "textColor": string;
+    }
+    interface SqmProgramExplainerStep {
+        /**
+          * @uiName Background
+         */
+        "backgroundColor": string;
         /**
           * @uiName Description
          */
         "description": string;
         /**
-          * @uiName Header
+          * @uiName Title
          */
         "header": string;
         /**
-          * @uiName Title
+          * @uiName Icon
          */
-        "title": string;
-    }
-    interface SqmProgramExplainerStep {
+        "icon"?: string;
         /**
-          * @uiName Background
+          * @uiName Icon
          */
-        "background": string;
+        "imageUrl"?: string;
         /**
           * @uiName Color
           * @uiWidget color
          */
-        "color": string;
-        /**
-          * @uiName Description
-         */
-        "description": string;
+        "textColor": string;
+    }
+    interface SqmProgramMenu {
+    }
+    interface SqmReferralCard {
         /**
-          * @uiName Icon
+          * @uiName Column Gap
+          * @uiType number
          */
-        "icon": string;
+        "gap": number;
         /**
-          * @uiName Title
+          * @uiName Card Width
          */
-        "title": string;
-    }
-    interface SqmProgramMenu {
+        "width": number;
     }
     interface SqmReferralIframe {
         /**
@@ -766,7 +901,27 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImgUrl": string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateTitle": string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -792,6 +947,10 @@ export namespace Components {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate": string;
@@ -806,6 +965,7 @@ export namespace Components {
     }
     interface SqmReferralTableDateCell {
         "date": number;
+        "locale": string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -818,24 +978,55 @@ export namespace Components {
           * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: Referral, locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmReferralTableRewardsCell {
+        "expiringText": string;
+        "fuelTankText": string;
         "hideDetails": boolean;
+        "locale": string;
+        "pendingForText": string;
+        "rewardReceivedText": string;
         "rewards": Reward[];
+        "statusLongText": string;
+        "statusText": string;
     }
     interface SqmReferralTableRewardsColumn {
         /**
           * @uiName Reward column title
          */
         "columnTitle": string;
+        /**
+          * @uiName Reward Expiring Text
+         */
+        "expiringText": string;
+        /**
+          * @uiName Fuel Tank Code Text
+         */
+        "fuelTankText": string;
         /**
           * @uiName Hide dropdown details of reward
          */
         "hideDetails": boolean;
-        "renderCell": (data: Referral) => Promise<any>;
+        /**
+          * @uiName Reward Pending Text
+         */
+        "pendingForText": string;
+        "renderCell": (data: Referral, locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Received Text
+         */
+        "rewardReceivedText": string;
+        /**
+          * @uiName Reward Status Long Text
+         */
+        "statusLongText": string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText": string;
     }
     interface SqmReferralTableStatusCell {
         "converted": boolean;
@@ -876,6 +1067,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
@@ -909,6 +1106,11 @@ export namespace Components {
           * @uiName Continue to Confirmation Button Text
          */
         "continueToConfirmationText": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle": string;
         /**
           * @undocumented 
           * @uiType object
@@ -926,6 +1128,10 @@ export namespace Components {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError": string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode": string;
         /**
           * @uiName Reward List Error Message
          */
@@ -942,7 +1148,41 @@ export namespace Components {
           * @uiName Redemption Error Message
          */
         "redemptionError": string;
+        /**
+          * @uiName Redemption Success Message
+         */
         "redemptionSuccessText": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Amount Row Title
+         */
+        "rewardAmountTitle": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Row Title
+         */
+        "rewardNameTitle": 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 {
         /**
@@ -950,6 +1190,26 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImgUrl": string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateTitle": string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -972,22 +1232,110 @@ export namespace Components {
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * @uiName Hide Columns (Mobile View)
          */
-        "showReferrer"?: boolean;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableDateCell {
+        "date": number;
+        "locale": string;
     }
-    interface SqmRewardsTableColumn {
+    interface SqmRewardsTableDateColumn {
         /**
-          * @uiName Reward column title
+          * @uiName Date Column Title
          */
         "columnTitle": string;
         /**
-          * @uiName Hide dropdown details of reward
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
          */
-        "hideDetails": boolean;
+        "dateShown": string;
         "renderCell": (data: Reward[]) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
+    interface SqmRewardsTableRewardCell {
+        "availableText": string;
+        "locale": string;
+        "redeemedText": string;
+        "reward": Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Available Amount Text
+         */
+        "availableText": string;
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Redeemed Amount Text
+         */
+        "redeemedText": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText": string;
+        "deletedUserText": string;
+        "locale": 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[], locale: any) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Exchange label
+         */
+        "rewardExchangeText": string;
+        /**
+          * @uiName Reward Source Text
+         */
+        "rewardSourceText": string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "expiryText": string;
+        "locale": string;
+        "reward": Reward;
+        "statusText": string;
+    }
+    interface SqmRewardsTableStatusColumn {
+        /**
+          * @uiName Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Expired Status Text
+         */
+        "expiryText": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText": string;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -997,6 +1345,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
@@ -1068,6 +1424,10 @@ export namespace Components {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -1155,12 +1515,43 @@ 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)
+          * Timeframe that the task card will be shown
+          * @uiName Display Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "displayDuration": string;
+        /**
+          * 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;
         /**
@@ -1171,10 +1562,14 @@ export namespace Components {
           * @uiName CTA Button Link Open in New Tab
          */
         "openNewTab": boolean;
+        /**
+          * @uiName Program ID override
+         */
+        "programId": string;
         /**
           * @uiName Progress Bar Unit
          */
-        "progressBarUnit"?: string;
+        "progressBarUnit": string;
         /**
           * @uiName Goal Repeatable
          */
@@ -1201,6 +1596,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
@@ -1227,14 +1627,38 @@ export namespace Components {
          */
         "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
     }
-    interface SqmTitledSection {
-        "label": string;
+    interface SqmTimeline {
         /**
-          * @uiName Label margin style
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiName Gift Icon
          */
-        "labelMargin": Spacing;
+        "gift": boolean;
+    }
+    interface SqmTimelineReward {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @undocumented Gift Icon
+         */
+        "gift": boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "reward": string;
+        /**
+          * @uiName Reward Unit
+         */
+        "unit": string;
+    }
+    interface SqmTitledSection {
+        "label": string;
+        /**
+          * @uiName Label margin style
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "labelMargin": Spacing;
         /**
           * @uiName Section padding
           * @uiType string
@@ -1277,6 +1701,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: {
@@ -1325,6 +1755,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: {
@@ -1457,6 +1893,12 @@ declare global {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
+    };
     interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
     var HTMLSqmReferralIframeElement: {
@@ -1529,6 +1971,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: {
@@ -1541,11 +1989,53 @@ declare global {
         prototype: HTMLSqmRewardsTableElement;
         new (): HTMLSqmRewardsTableElement;
     };
-    interface HTMLSqmRewardsTableColumnElement extends Components.SqmRewardsTableColumn, HTMLStencilElement {
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    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 HTMLSqmRewardsTableColumnElement: {
-        prototype: HTMLSqmRewardsTableColumnElement;
-        new (): HTMLSqmRewardsTableColumnElement;
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
     };
     interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
@@ -1619,6 +2109,18 @@ declare global {
         prototype: HTMLSqmTextSpanElement;
         new (): HTMLSqmTextSpanElement;
     };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineRewardElement extends Components.SqmTimelineReward, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineRewardElement: {
+        prototype: HTMLSqmTimelineRewardElement;
+        new (): HTMLSqmTimelineRewardElement;
+    };
     interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
     var HTMLSqmTitledSectionElement: {
@@ -1635,6 +2137,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;
@@ -1643,6 +2146,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;
@@ -1665,6 +2169,7 @@ declare global {
         "sqm-program-explainer": HTMLSqmProgramExplainerElement;
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
         "sqm-referral-iframe": HTMLSqmReferralIframeElement;
         "sqm-referral-table": HTMLSqmReferralTableElement;
         "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
@@ -1677,9 +2182,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-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "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;
@@ -1692,6 +2205,8 @@ declare global {
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-reward": HTMLSqmTimelineRewardElement;
         "sqm-titled-section": HTMLSqmTitledSectionElement;
         "sqm-user-name": HTMLSqmUserNameElement;
     }
@@ -1728,6 +2243,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
@@ -1748,6 +2268,17 @@ declare namespace LocalJSX {
          */
         "brandFont"?: string;
     }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card Width
+         */
+        "width"?: number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -1847,6 +2378,10 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<LeaderboardViewProps>;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
         /**
           * @uiName Leaderboard time interval
           * @uiWidget DateRange
@@ -1873,6 +2408,10 @@ declare namespace LocalJSX {
           * @uiName Show the ranking numbers
          */
         "showRank"?: boolean;
+        /**
+          * @uiName Show viewing user's rank
+         */
+        "showUser"?: boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -1915,6 +2454,64 @@ declare namespace LocalJSX {
          */
         "unrankedText"?: string;
     }
+    interface SqmMedia {
+        /**
+          * @uiName Image Link
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image Link
+         */
+        "imagePos"?: "left" | "right";
+        /**
+          * @uiName Image Link
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Image Link
+         */
+        "minHeight"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Image Link
+         */
+        "textColor"?: string;
+    }
     interface SqmNameFields {
         /**
           * @undocumented
@@ -2058,6 +2655,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
          */
@@ -2079,6 +2680,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
          */
@@ -2148,6 +2754,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
          */
@@ -2174,6 +2789,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
          */
@@ -2190,6 +2809,10 @@ declare namespace LocalJSX {
           * @uiName Label for register navigation button
          */
         "registerLabel"?: string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2284,6 +2907,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
          */
@@ -2296,6 +2923,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
          */
@@ -2321,6 +2953,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;
@@ -2349,59 +2987,72 @@ 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 Header Background Color
           * @uiWidget color
          */
-        "background"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Color
-          * @uiWidget color
-         */
-        "color"?: string;
-        /**
-          * @uiName Description
-         */
-        "description"?: string;
-        /**
-          * @uiName Header
+          * @uiName Header Text
          */
         "header"?: string;
         /**
-          * @uiName Title
+          * @uiName Header Text Color
+          * @uiWidget color
          */
-        "title"?: string;
+        "textColor"?: string;
     }
     interface SqmProgramExplainerStep {
         /**
           * @uiName Background
          */
-        "background"?: string;
-        /**
-          * @uiName Color
-          * @uiWidget color
-         */
-        "color"?: string;
+        "backgroundColor"?: string;
         /**
           * @uiName Description
          */
         "description"?: string;
+        /**
+          * @uiName Title
+         */
+        "header"?: string;
         /**
           * @uiName Icon
          */
         "icon"?: string;
         /**
-          * @uiName Title
+          * @uiName Icon
          */
-        "title"?: string;
+        "imageUrl"?: string;
+        /**
+          * @uiName Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
     }
     interface SqmProgramMenu {
     }
+    interface SqmReferralCard {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card Width
+         */
+        "width"?: number;
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -2427,7 +3078,27 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImgUrl"?: string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateTitle"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2453,6 +3124,10 @@ declare namespace LocalJSX {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate"?: string;
@@ -2465,6 +3140,7 @@ declare namespace LocalJSX {
     }
     interface SqmReferralTableDateCell {
         "date"?: number;
+        "locale"?: string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -2479,18 +3155,49 @@ declare namespace LocalJSX {
         "dateShown"?: ReferralDates;
     }
     interface SqmReferralTableRewardsCell {
+        "expiringText"?: string;
+        "fuelTankText"?: string;
         "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
         "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
     }
     interface SqmReferralTableRewardsColumn {
         /**
           * @uiName Reward column title
          */
         "columnTitle"?: string;
+        /**
+          * @uiName Reward Expiring Text
+         */
+        "expiringText"?: string;
+        /**
+          * @uiName Fuel Tank Code Text
+         */
+        "fuelTankText"?: string;
         /**
           * @uiName Hide dropdown details of reward
          */
         "hideDetails"?: boolean;
+        /**
+          * @uiName Reward Pending Text
+         */
+        "pendingForText"?: string;
+        /**
+          * @uiName Reward Received Text
+         */
+        "rewardReceivedText"?: string;
+        /**
+          * @uiName Reward Status Long Text
+         */
+        "statusLongText"?: string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText"?: string;
     }
     interface SqmReferralTableStatusCell {
         "converted"?: boolean;
@@ -2527,6 +3234,12 @@ declare namespace LocalJSX {
          */
         "deletedUser"?: string;
     }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
+    }
     interface SqmRewardExchangeList {
         /**
           * @uiName Back Button Text
@@ -2560,6 +3273,11 @@ declare namespace LocalJSX {
           * @uiName Continue to Confirmation Button Text
          */
         "continueToConfirmationText"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -2577,6 +3295,10 @@ declare namespace LocalJSX {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError"?: string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode"?: string;
         /**
           * @uiName Reward List Error Message
          */
@@ -2593,7 +3315,41 @@ declare namespace LocalJSX {
           * @uiName Redemption Error Message
          */
         "redemptionError"?: string;
+        /**
+          * @uiName Redemption Success Message
+         */
         "redemptionSuccessText"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Amount Row Title
+         */
+        "rewardAmountTitle"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Row Title
+         */
+        "rewardNameTitle"?: 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 {
         /**
@@ -2601,6 +3357,26 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImgUrl"?: string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateTitle"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2623,19 +3399,101 @@ 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;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+         */
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    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 SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: 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;
+        "locale"?: 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 {
         /**
@@ -2646,6 +3504,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
@@ -2717,6 +3583,10 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -2804,12 +3674,43 @@ 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)
+          * Timeframe that the task card will be shown
+          * @uiName Display Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "displayDuration"?: string;
+        /**
+          * 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;
         /**
@@ -2820,6 +3721,10 @@ declare namespace LocalJSX {
           * @uiName CTA Button Link Open in New Tab
          */
         "openNewTab"?: boolean;
+        /**
+          * @uiName Program ID override
+         */
+        "programId"?: string;
         /**
           * @uiName Progress Bar Unit
          */
@@ -2850,6 +3755,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
@@ -2876,6 +3786,30 @@ declare namespace LocalJSX {
          */
         "type"?: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
     }
+    interface SqmTimeline {
+        /**
+          * @uiName Gift Icon
+         */
+        "gift"?: boolean;
+    }
+    interface SqmTimelineReward {
+        /**
+          * @uiName Description
+         */
+        "desc"?: string;
+        /**
+          * @undocumented Gift Icon
+         */
+        "gift"?: boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "reward"?: string;
+        /**
+          * @uiName Reward Unit
+         */
+        "unit"?: string;
+    }
     interface SqmTitledSection {
         "label"?: string;
         /**
@@ -2910,6 +3844,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;
@@ -2918,6 +3853,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;
@@ -2940,6 +3876,7 @@ declare namespace LocalJSX {
         "sqm-program-explainer": SqmProgramExplainer;
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
+        "sqm-referral-card": SqmReferralCard;
         "sqm-referral-iframe": SqmReferralIframe;
         "sqm-referral-table": SqmReferralTable;
         "sqm-referral-table-cell": SqmReferralTableCell;
@@ -2952,9 +3889,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-cell": SqmRewardsTableRewardCell;
+        "sqm-rewards-table-reward-column": SqmRewardsTableRewardColumn;
+        "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;
@@ -2967,6 +3912,8 @@ declare namespace LocalJSX {
         "sqm-task-card": SqmTaskCard;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
+        "sqm-timeline": SqmTimeline;
+        "sqm-timeline-reward": SqmTimelineReward;
         "sqm-titled-section": SqmTitledSection;
         "sqm-user-name": SqmUserName;
     }
@@ -2978,6 +3925,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>;
@@ -2986,6 +3934,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>;
@@ -3008,6 +3957,7 @@ declare module "@stencil/core" {
             "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
+            "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
             "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
             "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;
             "sqm-referral-table-cell": LocalJSX.SqmReferralTableCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableCellElement>;
@@ -3020,9 +3970,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-cell": LocalJSX.SqmRewardsTableRewardCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardCellElement>;
+            "sqm-rewards-table-reward-column": LocalJSX.SqmRewardsTableRewardColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardColumnElement>;
+            "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>;
@@ -3035,6 +3993,8 @@ declare module "@stencil/core" {
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
+            "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
+            "sqm-timeline-reward": LocalJSX.SqmTimelineReward & JSXBase.HTMLAttributes<HTMLSqmTimelineRewardElement>;
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;
             "sqm-user-name": LocalJSX.SqmUserName & JSXBase.HTMLAttributes<HTMLSqmUserNameElement>;
         }