npm - @saasquatch/mint-components - Versions diffs - 2.1.8-2 → 2.1.9-0 - Mend

@saasquatch/mint-components 2.1.8-2 → 2.1.9-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (367) hide show

package/dist/cjs/sqm-empty_4.cjs.entry.js CHANGED Viewed

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-require('./index.module-f8c8495f.js');
+require('./index.module-42d413d9.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const imageUrl = require('./imageUrl-a7880cab.js');

package/dist/cjs/sqm-google-sign-in.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = domContextHooks_module.useState(false);

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.G();

package/dist/cjs/sqm-instant-access-registration.cjs.entry.js CHANGED Viewed

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./useRegistrationFormState-4fe5b770.js');
+require('./useRegistrationFormState-a223f597.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-2398df36.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-651aa95b.js');
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-lead-checkbox-field-view-0af2a157.js → sqm-lead-checkbox-field-view-d90f8941.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const JSS = require('./JSS-8503a151.js');
 const style = {

package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js CHANGED Viewed

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-0af2a157.js');
+const useLeadFormState = require('./useLeadFormState-76d3b511.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-d90f8941.js');
 function useLeadCheckboxField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/{sqm-lead-input-field-view-0cd7ebdb.js → sqm-lead-input-field-view-818d9e9a.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');

package/dist/cjs/sqm-lead-input-field.cjs.entry.js CHANGED Viewed

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-0cd7ebdb.js');
+const useLeadFormState = require('./useLeadFormState-76d3b511.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
 function useLeadInputField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js CHANGED Viewed

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-67fd7934.js');

package/dist/cjs/sqm-logout-current-user.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');

package/dist/cjs/{sqm-navigation-sidebar-item-view-49b152dd.js → sqm-navigation-sidebar-item-view-20693e59.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const index = require('./index-8277cbb3.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js CHANGED Viewed

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-49b152dd.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-20693e59.js');
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');

package/dist/cjs/sqm-pagination_3.cjs.entry.js CHANGED Viewed

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-0f7948af.js');
+const useReferralCodes = require('./useReferralCodes-89c2b972.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');

package/dist/cjs/sqm-partner-info-modal-view-e3faede9.js ADDED Viewed

@@ -0,0 +1,108 @@
+'use strict';
+const index = require('./index-8277cbb3.js');
+const JSS = require('./JSS-8503a151.js');
+const style = {
+  Dialog: {
+    "&::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)",
+      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",
+    },
+  },
+  FormFields: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-medium)",
+    "& > *": {
+      flex: 1,
+    },
+  },
+  ErrorMessage: {
+    color: "var(--sqm-danger-color-text, #d32f2f)",
+    fontSize: "var(--sl-font-size-small)",
+    marginTop: "var(--sl-spacing-x-small)",
+  },
+  SearchInput: {
+    "&::part(base)": {
+      border: "none",
+      borderBottom: "1px solid var(--sl-color-neutral-300)",
+      borderRadius: "0",
+    },
+  },
+  DescriptionContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-small)",
+    "& > p": {
+      margin: "0",
+    },
+  },
+};
+function PartnerInfoModalView(props) {
+  var _a, _b;
+  const { states, callbacks, text } = props;
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  console.log(states, "partner info modal states"); // TEMP
+  if (!states.open)
+    return index.h("div", null);
+  const description = states.isExistingPartner ? (index.h("div", { class: sheet.classes.DescriptionContainer },
+    index.h("p", null, text.descriptionExistingPartner),
+    index.h("p", null, text.supportDescriptionExistingPartner))) : (index.h("p", null,
+    " ",
+    text.descriptionNewPartner));
+  const buttonLabel = states.isExistingPartner
+    ? text.confirmButtonLabel
+    : text.submitButtonLabel;
+  return (index.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();
+      }
+    } },
+    index.h("style", { type: "text/css" }, styleString),
+    description,
+    index.h("div", { class: sheet.classes.FormFields },
+      index.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 },
+        index.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) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
+      index.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 },
+        index.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) => (index.h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
+    states.error && index.h("p", { class: sheet.classes.ErrorMessage }, states.error),
+    index.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)));
+}
+exports.PartnerInfoModalView = PartnerInfoModalView;