@saasquatch/mint-components 2.1.9-6 → 2.1.9-7

package/dist/cjs/{extractProps-fd93ba62.js → extractProps-e9c55ba8.js}

@@ -1,5 +1,18 @@
 'use strict';
 
+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
@@ -19,3 +32,4 @@ function extractProps(props, prefix) {
 }
 
 exports.extractProps = extractProps;
+exports.parseStates = parseStates;

package/dist/cjs/sqm-big-stat_45.cjs.entry.js

@@ -30,8 +30,7 @@ const ErrorView = require('./ErrorView-ee7b0f36.js');
 const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
 require('./sqm-portal-container-view-70a47420.js');
 const data = require('./data-e83f8a41.js');
-const parseStates = require('./parseStates-d1effc19.js');
-const extractProps = require('./extractProps-fd93ba62.js');
+const extractProps = require('./extractProps-e9c55ba8.js');
 require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
 
@@ -3393,7 +3392,7 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -5772,7 +5771,7 @@ function EmptySlot$1() {
   return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { emptyStateImage: "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png", emptyStateHeader: "Redeem rewards", emptyStateText: "Use your points to redeem rewards once they become available" })));
 }
 function useRewardExchangeListDemo(props) {
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-reward-exchange-list"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
@@ -7736,7 +7735,7 @@ function useDemoTaxAndCash(props) {
     namespace: data.TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -11,7 +11,6 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
 const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-e3faede9.js');
-const parseStates = require('./parseStates-d1effc19.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
@@ -625,7 +624,7 @@ function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
       countryCode,
       currency,
       error,
@@ -727,7 +726,7 @@ const PartnerInfoModal = class {
     /**
      * @undocumented
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
-     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
      * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
      */
     this.stateController = "{}";
@@ -749,10 +748,7 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = domContextHooks_module.useState("US");
   const [currency, setCurrency] = domContextHooks_module.useState("");
   const [error, setError] = domContextHooks_module.useState("");
-  const parsed = parseStates.parseStates(props.stateController) || {};
-  // If editor wraps under tag name, extract it; otherwise use directly
-  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
-  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
+  // @ts-ignore
   return cjs.cjs({
     states: {
       brandName: "Test Brand",
@@ -806,7 +802,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_email_verification = WidgetEmailVerification;

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

@@ -7,8 +7,7 @@ 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 parseStates = require('./parseStates-d1effc19.js');
-const extractProps = require('./extractProps-fd93ba62.js');
+const extractProps = require('./extractProps-e9c55ba8.js');
 const keys = require('./keys-cff24974.js');
 
 const USER_LOOKUP = index_module.dist.gql `
@@ -51,6 +50,7 @@ function useWidgetVerification() {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
+        // Flow changed to send email -> verify code -> show early partner creation modal
         const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
         const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
         if (isConnected) {
@@ -295,7 +295,7 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = parseStates.parseStates(props.stateController);
+  const states = extractProps.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/collection-manifest.json

@@ -5,6 +5,7 @@
     "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.js",
     "./components/sqm-referral-codes/sqm-referral-codes.js",
     "./components/sqm-pagination/sqm-pagination.js",
+    "./components/sqm-partner-info-modal/sqm-partner-info-modal.js",
     "./components/sqm-password-field/sqm-password-field.js",
     "./components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js",
     "./components/sqm-referral-table/sqm-referral-table.js",
@@ -54,7 +55,6 @@
     "./components/sqm-navigation-menu/sqm-navigation-menu.js",
     "./components/sqm-navigation-sidebar/sqm-navigation-sidebar.js",
     "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item.js",
-    "./components/sqm-partner-info-modal/sqm-partner-info-modal.js",
     "./components/sqm-payout-button-scroll/sqm-payout-button-scroll.js",
     "./components/sqm-popup-container/sqm-popup-container.js",
     "./components/sqm-portal-change-marketing/sqm-portal-change-marketing.js",

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

@@ -2,10 +2,9 @@ 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";
+import { usePartnerInfoModal, } from "./usePartnerInfoModal";
 /**
  * @uiName Partner Info Modal
  * @exampleGroup Tax and Cash
@@ -92,7 +91,7 @@ export class PartnerInfoModal {
     /**
      * @undocumented
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
-     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
      * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
      */
     this.stateController = "{}";
@@ -445,7 +444,7 @@ export class PartnerInfoModal {
             "text": "{ \"title\": \"New partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": false } } }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Existing partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": true } } }",
+            "text": "{ \"title\": \"Existing partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": true, \"countryCode\": \"US\", \"currency\": \"USD\" } } }",
             "name": "componentState"
           }, {
             "text": "{ \"title\": \"Connected (hidden)\", \"props\": { \"states\": { \"open\": false } } }",
@@ -461,16 +460,16 @@ export class PartnerInfoModal {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "DemoData<PartnerInfoModalViewProps>",
+        "original": "DemoData<PartnerInfoModalResult>",
         "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; countryCode: string; currency: string; error: string; success: boolean; brandName: string; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; }; }",
         "references": {
           "DemoData": {
             "location": "import",
             "path": "../../global/demo"
           },
-          "PartnerInfoModalViewProps": {
+          "PartnerInfoModalResult": {
             "location": "import",
-            "path": "./sqm-partner-info-modal-view"
+            "path": "./usePartnerInfoModal"
           }
         }
       },
@@ -493,10 +492,7 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
-  const parsed = parseStates(props.stateController) || {};
-  // If editor wraps under tag name, extract it; otherwise use directly
-  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
-  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
+  // @ts-ignore
   return deepmerge({
     states: {
       brandName: "Test Brand",
@@ -550,5 +546,5 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -210,7 +210,7 @@ export function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
       countryCode,
       currency,
       error,

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

@@ -43,6 +43,7 @@ export function useWidgetVerification() {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
+        // Flow changed to send email -> verify code -> show early partner creation modal
         const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
         const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
         if (isConnected) {

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

@@ -1,3 +1,16 @@
+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
@@ -16,4 +29,4 @@ function extractProps(props, prefix) {
   return formattedProps;
 }
 
-export { extractProps as e };
+export { extractProps as e, parseStates as p };

package/dist/esm/sqm-big-stat_45.entry.js

@@ -26,8 +26,7 @@ import { E as ErrorView } from './ErrorView-74cb3af8.js';
 import { u as useDemoBigStat, V as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, Q as LeadDropdownFieldView, O as LeadFormView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, X as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-d382a63e.js';
 import './sqm-portal-container-view-a8c708cd.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, g as getCountryObj, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, i as GET_FINANCE_NETWORK_SETTINGS, j as CURRENCIES_QUERY_NAMESPACE, k as GET_CURRENCIES, L as LoadingView } from './data-a6752028.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
-import { e as extractProps } from './extractProps-ae1afbb3.js';
+import { p as parseStates, e as extractProps } from './extractProps-54064fb0.js';
 import './eventKeys-f76b6a03.js';
 import { u as usePayoutStatus } from './usePayoutStatus-24145412.js';
 

package/dist/esm/sqm-email-verification_2.entry.js

@@ -7,7 +7,6 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-77c231af.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { u as useVerificationEmail } from './useVerificationEmail-5c6cd733.js';
@@ -621,7 +620,7 @@ function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
       countryCode,
       currency,
       error,
@@ -723,7 +722,7 @@ const PartnerInfoModal = class {
     /**
      * @undocumented
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
-     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
      * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
      */
     this.stateController = "{}";
@@ -745,10 +744,7 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
-  const parsed = parseStates(props.stateController) || {};
-  // If editor wraps under tag name, extract it; otherwise use directly
-  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
-  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
+  // @ts-ignore
   return cjs({
     states: {
       brandName: "Test Brand",
@@ -802,7 +798,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 export { WidgetEmailVerification as sqm_email_verification, PartnerInfoModal as sqm_partner_info_modal };

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

@@ -3,8 +3,7 @@ import { k as useState, f as useEffect, n as h } from './dom-context-hooks.modul
 import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
-import { e as extractProps } from './extractProps-ae1afbb3.js';
+import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const USER_LOOKUP = dist.gql `
@@ -47,6 +46,7 @@ function useWidgetVerification() {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
+        // Flow changed to send email -> verify code -> show early partner creation modal
         const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
         const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
         if (isConnected) {

package/dist/esm-es5/extractProps-54064fb0.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++){r=arguments[e];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))t[s]=r[s]}return t};return __assign.apply(this,arguments)};function parseStates(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(t){return undefined}}if(typeof t==="object")return t}function extractProps(t,r){var e=Object.keys(t).filter((function(t){return t.startsWith(r)}));var n=e.reduce((function(e,n){var s;var a=n.replace(r,"");return __assign(__assign({},e),(s={},s[a]=t[n],s))}),{});return n}export{extractProps as e,parseStates as p};