@saasquatch/mint-components 1.14.6-4 → 1.14.6-6

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -20,7 +20,7 @@ const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-69513385.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-03a3e03f.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
@@ -39,7 +39,7 @@ const sqmQrCodeView = require('./sqm-qr-code-view-15dfc0b6.js');
 const ShadowViewAddon = require('./ShadowViewAddon-40f0bc74.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
 const sqmInvoiceTableView = require('./sqm-invoice-table-view-0f7fa309.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-e2373fc6.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-6344cd93.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -15946,6 +15946,7 @@ const defaultProps$u = {
     },
   },
   content: {
+    required: false,
     fieldName: "firstName",
     fieldLabel: "First Name",
     fieldType: "text",

package/dist/collection/collection-manifest.json

@@ -43,6 +43,7 @@
     "./components/sqm-invoice-table/columns/sqm-invoice-table-date-column.js",
     "./components/sqm-invoice-table/columns/sqm-invoice-table-download-column.js",
     "./components/sqm-lead-form/sqm-lead-dropdown-field.js",
+    "./components/sqm-referral-iframe/sqm-referral-iframe.js",
     "./components/sqm-lead-form/sqm-lead-form.js",
     "./components/sqm-lead-form/sqm-lead-input-field.js",
     "./components/sqm-leaderboard/sqm-leaderboard.js",
@@ -78,7 +79,6 @@
     "./components/sqm-qr-code/sqm-qr-code.js",
     "./components/sqm-referral-card/sqm-referral-card.js",
     "./components/sqm-referral-code/sqm-referral-code.js",
-    "./components/sqm-referral-iframe/sqm-referral-iframe.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-date-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js",

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

@@ -13,6 +13,7 @@ const defaultProps = {
     },
   },
   content: {
+    required: false,
     fieldName: "firstName",
     fieldLabel: "First Name",
     fieldType: "text",

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

@@ -46,7 +46,7 @@ export function LeadDropdownFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    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), required: content.required, validationError: ({ value }) => {
+    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) {
           return getRequiredFieldErrorMessage({
             dropdownLabel: content.dropdownLabel,

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

@@ -154,7 +154,7 @@ export class LeadDropdownField {
       "mutable": false,
       "complexType": {
         "original": "DemoData<DropdownFieldViewProps>",
-        "resolved": "{ states?: { leadFormState?: LeadFormState; }; content?: { required: boolean; dropdownName: string; dropdownLabel: string; dropdownOptional?: boolean; requiredFieldErrorMessage?: string; selectOptions?: VNode | VNode[]; }; }",
+        "resolved": "{ states?: { leadFormState?: LeadFormState; }; content?: { dropdownName: string; dropdownLabel: string; dropdownOptional?: boolean; requiredFieldErrorMessage?: string; selectOptions?: VNode | VNode[]; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -189,5 +189,11 @@ function useLeadDropdownFieldDemo(props) {
     states: {
       leadFormState: {},
     },
+    content: {
+      dropdownName: props.dropdownName,
+      dropdownLabel: props.dropdownLabel,
+      requiredFieldErrorMessage: props.requiredFieldErrorMessage,
+      dropdownOptional: props.dropdownOptional,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -32,7 +32,7 @@ export function LeadInputFieldView(props) {
     h("style", { type: "text/css" },
       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), required: content.required, validationError: ({ value }) => {
+    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) {
           return getRequiredFieldErrorMessage({
             fieldLabel: content.fieldLabel,

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

@@ -15,7 +15,6 @@ import { useLeadInputField } from "./useLeadInputField";
 export class LeadInputField {
   constructor() {
     this.ignored = true;
-    this.required = false;
     /**
      * @uiName Input type
      * @uiType string
@@ -101,24 +100,6 @@ export class LeadInputField {
       "attribute": "field-label",
       "reflect": false
     },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": false,
-      "defaultValue": "false"
-    },
     "fieldType": {
       "type": "string",
       "mutable": false,
@@ -202,7 +183,7 @@ export class LeadInputField {
       "mutable": false,
       "complexType": {
         "original": "DemoData<LeadInputFieldViewProps>",
-        "resolved": "{ states?: { leadFormState?: LeadFormState; }; content?: { required: boolean; fieldName: string; fieldLabel: string; fieldType: \"text\" | \"date\" | \"tel\"; fieldOptional?: boolean; requiredFieldErrorMessage: string; }; }",
+        "resolved": "{ states?: { leadFormState?: LeadFormState; }; content?: { fieldName: string; fieldLabel: string; fieldType: \"text\" | \"date\" | \"tel\"; fieldOptional?: boolean; requiredFieldErrorMessage: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -242,7 +223,6 @@ function useLeadInputFieldDemo(props) {
       fieldLabel: props.fieldLabel,
       fieldType: props.fieldType,
       requiredFieldErrorMessage: props.requiredFieldErrorMessage,
-      required: props.required,
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -4,6 +4,7 @@ import { gql } from "graphql-request";
 import jsonpointer from "jsonpointer";
 import { AsYouType } from "libphonenumber-js";
 import { useLeadFormState } from "./useLeadFormState";
+import { useReferralIframe } from "../sqm-referral-iframe/useReferralIframe";
 const SUBMIT_LEAD = gql `
   mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
     submitForm(formSubmissionInput: $formSubmissionInput) {
@@ -12,9 +13,11 @@ const SUBMIT_LEAD = gql `
   }
 `;
 export function useLeadForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const formRef = useRef(null);
   const { leadFormState, setLeadFormState } = useLeadFormState({});
+  const referralCode = (_b = (_a = useReferralIframe()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.shareCode;
+  console.log({ referralCode });
   const [submitLead, { loading, errors, data }] = useMutation(SUBMIT_LEAD);
   const [success, setSuccess] = useState(false);
   useEffect(() => {
@@ -64,8 +67,12 @@ export function useLeadForm(props) {
       key: props.formKey,
       formData,
     };
+    const result = await submitLead({ formSubmissionInput: variables });
     try {
-      const result = await submitLead({ formSubmissionInput: variables });
+      console.log({
+        success: result.data.submitForm.success,
+        isError: result instanceof Error,
+      });
       if (result instanceof Error) {
         throw result;
       }
@@ -74,7 +81,6 @@ export function useLeadForm(props) {
         error: "",
         validationErrors: {},
       });
-      console.log({ success: result.data.submitForm.success });
       if ((_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.submitForm) === null || _b === void 0 ? void 0 : _b.success) {
         setSuccess(true);
       }
@@ -96,15 +102,15 @@ export function useLeadForm(props) {
     e.target.value = asYouType.input(e.target.value);
   }, []);
   let errorMessage = "";
-  if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
+  if ((_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c["error"]) {
     errorMessage = props.networkErrorMessage;
   }
-  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors.length)) {
+  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d.errors.length)) {
     errorMessage = props.networkErrorMessage;
   }
   else {
     errorMessage =
-      ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.error);
+      ((_h = (_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.extensions) === null || _h === void 0 ? void 0 : _h.message) || ((_l = (_k = (_j = errors === null || errors === void 0 ? void 0 : errors.response) === null || _j === void 0 ? void 0 : _j.errors) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.message) || (leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.error);
   }
   return {
     states: {
@@ -112,7 +118,7 @@ export function useLeadForm(props) {
       error: errorMessage,
       success,
       leadFormState,
-      referralCode: "ABC123",
+      referralCode,
     },
     callbacks: {
       submit,