@saasquatch/mint-components 1.14.6-23 → 1.14.6-25

package/dist/collection/components/sqm-lead-form/sqm-lead-form.js

@@ -35,43 +35,52 @@ export class LeadForm {
      * @uiName Header text
      */
     this.pageLabel = "Refer your friend";
+    /**
+     * @uiName Form key
+     * Key of the form to connect to. Create and manage forms in the /advocate dashboard under Data > Forms.
+     */
     this.formKey = "lead-form";
     /**
-     * Optional support link for error messages.
+     * @uiName Support link text
+     * Optional support link text for error messages.
      */
-    this.supportLink = "Support";
+    this.supportLinkText = "Support";
     /**
-     * Header text shown on successful submission.
+     * @uiName Submit success header
+     * Header text shown on successful lead submission.
      */
-    this.submitSuccessHeader = "Referral submitted";
+    this.submitSuccessHeader = "Lead submitted";
     /**
-     * Description text shown on successful submission.
+     * @uiName Submit success description
+     * Description text shown on successful lead submission.
      */
     this.submitSuccessDescription = "Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.";
     /**
-     * Header text shown when an error occurs.
+     * @uiName Submit error header
+     * Header text shown if an error occurs.
      */
     this.submitErrorHeader = "An error occurred while submitting";
     /**
-     * Description text shown when an error occurs.
+     * @uiName Submit error description
+     * Description text shown if an error occurs.
      */
     this.submitErrorDescription = "Please try again later. If the problem continues, contact {supportLink}";
     /**
-     * The message to be displayed when a required field is not filled.
+     * The message to be displayed if a required field is not filled.
      *
      * @uiName Required field message
      * @uiWidget textArea
      */
     this.requiredFieldErrorMessage = "Please enter a valid {fieldLabel}";
     /**
-     * The message to be displayed when a the form submission fails unexpectedly.
+     * The message to be displayed if a the form submission fails unexpectedly.
      *
      * @uiName Network error message
      * @uiWidget textArea
      */
     this.networkErrorMessage = "Network request failed.";
     /**
-     * The message to be displayed when the email used is invalid or blocked.
+     * The message to be displayed if the email used is invalid.
      *
      * @uiName Invalid email message
      * @uiWidget textArea
@@ -90,7 +99,7 @@ export class LeadForm {
       submitLabel: this.submitLabel,
       resubmitFormLabel: this.resubmitFormLabel,
       pageLabel: this.pageLabel,
-      supportLink: this.supportLink,
+      supportLinkText: this.supportLinkText,
       submitSuccessHeader: this.submitSuccessHeader,
       submitSuccessDescription: this.submitSuccessDescription,
       submitErrorHeader: this.submitErrorHeader,
@@ -242,14 +251,17 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Form key\nKey of the form to connect to. Create and manage forms in the /advocate dashboard under Data > Forms.",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "form-key",
       "reflect": false,
       "defaultValue": "\"lead-form\""
     },
-    "supportLink": {
+    "supportLinkText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -260,10 +272,13 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Optional support link for error messages."
+        "tags": [{
+            "text": "Support link text\nOptional support link text for error messages.",
+            "name": "uiName"
+          }],
+        "text": ""
       },
-      "attribute": "support-link",
+      "attribute": "support-link-text",
       "reflect": false,
       "defaultValue": "\"Support\""
     },
@@ -278,12 +293,15 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Header text shown on successful submission."
+        "tags": [{
+            "text": "Submit success header\nHeader text shown on successful lead submission.",
+            "name": "uiName"
+          }],
+        "text": ""
       },
       "attribute": "submit-success-header",
       "reflect": false,
-      "defaultValue": "\"Referral submitted\""
+      "defaultValue": "\"Lead submitted\""
     },
     "submitSuccessDescription": {
       "type": "string",
@@ -296,8 +314,11 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Description text shown on successful submission."
+        "tags": [{
+            "text": "Submit success description\nDescription text shown on successful lead submission.",
+            "name": "uiName"
+          }],
+        "text": ""
       },
       "attribute": "submit-success-description",
       "reflect": false,
@@ -314,8 +335,11 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Header text shown when an error occurs."
+        "tags": [{
+            "text": "Submit error header\nHeader text shown if an error occurs.",
+            "name": "uiName"
+          }],
+        "text": ""
       },
       "attribute": "submit-error-header",
       "reflect": false,
@@ -332,8 +356,11 @@ export class LeadForm {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Description text shown when an error occurs."
+        "tags": [{
+            "text": "Submit error description\nDescription text shown if an error occurs.",
+            "name": "uiName"
+          }],
+        "text": ""
       },
       "attribute": "submit-error-description",
       "reflect": false,
@@ -357,7 +384,7 @@ export class LeadForm {
             "text": "textArea",
             "name": "uiWidget"
           }],
-        "text": "The message to be displayed when a required field is not filled."
+        "text": "The message to be displayed if a required field is not filled."
       },
       "attribute": "required-field-error-message",
       "reflect": false,
@@ -381,7 +408,7 @@ export class LeadForm {
             "text": "textArea",
             "name": "uiWidget"
           }],
-        "text": "The message to be displayed when a the form submission fails unexpectedly."
+        "text": "The message to be displayed if a the form submission fails unexpectedly."
       },
       "attribute": "network-error-message",
       "reflect": false,
@@ -405,7 +432,7 @@ export class LeadForm {
             "text": "textArea",
             "name": "uiWidget"
           }],
-        "text": "The message to be displayed when the email used is invalid or blocked."
+        "text": "The message to be displayed if the email used is invalid."
       },
       "attribute": "invalid-email-error-message",
       "reflect": false,
@@ -416,7 +443,7 @@ export class LeadForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<LeadFormViewProps>",
-        "resolved": "{ states?: { error: string; success: boolean; loading: boolean; leadFormState: LeadFormState; referralCode: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; emailLabel?: string; firstNameLabel?: string; lastNameLabel?: string; submitLabel?: string; resubmitFormLabel?: string; pageLabel?: string; supportLink?: string; submitSuccessHeader?: string; submitSuccessDescription?: string; submitErrorHeader?: string; submitErrorDescription?: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; }; }",
+        "resolved": "{ states?: { error: string; success: boolean; loading: boolean; leadFormState: LeadFormState; referralCode: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; emailLabel?: string; firstNameLabel?: string; lastNameLabel?: string; submitLabel?: string; resubmitFormLabel?: string; pageLabel?: string; supportLinkText?: string; submitSuccessHeader?: string; submitSuccessDescription?: string; submitErrorHeader?: string; submitErrorDescription?: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-lead-form/sqm-lead-input-field-view.js

@@ -33,7 +33,7 @@ export function LeadInputFieldView(props) {
       vanillaStyle,
       styleString),
     h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), { disabled: ((_a = states.leadFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
-        if (!value) {
+        if (!value && !content.fieldOptional) {
           return getRequiredFieldErrorMessage({
             fieldLabel: content.fieldLabel,
           });

package/dist/esm/{ShadowViewAddon-26b492b4.js → ShadowViewAddon-56d647fd.js}

@@ -4137,7 +4137,7 @@ function LeadFormView(props) {
             id: "submitErrorDescription",
             defaultMessage: content.submitErrorDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, content.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, content.supportLinkText)),
           }))),
         h("div", { class: sheet$d.classes.NameFieldWrapper },
           h("sqm-lead-input-field", { class: sheet$d.classes.NameInput, "field-label": content.firstNameLabel || "First Name", "field-name": "firstName" }),
@@ -4210,7 +4210,7 @@ function LeadDropdownFieldView(props) {
       vanillaStyle$9,
       styleString$e),
     h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
-        if (!value) {
+        if (!value && !content.dropdownOptional) {
           return getRequiredFieldErrorMessage({
             dropdownLabel: content.dropdownLabel,
           });