@saasquatch/mint-components 1.15.0-117 → 1.15.0-118

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 (63) hide show
  1. package/dist/cjs/{ShadowViewAddon-f1bd9b26.js → ShadowViewAddon-8fed996f.js} +1 -1
  2. package/dist/cjs/sqm-big-stat_43.cjs.entry.js +2 -2
  3. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +1 -1
  5. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js +1 -1
  6. package/dist/esm/{ShadowViewAddon-c0600f22.js → ShadowViewAddon-928bfc1a.js} +1 -1
  7. package/dist/esm/sqm-big-stat_43.entry.js +2 -2
  8. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  9. package/dist/esm-es5/{ShadowViewAddon-c0600f22.js → ShadowViewAddon-928bfc1a.js} +1 -1
  10. package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
  11. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  12. package/dist/mint-components/mint-components.esm.js +1 -1
  13. package/dist/mint-components/{p-ed69dc98.system.entry.js → p-10507209.system.entry.js} +1 -1
  14. package/dist/mint-components/{p-be770d69.system.entry.js → p-3f1f78c0.system.entry.js} +1 -1
  15. package/dist/mint-components/{p-f9f67437.entry.js → p-56a5e3b2.entry.js} +1 -1
  16. package/dist/mint-components/{p-bdc86ee3.system.js → p-84a5b46a.system.js} +1 -1
  17. package/dist/mint-components/{p-1276830a.entry.js → p-a0c8162d.entry.js} +2 -2
  18. package/dist/mint-components/p-a89baf7b.system.js +1 -1
  19. package/dist/mint-components/{p-6b904749.js → p-d278519f.js} +1 -1
  20. package/docs/docs.docx +0 -0
  21. package/package.json +1 -1
  22. package/dist/cjs/RewardExchangeListData-a787ce54.js +0 -1144
  23. package/dist/cjs/copy-text-view-f0313f78.js +0 -121
  24. package/dist/cjs/sqm-coupon-code-view-a869384e.js +0 -35
  25. package/dist/cjs/sqm-coupon-code.cjs.entry.js +0 -285
  26. package/dist/cjs/sqm-referral-code.cjs.entry.js +0 -177
  27. package/dist/cjs/sqm-reward-exchange-list.cjs.entry.js +0 -1018
  28. package/dist/cjs/sqm-share-code.cjs.entry.js +0 -147
  29. package/dist/cjs/sqm-share-link.cjs.entry.js +0 -102
  30. package/dist/esm/RewardExchangeListData-11c043e3.js +0 -1122
  31. package/dist/esm/copy-text-view-3129fb22.js +0 -119
  32. package/dist/esm/sqm-coupon-code-view-af016712.js +0 -33
  33. package/dist/esm/sqm-coupon-code.entry.js +0 -281
  34. package/dist/esm/sqm-referral-code.entry.js +0 -173
  35. package/dist/esm/sqm-reward-exchange-list.entry.js +0 -1014
  36. package/dist/esm/sqm-share-code.entry.js +0 -143
  37. package/dist/esm/sqm-share-link.entry.js +0 -98
  38. package/dist/esm-es5/RewardExchangeListData-11c043e3.js +0 -1
  39. package/dist/esm-es5/copy-text-view-3129fb22.js +0 -1
  40. package/dist/esm-es5/sqm-coupon-code-view-af016712.js +0 -1
  41. package/dist/esm-es5/sqm-coupon-code.entry.js +0 -1
  42. package/dist/esm-es5/sqm-referral-code.entry.js +0 -1
  43. package/dist/esm-es5/sqm-reward-exchange-list.entry.js +0 -1
  44. package/dist/esm-es5/sqm-share-code.entry.js +0 -1
  45. package/dist/esm-es5/sqm-share-link.entry.js +0 -1
  46. package/dist/mint-components/RewardExchangeListData-11c043e3.js +0 -1122
  47. package/dist/mint-components/RewardExchangeListData-546ffbb9.system.js +0 -1
  48. package/dist/mint-components/copy-text-view-3129fb22.js +0 -119
  49. package/dist/mint-components/copy-text-view-33cac657.system.js +0 -1
  50. package/dist/mint-components/sqm-coupon-code-view-40fd8d8b.system.js +0 -1
  51. package/dist/mint-components/sqm-coupon-code-view-af016712.js +0 -33
  52. package/dist/mint-components/sqm-coupon-code.entry.js +0 -281
  53. package/dist/mint-components/sqm-coupon-code.system.entry.js +0 -1
  54. package/dist/mint-components/sqm-referral-code.entry.js +0 -173
  55. package/dist/mint-components/sqm-referral-code.system.entry.js +0 -1
  56. package/dist/mint-components/sqm-reward-exchange-list.entry.js +0 -1014
  57. package/dist/mint-components/sqm-reward-exchange-list.system.entry.js +0 -1
  58. package/dist/mint-components/sqm-share-code.entry.js +0 -143
  59. package/dist/mint-components/sqm-share-code.system.entry.js +0 -1
  60. package/dist/mint-components/sqm-share-link.entry.js +0 -98
  61. package/dist/mint-components/sqm-share-link.system.entry.js +0 -1
  62. package/dist/mint-components/sqm-stencilbook.entry.js +0 -20330
  63. package/dist/mint-components/sqm-stencilbook.system.entry.js +0 -1
@@ -1,143 +0,0 @@
1
- import { r as registerInstance, h as h$1 } from './index-bfb7f924.js';
2
- import { i as useState, o as h } from './dom-context-hooks.module-01c1b885.js';
3
- import { d as dist, H, J, B, w as wn, $ as $e, i as isDemo } from './index.module-83586215.js';
4
- import './jss-preset-default.esm-c36417f8.js';
5
- import './JSS-8c381d8b.js';
6
- import './mixins-acc245cc.js';
7
- import { g as getProps } from './utils-93e14db3.js';
8
- import { c as cjs } from './cjs-e829b75b.js';
9
- import { C as CopyTextView } from './copy-text-view-3129fb22.js';
10
-
11
- const MessageLinkQuery = dist.gql `
12
- query ($programId: ID) {
13
- user: viewer {
14
- ... on User {
15
- referralCode(programId: $programId)
16
- }
17
- }
18
- }
19
- `;
20
- const WIDGET_ENGAGEMENT_EVENT = dist.gql `
21
- mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
22
- createUserAnalyticsEvent(eventMeta: $eventMeta)
23
- }
24
- `;
25
- function useShareCode(props) {
26
- var _a, _b;
27
- const { programId = H() } = props;
28
- const user = J();
29
- const engagementMedium = B();
30
- const { data } = wn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
31
- const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
32
- const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b :
33
- // Shown during loading
34
- "...";
35
- const [open, setOpen] = useState(false);
36
- function onClick() {
37
- // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
38
- // Only if called from a user-initiated event
39
- navigator.clipboard.writeText(copyString);
40
- setOpen(true);
41
- setTimeout(() => setOpen(false), props.tooltiplifespan);
42
- sendLoadEvent({
43
- eventMeta: {
44
- programId,
45
- id: user === null || user === void 0 ? void 0 : user.id,
46
- accountId: user === null || user === void 0 ? void 0 : user.accountId,
47
- type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
48
- meta: {
49
- engagementMedium,
50
- shareMedium: "DIRECT",
51
- },
52
- },
53
- });
54
- }
55
- return { ...props, onClick, open, copyString: copyString };
56
- }
57
-
58
- const ShareCode = class {
59
- constructor(hostRef) {
60
- registerInstance(this, hostRef);
61
- /**
62
- * Shown inside a tooltip after someone has successfully copied the link to their clipboard
63
- *
64
- * @uiName Tooltip text
65
- */
66
- this.tooltiptext = "Copied to Clipboard";
67
- /**
68
- * The number of milliseconds that the tooltip appears for
69
- *
70
- * @uiName Tooltip lifespan
71
- */
72
- this.tooltiplifespan = 1000;
73
- /**
74
- * Change the text alignment
75
- *
76
- * @uiName Share code alignment
77
- * @uiType string
78
- * @uiEnum ["left", "center", "right"]
79
- * @uiEnumNames ["Left", "Center", "Right"]
80
- * @uiGroup Style
81
- */
82
- this.textAlign = "left";
83
- /**
84
- * @uiName Copy button label
85
- */
86
- this.copyButtonLabel = "Copy Code";
87
- /**
88
- * Set the copy button style and placement
89
- *
90
- * @uiName Style
91
- * @uiType string
92
- * @uiEnum ["icon", "button-outside", "button-below"]
93
- * @uiEnumNames ["Icon", "Button outside", "Button below"]
94
- * @uiGroup Style
95
- */
96
- this.buttonStyle = "icon";
97
- /**
98
- * The type of the button that is used (primary or secondary).
99
- * @uiName Button Type
100
- * @uiType string
101
- * @uiEnum ["primary", "secondary"]
102
- * @uiEnumNames ["Primary", "Secondary"]
103
- * @uiGroup Style
104
- */
105
- this.buttonType = "primary";
106
- h(this);
107
- }
108
- disconnectedCallback() { }
109
- render() {
110
- const thisProps = getProps(this);
111
- const props = isDemo()
112
- ? useDemoShareCode(thisProps)
113
- : useShareCode(thisProps);
114
- return h$1(CopyTextView, Object.assign({}, props));
115
- }
116
- };
117
- function useDemoShareCode(props) {
118
- const [open, setOpen] = useState(false);
119
- const copyString = "SHARECODE001";
120
- return cjs({
121
- copyString: copyString,
122
- tooltiptext: props.tooltiptext,
123
- textAlign: props.textAlign,
124
- copyButtonLabel: props.copyButtonLabel,
125
- buttonStyle: props.buttonStyle,
126
- backgroundColor: props.backgroundColor,
127
- textColor: props.textColor,
128
- borderRadius: props.borderRadius,
129
- borderColor: props.borderColor,
130
- buttonType: props.buttonType,
131
- rewardStatus: "AVAILABLE",
132
- open,
133
- onClick: () => {
134
- // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
135
- // Only if called from a user-initiated event
136
- navigator.clipboard.writeText(copyString);
137
- setOpen(true);
138
- setTimeout(() => setOpen(false), props.tooltiplifespan);
139
- },
140
- }, props.demoData || {}, { arrayMerge: (_, a) => a });
141
- }
142
-
143
- export { ShareCode as sqm_share_code };
@@ -1,98 +0,0 @@
1
- import { r as registerInstance, h as h$1 } from './index-bfb7f924.js';
2
- import { o as h, i as useState } from './dom-context-hooks.module-01c1b885.js';
3
- import { i as isDemo } from './index.module-83586215.js';
4
- import './jss-preset-default.esm-c36417f8.js';
5
- import './JSS-8c381d8b.js';
6
- import './mixins-acc245cc.js';
7
- import { g as getProps } from './utils-93e14db3.js';
8
- import { c as cjs } from './cjs-e829b75b.js';
9
- import './useReferralCodes-ec892d5c.js';
10
- import { C as CopyTextView } from './copy-text-view-3129fb22.js';
11
- import { u as useShareLink } from './useShareLink-d31795c1.js';
12
-
13
- const ShareLink = class {
14
- constructor(hostRef) {
15
- registerInstance(this, hostRef);
16
- /**
17
- * Shown inside a tooltip after someone has successfully copied the link to their clipboard
18
- *
19
- * @uiName Tooltip text
20
- */
21
- this.tooltiptext = "Copied to Clipboard";
22
- /**
23
- * The number of milliseconds that the tooltip appears for
24
- *
25
- * @uiName Tooltip lifespan
26
- */
27
- this.tooltiplifespan = 1000;
28
- /**
29
- * Change the text alignment
30
- *
31
- * @uiName Share link alignment
32
- * @uiType string
33
- * @uiEnum ["left", "center", "right"]
34
- * @uiEnumNames ["Left", "Center", "Right"]
35
- * @uiGroup Style
36
- */
37
- this.textAlign = "left";
38
- /**
39
- * @uiName Copy button label
40
- */
41
- this.copyButtonLabel = "Copy Link";
42
- /**
43
- * The type of the button that is used (primary or secondary).
44
- * @uiName Button Type
45
- * @uiType string
46
- * @uiEnum ["primary", "secondary"]
47
- * @uiEnumNames ["Primary", "Secondary"]
48
- * @uiGroup Style
49
- */
50
- this.buttonType = "primary";
51
- /**
52
- * Set the copy button style and placement
53
- *
54
- * @uiName Button style
55
- * @uiType string
56
- * @uiEnum ["icon", "button-outside", "button-below"]
57
- * @uiEnumNames ["Icon", "Button outside", "Button below"]
58
- * @uiGroup Style
59
- */
60
- this.buttonStyle = "icon";
61
- h(this);
62
- }
63
- disconnectedCallback() { }
64
- render() {
65
- const thisProps = getProps(this);
66
- const props = isDemo()
67
- ? useDemoShareLink(thisProps)
68
- : useShareLink(thisProps);
69
- return h$1(CopyTextView, Object.assign({}, props));
70
- }
71
- };
72
- function useDemoShareLink(props) {
73
- const [open, setOpen] = useState(false);
74
- const copyString = "https://www.example.com/sharelink/abc";
75
- return cjs({
76
- copyString: copyString,
77
- tooltiptext: props.tooltiptext,
78
- textAlign: props.textAlign,
79
- buttonStyle: props.buttonStyle,
80
- backgroundColor: props.backgroundColor,
81
- textColor: props.textColor,
82
- borderRadius: props.borderRadius,
83
- buttonType: props.buttonType,
84
- copyButtonLabel: props.copyButtonLabel,
85
- borderColor: props.borderColor,
86
- rewardStatus: "AVAILABLE",
87
- open,
88
- onClick: () => {
89
- // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
90
- // Only if called from a user-initiated event
91
- navigator.clipboard.writeText(copyString);
92
- setOpen(true);
93
- setTimeout(() => setOpen(false), props.tooltiplifespan);
94
- },
95
- }, props.demoData || {}, { arrayMerge: (_, a) => a });
96
- }
97
-
98
- export { ShareLink as sqm_share_link };
@@ -1 +0,0 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,s=1,t=arguments.length;s<t;s++){a=arguments[s];for(var i in a)if(Object.prototype.hasOwnProperty.call(a,i))e[i]=a[i]}return e};return __assign.apply(this,arguments)};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,a=0,s=arguments.length;a<s;a++)e+=arguments[a].length;for(var t=Array(e),i=0,a=0;a<s;a++)for(var n=arguments[a],r=0,o=n.length;r<o;r++,i++)t[i]=n[r];return t};import{h,j as getAssetPath}from"./index-bfb7f924.js";import{i as intl}from"./global-c7169457.js";import{c as createStyleSheet}from"./JSS-8c381d8b.js";import{H as HostBlock}from"./mixins-acc245cc.js";import{C as CopyTextView}from"./copy-text-view-3129fb22.js";var LeftArrow=function(){return h("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginBottom:"-2px",marginRight:"5px"}},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.34655 1.90573C7.75405 2.31323 7.75405 2.97392 7.34655 3.38143L3.56266 7.16531H14.9565C15.5328 7.16531 16 7.6325 16 8.20879C16 8.78509 15.5328 9.25227 14.9565 9.25227H3.56266L7.69437 13.384C8.10188 13.7915 8.10188 14.4522 7.69437 14.8597C7.28687 15.2672 6.62617 15.2672 6.21867 14.8597L0.305628 8.94664C-0.101876 8.53914 -0.101876 7.87845 0.305628 7.47094L5.87084 1.90573C6.27835 1.49822 6.93904 1.49822 7.34655 1.90573Z",fill:"#858585"}))};var ExchangeArrows=function(){return h("svg",{width:19,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.125 14.783a.6.6 0 0 1-.851 0l-3.9-3.923a.6.6 0 1 1 .85-.846L4.1 12.905V1.52a.6.6 0 0 1 1.2 0v11.385l2.875-2.891a.6.6 0 1 1 .85.846l-3.9 3.923Zm9.6-13.686a.6.6 0 0 0-.851 0l-3.9 3.923a.6.6 0 0 0 .85.846L13.7 2.975V14.36a.6.6 0 1 0 1.2 0V2.975l2.875 2.891a.6.6 0 1 0 .85-.846l-3.9-3.923Z",fill:"#333"}))};var CheckMark=function(){return h("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"}))};var CheckmarkFilled=function(){return h("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),h("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"}))};var Gift=function(){return h("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),h("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),h("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),h("g",{filter:"url(#a)"},h("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),h("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),h("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),h("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),h("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),h("defs",null,h("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},h("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),h("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),h("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))))};function Dot(e){var a=e.active,s=e.completed,t=e.incomplete,i=e.stage;return h("div",{style:{display:"flex"}},h("div",{style:{backgroundColor:s?"var(--sqm-success-color-icon)":t?"var(--sqm-border-color)":"white",border:a?"1px solid var(--sqm-success-color-border)":t?"1px solid var(--sqm-border-color)":"1px solid var(--sqm-success-color-border)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},s?h("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},h(CheckMark,null)):h("div",{style:{color:a?"var(--sqm-success-color-border)":"var(--sqm-text-subdued)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},i+1)))}function ProgressLine(e){var a=e.incomplete,s=a===void 0?false:a,t=e.active,i=t===void 0?false:t,n=e.invisible,r=n===void 0?false:n;return h("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:s||i?"var(--sqm-border-color)":"var(--sqm-success-color-icon)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:r?"0":"1"}})}function Progress(e){var a=e.active,s=e.completed,t=e.incomplete,i=e.stage;return[h(ProgressLine,{incomplete:t,invisible:i===0}),h(Dot,{active:a,completed:s,incomplete:t,stage:i}),h(ProgressLine,{incomplete:t,active:a,invisible:i===2})]}function ProgressBar(e){var a=e.stageCount,s=e.currentStage;return h("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(a).keys()).map((function(e){return h(Progress,{active:s===e,completed:s>e,incomplete:s<e,stage:e})})))}var style={HostBlock:HostBlock,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(base)":{borderRadius:"var(--sqm-input-border-radius)"},"&::part(label)":{color:"var(--sqm-input-label-color)"},"&::part(menu)":{maxHeight:"450px"},"& sl-menu-item::part(checked-icon)":{top:"8px",color:"var(--sqm-text)"},"& sl-menu-item::part(base)":{flexDirection:"column"},"& sl-menu-item::part(base):focus":{background:"var(--sqm-accent-color-background)",color:"var(--sqm-text)"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sqm-text-subdued)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{background:"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid var(--sqm-border-color)",borderRadius:"var(--sqm-border-radius-normal)",boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{borderRadius:"var(--sqm-border-radius-normal)",position:"relative",top:"-2%",left:"100%",color:"var(--sqm-primary-color)",margin:"-9px"}},Title:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",margin:"var(--sl-spacing-large) 0"},Image:{padding:"var(--sl-spacing-small)",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},TextArea:{textAlign:"left",padding:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sqm-text)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sqm-text-subdued)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sqm-warning-color-icon)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"50%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"50%",maxWidth:"400px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-accent-color-text)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"},"& sl-menu-item[disabled]::part(label)":{color:"var(sqm-text-subdued)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(sqm-text-subdued)"},"& .step-value":{color:"var(sqm-text-subdued)"}}},SelectItem:{display:"flex",flexDirection:"column","&::part(label)":{color:"var(--sqm-text)",margin:"0"},"& .step-cost":{color:"var(--sqm-text-subdued)",marginBottom:"var(--sl-spacing-x-small)"},"& .step-unavailable":{fontSize:"var(--sl-font-size-small)",color:"var(--sqm-warning-color-text)",margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sqm-text)"},"& .description":{color:"var(--sqm-text-subued)",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"},"& .promo":{maxWidth:"350px",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sqm-text-subdued)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex","@media (max-width: 499px)":{flexDirection:"column"}},"& .reward-item-container":{"@media (max-width: 499px)":{display:"flex",flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"}},"& .reward-item-container .reward-title":{paddingBottom:"var(--sl-spacing-medium)",lineHeight:"20px","@media (max-width: 499px)":{paddingBottom:"none",paddingLeft:"var(--sl-spacing-small)"}},"& .padding":{padding:"var(--sl-spacing-medium) 0","@media (max-width: 499px)":{padding:"var(--sl-spacing-small) 0"}},"& .field":{width:"30%",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)",textAlign:"left",paddingRight:"var(--sl-spacing-xxx-large)","@media (max-width: 499px)":{width:"100%",paddingRight:"0",paddingBottom:"0"}},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"var(--sqm-border-thickness) solid var(--sqm-border-color)"},"& .image":{width:"200px","@media (max-width: 499px)":{width:"100px"}}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}},Confetti:{pointerEvents:"none",position:"absolute",width:"100%",height:"100%",top:"0%",left:"0%",zIndex:"1"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var stageList=["chooseReward","chooseAmount","confirmation","success"];function RewardExchangeView(e){var a=e.states,s=e.data,t=e.callbacks,i=e.refs;var n=a.selectedItem,r=a.selectedStep;var o={chooseReward:a.content.text.chooseRewardTitle,chooseAmount:a.content.text.chooseAmountTitle,confirmation:a.content.text.confirmationTitle};function l(){var e,s,i;var n=a.selectedItem;if(!n||(n===null||n===void 0?void 0:n.ruleType)==="FIXED_GLOBAL_REWARD")return h("span",{class:"points"},n===null||n===void 0?void 0:n.prettySourceValue);if(!((e=n.steps)===null||e===void 0?void 0:e.length)){return h("p",null,intl.formatMessage({id:"notEnoughError",defaultMessage:a.content.text.notEnoughError},{sourceUnit:n.sourceUnit}))}return h("sl-select",{style:{width:"auto"},label:(s=a===null||a===void 0?void 0:a.content)===null||s===void 0?void 0:s.text.selectText,class:sheet.classes.Select,value:a.selectedStep,"onSl-select":function(e){var a,s,i,n,r;return t.setExchangeState({amount:(i=(s=(a=e.detail)===null||a===void 0?void 0:a.item)===null||s===void 0?void 0:s.value)===null||i===void 0?void 0:i.sourceValue,selectedStep:(r=(n=e.detail)===null||n===void 0?void 0:n.item)===null||r===void 0?void 0:r.value})}},(i=n.steps)===null||i===void 0?void 0:i.map((function(e){var s,t;return h("sl-menu-item",{value:e,disabled:!e.available,class:sheet.classes.SelectItem},e.prettyDestinationValue,h("br",null),h("div",{class:"step-cost",slot:"suffix"},e.prettySourceValue,e.unavailableReasonCode&&h("p",{class:"step-unavailable"},intl.formatMessage({id:"unavailableCode",defaultMessage:(t=(s=a.content)===null||s===void 0?void 0:s.text)===null||t===void 0?void 0:t.notAvailableError},{unavailableReasonCode:e.unavailableReasonCode,sourceUnit:n.sourceUnit,sourceValue:e.prettySourceValue||n.prettySourceMinValue}))))})))}function d(){var e;return[h("div",{part:"choose-reward-container"},h("div",{class:sheet.classes.Title},a.content.text.rewardTitle),a.loading||a.queryError?_():h("div",{class:sheet.classes.Grid},(e=s.exchangeList)===null||e===void 0?void 0:e.map((function(e){var s,i,r,o,l;var d={boxShadow:e.key===(n===null||n===void 0?void 0:n.key)?"0 0 0 2px var(--sqm-primary-color)":"none",borderRadius:"var(--sqm-border-radius-normal)",borderColor:"none"};return h("div",{key:e.key,style:d},h("sl-card",{exportparts:"base: exchange-card-container",class:sheet.classes.Card,style:{cursor:e.unavailableReasonCode?"not-allowed":"pointer"},onClick:function(){return e.available&&t.setExchangeState({selectedItem:e})}},e.key===(n===null||n===void 0?void 0:n.key)&&h("div",{class:"selected"},h(CheckmarkFilled,null)),h("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:e.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},h("div",{class:sheet.classes.Image,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},h("img",{class:e.unavailableReasonCode?"image subdued":"image",src:(e===null||e===void 0?void 0:e.imageUrl)||getAssetPath("./assets/Reward-image.png")})),h("div",{class:sheet.classes.TextArea,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},h("div",{class:"title",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},(s=e.name)!==null&&s!==void 0?s:""),h("div",{class:"amount",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},intl.formatMessage({id:"sourceAmountMessage",defaultMessage:(r=(i=a.content)===null||i===void 0?void 0:i.text)===null||r===void 0?void 0:r.sourceAmountMessage},{ruleType:e.ruleType,sourceValue:e.prettySourceValue,sourceMinValue:e.prettySourceMinValue,sourceMaxValue:e.prettySourceMaxValue})),e.unavailableReasonCode&&h("div",{class:"error"},h("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),intl.formatMessage({id:"unavailableCode",defaultMessage:(l=(o=a.content)===null||o===void 0?void 0:o.text)===null||l===void 0?void 0:l.notAvailableError},{unavailableReasonCode:e.unavailableReasonCode,sourceUnit:e.sourceUnit,sourceValue:e.prettySourceValue||e.prettySourceMinValue}))))))}))),h("div",{class:sheet.classes.Button},h("sl-button",{exportparts:"base: primarybutton-base",type:"primary",class:"continue right",size:"large",onClick:function(){return t.setStage("chooseAmount")},loading:a.loading,disabled:!a.selectedItem},a.content.text.continueText)))]}function c(){var e,s,i,r;var o=l();var d=((e=a.selectedItem)===null||e===void 0?void 0:e.ruleType)==="FIXED_GLOBAL_REWARD"?false:o&&!a.amount;return h("div",null,h("div",{class:sheet.classes.ChooseAmount,part:"choose-amount-container"},h("div",{class:"wrapper"},h("img",{class:"image",src:(n===null||n===void 0?void 0:n.imageUrl)||getAssetPath("./assets/Reward-image.png")}),h("div",{class:"text"},h("div",{class:"title"},(s=n===null||n===void 0?void 0:n.name)!==null&&s!==void 0?s:""),((i=a.selectedItem)===null||i===void 0?void 0:i.ruleType)==="FIXED_GLOBAL_REWARD"?h("div",{class:"points"},o):h("div",{class:"description"},n===null||n===void 0?void 0:n.description),((r=a.selectedItem)===null||r===void 0?void 0:r.ruleType)==="FIXED_GLOBAL_REWARD"?h("div",{class:"description"},n===null||n===void 0?void 0:n.description):h("div",null,o),h("div",{class:"space"}))),h("div",{class:sheet.classes.Button},h("sl-button",{exportparts:"base: secondarybutton-base",class:"cancel",size:"large",type:"secondary",onClick:function(){return t.resetState()}},a.content.text.cancelText),h("sl-button",{exportparts:"base: primarybutton-base",class:"continue",size:"large",type:"primary",onClick:function(){return t.setStage("confirmation")},disabled:d},a.content.text.continueToConfirmationText))))}function u(){var e=(r===null||r===void 0?void 0:r.prettySourceValue)||n.prettySourceValue;var s=r===null||r===void 0?void 0:r.prettyDestinationValue;return h("div",null,h("div",{class:sheet.classes.Confirmation,part:"confirmation-container"},h("div",{class:sheet.classes.Title},a.content.text.redeemTitle),h("div",{class:"wrapper"},h("div",{class:"field"},a.content.text.rewardNameTitle),h("div",{class:"reward-item-container"},h("div",{class:"reward-title"},n.name),h("img",{class:"image",src:(n===null||n===void 0?void 0:n.imageUrl)||getAssetPath("./assets/Reward-image.png")}))),h("div",{class:"wrapper padding"},h("div",{class:"field"})),s&&h("div",{class:"wrapper top-border padding"},h("div",{class:"field"},a.content.text.rewardAmountTitle),h("div",null,s)),h("div",{class:"wrapper top-border padding"},h("div",{class:"field"},a.content.text.costTitle),h("div",{class:"value"},e)),h("div",{class:sheet.classes.Button},h("sl-button",{class:"cancel",type:"secondary",size:"large",onClick:function(){return t.setStage("chooseAmount")}},a.content.text.backText),h("sl-button",{class:"continue",size:"large",type:"primary",loading:a.loading,onClick:t.exchangeReward},a.content.text.redeemText))))}function g(){var e,i,n,r,o,l;return h("div",{class:sheet.classes.Success,part:"success-container"},h(Gift,null),h(b,null),h("div",{class:"title"},(e=a.content.text)===null||e===void 0?void 0:e.rewardRedeemedText),h("div",{class:"description"},intl.formatMessage({id:"successMessage",defaultMessage:a.content.text.redemptionSuccessText},{sourceValue:(i=a.selectedItem.prettySourceValue)!==null&&i!==void 0?i:(n=a.selectedStep)===null||n===void 0?void 0:n.prettySourceValue,destinationValue:((r=a.selectedStep)===null||r===void 0?void 0:r.prettyDestinationValue)||((o=a.selectedItem)===null||o===void 0?void 0:o.name)||a.selectedItem.globalRewardKey})),(s===null||s===void 0?void 0:s.fuelTankCode)&&h("div",{class:"promo"},a.content.text.promoCode,h(CopyTextView,{copyString:s.fuelTankCode,tooltiptext:(l=a===null||a===void 0?void 0:a.content)===null||l===void 0?void 0:l.text.tooltipText,open:a.open,onClick:t.copyFuelTankCode})),h("div",{class:sheet.classes.Button},h("sl-button",{class:"continue center",type:"primary",size:"large",onClick:function(){return t.resetState(true)}},a.content.text.doneText)))}var p={chooseReward:function(){return d()},chooseAmount:function(){return c()},confirmation:function(){return u()},success:function(){return g()}};var m=p[a.redeemStage];function v(){var e=stageList.indexOf(a.redeemStage);return h("div",{class:sheet.classes.ProgressBar},h("div",{class:"text-area"},Object.keys(o).map((function(a){if(stageList.indexOf(a)<=e){return h("span",{class:"text"},o[a])}else{return h("span",{class:"text subdued"},o[a])}}))),h(ProgressBar,{stageCount:3,currentStage:e}))}function _(){return h("div",{class:sheet.classes.Grid,part:"loading-container"},__spreadArrays(Array(a.content.text.skeletonCardNum)).map((function(){return h("div",null,h("sl-card",{class:sheet.classes.Card},h("div",{class:sheet.classes.CardLayout},h("div",null,h("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"var(--sqm-border-radius-normal)"}})),h("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},h("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),h("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),h("sl-skeleton",{style:{width:"45%"}})))))})))}function x(){return h("sl-alert",{type:"danger",open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),a.content.text.redemptionError)}function f(){return h("sl-alert",{type:"danger",open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),a.content.text.queryError)}function b(){return h("canvas",{ref:function(e){if(!(i===null||i===void 0?void 0:i.canvasRef))return;i.canvasRef.current=e},id:"my-canvas",class:sheet.classes.Confetti})}if(a.noExchangeOptions)return a.content.text.empty;return h("div",{class:sheet.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},styleString),h("div",null,v(),a.exchangeError&&x(),a.queryError&&!a.exchangeError&&f(),m&&m(),a.redeemStage==="success"))}var baseResponse=function(e,a,s,t,i,n,r,o,l){if(a===void 0){a="chooseReward"}if(s===void 0){s=null}if(t===void 0){t=null}if(i===void 0){i=false}if(n===void 0){n=false}if(r===void 0){r=null}if(o===void 0){o=false}if(l===void 0){l=false}return{states:{content:{text:{notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",tooltipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",queryError:"Unable to load reward exchange list. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost",notEnoughError:"Sorry not enough!",empty:h("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"})}},queryError:l,redeemStage:a,amount:0,exchangeError:i,loading:n,selectedItem:s,selectedStep:t,noExchangeOptions:o,open:false},data:{exchangeList:e,fuelTankCode:r},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null},refs:null}};var baseReward={key:"reward",name:"Demo Reward",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png",available:true,unavailableReasonCode:null,ruleType:"FIXED_GLOBAL_REWARD",sourceUnit:"POINT",sourceValue:10,prettySourceValue:"10 SaaSquatch Points",sourceMinValue:null,prettySourceMinValue:null,sourceMaxValue:null,prettySourceMaxValue:null,destinationMinValue:null,prettyDestinationMinValue:null,destinationMaxValue:null,prettyDestinationMaxValue:null,globalRewardKey:"",destinationUnit:null,steps:[{prettyDestinationValue:"Reward Step 1",prettySourceValue:"50 Points",available:true,unavailableReasonCode:null,destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}},{prettyDestinationValue:"Reward Step 2",prettySourceValue:"100 Points",available:false,unavailableReasonCode:"Not enough points",destinationValue:10,sourceValue:1,globalRewardKey:"reward1",rewardInput:{accountId:"zach",userId:"zach"}}]};var notEnoughPoints={available:false,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"};var usTax={available:false,unavailableReasonCode:"US_TAX"};var customError={available:false,unavailableReasonCode:"NOT_CHAMPION"};var selected={key:"r1"};var imageUrl=function(e){return{imageUrl:e}};var name=function(e){return{name:e}};var description=function(e){return{description:e}};var fixedValue=function(e){return{prettySourceValue:e}};var variableValue=function(e,a,s){return{ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+s,sourceMaxValue:a,prettySourceMaxValue:a+" "+s}};var demoData=[__assign(__assign(__assign(__assign({},baseReward),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png")),fixedValue("40 Points")),__assign(__assign(__assign(__assign(__assign({},baseReward),selected),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),__assign(__assign(__assign(__assign({},baseReward),name("$50 Store credit")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png")),fixedValue("100 Points")),__assign(__assign(__assign(__assign({},baseReward),name("Variable amount of store credit")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png")),variableValue(20,100,"Points"))];var data=[__assign(__assign(__assign(__assign({},baseReward),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png")),fixedValue("40 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward),selected),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),__assign(__assign(__assign(__assign({},baseReward),name("A very exclusive gift box")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png")),fixedValue("30 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward),name("$50 Store credit")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png")),fixedValue("100 SaaSquatch Points")),__assign(__assign(__assign(__assign({},baseReward),name("Variable amount of store credit")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png")),variableValue(20,100,"Points")),__assign(__assign(__assign(__assign(__assign({},baseReward),notEnoughPoints),name("A very rare cactus")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points")),__assign(__assign(__assign(__assign(__assign({},baseReward),usTax),name("$1000 Store credit with a really super long name in the front page")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png")),fixedValue("2000 SaaSquatch Long Points")),__assign(__assign(__assign(__assign(__assign({},baseReward),notEnoughPoints),name("A holiday gift box")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png")),fixedValue("100 SaaSquatch Points"))];var rewardExchange=__assign({},baseResponse(data));var demoRewardExchange=__assign({},baseResponse(demoData));var rewardExchangeLongText=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward),notEnoughPoints),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward),name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")),__assign(__assign(__assign(__assign({},baseReward),name("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png")),fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."))],data)));var rewardExchangeCustomErrorMsg=__assign({},baseResponse(__spreadArrays([__assign(__assign(__assign(__assign(__assign({},baseReward),customError),name("A very rare cactus")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png")),fixedValue("2000 SaaSquatch Points"))],data)));var rewardExchangeSelected=__assign({},baseResponse(data,"chooseReward",__assign(__assign(__assign(__assign(__assign({},baseReward),selected),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points"))));var stepsData=function(e,a,s){var t=[];for(var i=e;i<=a;i+=s){t.push({sourceValue:i,prettySourceValue:i+" SaaSquatch Points",destinationValue:i,prettyDestinationValue:"$"+i,available:true,unavailableReasonCode:null})}return t};var baseStep=function(e,a,s,t,i,n){if(i===void 0){i=true}if(n===void 0){n=null}return{destinationValue:e,prettyDestinationValue:a+e,sourceValue:s,prettySourceValue:s+" "+t,available:i,unavailableReasonCode:n}};var chooseAmountVariable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points"),baseStep(50,"$",100,"Points"),baseStep(60,"$",120,"Points")]})));var chooseAmountVariableNoDescription=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),description("")),imageUrl("https://i.imgur.com/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points"),baseStep(50,"$",100,"Points"),baseStep(60,"$",120,"Points")]})));var chooseAmountVariableDisabled=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(50,"$",100,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT"),baseStep(60,"$",120,"Points",false,"INSUFFICIENT_REDEEMABLE_CREDIT")]})));var chooseAmountVariableUnavailable=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),{steps:[baseStep(20,"$",40,"Points"),baseStep(30,"$",60,"Points"),baseStep(40,"$",80,"Points",false,"US_TAX"),baseStep(50,"$",100,"Points",false,"US_TAX"),baseStep(60,"$",120,"Points",false,"US_TAX")]})));var chooseAmountFixed=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign({},baseReward),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var chooseAmountFixedNoDescription=__assign({},baseResponse(data,"chooseAmount",__assign(__assign(__assign(__assign(__assign({},baseReward),description("")),name("Free swag with a promo code")),imageUrl("https://i.imgur.com/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmFixed=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png")),fixedValue("40 SaaSquatch Points"))));var confirmVariable=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var redemptionError=__assign({},baseResponse(data,"confirmation",__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points"),true));var queryError=__assign({},baseResponse(undefined,"chooseReward",undefined,undefined,undefined,undefined,undefined,undefined,true));var success=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward),name("Free swag with a promo code")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png")),fixedValue("40 SaaSquatch Points")),undefined,undefined,undefined,"4ah2-hh46-gk7r"));var successVariable=__assign({},baseResponse(data,"success",__assign(__assign(__assign(__assign({},baseReward),name("Visa® Prepaid Card USD")),imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png")),variableValue(20,80,"Points")),baseStep(20,"$",40,"Points")));var loading=__assign({},baseResponse(null,"chooseReward",null,null,false,true));var empty=__assign({},baseResponse(null,"chooseReward",null,null,false,false,null,true));export{ProgressBar as P,RewardExchangeView as R,rewardExchangeCustomErrorMsg as a,rewardExchangeLongText as b,rewardExchangeSelected as c,chooseAmountFixed as d,chooseAmountFixedNoDescription as e,chooseAmountVariable as f,chooseAmountVariableNoDescription as g,chooseAmountVariableDisabled as h,chooseAmountVariableUnavailable as i,confirmFixed as j,confirmVariable as k,redemptionError as l,successVariable as m,loading as n,empty as o,demoRewardExchange as p,queryError as q,rewardExchange as r,success as s};
@@ -1 +0,0 @@
1
- import{h}from"./index-bfb7f924.js";import{c as createStyleSheet}from"./JSS-8c381d8b.js";import{H as HostBlock}from"./mixins-acc245cc.js";var vanillaStyle="\n :host{\n display: block; \n width: 100%;\n }\n";var textAlignStyle={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var disabledStyles="\n sl-input::part(input){\n cursor: default;\n }\n";function CopyTextView(t){var o=t.buttonStyle,r=o===void 0?"icon":o;var e={HostBlock:HostBlock,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{"--sl-input-border-radius":t.borderRadius+"px"||"var(--sqm-border-radius-normal)","--sl-input-background-color":t.backgroundColor||"var(--sqm-portal-background)","--sl-input-color":t.textColor||"var(--sqm-input-color)","--sl-input-border-color":"var(--sqm-border-color)","--sl-input-border-color-hover":"#999999","--sl-input-border-color-focus":"#999999","--sl-input-color-hover":"var(--sqm-input-color-hover)","--sl-input-color-focus":"var(--sqm-input-color-focus)","--sl-input-color-disabled":"var(--sqm-input-disabled-color)","--sl-input-background-color-focus":"var(--sqm-portal-background)","--sl-input-background-color-hover":"var(--sqm-portal-background)",cursor:"pointer",overflow:"visible",borderRadius:t.borderRadius+"px"||"var(--sqm-border-radius-normal)",background:t.backgroundColor||"var(--sqm-portal-background)",border:"var(--sqm-border-thickness) solid "+(t.borderColor||"var(--sqm-input-border-color)")},width:"100%"},icon:{"&::part(base)":{color:t.textColor||"var(--sqm-input-color)"}},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sqm-danger-color-text)"},notificationTextStyle:{margin:"0",color:"inherit"}};var l=createStyleSheet(e);var i=l.toString();var n=!t.loading&&t.error;var a=n?t.inputPlaceholderText:t.copyString;var s=n||t.loading||t.disabled;var c=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var u=h("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:c,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},r==="icon"?h("sl-icon-button",{class:l.classes.icon,exportparts:"base: icon-button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},name:"files",disabled:s}):h("sl-button",{exportparts:"base: "+(t.buttonType||"primary")+"button-base",onClick:function(){var o;return(o=t.onClick)===null||o===void 0?void 0:o.call(t)},size:"medium",style:{width:""+(r==="button-below"&&"100%")},disabled:s,type:"primary"},t.copyButtonLabel||"Copy"));return h("div",{class:l.classes.ContainerDiv},h("style",{type:"text/css"},i,vanillaStyle,textAlignStyle[t.textAlign],s&&disabledStyles),h("div",{class:l.classes.containerStyle,style:{flexDirection:""+(r==="button-below"?"column":"row")}},h("sl-input",{class:l.classes.inputStyle+" "+(n?l.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-field",value:t.loading?"Loading...":a,readonly:true,disabled:s},r==="icon"&&u,n&&h("p",{slot:"help-text",class:l.classes.errorTextStyle},t.errorText)),(r==="button-outside"||r==="button-below")&&u),t.isCopied&&t.showNotificationText&&t.notificationText&&h("p",{part:"sqm-notification-text",class:l.classes.notificationTextStyle},t.notificationText))}export{CopyTextView as C};
@@ -1 +0,0 @@
1
- import{h}from"./index-bfb7f924.js";import{c as createStyleSheet}from"./JSS-8c381d8b.js";import{H as HostBlock}from"./mixins-acc245cc.js";import{C as CopyTextView}from"./copy-text-view-3129fb22.js";function CouponCodeView(e){var o=!e.loading&&e.error;var t={HostBlock:HostBlock,couponCodeLabel:{margin:"var(--sl-spacing-x-small) 0",color:e.textColor||"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-small)"}};var r="\n :host{\n display: block; \n width: 100%;\n }\n";var s=createStyleSheet(t);var a=s.toString();return h("div",null,h("style",{type:"text/css"},a,r),h("p",{class:s.classes.couponCodeLabel,style:{textAlign:e.textAlign}},e.couponCodeLabel),o?h("sqm-form-message",{type:e.errorType,exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.errorText)):h(CopyTextView,Object.assign({},e)))}export{CouponCodeView as C};
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-bfb7f924.js";import{i as useState,o as h}from"./dom-context-hooks.module-01c1b885.js";import{d as dist,J,H,B,$ as $e,w as wn,i as isDemo}from"./index.module-83586215.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import"./mixins-acc245cc.js";import{g as getProps}from"./utils-93e14db3.js";import{c as cjs}from"./cjs-e829b75b.js";import"./copy-text-view-3129fb22.js";import{C as CouponCodeView}from"./sqm-coupon-code-view-af016712.js";var FuelTankRewardsQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query fuelTankRewardsQuery($programId: ID!) {\n user: viewer {\n ... on User {\n instantAccessRewards(\n filter: { type_eq: FUELTANK, programId_eq: $programId }\n ) {\n data {\n fuelTankCode\n fuelTankType\n statuses\n dateGiven\n dateExpires\n dateRedeemed\n dateCancelled\n dateScheduledFor\n datePendingForUnhandledError\n }\n count\n totalCount\n }\n }\n }\n }\n"],["\n query fuelTankRewardsQuery($programId: ID!) {\n user: viewer {\n ... on User {\n instantAccessRewards(\n filter: { type_eq: FUELTANK, programId_eq: $programId }\n ) {\n data {\n fuelTankCode\n fuelTankType\n statuses\n dateGiven\n dateExpires\n dateRedeemed\n dateCancelled\n dateScheduledFor\n datePendingForUnhandledError\n }\n count\n totalCount\n }\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useCouponCode(e){var t,r,o;var n=J();var a=H();var s=B();var i=$e(WIDGET_ENGAGEMENT_EVENT)[0];var d=wn(FuelTankRewardsQuery,{programId:a},!(n===null||n===void 0?void 0:n.jwt)),u=d.data,l=d.loading,c=d.refetch,p=d.errors;var m=function(e){if(!e||!e.statuses)return"ERROR";var t=e.statuses[e.statuses.length-1];if(t==="PENDING"&&e.dateScheduledFor===null)return"EMPTY_TANK";return t};var v=(o=(r=(t=u===null||u===void 0?void 0:u.user)===null||t===void 0?void 0:t.instantAccessRewards)===null||r===void 0?void 0:r.data)===null||o===void 0?void 0:o[0];var E=m(v);var f=E==="PENDING"&&v.dateScheduledFor?new Date(v.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):undefined;var h=(v===null||v===void 0?void 0:v.fuelTankCode)||"...";var T=useState(false),g=T[0],b=T[1];function y(){navigator.clipboard.writeText(h);b(true);setTimeout((function(){return b(false)}),e.tooltiplifespan);i({eventMeta:{programId:a,id:n===null||n===void 0?void 0:n.id,accountId:n===null||n===void 0?void 0:n.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:s,shareMedium:"DIRECT"}}})}var C=function(t){switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",f);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}};var _=function(e){switch(e){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}};var x=C(E);var A=_(E);var j=E!=="AVAILABLE";return __assign(__assign({},e),{onClick:y,open:g,copyString:h,error:j,errorText:x,dateAvailable:f,loading:l,errorType:A,buttonType:e.buttonType||"primary"})}var CouponCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Coupon";this.buttonStyle="icon";this.couponCodeLabel="Your coupon code:";this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.";this.redeemedErrorText="Looks like you’ve already redeemed this code.";this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.";this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!";this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.couponCodePlaceholder="...";this.buttonType="primary";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoCouponCode(e):useCouponCode(e);return h$1(CouponCodeView,Object.assign({},t))};return e}();function useDemoCouponCode(e){var t=useState(false),r=t[0],o=t[1];var n="THANKSJANE125uv125";return cjs({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:false,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,open:r,onClick:function(){navigator.clipboard.writeText(n);o(true);setTimeout((function(){return o(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{CouponCode as sqm_coupon_code};var templateObject_1,templateObject_2;
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):n(e.value).then(a,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(r)try{if(o=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;n=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){r.label=a[1];break}if(a[0]===6&&r.label<i[1]){r.label=i[1];i=a;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(a);break}if(i[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(e){a=[6,e];n=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-bfb7f924.js";import{i as useState,o as h}from"./dom-context-hooks.module-01c1b885.js";import{d as dist,H,J,B,F as Fn,w as wn,$ as $e,i as isDemo}from"./index.module-83586215.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import"./mixins-acc245cc.js";import{g as getProps}from"./utils-93e14db3.js";import{c as cjs}from"./cjs-e829b75b.js";import{R as REFERRAL_CODES_NAMESPACE,S as SET_CODE_COPIED}from"./useReferralCodes-ec892d5c.js";import{C as CopyTextView}from"./copy-text-view-3129fb22.js";var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useReferralCode(e){var t,r;var o=e.programId,n=o===void 0?H():o;var i=J();var a=B();var s=Fn(REFERRAL_CODES_NAMESPACE);var l=wn(MessageLinkQuery,{programId:n},!(i===null||i===void 0?void 0:i.jwt)||(s===null||s===void 0?void 0:s.referralCode)!==undefined).data;var u=$e(WIDGET_ENGAGEMENT_EVENT)[0];var c=$e(SET_CODE_COPIED)[0];var d=(r=(s===null||s===void 0?void 0:s.referralCode)||((t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode))!==null&&r!==void 0?r:"...";var f=useState(false),p=f[0],v=f[1];function m(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!s)return[3,2];return[4,c({referralCode:s.referralCode})];case 1:t.sent();s.refresh();t.label=2;case 2:navigator.clipboard.writeText(d);v(true);setTimeout((function(){return v(false)}),e.tooltiplifespan);u({eventMeta:{programId:n,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:a,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},e),{onClick:m,open:p,copyString:d,isCopied:s===null||s===void 0?void 0:s.isCopied,showNotificationText:e.showNotificationText&&!!(s===null||s===void 0?void 0:s.singleUse)})}var ReferralCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCode(e):useReferralCode(e);return h$1(CopyTextView,Object.assign({},t))};return e}();function useDemoReferralCode(e){var t=useState(false),r=t[0],o=t[1];var n="REFERRALCODE001";return cjs({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,notificationText:e.notificationText,showNotificationText:e.showNotificationText,isCopied:e.showNotificationText,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:r,onClick:function(){navigator.clipboard.writeText(n);o(true);setTimeout((function(){return o(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{ReferralCode as sqm_referral_code};var templateObject_1,templateObject_2;
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,a){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{l(a.next(e))}catch(e){i(e)}}function s(e){try{l(a["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):r(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,r,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(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];r=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,i as Host}from"./index-bfb7f924.js";import"./global-c7169457.js";import{u as useReducer,i as useState,j as useEffect,k as useRef,o as h}from"./dom-context-hooks.module-01c1b885.js";import{d as dist,J,$ as $e,w as wn,o as Qe,i as isDemo}from"./index.module-83586215.js";import"./GoogleFonts-e3a7f82a.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import"./mixins-acc245cc.js";import{g as getProps}from"./utils-93e14db3.js";import{c as cjs}from"./cjs-e829b75b.js";import"./copy-text-view-3129fb22.js";import{p as demoRewardExchange,R as RewardExchangeView}from"./RewardExchangeListData-11c043e3.js";import{p as parseStates}from"./parseStates-ed75e224.js";var module={};(function e(t,n,a,r){var i=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function o(){}function s(e){var a=n.exports.Promise;var r=a!==void 0?a:t.Promise;if(typeof r==="function"){return new r(e)}e(o,o);return null}var l=function(){var e=Math.floor(1e3/60);var t,n;var a={};var r=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var n=Math.random();a[n]=requestAnimationFrame((function i(o){if(r===o||r+e-1<o){r=o;delete a[n];t()}else{a[n]=requestAnimationFrame(i)}}));return n};n=function(e){if(a[e]){cancelAnimationFrame(a[e])}}}else{t=function(t){return setTimeout(t,e)};n=function(e){return clearTimeout(e)}}return{frame:t,cancel:n}}();var c=function(){var t;var n;var r={};function o(e){function t(t,n){e.postMessage({options:t||{},callback:n})}e.init=function t(n){var a=n.transferControlToOffscreen();e.postMessage({canvas:a},[a])};e.fire=function a(i,o,l){if(n){t(i,null);return n}var c=Math.random().toString(36).slice(2);n=s((function(a){function o(t){if(t.data.callback!==c){return}delete r[c];e.removeEventListener("message",o);n=null;l();a()}e.addEventListener("message",o);t(i,c);r[c]=o.bind(null,{data:{callback:c}})}));return n};e.reset=function t(){e.postMessage({reset:true});for(var n in r){r[n]();delete r[n]}}}return function(){if(t){return t}if(!a&&i){var n=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{t=new Worker(URL.createObjectURL(new Blob([n])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}o(t)}return t}}();var u={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:false,scalar:1};function d(e,t){return t?t(e):e}function f(e){return!(e===null||e===undefined)}function h(e,t,n){return d(e&&f(e[t])?e[t]:u[t],n)}function m(e){return e<0?0:Math.floor(e)}function g(e,t){return Math.floor(Math.random()*(t-e))+e}function v(e){return parseInt(e,16)}function p(e){return e.map(w)}function w(e){var t=String(e).replace(/[^0-9a-f]/gi,"");if(t.length<6){t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]}return{r:v(t.substring(0,2)),g:v(t.substring(2,4)),b:v(t.substring(4,6))}}function b(e){var t=h(e,"origin",Object);t.x=h(t,"x",Number);t.y=h(t,"y",Number);return t}function y(e){e.width=document.documentElement.clientWidth;e.height=document.documentElement.clientHeight}function x(e){var t=e.getBoundingClientRect();e.width=t.width;e.height=t.height}function _(e){var t=document.createElement("canvas");t.style.position="fixed";t.style.top="0px";t.style.left="0px";t.style.pointerEvents="none";t.style.zIndex=e;return t}function R(e,t,n,a,r,i,o,s,l){e.save();e.translate(t,n);e.rotate(i);e.scale(a,r);e.arc(0,0,1,o,s,l);e.restore()}function E(e){var t=e.angle*(Math.PI/180);var n=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*n-Math.random()*n),tiltAngle:Math.random()*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar}}function I(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift;t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity;t.wobble+=.1;t.velocity*=t.decay;t.tiltAngle+=.1;t.tiltSin=Math.sin(t.tiltAngle);t.tiltCos=Math.cos(t.tiltAngle);t.random=Math.random()+5;t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble);t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var n=t.tick++/t.totalTicks;var a=t.x+t.random*t.tiltCos;var r=t.y+t.random*t.tiltSin;var i=t.wobbleX+t.random*t.tiltCos;var o=t.wobbleY+t.random*t.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-n)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-a)*t.ovalScalar,Math.abs(o-r)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):R(e,t.x,t.y,Math.abs(i-a)*t.ovalScalar,Math.abs(o-r)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI)}else{e.moveTo(Math.floor(t.x),Math.floor(t.y));e.lineTo(Math.floor(t.wobbleX),Math.floor(r));e.lineTo(Math.floor(i),Math.floor(o));e.lineTo(Math.floor(a),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function T(e,t,n,i,o){var c=t.slice();var u=e.getContext("2d");var d;var f;var h=s((function(t){function s(){d=f=null;u.clearRect(0,0,i.width,i.height);o();t()}function h(){if(a&&!(i.width===r.width&&i.height===r.height)){i.width=e.width=r.width;i.height=e.height=r.height}if(!i.width&&!i.height){n(e);i.width=e.width;i.height=e.height}u.clearRect(0,0,i.width,i.height);c=c.filter((function(e){return I(u,e)}));if(c.length){d=l.frame(h)}else{s()}}d=l.frame(h);f=s}));return{addFettis:function(e){c=c.concat(e);return h},canvas:e,promise:h,reset:function(){if(d){l.cancel(d)}if(f){f()}}}}function C(e,n){var a=!e;var r=!!h(n||{},"resize");var o=h(n,"disableForReducedMotion",Boolean);var l=i&&!!h(n||{},"useWorker");var u=l?c():null;var d=a?y:x;var f=e&&u?!!e.__confetti_initialized:false;var v=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var w;function R(t,n,a){var r=h(t,"particleCount",m);var i=h(t,"angle",Number);var o=h(t,"spread",Number);var s=h(t,"startVelocity",Number);var l=h(t,"decay",Number);var c=h(t,"gravity",Number);var u=h(t,"drift",Number);var f=h(t,"colors",p);var v=h(t,"ticks",Number);var y=h(t,"shapes");var x=h(t,"scalar");var _=b(t);var R=r;var I=[];var C=e.width*_.x;var M=e.height*_.y;while(R--){I.push(E({x:C,y:M,angle:i,spread:o,startVelocity:s,color:f[R%f.length],shape:y[g(0,y.length)],ticks:v,decay:l,gravity:c,drift:u,scalar:x}))}if(w){return w.addFettis(I)}w=T(e,I,d,n,a);return w.promise}function I(n){var i=o||h(n,"disableForReducedMotion",Boolean);var l=h(n,"zIndex",Number);if(i&&v){return s((function(e){e()}))}if(a&&w){e=w.canvas}else if(a&&!e){e=_(l);document.body.appendChild(e)}if(r&&!f){d(e)}var c={width:e.width,height:e.height};if(u&&!f){u.init(e)}f=true;if(u){e.__confetti_initialized=true}function m(){if(u){var t={getBoundingClientRect:function(){if(!a){return e.getBoundingClientRect()}}};d(t);u.postMessage({resize:{width:t.width,height:t.height}});return}c.width=c.height=null}function g(){w=null;if(r){t.removeEventListener("resize",m)}if(a&&e){document.body.removeChild(e);e=null;f=false}}if(r){t.addEventListener("resize",m,false)}if(u){return u.fire(n,c,g)}return R(n,c,g)}I.reset=function(){if(u){u.reset()}if(w){w.reset()}};return I}n.exports=C(null,{useWorker:true,resize:true});n.exports.create=C})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this||{}}(),module,false);var confetti=module.exports;var create=module.exports.create;var GET_EXCHANGE_LIST=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getExchangeList {\n viewer {\n ... on User {\n visibleRewardExchangeItems(limit: 20, offset: 0) {\n data {\n key\n name\n description\n imageUrl\n available\n unavailableReasonCode\n ruleType\n sourceUnit\n sourceValue\n prettySourceValue\n sourceMinValue\n prettySourceMinValue\n sourceMaxValue\n prettySourceMaxValue\n destinationMinValue\n prettyDestinationMinValue\n destinationMaxValue\n prettyDestinationMaxValue\n globalRewardKey\n destinationUnit\n steps {\n sourceValue\n prettySourceValue\n destinationValue\n prettyDestinationValue\n available\n globalRewardKey\n unavailableReasonCode\n rewardInput\n }\n }\n totalCount\n }\n }\n }\n }\n"],["\n query getExchangeList {\n viewer {\n ... on User {\n visibleRewardExchangeItems(limit: 20, offset: 0) {\n data {\n key\n name\n description\n imageUrl\n available\n unavailableReasonCode\n ruleType\n sourceUnit\n sourceValue\n prettySourceValue\n sourceMinValue\n prettySourceMinValue\n sourceMaxValue\n prettySourceMaxValue\n destinationMinValue\n prettyDestinationMinValue\n destinationMaxValue\n prettyDestinationMaxValue\n globalRewardKey\n destinationUnit\n steps {\n sourceValue\n prettySourceValue\n destinationValue\n prettyDestinationValue\n available\n globalRewardKey\n unavailableReasonCode\n rewardInput\n }\n }\n totalCount\n }\n }\n }\n }\n"])));var EXCHANGE=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n reward {\n id\n fuelTankCode\n }\n }\n }\n"],["\n mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n reward {\n id\n fuelTankCode\n }\n }\n }\n"])));function useRewardExchangeList(e){var t,n,a,r,i;var o=useReducer((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),s=o[0],l=o[1];var c=useState(false),u=c[0],d=c[1];var f=s.selectedItem,h=s.selectedStep,m=s.redeemStage,g=s.amount,v=s.exchangeError;var p=J();var w=$e(EXCHANGE),b=w[0],y=w[1],x=y.data,_=y.loading,R=y.errors;var E=wn(GET_EXCHANGE_LIST,{},!(p===null||p===void 0?void 0:p.jwt)),I=E.data,T=E.loading,C=E.refetch,M=E.errors;useEffect((function(){var e,t;if((t=(e=x===null||x===void 0?void 0:x.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.id){l({redeemStage:"success",exchangeError:false})}if(!!R){l({exchangeError:true})}}),[x,R]);var S=useRef();useEffect((function(){if(!S.current)return;var e=S.current;e.confetti=e.confetti||confetti.create(e,{resize:true});e.confetti()}),[S.current]);var k=Qe().refresh;function V(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!f)return[2];e={accountId:p===null||p===void 0?void 0:p.accountId,userId:p.id};switch(f.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:f.sourceValue,unit:f.sourceUnit},globalRewardKey:f.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:h.sourceValue,unit:f.sourceUnit},globalRewardKey:h.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:f.sourceUnit},globalRewardKey:f.globalRewardKey,rewardInput:h.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:f.sourceUnit},rewardInput:{type:"CREDIT",unit:f.destinationUnit,assignedCredit:h.destinationValue}});break;default:e=__assign(__assign({},e),h.rewardInput)}return[4,b({exchangeRewardInput:e})];case 1:t.sent();k();return[2]}}))}))}var j=function(e){e&&C();l({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function A(e){l({redeemStage:e})}function L(){var e,t;navigator.clipboard.writeText((t=(e=x===null||x===void 0?void 0:x.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.fuelTankCode);d(true);setTimeout((function(){return d(false)}),1e3)}return{states:{content:{text:e},selectedItem:f,redeemStage:m,amount:g,selectedStep:h,exchangeError:v,queryError:!!M,loading:T||_,open:u,noExchangeOptions:((t=I===null||I===void 0?void 0:I.viewer)===null||t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(a=(n=I===null||I===void 0?void 0:I.viewer)===null||n===void 0?void 0:n.visibleRewardExchangeItems)===null||a===void 0?void 0:a.data,fuelTankCode:(i=(r=x===null||x===void 0?void 0:x.exchangeReward)===null||r===void 0?void 0:r.reward)===null||i===void 0?void 0:i.fuelTankCode},callbacks:{exchangeReward:V,setExchangeState:l,setStage:A,resetState:j,copyFuelTankCode:L},refs:{canvasRef:S}}}var SqmRewardExchangeList=function(){function e(e){registerInstance(this,e);this.ignored=true;this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";this.chooseRewardTitle="Rewards";this.chooseAmountTitle="Select";this.confirmationTitle="Confirm";this.rewardTitle="Choose a reward";this.cancelText="Cancel";this.backText="Back";this.continueText="Continue";this.continueToConfirmationText="Continue to confirmation";this.redeemText="Redeem";this.redeemTitle="Confirm and redeem";this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}";this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";this.tooltipText="Copied";this.doneText="Done";this.selectText="Select amount to receive";this.queryError="Unable to load reward exchange list. Please try again";this.redemptionError="An error occured trying to redeem this reward. Please try again";this.notEnoughError="Not enough {sourceUnit} to redeem for this reward";this.rewardRedeemedText="Reward redeemed";this.promoCode="Promo Code";this.skeletonCardNum=8;this.rewardNameTitle="Reward";this.rewardAmountTitle="Reward Amount";this.costTitle="Cost to Redeem";this.stateController="{}";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},getProps(this)),{empty:h$1(EmptySlot,null)});var t=isDemo()?useRewardExchangeListDemo(e):useRewardExchangeList(e),n=t.states,a=t.data,r=t.callbacks,i=t.refs;return h$1(Host,{style:{display:"contents"}},h$1(RewardExchangeView,{states:n,data:a,callbacks:r,refs:i}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}();function EmptySlot(){return h$1("slot",{name:"empty"},h$1("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}function useRewardExchangeListDemo(e){var t=parseStates(e.stateController);var n=Object.keys(t).reduce((function(e,n){var a;return n==="reward-exchange-list"?__assign(__assign({},e),t[n]):__assign(__assign({},e),(a={},a[n+"_stateController"]=t[n],a))}),{});return cjs({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false},data:{exchangeList:demoRewardExchange.data.exchangeList},callbacks:{exchangeReward:function(){},setExchangeState:function(e){},setStage:function(e){},resetState:function(){},copyFuelTankCode:function(){}},refs:{canvasRef:{}}},e.demoData||n||{},{arrayMerge:function(e,t){return t}})}export{SqmRewardExchangeList as sqm_reward_exchange_list};var templateObject_1,templateObject_2;
@@ -1 +0,0 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-bfb7f924.js";import{i as useState,o as h}from"./dom-context-hooks.module-01c1b885.js";import{d as dist,H,J,B,w as wn,$ as $e,i as isDemo}from"./index.module-83586215.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import"./mixins-acc245cc.js";import{g as getProps}from"./utils-93e14db3.js";import{c as cjs}from"./cjs-e829b75b.js";import{C as CopyTextView}from"./copy-text-view-3129fb22.js";var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useShareCode(e){var t,r;var o=e.programId,n=o===void 0?H():o;var a=J();var i=B();var s=wn(MessageLinkQuery,{programId:n},!(a===null||a===void 0?void 0:a.jwt)).data;var l=$e(WIDGET_ENGAGEMENT_EVENT)[0];var u=(r=(t=s===null||s===void 0?void 0:s.user)===null||t===void 0?void 0:t.referralCode)!==null&&r!==void 0?r:"...";var d=useState(false),p=d[0],c=d[1];function m(){navigator.clipboard.writeText(u);c(true);setTimeout((function(){return c(false)}),e.tooltiplifespan);l({eventMeta:{programId:n,id:a===null||a===void 0?void 0:a.id,accountId:a===null||a===void 0?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:m,open:p,copyString:u})}var ShareCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareCode(e):useShareCode(e);return h$1(CopyTextView,Object.assign({},t))};return e}();function useDemoShareCode(e){var t=useState(false),r=t[0],o=t[1];var n="SHARECODE001";return cjs({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,borderColor:e.borderColor,buttonType:e.buttonType,rewardStatus:"AVAILABLE",open:r,onClick:function(){navigator.clipboard.writeText(n);o(true);setTimeout((function(){return o(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{ShareCode as sqm_share_code};var templateObject_1,templateObject_2;
@@ -1 +0,0 @@
1
- import{r as registerInstance,h as h$1}from"./index-bfb7f924.js";import{o as h,i as useState}from"./dom-context-hooks.module-01c1b885.js";import{i as isDemo}from"./index.module-83586215.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import"./mixins-acc245cc.js";import{g as getProps}from"./utils-93e14db3.js";import{c as cjs}from"./cjs-e829b75b.js";import"./useReferralCodes-ec892d5c.js";import{C as CopyTextView}from"./copy-text-view-3129fb22.js";import{u as useShareLink}from"./useShareLink-d31795c1.js";var ShareLink=function(){function t(t){registerInstance(this,t);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Link";this.buttonType="primary";this.buttonStyle="icon";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=getProps(this);var e=isDemo()?useDemoShareLink(t):useShareLink(t);return h$1(CopyTextView,Object.assign({},e))};return t}();function useDemoShareLink(t){var e=useState(false),o=e[0],r=e[1];var i="https://www.example.com/sharelink/abc";return cjs({copyString:i,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,copyButtonLabel:t.copyButtonLabel,borderColor:t.borderColor,rewardStatus:"AVAILABLE",open:o,onClick:function(){navigator.clipboard.writeText(i);r(true);setTimeout((function(){return r(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}export{ShareLink as sqm_share_link};