@saasquatch/mint-components 2.1.9-16 → 2.1.9-17

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 (27) hide show
  1. package/dist/cjs/sqm-big-stat_46.cjs.entry.js +0 -1
  2. package/dist/cjs/sqm-email-verification_2.cjs.entry.js +1 -1
  3. package/dist/cjs/{sqm-partner-info-modal-view-2d6e89a4.js → sqm-partner-info-modal-view-bb64a718.js} +29 -31
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  5. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +29 -31
  6. package/dist/collection/components/sqm-widget-verification/sqm-widget-verification.js +0 -1
  7. package/dist/esm/sqm-big-stat_46.entry.js +0 -1
  8. package/dist/esm/sqm-email-verification_2.entry.js +1 -1
  9. package/dist/esm/{sqm-partner-info-modal-view-f85b5a08.js → sqm-partner-info-modal-view-b0f31f8a.js} +29 -31
  10. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  11. package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
  12. package/dist/esm-es5/sqm-partner-info-modal-view-b0f31f8a.js +1 -0
  13. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  14. package/dist/mint-components/mint-components.esm.js +1 -1
  15. package/dist/mint-components/{p-d111584d.entry.js → p-1b3224d9.entry.js} +1 -1
  16. package/dist/mint-components/p-1c413a06.system.js +1 -1
  17. package/dist/mint-components/{p-3b2b83d9.entry.js → p-66e8c1f6.entry.js} +1 -1
  18. package/dist/mint-components/{p-a06ee2a3.system.entry.js → p-6f13f388.system.entry.js} +1 -1
  19. package/dist/mint-components/p-7e4a8af3.js +1 -0
  20. package/dist/mint-components/{p-65e4ba6f.system.entry.js → p-c4b7d9a0.system.entry.js} +1 -1
  21. package/dist/mint-components/p-e302579a.system.js +1 -0
  22. package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +1 -1
  23. package/docs/docs.docx +0 -0
  24. package/package.json +1 -1
  25. package/dist/esm-es5/sqm-partner-info-modal-view-f85b5a08.js +0 -1
  26. package/dist/mint-components/p-5a71d63c.js +0 -1
  27. package/dist/mint-components/p-67792584.system.js +0 -1
package/dist/cjs/sqm-big-stat_46.cjs.entry.js CHANGED
@@ -8229,7 +8229,6 @@ const WidgetVerification = class {
8229
8229
  : useWidgetVerification();
8230
8230
  if (props.loading)
8231
8231
  return index.h("sl-spinner", null);
8232
- // Check if partner modal state indicates verification is complete (open: false)
8233
8232
  const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
8234
8233
  ? parseStates.parseStates(props["sqm-partner-info-modal_stateController"])
8235
8234
  : props["sqm-partner-info-modal_stateController"];
package/dist/cjs/sqm-email-verification_2.cjs.entry.js CHANGED
@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
11
11
  const JSS = require('./JSS-8503a151.js');
12
12
  const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
13
- const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
13
+ const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bb64a718.js');
14
14
  const keys = require('./keys-cff24974.js');
15
15
  const eventKeys = require('./eventKeys-7af4df4d.js');
16
16
  const parseStates = require('./parseStates-d1effc19.js');
package/dist/cjs/{sqm-partner-info-modal-view-2d6e89a4.js → sqm-partner-info-modal-view-bb64a718.js} RENAMED
@@ -13,29 +13,21 @@ const style = {
13
13
  fontSize: "var(--sl-font-size-small)",
14
14
  overflow: "visible",
15
15
  },
16
- "&::part(footer)": {
17
- display: "flex",
18
- flexDirection: "column",
19
- padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
20
- },
21
16
  "&::part(overlay)": {
22
- background: "rgba(0, 0, 0, 0.5)",
17
+ background: "var(--sl-overlay-background-color)",
23
18
  },
24
19
  },
25
20
  DialogTitle: {
26
21
  fontSize: "var(--sl-font-size-x-large)",
27
22
  fontWeight: "600",
28
- padding: "var(--sl-spacing-x-large) 0 0 0",
23
+ padding: "var(--sl-spacing-large) 0 0 0",
29
24
  margin: "0",
30
25
  },
31
26
  FormFields: {
32
27
  display: "flex",
33
28
  flexDirection: "column",
34
29
  gap: "var(--sl-spacing-medium)",
35
- marginTop: "var(--sl-spacing-medium)",
36
- "& > *": {
37
- flex: 1,
38
- },
30
+ marginTop: "var(--sl-spacing-large)",
39
31
  },
40
32
  ErrorMessage: {
41
33
  color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -60,7 +52,7 @@ const style = {
60
52
  },
61
53
  SubmitButton: {
62
54
  width: "100%",
63
- marginTop: "var(--sl-spacing-small)",
55
+ marginTop: "var(--sl-spacing-large)",
64
56
  },
65
57
  };
66
58
  function PartnerInfoModalContentView(props) {
@@ -74,10 +66,12 @@ function PartnerInfoModalContentView(props) {
74
66
  const buttonLabel = states.isExistingPartner
75
67
  ? text.confirmButtonLabel
76
68
  : text.submitButtonLabel;
77
- return [
78
- index.h("style", { type: "text/css" }, styleString),
79
- description,
69
+ return (index.h("div", null,
70
+ index.h("style", { type: "text/css" },
71
+ " ",
72
+ styleString),
80
73
  index.h("div", { class: sheet.classes.FormFields },
74
+ description,
81
75
  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, hoist: true, "onSl-select": callbacks.onCountryChange },
82
76
  index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
83
77
  var _a;
@@ -88,29 +82,33 @@ function PartnerInfoModalContentView(props) {
88
82
  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 :
89
83
  _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
90
84
  states.error && index.h("p", { class: sheet.classes.ErrorMessage }, states.error),
91
- index.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),
92
- ];
85
+ index.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)));
93
86
  }
94
87
  function PartnerInfoModalView(props) {
95
- const { states, text } = props;
88
+ const { states, text, callbacks } = props;
96
89
  const sheet = JSS.createStyleSheet(style);
90
+ const styleString = sheet.toString();
97
91
  console.log(states, "partner info modal states"); // TEMP
98
92
  if (!states.open)
99
93
  return index.h("div", null);
100
- return (index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
101
- ? text.modalHeaderExistingPartner
102
- : text.modalHeader, "onSl-request-close": (e) => {
103
- e.preventDefault();
104
- }, "onSl-hide": (e) => {
105
- var _a;
106
- if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
94
+ return (index.h("div", null,
95
+ index.h("style", { type: "text/css" },
96
+ " ",
97
+ styleString),
98
+ index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
99
+ ? text.modalHeaderExistingPartner
100
+ : text.modalHeader, "onSl-request-close": (e) => {
107
101
  e.preventDefault();
108
- }
109
- } },
110
- index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
111
- ? text.modalHeaderExistingPartner
112
- : text.modalHeader),
113
- index.h(PartnerInfoModalContentView, Object.assign({}, props))));
102
+ }, "onSl-hide": (e) => {
103
+ var _a;
104
+ if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
105
+ e.preventDefault();
106
+ }
107
+ } },
108
+ index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
109
+ ? text.modalHeaderExistingPartner
110
+ : text.modalHeader),
111
+ index.h(PartnerInfoModalContentView, Object.assign({}, props)))));
114
112
  }
115
113
 
116
114
  exports.PartnerInfoModalContentView = PartnerInfoModalContentView;
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -38,7 +38,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js'
38
38
  const sqmUserInfoFormView = require('./sqm-user-info-form-view-923ff8d9.js');
39
39
  const data = require('./data-e83f8a41.js');
40
40
  const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
41
- const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
41
+ const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bb64a718.js');
42
42
 
43
43
  /**
44
44
  * lodash (Custom Build) <https://lodash.com/>
package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js CHANGED
@@ -10,29 +10,21 @@ const style = {
10
10
  fontSize: "var(--sl-font-size-small)",
11
11
  overflow: "visible",
12
12
  },
13
- "&::part(footer)": {
14
- display: "flex",
15
- flexDirection: "column",
16
- padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
17
- },
18
13
  "&::part(overlay)": {
19
- background: "rgba(0, 0, 0, 0.5)",
14
+ background: "var(--sl-overlay-background-color)",
20
15
  },
21
16
  },
22
17
  DialogTitle: {
23
18
  fontSize: "var(--sl-font-size-x-large)",
24
19
  fontWeight: "600",
25
- padding: "var(--sl-spacing-x-large) 0 0 0",
20
+ padding: "var(--sl-spacing-large) 0 0 0",
26
21
  margin: "0",
27
22
  },
28
23
  FormFields: {
29
24
  display: "flex",
30
25
  flexDirection: "column",
31
26
  gap: "var(--sl-spacing-medium)",
32
- marginTop: "var(--sl-spacing-medium)",
33
- "& > *": {
34
- flex: 1,
35
- },
27
+ marginTop: "var(--sl-spacing-large)",
36
28
  },
37
29
  ErrorMessage: {
38
30
  color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -57,7 +49,7 @@ const style = {
57
49
  },
58
50
  SubmitButton: {
59
51
  width: "100%",
60
- marginTop: "var(--sl-spacing-small)",
52
+ marginTop: "var(--sl-spacing-large)",
61
53
  },
62
54
  };
63
55
  export function PartnerInfoModalContentView(props) {
@@ -71,10 +63,12 @@ export function PartnerInfoModalContentView(props) {
71
63
  const buttonLabel = states.isExistingPartner
72
64
  ? text.confirmButtonLabel
73
65
  : text.submitButtonLabel;
74
- return [
75
- h("style", { type: "text/css" }, styleString),
76
- description,
66
+ return (h("div", null,
67
+ h("style", { type: "text/css" },
68
+ " ",
69
+ styleString),
77
70
  h("div", { class: sheet.classes.FormFields },
71
+ description,
78
72
  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, hoist: true, "onSl-select": callbacks.onCountryChange },
79
73
  h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
80
74
  var _a;
@@ -85,27 +79,31 @@ export function PartnerInfoModalContentView(props) {
85
79
  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 :
86
80
  _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
87
81
  states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
88
- 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),
89
- ];
82
+ 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)));
90
83
  }
91
84
  export function PartnerInfoModalView(props) {
92
- const { states, text } = props;
85
+ const { states, text, callbacks } = props;
93
86
  const sheet = createStyleSheet(style);
87
+ const styleString = sheet.toString();
94
88
  console.log(states, "partner info modal states"); // TEMP
95
89
  if (!states.open)
96
90
  return h("div", null);
97
- return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
98
- ? text.modalHeaderExistingPartner
99
- : text.modalHeader, "onSl-request-close": (e) => {
100
- e.preventDefault();
101
- }, "onSl-hide": (e) => {
102
- var _a;
103
- if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
91
+ return (h("div", null,
92
+ h("style", { type: "text/css" },
93
+ " ",
94
+ styleString),
95
+ h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
96
+ ? text.modalHeaderExistingPartner
97
+ : text.modalHeader, "onSl-request-close": (e) => {
104
98
  e.preventDefault();
105
- }
106
- } },
107
- h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
108
- ? text.modalHeaderExistingPartner
109
- : text.modalHeader),
110
- h(PartnerInfoModalContentView, Object.assign({}, props))));
99
+ }, "onSl-hide": (e) => {
100
+ var _a;
101
+ if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
102
+ e.preventDefault();
103
+ }
104
+ } },
105
+ h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
106
+ ? text.modalHeaderExistingPartner
107
+ : text.modalHeader),
108
+ h(PartnerInfoModalContentView, Object.assign({}, props)))));
111
109
  }
package/dist/collection/components/sqm-widget-verification/sqm-widget-verification.js CHANGED
@@ -211,7 +211,6 @@ export class WidgetVerification {
211
211
  : useWidgetVerification();
212
212
  if (props.loading)
213
213
  return h("sl-spinner", null);
214
- // Check if partner modal state indicates verification is complete (open: false)
215
214
  const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
216
215
  ? parseStates(props["sqm-partner-info-modal_stateController"])
217
216
  : props["sqm-partner-info-modal_stateController"];
package/dist/esm/sqm-big-stat_46.entry.js CHANGED
@@ -8225,7 +8225,6 @@ const WidgetVerification = class {
8225
8225
  : useWidgetVerification();
8226
8226
  if (props.loading)
8227
8227
  return h$1("sl-spinner", null);
8228
- // Check if partner modal state indicates verification is complete (open: false)
8229
8228
  const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
8230
8229
  ? parseStates(props["sqm-partner-info-modal_stateController"])
8231
8230
  : props["sqm-partner-info-modal_stateController"];
package/dist/esm/sqm-email-verification_2.entry.js CHANGED
@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
9
- import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
9
+ import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b0f31f8a.js';
10
10
  import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
11
11
  import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
12
12
  import { p as parseStates } from './parseStates-ed75e224.js';
package/dist/esm/{sqm-partner-info-modal-view-f85b5a08.js → sqm-partner-info-modal-view-b0f31f8a.js} RENAMED
@@ -11,29 +11,21 @@ const style = {
11
11
  fontSize: "var(--sl-font-size-small)",
12
12
  overflow: "visible",
13
13
  },
14
- "&::part(footer)": {
15
- display: "flex",
16
- flexDirection: "column",
17
- padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
18
- },
19
14
  "&::part(overlay)": {
20
- background: "rgba(0, 0, 0, 0.5)",
15
+ background: "var(--sl-overlay-background-color)",
21
16
  },
22
17
  },
23
18
  DialogTitle: {
24
19
  fontSize: "var(--sl-font-size-x-large)",
25
20
  fontWeight: "600",
26
- padding: "var(--sl-spacing-x-large) 0 0 0",
21
+ padding: "var(--sl-spacing-large) 0 0 0",
27
22
  margin: "0",
28
23
  },
29
24
  FormFields: {
30
25
  display: "flex",
31
26
  flexDirection: "column",
32
27
  gap: "var(--sl-spacing-medium)",
33
- marginTop: "var(--sl-spacing-medium)",
34
- "& > *": {
35
- flex: 1,
36
- },
28
+ marginTop: "var(--sl-spacing-large)",
37
29
  },
38
30
  ErrorMessage: {
39
31
  color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -58,7 +50,7 @@ const style = {
58
50
  },
59
51
  SubmitButton: {
60
52
  width: "100%",
61
- marginTop: "var(--sl-spacing-small)",
53
+ marginTop: "var(--sl-spacing-large)",
62
54
  },
63
55
  };
64
56
  function PartnerInfoModalContentView(props) {
@@ -72,10 +64,12 @@ function PartnerInfoModalContentView(props) {
72
64
  const buttonLabel = states.isExistingPartner
73
65
  ? text.confirmButtonLabel
74
66
  : text.submitButtonLabel;
75
- return [
76
- h("style", { type: "text/css" }, styleString),
77
- description,
67
+ return (h("div", null,
68
+ h("style", { type: "text/css" },
69
+ " ",
70
+ styleString),
78
71
  h("div", { class: sheet.classes.FormFields },
72
+ description,
79
73
  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, hoist: true, "onSl-select": callbacks.onCountryChange },
80
74
  h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
81
75
  var _a;
@@ -86,29 +80,33 @@ function PartnerInfoModalContentView(props) {
86
80
  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 :
87
81
  _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
88
82
  states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
89
- 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),
90
- ];
83
+ 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)));
91
84
  }
92
85
  function PartnerInfoModalView(props) {
93
- const { states, text } = props;
86
+ const { states, text, callbacks } = props;
94
87
  const sheet = createStyleSheet(style);
88
+ const styleString = sheet.toString();
95
89
  console.log(states, "partner info modal states"); // TEMP
96
90
  if (!states.open)
97
91
  return h("div", null);
98
- return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
99
- ? text.modalHeaderExistingPartner
100
- : text.modalHeader, "onSl-request-close": (e) => {
101
- e.preventDefault();
102
- }, "onSl-hide": (e) => {
103
- var _a;
104
- if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
92
+ return (h("div", null,
93
+ h("style", { type: "text/css" },
94
+ " ",
95
+ styleString),
96
+ h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
97
+ ? text.modalHeaderExistingPartner
98
+ : text.modalHeader, "onSl-request-close": (e) => {
105
99
  e.preventDefault();
106
- }
107
- } },
108
- h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
109
- ? text.modalHeaderExistingPartner
110
- : text.modalHeader),
111
- h(PartnerInfoModalContentView, Object.assign({}, props))));
100
+ }, "onSl-hide": (e) => {
101
+ var _a;
102
+ if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
103
+ e.preventDefault();
104
+ }
105
+ } },
106
+ h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
107
+ ? text.modalHeaderExistingPartner
108
+ : text.modalHeader),
109
+ h(PartnerInfoModalContentView, Object.assign({}, props)))));
112
110
  }
113
111
 
114
112
  export { PartnerInfoModalView as P, PartnerInfoModalContentView as a };
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -34,7 +34,7 @@ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-c
34
34
  import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-f9026468.js';
35
35
  import { t as taxTypeToName, L as LoadingView } from './data-2b0feb3f.js';
36
36
  import { L as LeadInputFieldView } from './sqm-lead-input-field-view-11a4f9a9.js';
37
- import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-f85b5a08.js';
37
+ import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b0f31f8a.js';
38
38
 
39
39
  /**
40
40
  * lodash (Custom Build) <https://lodash.com/>
package/dist/esm-es5/sqm-email-verification_2.entry.js CHANGED
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):a(e.value).then(i,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.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,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{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-f85b5a08.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{p as parseStates}from"./parseStates-ed75e224.js";import{u as useVerificationEmail}from"./useVerificationEmail-cb3d51e3.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"])));function useUpsertUserEmail(){var e=this;var t=J();var n=$e(UpsertUserEmailMutation),r=n[0],a=n[1],o=a.loading,i=a.data,s=a.errors;var l=function(n){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,r({userInput:{id:t.id,accountId:t.accountId,email:n}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var t=this;var n=Pn(SHOW_CODE_NAMESPACE),r=n[0],a=n[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),u=l[0],c=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),v=f[0],b=f[1];var h=useVerificationEmail(),y=h.initialized,g=h.send,E=g[0],C=g[1],_=C.loading,w=C.errors;var x=useUpsertUserEmail()[0];var q=useState(true),T=q[0],S=q[1];var k=wn(UserLookupQuery,{}),I=k.data,P=k.loading;var N=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];S(true);t=I.viewer.email;if(!!t)return[3,2];n=e.detail.formData;r=n.get("email").toString();if(!N.test(r)){m(true);return[2]}return[4,x(r)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,E()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(t);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:T,initialLoading:P&&!y,error:p,email:I===null||I===void 0?void 0:I.viewer.email,sendCodeError:v},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var vanillaStyle='\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n';var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var t=e.states,n=e.callbacks,r=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"34px",width:"30%"}),h("sqm-skeleton",{height:"24px",width:"15%"}),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),t.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:r.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},r.verifyEmailHeaderText),h("sl-form",{"onSl-submit":n.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:r.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:r.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var t=this;var n=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}var GET_USER_PARTNER_INFO=dist.gql(templateObject_3||(templateObject_3=__makeTemplateObject(["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n id\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"],["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n id\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"])));var GET_COUNTRIES=dist.gql(templateObject_4||(templateObject_4=__makeTemplateObject(["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"],["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"])));var GET_CURRENCIES=dist.gql(templateObject_5||(templateObject_5=__makeTemplateObject(["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"],["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"])));var CONNECT_PARTNER=dist.gql(templateObject_6||(templateObject_6=__makeTemplateObject(["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"],["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"])));var GET_BRAND_NAME=dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"])));function usePartnerInfoModal(e){var t,n,r,a,o,i,s,l,u;var c=L();var d=En(VERIFICATION_PARENT_NAMESPACE);var p=wn(GET_USER_PARTNER_INFO,{}),m=p.data,f=p.loading,v=p.refetch;var b=m===null||m===void 0?void 0:m.user;var h=wn(GET_CURRENCIES,{variables:{locale:c}}),y=h.data,g=h.loading;var E=wn(GET_COUNTRIES,{}),C=E.data,_=E.loading;var w=wn(GET_BRAND_NAME,{}).data;var x=$e(CONNECT_PARTNER),q=x[0],T=x[1],S=T.loading,k=T.errors;var I=useState(((n=(t=b===null||b===void 0?void 0:b.impactConnection)===null||t===void 0?void 0:t.publisher)===null||n===void 0?void 0:n.countryCode)||""),P=I[0],N=I[1];var O=useState(((a=(r=b===null||b===void 0?void 0:b.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),j=O[0],A=O[1];console.log(P,j,"initial country and currency state");var D=useState(""),M=D[0],U=D[1];var R=useState(""),V=R[0],$=R[1];var W=useState(((o=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[]),F=W[0],H=W[1];var B=useState(((i=y===null||y===void 0?void 0:y.currencies)===null||i===void 0?void 0:i.data)||[]),z=B[0],G=B[1];var J=useState(""),K=J[0],Q=J[1];var X=useState(false),Y=X[0],Z=X[1];var ee=((s=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[];var te=((l=y===null||y===void 0?void 0:y.currencies)===null||l===void 0?void 0:l.data)||[];console.log(b,"user data from partner info query");useEffect((function(){var e;if(m&&((e=b.impactConnection)===null||e===void 0?void 0:e.publisher)){N(b.impactConnection.publisher.countryCode);A(b.impactConnection.publisher.currency)}}),[m]);useEffect((function(){if(!(ee===null||ee===void 0?void 0:ee.length))return;if(M.trim()===""){H(ee||[])}else{H(ee.filter((function(e){return e.displayName.toLowerCase().includes(M.toLowerCase())}))||[])}}),[M,ee]);useEffect((function(){if(!(te===null||te===void 0?void 0:te.length))return;if(V.trim()===""){G(te||[])}else{G(te.filter((function(e){return e.currencyCode.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,te]);var ne=b===null||b===void 0?void 0:b.impactConnection;function re(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;N(r);A("");Q("")}function ae(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;A(r);Q("")}function oe(){return __awaiter(this,void 0,void 0,(function(){var t,n,r,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!P||!j){Q(e.missingFieldsErrorText);return[2]}Q("");l.label=1;case 1:l.trys.push([1,4,,5]);r={user:{id:b.id,accountId:b.accountId},firstName:b.firstName,lastName:b.lastName,countryCode:P,currency:j};return[4,q({vars:r})];case 2:a=l.sent();if(!a||((t=a)===null||t===void 0?void 0:t.message)){Q(e.networkErrorText);return[2]}o=a.createImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(n=o===null||o===void 0?void 0:o.validationErrors)===null||n===void 0?void 0:n.map((function(e){return e.message})).join(". ");Q(i||e.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));return[4,v()];case 3:l.sent();Z(true);d(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);Q(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(Y,"success state in partner info modal");var ie=!Y&&!f&&(!(ne===null||ne===void 0?void 0:ne.connected)||!(ne===null||ne===void 0?void 0:ne.publisher));console.log(ie,"showModal condition in partner info modal");return{states:{open:ie,loading:f||_||g,submitting:S,isExistingPartner:ne===null||ne===void 0?void 0:ne.publisher,countryCode:P,currency:j,error:K,success:Y,brandName:((u=w===null||w===void 0?void 0:w.tenantSettings)===null||u===void 0?void 0:u.companyName)||"",filteredCountries:F||[],filteredCurrencies:z||[]},callbacks:{onCountryChange:re,onCurrencyChange:ae,setCurrencySearch:$,setCountrySearch:U,onSubmit:oe,onClose:function(){return Z(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);this.brandName="";this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";this.inModal=false;this.stateController="{}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPartnerInfoModal(this):usePartnerInfoModal(this);if(this.inModal){return h(PartnerInfoModalContentView,Object.assign({},e))}return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var t=useState("US"),n=t[0],r=t[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],u=s[1];var c=parseStates(e.stateController);var d=(c===null||c===void 0?void 0:c["sqm-partner-info-modal"])||c||{};return cjs({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:n,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(e){var t,n;var a=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(a){r(a);i("")}},onCurrencyChange:function(e){var t,n;var r=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(r)i(r)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!n||!o){u(e.missingFieldsErrorText);return}u("")},onClose:function(){}},text:{modalHeader:e.modalHeader,descriptionNewPartner:e.descriptionNewPartner,descriptionExistingPartner:e.descriptionExistingPartner,countryLabel:e.countryLabel,currencyLabel:e.currencyLabel,submitButtonLabel:e.submitButtonLabel,confirmButtonLabel:e.confirmButtonLabel,searchCountryPlaceholder:e.searchCountryPlaceholder,searchCurrencyPlaceholder:e.searchCurrencyPlaceholder,supportDescriptionExistingPartner:e.supportDescriptionExistingPartner,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||d,{arrayMerge:function(e,t){return t}})}export{WidgetEmailVerification as sqm_email_verification,PartnerInfoModal as sqm_partner_info_modal};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):a(e.value).then(i,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.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,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{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-b0f31f8a.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{p as parseStates}from"./parseStates-ed75e224.js";import{u as useVerificationEmail}from"./useVerificationEmail-cb3d51e3.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"])));function useUpsertUserEmail(){var e=this;var t=J();var n=$e(UpsertUserEmailMutation),r=n[0],a=n[1],o=a.loading,i=a.data,s=a.errors;var l=function(n){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,r({userInput:{id:t.id,accountId:t.accountId,email:n}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var t=this;var n=Pn(SHOW_CODE_NAMESPACE),r=n[0],a=n[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),u=l[0],c=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),v=f[0],b=f[1];var h=useVerificationEmail(),y=h.initialized,g=h.send,E=g[0],C=g[1],_=C.loading,w=C.errors;var x=useUpsertUserEmail()[0];var q=useState(true),T=q[0],S=q[1];var k=wn(UserLookupQuery,{}),I=k.data,P=k.loading;var N=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];S(true);t=I.viewer.email;if(!!t)return[3,2];n=e.detail.formData;r=n.get("email").toString();if(!N.test(r)){m(true);return[2]}return[4,x(r)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,E()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(t);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:T,initialLoading:P&&!y,error:p,email:I===null||I===void 0?void 0:I.viewer.email,sendCodeError:v},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var vanillaStyle='\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n';var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var t=e.states,n=e.callbacks,r=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"34px",width:"30%"}),h("sqm-skeleton",{height:"24px",width:"15%"}),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),t.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:r.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},r.verifyEmailHeaderText),h("sl-form",{"onSl-submit":n.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:r.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:r.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var t=this;var n=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}var GET_USER_PARTNER_INFO=dist.gql(templateObject_3||(templateObject_3=__makeTemplateObject(["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n id\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"],["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n publisher {\n id\n phoneNumber\n phoneNumberCountryCode\n countryCode\n currency\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n withdrawalSettings {\n paymentMethod\n }\n }\n }\n }\n }\n }\n"])));var GET_COUNTRIES=dist.gql(templateObject_4||(templateObject_4=__makeTemplateObject(["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"],["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"])));var GET_CURRENCIES=dist.gql(templateObject_5||(templateObject_5=__makeTemplateObject(["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"],["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"])));var CONNECT_PARTNER=dist.gql(templateObject_6||(templateObject_6=__makeTemplateObject(["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"],["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"])));var GET_BRAND_NAME=dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"])));function usePartnerInfoModal(e){var t,n,r,a,o,i,s,l,u;var c=L();var d=En(VERIFICATION_PARENT_NAMESPACE);var p=wn(GET_USER_PARTNER_INFO,{}),m=p.data,f=p.loading,v=p.refetch;var b=m===null||m===void 0?void 0:m.user;var h=wn(GET_CURRENCIES,{variables:{locale:c}}),y=h.data,g=h.loading;var E=wn(GET_COUNTRIES,{}),C=E.data,_=E.loading;var w=wn(GET_BRAND_NAME,{}).data;var x=$e(CONNECT_PARTNER),q=x[0],T=x[1],S=T.loading,k=T.errors;var I=useState(((n=(t=b===null||b===void 0?void 0:b.impactConnection)===null||t===void 0?void 0:t.publisher)===null||n===void 0?void 0:n.countryCode)||""),P=I[0],N=I[1];var O=useState(((a=(r=b===null||b===void 0?void 0:b.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),j=O[0],A=O[1];console.log(P,j,"initial country and currency state");var D=useState(""),M=D[0],U=D[1];var R=useState(""),V=R[0],$=R[1];var W=useState(((o=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[]),F=W[0],H=W[1];var B=useState(((i=y===null||y===void 0?void 0:y.currencies)===null||i===void 0?void 0:i.data)||[]),z=B[0],G=B[1];var J=useState(""),K=J[0],Q=J[1];var X=useState(false),Y=X[0],Z=X[1];var ee=((s=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[];var te=((l=y===null||y===void 0?void 0:y.currencies)===null||l===void 0?void 0:l.data)||[];console.log(b,"user data from partner info query");useEffect((function(){var e;if(m&&((e=b.impactConnection)===null||e===void 0?void 0:e.publisher)){N(b.impactConnection.publisher.countryCode);A(b.impactConnection.publisher.currency)}}),[m]);useEffect((function(){if(!(ee===null||ee===void 0?void 0:ee.length))return;if(M.trim()===""){H(ee||[])}else{H(ee.filter((function(e){return e.displayName.toLowerCase().includes(M.toLowerCase())}))||[])}}),[M,ee]);useEffect((function(){if(!(te===null||te===void 0?void 0:te.length))return;if(V.trim()===""){G(te||[])}else{G(te.filter((function(e){return e.currencyCode.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,te]);var ne=b===null||b===void 0?void 0:b.impactConnection;function re(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;N(r);A("");Q("")}function ae(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;A(r);Q("")}function oe(){return __awaiter(this,void 0,void 0,(function(){var t,n,r,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!P||!j){Q(e.missingFieldsErrorText);return[2]}Q("");l.label=1;case 1:l.trys.push([1,4,,5]);r={user:{id:b.id,accountId:b.accountId},firstName:b.firstName,lastName:b.lastName,countryCode:P,currency:j};return[4,q({vars:r})];case 2:a=l.sent();if(!a||((t=a)===null||t===void 0?void 0:t.message)){Q(e.networkErrorText);return[2]}o=a.createImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(n=o===null||o===void 0?void 0:o.validationErrors)===null||n===void 0?void 0:n.map((function(e){return e.message})).join(". ");Q(i||e.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));return[4,v()];case 3:l.sent();Z(true);d(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);Q(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(Y,"success state in partner info modal");var ie=!Y&&!f&&(!(ne===null||ne===void 0?void 0:ne.connected)||!(ne===null||ne===void 0?void 0:ne.publisher));console.log(ie,"showModal condition in partner info modal");return{states:{open:ie,loading:f||_||g,submitting:S,isExistingPartner:ne===null||ne===void 0?void 0:ne.publisher,countryCode:P,currency:j,error:K,success:Y,brandName:((u=w===null||w===void 0?void 0:w.tenantSettings)===null||u===void 0?void 0:u.companyName)||"",filteredCountries:F||[],filteredCurrencies:z||[]},callbacks:{onCountryChange:re,onCurrencyChange:ae,setCurrencySearch:$,setCountrySearch:U,onSubmit:oe,onClose:function(){return Z(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);this.brandName="";this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";this.inModal=false;this.stateController="{}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPartnerInfoModal(this):usePartnerInfoModal(this);if(this.inModal){return h(PartnerInfoModalContentView,Object.assign({},e))}return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var t=useState("US"),n=t[0],r=t[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],u=s[1];var c=parseStates(e.stateController);var d=(c===null||c===void 0?void 0:c["sqm-partner-info-modal"])||c||{};return cjs({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:n,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(e){var t,n;var a=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(a){r(a);i("")}},onCurrencyChange:function(e){var t,n;var r=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(r)i(r)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!n||!o){u(e.missingFieldsErrorText);return}u("")},onClose:function(){}},text:{modalHeader:e.modalHeader,descriptionNewPartner:e.descriptionNewPartner,descriptionExistingPartner:e.descriptionExistingPartner,countryLabel:e.countryLabel,currencyLabel:e.currencyLabel,submitButtonLabel:e.submitButtonLabel,confirmButtonLabel:e.confirmButtonLabel,searchCountryPlaceholder:e.searchCountryPlaceholder,searchCurrencyPlaceholder:e.searchCurrencyPlaceholder,supportDescriptionExistingPartner:e.supportDescriptionExistingPartner,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||d,{arrayMerge:function(e,t){return t}})}export{WidgetEmailVerification as sqm_email_verification,PartnerInfoModal as sqm_partner_info_modal};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7;
package/dist/esm-es5/sqm-partner-info-modal-view-b0f31f8a.js ADDED
@@ -0,0 +1 @@
1
+ import{h}from"./index-38ad4957.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var style={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{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-large)"},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)",margin:"0","& > p":{margin:"0"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)"}};function PartnerInfoModalContentView(e){var r,t;var a=e.states,n=e.callbacks,l=e.text;var s=createStyleSheet(style);var o=s.toString();var i=a.isExistingPartner?h("span",{class:s.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,l.supportDescriptionExistingPartner)):h("p",{class:s.classes.DescriptionContainer},l.descriptionNewPartner);var c=a.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;return h("div",null,h("style",{type:"text/css"}," ",o),h("div",{class:s.classes.FormFields},i,h("sl-select",{key:"country-"+a.countryCode,exportparts:"label: input-label, base: input-base",label:l.countryLabel,value:a.countryCode,disabled:a.submitting||!!a.isExistingPartner,required:true,hoist:true,"onSl-select":n.onCountryChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;n.setCountrySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(r=a.filteredCountries)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)}))),h("sl-select",{key:"currency-"+a.currency,exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:a.currency,disabled:a.submitting||!!a.isExistingPartner,required:true,hoist:true,"onSl-select":n.onCurrencyChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;return n.setCurrencySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(t=a.filteredCurrencies)===null||t===void 0?void 0:t.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode)})))),a.error&&h("p",{class:s.classes.ErrorMessage},a.error),h("sl-button",{slot:"footer",type:"primary",loading:a.submitting,disabled:a.submitting||!a.countryCode||!a.currency,onClick:n.onSubmit,class:s.classes.SubmitButton,exportparts:"base: primarybutton-base"},c))}function PartnerInfoModalView(e){var r=e.states,t=e.text,a=e.callbacks;var n=createStyleSheet(style);var l=n.toString();console.log(r,"partner info modal states");if(!r.open)return h("div",null);return h("div",null,h("style",{type:"text/css"}," ",l),h("sl-dialog",{class:n.classes.Dialog,open:r.open,noHeader:true,label:r.isExistingPartner?t.modalHeaderExistingPartner:t.modalHeader,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},h("h2",{class:n.classes.DialogTitle},r.isExistingPartner?t.modalHeaderExistingPartner:t.modalHeader),h(PartnerInfoModalContentView,Object.assign({},e))))}export{PartnerInfoModalView as P,PartnerInfoModalContentView as a};