@saasquatch/mint-components 2.1.9-2 → 2.1.9-4

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

@@ -7,7 +7,8 @@ const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js')
 const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
-const extractProps = require('./extractProps-e9c55ba8.js');
+const parseStates = require('./parseStates-d1effc19.js');
+const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 
 const USER_LOOKUP = index_module.dist.gql `
@@ -74,7 +75,7 @@ function useWidgetVerification() {
 const WidgetVerification = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -248,7 +249,7 @@ const WidgetVerification = class {
      * @undocumented
      * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
      * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     * @componentState { "title": "Step 3: Create Partner", "props": { "showCode": false }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
+     * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
      */
     this.stateController = "{}";
     domContextHooks_module.h$1(this);
@@ -285,7 +286,7 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = extractProps.parseStates(props.stateController);
+  const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js

@@ -2,6 +2,7 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { parseStates } from "../../utils/parseStates";
 import { getProps } from "../../utils/utils";
 import { PartnerInfoModalView, } from "./sqm-partner-info-modal-view";
 import { usePartnerInfoModal } from "./usePartnerInfoModal";
@@ -88,6 +89,13 @@ export class PartnerInfoModal {
      * @uiWidget textArea
      */
     this.missingFieldsErrorText = "Please select both a country and currency.";
+    /**
+     * @undocumented
+     * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true } } }
+     * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
+     */
+    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -419,6 +427,36 @@ export class PartnerInfoModal {
       "reflect": false,
       "defaultValue": "\"Please select both a country and currency.\""
     },
+    "stateController": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "{ \"title\": \"New partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": false } } }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Existing partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": true } } }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Connected (hidden)\", \"props\": { \"states\": { \"open\": false } } }",
+            "name": "componentState"
+          }],
+        "text": ""
+      },
+      "attribute": "state-controller",
+      "reflect": false,
+      "defaultValue": "\"{}\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -455,6 +493,7 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
+  const stateOverrides = parseStates(props.stateController) || {};
   return deepmerge({
     states: {
       brandName: "Test Brand",
@@ -508,5 +547,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, deepmerge(stateOverrides, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  }), { arrayMerge: (_, a) => a });
 }

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

@@ -14,7 +14,7 @@ import { useWidgetVerification } from "./useWidgetVerification";
  */
 export class WidgetVerification {
   constructor() {
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -188,7 +188,7 @@ export class WidgetVerification {
      * @undocumented
      * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
      * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     * @componentState { "title": "Step 3: Create Partner", "props": { "showCode": false }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
+     * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -958,7 +958,7 @@ export class WidgetVerification {
             "text": "{ \"title\": \"Step 2: Enter code\", \"props\": { \"showCode\": true }, \"dependencies\": [\"sqm-code-verification\"], \"uiGroup\": \"Code Verification Step\" }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Step 3: Create Partner\", \"props\": { \"showCode\": false }, \"dependencies\": [\"sqm-partner-info-modal\"], \"uiGroup\": \"Partner Creation Step\" }",
+            "text": "{ \"title\": \"Step 3: Create Partner\", \"props\": { \"showPartnerModal\": true }, \"dependencies\": [\"sqm-partner-info-modal\"], \"uiGroup\": \"Partner Creation Step\" }",
             "name": "componentState"
           }],
         "text": ""

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

@@ -289,12 +289,12 @@ export const UserInfoFormView = (props) => {
   }
   // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
-    var _a;
-    if (data.partnerData.phoneNumber === "0000000" &&
+    var _a, _b;
+    if (((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
       (field === "phoneNumber" || field === "phoneNumberCountryCode")) {
       return false;
     }
-    return states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]);
+    return states.isPartner && !!((_b = data.partnerData) === null || _b === void 0 ? void 0 : _b[field]);
   }
   function isDisabledUserInput(field) {
     var _a;

package/dist/esm/{extractProps-54064fb0.js → extractProps-ae1afbb3.js}

@@ -1,16 +1,3 @@
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
 /**
  * Util function for getting just the props with a certain prefix.
  * @param props Text props on stencil component
@@ -29,4 +16,4 @@ function extractProps(props, prefix) {
   return formattedProps;
 }
 
-export { extractProps as e, parseStates as p };
+export { extractProps as e };