@saasquatch/mint-components 1.5.0-73 → 1.5.0-77

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 (198) hide show
  1. package/dist/cjs/{GenericTableView-2cdb4c5d.js → GenericTableView-bdb16907.js} +1 -1
  2. package/dist/cjs/{ShadowViewAddon-fbbacd12.js → ShadowViewAddon-878ad3f9.js} +2 -1
  3. package/dist/cjs/{global-58d95b21.js → global-4c495d76.js} +45 -2
  4. package/dist/cjs/loader.cjs.js +2 -3
  5. package/dist/cjs/mint-components.cjs.js +2 -3
  6. package/dist/cjs/{useChildElements-4bc9b219.js → re-render-2f8d0f37.js} +0 -16
  7. package/dist/cjs/{sqm-brand_28.cjs.entry.js → sqm-brand_29.cjs.entry.js} +67 -35
  8. package/dist/cjs/sqm-image_4.cjs.entry.js +13 -13
  9. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -2
  10. package/dist/cjs/{sqm-portal-email-verification-view-f42557ca.js → sqm-portal-email-verification-view-1552442a.js} +1 -1
  11. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -3
  12. package/dist/cjs/{sqm-portal-footer-view-5e6903c9.js → sqm-portal-footer-view-15ce261b.js} +1 -1
  13. package/dist/cjs/sqm-portal-footer.cjs.entry.js +2 -3
  14. package/dist/cjs/{sqm-portal-profile-view-637d2fe7.js → sqm-portal-profile-view-659635e9.js} +1 -1
  15. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -3
  16. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +13 -11
  17. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +14 -14
  18. package/dist/cjs/sqm-stencilbook.cjs.entry.js +247 -62
  19. package/dist/cjs/sqm-tab.cjs.entry.js +37 -2
  20. package/dist/cjs/sqm-tabs.cjs.entry.js +54 -0
  21. package/dist/cjs/useChildElements-a68699b4.js +21 -0
  22. package/dist/cjs/{useReferralTable-e473585e.js → useReferralTable-45f295ba.js} +3 -2
  23. package/dist/collection/collection-manifest.json +2 -2
  24. package/dist/collection/components/sqm-hero-image/HeroImage.stories.js +26 -14
  25. package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +4 -8
  26. package/dist/collection/components/sqm-hero-image/sqm-hero-image.js +6 -71
  27. package/dist/collection/components/sqm-image/Image.stories.js +12 -9
  28. package/dist/collection/components/sqm-image/sqm-image-view.js +2 -2
  29. package/dist/collection/components/sqm-image/sqm-image.js +3 -3
  30. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js +38 -21
  31. package/dist/collection/components/sqm-referral-table/sqm-referral-table.js +3 -1
  32. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +1 -0
  33. package/dist/collection/components/sqm-rewards-table/RewardsTable.stories.js +87 -3
  34. package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +26 -17
  35. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-reward-cell.js +4 -4
  36. package/dist/collection/components/sqm-scroll/Scroll.stories.js +59 -0
  37. package/dist/collection/components/sqm-scroll/sqm-scroll.js +113 -0
  38. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +2 -0
  39. package/dist/collection/components/sqm-tab/sqm-tab-view.js +17 -0
  40. package/dist/collection/components/sqm-tab/sqm-tab.js +43 -8
  41. package/dist/collection/components/sqm-tab/useTab.js +15 -0
  42. package/dist/collection/components/sqm-tabs/sqm-tabs-view.js +17 -0
  43. package/dist/collection/components/sqm-tabs/sqm-tabs.js +17 -0
  44. package/dist/collection/components/sqm-tabs/useTabs.js +13 -0
  45. package/dist/collection/components/sqm-text/sqm-text.js +12 -11
  46. package/dist/collection/tables/GenericTableView.js +1 -1
  47. package/dist/esm/{GenericTableView-79b65de0.js → GenericTableView-ea3fc435.js} +1 -1
  48. package/dist/esm/{ShadowViewAddon-98630948.js → ShadowViewAddon-9ee208b0.js} +2 -1
  49. package/dist/esm/{global-58010a55.js → global-c2179248.js} +44 -1
  50. package/dist/esm/loader.js +2 -3
  51. package/dist/esm/mint-components.js +2 -3
  52. package/dist/esm/{useChildElements-c11d6189.js → re-render-43311710.js} +2 -17
  53. package/dist/esm/{sqm-brand_28.entry.js → sqm-brand_29.entry.js} +66 -35
  54. package/dist/esm/sqm-image_4.entry.js +14 -14
  55. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -2
  56. package/dist/esm/{sqm-portal-email-verification-view-2c8bfca8.js → sqm-portal-email-verification-view-8acdcd89.js} +1 -1
  57. package/dist/esm/sqm-portal-email-verification.entry.js +2 -3
  58. package/dist/esm/{sqm-portal-footer-view-a6c21fb9.js → sqm-portal-footer-view-9995ad03.js} +1 -1
  59. package/dist/esm/sqm-portal-footer.entry.js +2 -3
  60. package/dist/esm/{sqm-portal-profile-view-6a4ab589.js → sqm-portal-profile-view-71c84f2e.js} +1 -1
  61. package/dist/esm/sqm-portal-profile.entry.js +2 -3
  62. package/dist/esm/sqm-referral-table_11.entry.js +8 -6
  63. package/dist/esm/sqm-rewards-table_9.entry.js +9 -9
  64. package/dist/esm/sqm-stencilbook.entry.js +247 -62
  65. package/dist/esm/sqm-tab.entry.js +40 -5
  66. package/dist/esm/sqm-tabs.entry.js +50 -0
  67. package/dist/esm/useChildElements-0146a8bd.js +19 -0
  68. package/dist/esm/{useReferralTable-bccb9ac0.js → useReferralTable-596519fc.js} +2 -1
  69. package/dist/esm-es5/GenericTableView-ea3fc435.js +1 -0
  70. package/dist/esm-es5/{ShadowViewAddon-98630948.js → ShadowViewAddon-9ee208b0.js} +1 -1
  71. package/dist/esm-es5/{global-58010a55.js → global-c2179248.js} +2 -2
  72. package/dist/esm-es5/loader.js +1 -1
  73. package/dist/esm-es5/mint-components.js +1 -1
  74. package/dist/esm-es5/re-render-43311710.js +1 -0
  75. package/dist/esm-es5/sqm-brand_29.entry.js +1 -0
  76. package/dist/esm-es5/sqm-image_4.entry.js +1 -1
  77. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  78. package/dist/esm-es5/{sqm-portal-email-verification-view-2c8bfca8.js → sqm-portal-email-verification-view-8acdcd89.js} +1 -1
  79. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  80. package/dist/esm-es5/{sqm-portal-footer-view-a6c21fb9.js → sqm-portal-footer-view-9995ad03.js} +1 -1
  81. package/dist/esm-es5/sqm-portal-footer.entry.js +1 -1
  82. package/dist/esm-es5/{sqm-portal-profile-view-6a4ab589.js → sqm-portal-profile-view-71c84f2e.js} +1 -1
  83. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  84. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  85. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  86. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  87. package/dist/esm-es5/sqm-tab.entry.js +1 -1
  88. package/dist/esm-es5/sqm-tabs.entry.js +1 -0
  89. package/dist/esm-es5/useChildElements-0146a8bd.js +1 -0
  90. package/dist/esm-es5/useReferralTable-596519fc.js +1 -0
  91. package/dist/mint-components/mint-components.esm.js +1 -1
  92. package/dist/mint-components/mint-components.js +1 -1
  93. package/dist/mint-components/p-07005b24.system.entry.js +1 -0
  94. package/dist/mint-components/{p-14655192.js → p-092d50be.js} +2 -2
  95. package/dist/mint-components/{p-7a5c88bc.js → p-0fa2ba69.js} +1 -1
  96. package/dist/mint-components/{p-0988f079.system.js → p-134f64dc.system.js} +22 -22
  97. package/dist/mint-components/p-182b47d2.system.entry.js +1 -0
  98. package/dist/mint-components/p-1b9b8bfb.entry.js +150 -0
  99. package/dist/mint-components/p-233dfb7d.system.js +1 -0
  100. package/dist/mint-components/p-249a778c.system.entry.js +1 -0
  101. package/dist/mint-components/p-258d46de.entry.js +1 -0
  102. package/dist/mint-components/p-298af592.system.entry.js +1 -0
  103. package/dist/mint-components/p-2f6decd6.entry.js +1 -0
  104. package/dist/mint-components/p-31f775f1.entry.js +1 -0
  105. package/dist/mint-components/p-3556a51c.system.entry.js +1 -0
  106. package/dist/mint-components/p-396b5489.js +1 -0
  107. package/dist/mint-components/{p-382a1bca.system.js → p-3c934de4.system.js} +1 -1
  108. package/dist/mint-components/p-448822f7.system.entry.js +1 -0
  109. package/dist/mint-components/{p-fc3bbee6.js → p-47a0b6a2.js} +3 -3
  110. package/dist/mint-components/p-49cb162a.system.js +1 -0
  111. package/dist/mint-components/{p-4dbf5bbf.system.js → p-51a0961b.system.js} +1 -1
  112. package/dist/mint-components/p-530fd9c3.entry.js +90 -0
  113. package/dist/mint-components/p-5667647c.system.entry.js +1 -0
  114. package/dist/mint-components/p-58e718de.entry.js +1 -0
  115. package/dist/mint-components/p-616a0d9b.entry.js +1 -0
  116. package/dist/mint-components/p-668bbbf4.system.js +1 -0
  117. package/dist/mint-components/{p-854ad349.entry.js → p-74afeb85.entry.js} +2 -2
  118. package/dist/mint-components/p-7ba0e231.js +1 -0
  119. package/dist/mint-components/{p-0aee946d.js → p-88be9a23.js} +1 -1
  120. package/dist/mint-components/p-89101dc5.system.js +1 -0
  121. package/dist/mint-components/{p-595e84f8.system.entry.js → p-92162199.system.entry.js} +1 -1
  122. package/dist/mint-components/{p-5ab40dfa.system.js → p-9294bb29.system.js} +1 -1
  123. package/dist/mint-components/p-9bf208d8.js +1 -0
  124. package/dist/mint-components/p-a10bbd50.system.entry.js +1 -0
  125. package/dist/mint-components/{p-b18cc44f.js → p-a5a7c655.js} +1 -1
  126. package/dist/mint-components/{p-18003e9c.system.js → p-b62cb89c.system.js} +1 -1
  127. package/dist/mint-components/p-c432ee49.entry.js +13 -0
  128. package/dist/mint-components/p-cc8f816e.entry.js +1 -0
  129. package/dist/mint-components/{p-5a2bd8cc.js → p-e43c77bd.js} +153 -153
  130. package/dist/mint-components/p-eb601f3b.system.entry.js +1 -0
  131. package/dist/mint-components/p-efae86df.system.js +1 -0
  132. package/dist/mint-components/p-f2fccdea.system.entry.js +1 -0
  133. package/dist/mint-components/{p-d8a45132.entry.js → p-f6989de4.entry.js} +2 -2
  134. package/dist/types/components/sqm-hero-image/HeroImage.stories.d.ts +6 -2
  135. package/dist/types/components/sqm-hero-image/sqm-hero-image-view.d.ts +0 -3
  136. package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts +3 -15
  137. package/dist/types/components/sqm-image/Image.stories.d.ts +4 -3
  138. package/dist/types/components/sqm-image/sqm-image-view.d.ts +2 -2
  139. package/dist/types/components/sqm-image/sqm-image.d.ts +1 -1
  140. package/dist/types/components/sqm-rewards-table/RewardsTable.stories.d.ts +3 -1
  141. package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts +7 -4
  142. package/dist/types/components/sqm-scroll/Scroll.stories.d.ts +7 -0
  143. package/dist/types/components/sqm-scroll/sqm-scroll.d.ts +11 -0
  144. package/dist/types/components/sqm-tab/sqm-tab-view.d.ts +5 -0
  145. package/dist/types/components/sqm-tab/sqm-tab.d.ts +2 -1
  146. package/dist/types/components/sqm-tab/useTab.d.ts +8 -0
  147. package/dist/types/components/sqm-tabs/sqm-tabs-view.d.ts +11 -0
  148. package/dist/types/components/{sqm-tab-group/sqm-tab-group.d.ts → sqm-tabs/sqm-tabs.d.ts} +1 -2
  149. package/dist/types/components/sqm-tabs/useTabs.d.ts +12 -0
  150. package/dist/types/components.d.ts +48 -58
  151. package/grapesjs/grapesjs.js +1 -1
  152. package/package.json +1 -1
  153. package/dist/cjs/insertcss-04580cfa.js +0 -47
  154. package/dist/cjs/sqm-tab-group.cjs.entry.js +0 -20
  155. package/dist/cjs/sqm-tab-panel.cjs.entry.js +0 -20
  156. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.css +0 -57
  157. package/dist/collection/components/sqm-tab-group/sqm-tab-group.js +0 -19
  158. package/dist/collection/components/sqm-tab-panel/sqm-tab-panel.js +0 -19
  159. package/dist/esm/insertcss-bcaf3818.js +0 -45
  160. package/dist/esm/sqm-tab-group.entry.js +0 -16
  161. package/dist/esm/sqm-tab-panel.entry.js +0 -16
  162. package/dist/esm-es5/GenericTableView-79b65de0.js +0 -1
  163. package/dist/esm-es5/insertcss-bcaf3818.js +0 -1
  164. package/dist/esm-es5/sqm-brand_28.entry.js +0 -1
  165. package/dist/esm-es5/sqm-tab-group.entry.js +0 -1
  166. package/dist/esm-es5/sqm-tab-panel.entry.js +0 -1
  167. package/dist/esm-es5/useChildElements-c11d6189.js +0 -1
  168. package/dist/esm-es5/useReferralTable-bccb9ac0.js +0 -1
  169. package/dist/mint-components/p-12c6ad5d.system.entry.js +0 -1
  170. package/dist/mint-components/p-27849b7e.system.entry.js +0 -1
  171. package/dist/mint-components/p-2d7db47e.entry.js +0 -1
  172. package/dist/mint-components/p-3a374367.js +0 -1
  173. package/dist/mint-components/p-408551bc.entry.js +0 -1
  174. package/dist/mint-components/p-4991f4c0.system.entry.js +0 -1
  175. package/dist/mint-components/p-59454f33.system.js +0 -1
  176. package/dist/mint-components/p-5e3f4daa.system.entry.js +0 -1
  177. package/dist/mint-components/p-61d68133.system.entry.js +0 -1
  178. package/dist/mint-components/p-61d769e2.system.js +0 -1
  179. package/dist/mint-components/p-673407d4.entry.js +0 -150
  180. package/dist/mint-components/p-68c38020.entry.js +0 -1
  181. package/dist/mint-components/p-71a4e832.entry.js +0 -13
  182. package/dist/mint-components/p-7aea48a0.entry.js +0 -1
  183. package/dist/mint-components/p-875f46d7.system.entry.js +0 -1
  184. package/dist/mint-components/p-88765e8f.system.entry.js +0 -1
  185. package/dist/mint-components/p-8d3f01f7.entry.js +0 -90
  186. package/dist/mint-components/p-8d74871c.system.js +0 -1
  187. package/dist/mint-components/p-95e36be8.entry.js +0 -1
  188. package/dist/mint-components/p-a2038ff2.entry.js +0 -1
  189. package/dist/mint-components/p-aab3dc7b.system.entry.js +0 -1
  190. package/dist/mint-components/p-ac65007d.js +0 -1
  191. package/dist/mint-components/p-af7d926d.system.entry.js +0 -1
  192. package/dist/mint-components/p-c968ea28.system.entry.js +0 -1
  193. package/dist/mint-components/p-d0acc0d5.system.js +0 -1
  194. package/dist/mint-components/p-e7a29898.entry.js +0 -1
  195. package/dist/mint-components/p-f4c0cd0b.js +0 -1
  196. package/dist/mint-components/p-f80e4997.system.entry.js +0 -1
  197. package/dist/mint-components/p-fe4d9531.system.js +0 -1
  198. package/dist/types/components/sqm-tab-panel/sqm-tab-panel.d.ts +0 -6
@@ -1,4 +1,4 @@
1
- import{h as e,c as l,d as t,g as s}from"./p-64c3217a.js";import{k as a}from"./p-b7da9a8a.js";import{i}from"./p-5a2bd8cc.js";import{d as r,M as o,n,x as d,b as c,D as p,f as u}from"./p-3b184c32.js";import{H as g,A as v,a as m,b as f,E as h}from"./p-26f627aa.js";import{c as x}from"./p-373fa002.js";import{l as b}from"./p-591de129.js";import{l as y}from"./p-4e05c65a.js";import{T as w}from"./p-179988b5.js";import{P as k}from"./p-975d4358.js";import{P as C}from"./p-e08f5f8e.js";const _={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}};function z(t,s){const a=`\n *::part(base) {\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}80!important;\n\n background: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""};\n color: ${t.textcolor?t.textcolor:t.medium?_[t.medium].text:""};\n border-radius: ${t.borderradius?t.borderradius+"px":""};\n }\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}D1!important;\n\t}\n\t\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n `,i=x({HostBlock:g,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),r=i.toString();return t.hide?e(l,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},r),e("style",{type:"text/css"},a),e("sl-button",{class:i.classes.buttonStyle,loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.onClick,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:_[t.medium].icon,exportparts:"icon"}),!t.hidetext&&s))}const S=x({HostBlock:g,inputStyle:{"&::part(base)":{background:"white",opacity:"1",cursor:"pointer"}}}),M=S.toString();function R(l){return e("div",null,e("style",{type:"text/css"},M),e("sl-tooltip",{trigger:"manual",content:l.tooltiptext,placement:"top-end",disabled:l.disabled,open:l.open},e("sl-input",{class:S.classes.inputStyle,exportparts:"label: input-label",value:l.shareString,readonly:!0},e("sl-icon-button",{onClick:()=>{var e;return null===(e=l.onClick)||void 0===e?void 0:e.call(l)},slot:"suffix",name:"files",disabled:l.disabled}))))}const A=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),j=A.toString();function B(l){var t,s,a,i,r,o,n,d,c,p,u;const{states:g,data:v,elements:m}=l,{styles:f}=g;if(g.loading)return e("div",{class:A.classes.Leaderboard},e("style",{type:"text/css"},j,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),m.loadingstate);let h=!1;return e("div",{class:A.classes.Leaderboard},e("style",{type:"text/css"},j,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",null,e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),!g.hasLeaders&&e("tr",null,e("td",{colSpan:100},m.empty)),null===(t=v.leaderboard)||void 0===t?void 0:t.map((l=>{var t,s;return l.rowNumber===(null===(t=v.userRank)||void 0===t?void 0:t.rowNumber)&&(h=!0),e("tr",{class:l.rowNumber===(null===(s=v.userRank)||void 0===s?void 0:s.rowNumber)?"highlight":""},f.showRank&&e("td",{class:"Rank"},l.rank),e("td",{class:"User"},l.firstName&&l.lastInitial?l.firstName+" "+l.lastInitial:l.firstName||l.lastInitial?l.firstName||l.lastInitial:f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},l.value))})),g.hasLeaders&&!h&&v.showUser&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),g.hasLeaders&&!h&&v.showUser&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(s=v.userRank)||void 0===s?void 0:s.rank)||"-"),e("td",{class:"User"},(null===(a=v.userRank)||void 0===a?void 0:a.firstName)&&(null===(i=v.userRank)||void 0===i?void 0:i.lastInitial)?(null===(r=v.userRank)||void 0===r?void 0:r.firstName)+" "+(null===(o=v.userRank)||void 0===o?void 0:o.lastInitial):(null===(n=v.userRank)||void 0===n?void 0:n.firstName)||(null===(d=v.userRank)||void 0===d?void 0:d.lastInitial)?(null===(c=v.userRank)||void 0===c?void 0:c.firstName)||(null===(p=v.userRank)||void 0===p?void 0:p.lastInitial):f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},(null===(u=v.userRank)||void 0===u?void 0:u.value)||"0"))))}const E=x({HostBlock:g,":host":{"min-height":"100vh"},Frame:{"min-height":"100vh",display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),L=E.toString();function H(l,t){const{data:s}=l;return e("div",{class:E.classes.Frame},e("style",{type:"text/css"},L),e("div",{class:E.classes.HeaderWrapper},s.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:E.classes.FooterWrapper},s.footer))}const I=l=>{var t,s,a,i;const{states:r,callbacks:o}=l,{text:n}=r,{errors:d}=r.formState;return r.showEdit?e("div",{class:`CardWrapper ${!r.showEdit&&"ShowEdit"}`},e("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},r.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},r.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&r.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label",disabled:!0,value:r.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext),e("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext)))):e("div",{class:`CardWrapper FormWrapper ${!r.showEdit&&"ShowEdit"}`},e("div",{class:"FormSection"},e("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=r.user)||void 0===t?void 0:t.firstName," ",null===(s=r.user)||void 0===s?void 0:s.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(a=r.user)||void 0===a?void 0:a.email},null===(i=r.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:r.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},$=r.gql`
1
+ import{h as e,c as l,d as t,g as s}from"./p-64c3217a.js";import{k as a}from"./p-b7da9a8a.js";import{i}from"./p-e43c77bd.js";import{d as r,M as o,n,x as d,b as c,D as p,f as u}from"./p-3b184c32.js";import{H as g,A as v,a as m,b as f,E as h}from"./p-26f627aa.js";import{c as x}from"./p-373fa002.js";import{l as b}from"./p-591de129.js";import{l as y}from"./p-4e05c65a.js";import{T as w}from"./p-179988b5.js";import{P as k}from"./p-975d4358.js";import{P as C}from"./p-e08f5f8e.js";const _={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}};function z(t,s){const a=`\n *::part(base) {\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}80!important;\n\n background: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""};\n color: ${t.textcolor?t.textcolor:t.medium?_[t.medium].text:""};\n border-radius: ${t.borderradius?t.borderradius+"px":""};\n }\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}D1!important;\n\t}\n\t\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?_[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n `,i=x({HostBlock:g,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),r=i.toString();return t.hide?e(l,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},r),e("style",{type:"text/css"},a),e("sl-button",{class:i.classes.buttonStyle,loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.onClick,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:_[t.medium].icon,exportparts:"icon"}),!t.hidetext&&s))}const S=x({HostBlock:g,inputStyle:{"&::part(base)":{background:"white",opacity:"1",cursor:"pointer"}}}),M=S.toString();function R(l){return e("div",null,e("style",{type:"text/css"},M),e("sl-tooltip",{trigger:"manual",content:l.tooltiptext,placement:"top-end",disabled:l.disabled,open:l.open},e("sl-input",{class:S.classes.inputStyle,exportparts:"label: input-label",value:l.shareString,readonly:!0},e("sl-icon-button",{onClick:()=>{var e;return null===(e=l.onClick)||void 0===e?void 0:e.call(l)},slot:"suffix",name:"files",disabled:l.disabled}))))}const A=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),j=A.toString();function B(l){var t,s,a,i,r,o,n,d,c,p,u;const{states:g,data:v,elements:m}=l,{styles:f}=g;if(g.loading)return e("div",{class:A.classes.Leaderboard},e("style",{type:"text/css"},j,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),m.loadingstate);let h=!1;return e("div",{class:A.classes.Leaderboard},e("style",{type:"text/css"},j,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",null,e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),!g.hasLeaders&&e("tr",null,e("td",{colSpan:100},m.empty)),null===(t=v.leaderboard)||void 0===t?void 0:t.map((l=>{var t,s;return l.rowNumber===(null===(t=v.userRank)||void 0===t?void 0:t.rowNumber)&&(h=!0),e("tr",{class:l.rowNumber===(null===(s=v.userRank)||void 0===s?void 0:s.rowNumber)?"highlight":""},f.showRank&&e("td",{class:"Rank"},l.rank),e("td",{class:"User"},l.firstName&&l.lastInitial?l.firstName+" "+l.lastInitial:l.firstName||l.lastInitial?l.firstName||l.lastInitial:f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},l.value))})),g.hasLeaders&&!h&&v.showUser&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),g.hasLeaders&&!h&&v.showUser&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(s=v.userRank)||void 0===s?void 0:s.rank)||"-"),e("td",{class:"User"},(null===(a=v.userRank)||void 0===a?void 0:a.firstName)&&(null===(i=v.userRank)||void 0===i?void 0:i.lastInitial)?(null===(r=v.userRank)||void 0===r?void 0:r.firstName)+" "+(null===(o=v.userRank)||void 0===o?void 0:o.lastInitial):(null===(n=v.userRank)||void 0===n?void 0:n.firstName)||(null===(d=v.userRank)||void 0===d?void 0:d.lastInitial)?(null===(c=v.userRank)||void 0===c?void 0:c.firstName)||(null===(p=v.userRank)||void 0===p?void 0:p.lastInitial):f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},(null===(u=v.userRank)||void 0===u?void 0:u.value)||"0"))))}const E=x({HostBlock:g,":host":{"min-height":"100vh"},Frame:{"min-height":"100vh",display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),L=E.toString();function H(l,t){const{data:s}=l;return e("div",{class:E.classes.Frame},e("style",{type:"text/css"},L),e("div",{class:E.classes.HeaderWrapper},s.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:E.classes.FooterWrapper},s.footer))}const I=l=>{var t,s,a,i;const{states:r,callbacks:o}=l,{text:n}=r,{errors:d}=r.formState;return r.showEdit?e("div",{class:`CardWrapper ${!r.showEdit&&"ShowEdit"}`},e("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},r.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},r.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&r.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label",disabled:!0,value:r.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext),e("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext)))):e("div",{class:`CardWrapper FormWrapper ${!r.showEdit&&"ShowEdit"}`},e("div",{class:"FormSection"},e("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=r.user)||void 0===t?void 0:t.firstName," ",null===(s=r.user)||void 0===s?void 0:s.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(a=r.user)||void 0===a?void 0:a.email},null===(i=r.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:r.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},$=r.gql`
2
2
  query ($programId: ID) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -10,7 +10,7 @@ import{h as e,c as l,d as t,g as s}from"./p-64c3217a.js";import{k as a}from"./p-
10
10
  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
11
11
  createUserAnalyticsEvent(eventMeta: $eventMeta)
12
12
  }
13
- `;function F(e){var l,t;const{programId:s=o()}=e,i=n(),r=d(),{data:u}=c($,{programId:s},!(null==i?void 0:i.jwt)),[g]=p(q),v=null!==(t=null===(l=null==u?void 0:u.user)||void 0===l?void 0:l.shareLink)&&void 0!==t?t:"...",[m,f]=a(!1);return{...e,onClick:function(){navigator.clipboard.writeText(v),f(!0),setTimeout((()=>f(!1)),e.tooltiplifespan),g({eventMeta:{programId:s,id:null==i?void 0:i.id,accountId:null==i?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})},open:m,shareString:v}}const W=r.gql`
13
+ `;function W(e){var l,t;const{programId:s=o()}=e,i=n(),r=d(),{data:u}=c($,{programId:s},!(null==i?void 0:i.jwt)),[g]=p(q),v=null!==(t=null===(l=null==u?void 0:u.user)||void 0===l?void 0:l.shareLink)&&void 0!==t?t:"...",[m,f]=a(!1);return{...e,onClick:function(){navigator.clipboard.writeText(v),f(!0),setTimeout((()=>f(!1)),e.tooltiplifespan),g({eventMeta:{programId:s,id:null==i?void 0:i.id,accountId:null==i?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})},open:m,shareString:v}}const F=r.gql`
14
14
  query (
15
15
  $programId: ID
16
16
  $engagementMedium: UserEngagementMedium!
@@ -27,4 +27,4 @@ import{h as e,c as l,d as t,g as s}from"./p-64c3217a.js";import{k as a}from"./p-
27
27
  }
28
28
  }
29
29
  }
30
- `;function D(e){var l,t;return(null===(t=null===(l=e.data)||void 0===l?void 0:l.viewer)||void 0===t?void 0:t.messageLink)?window.open(e.data.viewer.messageLink):alert("error: message link undefined!")}function T(e){var l,t;const{sharetitle:s,sharetext:a,medium:i}=e,r=e.programId?e.programId:o(),p=n(),g={engagementMedium:d(),programId:r,shareMedium:i.toUpperCase()},v=c(W,g,!(null==p?void 0:p.jwt)||!r),m=null===(t=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.viewer)||void 0===t?void 0:t.shareLink,f=u(),h="SMS"===i.toLocaleUpperCase()&&void 0===window.orientation||"DIRECT"===i.toLocaleUpperCase()&&!window.navigator.share;return{...e,loading:v.loading,onClick:function(){"FACEBOOK"===i.toLocaleUpperCase()&&"SquatchAndroid"===f.type?function(e,l){var t,s;"undefined"===(null===(s=null===(t=l.data)||void 0===t?void 0:t.viewer)||void 0===s?void 0:s.messageLink)||"undefined"===e?alert("error: message link undefined!"):void 0!==SquatchAndroid.shareOnFacebook?SquatchAndroid.shareOnFacebook(e,l.data.viewer.messageLink):D(l)}(m,v):"DIRECT"===i.toLocaleUpperCase()?function(e,l){const t=e.sharetitle||"Share title",s=e.sharetext||"Share text";if("undefined"===l)return alert("error: message link undefined!");window.navigator.share?window.navigator.share({title:t,text:s,url:l}).catch((e=>console.error("Error on web share",e))):alert("Not on a supported device")}({sharetitle:s,sharetext:a},m):D(v)},hide:h}}function Z(l){const{states:t,callbacks:s}=l,a=x({Dialog:{padding:"0","&::part(close-button)":{"margin-top":"var(--sl-spacing-medium)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}},InputContainer:{"& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-x-large)"}},CancelButton:{width:"25%",margin:"var(--sl-spacing-large) auto"},PasswordField:{marginBottom:"var(--sl-spacing-large) !important",display:"block"},ChangePasswordButton:{paddingTop:"var(--sl-spacing-x-large)"}}),i=a.toString();return e("div",null,e("style",{type:"text/css"},i),e("sl-dialog",{class:a.classes.Dialog,open:t.open,"onSl-hide":()=>s.setOpen(!1)},e(C,Object.assign({},{labelMargin:"x-large",padding:"none",label:e(w,Object.assign({},{type:"h2"}),t.content.modalChangePasswordHeader),content:e(k,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),t.error&&e("sqm-form-message",{class:a.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},t.error)),t.success&&e("sqm-form-message",{class:a.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.content.successMessage)),e("sl-form",{"onSl-submit":s.submit},e("div",{class:a.classes.InputContainer},e("sqm-password-field",{exportparts:"input-label: input-label",class:a.classes.PasswordField,fieldLabel:t.content.passwordFieldLabel}),e("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,required:!0,togglePassword:!0,disabled:t.loading,type:"password"})),e(k,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),e("sl-button",{class:a.classes.ChangePasswordButton,type:"primary",submit:!0,loading:t.loading},t.content.changePasswordButtonText),e("sl-button",{class:a.classes.CancelButton,type:"text",onClick:()=>s.setOpen(!1)},t.content.cancelText))))}))),e(C,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:e(w,Object.assign({},{type:"h2"}),t.content.portalChangePasswordHeader),content:e("sl-button",{onClick:()=>s.setOpen(!0)},t.content.portalChangePasswordButtonText)}),e("style",{type:"text/css"},i)))}const O=x({Wrapper:v,Column:m,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:f}),V=O.toString();function U(l){const{states:t,callbacks:s,content:a}=l;return e("div",{class:O.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n",V),e(w,{type:"h3"},a.pageLabel),e("sl-form",{class:O.classes.Column,"onSl-submit":s.submit},l.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),e("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:a.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",null,e("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:a.passwordLabel||"Password",disabled:t.loading,required:!0}),e("div",{class:O.classes.ForgotButtonContainer},a.forgotPasswordButton)),e("div",{class:O.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},a.submitLabel||"Login"),a.secondaryButton)))}const P={Wrapper:{...v,"max-width":"600px"},Column:m,HostBlock:g,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:f,ErrorStyle:h},G=x(P),N=G.toString();function X(l){var t,s,a,i,r,o,n,d;const{states:c,refs:p,callbacks:u,content:g}=l;return c.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:G.classes.Wrapper},e("style",{type:"text/css"},"\nsqm-portal-register {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\n:host{\n display: block;\n}\n\n:host([hidden]) {\n display: none;\n}\n",N),e(w,{type:"h3"},g.pageLabel),e("sl-form",{class:G.classes.Column,"onSl-submit":u.submit,ref:e=>p.formRef.current=e,novalidate:!0},c.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),g.formData,!c.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:g.emailLabel||"Email",disabled:c.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:"Must be a valid email address":"Cannot be empty"},(null===(s=null===(t=c.validationState)||void 0===t?void 0:t.validationErrors)||void 0===s?void 0:s.email)?{class:G.classes.ErrorStyle,helpText:(null===(i=null===(a=c.validationState)||void 0===a?void 0:a.validationErrors)||void 0===i?void 0:i.email)||"Cannot be empty"}:[])),!c.hideInputs&&e("sqm-password-field",{fieldLabel:g.passwordLabel,"enable-validation":c.enablePasswordValidation}),g.passwordField,!c.hideInputs&&c.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:g.confirmPasswordLabel,disabled:c.loading,required:!0},(null===(o=null===(r=c.validationState)||void 0===r?void 0:r.validationErrors)||void 0===o?void 0:o.confirmPassword)?{class:G.classes.ErrorStyle,helpText:(null===(d=null===(n=c.validationState)||void 0===n?void 0:n.validationErrors)||void 0===d?void 0:d.confirmPassword)||"Cannot be empty"}:[])),g.terms,e("div",{class:G.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:c.loading,exportparts:"base: primarybutton-base",type:"primary"},g.submitLabel||"Register"),g.secondaryButton)))}const K=x({Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}}),J=K.toString();function Q(l){const t=Math.random().toString(36).slice(2);return e("div",null,e("style",{type:"text/css"},J),e("span",{class:K.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{name:"chevron-down"})),e("span",{class:"summary","progress-bar":l.progressBar},l.content.description)))}const Y=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"})),ee=x({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps] .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired] .progress-bar":{filter:"grayscale(1)"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"}}},{classNamePrefix:"sqm-prog-bar"}),le=ee.toString();function te(l){var t;const{progress:s=0,goal:a=1,steps:i=!1,progressBarUnit:r="",repeatable:o=!1,expired:n=!1,finite:d=0}=l;let c=function(l,t,s){return l?t?function({progress:l,goal:t,finite:s}){const a=[],i=[];let r=Math.floor(l/t);if(r<2){let s=1/t;for(let r=1;r<2*t+1;r++)i.push(s+"fr"),i.push("0fr"),r>l?r==t?(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},t)),a.push(e("div",{class:"gift bw"},e(Y,null)))):r==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},2*t)),a.push(e("div",{class:"gift bw"},e(Y,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},r))):r==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},r)),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r)))}else if(s&&r>=s){let o=1/t;r>2&&(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},t*(s-2))),a.push(e("div",{class:"gift start"},e(Y,null))));for(let r=1;r<2*t+1;r++)i.push(o+"fr"),i.push("0fr"),r>l?r==t&&(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},t*(s-1))),a.push(e("div",{class:"gift bw"},e(Y,null)))):r==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},t*(s-1))),a.push(e("div",{class:"gift"},e(Y,null)))):r==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},t*s)),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r+t*(s-2))))}else{let s=l%t+t,o=1/t;i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},t*(r-1))),a.push(e("div",{class:"gift start"},e(Y,null)));for(let l=1;l<2*t+1;l++)i.push(o+"fr"),i.push("0fr"),l<=t?l==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},l+t*(r-1))),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+t*(r-1)))):l>s?l==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},l+t*(r-1))),a.push(e("div",{class:"gift bw"},e(Y,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},l+t*(r-1)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+t*(r-1))))}return{items:a,columns:i.join(" ")}}(s):function({progress:l,goal:t,progressBarUnit:s,finite:a}){let i=Math.floor(l/t),r=l%t/t*.5;const o=[];let n="";return 0==i?(n=r+"fr 0fr "+(.5-r)+"fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t?"progress top bg":"progress top"},s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+t)),o.push(e("div",{class:l==t?"gift":"gift bw"},e(Y,null))),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+2*t)),o.push(e("div",{class:"gift bw"},e(Y,null)))):1==i?(n="0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t)),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t?"progress top bg":"progress top"},l==t?"":s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+2*t)),o.push(e("div",{class:"gift bw"},e(Y,null)))):a&&i>=a?(i>2?(o.push(e("div",{class:"progress bg"},s+t*(a-2))),o.push(e("div",{class:"gift start"},e(Y,null))),n="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):n="0.5fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*(a-1))),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*a)),o.push(e("div",{class:"gift"},e(Y,null)))):(n="0fr 0fr 0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"progress bg"},s+t*(i-1))),o.push(e("div",{class:"gift start"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*i)),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t*i?"progress top bg":"progress top"},l==t*i?"":s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+t*(i+1))),o.push(e("div",{class:"gift bw"},e(Y,null)))),{items:o,columns:n}}(s):t?function({progress:l,goal:t}){const s=[],a=[];let i=1/t;for(let r=1;r<t;r++)a.push(i+"fr"),a.push("0fr"),r>l?(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},r))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},r)));return a.push(i+"fr"),a.push("0fr"),t<=l?(a.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t)),s.push(e("div",{class:"gift"},e(Y,null)))):(a.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},t)),s.push(e("div",{class:"gift bw"},e(Y,null)))),{items:s,columns:a.join(" ")}}(s):function({progress:l,goal:t,progressBarUnit:s}){const a=[];let i="";const r=l/t;return i=se(r,0,1)+"fr 0fr "+se(1-r,0,1)+"fr 0fr 0fr",a.push(e("div",{class:"filled"})),a.push(e("div",{class:se(l,0,t)==t?"progress top bg":"progress top"},se(l,0,t)==t?"":s+se(l,0,t))),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},s+t)),a.push(e("div",{class:se(l,0,t)==t?"gift":"gift bw"},e(Y,null))),{items:a,columns:i}}(s)}(o,i,l);const{columns:p,items:u}=c;return console.log("PROGRESS BAR PROPS "+(null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.cardTitle)),console.log({props:l}),e("div",{class:ee.classes.ProgressBar,"data-expired":n,"data-steps":i,"data-done":a<=s},e("style",{type:"text/css"},le),e("div",{class:!Boolean(d)&&s>=2*a||Boolean(d)&&s>2*a?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==s||i?"":"var(--sl-spacing-x-small)"}},u))}function se(e,l,t){return Math.min(Math.max(e,l),t)}const ae=x({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.2)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-600)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-primary-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-primary-500)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-warning-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-warning-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-warning-500)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-400)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)",borderRadius:"var(--sl-border-radius-medium)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)",color:"var(--sl-color-neutral-400)"}}}),ie=ae.toString();function re(l){var t,s,a;console.log("TASK CARD PROPS "+(null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.cardTitle)),console.log({props:l});const{callbacks:r,states:o,content:n}=l,d=n.rewardDuration&&b.DateTime.fromISO(n.rewardDuration.split("/")[0]),c=n.rewardDuration&&b.DateTime.fromISO(n.rewardDuration.split("/")[1]),p=b.DateTime.now();if(n.displayDuration){const l=null===(s=n.displayDuration.split("/"))||void 0===s?void 0:s[0],t=null===(a=n.displayDuration.split("/"))||void 0===a?void 0:a[1],i=l?b.DateTime.fromISO(l):p,r=t?b.DateTime.fromISO(t):p;if(console.log({displayDateStart:i,dateToday:p,displayDateEnd:r}),p<i||p>r)return e("span",null)}const u=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),g=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),v=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"})),m=o.progress>=n.goal,f=n.showProgressBar?Math.floor(o.progress/n.goal):o.progress,h=m&&!1===n.repeatable||n.finite&&o.progress>=n.finite*n.goal,x=n.rewardDuration&&c<=p,w=n.rewardDuration&&p<=d,k=x||w;return e("div",{class:ae.classes.TaskCard},e("style",{type:"text/css"},ie,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n "),!o.loading&&w&&e("div",{class:ae.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),i.formatMessage({id:"startsOnMessage",defaultMessage:n.startsOnMessage},{startDate:d.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)})),!o.loading&&x&&e("div",{class:ae.classes.Ended},e("span",{class:"icon"},e("sl-icon",{name:"exclamation-triangle-fill"})),i.formatMessage({id:"endedMessage",defaultMessage:n.endedMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)})),e("div",{style:{borderRadius:k&&"0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium)"},class:k?"main expired":h?"main complete":"main"},e("div",{class:h||k?"container subdued":"container"},e("div",{class:ae.classes.Header},o.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,m&&e("span",{class:k?"icon neutral":"icon"},h?g:u),e("span",{class:"value"},n.rewardAmount),e("span",{class:"text"},n.rewardUnit))),o.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",style:{marginBottom:n.description?"":n.steps?"var(--sl-spacing-x-large)":n.showProgressBar?"var(--sl-spacing-xx-large)":""}},n.cardTitle),o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.description&&e(Q,Object.assign({},l)),n.showProgressBar&&o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.showProgressBar&&e(te,Object.assign({},l.content,l.states,{complete:h,expired:k})),e("div",{class:ae.classes.Footer},o.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},n.repeatable&&e("div",null,e("span",{class:f>0?k?"icon neutral":"icon success":"icon"},v),e("span",{class:f>0?k?"neutral":"success":""},i.formatMessage({id:"completedMessage",defaultMessage:n.completedText},{finite:n.finite,count:n.finite?Math.min(f,n.finite):f}))),c&&!k&&e("span",{class:"datetime"},i.formatMessage({id:"expiryMessage",defaultMessage:n.expiryMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)}))),e("sl-button",{class:k?"action neutral":h?"action disabled":"action",type:"primary",size:"small",onClick:r.onClick,loading:o.loadingEvent,disabled:h||k},n.buttonText))))))}function oe(l){const{states:t,data:s}=l,{content:a}=t,i=x({Container:{position:"relative",width:a.iframeWidth,height:a.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),r=i.toString();return e("div",{class:i.classes.Container},e("style",{type:"text/css"},r),e("iframe",{class:i.classes.IFrame,src:`${a.iframeSrc}?rsCode=${s.shareCode}`}))}const ne=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),de=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"})),ce=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("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"}),e("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"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("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"}),e("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"}),e("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"}),e("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"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function pe({active:l,completed:t,incomplete:s,stage:a}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sl-color-success-500)":s?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:l?"1px solid var(--sl-color-success-500)":s?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(ne,null)):e("div",{style:{color:l?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},a+1)))}function ue({incomplete:l=!1,active:t=!1,invisible:s=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:l||t?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:s?"0":"1"}})}function ge({active:l,completed:t,incomplete:s,stage:a}){return[e(ue,{incomplete:s,invisible:0===a}),e(pe,{active:l,completed:t,incomplete:s,stage:a}),e(ue,{incomplete:s,active:l,invisible:2===a})]}function ve({stageCount:l,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(l).keys()).map((l=>e(ge,{active:t===l,completed:t>l,incomplete:t<l,stage:l}))))}const me=["chooseReward","chooseAmount","confirmation","success"];function fe(l){const{states:s,data:a,callbacks:r,refs:o}=l,{selectedItem:n,selectedStep:d}=s,c={chooseReward:s.content.text.chooseRewardTitle,chooseAmount:s.content.text.chooseAmountTitle,confirmation:s.content.text.confirmationTitle},p=x({HostBlock:g,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"},"&::part(menu)":{maxHeight:"50vh"},"& sl-menu-item::part(checked-icon)":{top:"8px"},"& sl-menu-item::part(base)":{flexDirection:"column"},"& sl-menu-item::part(base):focus":{background:"transparent",color:"var(--sl-color-gray-700)"}},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(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},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"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"}},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(--sl-color-neutral-1000)",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(--sl-color-neutral-500)",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(--sl-color-warning-600)",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:{display:"flex",alignItems:"center",justifyContent:"center",margin:"var(--sl-spacing-medium) 0","& .wrapper":{display:"flex",justifyContent:"center",alignItems:"center",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(--sl-color-neutral-1000)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",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(--sl-color-neutral-200)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sl-color-neutral-200)"}}},SelectItem:{display:"flex",flexDirection:"column","& > .step-cost":{color:"var(--sl-color-neutral-400)",height:"0",marginBottom:"5px"},"& > .step-value":{margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"}},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%",textTransform:"uppercase",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-400)",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:"1px solid var(--sl-color-neutral-200)"},"& .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)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@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"}}),u=p.toString();const v={chooseReward:()=>{return[e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0"}},s.content.text.rewardTitle),e("div",{class:p.classes.Grid},s.loading?[...Array(s.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:p.classes.Card},e("div",{class:p.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}}))))))):null===(l=a.exchangeList)||void 0===l?void 0:l.map((l=>{var a,o,d,c,u;return e("div",{key:l.key,style:{boxShadow:l.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"}},e("sl-card",{class:p.classes.Card,style:{cursor:l.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>l.available&&r.setExchangeState({selectedItem:l})},l.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(de,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:l.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:p.classes.Image,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("img",{class:l.unavailableReasonCode?"image subdued":"image",src:(null==l?void 0:l.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:p.classes.TextArea,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},null!==(a=l.name)&&void 0!==a?a:""),e("div",{class:"amount",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},i.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(o=s.content)||void 0===o?void 0:o.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:l.ruleType,sourceValue:l.prettySourceValue,sourceMinValue:l.prettySourceMinValue,sourceMaxValue:l.prettySourceMaxValue})),l.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),i.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=s.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:l.sourceUnit,sourceValue:l.prettySourceValue||l.prettySourceMinValue}))))))}))),e("div",{class:p.classes.Button},e("sl-button",{class:"continue right",size:"large",onClick:()=>r.setStage("chooseAmount"),loading:s.loading,disabled:!s.selectedItem},s.content.text.continueText)))];var l},chooseAmount:()=>function(){var l,a,o,d;const c=function(){var l,t,a;const o=s.selectedItem;return o&&"FIXED_GLOBAL_REWARD"!==(null==o?void 0:o.ruleType)?(null===(l=o.steps)||void 0===l?void 0:l.length)?(console.log("SELECTED ITEM ",s.selectedStep),console.log("CALLBACKS ",r),e("sl-select",{style:{width:"auto"},label:null===(t=null==s?void 0:s.content)||void 0===t?void 0:t.text.selectText,class:p.classes.Select,value:s.selectedStep,"onSl-select":e=>{var l,t,s,a,i;return r.setExchangeState({amount:null===(s=null===(t=null===(l=e.detail)||void 0===l?void 0:l.item)||void 0===t?void 0:t.value)||void 0===s?void 0:s.sourceValue,selectedStep:null===(i=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===i?void 0:i.value})}},null===(a=o.steps)||void 0===a?void 0:a.map((l=>{var t,a;return console.log(o.steps),e("sl-menu-item",{value:l.prettyDestinationValue,disabled:!l.available},l.prettyDestinationValue," ",e("br",null),l.unavailableReasonCode&&e("p",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},i.formatMessage({id:"unavailableCode",defaultMessage:null===(a=null===(t=s.content)||void 0===t?void 0:t.text)||void 0===a?void 0:a.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:o.sourceUnit,sourceValue:l.prettySourceValue||o.prettySourceMinValue})),e("div",{class:"step-cost",slot:"suffix"},l.prettySourceValue))})))):e("p",null,i.formatMessage({id:"notEnoughError",defaultMessage:s.content.text.notEnoughError},{sourceUnit:o.sourceUnit})):e("span",null,null==o?void 0:o.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(l=s.selectedItem)||void 0===l?void 0:l.ruleType)&&c&&!s.amount;return e("div",null,e("div",{class:p.classes.ChooseAmount},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(a=null==n?void 0:n.name)&&void 0!==a?a:""),"FIXED_GLOBAL_REWARD"===(null===(o=s.selectedItem)||void 0===o?void 0:o.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=s.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",{class:"points"},c),e("div",{class:"space"}),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>r.resetState()},s.content.text.cancelText),e("sl-button",{class:"continue",size:"large",onClick:()=>r.setStage("confirmation"),disabled:u},s.content.text.continueToConfirmationText))))))}(),confirmation:()=>function(){console.log(n),console.log(d);const l=(null==d?void 0:d.prettySourceValue)||n.prettySourceValue,a=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0",textAlign:"center"}},s.content.text.redeemTitle),e("div",{class:p.classes.Confirmation},e("div",{class:"wrapper"},e("div",{class:"field"},s.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),a&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},s.content.text.rewardAmountTitle),e("div",null,a)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},s.content.text.costTitle),e("div",{class:"value"},l)),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>r.setStage("chooseAmount")},s.content.text.backText),e("sl-button",{class:"continue",size:"large",loading:s.loading,onClick:r.exchangeReward},s.content.text.redeemText))))}(),success:()=>{return console.log("success"),e("div",{class:p.classes.Success},e(ce,null),e(m,null),e("div",{class:"title"},s.content.text.rewardRedeemedText),e("div",{class:"description"},i.formatMessage({id:"successMessage",defaultMessage:s.content.text.redemptionSuccessText},{sourceValue:null!==(l=s.selectedItem.prettySourceValue)&&void 0!==l?l:null===(t=s.selectedStep)||void 0===t?void 0:t.prettySourceValue,destinationValue:(null===(o=s.selectedStep)||void 0===o?void 0:o.prettyDestinationValue)||(null===(n=s.selectedItem)||void 0===n?void 0:n.name)||s.selectedItem.globalRewardKey})),(null==a?void 0:a.fuelTankCode)&&e("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},s.content.text.promoCode,e(R,{shareString:a.fuelTankCode,tooltiptext:null===(d=null==s?void 0:s.content)||void 0===d?void 0:d.text.toopTipText,open:s.open,onClick:r.copyFuelTankCode})),e("div",{class:p.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>r.resetState(!0)},s.content.text.doneText)));var l,t,o,n,d}}[s.redeemStage];function m(){return e("canvas",{ref:e=>{(null==o?void 0:o.canvasRef)&&(o.canvasRef.current=e)},id:"my-canvas",class:p.classes.Confetti})}return e("div",{class:p.classes.Container},e("style",{type:"text/css"},u),e("div",null,console.log(l),function(){const l=me.indexOf(s.redeemStage);return e("div",{class:p.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>me.indexOf(t)<=l?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(ve,{stageCount:3,currentStage:l}))}(),s.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),s.content.text.redemptionError),s.queryError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),s.content.text.queryError),v&&v(),"success"===s.redeemStage))}function he(l,t){const s=x({Container:{columnGap:l.gap+"px",columnWidth:l.width+"px","& > div":{marginBottom:"24px"}}}),a=s.toString();return console.log(l),e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n\n "),e("div",{class:s.classes.Container},t))}function xe(e,l,t){return Math.min(Math.max(e,t),l)}class be extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function ye(e){if("string"!=typeof e)throw new be(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let l=e.trim();l=Re.test(e)?function(e){const l=e.toLowerCase().trim(),t=ke[function(e){let l=5381,t=e.length;for(;t;)l=33*l^e.charCodeAt(--t);return(l>>>0)%2341}(l)];if(!t)throw new be(e);return`#${t}`}(e):e;const t=_e.exec(l);if(t){const e=Array.from(t).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ce(e,2),16))),parseInt(Ce(e[3]||"f",2),16)/255]}const s=ze.exec(l);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Se.exec(l);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=Me.exec(l);if(i){const[l,t,s,a]=Array.from(i).slice(1).map(parseFloat);if(xe(0,100,t)!==t)throw new be(e);if(xe(0,100,s)!==s)throw new be(e);return[...je(l,t,s),a||1]}throw new be(e)}const we=e=>parseInt(e.replace(/_/g,""),36),ke="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,l)=>{const t=we(l.substring(0,3)),s=we(l.substring(3)).toString(16);let a="";for(let e=0;e<6-s.length;e++)a+="0";return e[t]=`${a}${s}`,e}),{}),Ce=(e,l)=>Array.from(Array(l)).map((()=>e)).join(""),_e=new RegExp(`^#${Ce("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ze=new RegExp(`^#${Ce("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Se=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ce(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Re=/^[a-z]+$/i,Ae=e=>Math.round(255*e),je=(e,l,t)=>{let s=t/100;if(0===l)return[s,s,s].map(Ae);const a=(e%360+360)%360/60,i=(1-Math.abs(2*s-1))*(l/100),r=i*(1-Math.abs(a%2-1));let o=0,n=0,d=0;a>=0&&a<1?(o=i,n=r):a>=1&&a<2?(o=r,n=i):a>=2&&a<3?(n=i,d=r):a>=3&&a<4?(n=r,d=i):a>=4&&a<5?(o=r,d=i):a>=5&&a<6&&(o=i,d=r);const c=s-i/2;return[o+c,n+c,d+c].map(Ae)},Be=[50,100,200,300,400,500,600,700,800,900,950],Ee=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Le=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function He(e,l="primary"){const[t,s,a,i]=function(e){const l=e.trim(),t=Le.exec(l);if(t){const[l,s,a,i]=Array.from(t).slice(1).map(parseFloat);if(xe(0,100,s)!==s)throw new be(e);if(xe(0,100,a)!==a)throw new be(e);return[l,s/100,a,i||1]}return function(e){const[l,t,s,a]=ye(e).map(((e,l)=>3===l?e:e/255)),i=Math.max(l,t,s),r=Math.min(l,t,s),o=(i+r)/2;if(i===r)return[0,0,o,a];const n=i-r;return[60*(l===i?(t-s)/n+(t<s?6:0):t===i?(s-l)/n+2:(l-t)/n+4),o>.5?n/(2-i-r):n/(i+r),o,a]}(e)}(e);return Ee.map((e=>function(e,l,t,s){return`hsla(${(e%360).toFixed()}, ${xe(0,100,100*l).toFixed()}%, ${xe(0,100,100*t).toFixed()}%, ${parseFloat(xe(0,1,s).toFixed(3))})`}(t,s,e,i))).map(((e,t)=>`--sl-color-${l}-${Be[t]}: ${e};\n`))}function Ie(e,l="primary"){return He(e,l).join("\n")}const $e=new Map;function qe(e){const l=s(e);let t=e.render.bind(e);e.render=()=>{const e=l.getAttribute("stencilbook-shadow-view");if(e){const l=$e.get(e);if(l)return l}return t()}}const Fe=({story:l},t)=>{var s;let a=null===(s=l.parent.parameters)||void 0===s?void 0:s.tagname;if(!a)return t;const i=Math.round(1e5*Math.random());return $e.set(i+"",t),e("stencilbook-shawdow-view-"+i,null,e(a,{"stencilbook-shadow-view":i}))};export{he as C,I as E,B as L,H as P,oe as R,z as S,re as T,R as a,T as b,Z as c,U as d,X as e,te as f,fe as g,Ie as h,Fe as i,F as u,qe as w}
30
+ `;function D(e){var l,t;return(null===(t=null===(l=e.data)||void 0===l?void 0:l.viewer)||void 0===t?void 0:t.messageLink)?window.open(e.data.viewer.messageLink):alert("error: message link undefined!")}function T(e){var l,t;const{sharetitle:s,sharetext:a,medium:i}=e,r=e.programId?e.programId:o(),p=n(),g={engagementMedium:d(),programId:r,shareMedium:i.toUpperCase()},v=c(F,g,!(null==p?void 0:p.jwt)||!r),m=null===(t=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.viewer)||void 0===t?void 0:t.shareLink,f=u(),h="SMS"===i.toLocaleUpperCase()&&void 0===window.orientation||"DIRECT"===i.toLocaleUpperCase()&&!window.navigator.share;return{...e,loading:v.loading,onClick:function(){"FACEBOOK"===i.toLocaleUpperCase()&&"SquatchAndroid"===f.type?function(e,l){var t,s;"undefined"===(null===(s=null===(t=l.data)||void 0===t?void 0:t.viewer)||void 0===s?void 0:s.messageLink)||"undefined"===e?alert("error: message link undefined!"):void 0!==SquatchAndroid.shareOnFacebook?SquatchAndroid.shareOnFacebook(e,l.data.viewer.messageLink):D(l)}(m,v):"DIRECT"===i.toLocaleUpperCase()?function(e,l){const t=e.sharetitle||"Share title",s=e.sharetext||"Share text";if("undefined"===l)return alert("error: message link undefined!");window.navigator.share?window.navigator.share({title:t,text:s,url:l}).catch((e=>console.error("Error on web share",e))):alert("Not on a supported device")}({sharetitle:s,sharetext:a},m):D(v)},hide:h}}function Z(l){const{states:t,callbacks:s}=l,a=x({Dialog:{padding:"0","&::part(close-button)":{"margin-top":"var(--sl-spacing-medium)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}},InputContainer:{"& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-x-large)"}},CancelButton:{width:"25%",margin:"var(--sl-spacing-large) auto"},PasswordField:{marginBottom:"var(--sl-spacing-large) !important",display:"block"},ChangePasswordButton:{paddingTop:"var(--sl-spacing-x-large)"}}),i=a.toString();return e("div",null,e("style",{type:"text/css"},i),e("sl-dialog",{class:a.classes.Dialog,open:t.open,"onSl-hide":()=>s.setOpen(!1)},e(C,Object.assign({},{labelMargin:"x-large",padding:"none",label:e(w,Object.assign({},{type:"h2"}),t.content.modalChangePasswordHeader),content:e(k,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),t.error&&e("sqm-form-message",{class:a.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},t.error)),t.success&&e("sqm-form-message",{class:a.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.content.successMessage)),e("sl-form",{"onSl-submit":s.submit},e("div",{class:a.classes.InputContainer},e("sqm-password-field",{exportparts:"input-label: input-label",class:a.classes.PasswordField,fieldLabel:t.content.passwordFieldLabel}),e("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,required:!0,togglePassword:!0,disabled:t.loading,type:"password"})),e(k,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),e("sl-button",{class:a.classes.ChangePasswordButton,type:"primary",submit:!0,loading:t.loading},t.content.changePasswordButtonText),e("sl-button",{class:a.classes.CancelButton,type:"text",onClick:()=>s.setOpen(!1)},t.content.cancelText))))}))),e(C,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:e(w,Object.assign({},{type:"h2"}),t.content.portalChangePasswordHeader),content:e("sl-button",{onClick:()=>s.setOpen(!0)},t.content.portalChangePasswordButtonText)}),e("style",{type:"text/css"},i)))}const O=x({Wrapper:v,Column:m,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:f}),V=O.toString();function U(l){const{states:t,callbacks:s,content:a}=l;return e("div",{class:O.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n",V),e(w,{type:"h3"},a.pageLabel),e("sl-form",{class:O.classes.Column,"onSl-submit":s.submit},l.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),e("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:a.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",null,e("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:a.passwordLabel||"Password",disabled:t.loading,required:!0}),e("div",{class:O.classes.ForgotButtonContainer},a.forgotPasswordButton)),e("div",{class:O.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},a.submitLabel||"Login"),a.secondaryButton)))}const P={Wrapper:{...v,"max-width":"600px"},Column:m,HostBlock:g,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:f,ErrorStyle:h},G=x(P),N=G.toString();function X(l){var t,s,a,i,r,o,n,d;const{states:c,refs:p,callbacks:u,content:g}=l;return c.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:G.classes.Wrapper},e("style",{type:"text/css"},"\nsqm-portal-register {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\n:host{\n display: block;\n}\n\n:host([hidden]) {\n display: none;\n}\n",N),e(w,{type:"h3"},g.pageLabel),e("sl-form",{class:G.classes.Column,"onSl-submit":u.submit,ref:e=>p.formRef.current=e,novalidate:!0},c.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),g.formData,!c.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:g.emailLabel||"Email",disabled:c.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:"Must be a valid email address":"Cannot be empty"},(null===(s=null===(t=c.validationState)||void 0===t?void 0:t.validationErrors)||void 0===s?void 0:s.email)?{class:G.classes.ErrorStyle,helpText:(null===(i=null===(a=c.validationState)||void 0===a?void 0:a.validationErrors)||void 0===i?void 0:i.email)||"Cannot be empty"}:[])),!c.hideInputs&&e("sqm-password-field",{fieldLabel:g.passwordLabel,"enable-validation":c.enablePasswordValidation}),g.passwordField,!c.hideInputs&&c.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:g.confirmPasswordLabel,disabled:c.loading,required:!0},(null===(o=null===(r=c.validationState)||void 0===r?void 0:r.validationErrors)||void 0===o?void 0:o.confirmPassword)?{class:G.classes.ErrorStyle,helpText:(null===(d=null===(n=c.validationState)||void 0===n?void 0:n.validationErrors)||void 0===d?void 0:d.confirmPassword)||"Cannot be empty"}:[])),g.terms,e("div",{class:G.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:c.loading,exportparts:"base: primarybutton-base",type:"primary"},g.submitLabel||"Register"),g.secondaryButton)))}const K=x({Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}}),J=K.toString();function Q(l){const t=Math.random().toString(36).slice(2);return e("div",null,e("style",{type:"text/css"},J),e("span",{class:K.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{name:"chevron-down"})),e("span",{class:"summary","progress-bar":l.progressBar},l.content.description)))}const Y=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"})),ee=x({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps] .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired] .progress-bar":{filter:"grayscale(1)"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"}}},{classNamePrefix:"sqm-prog-bar"}),le=ee.toString();function te(l){var t;const{progress:s=0,goal:a=1,steps:i=!1,progressBarUnit:r="",repeatable:o=!1,expired:n=!1,finite:d=0}=l;let c=function(l,t,s){return l?t?function({progress:l,goal:t,finite:s}){const a=[],i=[];let r=Math.floor(l/t);if(r<2){let s=1/t;for(let r=1;r<2*t+1;r++)i.push(s+"fr"),i.push("0fr"),r>l?r==t?(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},t)),a.push(e("div",{class:"gift bw"},e(Y,null)))):r==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},2*t)),a.push(e("div",{class:"gift bw"},e(Y,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},r))):r==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},r)),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r)))}else if(s&&r>=s){let o=1/t;r>2&&(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},t*(s-2))),a.push(e("div",{class:"gift start"},e(Y,null))));for(let r=1;r<2*t+1;r++)i.push(o+"fr"),i.push("0fr"),r>l?r==t&&(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},t*(s-1))),a.push(e("div",{class:"gift bw"},e(Y,null)))):r==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},t*(s-1))),a.push(e("div",{class:"gift"},e(Y,null)))):r==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},t*s)),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r+t*(s-2))))}else{let s=l%t+t,o=1/t;i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},t*(r-1))),a.push(e("div",{class:"gift start"},e(Y,null)));for(let l=1;l<2*t+1;l++)i.push(o+"fr"),i.push("0fr"),l<=t?l==t?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},l+t*(r-1))),a.push(e("div",{class:"gift"},e(Y,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+t*(r-1)))):l>s?l==2*t?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},l+t*(r-1))),a.push(e("div",{class:"gift bw"},e(Y,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},l+t*(r-1)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+t*(r-1))))}return{items:a,columns:i.join(" ")}}(s):function({progress:l,goal:t,progressBarUnit:s,finite:a}){let i=Math.floor(l/t),r=l%t/t*.5;const o=[];let n="";return 0==i?(n=r+"fr 0fr "+(.5-r)+"fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t?"progress top bg":"progress top"},s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+t)),o.push(e("div",{class:l==t?"gift":"gift bw"},e(Y,null))),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+2*t)),o.push(e("div",{class:"gift bw"},e(Y,null)))):1==i?(n="0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t)),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t?"progress top bg":"progress top"},l==t?"":s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+2*t)),o.push(e("div",{class:"gift bw"},e(Y,null)))):a&&i>=a?(i>2?(o.push(e("div",{class:"progress bg"},s+t*(a-2))),o.push(e("div",{class:"gift start"},e(Y,null))),n="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):n="0.5fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*(a-1))),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*a)),o.push(e("div",{class:"gift"},e(Y,null)))):(n="0fr 0fr 0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"progress bg"},s+t*(i-1))),o.push(e("div",{class:"gift start"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},s+t*i)),o.push(e("div",{class:"gift"},e(Y,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==t*i?"progress top bg":"progress top"},l==t*i?"":s+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},s+t*(i+1))),o.push(e("div",{class:"gift bw"},e(Y,null)))),{items:o,columns:n}}(s):t?function({progress:l,goal:t}){const s=[],a=[];let i=1/t;for(let r=1;r<t;r++)a.push(i+"fr"),a.push("0fr"),r>l?(s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty"},r))):(s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress"},r)));return a.push(i+"fr"),a.push("0fr"),t<=l?(a.push("0fr"),s.push(e("div",{class:"filled"})),s.push(e("div",{class:"progress bg"},t)),s.push(e("div",{class:"gift"},e(Y,null)))):(a.push("0fr"),s.push(e("div",{class:"remain"})),s.push(e("div",{class:"empty bg"},t)),s.push(e("div",{class:"gift bw"},e(Y,null)))),{items:s,columns:a.join(" ")}}(s):function({progress:l,goal:t,progressBarUnit:s}){const a=[];let i="";const r=l/t;return i=se(r,0,1)+"fr 0fr "+se(1-r,0,1)+"fr 0fr 0fr",a.push(e("div",{class:"filled"})),a.push(e("div",{class:se(l,0,t)==t?"progress top bg":"progress top"},se(l,0,t)==t?"":s+se(l,0,t))),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},s+t)),a.push(e("div",{class:se(l,0,t)==t?"gift":"gift bw"},e(Y,null))),{items:a,columns:i}}(s)}(o,i,l);const{columns:p,items:u}=c;return console.log("PROGRESS BAR PROPS "+(null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.cardTitle)),console.log({props:l}),e("div",{class:ee.classes.ProgressBar,"data-expired":n,"data-steps":i,"data-done":a<=s},e("style",{type:"text/css"},le),e("div",{class:!Boolean(d)&&s>=2*a||Boolean(d)&&s>2*a?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==s||i?"":"var(--sl-spacing-x-small)"}},u))}function se(e,l,t){return Math.min(Math.max(e,l),t)}const ae=x({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.2)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-600)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-primary-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-primary-500)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-warning-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-warning-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-warning-500)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-400)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)",borderRadius:"var(--sl-border-radius-medium)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)",color:"var(--sl-color-neutral-400)"}}}),ie=ae.toString();function re(l){var t,s,a;console.log("TASK CARD PROPS "+(null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.cardTitle)),console.log({props:l});const{callbacks:r,states:o,content:n}=l,d=n.rewardDuration&&b.DateTime.fromISO(n.rewardDuration.split("/")[0]),c=n.rewardDuration&&b.DateTime.fromISO(n.rewardDuration.split("/")[1]),p=b.DateTime.now();if(n.displayDuration){const l=null===(s=n.displayDuration.split("/"))||void 0===s?void 0:s[0],t=null===(a=n.displayDuration.split("/"))||void 0===a?void 0:a[1],i=l?b.DateTime.fromISO(l):p,r=t?b.DateTime.fromISO(t):p;if(console.log({displayDateStart:i,dateToday:p,displayDateEnd:r}),p<i||p>r)return e("span",null)}const u=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),g=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),v=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"})),m=o.progress>=n.goal,f=n.showProgressBar?Math.floor(o.progress/n.goal):o.progress,h=m&&!1===n.repeatable||n.finite&&o.progress>=n.finite*n.goal,x=n.rewardDuration&&c<=p,w=n.rewardDuration&&p<=d,k=x||w;return e("div",{class:ae.classes.TaskCard},e("style",{type:"text/css"},ie,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n "),!o.loading&&w&&e("div",{class:ae.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),i.formatMessage({id:"startsOnMessage",defaultMessage:n.startsOnMessage},{startDate:d.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)})),!o.loading&&x&&e("div",{class:ae.classes.Ended},e("span",{class:"icon"},e("sl-icon",{name:"exclamation-triangle-fill"})),i.formatMessage({id:"endedMessage",defaultMessage:n.endedMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)})),e("div",{style:{borderRadius:k&&"0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium)"},class:k?"main expired":h?"main complete":"main"},e("div",{class:h||k?"container subdued":"container"},e("div",{class:ae.classes.Header},o.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,m&&e("span",{class:k?"icon neutral":"icon"},h?g:u),e("span",{class:"value"},n.rewardAmount),e("span",{class:"text"},n.rewardUnit))),o.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",style:{marginBottom:n.description?"":n.steps?"var(--sl-spacing-x-large)":n.showProgressBar?"var(--sl-spacing-xx-large)":""}},n.cardTitle),o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.description&&e(Q,Object.assign({},l)),n.showProgressBar&&o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.showProgressBar&&e(te,Object.assign({},l.content,l.states,{complete:h,expired:k})),e("div",{class:ae.classes.Footer},o.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},n.repeatable&&e("div",null,e("span",{class:f>0?k?"icon neutral":"icon success":"icon"},v),e("span",{class:f>0?k?"neutral":"success":""},i.formatMessage({id:"completedMessage",defaultMessage:n.completedText},{finite:n.finite,count:n.finite?Math.min(f,n.finite):f}))),c&&!k&&e("span",{class:"datetime"},i.formatMessage({id:"expiryMessage",defaultMessage:n.expiryMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(b.DateTime.DATETIME_MED)}))),e("sl-button",{class:k?"action neutral":h?"action disabled":"action",type:"primary",size:"small",onClick:r.onClick,loading:o.loadingEvent,disabled:h||k},n.buttonText))))))}function oe(l){const{states:t,data:s}=l,{content:a}=t,i=x({Container:{position:"relative",width:a.iframeWidth,height:a.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),r=i.toString();return e("div",{class:i.classes.Container},e("style",{type:"text/css"},r),e("iframe",{class:i.classes.IFrame,src:`${a.iframeSrc}?rsCode=${s.shareCode}`}))}const ne=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})),de=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"})),ce=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("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"}),e("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"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("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"}),e("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"}),e("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"}),e("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"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function pe({active:l,completed:t,incomplete:s,stage:a}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sl-color-success-500)":s?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:l?"1px solid var(--sl-color-success-500)":s?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(ne,null)):e("div",{style:{color:l?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},a+1)))}function ue({incomplete:l=!1,active:t=!1,invisible:s=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:l||t?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:s?"0":"1"}})}function ge({active:l,completed:t,incomplete:s,stage:a}){return[e(ue,{incomplete:s,invisible:0===a}),e(pe,{active:l,completed:t,incomplete:s,stage:a}),e(ue,{incomplete:s,active:l,invisible:2===a})]}function ve({stageCount:l,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(l).keys()).map((l=>e(ge,{active:t===l,completed:t>l,incomplete:t<l,stage:l}))))}const me=["chooseReward","chooseAmount","confirmation","success"];function fe(l){const{states:s,data:a,callbacks:r,refs:o}=l,{selectedItem:n,selectedStep:d}=s,c={chooseReward:s.content.text.chooseRewardTitle,chooseAmount:s.content.text.chooseAmountTitle,confirmation:s.content.text.confirmationTitle},p=x({HostBlock:g,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"},"&::part(menu)":{maxHeight:"50vh"},"& sl-menu-item::part(checked-icon)":{top:"8px"},"& sl-menu-item::part(base)":{flexDirection:"column"},"& sl-menu-item::part(base):focus":{background:"transparent",color:"var(--sl-color-gray-700)"}},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(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},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"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"}},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(--sl-color-neutral-1000)",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(--sl-color-neutral-500)",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(--sl-color-warning-600)",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:{display:"flex",alignItems:"center",justifyContent:"center",margin:"var(--sl-spacing-medium) 0","& .wrapper":{display:"flex",justifyContent:"center",alignItems:"center",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",minWidth:"330px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",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(--sl-color-neutral-200)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sl-color-neutral-200)"}}},SelectItem:{display:"flex",flexDirection:"column","& > .step-cost":{color:"var(--sl-color-neutral-400)",height:"0",marginBottom:"5px"},"& > .step-value":{margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"}},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%",textTransform:"uppercase",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-400)",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:"1px solid var(--sl-color-neutral-200)"},"& .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)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@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"}}),u=p.toString();const v={chooseReward:()=>{return[e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0"}},s.content.text.rewardTitle),e("div",{class:p.classes.Grid},s.loading?[...Array(s.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:p.classes.Card},e("div",{class:p.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}}))))))):null===(l=a.exchangeList)||void 0===l?void 0:l.map((l=>{var a,o,d,c,u;return e("div",{key:l.key,style:{boxShadow:l.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"}},e("sl-card",{class:p.classes.Card,style:{cursor:l.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>l.available&&r.setExchangeState({selectedItem:l})},l.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(de,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:l.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:p.classes.Image,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("img",{class:l.unavailableReasonCode?"image subdued":"image",src:(null==l?void 0:l.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:p.classes.TextArea,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},null!==(a=l.name)&&void 0!==a?a:""),e("div",{class:"amount",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},i.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(o=s.content)||void 0===o?void 0:o.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:l.ruleType,sourceValue:l.prettySourceValue,sourceMinValue:l.prettySourceMinValue,sourceMaxValue:l.prettySourceMaxValue})),l.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),i.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=s.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:l.sourceUnit,sourceValue:l.prettySourceValue||l.prettySourceMinValue}))))))}))),e("div",{class:p.classes.Button},e("sl-button",{class:"continue right",size:"large",onClick:()=>r.setStage("chooseAmount"),loading:s.loading,disabled:!s.selectedItem},s.content.text.continueText)))];var l},chooseAmount:()=>function(){var l,a,o,d;const c=function(){var l,t,a;const o=s.selectedItem;return o&&"FIXED_GLOBAL_REWARD"!==(null==o?void 0:o.ruleType)?(null===(l=o.steps)||void 0===l?void 0:l.length)?(console.log("SELECTED ITEM ",s.selectedStep),console.log("CALLBACKS ",r),e("sl-select",{style:{width:"auto"},label:null===(t=null==s?void 0:s.content)||void 0===t?void 0:t.text.selectText,class:p.classes.Select,value:s.selectedStep,"onSl-select":e=>{var l,t,s,a,i;return r.setExchangeState({amount:null===(s=null===(t=null===(l=e.detail)||void 0===l?void 0:l.item)||void 0===t?void 0:t.value)||void 0===s?void 0:s.sourceValue,selectedStep:null===(i=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===i?void 0:i.value})}},null===(a=o.steps)||void 0===a?void 0:a.map((l=>{var t,a;return console.log(o.steps),e("sl-menu-item",{value:l.prettyDestinationValue,disabled:!l.available},l.prettyDestinationValue," ",e("br",null),l.unavailableReasonCode&&e("p",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},i.formatMessage({id:"unavailableCode",defaultMessage:null===(a=null===(t=s.content)||void 0===t?void 0:t.text)||void 0===a?void 0:a.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:o.sourceUnit,sourceValue:l.prettySourceValue||o.prettySourceMinValue})),e("div",{class:"step-cost",slot:"suffix"},l.prettySourceValue))})))):e("p",null,i.formatMessage({id:"notEnoughError",defaultMessage:s.content.text.notEnoughError},{sourceUnit:o.sourceUnit})):e("span",null,null==o?void 0:o.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(l=s.selectedItem)||void 0===l?void 0:l.ruleType)&&c&&!s.amount;return e("div",null,e("div",{class:p.classes.ChooseAmount},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(a=null==n?void 0:n.name)&&void 0!==a?a:""),"FIXED_GLOBAL_REWARD"===(null===(o=s.selectedItem)||void 0===o?void 0:o.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=s.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",{class:"points"},c),e("div",{class:"space"}),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>r.resetState()},s.content.text.cancelText),e("sl-button",{class:"continue",size:"large",onClick:()=>r.setStage("confirmation"),disabled:u},s.content.text.continueToConfirmationText))))))}(),confirmation:()=>function(){console.log(n),console.log(d);const l=(null==d?void 0:d.prettySourceValue)||n.prettySourceValue,a=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0",textAlign:"center"}},s.content.text.redeemTitle),e("div",{class:p.classes.Confirmation},e("div",{class:"wrapper"},e("div",{class:"field"},s.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),a&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},s.content.text.rewardAmountTitle),e("div",null,a)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},s.content.text.costTitle),e("div",{class:"value"},l)),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>r.setStage("chooseAmount")},s.content.text.backText),e("sl-button",{class:"continue",size:"large",loading:s.loading,onClick:r.exchangeReward},s.content.text.redeemText))))}(),success:()=>{return console.log("success"),e("div",{class:p.classes.Success},e(ce,null),e(m,null),e("div",{class:"title"},s.content.text.rewardRedeemedText),e("div",{class:"description"},i.formatMessage({id:"successMessage",defaultMessage:s.content.text.redemptionSuccessText},{sourceValue:null!==(l=s.selectedItem.prettySourceValue)&&void 0!==l?l:null===(t=s.selectedStep)||void 0===t?void 0:t.prettySourceValue,destinationValue:(null===(o=s.selectedStep)||void 0===o?void 0:o.prettyDestinationValue)||(null===(n=s.selectedItem)||void 0===n?void 0:n.name)||s.selectedItem.globalRewardKey})),(null==a?void 0:a.fuelTankCode)&&e("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},s.content.text.promoCode,e(R,{shareString:a.fuelTankCode,tooltiptext:null===(d=null==s?void 0:s.content)||void 0===d?void 0:d.text.toopTipText,open:s.open,onClick:r.copyFuelTankCode})),e("div",{class:p.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>r.resetState(!0)},s.content.text.doneText)));var l,t,o,n,d}}[s.redeemStage];function m(){return e("canvas",{ref:e=>{(null==o?void 0:o.canvasRef)&&(o.canvasRef.current=e)},id:"my-canvas",class:p.classes.Confetti})}return e("div",{class:p.classes.Container},e("style",{type:"text/css"},u),e("div",null,console.log(l),function(){const l=me.indexOf(s.redeemStage);return e("div",{class:p.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>me.indexOf(t)<=l?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(ve,{stageCount:3,currentStage:l}))}(),s.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),s.content.text.redemptionError),s.queryError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),s.content.text.queryError),v&&v(),"success"===s.redeemStage))}function he(l,t){const s=x({Container:{columnGap:l.gap+"px",columnWidth:l.width+"px","& > div":{marginBottom:"24px"}}}),a=s.toString();return console.log(l),e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n\n "),e("div",{class:s.classes.Container},t))}function xe(e,l,t){return Math.min(Math.max(e,t),l)}class be extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function ye(e){if("string"!=typeof e)throw new be(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let l=e.trim();l=Re.test(e)?function(e){const l=e.toLowerCase().trim(),t=ke[function(e){let l=5381,t=e.length;for(;t;)l=33*l^e.charCodeAt(--t);return(l>>>0)%2341}(l)];if(!t)throw new be(e);return`#${t}`}(e):e;const t=_e.exec(l);if(t){const e=Array.from(t).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ce(e,2),16))),parseInt(Ce(e[3]||"f",2),16)/255]}const s=ze.exec(l);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Se.exec(l);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=Me.exec(l);if(i){const[l,t,s,a]=Array.from(i).slice(1).map(parseFloat);if(xe(0,100,t)!==t)throw new be(e);if(xe(0,100,s)!==s)throw new be(e);return[...je(l,t,s),a||1]}throw new be(e)}const we=e=>parseInt(e.replace(/_/g,""),36),ke="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,l)=>{const t=we(l.substring(0,3)),s=we(l.substring(3)).toString(16);let a="";for(let e=0;e<6-s.length;e++)a+="0";return e[t]=`${a}${s}`,e}),{}),Ce=(e,l)=>Array.from(Array(l)).map((()=>e)).join(""),_e=new RegExp(`^#${Ce("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ze=new RegExp(`^#${Ce("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Se=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ce(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Re=/^[a-z]+$/i,Ae=e=>Math.round(255*e),je=(e,l,t)=>{let s=t/100;if(0===l)return[s,s,s].map(Ae);const a=(e%360+360)%360/60,i=(1-Math.abs(2*s-1))*(l/100),r=i*(1-Math.abs(a%2-1));let o=0,n=0,d=0;a>=0&&a<1?(o=i,n=r):a>=1&&a<2?(o=r,n=i):a>=2&&a<3?(n=i,d=r):a>=3&&a<4?(n=r,d=i):a>=4&&a<5?(o=r,d=i):a>=5&&a<6&&(o=i,d=r);const c=s-i/2;return[o+c,n+c,d+c].map(Ae)},Be=[50,100,200,300,400,500,600,700,800,900,950],Ee=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Le=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function He(e,l="primary"){const[t,s,a,i]=function(e){const l=e.trim(),t=Le.exec(l);if(t){const[l,s,a,i]=Array.from(t).slice(1).map(parseFloat);if(xe(0,100,s)!==s)throw new be(e);if(xe(0,100,a)!==a)throw new be(e);return[l,s/100,a,i||1]}return function(e){const[l,t,s,a]=ye(e).map(((e,l)=>3===l?e:e/255)),i=Math.max(l,t,s),r=Math.min(l,t,s),o=(i+r)/2;if(i===r)return[0,0,o,a];const n=i-r;return[60*(l===i?(t-s)/n+(t<s?6:0):t===i?(s-l)/n+2:(l-t)/n+4),o>.5?n/(2-i-r):n/(i+r),o,a]}(e)}(e);return Ee.map((e=>function(e,l,t,s){return`hsla(${(e%360).toFixed()}, ${xe(0,100,100*l).toFixed()}%, ${xe(0,100,100*t).toFixed()}%, ${parseFloat(xe(0,1,s).toFixed(3))})`}(t,s,e,i))).map(((e,t)=>`--sl-color-${l}-${Be[t]}: ${e};\n`))}function Ie(e,l="primary"){return He(e,l).join("\n")}const $e=new Map;function qe(e){const l=s(e);let t=e.render.bind(e);e.render=()=>{const e=l.getAttribute("stencilbook-shadow-view");if(e){const l=$e.get(e);if(l)return l}return t()}}const We=({story:l},t)=>{var s;let a=null===(s=l.parent.parameters)||void 0===s?void 0:s.tagname;if(!a)return t;const i=Math.round(1e5*Math.random());return $e.set(i+"",t),e("stencilbook-shawdow-view-"+i,null,e(a,{"stencilbook-shadow-view":i}))};export{he as C,I as E,B as L,H as P,oe as R,z as S,re as T,R as a,T as b,Z as c,U as d,X as e,te as f,fe as g,Ie as h,We as i,W as u,qe as w}
@@ -0,0 +1 @@
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,s=arguments.length;a<s;a++){t=arguments[a];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-126bcba1.system.js","./p-3bbb90a9.system.js"],(function(e){"use strict";var t,a,s;return{setters:[function(e){t=e.h},function(e){a=e.g},function(e){s=e.c}],execute:function(){e("G",n);function n(e){var n;var l=e.states,r=e.data,o=e.callbacks,i=e.elements;var d=i.columns,p=i.rows;var c=l.show;console.log("table",e);console.log("columns 0",d);var u=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var m="@media (max-width: "+r.mdBreakpoint+"px)";var b="@media (min-width: "+(!Boolean(p.length)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var g={Table:(n={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},n[m]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-medium)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},n[b]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},n),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},a({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var v=s(g);var f=v.toString();return t("div",null,t("style",{type:"text/css"},f),t("table",{class:v.classes.Table},r.textOverrides.showLabels&&t("thead",null,t("tr",null,d===null||d===void 0?void 0:d.map((function(e){return t("th",null,e)})))),t("tbody",null,c==="loading"&&i.loadingElement,c==="empty"&&i.emptyElement,c==="rows"&&(p===null||p===void 0?void 0:p.map((function(e,a){return t("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return t("td",{class:u.includes(a)?"hidden":"","data-label":d[a]+":"},e)})))}))))),t("div",{class:v.classes.ButtonContainer,part:l.namespace+"-button-wrapper"},t("sl-button",{size:"small",disabled:!l.hasPrev,loading:c==="loading",onClick:o.prevPage,exportparts:"base: defaultbutton-base",class:!l.hasPrev?v.classes.ButtonDisabled:""},r.textOverrides.prevLabel),t("sl-button",{size:"small",loading:c==="loading",disabled:!l.hasNext,onClick:o.nextPage,exportparts:"base: defaultbutton-base",class:!l.hasNext?v.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}}}}));
@@ -1 +1 @@
1
- System.register(["./p-ff17b3a4.system.js","./p-0988f079.system.js","./p-3bbb90a9.system.js","./p-8bcaafaf.system.js","./p-bc19e1c2.system.js"],(function(e){"use strict";var t,s,a,l,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){l=e.T},function(e){i=e.P}],execute:function(){e("P",r);function r(e){var r,n,o,u,d;var m=e.states,p=e.callbacks;var c=m.text,v=m.formState;var b=v.errors,f=v.error;var g={FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}};var y=a(g);var x=y.toString();var N=((r=m.user)===null||r===void 0?void 0:r.countryCode)?s.formatDisplayName((n=m.user)===null||n===void 0?void 0:n.countryCode,{type:"region"}):"";return t(i,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),t("style",{type:"text/css"},x),t(l,Object.assign({},{type:"h1"}),c.editProfileHeader),t(l,Object.assign({},{type:"h2"}),c.editProfileSubHeader),t("form",{class:y.classes.FormStyle,onSubmit:p.onSubmit},m.success&&t("sqm-form-message",{exportparts:"success-icon"},t("div",{part:"successalert-text"},"Your profile has been successfully updated.")),f&&t("sqm-form-message",{class:y.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},f)),t(i,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(o=m.user)===null||o===void 0?void 0:o.firstName,onInput:p.onChange,label:c.firstnametext,disabled:m.loading},(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?b===null||b===void 0?void 0:b.firstName.message:undefined})),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(u=m.user)===null||u===void 0?void 0:u.lastName,onInput:p.onChange,label:c.lastnametext,disabled:m.loading,id:"lastName",name:"lastName"},(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?b===null||b===void 0?void 0:b.lastName.message:undefined}))),t("sl-input",{label:c.emailtext,value:(d=m.user)===null||d===void 0?void 0:d.email,exportparts:"label: input-label",disabled:true}),m.showCountry&&t("sl-input",{label:c.countrytext,value:N,exportparts:"label: input-label",disabled:true}),t("sl-button",{type:"primary",loading:m.loading,disabled:m.submitDisabled,onClick:function(e){p.onSubmit(e)},submit:true},c.submitChangeButtonText)))}}}}));
1
+ System.register(["./p-ff17b3a4.system.js","./p-134f64dc.system.js","./p-3bbb90a9.system.js","./p-8bcaafaf.system.js","./p-bc19e1c2.system.js"],(function(e){"use strict";var t,s,a,l,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){l=e.T},function(e){i=e.P}],execute:function(){e("P",r);function r(e){var r,n,o,u,d;var m=e.states,p=e.callbacks;var c=m.text,v=m.formState;var b=v.errors,f=v.error;var g={FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}};var y=a(g);var x=y.toString();var N=((r=m.user)===null||r===void 0?void 0:r.countryCode)?s.formatDisplayName((n=m.user)===null||n===void 0?void 0:n.countryCode,{type:"region"}):"";return t(i,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),t("style",{type:"text/css"},x),t(l,Object.assign({},{type:"h1"}),c.editProfileHeader),t(l,Object.assign({},{type:"h2"}),c.editProfileSubHeader),t("form",{class:y.classes.FormStyle,onSubmit:p.onSubmit},m.success&&t("sqm-form-message",{exportparts:"success-icon"},t("div",{part:"successalert-text"},"Your profile has been successfully updated.")),f&&t("sqm-form-message",{class:y.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},f)),t(i,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(o=m.user)===null||o===void 0?void 0:o.firstName,onInput:p.onChange,label:c.firstnametext,disabled:m.loading},(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?b===null||b===void 0?void 0:b.firstName.message:undefined})),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(u=m.user)===null||u===void 0?void 0:u.lastName,onInput:p.onChange,label:c.lastnametext,disabled:m.loading,id:"lastName",name:"lastName"},(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?b===null||b===void 0?void 0:b.lastName.message:undefined}))),t("sl-input",{label:c.emailtext,value:(d=m.user)===null||d===void 0?void 0:d.email,exportparts:"label: input-label",disabled:true}),m.showCountry&&t("sl-input",{label:c.countrytext,value:N,exportparts:"label: input-label",disabled:true}),t("sl-button",{type:"primary",loading:m.loading,disabled:m.submitDisabled,onClick:function(e){p.onSubmit(e)},submit:true},c.submitChangeButtonText)))}}}}));
@@ -0,0 +1,90 @@
1
+ import{h as e,r as t,c as a}from"./p-64c3217a.js";import{e as s,u as r,m as l}from"./p-b7da9a8a.js";import{i}from"./p-e43c77bd.js";import"./p-d1520098.js";import{d as n,n as o,M as d,R as c,w as u,k as m}from"./p-3b184c32.js";import"./p-81f34787.js";import{c as p}from"./p-c1086930.js";import"./p-26f627aa.js";import{c as h}from"./p-373fa002.js";import{G as v}from"./p-9bf208d8.js";import{u as g,a as y}from"./p-396b5489.js";import{u as f}from"./p-7ba0e231.js";import{g as E}from"./p-092d50be.js";import{l as w}from"./p-591de129.js";import{l as b}from"./p-4e05c65a.js";import{T as x}from"./p-179988b5.js";const R=n.gql`
2
+ query getRewards(
3
+ $limit: Int!
4
+ $offset: Int!
5
+ $rewardFilter: RewardFilterInput
6
+ $locale: RSLocale
7
+ ) {
8
+ viewer {
9
+ ... on User {
10
+ id
11
+ rewards(limit: $limit, offset: $offset, filter: $rewardFilter) {
12
+ totalCount
13
+ count
14
+ data {
15
+ id
16
+ type
17
+ value
18
+ unit
19
+ name
20
+ dateGiven
21
+ dateExpires
22
+ dateCancelled
23
+ dateRedeemed
24
+ dateScheduledFor
25
+ fuelTankCode
26
+ fuelTankType
27
+ currency
28
+ prettyValue(locale: $locale)
29
+ prettyValueNumber: prettyValue(
30
+ formatType: NUMBER_FORMATTED
31
+ locale: $locale
32
+ )
33
+ prettyAvailableNumber: prettyAvailableValue(
34
+ formatType: NUMBER_FORMATTED
35
+ locale: $locale
36
+ )
37
+ prettyRedeemedNumber: prettyRedeemedCredit(
38
+ formatType: NUMBER_FORMATTED
39
+ locale: $locale
40
+ )
41
+ programId
42
+ program {
43
+ name
44
+ }
45
+ statuses
46
+ pendingReasons
47
+ globalRewardKey
48
+ programRewardKey
49
+ rewardSource
50
+ prettyRedeemedCredit(locale: $locale)
51
+ prettyAssignedCredit(locale: $locale)
52
+ prettyAvailableValue(locale: $locale)
53
+ exchangedRewardRedemptionTransaction {
54
+ id
55
+ creditRedeemed
56
+ prettyRedeemedCredit(locale: $locale)
57
+ unit
58
+ dateRedeemed
59
+ }
60
+ referral {
61
+ id
62
+ referrerUser {
63
+ id
64
+ firstName
65
+ lastName
66
+ }
67
+ referredUser {
68
+ id
69
+ firstName
70
+ lastName
71
+ }
72
+ }
73
+ rewardRedemptionTransactions {
74
+ data {
75
+ exchangedRewards {
76
+ data {
77
+ prettyValue(locale: $locale)
78
+ type
79
+ fuelTankCode
80
+ globalRewardKey
81
+ }
82
+ }
83
+ }
84
+ }
85
+ }
86
+ }
87
+ }
88
+ }
89
+ }
90
+ `;async function A(t,a){const s=t.tagName.toLowerCase();let r;await customElements.whenDefined(s);try{r=a()}catch(t){return console.error("label promise failed",t),e("span",null)}try{return await r}catch(t){console.error("Error rendering label",t);const a=E(t);return e("details",null,e("summary",null,"Error"),a)}}const _=class{constructor(e){t(this,e),this.perPage=3,this.showLabels=!0,this.prevLabel="Prev",this.moreLabel="Next",this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=899,this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png",this.emptyStateHeader="View your rewards",this.emptyStateText="See all the rewards you have earned from referring friends and completing tasks",l(this)}disconnectedCallback(){}render(){const t=e(T,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText}),a=e(D,null),{states:l,data:i,callbacks:n,elements:h}=m()?p({states:{hasPrev:!1,hasNext:!1,loading:!1,namespace:"sqm-rewards-table"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:(y=this).showLabels,prevLabel:y.prevLabel,moreLabel:y.moreLabel},referralData:[]},elements:{emptyElement:e(T,{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png",emptyStateHeader:"View your rewards",emptyStateText:"See all the rewards you have earned from referring friends and completing tasks"}),loadingElement:e(D,null),columns:["Reward","Source","Status","Date recieved"],rows:[]}},y.demoData||{},{arrayMerge:(e,t)=>t}):function(e,t,a){var l,i;const n=o(),m=d(),p=c(),h=null!==(l=e.programId)&&void 0!==l?l:m,v={userId_eq:null==n?void 0:n.id,accountId_eq:null==n?void 0:n.accountId,...h?"classic"===h?{programId_exists:!1}:{programId_eq:h}:{}},[y,E]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:w,states:b,callbacks:x}=u(R,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:v,locale:p},!(null==n?void 0:n.jwt)),_=g(),D=f(),N=null==w?void 0:w.data;r((()=>{E({loading:!0}),w&&async function(e){const t=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==t?void 0:t.map((async e=>A(e,(()=>e.renderLabel())))),s=null==N?void 0:N.map((async e=>{const a=null==t?void 0:t.map((async t=>A(t,(()=>t.renderCell([e],p)))));return await Promise.all(a)})),r=s&&(await Promise.all(s)).filter((e=>e));E({rows:r});const l=a&&await Promise.all(a);E({columns:l,loading:!1,page:b.currentPage})}(D)}),[w,D,_]);const T=!(null===(i=null==y?void 0:y.rows)||void 0===i?void 0:i.length)&&!(null==N?void 0:N.length);return{states:{hasNext:b.currentPage<b.pageCount-1,hasPrev:b.currentPage>0,show:b.loading||y.loading?"loading":T?"empty":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:y.columns,rows:y.rows,emptyElement:t,loadingElement:a},callbacks:{nextPage:()=>{x.setCurrentPage(b.currentPage+1)},prevPage:()=>{x.setCurrentPage(b.currentPage-1)}}}}(this,t,a);var y;return e(v,{states:l,data:i,callbacks:n,elements:h})}};function D(){return e("slot",{name:"loading"},e(N,null),e(N,null),e(N,null),e(N,null))}function N(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}function T({emptyStateImage:t,emptyStateHeader:a,emptyStateText:s}){return e("div",{slot:"empty",style:{display:"contents"}},e("sqm-table-row",null,e("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},e("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},e("sqm-image",{"image-url":t,"max-width":"100px"}),e("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},e("sqm-text",{slot:"label"},e("h3",null,a)),e("sqm-text",{slot:"content"},s))))))}const S=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",l(this)}disconnectedCallback(){}render(){var t,a;const s=this.date?null===(a=null===(t=w.DateTime.fromMillis(this.date))||void 0===t?void 0:t.setLocale(b(this.locale)))||void 0===a?void 0:a.toLocaleString(w.DateTime.DATE_MED):"-";return e(x,{type:"p"},s)}},L=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",l(this)}disconnectedCallback(){}async renderCell(t,a){const s=null==t?void 0:t[0];return console.log("reward column - locale",{locale:a}),e("sqm-rewards-table-date-cell",{date:s[this.dateShown],locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},I=class{constructor(e){t(this,e)}render(){i.locale=this.locale;const t=h({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)"}}).toString();return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},t),e((({reward:t})=>{var a;console.log(t);const s="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-";if("CREDIT"===t.type&&!("1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber)){const a=Math.round((parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber))/parseFloat(t.prettyValueNumber)*100),r=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,i.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,i.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.prettyAvailableValue})),l=h({Progress:{height:"3px",maxWidth:"150px",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:`${a}%`,height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",maxWidth:"100%",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}}),n=l.toString();return e("div",null,e("style",{type:"text/css"},n),e("div",{class:l.classes.Container},e("span",null,s+" "),e("br",null)," ",e("div",{class:l.classes.Progress}),e("span",{class:l.classes.Subtext},r)))}return e("div",null,s)}),{reward:this.reward}))}},C=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} remaining",l(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:null==t?void 0:t[0],redeemedText:this.redeemedText,availableText:this.availableText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.columnTitle]),e(a,{style:{display:"none"}})}},q=class{constructor(e){t(this,e),this.locale="en"}render(){i.locale=this.locale;const t=({reward:t})=>{var a;return e("span",null,i.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(a=null==t?void 0:t.program)||void 0===a?void 0:a.name}))},a=({reward:t})=>{var a;const s=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(a=t.exchangedRewardRedemptionTransaction)||void 0===a?void 0:a.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?s:e("div",{style:{display:"inline-block",verticalAlign:"top"}},s)},s=e=>e?e.firstName||e.lastName?e.firstName?e.lastName?`${e.firstName} ${e.lastName}`:`${e.firstName}`:`${e.lastName}`:this.anonymousUserText:this.deletedUserText;return e((()=>"FRIEND_SIGNUP"===this.reward.rewardSource||"REFERRED"===this.reward.rewardSource?e("div",null,e("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},i.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,s("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},P=class{constructor(e){t(this,e),this.columnTitle="Source",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",this.rewardExchangeText="Reward Exchange",this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}",this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}",l(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:null==t?void 0:t[0],anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.deletedUser,this.anonymousUser,this.columnTitle]),e(a,{style:{display:"none"}})}},k=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error"}rewardStatus(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if("CREDIT"===e.type)return e.statuses.includes("REDEEMED")?"REDEEMED":"AVAILABLE";if("PCT_DISCOUNT"===e.type&&e.statuses.includes("AVAILABLE"))return"AVAILABLE";if("INTEGRATION"===e.type||"FUELTANK"===e.type){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""}render(){var t;i.locale=this.locale;const a=h({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}}),s=a.toString(),r=this.rewardStatus(this.reward),l=i.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r}),n="AVAILABLE"===r?"success":"REDEEMED"===r?"primary":"PENDING"===r?"warning":"danger",o=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",d=o&&`${"AVAILABLE"===r&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=w.DateTime.fromMillis(o))||void 0===t?void 0:t.setLocale(b(b(this.locale))).toLocaleString(w.DateTime.DATE_MED)}`,c="PENDING"===r?function(e){var t;console.log(e.reward);const a={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=w.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(b(b(e.locale))).toLocaleString(w.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return e.reward.pendingReasons.map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e})).join(", ")}(this):null;return console.log(c),e("div",{style:{display:"contents"}},e("style",{type:"text/css"},s),e("sl-badge",{type:n,pill:!0,class:"REDEEMED"===r?a.classes.RedeemBadge:a.classes.Badge},l),e("p",{class:a.classes.Date},c||d))}},$=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.expiryText="Expires on ",l(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:null==t?void 0:t[0],expiryText:this.expiryText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.columnTitle]),e(a,{style:{display:"none"}})}};export{_ as sqm_rewards_table,S as sqm_rewards_table_date_cell,L as sqm_rewards_table_date_column,I as sqm_rewards_table_reward_cell,C as sqm_rewards_table_reward_column,q as sqm_rewards_table_source_cell,P as sqm_rewards_table_source_column,k as sqm_rewards_table_status_cell,$ as sqm_rewards_table_status_column}