@saasquatch/mint-components 2.0.0-9 → 2.0.1

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

@@ -133,11 +133,11 @@ export class TaskCard {
   disconnectedCallback() { }
   render() {
     const { props } = isDemo()
-      ? useDemoBigStat(this)
+      ? useDemoBigStat(getProps(this))
       : useBigStat({ ...getProps(this), programId: this.programId });
     const { value, loading } = props;
     const { states, callbacks } = isDemo()
-      ? useTaskCardDemo(this)
+      ? useTaskCardDemo(getProps(this))
       : useTaskCard(this);
     return (h(TaskCardView, { callbacks: callbacks, states: {
         loading,

package/dist/collection/components/sqm-titled-section/sqm-titled-section.js

@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
 import { PortalSectionView } from "./sqm-portal-section-view";
 /**
  * @uiName Titled Section
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card", "sqm-referred-registration"]
  * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-user-name"]
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout

package/dist/collection/components/sqm-widget-verification/sqm-widget-verification-controller.js

@@ -34,13 +34,16 @@ function useTemplateChildren({ parent, callback }) {
 /**
  * @uiName Widget Verification Controller
  * @slots [{"name":"not-verified","title":"Not Verified template"},{"name":"verified","title":"Verified template"}]
+ * @exampleGroup Tax and Cash
+ * @example Widget Cash Payout Form - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
  * @canvasRenderer always-replace
  */
 export class WidgetVerificationController {
   constructor() {
     /**
-     * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false } }
-     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true } }
+     * @undocumented
+     * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false }, "disabled": "true" }
+     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -136,10 +139,13 @@ export class WidgetVerificationController {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "{ \"title\": \"Verify email\", \"slot\": \"not-verified\", \"props\": { \"isAuth\": false } }",
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "{ \"title\": \"Verify email\", \"slot\": \"not-verified\", \"props\": { \"isAuth\": false }, \"disabled\": \"true\" }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Tax and cash\", \"slot\": \"verified\", \"props\": { \"isAuth\": true } }",
+            "text": "{ \"title\": \"Tax and cash\", \"slot\": \"verified\", \"props\": { \"isAuth\": true }, \"disabled\": \"true\" }",
             "name": "componentState"
           }],
         "text": ""

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -1253,13 +1253,9 @@ export const TaxAndCashDashboardDisabled = () => {
       },
     } }));
 };
-// export const TaxAndCashTextProps = () => {
-//   return (
-//     <sqm-tax-and-cash
-//       demoData={{
-//         // @ts-ignore
-//         showTextProps: true,
-//       }}
-//     ></sqm-tax-and-cash>
-//   );
-// };
+export const TaxAndCashTextProps = () => {
+  return (h("sqm-tax-and-cash", { demoData: {
+      // @ts-ignore
+      showTextProps: true,
+    } }));
+};

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js

@@ -112,16 +112,10 @@ export class PayoutStatusAlert {
     this.errorDescription = "There was an error with determining your payout status.";
     /**
      * @undocumented
-     * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Payout Info Required", "props": { "states": { "status": "INFORMATION_REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Required", "props": { "states": { "status": "VERIFICATION:REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Identity Verification", "props": { "states": { "status": "VERIFICATION:REVIEW" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Account Hold", "props": { "states": { "status": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -658,34 +652,16 @@ export class PayoutStatusAlert {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"Information Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "text": "{ \"title\": \"Payout Info Required\", \"props\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Over W9 Threshold - Defer\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"CASH_ONLY_DEFER_W9\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "text": "{ \"title\": \"Verification Required\", \"props\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Over W9 Threshold - Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"NONE\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "text": "{ \"title\": \"Identity Verification\", \"props\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Verification Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Verification Internal\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:INTERNAL\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Verification Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Verification Failed\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:FAILED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Account Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"ACCOUNT_REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"HOLD\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Error State\", \"props\": { \"demoData\": { \"states\": { \"error\": true } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "text": "{ \"title\": \"Account Hold\", \"props\": { \"states\": { \"status\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
             "name": "componentState"
           }],
         "text": ""

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js

@@ -14,8 +14,7 @@ import { intl } from "../../../global/global";
  * @uiName Tax and Cash
  * @exampleGroup Tax and Cash
  * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section", "template"]
- * @example Tax and Cash Multi Step Form - <sqm-tax-and-cash></sqm-tax-and-cash>
- * @example 2FA Protected Tax and Cash Form - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
+ * @example Microsite Cash Payout Form - <sqm-tax-and-cash></sqm-tax-and-cash>
  */
 export class TaxAndCashMonolith {
   constructor() {
@@ -1125,7 +1124,7 @@ export class TaxAndCashMonolith {
       case "/4":
         return (h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
+        return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
             id: "loadingErrorAlertDescription",

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -7,9 +7,6 @@ const style = {
       backgroundColor: "var(--sl-color-red-100)",
       borderTop: "none",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-    },
   },
   WarningAlertContainer: {
     "&::part(base)": {
@@ -17,9 +14,6 @@ const style = {
       borderTop: "none",
       maxWidth: "600px",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
-    },
   },
   WarningHoldAlertContainer: {
     marginLeft: "-20px",
@@ -27,9 +21,10 @@ const style = {
       maxWidth: "850px",
       border: "none",
       backgroundColor: "transparent",
+      color: "var(--sqm-text)",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
+      color: "var(--sqm-warning-color-icon)",
     },
   },
   ErrorHoldAlertContainer: {
@@ -38,9 +33,10 @@ const style = {
       maxWidth: "850px",
       border: "none",
       backgroundColor: "transparent",
+      color: "var(--sqm-text)",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
+      color: "var(--sqm-danger-color-icon)",
     },
   },
   ExpiringSoonAlertContainer: {
@@ -63,7 +59,7 @@ const style = {
     display: "flex",
     gap: "var(--sl-spacing-x-small)",
     "&::part(base)": {
-      color: "var(--sl-color-green-500)",
+      color: "var(--sqm-text)",
     },
   },
   IndirectTaxPreviewDetails: {
@@ -72,12 +68,13 @@ const style = {
     flexDirection: "column",
     lineHeight: "var(--sl-spacing-medium)",
     fontSize: "var(--sl-font-size-small)",
+    color: "var(--sqm-text-subdued)",
   },
   InvoiceTableContainer: {
     marginTop: "var(--sl-spacing-medium)",
   },
   NotRegisteredIndirectTaxText: {
-    color: "var(--sl-color-gray-500)",
+    color: "var(--sqm-text-subdued)",
   },
   TaxDocumentsContainer: {
     marginTop: "var(--sl-spacing-xx-large)",
@@ -98,7 +95,6 @@ const style = {
     "& p": {
       margin: "0",
       paddingTop: "2px",
-      color: "var(--sl-color-gray-500)",
     },
   },
   StatusAlert: {
@@ -133,7 +129,7 @@ const style = {
   },
   TaxDocSubtext: {
     margin: "0",
-    color: "var(--sl-color-neutral-500)",
+    color: "var(--sqm-text-subdued)",
     lineHeight: "var(--sl-spacing-medium)",
     fontSize: "var(--sl-font-size-small)",
     marginLeft: "1px",
@@ -154,13 +150,13 @@ const style = {
     gap: "6px",
   },
   DescriptionText: {
-    color: "var(--sl-color-gray-500)",
+    color: "var(--sqm-text-subdued)",
     fontSize: "var(--sl-font-size-x-small)",
     marginBottom: "none",
     maxWidth: "492px",
   },
   PageDescriptionText: {
-    color: "var(--sl-color-neutral-500)",
+    color: "var(--sqm-text-subdued)",
     fontSize: "var(--sl-font-size-medium)",
     marginTop: "0",
   },
@@ -191,9 +187,53 @@ const style = {
     },
   },
   DialogButton: { margin: "auto", width: "100%" },
+  SuccessBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-success-color-icon)",
+    },
+  },
+  WarningBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-warning-color-icon)",
+    },
+  },
+  ErrorBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+    },
+  },
+  SubduedText: {
+    color: "var(--sqm-text-subdued)",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+
+    sl-button[type="secondary"]::part(base) {
+    font-family: var(--sqm-primary-font);
+      background-color: var(--sqm-secondary-button-background);
+      color: var(--sqm-secondary-button-color);
+      border-color: var(--sqm-secondary-button-color-border);
+      border-radius: var(--sqm-secondary-button-radius);
+    }
+
+    sl-button[type="secondary"]::part(base):hover {
+      background-color: var(--sqm-secondary-button-background-hover);
+      color: var(--sqm-secondary-button-color-hover);
+      border-color: var(--sqm-secondary-button-border-color-hover);
+    }
+    
+  `;
 export const TaxAndCashDashboardView = (props) => {
   var _a;
   const { states, text, callbacks, slots } = props;
@@ -210,7 +250,7 @@ export const TaxAndCashDashboardView = (props) => {
               termsAndConditions: (h("a", { target: "_blank", href: `https://terms.advocate.impact.com/PayoutTermsAndConditions.html` }, text.termsAndConditions)),
             }),
             button: (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", onClick: callbacks.onNewFormClick }, text.w9RequiredButtonText)),
-            alertType: "info",
+            alertType: "warning",
             icon: "info-circle",
             class: sheet.classes.WarningHoldAlertContainer,
           };
@@ -317,16 +357,16 @@ export const TaxAndCashDashboardView = (props) => {
   }
   const statusMap = {
     NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
-      h("p", null, intl.formatMessage({
+      h("sl-badge", { class: sheet.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
+      h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
         id: `badgeTextAwaitingReview`,
         defaultMessage: text.badgeTextAwaitingReview,
       }, {
         dateSubmitted: states.dateSubmitted,
       })))),
     ACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
-      h("p", null, intl.formatMessage({
+      h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
+      h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
         id: `badgeTextSubmittedOn`,
         defaultMessage: states.documentType === "W9"
           ? text.badgeTextSubmittedOn
@@ -335,8 +375,8 @@ export const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     INACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
-      h("p", null, text.invalidForm))),
+      h("sl-badge", { class: sheet.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
+      h("p", { class: sheet.classes.SubduedText }, text.invalidForm))),
     undefined: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
       h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
       h("p", null, intl.formatMessage({
@@ -398,9 +438,11 @@ export const TaxAndCashDashboardView = (props) => {
   const alertInfo = getAlert(states.payoutStatus);
   return (h("div", null,
     h("div", null,
-      h("style", { type: "text/css" }, styleString),
+      h("style", { type: "text/css" },
+        styleString,
+        vanillaStyle),
       states.loadingError && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
           h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           h("strong", null, text.error.loadingErrorAlertHeader),
           h("br", null),
@@ -420,8 +462,7 @@ export const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
-        h("sl-icon", { slot: "icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon }),
+      alertInfo && (h("sqm-form-message", { exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
@@ -436,7 +477,7 @@ export const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet.classes.SkeletonOne }),

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -1,7 +1,6 @@
 import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
-// import { GeneralLoadingView } from "../TaxForm.stories";
 import { FORM_STEPS } from "../data";
 import { PHONE_EXTENSIONS } from "../phoneExtensions";
 import LoadingView from "../sqm-tax-and-cash/LoadingView";

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js

@@ -183,9 +183,7 @@ export class TaxForm {
   }
   render() {
     const props = isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
-    return (h(UserInfoFormView, { data: props.data, 
-      // @ts-ignore
-      states: props.states, callbacks: {
+    return (h(UserInfoFormView, { data: props.data, states: props.states, callbacks: {
         ...props.callbacks,
         onSubmit: props.onSubmit,
       }, text: props.text, refs: props.refs }));
@@ -923,7 +921,6 @@ export class TaxForm {
 }
 function useDemoUserInfoForm(props) {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
-  // @ts-ignore
   return deepmerge({
     setStep,
     onSubmit: async () => {

package/dist/collection/components/views/copy-text-view.js

@@ -56,11 +56,7 @@ export function CopyTextView(props) {
         color: props.textColor || "var(--sqm-text)",
       },
     },
-    inputErrorStyle: {
-    // "&::part(base)": {
-    //   border: "1px solid red",
-    // },
-    },
+    inputErrorStyle: {},
     ContainerDiv: {
       display: "flex",
       alignItems: "flex-start",
@@ -104,9 +100,7 @@ export function CopyTextView(props) {
     h("div", { class: sheet.classes.containerStyle, style: {
         flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
       } },
-      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, 
-        // exportparts="base: input-base, input: input-field"
-        value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
+      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&

package/dist/collection/utils/utils.js

@@ -50,4 +50,3 @@ export function sanitizeUrlPath(path) {
 export function capitalizeFirstLetter(word) {
   return word[0].toUpperCase() + word.slice(1);
 }
-console.log(capitalizeFirstLetter("warning"));

package/dist/esm/{ShadowViewAddon-4cde160a.js → ShadowViewAddon-1adaf077.js}

@@ -3,17 +3,17 @@ import { i as intl } from './global-1099f20d.js';
 import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { H, L, J, d as dist, w as wn, j as jn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { l as luxonLocale } from './utils-84b4b092.js';
+import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-c2e809cf.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-83b09456.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 import { u as useChildElements } from './useChildElements-3d872cef.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { a as isValidColor, b as isMobile } from './utilities-72c07b09.js';
-import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-16309b22.js';
+import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-176e92e3.js';
 
 function BigStatView(props) {
   const { statvalue, flexReverse, alignment, statTextColor, statFontSize, descriptionTextColor, descriptionFontSize, statFontWeight, } = props;
@@ -21,8 +21,6 @@ function BigStatView(props) {
   const style = {
     Container: {
       display: "flex",
-      // height: "inherit",
-      // "justify-content": "space-between",
       "flex-direction": `${flexReverse ? "column-reverse" : "column"}`,
       "align-items": `${alignment === "left"
         ? "flex-start"
@@ -407,12 +405,18 @@ const referralsMonthQuery = (programId, status) => {
     });
   });
 };
-const referralsWeekQuery = (programId) => {
+const referralsWeekQuery = (programId, status) => {
   const programFilter = programId === "classic"
     ? { programId_exists: false }
     : { programId_eq: programId };
+  const convertedFilter = status && status == "converted"
+    ? { dateConverted_exists: true }
+    : status && status == "started"
+      ? { dateConverted_exists: false }
+      : {};
   const filter = {
     ...programFilter,
+    ...convertedFilter,
     dateReferralStarted_timeframe: "this_week",
   };
   return debugQuery(dist.gql `
@@ -2782,7 +2786,7 @@ function NameFieldsView(props) {
     h("style", { type: "text/css" },
       vanillaStyle$4,
       styleString$7),
-    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: !states.optional, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
@@ -2790,7 +2794,7 @@ function NameFieldsView(props) {
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
     }
       : []))),
-    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: !states.optional, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
       value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {

package/dist/esm/{copy-text-view-83b09456.js → copy-text-view-fac47254.js}

@@ -57,11 +57,7 @@ function CopyTextView(props) {
         color: props.textColor || "var(--sqm-text)",
       },
     },
-    inputErrorStyle: {
-    // "&::part(base)": {
-    //   border: "1px solid red",
-    // },
-    },
+    inputErrorStyle: {},
     ContainerDiv: {
       display: "flex",
       alignItems: "flex-start",
@@ -105,9 +101,7 @@ function CopyTextView(props) {
     h("div", { class: sheet.classes.containerStyle, style: {
         flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
       } },
-      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, 
-        // exportparts="base: input-base, input: input-field"
-        value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
+      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&