@saasquatch/mint-components 1.15.0-45 → 1.15.0-46

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js

@@ -37,26 +37,18 @@ function useTemplateChildren({ parent, callback }) {
 const WidgetVerificationController = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
-     * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
-     */
-    this.stateController = "{}";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = index_module.In({
       namespace: keys.VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
-    const props = JSON.parse(this.stateController);
-    const demoIsAuth = index_module.isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
     const [container, setContainer] = stencilHooks_module.useState(undefined);
     const [slot, setSlot] = stencilHooks_module.useState(undefined);
     const updateTemplates = index_module.useCallback(() => {
-      const isAuth = demoIsAuth || context;
+      const isAuth = context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -104,7 +96,7 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
+    }, [container, slot, context]);
     stencilHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -113,7 +105,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context]);
     return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
   }
 };

package/dist/cjs/sqm-widget-verification.cjs.entry.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 const index_module = require('./index.module-39955732.js');
-const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
-const extractProps = require('./extractProps-e9c55ba8.js');
+const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 
 const USER_LOOKUP = index_module.dist.gql `
@@ -164,11 +163,6 @@ const WidgetVerification = class {
      * @uiGroup Code Verification Step
      */
     this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /**
-     * @componentState { "title": "Email Step", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"] }
-     * @componentState { "title": "Code Step", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"] }
-     */
-    this.stateController = "{}";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -177,20 +171,20 @@ const WidgetVerification = class {
     return extractProps.extractProps(props, prefix);
   }
   render() {
-    const props = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal(this)
+    const { showCode, onVerification, loading } = index_module.isDemo()
+      ? useDemoWidgetVerificationInternal()
       : useWidgetVerification();
-    if (props.loading)
+    if (loading)
       return index.h("sl-spinner", null);
     const generalText = this.getStepTextProps("general_");
     return (index.h("div", null, index.h("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), index.h("p", { style: {
         color: "var(--sl-color-neutral-500)",
         fontSize: "var(--sl-font-size-medium)",
         margin: "0",
-      } }, generalText.verifyEmailDescription), props.showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps.extractProps(props, "sqm-code-verification_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps.extractProps(props, "sqm-email-verification_"))))));
+      } }, generalText.verifyEmailDescription), showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))))));
   }
 };
-function useDemoWidgetVerificationInternal(props) {
+function useDemoWidgetVerificationInternal() {
   const [showCode, setShowCode] = index_module.In({
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
@@ -200,14 +194,10 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = extractProps.parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   const onVerification = () => {
     setContext(true);
   };
-  return cjs.cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
+  return { showCode, onVerification, loading: false };
 }
 
 exports.sqm_widget_verification = WidgetVerification;

package/dist/cjs/{usePayoutStatus-3cca69e5.js → usePayoutStatus-f26f0467.js}

@@ -986,20 +986,17 @@ const GET_USER_STATUS = index_module.dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
     return "INFORMATION_REQUIRED";
-  if (((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.length) === 1 && ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("NEW_PAYEE_REVIEW"))) {
-    return "DONE";
-  }
-  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REQUIRED"))
+  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
     return "VERIFICATION:REQUIRED";
-  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+  if ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("IDV_CHECK_REQUIRED_INTERNAL"))
     return "VERIFICATION:INTERNAL";
-  if ((_j = account.holdReasons) === null || _j === void 0 ? void 0 : _j.includes("IDV_CHECK_REVIEW_INTERNAL"))
+  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REVIEW_INTERNAL"))
     return "VERIFICATION:REVIEW";
-  if ((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("IDV_CHECK_FAILED_INTERNAL"))
+  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
   if (account.hold)
     return "HOLD";

package/dist/collection/components/sqm-instant-access-registration/sqm-instant-access-registration.js

@@ -9,7 +9,7 @@ import { useInstantAccessRegistration } from "./useInstantAccessRegistration";
  * @validParents ["sqm-portal-container","div","sqm-hero","template", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
- * @example Instant Access Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
+ * @example Advocate Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  */
 export class InstantAccessRegistration {

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

@@ -68,7 +68,7 @@ export class InvoiceTableDataColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Invoice) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Invoice Table Date Column
  * @validParents ["sqm-invoice-table"]
  * @exampleGroup Invoices
- * @example Invoice Table Date Column - <sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-invoice-table-date-column>
+ * @example Date Column - <sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-invoice-table-date-column>
  */
 export class InvoiceTableDateColumn {
   constructor() {
@@ -63,8 +63,7 @@ export class InvoiceTableDateColumn {
             "location": "global"
           },
           "Invoice": {
-            "location": "import",
-            "path": "../../../saasquatch"
+            "location": "global"
           }
         },
         "return": "Promise<any>"

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

@@ -34,8 +34,7 @@ export class InvoiceTableGenericColumn {
             "location": "global"
           },
           "Invoice": {
-            "location": "import",
-            "path": "../../../saasquatch"
+            "location": "global"
           }
         },
         "return": "Promise<any>"

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

@@ -321,7 +321,7 @@ export class InvoiceTable {
       "mutable": false,
       "complexType": {
         "original": "DemoData<GenericTableViewProps> & {\n    mockData?: { data: Invoice[] };\n  }",
-        "resolved": "Partial<Pick<GenericTableViewProps, \"states\" | \"data\" | \"elements\">> & { mockData?: { data: any[]; }; }",
+        "resolved": "Partial<Pick<GenericTableViewProps, \"states\" | \"data\" | \"elements\">> & { mockData?: { data: Invoice[]; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js

@@ -11,9 +11,9 @@ import { useLeaderboard } from "./useLeaderboard";
  * @slots [{"name":"empty", "title":"Empty State"}]
  * @requiredFeatures ["LEADERBOARDS"]
  * @exampleGroup Leaderboard
- * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Started - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Converted - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Points Earned - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
  * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0; text-align: center;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
  * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
  */

package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import { ErrorStyles } from "../../global/mixins";
 import { createStyleSheet } from "../../styling/JSS";
+import { ErrorStyles } from "../../global/mixins";
 const style = {
   ErrorStyle: ErrorStyles,
   FieldsContainer: {
@@ -26,7 +26,7 @@ const vanillaStyle = `
   background-color: var(--sqm-input-background, #fff);
   border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
   color: var(--sqm-input-color, white);
-  border-width: var(--sqm-border-thickness, 1px);
+  border-width: var(--sqm-border-width, 1px);
 }
 
 sl-input::part(base):focus,

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js

@@ -1,9 +1,9 @@
 import { Component, h, Prop } from "@stencil/core";
 import { DateTime } from "luxon";
-import { intl } from "../../../global/global";
+import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
 import { createStyleSheet } from "../../../styling/JSS";
+import { intl } from "../../../global/global";
 import { luxonLocale } from "../../../utils/utils";
-import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
 export class ReferralTableRewardsCell {
   constructor() {
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
@@ -312,8 +312,7 @@ export class ReferralTableRewardsCell {
         "resolved": "Reward[]",
         "references": {
           "Reward": {
-            "location": "import",
-            "path": "../../../saasquatch"
+            "location": "global"
           }
         }
       },
@@ -332,8 +331,7 @@ export class ReferralTableRewardsCell {
         "resolved": "ImpactConnection",
         "references": {
           "ImpactConnection": {
-            "location": "import",
-            "path": "../../../saasquatch"
+            "location": "global"
           }
         }
       },

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-status-cell.js

@@ -107,11 +107,11 @@ export class ReferralTableStatusCell {
       "reflect": false
     },
     "fraudStatus": {
-      "type": "any",
+      "type": "string",
       "mutable": false,
       "complexType": {
         "original": "FraudStatus",
-        "resolved": "any",
+        "resolved": "\"APPROVED\" | \"DENIED\" | \"PENDING\"",
         "references": {
           "FraudStatus": {
             "location": "global"

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

@@ -49,7 +49,7 @@ export class ReferralTableGenericColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(_: any) => Promise<any>",
+        "signature": "(_: Referral) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -115,7 +115,7 @@ export class ReferralTableDateColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; }) => Promise<any>",
+        "signature": "(data: Referral, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -156,7 +156,7 @@ export class ReferralTableDateColumn {
     },
     "renderReferrerCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referrer) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -293,7 +293,7 @@ export class ReferralTableRewardsColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>",
+        "signature": "(data: Referral, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -337,7 +337,7 @@ export class ReferralTableRewardsColumn {
     },
     "renderReferrerCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referrer) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -233,7 +233,7 @@ export class ReferralTableStatusColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referral) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -274,7 +274,7 @@ export class ReferralTableStatusColumn {
     },
     "renderReferrerCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referrer) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -143,7 +143,7 @@ export class ReferralTableUserColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referral) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -181,7 +181,7 @@ export class ReferralTableUserColumn {
     },
     "renderReferrerCell": {
       "complexType": {
-        "signature": "(data: any) => Promise<any>",
+        "signature": "(data: Referrer) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -272,8 +272,7 @@ export class ReferralTable {
             "path": "../../tables/GenericTableView"
           },
           "Referral": {
-            "location": "import",
-            "path": "../../saasquatch"
+            "location": "global"
           }
         }
       },

package/dist/collection/components/sqm-referred-registration/sqm-referred-registration.js

@@ -9,7 +9,7 @@ import { EmailRegistrationView, } from "../views/email-registration-view";
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqb-program-section","sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
- * @example Instant Access Friend Registration - <sqm-referred-registration></sqm-referred-registration>
+ * @example Friend Registration - <sqm-referred-registration></sqm-referred-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  */
 export class ReferredRegistration {

package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import scenario1 from "./columns/sqm-rewards-table-date-column.feature";
 import scenario2 from "./columns/sqm-rewards-table-reward-column.feature";
-import scenario4 from "./columns/sqm-rewards-table-source-column.feature";
 import scenario3 from "./columns/sqm-rewards-table-status-column.feature";
+import scenario4 from "./columns/sqm-rewards-table-source-column.feature";
 const scenario = scenario1 + scenario2 + scenario3 + scenario4;
 export default {
   title: "Components/Rewards Table Cell",

package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-reward-cell.js

@@ -163,11 +163,11 @@ export class RewardTableRewardsCell {
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "reward": {
-      "type": "any",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "Reward",
-        "resolved": "any",
+        "resolved": "Reward",
         "references": {
           "Reward": {
             "location": "global"
@@ -179,9 +179,7 @@ export class RewardTableRewardsCell {
       "docs": {
         "tags": [],
         "text": ""
-      },
-      "attribute": "reward",
-      "reflect": false
+      }
     },
     "redeemedText": {
       "type": "string",

package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-source-cell.js

@@ -69,11 +69,11 @@ export class RewardTableSourceCell {
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "reward": {
-      "type": "any",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "Reward",
-        "resolved": "any",
+        "resolved": "Reward",
         "references": {
           "Reward": {
             "location": "global"
@@ -85,9 +85,7 @@ export class RewardTableSourceCell {
       "docs": {
         "tags": [],
         "text": ""
-      },
-      "attribute": "reward",
-      "reflect": false
+      }
     },
     "deletedUserText": {
       "type": "string",

package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js

@@ -201,7 +201,9 @@ export class RewardTableStatusCell {
       : rewardStatus === "DENIED"
         ? this.deniedText
         : null;
-    const getBadgeCSSClass = (badgeType) => {
+    // AL: badgeType arg? TODO
+    const getBadgeCSSClass = (rewardStatus) => {
+      // const getBadgeCSSClass = (badgeType: ShoeLaceBadgeType): string => {
       switch (rewardStatus) {
         case "AVAILABLE":
           return sheet.classes.SuccessBadge;
@@ -263,11 +265,11 @@ export class RewardTableStatusCell {
       "reflect": false
     },
     "reward": {
-      "type": "any",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "Reward",
-        "resolved": "any",
+        "resolved": "Reward",
         "references": {
           "Reward": {
             "location": "global"
@@ -279,16 +281,14 @@ export class RewardTableStatusCell {
       "docs": {
         "tags": [],
         "text": ""
-      },
-      "attribute": "reward",
-      "reflect": false
+      }
     },
     "taxConnection": {
-      "type": "any",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "ImpactConnection",
-        "resolved": "any",
+        "resolved": "ImpactConnection",
         "references": {
           "ImpactConnection": {
             "location": "global"
@@ -300,9 +300,7 @@ export class RewardTableStatusCell {
       "docs": {
         "tags": [],
         "text": ""
-      },
-      "attribute": "tax-connection",
-      "reflect": false
+      }
     },
     "expiryText": {
       "type": "string",

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

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Reward Table Date Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Date Column - <sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column>
+ * @example Date Column - <sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column>
  */
 export class RewardTableDateColumn {
   constructor() {
@@ -95,7 +95,7 @@ export class RewardTableDateColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; }) => Promise<any>",
+        "signature": "(data: Reward, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -2,10 +2,10 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
- * @uiName Reward Table Customer Note Column
+ * @uiName Rewards Table Customer Note Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Customer Note Column - <sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column>
+ * @example Customer Note Column - <sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column>
  */
 export class RewardTableCustomerNoteColumn {
   constructor() {
@@ -56,7 +56,7 @@ export class RewardTableCustomerNoteColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; }) => Promise<any>",
+        "signature": "(data: Reward, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Rewards Table Reward Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Rewards Table Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
+ * @example Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
  */
 export class RewardsTableColumn {
   constructor() {
@@ -134,7 +134,7 @@ export class RewardsTableColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; }) => Promise<any>",
+        "signature": "(data: Reward, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -2,10 +2,10 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
- * @uiName Reward Table Source Column
+ * @uiName Rewards Table Source Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
+ * @example Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
  */
 export class RewardTableUserColumn {
   constructor() {
@@ -202,7 +202,7 @@ export class RewardTableUserColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; }) => Promise<any>",
+        "signature": "(data: Reward, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

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

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Reward Table Status Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column>
+ * @example Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column>
  */
 export class RewardTableStatusColumn {
   constructor() {
@@ -442,7 +442,7 @@ export class RewardTableStatusColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>",
+        "signature": "(data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""