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

package/dist/esm/sqm-close-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK } from './index.module-e266b4d7.js';
+import { g as getEnvironmentSDK } from './index.module-cede12c6.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';

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

@@ -1,14 +1,14 @@
 import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, t as Pn, F as Fn, i as isDemo, q as En } from './index.module-e266b4d7.js';
+import { d as dist, t as Pn, F as Fn, i as isDemo, r as En } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
-import { V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-5c6cd733.js';
+import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
+import { a as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
 
 const style = {
   Wrapper: {
@@ -61,7 +61,6 @@ const style = {
   },
   ContinueButton: {
     width: "100%",
-    maxWidth: "100px",
   },
   FooterContainer: {
     display: "flex",
@@ -139,9 +138,9 @@ function WidgetCodeVerificationView(props) {
           h("sl-input", { class: inputClass, name: "code" }),
           h("sl-input", { class: inputClass, name: "code" })),
         states.verifyFailed && (h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
-        h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
-      h("div", { class: sheet.classes.FooterContainer },
-        h(TextSpanView, { type: "p" }, resendCodeText)))));
+        h("div", { class: sheet.classes.FooterContainer },
+          h(TextSpanView, { type: "p" }, resendCodeText)),
+        h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)))));
 }
 
 const VerifyEmailWithCodeMutation = dist.gql `

package/dist/esm/sqm-context-router.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-e266b4d7.js';
+import { _ } from './index.module-cede12c6.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 

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

@@ -1,15 +1,17 @@
 import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
-import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En, L } from './index.module-e266b4d7.js';
+import { i as intl } from './global-39f55ec2.js';
+import { k as useState, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
+import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, r as En, L } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 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 { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
+import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
+import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-33c16dff.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-08b7c5f6.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
-import { u as useVerificationEmail } from './useVerificationEmail-5c6cd733.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
+import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
 
 const UpsertUserEmailMutation = dist.gql `
   mutation upsertUser($userInput: UserInput!) {
@@ -145,11 +147,9 @@ const style = {
     gap: "var(--sl-spacing-medium)",
     position: "relative",
     flexDirection: "column",
-    maxWidth: "320px",
   },
   ContinueButton: {
     width: "100%",
-    maxWidth: "100px",
   },
   SkeletonOne: {
     width: "50%",
@@ -427,19 +427,11 @@ const GET_USER_PARTNER_INFO = dist.gql `
         customFields
         impactConnection {
           connected
+          connectionStatus
           publisher {
-            phoneNumber
-            phoneNumberCountryCode
+            id
             countryCode
             currency
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-            withdrawalSettings {
-              paymentMethod
-            }
           }
         }
       }
@@ -492,6 +484,32 @@ const CONNECT_PARTNER = dist.gql `
     }
   }
 `;
+const START_IMPACT_CONNECTION = dist.gql `
+  mutation startImpactConnection($vars: ImpactConnectionInput!) {
+    startImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 const GET_BRAND_NAME = dist.gql `
   query getTenantSettings {
     tenantSettings {
@@ -500,33 +518,54 @@ const GET_BRAND_NAME = dist.gql `
   }
 `;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = L();
+  const setVerificationContext = En(VERIFICATION_PARENT_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = wn(GET_USER_PARTNER_INFO, {});
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = wn(GET_COUNTRIES, {});
   const { data: tenantSettingsData } = wn(GET_BRAND_NAME, {});
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
-  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || "");
+  const { data: financeNetworkData } = wn(GET_FINANCE_NETWORK_SETTINGS, {
+    variables: { filter: {} },
+  });
+  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = $e(START_IMPACT_CONNECTION);
+  // No pre-filled country, use locale to determine countryCode instead
+  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
+    locale.replace(/^.*_/, ""));
   const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
-  console.log(countryCode, currency, "initial country and currency state"); // TEMP
+  const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
+  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
+  const currencies = useMemo(() => {
+    var _a, _b;
+    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+      var _a, _b;
+      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
+      if (!currency)
+        return agg;
+      if (agg.find((c) => c.currencyCode === settings.currency))
+        return agg;
+      if (countryCode && settings.countryCode !== countryCode)
+        return agg;
+      return [...agg, currency];
+    }, []);
+    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  }, [financeNetworkData, currenciesData, countryCode]);
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
+  console.log(userData, "userData partner info modal");
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
-  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
-  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
-  console.log(user, "user data from partner info query"); // TEMP
   useEffect(() => {
     var _a;
-    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
-      setCountryCode(user.impactConnection.publisher.countryCode);
-      setCurrency(user.impactConnection.publisher.currency);
-    }
-  }, [userData]);
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (!userData || !publisher)
+      return;
+    setCountryCode(publisher.countryCode);
+    setCurrency(publisher.currency);
+  }, [userData, user]);
   useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -585,13 +624,13 @@ function usePartnerInfoModal(props) {
         countryCode,
         currency,
       };
-      const result = await connectImpactPartner({ vars });
+      const result = await startImpactConnection({ vars });
       if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
         setError(props.networkErrorText);
         return;
       }
       const connectionResult = result
-        .createImpactConnection;
+        .startImpactConnection;
       console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
       if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
         const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
@@ -602,28 +641,27 @@ function usePartnerInfoModal(props) {
       window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
       setSuccess(true);
+      setVerificationContext(true);
     }
     catch (e) {
       console.error("Partner creation error:", e);
       setError(props.networkErrorText);
     }
   }
-  console.log(success, "success state in partner info modal");
   const showModal = !success &&
     !userLoading &&
-    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
-  console.log(showModal, "showModal condition in partner info modal"); // TEMP
+    (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
   return {
     states: {
       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,
       success,
-      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
+      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
     },
@@ -717,6 +755,18 @@ const PartnerInfoModal = class {
      * @uiWidget textArea
      */
     this.missingFieldsErrorText = "Please select both a country and currency.";
+    /**
+     * Used to render in another modal.
+     * @undocumented
+     */
+    this.inModal = false;
+    /**
+     * @undocumented
+     * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
+     * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
+     */
+    this.stateController = "{}";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -724,10 +774,12 @@ const PartnerInfoModal = class {
     return getProps(this);
   }
   render() {
-    // AL: TODO add usePartnerInfoModal
     const props = isDemo()
       ? useDemoPartnerInfoModal(this)
       : usePartnerInfoModal(this);
+    if (this.inModal) {
+      return h(PartnerInfoModalContentView, Object.assign({}, props));
+    }
     return h(PartnerInfoModalView, Object.assign({}, props));
   }
 };
@@ -735,6 +787,9 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
+  const parsed = parseStates(props.stateController);
+  const stateOverride = (parsed === null || parsed === void 0 ? void 0 : parsed["sqm-partner-info-modal"]) || parsed || {};
+  // @ts-ignore
   return cjs({
     states: {
       brandName: "Test Brand",
@@ -788,7 +843,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }
 
 export { WidgetEmailVerification as sqm_email_verification, PartnerInfoModal as sqm_partner_info_modal };

package/dist/esm/sqm-empty_4.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-e266b4d7.js';
+import './index.module-cede12c6.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';

package/dist/esm/sqm-google-sign-in.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK, i as isDemo } from './index.module-e266b4d7.js';
+import { g as getEnvironmentSDK, i as isDemo } from './index.module-cede12c6.js';
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = useState(false);

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { G, f as Q, E as Ee, P as Pe } from './index.module-e266b4d7.js';
+import { G, f as Q, E as Ee, P as Pe } from './index.module-cede12c6.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = G();

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, e as setUserIdentity } from './index.module-e266b4d7.js';
+import { i as isDemo, e as setUserIdentity } from './index.module-cede12c6.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './useRegistrationFormState-0cee2d21.js';
+import './useRegistrationFormState-1813bdef.js';
 import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-1388dace.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-e2392f42.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-lead-checkbox-field-view-00d76ba1.js → sqm-lead-checkbox-field-view-7cee2b4e.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-b2ee3a12.js';
+import './global-39f55ec2.js';
 import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-e266b4d7.js';
+import { i as isDemo } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-cec544ea.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-00d76ba1.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-9099c8d4.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-7cee2b4e.js';
 
 function useLeadCheckboxField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-lead-input-field-view-d8f76a9d.js → sqm-lead-input-field-view-11a4f9a9.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 

package/dist/esm/sqm-lead-input-field.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-b2ee3a12.js';
+import './global-39f55ec2.js';
 import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-e266b4d7.js';
+import { i as isDemo } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-cec544ea.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d8f76a9d.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-9099c8d4.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-11a4f9a9.js';
 
 function useLeadInputField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-e266b4d7.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
 

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, e as setUserIdentity, i as isDemo } from './index.module-e266b4d7.js';
+import { d as dist, J, w as wn, e as setUserIdentity, i as isDemo } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-7f966119.js → sqm-navigation-sidebar-item-view-48e7e0d3.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-e266b4d7.js';
+import { j as jn } from './index.module-cede12c6.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f750863a.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { k as kn, i as isDemo } from './index.module-e266b4d7.js';
+import { k as kn, i as isDemo } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-7f966119.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-48e7e0d3.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, k as kn, H } from './index.module-e266b4d7.js';
+import { i as isDemo, k as kn, H } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
 

package/dist/esm/sqm-pagination_3.entry.js

@@ -1,11 +1,11 @@
 import { h, F as Fragment, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
+import { i as intl } from './global-39f55ec2.js';
 import { n as h$1, k as useState } from './dom-context-hooks.module-50442785.js';
-import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-e266b4d7.js';
+import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-1ca1fda0.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-3cde72d4.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 

package/dist/esm/{sqm-partner-info-modal-view-77c231af.js → sqm-partner-info-modal-view-08b7c5f6.js}

@@ -6,37 +6,26 @@ const style = {
     "&::part(panel)": {
       maxWidth: "480px",
     },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-    },
     "&::part(body)": {
-      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large)",
+      padding: "0 var(--sl-spacing-x-large)",
       fontSize: "var(--sl-font-size-small)",
       overflow: "visible",
     },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
-    },
     "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
-    },
-    "&::part(close-button)": {
-      display: "none",
+      background: "var(--sl-overlay-background-color)",
     },
   },
+  DialogTitle: {
+    fontSize: "var(--sl-font-size-x-large)",
+    fontWeight: "600",
+    padding: "var(--sl-spacing-large) 0 0 0",
+    margin: "0",
+  },
   FormFields: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
+    marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
     color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -54,53 +43,72 @@ const style = {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-small)",
+    margin: "0",
     "& > p": {
       margin: "0",
     },
   },
+  SubmitButton: {
+    width: "100%",
+    marginTop: "var(--sl-spacing-large)",
+  },
 };
-function PartnerInfoModalView(props) {
+function PartnerInfoModalContentView(props) {
   var _a, _b;
   const { states, callbacks, text } = props;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  console.log(states, "partner info modal states"); // TEMP
-  if (!states.open)
-    return h("div", null);
-  const description = states.isExistingPartner ? (h("div", { class: sheet.classes.DescriptionContainer },
+  const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
     h("p", null, text.descriptionExistingPartner),
-    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", null,
-    " ",
-    text.descriptionNewPartner));
+    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
-  return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: false, label: states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader, "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      // Prevent closing when clicking outside the dialog but not dropdowns
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
-        e.preventDefault();
-      }
-    } },
-    h("style", { type: "text/css" }, styleString),
-    description,
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
     h("div", { class: sheet.classes.FormFields },
-      h("sl-select", { key: `country-${states.countryCode}`, exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, "onSl-select": callbacks.onCountryChange },
+      description,
+      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }), (_a = states.filteredCountries) === null || _a === void 0 ? void 0 :
         _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
-      h("sl-select", { key: `currency-${states.currency}`, exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, "onSl-select": callbacks.onCurrencyChange },
+      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
-        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
+        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
+          c.currencyCode,
+          " - ",
+          c.displayName))))),
     states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, style: { width: "100%" }, exportparts: "base: primarybutton-base" }, buttonLabel)));
+    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
+}
+function PartnerInfoModalView(props) {
+  const { states, text, callbacks } = props;
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  if (!states.open)
+    return h("div", null);
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      " ",
+      styleString),
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader, "onSl-request-close": (e) => {
+        e.preventDefault();
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } },
+      h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader),
+      h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }
 
-export { PartnerInfoModalView as P };
+export { PartnerInfoModalView as P, PartnerInfoModalContentView as a };