@saasquatch/mint-components 1.11.0-2 → 1.11.0-3

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 (33) hide show
  1. package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +9 -6
  2. package/dist/cjs/{sqm-navigation-sidebar-view-dd53f947.js → sqm-navigation-sidebar-view-c7fb69d4.js} +7 -1
  3. package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js +1 -1
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  5. package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.js +7 -1
  6. package/dist/collection/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.js +8 -5
  7. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +2 -2
  8. package/dist/esm/sqm-banking-info-form_16.entry.js +9 -6
  9. package/dist/esm/{sqm-navigation-sidebar-view-414bcb19.js → sqm-navigation-sidebar-view-4e8a6a8c.js} +7 -1
  10. package/dist/esm/sqm-navigation-sidebar.entry.js +1 -1
  11. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  12. package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
  13. package/dist/esm-es5/sqm-navigation-sidebar-view-4e8a6a8c.js +1 -0
  14. package/dist/esm-es5/sqm-navigation-sidebar.entry.js +1 -1
  15. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  16. package/dist/mint-components/mint-components.esm.js +1 -1
  17. package/dist/mint-components/p-1b485560.system.entry.js +1 -0
  18. package/dist/mint-components/p-1f344065.entry.js +1 -0
  19. package/dist/mint-components/p-97198e2c.system.js +1 -1
  20. package/dist/mint-components/p-9873d3c6.js +1 -0
  21. package/dist/mint-components/{p-b19524e2.entry.js → p-9dc3f592.entry.js} +2 -2
  22. package/dist/mint-components/p-bcccc284.system.js +1 -0
  23. package/dist/mint-components/{p-e17d1ed7.system.entry.js → p-c0de49e7.system.entry.js} +1 -1
  24. package/dist/mint-components/{p-70232f5f.entry.js → p-d1d16808.entry.js} +1 -1
  25. package/dist/mint-components/p-e044bbf1.system.entry.js +1 -0
  26. package/docs/docs.docx +0 -0
  27. package/package.json +1 -1
  28. package/dist/esm-es5/sqm-navigation-sidebar-view-414bcb19.js +0 -1
  29. package/dist/mint-components/p-0076de9e.js +0 -1
  30. package/dist/mint-components/p-41f15489.entry.js +0 -1
  31. package/dist/mint-components/p-c06048c9.system.js +0 -1
  32. package/dist/mint-components/p-ce523fb3.system.entry.js +0 -1
  33. package/dist/mint-components/p-cfb48ad2.system.entry.js +0 -1
package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js CHANGED
@@ -1839,8 +1839,7 @@ const DocusignLoadingView = () => {
1839
1839
  index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
1840
1840
  };
1841
1841
  const DocusignIframe = ({ states, data, callbacks, text, }) => {
1842
- if (states.urlLoading)
1843
- return index.h(DocusignLoadingView, null);
1842
+ const [iFrameHeight, setiFrameHeight] = stencilHooks_module.useState("100%");
1844
1843
  // TODO: Confirm impact domain before launch
1845
1844
  const allowedDomains = [
1846
1845
  "referralsaasquatch.com",
@@ -1850,6 +1849,9 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
1850
1849
  const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
1851
1850
  if (!allowed)
1852
1851
  return;
1852
+ if (typeof e.data === "number") {
1853
+ setiFrameHeight(e.data + "px");
1854
+ }
1853
1855
  if (e.data === "Complyexchange Thank you page Load") {
1854
1856
  callbacks.completeDocument();
1855
1857
  }
@@ -1863,14 +1865,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
1863
1865
  window.removeEventListener("message", callback, false);
1864
1866
  };
1865
1867
  }, []);
1868
+ if (states.urlLoading)
1869
+ return index.h(DocusignLoadingView, null);
1866
1870
  if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
1867
1871
  return index.h(DocusignErrorView, { text: text });
1868
1872
  }
1869
1873
  if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
1870
1874
  return index.h(DocusignExpiredView, { text: text });
1871
- return (index.h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
1875
+ return (index.h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
1872
1876
  };
1873
- // NWH4QF
1874
1877
 
1875
1878
  const style$2 = {
1876
1879
  FormWrapper: {
@@ -6710,8 +6713,8 @@ const UserInfoFormView = (props) => {
6710
6713
  } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
6711
6714
  _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
6712
6715
  _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
6713
- index.h("div", { style: { display: "flex", gap: "4px" } },
6714
- index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6716
+ index.h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
6717
+ index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6715
6718
  class: classes.ErrorInput,
6716
6719
  }
6717
6720
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
package/dist/cjs/{sqm-navigation-sidebar-view-dd53f947.js → sqm-navigation-sidebar-view-c7fb69d4.js} RENAMED
@@ -17,7 +17,13 @@ const vanillaStyle = `
17
17
  100% {
18
18
  left: 0;
19
19
  }
20
- }
20
+ }
21
+
22
+ @media screen and (max-width: 570px) {
23
+ :host {
24
+ width: 0;
25
+ }
26
+ }
21
27
 
22
28
  @media screen and (min-width: 800px) {
23
29
  :host {
package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
7
7
  const index_module = require('./index.module-df530553.js');
8
- const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
8
+ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-c7fb69d4.js');
9
9
 
10
10
  const NavigationSidebar = class {
11
11
  constructor(hostRef) {
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -20,7 +20,7 @@ require('./index-8c6255f5.js');
20
20
  const emailRegistrationView = require('./email-registration-view-5170d9f1.js');
21
21
  const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
22
22
  const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
23
- const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
23
+ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-c7fb69d4.js');
24
24
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a125ec5f.js');
25
25
  const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-07161940.js');
26
26
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.js CHANGED
@@ -14,7 +14,13 @@ const vanillaStyle = `
14
14
  100% {
15
15
  left: 0;
16
16
  }
17
- }
17
+ }
18
+
19
+ @media screen and (max-width: 570px) {
20
+ :host {
21
+ width: 0;
22
+ }
23
+ }
18
24
 
19
25
  @media screen and (min-width: 800px) {
20
26
  :host {
package/dist/collection/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { h } from "@stencil/core";
2
2
  import { createStyleSheet } from "../../../../styling/JSS";
3
- import { useCallback, useEffect, } from "@saasquatch/universal-hooks";
3
+ import { useCallback, useEffect, useState, } from "@saasquatch/universal-hooks";
4
4
  import { DOCUSIGN_EXPIRED_STATES, DOCUSIGN_ERROR_STATES, } from "../useDocusignForm";
5
5
  const style = {
6
6
  DocusignStatusContainer: {
@@ -61,8 +61,7 @@ export const DocusignLoadingView = () => {
61
61
  h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
62
62
  };
63
63
  export const DocusignIframe = ({ states, data, callbacks, text, }) => {
64
- if (states.urlLoading)
65
- return h(DocusignLoadingView, null);
64
+ const [iFrameHeight, setiFrameHeight] = useState("100%");
66
65
  // TODO: Confirm impact domain before launch
67
66
  const allowedDomains = [
68
67
  "referralsaasquatch.com",
@@ -72,6 +71,9 @@ export const DocusignIframe = ({ states, data, callbacks, text, }) => {
72
71
  const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
73
72
  if (!allowed)
74
73
  return;
74
+ if (typeof e.data === "number") {
75
+ setiFrameHeight(e.data + "px");
76
+ }
75
77
  if (e.data === "Complyexchange Thank you page Load") {
76
78
  callbacks.completeDocument();
77
79
  }
@@ -85,11 +87,12 @@ export const DocusignIframe = ({ states, data, callbacks, text, }) => {
85
87
  window.removeEventListener("message", callback, false);
86
88
  };
87
89
  }, []);
90
+ if (states.urlLoading)
91
+ return h(DocusignLoadingView, null);
88
92
  if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
89
93
  return h(DocusignErrorView, { text: text });
90
94
  }
91
95
  if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
92
96
  return h(DocusignExpiredView, { text: text });
93
- return (h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
97
+ return (h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
94
98
  };
95
- // NWH4QF
package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js CHANGED
@@ -191,8 +191,8 @@ export const UserInfoFormView = (props) => {
191
191
  } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
192
192
  _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
193
193
  _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
194
- h("div", { style: { display: "flex", gap: "4px" } },
195
- h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
194
+ h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
195
+ h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
196
196
  class: classes.ErrorInput,
197
197
  }
198
198
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
package/dist/esm/sqm-banking-info-form_16.entry.js CHANGED
@@ -1835,8 +1835,7 @@ const DocusignLoadingView = () => {
1835
1835
  h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
1836
1836
  };
1837
1837
  const DocusignIframe = ({ states, data, callbacks, text, }) => {
1838
- if (states.urlLoading)
1839
- return h(DocusignLoadingView, null);
1838
+ const [iFrameHeight, setiFrameHeight] = useState("100%");
1840
1839
  // TODO: Confirm impact domain before launch
1841
1840
  const allowedDomains = [
1842
1841
  "referralsaasquatch.com",
@@ -1846,6 +1845,9 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
1846
1845
  const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
1847
1846
  if (!allowed)
1848
1847
  return;
1848
+ if (typeof e.data === "number") {
1849
+ setiFrameHeight(e.data + "px");
1850
+ }
1849
1851
  if (e.data === "Complyexchange Thank you page Load") {
1850
1852
  callbacks.completeDocument();
1851
1853
  }
@@ -1859,14 +1861,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
1859
1861
  window.removeEventListener("message", callback, false);
1860
1862
  };
1861
1863
  }, []);
1864
+ if (states.urlLoading)
1865
+ return h(DocusignLoadingView, null);
1862
1866
  if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
1863
1867
  return h(DocusignErrorView, { text: text });
1864
1868
  }
1865
1869
  if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
1866
1870
  return h(DocusignExpiredView, { text: text });
1867
- return (h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
1871
+ return (h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
1868
1872
  };
1869
- // NWH4QF
1870
1873
 
1871
1874
  const style$2 = {
1872
1875
  FormWrapper: {
@@ -6706,8 +6709,8 @@ const UserInfoFormView = (props) => {
6706
6709
  } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
6707
6710
  _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
6708
6711
  _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
6709
- h("div", { style: { display: "flex", gap: "4px" } },
6710
- h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6712
+ h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
6713
+ h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6711
6714
  class: classes.ErrorInput,
6712
6715
  }
6713
6716
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
package/dist/esm/{sqm-navigation-sidebar-view-414bcb19.js → sqm-navigation-sidebar-view-4e8a6a8c.js} RENAMED
@@ -15,7 +15,13 @@ const vanillaStyle = `
15
15
  100% {
16
16
  left: 0;
17
17
  }
18
- }
18
+ }
19
+
20
+ @media screen and (max-width: 570px) {
21
+ :host {
22
+ width: 0;
23
+ }
24
+ }
19
25
 
20
26
  @media screen and (min-width: 800px) {
21
27
  :host {
package/dist/esm/sqm-navigation-sidebar.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
3
3
  import { S as Sn, H } from './index.module-def4aec5.js';
4
- import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-414bcb19.js';
4
+ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-4e8a6a8c.js';
5
5
 
6
6
  const NavigationSidebar = class {
7
7
  constructor(hostRef) {
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -16,7 +16,7 @@ import './index-ffa26b43.js';
16
16
  import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
17
17
  import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
18
18
  import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
19
- import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-414bcb19.js';
19
+ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-4e8a6a8c.js';
20
20
  import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-60ef06cc.js';
21
21
  import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0b32261f.js';
22
22
  import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';