@saasquatch/mint-components 2.1.9-11 → 2.1.9-13
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_46.cjs.entry.js +33 -20
- package/dist/cjs/sqm-email-verification_2.cjs.entry.js +7 -11
- package/dist/cjs/{sqm-partner-info-modal-view-98e2975d.js → sqm-partner-info-modal-view-2d6e89a4.js} +24 -21
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +23 -20
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +9 -14
- package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js +1 -0
- package/dist/collection/components/sqm-widget-verification/sqm-widget-verification.js +42 -15
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_46.entry.js +29 -16
- package/dist/esm/sqm-email-verification_2.entry.js +7 -11
- package/dist/esm/{sqm-partner-info-modal-view-74328f70.js → sqm-partner-info-modal-view-f85b5a08.js} +24 -21
- package/dist/esm/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
- package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-f85b5a08.js +1 -0
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-05fb44b6.system.entry.js +1 -0
- package/dist/mint-components/p-1c413a06.system.js +1 -1
- package/dist/mint-components/{p-8d5db0d5.entry.js → p-44071410.entry.js} +9 -8
- package/dist/mint-components/{p-fa3d7e53.entry.js → p-526332c3.entry.js} +15 -15
- package/dist/mint-components/p-5a71d63c.js +1 -0
- package/dist/mint-components/{p-0a60980a.system.entry.js → p-65e4ba6f.system.entry.js} +1 -1
- package/dist/mint-components/p-67792584.system.js +1 -0
- package/dist/mint-components/p-bb86bb46.system.entry.js +1 -0
- package/dist/mint-components/{p-0a1669f8.entry.js → p-d111584d.entry.js} +1 -1
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +1 -1
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts +2 -3
- package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts +5 -0
- package/dist/types/components.d.ts +14 -4
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/parseStates-d1effc19.js +0 -16
- package/dist/cjs/sqm-widget-verification.cjs.entry.js +0 -360
- package/dist/esm/parseStates-ed75e224.js +0 -14
- package/dist/esm/sqm-widget-verification.entry.js +0 -356
- package/dist/esm-es5/parseStates-ed75e224.js +0 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-74328f70.js +0 -1
- package/dist/esm-es5/sqm-widget-verification.entry.js +0 -1
- package/dist/mint-components/p-115dfc03.system.js +0 -1
- package/dist/mint-components/p-13f3a647.js +0 -1
- package/dist/mint-components/p-278897bd.system.entry.js +0 -1
- package/dist/mint-components/p-53f22cc0.system.entry.js +0 -1
- package/dist/mint-components/p-99b17bca.system.js +0 -1
- package/dist/mint-components/p-c68c2331.js +0 -1
- package/dist/mint-components/sqm-widget-verification.entry.js +0 -356
- package/dist/mint-components/sqm-widget-verification.system.entry.js +0 -1
|
@@ -1,356 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
|
|
2
|
-
import { i as useState, j as useEffect, o as h } from './dom-context-hooks.module-8411297a.js';
|
|
3
|
-
import { d as dist, J, I as In, r as En, X as Xe, i as isDemo } from './index.module-76b0705d.js';
|
|
4
|
-
import './jss-preset-default.esm-c36417f8.js';
|
|
5
|
-
import { c as createStyleSheet } from './JSS-8c381d8b.js';
|
|
6
|
-
import { g as getProps } from './utils-61821fb1.js';
|
|
7
|
-
import { c as cjs } from './cjs-e829b75b.js';
|
|
8
|
-
import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
|
|
9
|
-
import { p as parseStates } from './parseStates-ed75e224.js';
|
|
10
|
-
import { e as extractProps } from './extractProps-ae1afbb3.js';
|
|
11
|
-
|
|
12
|
-
const USER_LOOKUP = dist.gql `
|
|
13
|
-
query checkUserVerification {
|
|
14
|
-
viewer {
|
|
15
|
-
... on User {
|
|
16
|
-
id
|
|
17
|
-
accountId
|
|
18
|
-
email
|
|
19
|
-
emailVerified
|
|
20
|
-
managedIdentity {
|
|
21
|
-
email
|
|
22
|
-
emailVerified
|
|
23
|
-
}
|
|
24
|
-
impactConnection {
|
|
25
|
-
connected
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
31
|
-
function useWidgetVerification() {
|
|
32
|
-
const userIdentity = J();
|
|
33
|
-
const [showCode, setShowCode] = In({
|
|
34
|
-
namespace: SHOW_CODE_NAMESPACE,
|
|
35
|
-
initialValue: false,
|
|
36
|
-
});
|
|
37
|
-
const [email, setEmail] = In({
|
|
38
|
-
namespace: VERIFICATION_EMAIL_NAMESPACE,
|
|
39
|
-
initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
|
|
40
|
-
});
|
|
41
|
-
const setContext = En(VERIFICATION_PARENT_NAMESPACE);
|
|
42
|
-
const [loading, setLoading] = useState(true);
|
|
43
|
-
const [showPartnerModal, setShowPartnerModal] = useState(false);
|
|
44
|
-
const [fetch] = Xe(USER_LOOKUP);
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
const checkUser = async () => {
|
|
47
|
-
var _a, _b, _c, _d, _e;
|
|
48
|
-
try {
|
|
49
|
-
const res = await fetch({});
|
|
50
|
-
if (!res || res instanceof Error)
|
|
51
|
-
throw new Error();
|
|
52
|
-
// Flow changed to send email -> verify code -> show early partner creation modal
|
|
53
|
-
const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
|
|
54
|
-
const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
|
|
55
|
-
if (isConnected) {
|
|
56
|
-
// Partner already created, show widget content
|
|
57
|
-
setContext(true);
|
|
58
|
-
}
|
|
59
|
-
else if (emailVerified) {
|
|
60
|
-
// Email verified but no partner yet, show partner modal
|
|
61
|
-
setShowPartnerModal(true);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
catch (e) {
|
|
65
|
-
console.error("Could not fetch user information:", e);
|
|
66
|
-
}
|
|
67
|
-
finally {
|
|
68
|
-
setLoading(false);
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
checkUser();
|
|
72
|
-
}, []);
|
|
73
|
-
const onVerification = () => {
|
|
74
|
-
setShowPartnerModal(true);
|
|
75
|
-
};
|
|
76
|
-
const onPartnerModalComplete = () => {
|
|
77
|
-
setShowPartnerModal(false);
|
|
78
|
-
setContext(true);
|
|
79
|
-
};
|
|
80
|
-
return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
const WidgetVerification = class {
|
|
84
|
-
constructor(hostRef) {
|
|
85
|
-
registerInstance(this, hostRef);
|
|
86
|
-
// ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
|
|
87
|
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
88
|
-
GENERAL PROPS
|
|
89
|
-
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
90
|
-
/**
|
|
91
|
-
* @uiName General verify widget header text
|
|
92
|
-
* @uiGroup General Text
|
|
93
|
-
*/
|
|
94
|
-
this.general_verifyEmailHeader = "Verify your email";
|
|
95
|
-
/**
|
|
96
|
-
* @uiName General verify widget description text
|
|
97
|
-
* @uiGroup General Text
|
|
98
|
-
*/
|
|
99
|
-
this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
|
|
100
|
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
101
|
-
EMAIL STEP PROPS
|
|
102
|
-
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
103
|
-
/**
|
|
104
|
-
* @uiName Verify email widget header text
|
|
105
|
-
* @uiGroup Email Verification Step
|
|
106
|
-
*/
|
|
107
|
-
this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
|
|
108
|
-
/**
|
|
109
|
-
* @uiName Send code to email alert header
|
|
110
|
-
* @uiGroup Email Verification Step
|
|
111
|
-
*/
|
|
112
|
-
this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
|
|
113
|
-
/**
|
|
114
|
-
* @uiName Send code to email alert description
|
|
115
|
-
* @uiGroup Email Verification Step
|
|
116
|
-
*/
|
|
117
|
-
this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
|
|
118
|
-
/**
|
|
119
|
-
* @uiName Email input label
|
|
120
|
-
* @uiGroup Email Verification Step
|
|
121
|
-
*/
|
|
122
|
-
this.emailStep_emailLabel = "Email";
|
|
123
|
-
/**
|
|
124
|
-
* @uiName Send code button text
|
|
125
|
-
* @uiGroup Email Verification Step
|
|
126
|
-
*/
|
|
127
|
-
this.emailStep_sendCodeText = "Send code";
|
|
128
|
-
/**
|
|
129
|
-
* @uiName Send code button text
|
|
130
|
-
* @uiGroup Email Verification Step
|
|
131
|
-
*/
|
|
132
|
-
this.emailStep_emailValidationErrorText = "Please enter a valid email";
|
|
133
|
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
134
|
-
CODE STEP PROPS
|
|
135
|
-
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
136
|
-
/**
|
|
137
|
-
* @uiName Verify code widget header text
|
|
138
|
-
* @uiGroup Code Verification Step
|
|
139
|
-
*/
|
|
140
|
-
this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
|
|
141
|
-
/**
|
|
142
|
-
* @uiName Reverify code widget header text
|
|
143
|
-
* @uiGroup Code Verification Step
|
|
144
|
-
*/
|
|
145
|
-
this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
|
|
146
|
-
/**
|
|
147
|
-
* Text displayed under verify button
|
|
148
|
-
* @uiName Resend code text
|
|
149
|
-
* @uiGroup Code Verification Step
|
|
150
|
-
*/
|
|
151
|
-
this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
|
|
152
|
-
/**
|
|
153
|
-
* The link that appears in the resend code link
|
|
154
|
-
* @uiName Resend code label
|
|
155
|
-
* @uiGroup Code Verification Step
|
|
156
|
-
*/
|
|
157
|
-
this.codeStep_resendCodeLabel = "Resend code";
|
|
158
|
-
/**
|
|
159
|
-
* Link text displayed under verify button
|
|
160
|
-
* @uiName Resend code text
|
|
161
|
-
* @uiGroup Code Verification Step
|
|
162
|
-
*/
|
|
163
|
-
this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
|
|
164
|
-
/**
|
|
165
|
-
* Error text displayed under verification input
|
|
166
|
-
* @uiName Invalid code text
|
|
167
|
-
* @uiGroup Code Verification Step
|
|
168
|
-
*/
|
|
169
|
-
this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
|
|
170
|
-
/**
|
|
171
|
-
* @uiName Verify code button text
|
|
172
|
-
* @uiGroup Code Verification Step
|
|
173
|
-
*/
|
|
174
|
-
this.codeStep_verifyText = "Verify";
|
|
175
|
-
/**
|
|
176
|
-
* Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
|
|
177
|
-
* @uiName Network error message
|
|
178
|
-
* @uiGroup Code Verification Step
|
|
179
|
-
*/
|
|
180
|
-
this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
|
|
181
|
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
182
|
-
PARTNER CREATION STEP PROPS
|
|
183
|
-
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
184
|
-
/**
|
|
185
|
-
* @uiName New partner header
|
|
186
|
-
* @uiGroup Partner Creation Step
|
|
187
|
-
* @uiWidget textArea
|
|
188
|
-
*/
|
|
189
|
-
this.createPartnerStep_modalHeader = "Let's get you ready for rewards";
|
|
190
|
-
/**
|
|
191
|
-
* @uiName Existing partner header
|
|
192
|
-
* @uiGroup Partner Creation Step
|
|
193
|
-
* @uiWidget textArea
|
|
194
|
-
*/
|
|
195
|
-
this.createPartnerStep_modalHeaderExistingPartner = "We found an existing account";
|
|
196
|
-
/**
|
|
197
|
-
* @uiName New partner description
|
|
198
|
-
* @uiGroup Partner Creation Step
|
|
199
|
-
* @uiWidget textArea
|
|
200
|
-
*/
|
|
201
|
-
this.createPartnerStep_descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
|
|
202
|
-
/**
|
|
203
|
-
* @uiName Existing partner description
|
|
204
|
-
* @uiGroup Partner Creation Step
|
|
205
|
-
* @uiWidget textArea
|
|
206
|
-
*/
|
|
207
|
-
this.createPartnerStep_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.";
|
|
208
|
-
/**
|
|
209
|
-
* @uiName Existing partner support description
|
|
210
|
-
* @uiGroup Partner Creation Step
|
|
211
|
-
* @uiWidget textArea
|
|
212
|
-
*/
|
|
213
|
-
this.createPartnerStep_supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
|
|
214
|
-
/**
|
|
215
|
-
* @uiName Country label
|
|
216
|
-
* @uiGroup Partner Creation Step
|
|
217
|
-
*/
|
|
218
|
-
this.createPartnerStep_countryLabel = "Country";
|
|
219
|
-
/**
|
|
220
|
-
* @uiName Currency label
|
|
221
|
-
* @uiGroup Partner Creation Step
|
|
222
|
-
*/
|
|
223
|
-
this.createPartnerStep_currencyLabel = "Currency";
|
|
224
|
-
/**
|
|
225
|
-
* @uiName Submit button label
|
|
226
|
-
* @uiGroup Partner Creation Step
|
|
227
|
-
*/
|
|
228
|
-
this.createPartnerStep_submitButtonLabel = "Submit";
|
|
229
|
-
/**
|
|
230
|
-
* @uiName Confirm button label
|
|
231
|
-
* @uiGroup Partner Creation Step
|
|
232
|
-
*/
|
|
233
|
-
this.createPartnerStep_confirmButtonLabel = "Confirm";
|
|
234
|
-
/**
|
|
235
|
-
* @uiName Search country placeholder
|
|
236
|
-
* @uiGroup Partner Creation Step
|
|
237
|
-
*/
|
|
238
|
-
this.createPartnerStep_searchCountryPlaceholder = "Search for a country";
|
|
239
|
-
/**
|
|
240
|
-
* @uiName Search currency placeholder
|
|
241
|
-
* @uiGroup Partner Creation Step
|
|
242
|
-
*/
|
|
243
|
-
this.createPartnerStep_searchCurrencyPlaceholder = "Search for a currency";
|
|
244
|
-
/**
|
|
245
|
-
* @uiName Network error text
|
|
246
|
-
* @uiGroup Partner Creation Step
|
|
247
|
-
* @uiWidget textArea
|
|
248
|
-
*/
|
|
249
|
-
this.createPartnerStep_networkErrorText = "An error occurred. Please try again.";
|
|
250
|
-
/**
|
|
251
|
-
* @uiName Missing fields error text
|
|
252
|
-
* @uiGroup Partner Creation Step
|
|
253
|
-
* @uiWidget textArea
|
|
254
|
-
*/
|
|
255
|
-
this.createPartnerStep_missingFieldsErrorText = "Please select both a country and currency.";
|
|
256
|
-
/**
|
|
257
|
-
* @undocumented
|
|
258
|
-
* @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
|
|
259
|
-
* @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
|
|
260
|
-
* @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
|
|
261
|
-
*/
|
|
262
|
-
this.stateController = "{}";
|
|
263
|
-
h(this);
|
|
264
|
-
}
|
|
265
|
-
disconnectedCallback() { }
|
|
266
|
-
getStepTextProps(prefix) {
|
|
267
|
-
const props = getProps(this);
|
|
268
|
-
return extractProps(props, prefix);
|
|
269
|
-
}
|
|
270
|
-
render() {
|
|
271
|
-
const props = isDemo()
|
|
272
|
-
? useDemoWidgetVerificationInternal(this)
|
|
273
|
-
: useWidgetVerification();
|
|
274
|
-
if (props.loading)
|
|
275
|
-
return h$1("sl-spinner", null);
|
|
276
|
-
const style = {
|
|
277
|
-
Dialog: {
|
|
278
|
-
"&::part(panel)": {
|
|
279
|
-
maxWidth: "480px",
|
|
280
|
-
},
|
|
281
|
-
"&::part(title)": {
|
|
282
|
-
fontSize: "var(--sl-font-size-x-large)",
|
|
283
|
-
fontWeight: "600",
|
|
284
|
-
padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
|
|
285
|
-
},
|
|
286
|
-
"&::part(body)": {
|
|
287
|
-
padding: "0 var(--sl-spacing-x-large)",
|
|
288
|
-
fontSize: "var(--sl-font-size-small)",
|
|
289
|
-
overflow: "visible",
|
|
290
|
-
},
|
|
291
|
-
"&::part(footer)": {
|
|
292
|
-
display: "flex",
|
|
293
|
-
flexDirection: "column",
|
|
294
|
-
gap: "var(--sl-spacing-small)",
|
|
295
|
-
},
|
|
296
|
-
"&::part(overlay)": {
|
|
297
|
-
background: "rgba(0, 0, 0, 0.5)",
|
|
298
|
-
},
|
|
299
|
-
"&::part(close-button)": {
|
|
300
|
-
display: "none",
|
|
301
|
-
},
|
|
302
|
-
},
|
|
303
|
-
};
|
|
304
|
-
const sheet = createStyleSheet(style);
|
|
305
|
-
const styleString = sheet.toString();
|
|
306
|
-
const generalText = this.getStepTextProps("general_");
|
|
307
|
-
const partnerText = this.getStepTextProps("createPartnerStep_");
|
|
308
|
-
const dialogLabel = props.showPartnerModal
|
|
309
|
-
? partnerText.modalHeader
|
|
310
|
-
: generalText.verifyEmailHeader;
|
|
311
|
-
const renderStepContent = () => {
|
|
312
|
-
if (props.showPartnerModal) {
|
|
313
|
-
return (h$1("sqm-partner-info-modal", Object.assign({ embedded: true }, partnerText)));
|
|
314
|
-
}
|
|
315
|
-
if (props.showCode) {
|
|
316
|
-
return (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"))));
|
|
317
|
-
}
|
|
318
|
-
return (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))));
|
|
319
|
-
};
|
|
320
|
-
return (h$1("div", null, h$1("style", { type: "text/css" }, styleString), h$1("sl-dialog", { class: sheet.classes.Dialog, noHeader: false, open: true, label: dialogLabel, "onSl-request-close": (e) => {
|
|
321
|
-
e.preventDefault();
|
|
322
|
-
}, "onSl-hide": (e) => {
|
|
323
|
-
var _a;
|
|
324
|
-
if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
|
|
325
|
-
e.preventDefault();
|
|
326
|
-
}
|
|
327
|
-
} }, renderStepContent())));
|
|
328
|
-
}
|
|
329
|
-
};
|
|
330
|
-
function useDemoWidgetVerificationInternal(props) {
|
|
331
|
-
const [showCode, setShowCode] = In({
|
|
332
|
-
namespace: SHOW_CODE_NAMESPACE,
|
|
333
|
-
initialValue: false,
|
|
334
|
-
});
|
|
335
|
-
const [email, setEmail] = In({
|
|
336
|
-
namespace: VERIFICATION_EMAIL_NAMESPACE,
|
|
337
|
-
initialValue: undefined,
|
|
338
|
-
});
|
|
339
|
-
const setContext = En(VERIFICATION_PARENT_NAMESPACE);
|
|
340
|
-
const states = parseStates(props.stateController);
|
|
341
|
-
const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
|
|
342
|
-
? { ...prev, ...states[key] }
|
|
343
|
-
: { ...prev, [`${key}_stateController`]: states[key] }, {});
|
|
344
|
-
const onVerification = () => {
|
|
345
|
-
setContext(true);
|
|
346
|
-
};
|
|
347
|
-
return cjs({
|
|
348
|
-
showCode,
|
|
349
|
-
showPartnerModal: false,
|
|
350
|
-
onVerification,
|
|
351
|
-
onPartnerModalComplete: () => { },
|
|
352
|
-
loading: false,
|
|
353
|
-
}, formatted || {}, { arrayMerge: (_, a) => a });
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
export { WidgetVerification as sqm_widget_verification };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function parseStates(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(t){return undefined}}if(typeof t==="object")return t}export{parseStates as p};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h}from"./index-38ad4957.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var 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:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::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 PartnerInfoModalContent(e){var r,a;var t=e.states,n=e.callbacks,l=e.text;var s=createStyleSheet(style);var o=s.toString();var i=t.isExistingPartner?h("div",{class:s.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,l.supportDescriptionExistingPartner)):h("p",null," ",l.descriptionNewPartner);var c=t.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;return[h("style",{type:"text/css"},o),i,h("div",{class:s.classes.FormFields},h("sl-select",{key:"country-"+t.countryCode,exportparts:"label: input-label, base: input-base",label:l.countryLabel,value:t.countryCode,disabled:t.submitting||!!t.isExistingPartner,required: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=t.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-"+t.currency,exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:t.currency,disabled:t.submitting||!!t.isExistingPartner,required: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)}}),(a=t.filteredCurrencies)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode)})))),t.error&&h("p",{class:s.classes.ErrorMessage},t.error),h("sl-button",{slot:"footer",type:"primary",loading:t.submitting,disabled:t.submitting||!t.countryCode||!t.currency,onClick:n.onSubmit,style:{width:"100%"},exportparts:"base: primarybutton-base"},c)]}function PartnerInfoModalView(e){var r=e.states,a=e.text;var t=createStyleSheet(style);console.log(r,"partner info modal states");if(!r.open)return h("div",null);return h("sl-dialog",{class:t.classes.Dialog,open:r.open,noHeader:false,label:r.isExistingPartner?a.modalHeaderExistingPartner:a.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(PartnerInfoModalContent,Object.assign({},e)))}export{PartnerInfoModalView as P,PartnerInfoModalContent as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++){r=arguments[t];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function o(e){try{c(a.next(e))}catch(e){i(e)}}function s(e){try{c(a["throw"](e))}catch(e){i(e)}}function c(e){e.done?t(e.value):n(e.value).then(o,s)}c((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return c([e,r])}}function c(o){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];n=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-d9876cd5.js";import{i as useState,j as useEffect,o as h}from"./dom-context-hooks.module-8411297a.js";import{d as dist,J,I as In,r as En,X as Xe,i as isDemo}from"./index.module-76b0705d.js";import"./jss-preset-default.esm-c36417f8.js";import{c as createStyleSheet}from"./JSS-8c381d8b.js";import{g as getProps}from"./utils-61821fb1.js";import{c as cjs}from"./cjs-e829b75b.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,V as VERIFICATION_PARENT_NAMESPACE}from"./keys-db1897ae.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{e as extractProps}from"./extractProps-ae1afbb3.js";var USER_LOOKUP=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query checkUserVerification {\n viewer {\n ... on User {\n id\n accountId\n email\n emailVerified\n managedIdentity {\n email\n emailVerified\n }\n impactConnection {\n connected\n }\n }\n }\n }\n"],["\n query checkUserVerification {\n viewer {\n ... on User {\n id\n accountId\n email\n emailVerified\n managedIdentity {\n email\n emailVerified\n }\n impactConnection {\n connected\n }\n }\n }\n }\n"])));function useWidgetVerification(){var e=this;var r=J();var t=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),a=t[0],n=t[1];var i=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:r===null||r===void 0?void 0:r.email}),o=i[0],s=i[1];var c=En(VERIFICATION_PARENT_NAMESPACE);var l=useState(true),u=l[0],d=l[1];var f=useState(false),p=f[0],m=f[1];var h=Xe(USER_LOOKUP)[0];useEffect((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,a,n,i,o,s,l;return __generator(this,(function(u){switch(u.label){case 0:u.trys.push([0,2,3,4]);return[4,h({})];case 1:i=u.sent();if(!i||i instanceof Error)throw new Error;o=((e=i===null||i===void 0?void 0:i.viewer)===null||e===void 0?void 0:e.emailVerified)||((t=(r=i===null||i===void 0?void 0:i.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified);s=(n=(a=i===null||i===void 0?void 0:i.viewer)===null||a===void 0?void 0:a.impactConnection)===null||n===void 0?void 0:n.connected;if(s){c(true)}else if(o){m(true)}return[3,4];case 2:l=u.sent();console.error("Could not fetch user information:",l);return[3,4];case 3:d(false);return[7];case 4:return[2]}}))}))};r()}),[]);var v=function(){m(true)};var g=function(){m(false);c(true)};return{showCode:a,showPartnerModal:p,onVerification:v,onPartnerModalComplete:g,loading:u}}var WidgetVerification=function(){function e(e){registerInstance(this,e);this.general_verifyEmailHeader="Verify your email";this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup";this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.emailStep_sendCodeErrorHeader="There was an error sending your code.";this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.";this.emailStep_emailLabel="Email";this.emailStep_sendCodeText="Send code";this.emailStep_emailValidationErrorText="Please enter a valid email";this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}";this.codeStep_resendCodeLabel="Resend code";this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}";this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.codeStep_verifyText="Verify";this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.createPartnerStep_modalHeader="Let's get you ready for rewards";this.createPartnerStep_modalHeaderExistingPartner="We found an existing account";this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_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.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.createPartnerStep_countryLabel="Country";this.createPartnerStep_currencyLabel="Currency";this.createPartnerStep_submitButtonLabel="Submit";this.createPartnerStep_confirmButtonLabel="Confirm";this.createPartnerStep_searchCountryPlaceholder="Search for a country";this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency";this.createPartnerStep_networkErrorText="An error occurred. Please try again.";this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.";this.stateController="{}";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=getProps(this);return extractProps(r,e)};e.prototype.render=function(){var e=this;var r=isDemo()?useDemoWidgetVerificationInternal(this):useWidgetVerification();if(r.loading)return h$1("sl-spinner",null);var t={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:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}}};var a=createStyleSheet(t);var n=a.toString();var i=this.getStepTextProps("general_");var o=this.getStepTextProps("createPartnerStep_");var s=r.showPartnerModal?o.modalHeader:i.verifyEmailHeader;var c=function(){if(r.showPartnerModal){return h$1("sqm-partner-info-modal",Object.assign({embedded:true},o))}if(r.showCode){return h$1("sqm-code-verification",Object.assign({onVerification:r.onVerification},e.getStepTextProps("codeStep_"),extractProps(r,"sqm-code-verification_")))}return h$1("sqm-email-verification",Object.assign({},e.getStepTextProps("emailStep_"),extractProps(r,"sqm-email-verification_")))};return h$1("div",null,h$1("style",{type:"text/css"},n),h$1("sl-dialog",{class:a.classes.Dialog,noHeader:false,open:true,label:s,"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()}}},c()))};return e}();function useDemoWidgetVerificationInternal(e){var r=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),t=r[0],a=r[1];var n=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:undefined}),i=n[0],o=n[1];var s=En(VERIFICATION_PARENT_NAMESPACE);var c=parseStates(e.stateController);var l=Object.keys(c).reduce((function(e,r){var t;return r==="sqm-widget-verification"?__assign(__assign({},e),c[r]):__assign(__assign({},e),(t={},t[r+"_stateController"]=c[r],t))}),{});var u=function(){s(true)};return cjs({showCode:t,showPartnerModal:false,onVerification:u,onPartnerModalComplete:function(){},loading:false},l||{},{arrayMerge:function(e,r){return r}})}export{WidgetVerification as sqm_widget_verification};var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register([],(function(t){"use strict";return{execute:function(){t("p",e);function e(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(t){return undefined}}if(typeof t==="object")return t}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function t(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}if("object"==typeof t)return t}export{t as p}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};var __awaiter=this&&this.__awaiter||function(n,e,r,t){function a(n){return n instanceof r?n:new r((function(e){e(n)}))}return new(r||(r=Promise))((function(r,o){function i(n){try{u(t.next(n))}catch(n){o(n)}}function s(n){try{u(t["throw"](n))}catch(n){o(n)}}function u(n){n.done?r(n.value):a(n.value).then(i,s)}u((t=t.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,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(n){return function(e){return u([n,e])}}function u(i){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=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:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=e.call(n,r)}catch(n){i=[6,n];a=0}finally{t=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-64f56cc9.system.js","./p-b6504987.system.js","./p-a8ecdc44.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7b909aa5.system.js","./p-99b17bca.system.js","./p-b2a99637.system.js","./p-6f8dde97.system.js","./p-115dfc03.system.js","./p-28e0062c.system.js"],(function(n){"use strict";var e,r,t,a,o,i,s,u,l,c,d,p,m,v,f,b,y,h,g,x,C,w,q,k,_,T;return{setters:[function(n){e=n.h;r=n.r},function(n){t=n.i},function(n){a=n.k;o=n.f;i=n.n},function(n){s=n.d;u=n.t;l=n.w;c=n.J;d=n.$;p=n.i;m=n.r;v=n.L},function(n){f=n.c},function(n){b=n.g},function(n){y=n.c},function(n){h=n.T},function(n){g=n.a;x=n.P},function(n){C=n.S;w=n.a;q=n.V},function(n){k=n.T},function(n){_=n.p},function(n){T=n.u}],execute:function(){var E=s.gql(__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 I=s.gql(__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 P(){var n=this;var e=c();var r=d(E),t=r[0],a=r[1],o=a.loading,i=a.data,s=a.errors;var u=function(r){return __awaiter(n,void 0,void 0,(function(){var n,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,t({userInput:{id:e.id,accountId:e.accountId,email:r}})];case 1:n=o.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[u,{loading:o,data:i,errors:s}]}function S(n){var e=this;var r=u(C),t=r[0],i=r[1];var s=u(w),c=s[0],d=s[1];var p=a(false),m=p[0],v=p[1];var f=a(false),b=f[0],y=f[1];var h=a(false),g=h[0],x=h[1];var q=T(),k=q.initialized,_=q.send,E=_[0],S=_[1],j=S.loading,L=S.errors;var N=P()[0];var D=a(true),O=D[0],$=D[1];var U=l(I,{}),B=U.data,H=U.loading;var z=/^(([^<>()[\]\\.,;:\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,}))$/;o((function(){if(!(B===null||B===void 0?void 0:B.viewer))return;v(!!B.viewer.email)}),[B]);o((function(){if(k)$(false)}),[k]);var F=function(n){return __awaiter(e,void 0,void 0,(function(){var e,r,t,a,o;return __generator(this,(function(s){switch(s.label){case 0:n.preventDefault();if(!(B===null||B===void 0?void 0:B.viewer))return[2];$(true);e=B.viewer.email;if(!!e)return[3,2];r=n.detail.formData;t=r.get("email").toString();if(!z.test(t)){y(true);return[2]}return[4,N(t)];case 1:a=s.sent();if(!a||!a.user.email)y(true);s.label=2;case 2:if(!k)return[2];return[4,E()];case 3:o=s.sent();if(!o||!o.success)x(true);else{d(e);i(true)}$(false);return[2]}}))}))};return{callbacks:{submitEmail:F},states:{loading:O,initialLoading:H&&!k,error:b,email:B===null||B===void 0?void 0:B.viewer.email,sendCodeError:g},text:n.getTextProps()}}var j={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 L='\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 N=y(j);var D=N.toString();function O(n){var r=n.states,a=n.callbacks,o=n.text;var i=function(){return e("div",{class:N.classes.Wrapper},e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"34px",width:"30%"}),e("sqm-skeleton",{height:"24px",width:"15%"}),e("sl-button",{submit:true,class:N.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},L,D),r.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},o.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),r.initialLoading?i():e("div",{class:N.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:N.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:N.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:N.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var $=n("sqm_email_verification",function(){function n(n){r(this,n);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";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?U(this):S(this);return e(O,Object.assign({},n))};return n}());function U(n){var e=this;var r=m(C);return f({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(n){return[2,r(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,e){return e}})}var B=s.gql(__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 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 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 H=s.gql(__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 z=s.gql(__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 F=s.gql(__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 M=s.gql(__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"]));function W(n){var e,r,t,i,s,u,c,p,f;var b=v();var y=m(q);var h=l(B,{}),g=h.data,x=h.loading,C=h.refetch;var w=g===null||g===void 0?void 0:g.user;var _=l(z,{variables:{locale:b}}),T=_.data,E=_.loading;var I=l(H,{}),P=I.data,S=I.loading;var j=l(M,{}).data;var L=d(F),N=L[0],D=L[1],O=D.loading,$=D.errors;var U=a(((r=(e=w===null||w===void 0?void 0:w.impactConnection)===null||e===void 0?void 0:e.publisher)===null||r===void 0?void 0:r.countryCode)||""),W=U[0],R=U[1];var A=a(((i=(t=w===null||w===void 0?void 0:w.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),V=A[0],Z=A[1];console.log(W,V,"initial country and currency state");var G=a(""),J=G[0],K=G[1];var Q=a(""),X=Q[0],Y=Q[1];var nn=a(((s=P===null||P===void 0?void 0:P.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[]),en=nn[0],rn=nn[1];var tn=a(((u=T===null||T===void 0?void 0:T.currencies)===null||u===void 0?void 0:u.data)||[]),an=tn[0],on=tn[1];var sn=a(""),un=sn[0],ln=sn[1];var cn=a(false),dn=cn[0],pn=cn[1];var mn=((c=P===null||P===void 0?void 0:P.impactPayoutCountries)===null||c===void 0?void 0:c.data)||[];var vn=((p=T===null||T===void 0?void 0:T.currencies)===null||p===void 0?void 0:p.data)||[];console.log(w,"user data from partner info query");o((function(){var n;if(g&&((n=w.impactConnection)===null||n===void 0?void 0:n.publisher)){R(w.impactConnection.publisher.countryCode);Z(w.impactConnection.publisher.currency)}}),[g]);o((function(){if(!(mn===null||mn===void 0?void 0:mn.length))return;if(J.trim()===""){rn(mn||[])}else{rn(mn.filter((function(n){return n.displayName.toLowerCase().includes(J.toLowerCase())}))||[])}}),[J,mn]);o((function(){if(!(vn===null||vn===void 0?void 0:vn.length))return;if(X.trim()===""){on(vn||[])}else{on(vn.filter((function(n){return n.currencyCode.toLowerCase().includes(X.toLowerCase())}))||[])}}),[X,vn]);var fn=w===null||w===void 0?void 0:w.impactConnection;function bn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;R(t);Z("");ln("")}function yn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;Z(t);ln("")}function hn(){return __awaiter(this,void 0,void 0,(function(){var e,r,t,a,o,i,s;return __generator(this,(function(u){switch(u.label){case 0:if(!W||!V){ln(n.missingFieldsErrorText);return[2]}ln("");u.label=1;case 1:u.trys.push([1,4,,5]);t={user:{id:w.id,accountId:w.accountId},firstName:w.firstName,lastName:w.lastName,countryCode:W,currency:V};return[4,N({vars:t})];case 2:a=u.sent();if(!a||((e=a)===null||e===void 0?void 0:e.message)){ln(n.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=(r=o===null||o===void 0?void 0:o.validationErrors)===null||r===void 0?void 0:r.map((function(n){return n.message})).join(". ");ln(i||n.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(k));return[4,C()];case 3:u.sent();pn(true);y(true);return[3,5];case 4:s=u.sent();console.error("Partner creation error:",s);ln(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(dn,"success state in partner info modal");var gn=!dn&&!x&&(!(fn===null||fn===void 0?void 0:fn.connected)||!(fn===null||fn===void 0?void 0:fn.publisher));console.log(gn,"showModal condition in partner info modal");return{states:{open:gn,loading:x||S||E,submitting:O,isExistingPartner:fn===null||fn===void 0?void 0:fn.publisher,countryCode:W,currency:V,error:un,success:dn,brandName:((f=j===null||j===void 0?void 0:j.tenantSettings)===null||f===void 0?void 0:f.companyName)||"",filteredCountries:en||[],filteredCurrencies:an||[]},callbacks:{onCountryChange:bn,onCurrencyChange:yn,setCurrencySearch:Y,setCountrySearch:K,onSubmit:hn,onClose:function(){return pn(true)}},text:n.getTextProps()}}var R=n("sqm_partner_info_modal",function(){function n(n){r(this,n);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.embedded=false;this.stateController="{}";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?A(this):W(this);if(this.embedded){return e(g,Object.assign({},n))}return e(x,Object.assign({},n))};return n}());function A(n){var e=a("US"),r=e[0],t=e[1];var o=a(""),i=o[0],s=o[1];var u=a(""),l=u[0],c=u[1];var d=_(n.stateController);var p=(d===null||d===void 0?void 0:d["sqm-partner-info-modal"])||d||{};return f({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:r,currency:i,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(n){var e,r;var a=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(a){t(a);s("")}},onCurrencyChange:function(n){var e,r;var t=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(t)s(t)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!r||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||p,{arrayMerge:function(n,e){return e}})}}}}));
|