@saasquatch/mint-components 2.1.8-22 → 2.1.8-24

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 (77) hide show
  1. package/dist/cjs/{ShadowViewAddon-643b83e2.js → ShadowViewAddon-1ed8faf9.js} +12 -8
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-big-stat_45.cjs.entry.js +4 -4
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +590 -1146
  6. package/dist/collection/components/sqm-share-link/ShareLink.stories.js +1 -1
  7. package/dist/collection/components/sqm-share-link/UseShareLink.stories.js +1 -1
  8. package/dist/collection/components/sqm-share-link/sqm-share-link-view.js +37 -7
  9. package/dist/collection/components/sqm-share-link/sqm-share-link.js +24 -7
  10. package/dist/collection/components/sqm-share-link/useShareLink.js +3 -3
  11. package/dist/esm/{ShadowViewAddon-fcb6446a.js → ShadowViewAddon-395ab799.js} +12 -8
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/esm/mint-components.js +1 -1
  14. package/dist/esm/sqm-big-stat_45.entry.js +4 -4
  15. package/dist/esm/sqm-stencilbook.entry.js +2773 -3329
  16. package/dist/esm-es5/{ShadowViewAddon-fcb6446a.js → ShadowViewAddon-395ab799.js} +1 -1
  17. package/dist/esm-es5/loader.js +1 -1
  18. package/dist/esm-es5/mint-components.js +1 -1
  19. package/dist/esm-es5/sqm-big-stat_45.entry.js +1 -1
  20. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  21. package/dist/mint-components/mint-components.esm.js +1 -1
  22. package/dist/mint-components/{p-3692c0da.system.entry.js → p-2b108f39.system.entry.js} +1 -1
  23. package/dist/mint-components/p-4b365f1f.system.js +1 -1
  24. package/dist/mint-components/{p-8d7548fb.system.entry.js → p-8e5a6491.system.entry.js} +1 -1
  25. package/dist/mint-components/{p-04502b80.entry.js → p-ba640335.entry.js} +2 -2
  26. package/dist/mint-components/{p-0eeb5438.js → p-cd79864c.js} +6 -6
  27. package/dist/mint-components/{p-5284bb02.system.js → p-d7adb7f3.system.js} +1 -1
  28. package/dist/mint-components/{p-31757712.entry.js → p-e6cf9daa.entry.js} +2 -2
  29. package/dist/types/components/sqm-share-link/sqm-share-link-view.d.ts +1 -1
  30. package/dist/types/components/sqm-share-link/sqm-share-link.d.ts +2 -1
  31. package/dist/types/components/sqm-share-link/useShareLink.d.ts +1 -1
  32. package/dist/types/components.d.ts +18 -234
  33. package/dist/types/global/android.d.ts +7 -0
  34. package/dist/types/global/demo.d.ts +2 -0
  35. package/dist/types/stories/features.d.ts +4 -0
  36. package/dist/types/stories/templates.d.ts +4 -0
  37. package/docs/docs.docx +0 -0
  38. package/docs/raisins.json +1 -1
  39. package/grapesjs/grapesjs.js +1 -1
  40. package/package.json +1 -1
  41. package/dist/cjs/sqm-share-link.cjs.entry.js +0 -271
  42. package/dist/cjs/useShareLink-1282123e.js +0 -422
  43. package/dist/cjs/useShareLink-3c22b1b9.js +0 -448
  44. package/dist/cjs/useShareLink-54e24928.js +0 -448
  45. package/dist/cjs/useShareLink-b664fbc7.js +0 -450
  46. package/dist/cjs/useShareLink-bf04b25c.js +0 -450
  47. package/dist/cjs/useShareLink-e8e2ae6d.js +0 -448
  48. package/dist/esm/sqm-share-link.entry.js +0 -267
  49. package/dist/esm/useShareLink-023284f3.js +0 -445
  50. package/dist/esm/useShareLink-436e9cad.js +0 -445
  51. package/dist/esm/useShareLink-4ba01373.js +0 -447
  52. package/dist/esm/useShareLink-79056582.js +0 -445
  53. package/dist/esm/useShareLink-a3329e33.js +0 -419
  54. package/dist/esm/useShareLink-bc20ec4c.js +0 -447
  55. package/dist/esm-es5/sqm-share-link.entry.js +0 -1
  56. package/dist/esm-es5/useShareLink-023284f3.js +0 -1
  57. package/dist/esm-es5/useShareLink-436e9cad.js +0 -1
  58. package/dist/esm-es5/useShareLink-4ba01373.js +0 -1
  59. package/dist/esm-es5/useShareLink-79056582.js +0 -1
  60. package/dist/esm-es5/useShareLink-a3329e33.js +0 -1
  61. package/dist/esm-es5/useShareLink-bc20ec4c.js +0 -1
  62. package/dist/mint-components/sqm-share-link.entry.js +0 -267
  63. package/dist/mint-components/sqm-share-link.system.entry.js +0 -1
  64. package/dist/mint-components/sqm-stencilbook.entry.js +0 -22106
  65. package/dist/mint-components/sqm-stencilbook.system.entry.js +0 -1
  66. package/dist/mint-components/useShareLink-023284f3.js +0 -445
  67. package/dist/mint-components/useShareLink-1d7c9fd8.system.js +0 -1
  68. package/dist/mint-components/useShareLink-211e061c.system.js +0 -1
  69. package/dist/mint-components/useShareLink-2de7ffce.system.js +0 -1
  70. package/dist/mint-components/useShareLink-436e9cad.js +0 -445
  71. package/dist/mint-components/useShareLink-454939f5.system.js +0 -1
  72. package/dist/mint-components/useShareLink-4ba01373.js +0 -447
  73. package/dist/mint-components/useShareLink-79056582.js +0 -445
  74. package/dist/mint-components/useShareLink-a3329e33.js +0 -419
  75. package/dist/mint-components/useShareLink-bc20ec4c.js +0 -447
  76. package/dist/mint-components/useShareLink-c05fe151.system.js +0 -1
  77. package/dist/mint-components/useShareLink-cb5abd96.system.js +0 -1
@@ -1,447 +0,0 @@
1
- import { h } from './index-d9876cd5.js';
2
- import { i as intl } from './global-e1c1ff72.js';
3
- import { i as useState, k as useRef } from './dom-context-hooks.module-8411297a.js';
4
- import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, X as Xe, h as Qe } from './index.module-60e4da3a.js';
5
- import { c as createStyleSheet } from './JSS-8c381d8b.js';
6
- import { R as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-cff9a9dc.js';
7
- import { C as CopyTextView } from './copy-text-view-c508f2e1.js';
8
-
9
- const vanillaStyle = `
10
- :host {
11
- display: block;
12
- width: 100%;
13
- }
14
- `;
15
- function ShareLinkView(props) {
16
- const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, characterLimit, minCharacters, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
17
- const style = {
18
- Container: {
19
- display: "flex",
20
- flexDirection: "column",
21
- gap: "var(--sl-spacing-xx-small)",
22
- width: "100%",
23
- },
24
- CustomizeLinkText: {
25
- margin: "0",
26
- fontSize: "var(--sl-font-size-small)",
27
- fontWeight: "600",
28
- cursor: "pointer",
29
- color: "var(--sl-color-neutral-900)",
30
- textAlign: "left",
31
- padding: "var(--sl-spacing-small)",
32
- "&:hover": {
33
- textDecoration: "underline",
34
- },
35
- },
36
- CustomizeLinkDisabled: {
37
- margin: "0",
38
- fontSize: "var(--sl-font-size-small)",
39
- fontWeight: "600",
40
- color: "var(--sl-color-neutral-400)",
41
- cursor: "default",
42
- textAlign: "left",
43
- padding: "var(--sl-spacing-small)",
44
- },
45
- EditContainer: {
46
- display: "flex",
47
- flexDirection: "column",
48
- gap: "var(--sl-spacing-x-small)",
49
- width: "100%",
50
- },
51
- EditInputWrapper: {
52
- display: "flex",
53
- alignItems: "center",
54
- width: "100%",
55
- border: "var(--sqm-border-thickness, 1px) solid var(--sqm-input-border-color, #d1d5db)",
56
- borderRadius: "var(--sqm-border-radius-normal, 4px)",
57
- background: "var(--sqm-input-background, #fff)",
58
- overflow: "hidden",
59
- "&:focus-within": {
60
- borderColor: "#999999",
61
- boxShadow: "0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color)",
62
- },
63
- },
64
- DomainPrefix: {
65
- padding: "0 0 0 var(--sl-spacing-medium)",
66
- fontSize: "var(--sl-font-size-medium)",
67
- color: "var(--sl-color-neutral-500)",
68
- whiteSpace: "nowrap",
69
- userSelect: "none",
70
- lineHeight: "var(--sl-input-height-medium)",
71
- },
72
- EditInput: {
73
- flex: "1",
74
- border: "none",
75
- outline: "none",
76
- padding: "0 var(--sl-spacing-medium) 0 0",
77
- fontSize: "var(--sl-font-size-medium)",
78
- fontFamily: "var(--sl-font-sans)",
79
- color: "var(--sl-input-color)",
80
- background: "transparent",
81
- lineHeight: "var(--sl-input-height-medium)",
82
- minWidth: "0",
83
- },
84
- EditLabel: {
85
- margin: "0",
86
- fontSize: "var(--sl-font-size-small)",
87
- color: "var(--sl-color-neutral-500)",
88
- },
89
- HelperText: {
90
- margin: "0",
91
- fontSize: "var(--sl-font-size-small)",
92
- color: "var(--sl-color-neutral-500)",
93
- },
94
- ErrorText: {
95
- margin: "0",
96
- fontSize: "var(--sl-font-size-small)",
97
- color: "var(--sqm-danger-color-text, #dc2626)",
98
- },
99
- ActionRow: {
100
- display: "flex",
101
- gap: "var(--sl-spacing-medium)",
102
- alignItems: "center",
103
- },
104
- SaveButton: {
105
- cursor: "pointer",
106
- fontFamily: "var(--sl-font-sans)",
107
- fontSize: "var(--sl-font-size-small)",
108
- fontWeight: "600",
109
- padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
110
- borderRadius: "var(--sqm-border-radius-normal, 4px)",
111
- border: "1px solid var(--sl-color-neutral-900)",
112
- background: "var(--sl-color-neutral-900)",
113
- color: "#fff",
114
- "&:disabled": {
115
- opacity: "0.5",
116
- cursor: "default",
117
- },
118
- },
119
- CancelButton: {
120
- margin: "0",
121
- fontSize: "var(--sl-font-size-small)",
122
- fontWeight: "600",
123
- cursor: "pointer",
124
- background: "none",
125
- border: "none",
126
- padding: "0",
127
- fontFamily: "var(--sl-font-sans)",
128
- color: "var(--sl-color-neutral-500)",
129
- },
130
- LimitReachedContainer: {
131
- display: "flex",
132
- alignItems: "center",
133
- gap: "var(--sl-spacing-x-small)",
134
- },
135
- };
136
- const sheet = createStyleSheet(style);
137
- const styleString = sheet.toString();
138
- const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "EXISTING_CODE_CONFLICT" ? "info" : "warning";
139
- const showCharactersRemaining = charactersRemaining <= 14;
140
- console.log(customizeUrl, limitReached, customizeDisabled, validationError, "customize URL state");
141
- // Editing state
142
- if (isEditing) {
143
- return (h("div", { class: sheet.classes.Container },
144
- h("style", { type: "text/css" },
145
- styleString,
146
- vanillaStyle),
147
- h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
148
- h("div", { class: sheet.classes.EditInputWrapper },
149
- h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
150
- h("sl-input", {
151
- // class={sheet.classes.EditInput}
152
- type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
153
- if (e.key === "/" || e.key === "@")
154
- e.preventDefault();
155
- }, disabled: isSaving, maxLength: characterLimit })),
156
- h("p", { class: sheet.classes.HelperText },
157
- editLimitText,
158
- showCharactersRemaining &&
159
- ` Characters remaining: ${charactersRemaining}`),
160
- validationError && (h("sqm-form-message", { type: errorMessageType, style: { paddingBottom: "var(--sl-spacing-xx-small)" } },
161
- h("p", { part: "alert-title" }, validationError.title),
162
- validationError.description)),
163
- isValidating && h("p", { class: sheet.classes.HelperText }, "Validating..."),
164
- h("div", { class: sheet.classes.ActionRow },
165
- h("sl-button", { type: "primary", onClick: onSave, disabled: isSaving ||
166
- isValidating ||
167
- !!validationError ||
168
- !editValue ||
169
- editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
170
- h("sl-button", { type: "secondary", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
171
- }
172
- // Default / Customized / Limit reached states
173
- return (h("div", { class: sheet.classes.Container },
174
- h("style", { type: "text/css" },
175
- styleString,
176
- vanillaStyle),
177
- h(CopyTextView, Object.assign({}, copyTextViewProps)),
178
- customizeUrl &&
179
- (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip, placement: "top", style: { display: "inline-block", width: "fit-content" } },
180
- h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("div", { class: sheet.classes.LimitReachedContainer },
181
- h("p", { class: limitReached
182
- ? sheet.classes.CustomizeLinkDisabled
183
- : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel),
184
- customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
185
- id: "editLimitReached",
186
- defaultMessage: editLimitReachedText,
187
- }, {
188
- supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
189
- }))))))));
190
- }
191
-
192
- const MAX_EDITS = 5;
193
- const CHARACTER_LIMIT = 15;
194
- const MIN_CHARACTERS = 3;
195
- const MessageLinkQuery = dist.gql `
196
- query ($programId: ID) {
197
- user: viewer {
198
- ... on User {
199
- shareLink(programId: $programId)
200
- }
201
- }
202
- }
203
- `;
204
- const WIDGET_ENGAGEMENT_EVENT = dist.gql `
205
- mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
206
- createUserAnalyticsEvent(eventMeta: $eventMeta)
207
- }
208
- `;
209
- const ADD_SHARE_LINK_CODE = dist.gql `
210
- mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {
211
- addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {
212
- linkCode {
213
- linkCode
214
- shortUrl
215
- referralCode {
216
- code
217
- }
218
- }
219
- }
220
- }
221
- `;
222
- const VALIDATE_LINK_CODE = dist.gql `
223
- query validateLinkCode($linkCode: String!) {
224
- validateLinkCode(linkCode: $linkCode) {
225
- valid
226
- invalidReason
227
- }
228
- }
229
- `;
230
- const GET_LINK_DOMAIN = dist.gql `
231
- query getLinkDomain {
232
- tenantSettings {
233
- primaryLinkDomain {
234
- host
235
- }
236
- }
237
- }
238
- `;
239
- const SHARE_LINK_EDIT_COUNT = dist.gql `
240
- query shareLinkEditCount {
241
- viewer {
242
- ... on User {
243
- shareLinkCodes {
244
- totalCount
245
- data {
246
- isVanity
247
- }
248
- }
249
- }
250
- }
251
- }
252
- `;
253
- function parseShareUrl(url) {
254
- try {
255
- const parsed = new URL(url);
256
- return {
257
- url: parsed.origin + parsed.pathname,
258
- domain: parsed.origin + "/",
259
- path: parsed.pathname.slice(1),
260
- };
261
- }
262
- catch {
263
- return { url, domain: url, path: "" };
264
- }
265
- }
266
- function useShareLink(props) {
267
- var _a, _b, _c, _d, _e, _f, _g;
268
- const { programId = H() } = props;
269
- const user = J();
270
- const engagementMedium = B();
271
- const contextData = Fn(REFERRAL_CODES_NAMESPACE);
272
- const { data, refetch } = wn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
273
- const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
274
- const [setCopied] = $e(SET_CODE_COPIED);
275
- const [addShareLinkCode, { loading: isSaving }] = $e(ADD_SHARE_LINK_CODE);
276
- const [validateLinkCode] = Xe(VALIDATE_LINK_CODE);
277
- const { refresh } = Qe();
278
- const { data: linkDomainData } = wn(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
279
- const { data: editCountData, refetch: refetchEditCount } = wn(SHARE_LINK_EDIT_COUNT, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
280
- const { url: copyString, domain: domainPrefix, path: pathSuffix, } = parseShareUrl((_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b :
281
- // Shown during loading
282
- "...");
283
- const [open, setOpen] = useState(false);
284
- const [isEditing, setIsEditing] = useState(false);
285
- const [editValue, setEditValue] = useState("");
286
- const [validationError, setValidationError] = useState(null);
287
- const [isValidating, setIsValidating] = useState(false);
288
- const debounceTimerRef = useRef(undefined);
289
- const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
290
- const customizeDisabled = !hasPrimaryLinkDomain;
291
- const vanityCount = (_g = (_f = (_e = (_d = editCountData === null || editCountData === void 0 ? void 0 : editCountData.viewer) === null || _d === void 0 ? void 0 : _d.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.filter((code) => code.isVanity).length) !== null && _g !== void 0 ? _g : 0;
292
- const editCount = vanityCount;
293
- const editsRemaining = Math.max(0, MAX_EDITS - editCount);
294
- const limitReached = editsRemaining <= 0;
295
- function mapErrorCodeToInfo(errorCode) {
296
- if (!errorCode)
297
- return null;
298
- const errorMap = {
299
- EXISTING_CODE_CONFLICT: {
300
- code: "EXISTING_CODE_CONFLICT",
301
- title: props.existingCodeConflictErrorTitle,
302
- description: props.existingCodeConflictErrorDescription,
303
- },
304
- INVALID_CHARACTER: {
305
- code: "INVALID_CHARACTER",
306
- title: props.invalidCharactersErrorTitle,
307
- description: props.invalidCharactersErrorDescription,
308
- },
309
- BLOCKED_WORD: {
310
- code: "BLOCKED_WORD",
311
- title: props.profanityErrorTitle,
312
- description: props.profanityErrorDescription,
313
- },
314
- };
315
- return errorMap[errorCode];
316
- }
317
- async function onClick() {
318
- if (contextData) {
319
- await setCopied({ referralCode: contextData.referralCode });
320
- contextData.refresh();
321
- }
322
- // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
323
- // Only if called from a user-initiated event
324
- navigator.clipboard.writeText(copyString);
325
- setOpen(true);
326
- setTimeout(() => setOpen(false), props.tooltiplifespan);
327
- sendLoadEvent({
328
- eventMeta: {
329
- programId,
330
- id: user === null || user === void 0 ? void 0 : user.id,
331
- accountId: user === null || user === void 0 ? void 0 : user.accountId,
332
- type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
333
- meta: {
334
- engagementMedium,
335
- shareMedium: "DIRECT",
336
- },
337
- },
338
- });
339
- }
340
- function onCustomizeClick() {
341
- if (limitReached || customizeDisabled)
342
- return;
343
- setIsEditing(true);
344
- setEditValue(editCount === 0 ? "" : pathSuffix);
345
- setValidationError(null);
346
- }
347
- function onEditValueChange(value) {
348
- const trimmed = value.slice(0, CHARACTER_LIMIT);
349
- setEditValue(trimmed);
350
- setValidationError(null);
351
- if (debounceTimerRef.current)
352
- clearTimeout(debounceTimerRef.current);
353
- if (!trimmed || trimmed.length < MIN_CHARACTERS) {
354
- setIsValidating(false);
355
- return;
356
- }
357
- setIsValidating(true);
358
- debounceTimerRef.current = setTimeout(async () => {
359
- var _a, _b;
360
- try {
361
- const result = await validateLinkCode({ linkCode: trimmed });
362
- if (!((_a = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _a === void 0 ? void 0 : _a.valid)) {
363
- const reason = (_b = result === null || result === void 0 ? void 0 : result.validateLinkCode) === null || _b === void 0 ? void 0 : _b.invalidReason;
364
- console.log(reason, "validation error reason from validateLinkCode query");
365
- setValidationError(mapErrorCodeToInfo(reason));
366
- }
367
- }
368
- catch {
369
- // Validation query failed — don't block the user
370
- }
371
- setIsValidating(false);
372
- }, 2000);
373
- }
374
- async function onSave() {
375
- var _a, _b;
376
- if (!editValue ||
377
- editValue.length < MIN_CHARACTERS ||
378
- validationError ||
379
- isValidating)
380
- return;
381
- try {
382
- await addShareLinkCode({
383
- addShareLinkCodeInput: {
384
- userId: user === null || user === void 0 ? void 0 : user.id,
385
- accountId: user === null || user === void 0 ? void 0 : user.accountId,
386
- programId,
387
- linkCode: editValue,
388
- makeShareLinkCodePrimaryForReferralCode: true,
389
- },
390
- });
391
- setIsEditing(false);
392
- await Promise.all([refetch(), refetchEditCount()]);
393
- refresh();
394
- }
395
- catch (e) {
396
- const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
397
- console.log(errorCode, "errorCode from addSharelInkCodeMutation");
398
- setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
399
- code: null,
400
- title: "Error",
401
- description: (e === null || e === void 0 ? void 0 : e.message) || "Failed to save custom link. Please try again.",
402
- });
403
- }
404
- }
405
- function onCancel() {
406
- setIsEditing(false);
407
- setEditValue("");
408
- setValidationError(null);
409
- setIsValidating(false);
410
- }
411
- console.log(validationError, "validation error state"); // TEMP --- IGNORE ---
412
- return {
413
- copyTextViewProps: {
414
- ...props,
415
- onClick,
416
- open,
417
- copyString,
418
- },
419
- customizeUrl: props.customizeUrl,
420
- customizeLinkLabel: props.customizeLinkLabel,
421
- saveLabelText: props.saveLabelText,
422
- cancelLabelText: props.cancelLabelText,
423
- isEditing,
424
- editValue,
425
- domainPrefix,
426
- editsRemaining,
427
- maxEdits: MAX_EDITS,
428
- limitReached,
429
- validationError,
430
- isValidating,
431
- isSaving,
432
- characterLimit: CHARACTER_LIMIT,
433
- minCharacters: MIN_CHARACTERS,
434
- charactersRemaining: CHARACTER_LIMIT - editValue.length,
435
- editLimitText: props.editLimitText,
436
- editLimitReachedText: props.editLimitReachedText,
437
- supportLinkText: props.supportLinkText,
438
- customizeDisabled,
439
- customizeDisabledTooltip: props.customizeDisabledTooltip,
440
- onCustomizeClick,
441
- onEditValueChange,
442
- onSave,
443
- onCancel,
444
- };
445
- }
446
-
447
- export { ShareLinkView as S, useShareLink as u };
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,i){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function l(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?t(e.value):a(e.value).then(o,l)}s((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-6582b378.system.js","./global-41985914.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-c0971372.system.js","./JSS-840a8fea.system.js","./useReferralCodes-d014208c.system.js","./copy-text-view-7713c6c8.system.js"],(function(e){"use strict";var n,t,i,a,r,o,l,s,d,c,u,v,m,p,f,g,h;return{setters:[function(e){n=e.h},function(e){t=e.i},function(e){i=e.i;a=e.k},function(e){r=e.d;o=e.H;l=e.J;s=e.B;d=e.F;c=e.w;u=e.$;v=e.X;m=e.h},function(e){p=e.c},function(e){f=e.R;g=e.S},function(e){h=e.C}],execute:function(){e({S:k,u:z});var C="\n :host {\n display: block;\n width: 100%;\n }\n";function k(e){var i=e.copyTextViewProps,a=e.customizeUrl,r=e.customizeLinkLabel,o=e.saveLabelText,l=e.cancelLabelText,s=e.isEditing,d=e.editValue,c=e.domainPrefix,u=e.editsRemaining,v=e.maxEdits,m=e.limitReached,f=e.validationError,g=e.isValidating,k=e.isSaving,y=e.characterLimit,b=e.minCharacters,L=e.charactersRemaining,x=e.editLimitText,_=e.editLimitReachedText,T=e.supportLinkText,E=e.customizeDisabled,w=e.customizeDisabledTooltip,I=e.onCustomizeClick,S=e.onEditValueChange,z=e.onSave,R=e.onCancel;var D={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xx-small)",width:"100%"},CustomizeLinkText:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",color:"var(--sl-color-neutral-900)",textAlign:"left",padding:"var(--sl-spacing-small)","&:hover":{textDecoration:"underline"}},CustomizeLinkDisabled:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",color:"var(--sl-color-neutral-400)",cursor:"default",textAlign:"left",padding:"var(--sl-spacing-small)"},EditContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-x-small)",width:"100%"},EditInputWrapper:{display:"flex",alignItems:"center",width:"100%",border:"var(--sqm-border-thickness, 1px) solid var(--sqm-input-border-color, #d1d5db)",borderRadius:"var(--sqm-border-radius-normal, 4px)",background:"var(--sqm-input-background, #fff)",overflow:"hidden","&:focus-within":{borderColor:"#999999",boxShadow:"0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color)"}},DomainPrefix:{padding:"0 0 0 var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-500)",whiteSpace:"nowrap",userSelect:"none",lineHeight:"var(--sl-input-height-medium)"},EditInput:{flex:"1",border:"none",outline:"none",padding:"0 var(--sl-spacing-medium) 0 0",fontSize:"var(--sl-font-size-medium)",fontFamily:"var(--sl-font-sans)",color:"var(--sl-input-color)",background:"transparent",lineHeight:"var(--sl-input-height-medium)",minWidth:"0"},EditLabel:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},HelperText:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},ErrorText:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sqm-danger-color-text, #dc2626)"},ActionRow:{display:"flex",gap:"var(--sl-spacing-medium)",alignItems:"center"},SaveButton:{cursor:"pointer",fontFamily:"var(--sl-font-sans)",fontSize:"var(--sl-font-size-small)",fontWeight:"600",padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)",borderRadius:"var(--sqm-border-radius-normal, 4px)",border:"1px solid var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-900)",color:"#fff","&:disabled":{opacity:"0.5",cursor:"default"}},CancelButton:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",background:"none",border:"none",padding:"0",fontFamily:"var(--sl-font-sans)",color:"var(--sl-color-neutral-500)"},LimitReachedContainer:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)"}};var O=p(D);var j=O.toString();var q=(f===null||f===void 0?void 0:f.code)==="EXISTING_CODE_CONFLICT"?"info":"warning";var A=L<=14;console.log(a,m,E,f,"customize URL state");if(s){return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n("p",{class:O.classes.EditLabel},"Enter your link"),n("div",{class:O.classes.EditInputWrapper},n("span",{class:O.classes.DomainPrefix},c),n("input",{class:O.classes.EditInput,type:"text",value:d,onInput:function(e){return S(e.target.value)},onKeyDown:function(e){if(e.key==="/"||e.key==="@")e.preventDefault()},disabled:k,maxLength:y})),n("p",{class:O.classes.HelperText},x,A&&" Characters remaining: "+L),f&&n("sqm-form-message",{type:q,style:{paddingBottom:"var(--sl-spacing-xx-small)"}},n("p",{part:"alert-title"},f.title),f.description),g&&n("p",{class:O.classes.HelperText},"Validating..."),n("div",{class:O.classes.ActionRow},n("sl-button",{type:"primary",onClick:z,disabled:k||g||!!f||!d||d.length<b},k?"Saving...":o),n("sl-button",{type:"secondary",class:O.classes.CancelButton,onClick:R,disabled:k},l)))}return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n(h,Object.assign({},i)),a&&(E?n("sl-tooltip",{content:w,placement:"top",style:{display:"inline-block",width:"fit-content"}},n("p",{class:O.classes.CustomizeLinkDisabled},r)):n("div",{class:O.classes.LimitReachedContainer},n("p",{class:m?O.classes.CustomizeLinkDisabled:O.classes.CustomizeLinkText,onClick:m?undefined:I},r),a&&m&&n("p",{class:O.classes.HelperText},t.formatMessage({id:"editLimitReached",defaultMessage:_},{supportLink:n("a",{target:"_blank",href:"https://help.impact.com/other/readme/get-help-and-support"},T)})))))}var y=5;var b=15;var L=3;var x=r.gql(__makeTemplateObject(["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n shareLink(programId: $programId)\n }\n }\n }\n"],["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n shareLink(programId: $programId)\n }\n }\n }\n"]));var _=r.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));var T=r.gql(__makeTemplateObject(["\n mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n linkCode {\n linkCode\n shortUrl\n referralCode {\n code\n }\n }\n }\n }\n"],["\n mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n linkCode {\n linkCode\n shortUrl\n referralCode {\n code\n }\n }\n }\n }\n"]));var E=r.gql(__makeTemplateObject(["\n query validateLinkCode($linkCode: String!) {\n validateLinkCode(linkCode: $linkCode) {\n valid\n invalidReason\n }\n }\n"],["\n query validateLinkCode($linkCode: String!) {\n validateLinkCode(linkCode: $linkCode) {\n valid\n invalidReason\n }\n }\n"]));var w=r.gql(__makeTemplateObject(["\n query getLinkDomain {\n tenantSettings {\n primaryLinkDomain {\n host\n }\n }\n }\n"],["\n query getLinkDomain {\n tenantSettings {\n primaryLinkDomain {\n host\n }\n }\n }\n"]));var I=r.gql(__makeTemplateObject(["\n query shareLinkEditCount {\n viewer {\n ... on User {\n shareLinkCodes {\n totalCount\n data {\n isVanity\n }\n }\n }\n }\n }\n"],["\n query shareLinkEditCount {\n viewer {\n ... on User {\n shareLinkCodes {\n totalCount\n data {\n isVanity\n }\n }\n }\n }\n }\n"]));function S(e){try{var n=new URL(e);return{url:n.origin+n.pathname,domain:n.origin+"/",path:n.pathname.slice(1)}}catch(n){return{url:e,domain:e,path:""}}}function z(e){var n,t,r,p,h,C,k;var z=e.programId,R=z===void 0?o():z;var D=l();var O=s();var j=d(f);var q=c(x,{programId:R},!(D===null||D===void 0?void 0:D.jwt)||!!e.linkOverride||(j===null||j===void 0?void 0:j.shareLink)!==undefined),A=q.data,U=q.refetch;var $=u(_)[0];var M=u(g)[0];var V=u(T),P=V[0],N=V[1].loading;var F=v(E)[0];var H=m().refresh;var W=c(w,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl).data;var B=c(I,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl),G=B.data,X=B.refetch;var K=S((t=(j===null||j===void 0?void 0:j.shareLink)||((n=A===null||A===void 0?void 0:A.user)===null||n===void 0?void 0:n.shareLink))!==null&&t!==void 0?t:"..."),J=K.url,Q=K.domain,Y=K.path;var Z=i(false),ee=Z[0],ne=Z[1];var te=i(false),ie=te[0],ae=te[1];var re=i(""),oe=re[0],le=re[1];var se=i(null),de=se[0],ce=se[1];var ue=i(false),ve=ue[0],me=ue[1];var pe=a(undefined);var fe=((r=W===null||W===void 0?void 0:W.tenantSettings)===null||r===void 0?void 0:r.primaryLinkDomain)!=null;var ge=!fe;var he=(k=(C=(h=(p=G===null||G===void 0?void 0:G.viewer)===null||p===void 0?void 0:p.shareLinkCodes)===null||h===void 0?void 0:h.data)===null||C===void 0?void 0:C.filter((function(e){return e.isVanity})).length)!==null&&k!==void 0?k:0;var Ce=he;var ke=Math.max(0,y-Ce);var ye=ke<=0;function be(n){if(!n)return null;var t={EXISTING_CODE_CONFLICT:{code:"EXISTING_CODE_CONFLICT",title:e.existingCodeConflictErrorTitle,description:e.existingCodeConflictErrorDescription},INVALID_CHARACTER:{code:"INVALID_CHARACTER",title:e.invalidCharactersErrorTitle,description:e.invalidCharactersErrorDescription},BLOCKED_WORD:{code:"BLOCKED_WORD",title:e.profanityErrorTitle,description:e.profanityErrorDescription}};return t[n]}function Le(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!j)return[3,2];return[4,M({referralCode:j.referralCode})];case 1:n.sent();j.refresh();n.label=2;case 2:navigator.clipboard.writeText(J);ne(true);setTimeout((function(){return ne(false)}),e.tooltiplifespan);$({eventMeta:{programId:R,id:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:O,shareMedium:"DIRECT"}}});return[2]}}))}))}function xe(){if(ye||ge)return;ae(true);le(Ce===0?"":Y);ce(null)}function _e(e){var n=this;var t=e.slice(0,b);le(t);ce(null);if(pe.current)clearTimeout(pe.current);if(!t||t.length<L){me(false);return}me(true);pe.current=setTimeout((function(){return __awaiter(n,void 0,void 0,(function(){var e,n,i,a,r;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,F({linkCode:t})];case 1:i=o.sent();if(!((e=i===null||i===void 0?void 0:i.validateLinkCode)===null||e===void 0?void 0:e.valid)){a=(n=i===null||i===void 0?void 0:i.validateLinkCode)===null||n===void 0?void 0:n.invalidReason;console.log(a,"validation error reason from validateLinkCode query");ce(be(a))}return[3,3];case 2:r=o.sent();return[3,3];case 3:me(false);return[2]}}))}))}),2e3)}function Te(){return __awaiter(this,void 0,void 0,(function(){var e,n,t,i;return __generator(this,(function(a){switch(a.label){case 0:if(!oe||oe.length<L||de||ve)return[2];a.label=1;case 1:a.trys.push([1,4,,5]);return[4,P({addShareLinkCodeInput:{userId:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,programId:R,linkCode:oe,makeShareLinkCodePrimaryForReferralCode:true}})];case 2:a.sent();ae(false);return[4,Promise.all([U(),X()])];case 3:a.sent();H();return[3,5];case 4:t=a.sent();i=(e=t===null||t===void 0?void 0:t.extensions)===null||e===void 0?void 0:e.code;console.log(i,"errorCode from addSharelInkCodeMutation");ce((n=be(i))!==null&&n!==void 0?n:{code:null,title:"Error",description:(t===null||t===void 0?void 0:t.message)||"Failed to save custom link. Please try again."});return[3,5];case 5:return[2]}}))}))}function Ee(){ae(false);le("");ce(null);me(false)}console.log(de,"validation error state");return{copyTextViewProps:__assign(__assign({},e),{onClick:Le,open:ee,copyString:J}),customizeUrl:e.customizeUrl,customizeLinkLabel:e.customizeLinkLabel,saveLabelText:e.saveLabelText,cancelLabelText:e.cancelLabelText,isEditing:ie,editValue:oe,domainPrefix:Q,editsRemaining:ke,maxEdits:y,limitReached:ye,validationError:de,isValidating:ve,isSaving:N,characterLimit:b,minCharacters:L,charactersRemaining:b-oe.length,editLimitText:e.editLimitText,editLimitReachedText:e.editLimitReachedText,supportLinkText:e.supportLinkText,customizeDisabled:ge,customizeDisabledTooltip:e.customizeDisabledTooltip,onCustomizeClick:xe,onEditValueChange:_e,onSave:Te,onCancel:Ee}}}}}));
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,i){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function l(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?t(e.value):a(e.value).then(o,l)}s((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-6582b378.system.js","./global-41985914.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-c0971372.system.js","./JSS-840a8fea.system.js","./useReferralCodes-d014208c.system.js","./copy-text-view-7713c6c8.system.js"],(function(e){"use strict";var n,t,i,a,r,o,l,s,d,c,u,v,m,p,f,g,h;return{setters:[function(e){n=e.h},function(e){t=e.i},function(e){i=e.i;a=e.k},function(e){r=e.d;o=e.H;l=e.J;s=e.B;d=e.F;c=e.w;u=e.$;v=e.X;m=e.h},function(e){p=e.c},function(e){f=e.R;g=e.S},function(e){h=e.C}],execute:function(){e({S:k,u:z});var C="\n :host {\n display: block;\n width: 100%;\n }\n";function k(e){var i=e.copyTextViewProps,a=e.customizeUrl,r=e.customizeLinkLabel,o=e.saveLabelText,l=e.cancelLabelText,s=e.isEditing,d=e.editValue,c=e.domainPrefix,u=e.editsRemaining,v=e.maxEdits,m=e.limitReached,f=e.validationError,g=e.isValidating,k=e.isSaving,y=e.characterLimit,b=e.minCharacters,L=e.charactersRemaining,x=e.editLimitText,_=e.editLimitReachedText,T=e.supportLinkText,E=e.customizeDisabled,w=e.customizeDisabledTooltip,I=e.onCustomizeClick,S=e.onEditValueChange,z=e.onSave,R=e.onCancel;var D={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xx-small)",width:"100%"},CustomizeLinkText:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",color:"var(--sl-color-neutral-900)",textAlign:"left",padding:"var(--sl-spacing-small)","&:hover":{textDecoration:"underline"}},CustomizeLinkDisabled:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",color:"var(--sl-color-neutral-400)",cursor:"default",textAlign:"left",padding:"var(--sl-spacing-small)"},EditContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-x-small)",width:"100%"},EditInputWrapper:{display:"flex",alignItems:"center",width:"100%",border:"var(--sqm-border-thickness, 1px) solid var(--sqm-input-border-color, #d1d5db)",borderRadius:"var(--sqm-border-radius-normal, 4px)",background:"var(--sqm-input-background, #fff)",overflow:"hidden","&:focus-within":{borderColor:"#999999",boxShadow:"0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color)"}},DomainPrefix:{padding:"0 0 0 var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-500)",whiteSpace:"nowrap",userSelect:"none",lineHeight:"var(--sl-input-height-medium)"},EditInput:{flex:"1",border:"none",outline:"none",padding:"0 var(--sl-spacing-medium) 0 0",fontSize:"var(--sl-font-size-medium)",fontFamily:"var(--sl-font-sans)",color:"var(--sl-input-color)",background:"transparent",lineHeight:"var(--sl-input-height-medium)",minWidth:"0"},EditLabel:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},HelperText:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},ErrorText:{margin:"0",fontSize:"var(--sl-font-size-small)",color:"var(--sqm-danger-color-text, #dc2626)"},ActionRow:{display:"flex",gap:"var(--sl-spacing-medium)",alignItems:"center"},SaveButton:{cursor:"pointer",fontFamily:"var(--sl-font-sans)",fontSize:"var(--sl-font-size-small)",fontWeight:"600",padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)",borderRadius:"var(--sqm-border-radius-normal, 4px)",border:"1px solid var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-900)",color:"#fff","&:disabled":{opacity:"0.5",cursor:"default"}},CancelButton:{margin:"0",fontSize:"var(--sl-font-size-small)",fontWeight:"600",cursor:"pointer",background:"none",border:"none",padding:"0",fontFamily:"var(--sl-font-sans)",color:"var(--sl-color-neutral-500)"},LimitReachedContainer:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)"}};var O=p(D);var j=O.toString();var q=(f===null||f===void 0?void 0:f.code)==="EXISTING_CODE_CONFLICT"?"info":"warning";var A=L<=14;console.log(a,m,E,f,"customize URL state");if(s){return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n("p",{class:O.classes.EditLabel},"Enter your link"),n("div",{class:O.classes.EditInputWrapper},n("span",{class:O.classes.DomainPrefix},c),n("sl-input",{class:O.classes.EditInput,type:"text",value:d,onInput:function(e){return S(e.target.value)},onKeyDown:function(e){if(e.key==="/"||e.key==="@")e.preventDefault()},disabled:k,maxLength:y})),n("p",{class:O.classes.HelperText},x,A&&" Characters remaining: "+L),f&&n("sqm-form-message",{type:q,style:{paddingBottom:"var(--sl-spacing-xx-small)"}},n("p",{part:"alert-title"},f.title),f.description),g&&n("p",{class:O.classes.HelperText},"Validating..."),n("div",{class:O.classes.ActionRow},n("sl-button",{type:"primary",onClick:z,disabled:k||g||!!f||!d||d.length<b},k?"Saving...":o),n("sl-button",{type:"secondary",class:O.classes.CancelButton,onClick:R,disabled:k},l)))}return n("div",{class:O.classes.Container},n("style",{type:"text/css"},j,C),n(h,Object.assign({},i)),a&&(E?n("sl-tooltip",{content:w,placement:"top",style:{display:"inline-block",width:"fit-content"}},n("p",{class:O.classes.CustomizeLinkDisabled},r)):n("div",{class:O.classes.LimitReachedContainer},n("p",{class:m?O.classes.CustomizeLinkDisabled:O.classes.CustomizeLinkText,onClick:m?undefined:I},r),a&&m&&n("p",{class:O.classes.HelperText},t.formatMessage({id:"editLimitReached",defaultMessage:_},{supportLink:n("a",{target:"_blank",href:"https://help.impact.com/other/readme/get-help-and-support"},T)})))))}var y=5;var b=15;var L=3;var x=r.gql(__makeTemplateObject(["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n shareLink(programId: $programId)\n }\n }\n }\n"],["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n shareLink(programId: $programId)\n }\n }\n }\n"]));var _=r.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));var T=r.gql(__makeTemplateObject(["\n mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n linkCode {\n linkCode\n shortUrl\n referralCode {\n code\n }\n }\n }\n }\n"],["\n mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {\n addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {\n linkCode {\n linkCode\n shortUrl\n referralCode {\n code\n }\n }\n }\n }\n"]));var E=r.gql(__makeTemplateObject(["\n query validateLinkCode($linkCode: String!) {\n validateLinkCode(linkCode: $linkCode) {\n valid\n invalidReason\n }\n }\n"],["\n query validateLinkCode($linkCode: String!) {\n validateLinkCode(linkCode: $linkCode) {\n valid\n invalidReason\n }\n }\n"]));var w=r.gql(__makeTemplateObject(["\n query getLinkDomain {\n tenantSettings {\n primaryLinkDomain {\n host\n }\n }\n }\n"],["\n query getLinkDomain {\n tenantSettings {\n primaryLinkDomain {\n host\n }\n }\n }\n"]));var I=r.gql(__makeTemplateObject(["\n query shareLinkEditCount {\n viewer {\n ... on User {\n shareLinkCodes {\n totalCount\n data {\n isVanity\n }\n }\n }\n }\n }\n"],["\n query shareLinkEditCount {\n viewer {\n ... on User {\n shareLinkCodes {\n totalCount\n data {\n isVanity\n }\n }\n }\n }\n }\n"]));function S(e){try{var n=new URL(e);return{url:n.origin+n.pathname,domain:n.origin+"/",path:n.pathname.slice(1)}}catch(n){return{url:e,domain:e,path:""}}}function z(e){var n,t,r,p,h,C,k;var z=e.programId,R=z===void 0?o():z;var D=l();var O=s();var j=d(f);var q=c(x,{programId:R},!(D===null||D===void 0?void 0:D.jwt)||!!e.linkOverride||(j===null||j===void 0?void 0:j.shareLink)!==undefined),A=q.data,U=q.refetch;var $=u(_)[0];var M=u(g)[0];var V=u(T),P=V[0],N=V[1].loading;var F=v(E)[0];var H=m().refresh;var W=c(w,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl).data;var B=c(I,{},!(D===null||D===void 0?void 0:D.jwt)||!e.customizeUrl),G=B.data,X=B.refetch;var K=S((t=(j===null||j===void 0?void 0:j.shareLink)||((n=A===null||A===void 0?void 0:A.user)===null||n===void 0?void 0:n.shareLink))!==null&&t!==void 0?t:"..."),J=K.url,Q=K.domain,Y=K.path;var Z=i(false),ee=Z[0],ne=Z[1];var te=i(false),ie=te[0],ae=te[1];var re=i(""),oe=re[0],le=re[1];var se=i(null),de=se[0],ce=se[1];var ue=i(false),ve=ue[0],me=ue[1];var pe=a(undefined);var fe=((r=W===null||W===void 0?void 0:W.tenantSettings)===null||r===void 0?void 0:r.primaryLinkDomain)!=null;var ge=!fe;var he=(k=(C=(h=(p=G===null||G===void 0?void 0:G.viewer)===null||p===void 0?void 0:p.shareLinkCodes)===null||h===void 0?void 0:h.data)===null||C===void 0?void 0:C.filter((function(e){return e.isVanity})).length)!==null&&k!==void 0?k:0;var Ce=he;var ke=Math.max(0,y-Ce);var ye=ke<=0;function be(n){if(!n)return null;var t={EXISTING_CODE_CONFLICT:{code:"EXISTING_CODE_CONFLICT",title:e.existingCodeConflictErrorTitle,description:e.existingCodeConflictErrorDescription},INVALID_CHARACTER:{code:"INVALID_CHARACTER",title:e.invalidCharactersErrorTitle,description:e.invalidCharactersErrorDescription},BLOCKED_WORD:{code:"BLOCKED_WORD",title:e.profanityErrorTitle,description:e.profanityErrorDescription}};return t[n]}function Le(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!j)return[3,2];return[4,M({referralCode:j.referralCode})];case 1:n.sent();j.refresh();n.label=2;case 2:navigator.clipboard.writeText(J);ne(true);setTimeout((function(){return ne(false)}),e.tooltiplifespan);$({eventMeta:{programId:R,id:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:O,shareMedium:"DIRECT"}}});return[2]}}))}))}function xe(){if(ye||ge)return;ae(true);le(Ce===0?"":Y);ce(null)}function _e(e){var n=this;var t=e.slice(0,b);le(t);ce(null);if(pe.current)clearTimeout(pe.current);if(!t||t.length<L){me(false);return}me(true);pe.current=setTimeout((function(){return __awaiter(n,void 0,void 0,(function(){var e,n,i,a,r;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,F({linkCode:t})];case 1:i=o.sent();if(!((e=i===null||i===void 0?void 0:i.validateLinkCode)===null||e===void 0?void 0:e.valid)){a=(n=i===null||i===void 0?void 0:i.validateLinkCode)===null||n===void 0?void 0:n.invalidReason;console.log(a,"validation error reason from validateLinkCode query");ce(be(a))}return[3,3];case 2:r=o.sent();return[3,3];case 3:me(false);return[2]}}))}))}),2e3)}function Te(){return __awaiter(this,void 0,void 0,(function(){var e,n,t,i;return __generator(this,(function(a){switch(a.label){case 0:if(!oe||oe.length<L||de||ve)return[2];a.label=1;case 1:a.trys.push([1,4,,5]);return[4,P({addShareLinkCodeInput:{userId:D===null||D===void 0?void 0:D.id,accountId:D===null||D===void 0?void 0:D.accountId,programId:R,linkCode:oe,makeShareLinkCodePrimaryForReferralCode:true}})];case 2:a.sent();ae(false);return[4,Promise.all([U(),X()])];case 3:a.sent();H();return[3,5];case 4:t=a.sent();i=(e=t===null||t===void 0?void 0:t.extensions)===null||e===void 0?void 0:e.code;console.log(i,"errorCode from addSharelInkCodeMutation");ce((n=be(i))!==null&&n!==void 0?n:{code:null,title:"Error",description:(t===null||t===void 0?void 0:t.message)||"Failed to save custom link. Please try again."});return[3,5];case 5:return[2]}}))}))}function Ee(){ae(false);le("");ce(null);me(false)}console.log(de,"validation error state");return{copyTextViewProps:__assign(__assign({},e),{onClick:Le,open:ee,copyString:J}),customizeUrl:e.customizeUrl,customizeLinkLabel:e.customizeLinkLabel,saveLabelText:e.saveLabelText,cancelLabelText:e.cancelLabelText,isEditing:ie,editValue:oe,domainPrefix:Q,editsRemaining:ke,maxEdits:y,limitReached:ye,validationError:de,isValidating:ve,isSaving:N,characterLimit:b,minCharacters:L,charactersRemaining:b-oe.length,editLimitText:e.editLimitText,editLimitReachedText:e.editLimitReachedText,supportLinkText:e.supportLinkText,customizeDisabled:ge,customizeDisabledTooltip:e.customizeDisabledTooltip,onCustomizeClick:xe,onEditValueChange:_e,onSave:Te,onCancel:Ee}}}}}));