@saasquatch/mint-components 1.12.0-3 → 1.12.0-5

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

@@ -1,9 +1,10 @@
 import { useParentState } from "@saasquatch/component-boilerplate";
 import { useHost, withHooks } from "@saasquatch/stencil-hooks";
 import { useCallback, useEffect, useState } from "@saasquatch/universal-hooks";
-import { Component, h, Host } from "@stencil/core";
+import { Component, h, Host, Prop } from "@stencil/core";
 import debugFn from "debug";
 import { VERIFICATION_EVENT_KEY, VERIFICATION_PARENT_NAMESPACE } from "./keys";
+import { getProps } from "../../utils/utils";
 const debug = debugFn("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {
   const parentObserver = new MutationObserver(listenForTemplateChanges);
@@ -35,9 +36,96 @@ function useTemplateChildren({ parent, callback }) {
  * @uiName Widget Verification Gate
  * @slots [{"name":"not-verified","title":"Not verified template"},{"name":"verified","title":"Verified template"}]
  * @canvasRenderer always-replace
+ * @exampleGroup Widget Verification
+ * @example Widget Verification Gate - <sqm-widget-verification><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification>
  */
 export class WidgetVerification {
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                CODE STEP PROPS
+  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   constructor() {
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                  EMAIL STEP PROPS
+    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify email widget header text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Send code to email alert header
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
+    /**
+     * @uiName Email input label
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailValidationErrorText = "Please enter a valid email";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                  EMAIL STEP PROPS
+    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Reverify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
+    /**
+     * The link that appears in the resend code link
+     * @uiName Resend code label
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeLabel = "Resend code";
+    /**
+     * Link text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
+    /**
+     * Error text displayed under verification input
+     * @uiName Invalid code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
+    /**
+     * @uiName Verify code button text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyText = "Verify";
+    /**
+     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+     * @uiName Network error message
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -124,11 +212,349 @@ export class WidgetVerification {
     return (h(Host, null,
       h("div", { ref: setSlot, style: { display: "contents" } },
         h("template", { slot: "not-verified" },
-          h("sqm-widget-verification-internal", null)),
+          h("sqm-widget-verification-internal", Object.assign({}, getProps(this)))),
         h("slot", { name: "not-verified" }),
         h("slot", { name: "verified" })),
       h("div", { ref: setContainer },
         h("slot", { name: "shown" }))));
   }
   static get is() { return "sqm-widget-verification"; }
+  static get properties() { return {
+    "emailStep_verifyEmailHeaderText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verify email widget header text",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_verify-email-header-text",
+      "reflect": false,
+      "defaultValue": "\"Start by verifying your email. We\u2019ll send you a code through our referral provider, impact.com.\""
+    },
+    "emailStep_sendCodeErrorHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code to email alert header",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_send-code-error-header",
+      "reflect": false,
+      "defaultValue": "\"There was an error sending your code.\""
+    },
+    "emailStep_sendCodeErrorDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code to email alert description",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_send-code-error-description",
+      "reflect": false,
+      "defaultValue": "\"Please try again. If this problem continues, contact our program support team.\""
+    },
+    "emailStep_emailLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email input label",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_email-label",
+      "reflect": false,
+      "defaultValue": "\"Email\""
+    },
+    "emailStep_sendCodeText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code button text",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_send-code-text",
+      "reflect": false,
+      "defaultValue": "\"Send code\""
+    },
+    "emailStep_emailValidationErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Send code button text",
+            "name": "uiName"
+          }, {
+            "text": "Email Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "email-step_email-validation-error-text",
+      "reflect": false,
+      "defaultValue": "\"Please enter a valid email\""
+    },
+    "codeStep_verifyCodeHeaderText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verify code widget header text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "code-step_verify-code-header-text",
+      "reflect": false,
+      "defaultValue": "\"Enter the code sent to {email} from our referral provider, impact.com.\""
+    },
+    "codeStep_reverifyCodeHeaderText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reverify code widget header text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "code-step_reverify-code-header-text",
+      "reflect": false,
+      "defaultValue": "\"Enter the code sent to {email} from our referral provider, impact.com.\""
+    },
+    "codeStep_resendCodeText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Resend code text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": "Text displayed under verify button"
+      },
+      "attribute": "code-step_resend-code-text",
+      "reflect": false,
+      "defaultValue": "\"Didn't receive your code? {resendCodeLink}\""
+    },
+    "codeStep_resendCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Resend code label",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": "The link that appears in the resend code link"
+      },
+      "attribute": "code-step_resend-code-label",
+      "reflect": false,
+      "defaultValue": "\"Resend code\""
+    },
+    "codeStep_codeResentSuccessfullyText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Resend code text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": "Link text displayed under verify button"
+      },
+      "attribute": "code-step_code-resent-successfully-text",
+      "reflect": false,
+      "defaultValue": "\"Another code has been sent to {email}\""
+    },
+    "codeStep_invalidCodeText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invalid code text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": "Error text displayed under verification input"
+      },
+      "attribute": "code-step_invalid-code-text",
+      "reflect": false,
+      "defaultValue": "\"Please check your code and try again. If you\u2019re still having trouble, try resending your code.\""
+    },
+    "codeStep_verifyText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verify code button text",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "code-step_verify-text",
+      "reflect": false,
+      "defaultValue": "\"Verify\""
+    },
+    "codeStep_networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message",
+            "name": "uiName"
+          }, {
+            "text": "Code Verification Step",
+            "name": "uiGroup"
+          }],
+        "text": "Displayed when the email verification fails due to a network error. The participant can try refreshing the page."
+      },
+      "attribute": "code-step_network-error-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while verifying your email. Please refresh the page and try again.\""
+    }
+  }; }
 }

package/dist/collection/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.js

@@ -80,7 +80,6 @@ export const DocusignIframe = ({ states, data, callbacks, text, }) => {
     const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
     if (!allowed)
       return;
-    console.log(e);
     if (typeof e.data === "number") {
       setiFrameHeight(e.data + "px");
     }

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

@@ -5,6 +5,11 @@ import { getProps } from "../../../utils/utils";
 import { PayoutStatusAlertView, } from "./sqm-payout-status-alert-view";
 import { usePayoutStatus } from "./usePayoutStatus";
 import { isDemo } from "@saasquatch/component-boilerplate";
+/**
+ * @uiName Payout Status Alert
+ * @exampleGroup Tax and Cash
+ * @example Payout Status Alert - <sqm-payout-status-alert></sqm-payout-status-alert>
+ */
 export class PayoutStatusAlert {
   constructor() {
     /**

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

@@ -45,6 +45,5 @@ export function usePayoutStatus(props) {
     window.addEventListener("sqm:tax-form-updated", cb);
     return () => window.removeEventListener("sqm:tax-form-updated", cb);
   }, []);
-  console.log({ data });
   return { states: { loading, status }, text: props.getTextProps() };
 }

package/dist/esm/extractProps-ae1afbb3.js

@@ -0,0 +1,19 @@
+/**
+ * Util function for getting just the props with a certain prefix.
+ * @param props Text props on stencil component
+ * @param prefix Prefix denoting which group the text prop belongs to
+ * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
+ */
+function extractProps(props, prefix) {
+  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
+  const formattedProps = keys.reduce((prev, k) => {
+    const key = k.replace(prefix, "");
+    return {
+      ...prev,
+      [key]: props[k],
+    };
+  }, {});
+  return formattedProps;
+}
+
+export { extractProps as e };